:root{--paper:#e8e5de;--white:#efede7;--ink:#161a18;--muted:#626762;--line:#cbc8c0;--green:#183f3b;--green-soft:#c8d5d0;--sand:#cbbda8;--blue:#a8bec4}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans","Noto Sans SC",sans-serif}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.site-header{position:sticky;top:0;z-index:20;background:rgba(245,243,238,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.header-inner{height:76px;max-width:1380px;margin:auto;padding:0 5vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px}.brand-mark{width:31px;height:31px;display:grid;place-items:center;background:var(--green);color:white;border-radius:8px;font-family:serif}.primary-nav{display:flex;height:100%}.nav-group{position:relative;height:100%;display:flex;align-items:center}.nav-main{padding:0 23px;font-size:14px;height:100%;display:flex;align-items:center;position:relative}.nav-main::after{content:"";position:absolute;bottom:-1px;left:23px;right:23px;height:2px;background:var(--green);transform:scaleX(0);transition:.2s}.nav-main:hover::after,.nav-main.active::after{transform:scaleX(1)}.submenu{position:absolute;top:76px;left:50%;transform:translate(-50%,8px);min-width:160px;padding:9px;background:var(--white);border:1px solid var(--line);box-shadow:0 15px 35px rgba(25,34,30,.1);opacity:0;visibility:hidden;transition:.2s}.submenu a{display:block;padding:10px 13px;font-size:12px;color:var(--muted);white-space:nowrap}.submenu a:hover{background:var(--green-soft);color:var(--green)}.nav-group:hover .submenu,.nav-group:focus-within .submenu{opacity:1;visibility:visible;transform:translate(-50%,0)}.header-search{justify-self:end;font-size:12px;color:var(--muted)}.header-search span{font-size:20px;margin-left:5px}.menu-toggle{display:none}
.hero{min-height:700px;padding:100px max(6vw,calc((100vw - 1240px)/2)) 35px;display:grid;grid-template-columns:1fr .85fr;position:relative;overflow:hidden}.hero-copy{align-self:center;position:relative;z-index:2}.eyebrow{font-size:10px;letter-spacing:.2em;color:var(--green);font-weight:600}.hero h1{font-family:"Noto Serif SC",serif;font-size:clamp(55px,6vw,88px);line-height:1.18;letter-spacing:-.065em;margin:25px 0}.hero-copy>p{font-size:16px;line-height:1.9;color:var(--muted);max-width:570px}.hero-actions{display:flex;gap:12px;margin-top:36px}.button{padding:15px 20px;min-width:150px;display:inline-flex;justify-content:space-between;align-items:center;font-size:13px;border:1px solid var(--ink)}.button-dark{background:var(--ink);color:white}.button-light{background:transparent}.hero-art{position:relative;height:500px;align-self:center}.art-panel{position:absolute;width:300px;height:370px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(4deg);background:var(--green);color:white;box-shadow:25px 30px 60px rgba(25,50,45,.2)}.panel-top{height:48px;border-bottom:1px solid rgba(255,255,255,.2);display:flex;align-items:center;padding:0 17px;gap:5px}.panel-top span{width:5px;height:5px;border:1px solid rgba(255,255,255,.55);border-radius:50%}.panel-top small{margin-left:auto;font-size:7px;letter-spacing:.14em}.panel-content{padding:45px}.panel-number{font-family:serif;font-size:80px;color:var(--sand)}.panel-content p{font-family:"Noto Serif SC",serif;font-size:24px;line-height:1.6}.panel-line{height:1px;background:rgba(255,255,255,.35);margin-top:40px}.art-circle{position:absolute;border-radius:50%}.circle-one{width:360px;height:360px;background:var(--sand);right:0;top:30px}.circle-two{width:230px;height:230px;border:1px solid var(--green);left:20px;bottom:20px}.art-note{position:absolute;font-size:8px;letter-spacing:.18em}.note-one{right:5%;bottom:80px}.note-two{left:10%;top:60px;writing-mode:vertical-rl}.hero-foot{grid-column:1/-1;border-top:1px solid var(--line);padding-top:24px;display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.hero-foot div{display:flex;gap:30px}.hero-foot b{color:var(--ink);font-weight:500}
.section{padding:100px max(6vw,calc((100vw - 1240px)/2));border-top:1px solid var(--line)}.intro-strip{display:flex;justify-content:space-between;align-items:center;padding-top:55px;padding-bottom:55px}.intro-strip p{font-family:"Noto Serif SC",serif;font-size:24px;margin:0}.intro-strip em{color:var(--green);font-style:normal}.intro-strip span{font-size:8px;letter-spacing:.15em;color:var(--muted)}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:42px}.section-head>div{display:flex;align-items:baseline;gap:15px}.section-no{font-size:10px;color:var(--green);letter-spacing:.15em}.section h2{font-family:"Noto Serif SC",serif;font-size:44px;letter-spacing:-.04em;margin:0}.section-head>a,.section-head>p{font-size:11px;color:var(--muted)}.featured-layout{display:grid;grid-template-columns:1.35fr .8fr;gap:45px}.cover{height:390px;position:relative;overflow:hidden}.cover-ai{background:var(--blue)}.cover-label{position:absolute;top:20px;left:20px;background:var(--white);padding:7px 10px;font-size:9px}.cover-type{position:absolute;right:5%;bottom:-22%;font-family:serif;font-size:360px;line-height:1;color:rgba(255,255,255,.55);font-weight:700}.cover-lines{position:absolute;left:30px;bottom:30px;display:grid;gap:7px}.cover-lines i{display:block;height:1px;width:100px;background:var(--green)}.cover-lines i:nth-child(2){width:65px}.cover-lines i:nth-child(3){width:35px}.article-meta{display:flex;gap:20px;color:var(--muted);font-size:9px;margin:17px 0 10px}.featured-main,.compact-card{cursor:pointer}.featured-main h3{font-family:"Noto Serif SC",serif;font-size:30px;line-height:1.45;margin:0}.featured-main>p{color:var(--muted);font-size:13px}.featured-side{border-top:1px solid var(--line)}.compact-card{display:grid;grid-template-columns:150px 1fr;gap:20px;padding:24px 0;border-bottom:1px solid var(--line)}.mini-cover{height:135px;display:grid;place-items:center}.cover-node{background:var(--sand);color:var(--green);font-size:19px;line-height:1.1;font-weight:600}.cover-tools{background:var(--green);color:white;font-family:serif;font-size:60px}.card-category{color:var(--green);font-size:9px}.compact-card h3{font-family:"Noto Serif SC",serif;font-size:18px;line-height:1.55;margin:10px 0}.compact-card p{font-size:9px;color:var(--muted)}
.category-section{display:grid;grid-template-columns:320px 1fr;gap:80px}.category-intro{position:sticky;top:115px;align-self:start}.category-intro h2{font-size:54px;margin:10px 0 18px}.category-intro>p{color:var(--muted);font-size:13px;line-height:1.8}.category-tabs{display:flex;flex-wrap:wrap;gap:7px;margin-top:28px}.category-tabs button{border:1px solid var(--line);background:transparent;padding:8px 11px;font-size:10px;color:var(--muted);cursor:pointer}.category-tabs button.active,.category-tabs button:hover{background:var(--green);border-color:var(--green);color:white}.content-item{display:grid;grid-template-columns:75px 1fr auto;gap:15px;align-items:center;padding:24px 0;border-top:1px solid var(--line);cursor:pointer}.content-item:last-child{border-bottom:1px solid var(--line)}.item-index{font-family:serif;color:#aaa;font-size:17px}.item-category{font-size:9px;color:var(--green);display:block;margin-bottom:8px}.content-item h3{font-family:"Noto Serif SC",serif;font-size:20px;margin:0}.item-arrow{width:38px;height:38px;border:1px solid var(--line);display:grid;place-items:center}.content-item:hover .item-arrow{background:var(--green);color:white}.content-item.hidden,.tool-card.hidden{display:none}.node-section{background:var(--white)}
.video-section{background:#e6e2d9}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.video-card{cursor:pointer}.video-cover{aspect-ratio:16/10;position:relative;display:grid;place-items:center;overflow:hidden;background:var(--color)}.video-shape{width:45%;height:65%;background:rgba(255,255,255,.55);border-radius:50% 45% 50% 40%;transform:rotate(20deg)}.video-card:nth-child(2) .video-shape{border-radius:8px;background:var(--green);transform:rotate(-12deg)}.video-card:nth-child(3) .video-shape{width:60%;height:35%;border-radius:0;background:var(--sand)}.play{position:absolute;width:48px;height:48px;border-radius:50%;background:var(--ink);color:white;display:grid;place-items:center}.platform{position:absolute;left:12px;top:12px;font-size:8px;background:var(--white);padding:6px 8px}.duration{position:absolute;right:12px;bottom:12px;font-size:8px;background:var(--ink);color:white;padding:4px 6px}.video-card h3{font-family:"Noto Serif SC",serif;font-size:18px;line-height:1.5}.video-card p{color:var(--muted);font-size:9px}
.toolbox-section{background:var(--green);color:white}.toolbox-head{display:flex;justify-content:space-between;align-items:flex-end}.toolbox-head>div{display:flex;align-items:baseline;gap:15px}.toolbox-section .section-no{color:var(--sand)}.toolbox-head p{color:rgba(255,255,255,.65);font-size:11px}.tool-tabs{margin:35px 0}.tool-tabs button{border-color:rgba(255,255,255,.25);color:rgba(255,255,255,.75)}.tool-tabs button.active,.tool-tabs button:hover{background:var(--white);color:var(--green);border-color:var(--white)}.tools-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.25);border-left:1px solid rgba(255,255,255,.25)}.tool-card{min-height:245px;padding:23px;border-right:1px solid rgba(255,255,255,.25);border-bottom:1px solid rgba(255,255,255,.25);display:flex;flex-direction:column}.tool-icon{width:43px;height:43px;background:var(--white);color:var(--green);display:grid;place-items:center;border-radius:10px;font-weight:700}.tool-card h3{font-size:18px;margin:35px 0 8px}.tool-card p{font-size:11px;color:rgba(255,255,255,.6)}.tool-card a{margin-top:auto;font-size:10px;display:flex;justify-content:space-between}.latest-list{border-top:1px solid var(--line)}.latest-row{display:grid;grid-template-columns:100px 120px 1fr auto;padding:23px 0;border-bottom:1px solid var(--line);align-items:center;font-size:11px}.latest-row span:first-child{color:var(--muted)}.latest-row span:nth-child(2){color:var(--green)}.latest-row strong{font-family:"Noto Serif SC",serif;font-size:18px}.latest-row a{font-size:18px}
.about-section{padding:110px max(6vw,calc((100vw - 1100px)/2));display:grid;grid-template-columns:320px 1fr;gap:85px;background:var(--sand)}.about-visual{height:380px;background:var(--green);color:white;display:grid;place-items:center;position:relative}.about-visual span{font-family:serif;font-size:180px;color:var(--sand)}.about-visual small{position:absolute;bottom:18px;left:18px;font-size:8px;letter-spacing:.2em}.about-copy{align-self:center}.about-copy h2{font-family:"Noto Serif SC",serif;font-size:48px;margin:20px 0}.about-copy p{line-height:2;color:#515651}.about-links{display:flex;gap:24px;margin-top:30px;font-size:11px}.about-links a{border-bottom:1px solid var(--ink);padding-bottom:4px}.subscribe-section{padding:90px max(6vw,calc((100vw - 1100px)/2));display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;background:var(--ink);color:white}.subscribe-section span{font-size:9px;color:var(--sand);letter-spacing:.18em}.subscribe-section h2{font-family:"Noto Serif SC",serif;font-size:42px;margin:15px 0}.subscribe-section form{display:grid;grid-template-columns:1fr auto;border-bottom:1px solid #666}.subscribe-section input{border:0;background:transparent;color:white;padding:16px 3px;outline:0}.subscribe-section button{border:0;background:transparent;color:white;font-size:11px;cursor:pointer}footer{padding:55px max(6vw,calc((100vw - 1240px)/2)) 25px;display:grid;grid-template-columns:1fr 1fr;gap:30px;font-size:10px;color:var(--muted)}footer>p{text-align:right}footer>div{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between}
dialog{width:min(900px,92vw);max-height:88vh;border:0;padding:0;background:var(--white);color:var(--ink);box-shadow:0 30px 90px rgba(0,0,0,.25)}dialog::backdrop{background:rgba(19,24,22,.72);backdrop-filter:blur(5px)}.modal-close{position:absolute;right:17px;top:14px;width:36px;height:36px;border:1px solid var(--line);background:var(--white);border-radius:50%;z-index:3;cursor:pointer;font-size:20px}#articleModal{padding:70px max(30px,8vw)}#articleContent{max-width:680px;margin:auto}#articleContent .article-kicker{font-size:10px;color:var(--green);letter-spacing:.15em}#articleContent h1{font-family:"Noto Serif SC",serif;font-size:44px;line-height:1.35}#articleContent .lead{font-size:17px;color:var(--muted);line-height:1.9}#articleContent h2{font-family:"Noto Serif SC",serif;margin-top:40px}#articleContent p,#articleContent li{line-height:1.9;color:#555b56}.video-frame{display:block;width:100%;aspect-ratio:16/9;border:0;background:#000}.external-video{padding:75px;text-align:center}.external-video h2{font-family:"Noto Serif SC",serif;font-size:35px}.external-video p{color:var(--muted)}.external-video .button{margin:25px auto 0}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);background:var(--green);color:white;padding:12px 18px;font-size:11px;opacity:0;transition:.2s;z-index:50}.toast.show{opacity:1;transform:translate(-50%,0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:960px){.header-inner{grid-template-columns:1fr auto}.header-search{display:none}.menu-toggle{display:grid;gap:6px;border:0;background:none;padding:10px;z-index:3}.menu-toggle span{width:24px;height:1px;background:var(--ink)}.primary-nav{position:fixed;inset:76px 0 0;background:var(--paper);display:block;padding:25px 6vw;overflow:auto;transform:translateY(-120%);transition:.3s;height:calc(100vh - 76px)}.primary-nav.open{transform:translateY(0)}.nav-group{height:auto;display:block;border-bottom:1px solid var(--line)}.nav-main{font-family:"Noto Serif SC",serif;font-size:25px;padding:18px 0;height:auto}.nav-main::after{display:none}.submenu{position:static;transform:none;opacity:1;visibility:visible;background:none;border:0;box-shadow:none;padding:0 0 15px;display:flex;flex-wrap:wrap}.submenu a{padding:6px 15px 6px 0}.nav-group:hover .submenu{transform:none}.hero{grid-template-columns:1fr}.hero-art{position:absolute;right:-180px;opacity:.4;width:520px}.hero-copy{z-index:2}.category-section{grid-template-columns:1fr;gap:40px}.category-intro{position:static}.featured-layout{grid-template-columns:1fr}.tools-grid{grid-template-columns:1fr 1fr}.about-section{grid-template-columns:250px 1fr;gap:50px}}
@media(max-width:620px){.header-inner{height:65px}.primary-nav{inset:65px 0 0;height:calc(100vh - 65px)}.hero{min-height:660px;padding:85px 6vw 30px}.hero h1{font-size:48px}.hero-copy>p{font-size:14px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-art{right:-290px}.hero-foot{font-size:9px}.hero-foot div{display:none}.section{padding:70px 6vw}.intro-strip p{font-size:19px}.intro-strip>span{display:none}.section h2{font-size:35px}.section-head>a{display:none}.cover{height:270px}.cover-type{font-size:270px}.featured-main h3{font-size:24px}.compact-card{grid-template-columns:105px 1fr}.mini-cover{height:110px}.compact-card h3{font-size:15px}.category-intro h2{font-size:42px}.content-item{grid-template-columns:42px 1fr auto}.content-item h3{font-size:16px}.video-grid{grid-template-columns:1fr}.toolbox-head{display:block}.toolbox-head p{margin-top:16px}.tools-grid{grid-template-columns:1fr}.tool-card{min-height:210px}.latest-row{grid-template-columns:70px 1fr auto}.latest-row span:nth-child(2){display:none}.latest-row strong{font-size:14px}.about-section{padding:70px 6vw;grid-template-columns:1fr;gap:40px}.about-visual{width:180px;height:220px}.about-visual span{font-size:110px}.about-copy h2{font-size:38px}.subscribe-section{padding:70px 6vw;grid-template-columns:1fr;gap:35px}.subscribe-section h2{font-size:34px}footer{grid-template-columns:1fr}footer>p{text-align:left}.external-video{padding:55px 20px}}
.site-header{background:rgba(232,229,222,.94)}
.brand-logo{width:34px;height:34px;display:block}.hero-signature{display:flex;align-items:center;gap:11px;margin:22px 0 2px;color:var(--green);font-family:"Noto Serif SC",serif;font-size:18px;font-weight:700}.hero-signature img{width:42px;height:42px}.header-inner{max-width:1500px;padding-left:3.5vw;padding-right:3.5vw}.hero{padding-left:max(3.5vw,calc((100vw - 1380px)/2));padding-right:max(3.5vw,calc((100vw - 1380px)/2));grid-template-columns:1.08fr .92fr;column-gap:70px}.section{padding-left:max(3.5vw,calc((100vw - 1380px)/2));padding-right:max(3.5vw,calc((100vw - 1380px)/2));padding-top:115px;padding-bottom:115px}.featured-layout{grid-template-columns:1.45fr .85fr;gap:65px}.category-section{grid-template-columns:350px 1fr;gap:110px}.content-item{padding-top:30px;padding-bottom:30px}.video-grid{gap:32px}.tools-grid{grid-template-columns:repeat(4,1fr)}.tool-card{padding:30px;min-height:265px}.about-section,.subscribe-section{padding-left:max(3.5vw,calc((100vw - 1280px)/2));padding-right:max(3.5vw,calc((100vw - 1280px)/2))}.about-section{grid-template-columns:360px 1fr;gap:110px}.about-visual img{width:180px;height:180px;filter:drop-shadow(0 18px 30px rgba(0,0,0,.18))}.about-visual span{display:none}footer{padding-left:max(3.5vw,calc((100vw - 1380px)/2));padding-right:max(3.5vw,calc((100vw - 1380px)/2))}
@media(max-width:960px){.header-inner{padding-left:5vw;padding-right:5vw}.hero{grid-template-columns:1fr;column-gap:0}.section{padding-left:6vw;padding-right:6vw}.featured-layout{grid-template-columns:1fr}.category-section{grid-template-columns:1fr;gap:50px}.tools-grid{grid-template-columns:1fr 1fr}.about-section{grid-template-columns:250px 1fr;gap:55px}.about-visual img{width:130px;height:130px}}
@media(max-width:620px){.brand-logo{width:32px;height:32px}.hero-signature{font-size:15px;margin-top:20px}.hero-signature img{width:36px;height:36px}.section{padding-top:78px;padding-bottom:78px}.featured-layout{grid-template-columns:1fr;gap:38px}.category-section{grid-template-columns:1fr;gap:35px}.tools-grid{grid-template-columns:1fr}.about-section{grid-template-columns:1fr}.about-visual img{width:105px;height:105px}}

/* Dark graphite concept */
:root{--paper:#111312;--white:#1a1d1c;--ink:#eeefeb;--muted:#969c98;--line:#303432;--green:#9eb6b1;--green-soft:#252d2b;--sand:#827b70;--blue:#536764}
body{background:radial-gradient(circle at 72% 16%,#272b29 0,#171918 29%,#111312 58%);color:var(--ink)}
.site-header{background:rgba(17,19,18,.9);border-color:#303432}
.header-inner{height:92px}
.brand{font-size:20px;letter-spacing:.03em}.brand-logo{width:42px;height:42px}
.primary-nav{gap:9px}.nav-main{padding:0 30px;font-size:18px;font-weight:500;letter-spacing:.04em}.nav-main::after{left:30px;right:30px;background:#a9c0bc}
.submenu{top:92px;background:#1a1d1c;border-color:#373b39;box-shadow:0 22px 55px rgba(0,0,0,.35)}.submenu a{color:#a4aaa6}.submenu a:hover{background:#252a28;color:#eef0ec}
.header-search{color:#8c928e}
.hero{min-height:760px;padding-top:115px;background:linear-gradient(115deg,rgba(255,255,255,.018),transparent 45%);border-bottom:1px solid var(--line)}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to right,transparent,#000 48%,#000)}
.hero-copy{position:relative}.eyebrow{color:#94aaa6}.hero-signature{color:#d9deda;margin-top:28px}.hero-signature img{width:48px;height:48px}
.hero h1{font-size:clamp(62px,6.5vw,104px);color:#f1f1ed;margin-top:34px;line-height:1.12}
.hero-copy>p{font-size:17px;color:#9ba19d;max-width:630px;margin-top:28px}
.hero-art{height:560px}.circle-one{background:#41413d;opacity:.72}.circle-two{border-color:#71837f}
.art-panel{width:330px;height:415px;background:linear-gradient(145deg,#29302e,#171a19 72%);border:1px solid #4b5451;box-shadow:35px 45px 90px rgba(0,0,0,.45)}
.panel-number{color:#abb9b5}.panel-content p{color:#f0f1ed}.art-note{color:#87908c}
.hero-foot{border-color:#333735;color:#858b87}.hero-foot b{color:#d9deda}
.intro-strip p{color:#dfe1dc}.intro-strip em{color:#a7c0ba}
.section{border-color:#303432}.section-head>a,.section-head>p{color:#8c928e}.section-no,.card-category,.item-category{color:#a5bdb8}
.cover-ai{background:linear-gradient(145deg,#576b68,#2b3432)}.cover-label{background:#191c1b;color:#e7e9e5}.cover-type{color:rgba(255,255,255,.11)}.cover-lines i{background:#c6d4d1}
.featured-main>p,.compact-card p,.category-intro>p{color:#929894}.featured-side,.compact-card,.content-item,.latest-list,.latest-row{border-color:#333735}
.cover-node{background:#6e6a62;color:#f0f1ec}.cover-tools{background:#242a28;color:#dce3df}
.category-tabs button{border-color:#3a3f3d;color:#9da39f}.category-tabs button.active,.category-tabs button:hover{background:#d8dedb;border-color:#d8dedb;color:#151817}
.node-section{background:#151716}.item-index{color:#777d79}.item-arrow{border-color:#3a3f3d}.content-item:hover .item-arrow{background:#d8dedb;color:#151817}
.video-section{background:#1a1c1b}.video-card p{color:#8f9591}.play{background:#e5e8e3;color:#151817}.platform{background:#171918;color:#e9ebe7}
.toolbox-section{background:#202522}.tool-tabs button.active,.tool-tabs button:hover{background:#e3e6e1;color:#171a19}.tool-icon{background:#e0e4df;color:#1c2421}
.about-section{background:#252522}.about-visual{background:#151817}.about-copy p{color:#a4a7a2}.about-links a{border-color:#d5d8d3}
.subscribe-section{background:#0d0f0e}.subscribe-section form{border-color:#4b504d}
footer{color:#858b87}footer>div{border-color:#303432}
dialog{background:#1b1e1d;color:#eceee9}.modal-close{background:#222625;color:#e7e9e5;border-color:#454a47}#articleContent .lead,#articleContent p,#articleContent li,.external-video p{color:#a4aaa6}
@media(max-width:960px){.header-inner{height:76px}.primary-nav{inset:76px 0 0;background:#121413}.nav-main{font-size:27px}.submenu{background:transparent}.hero{min-height:720px}.hero-art{opacity:.32}}
@media(max-width:620px){.header-inner{height:68px}.primary-nav{inset:68px 0 0;height:calc(100vh - 68px)}.brand-logo{width:38px;height:38px}.hero{padding-top:92px}.hero h1{font-size:52px}.hero-copy>p{font-size:15px}.hero-art{right:-300px}.hero-signature img{width:40px;height:40px}}

/* Premium concept v2 */
.header-inner{grid-template-columns:1fr auto 1fr}.header-index{font-size:10px;letter-spacing:.22em;color:#727a77}
.primary-nav{gap:18px}.nav-main{padding:0 34px;font-size:22px;font-weight:600}.nav-main::after{left:34px;right:34px}
.hero{grid-template-columns:1.02fr .98fr;column-gap:90px;min-height:805px}
.hero-brand{display:flex;align-items:center;gap:30px;margin:25px 0 42px}.hero-brand img{width:112px;height:112px;filter:drop-shadow(0 20px 40px rgba(0,0,0,.38))}.hero-brand span{font-family:"DM Sans","Noto Sans SC",sans-serif;font-size:72px;line-height:1;font-weight:600;letter-spacing:-.08em;color:#f0f1ed}
.hero h1{font-family:"DM Sans","Noto Sans SC",sans-serif;font-size:clamp(62px,5.7vw,92px);font-weight:500;letter-spacing:-.065em;line-height:1.08;margin:0}
.hero-copy>p{margin-top:36px;max-width:590px;line-height:2}
.hero-art{height:610px;isolation:isolate}
.visual-halo{position:absolute;border-radius:50%;filter:blur(.2px)}.halo-one{width:430px;height:430px;right:2%;top:65px;background:radial-gradient(circle at 35% 30%,rgba(181,194,190,.24),rgba(66,72,69,.16) 52%,transparent 72%);border:1px solid rgba(180,194,190,.18)}.halo-two{width:320px;height:320px;left:5%;bottom:28px;border:1px solid rgba(151,177,171,.45);box-shadow:inset 0 0 70px rgba(106,130,124,.08)}
.metal-orb{position:absolute;z-index:3;width:238px;height:238px;left:22%;top:175px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 31% 25%,#f0f2ef 0,#9ba4a1 11%,#343a38 35%,#111413 67%,#78817e 82%,#1b1e1d 100%);box-shadow:0 38px 75px rgba(0,0,0,.58),inset -18px -20px 35px rgba(0,0,0,.7),inset 12px 12px 26px rgba(255,255,255,.13)}.metal-orb::before{content:"";position:absolute;inset:19px;border-radius:50%;border:1px solid rgba(223,232,228,.36)}.metal-orb span{font-size:42px;letter-spacing:-.08em;color:#e9edea;font-weight:500}.metal-orb i{position:absolute;width:330px;height:100px;border:1px solid rgba(173,193,188,.48);border-radius:50%;transform:rotate(-18deg);z-index:-1}
.glass-panel{position:absolute;z-index:4;background:linear-gradient(135deg,rgba(53,60,57,.76),rgba(20,23,22,.62));border:1px solid rgba(168,185,180,.3);backdrop-filter:blur(18px);box-shadow:0 28px 70px rgba(0,0,0,.34)}.panel-primary{width:285px;height:350px;right:2%;top:115px;padding:32px;transform:rotate(3deg)}.panel-primary small,.panel-mini small{font-size:8px;letter-spacing:.2em;color:#8b9995}.panel-primary strong{display:block;font-size:24px;margin:88px 0 18px;font-weight:500;letter-spacing:.04em}.panel-primary p{font-family:"Noto Sans SC",sans-serif;font-size:17px;line-height:1.7;color:#d4d9d6}.signal{position:absolute;left:32px;right:32px;bottom:28px;display:flex;gap:5px;align-items:end}.signal i{display:block;width:18%;height:10px;background:#59645f}.signal i:nth-child(2){height:21px;background:#81918c}.signal i:nth-child(3){height:35px;background:#acbdb8}.signal i:nth-child(4){height:18px;background:#68746f}
.panel-mini{width:175px;height:92px;left:7%;top:72px;padding:18px}.panel-mini b{display:block;font-size:11px;margin-top:10px;letter-spacing:.14em}.panel-mini span{position:absolute;right:16px;bottom:18px;width:7px;height:7px;border-radius:50%;background:#a9c5be;box-shadow:0 0 15px #9db9b2}
.visual-axis{position:absolute;background:rgba(178,193,188,.2)}.axis-x{height:1px;left:0;right:0;top:50%}.axis-y{width:1px;top:5%;bottom:5%;left:54%}.coordinate{position:absolute;font-size:7px;letter-spacing:.24em;color:#69736f}.coordinate-a{left:0;bottom:90px}.coordinate-b{right:1%;bottom:58px}
.about-monogram{font-size:82px;letter-spacing:-.08em;color:#cdd4d1;font-weight:500}.footer-index{font-size:10px;letter-spacing:.2em;color:#a1a7a3}
@media(max-width:1200px){.nav-main{padding:0 22px;font-size:19px}.primary-nav{gap:5px}.hero-brand img{width:92px;height:92px}.hero-brand span{font-size:60px}.panel-primary{right:-4%}}
@media(max-width:960px){.header-inner{grid-template-columns:1fr auto}.header-index{font-size:9px}.nav-main{font-size:27px}.hero{grid-template-columns:1fr}.hero-brand img{width:82px;height:82px}.hero-brand span{font-size:54px}.hero-art{right:-180px}.panel-primary{right:5%}}
@media(max-width:620px){.hero-brand{gap:18px;margin-bottom:30px}.hero-brand img{width:68px;height:68px}.hero-brand span{font-size:45px}.hero h1{font-size:48px}.header-index{font-size:8px}.metal-orb{width:180px;height:180px}.panel-primary{width:230px;height:300px}}
.hero-watermark{position:absolute;z-index:5;top:32px;left:max(3.5vw,calc((100vw - 1380px)/2));display:flex;align-items:center;gap:38px;opacity:.3;pointer-events:none}.hero-watermark img{width:190px;height:190px}.hero-watermark span{font-family:"DM Sans","Noto Sans SC",sans-serif;font-size:112px;font-weight:600;letter-spacing:-.08em;color:#edf0ed}.hero-copy{padding-top:230px}.hero-copy .eyebrow{display:block;margin-bottom:32px}
@media(max-width:960px){.hero-watermark{left:6vw;top:28px;gap:24px}.hero-watermark img{width:125px;height:125px}.hero-watermark span{font-size:76px}.hero-copy{padding-top:180px}}
@media(max-width:620px){.hero-watermark{top:20px;gap:16px}.hero-watermark img{width:88px;height:88px}.hero-watermark span{font-size:52px}.hero-copy{padding-top:130px}.hero-copy .eyebrow{margin-bottom:28px}}
.article-cover{display:block;width:100%;max-height:390px;object-fit:cover;margin:0 0 35px;border:1px solid var(--line)}