:root{--ink:#171610;--ink-soft:#2b2920;--bone:#f1eee5;--paper:#e7e0d2;--brown:#7b4d36;--muted:#8b8376;--acid:#d8ff00;--seal:#b63a25;--line:rgba(23,22,16,.19);--header-h:82px;--serif:"Songti SC","STSong","Noto Serif CJK SC",serif;--sans:"Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--bone);font-family:var(--sans);-webkit-font-smoothing:antialiased}body.dialog-open,body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{color:inherit}img,video{display:block;width:100%}.skip-link{position:fixed;z-index:200;top:8px;left:8px;padding:10px 16px;background:var(--acid);transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}
.site-header{position:fixed;z-index:50;inset:0 0 auto;height:var(--header-h);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 5vw;color:var(--bone);border-bottom:1px solid rgba(255,255,255,.25);transition:color .35s,background .35s,border-color .35s}.site-header.is-scrolled{color:var(--ink);background:rgba(241,238,229,.94);border-color:var(--line);backdrop-filter:blur(14px)}.brand{justify-self:start;display:inline-flex;align-items:baseline;gap:12px}.brand-cn{font:600 27px/1 var(--serif);letter-spacing:.16em}.brand-en{padding-left:11px;border-left:1px solid;font-size:10px;letter-spacing:.35em}.desktop-nav{display:flex;gap:clamp(30px,4vw,72px);font-size:14px;letter-spacing:.12em}.desktop-nav a,.header-consult{position:relative}.desktop-nav a:after,.header-consult:after{content:"";position:absolute;left:0;bottom:-9px;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .3s}.desktop-nav a:hover:after,.header-consult:hover:after{transform:scaleX(1);transform-origin:left}.header-consult{justify-self:end;border:0;padding:0;background:none;cursor:pointer;letter-spacing:.12em}.menu-toggle{display:none;width:38px;height:38px;border:0;background:none;padding:10px 5px}.menu-toggle span{display:block;height:1px;margin:6px 0;background:currentColor}.mobile-menu{position:fixed;z-index:45;inset:0;padding:120px 8vw 40px;color:var(--bone);background:var(--ink)}.mobile-menu nav{display:grid;gap:28px}.mobile-menu a{font:30px/1.2 var(--serif);letter-spacing:.08em}
.hero{position:relative;min-height:100svh;display:grid;grid-template-columns:42.5% 57.5%;color:var(--bone);background:var(--ink)}.hero-copy{min-height:100svh;padding:clamp(150px,18vh,210px) 8vw 90px 7vw;display:flex;flex-direction:column;justify-content:center;background:#262018}.hero-rule{position:absolute;top:19.5vh;left:0;width:18%;height:1px;background:rgba(241,238,229,.35)}.eyebrow{margin:0 0 4vh;font-size:11px;letter-spacing:.35em}.hero h1{margin:0;font:400 clamp(80px,10vw,164px)/.82 var(--serif);letter-spacing:.08em}.hero h1 span{display:block}.hero h1 span:last-child{margin-left:1.35em}.hero-intro{max-width:430px;margin:7vh 0 5vh;font:18px/2 var(--serif);letter-spacing:.12em;color:rgba(241,238,229,.77)}.text-link{align-self:flex-start;min-width:180px;padding:0 0 13px;display:flex;justify-content:space-between;border-bottom:1px solid rgba(241,238,229,.45);font-size:13px;letter-spacing:.15em}.hero-film{position:relative;min-height:100svh;overflow:hidden;background:#9b856d}.hero-film .film{position:absolute;inset:0;height:100%;object-fit:cover}.film-mobile{display:none}.film-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(25,19,14,.15),transparent 30%,rgba(10,10,8,.18));pointer-events:none}.vertical-caption{position:absolute;z-index:2;top:50%;right:2.2vw;margin:0;writing-mode:vertical-rl;transform:translateY(-50%);font:13px/2.2 var(--serif);letter-spacing:.5em}.film-toggle{position:absolute;z-index:3;right:2vw;bottom:2vw;border:1px solid rgba(255,255,255,.6);border-radius:50%;width:56px;height:56px;color:#fff;background:rgba(20,18,15,.3);cursor:pointer;font-size:11px}.scroll-cue{position:absolute;z-index:4;left:49%;bottom:24px;display:flex;align-items:center;gap:15px;font-size:9px;letter-spacing:.25em}.scroll-cue span{width:60px;height:1px;background:rgba(255,255,255,.6)}
.section{padding:130px 6vw}.section-index{font:11px/1 var(--sans);letter-spacing:.28em}.prologue{display:grid;grid-template-columns:20% 47% 1fr;gap:5vw;align-items:start}.prologue-title>p,.looks-heading p{margin:0 0 24px;color:var(--brown);font-size:13px;letter-spacing:.3em}.prologue h2,.looks h2,.film-copy h2,.brand-manifesto h2,.cooperate h2{margin:0;font:400 clamp(36px,4.25vw,68px)/1.42 var(--serif);letter-spacing:.07em}.prologue-copy{padding-top:55px}.prologue-copy p{margin:0;max-width:420px;font:16px/2.2 var(--serif);letter-spacing:.08em;color:#5f594f}
.feature-story{display:grid;grid-template-columns:62% 38%;background:var(--paper)}figure{margin:0}.feature-main{display:grid;grid-template-columns:1fr 55px;background:var(--ink)}.feature-main img{height:min(96vw,1280px);object-fit:cover;object-position:center 38%}.feature-main figcaption{padding:28px 16px;writing-mode:vertical-rl;color:var(--bone);font:12px/2 var(--serif);letter-spacing:.2em}.feature-main figcaption span{margin-bottom:18px;color:var(--acid);font-family:var(--sans)}.feature-side{display:grid;grid-template-rows:.7fr 1fr}.feature-side figure{overflow:hidden}.feature-side img{height:100%;object-fit:cover}.feature-note{display:flex;flex-direction:column;justify-content:center;padding:6vw;background:var(--acid)}.seal-dot{width:13px;height:13px;border-radius:50%;background:var(--seal)}.feature-note p{margin:45px 0 28px;font:24px/2 var(--serif);letter-spacing:.12em}.feature-note small{font-size:9px;letter-spacing:.28em}
.looks{background:var(--bone)}.looks-heading{display:grid;grid-template-columns:20% 1fr;margin-bottom:90px}.look-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:4vw 2vw;align-items:start}.look-card{grid-column:span 4}.look-card:nth-child(2){margin-top:160px}.look-card:nth-child(3){margin-top:55px}.look-card-wide{grid-column:5/span 6;margin-top:30px}.look-card img{aspect-ratio:.565;object-fit:cover;filter:saturate(.83) contrast(.97)}.look-card figcaption{display:flex;justify-content:space-between;padding-top:15px;border-top:1px solid var(--line);margin-top:12px;font-size:10px;letter-spacing:.2em}.look-card figcaption em{font:13px/1 var(--serif);font-style:normal;letter-spacing:.1em}
.film-section{min-height:100vh;display:grid;grid-template-columns:36% 64%;color:var(--bone);background:var(--ink-soft)}.film-copy{align-self:center;padding:8vw 5vw 8vw 7vw}.film-copy .section-index{margin-bottom:90px;color:var(--acid)}.film-copy p{max-width:370px;margin:55px 0 0;font:15px/2 var(--serif);color:rgba(241,238,229,.65)}.editorial-collage{position:relative;min-height:1050px;overflow:hidden;background:#c9bfad}.collage-a{position:absolute;z-index:2;top:7%;left:7%;width:48%}.collage-b{position:absolute;z-index:1;right:0;bottom:0;width:55%}.collage-a img,.collage-b img{aspect-ratio:.56;object-fit:cover}.collage-word{position:absolute;z-index:3;left:49%;top:31%;font:600 clamp(38px,4.5vw,76px)/.93 var(--sans);letter-spacing:-.05em;color:var(--acid);mix-blend-mode:screen}
.brand-story{display:grid;grid-template-columns:14% 34% 1fr;gap:6vw;align-items:center;background:var(--paper)}.brand-mark-card{background:var(--acid)}.brand-mark-card img{aspect-ratio:1;object-fit:cover}.manifesto-kicker{margin:0 0 32px;color:var(--seal);font:15px/1 var(--serif);letter-spacing:.6em}.brand-manifesto>p:not(.manifesto-kicker){max-width:620px;margin:42px 0;font:16px/2.2 var(--serif);color:#5f594f}.brand-values{display:flex;gap:12px;flex-wrap:wrap}.brand-values span{padding:10px 18px;border:1px solid var(--line);border-radius:50%;font-size:11px;letter-spacing:.15em}
.cooperate{min-height:740px;display:grid;grid-template-columns:56% 44%;background:#d7cebe}.cooperate-image{overflow:hidden}.cooperate-image img{height:100%;object-fit:cover;object-position:center 30%}.cooperate-copy{display:flex;flex-direction:column;justify-content:center;padding:8vw 7vw}.cooperate-copy .eyebrow{color:var(--brown)}.cooperate-copy>p:not(.eyebrow){margin:45px 0 35px;font:15px/2.15 var(--serif);color:#625a4f}.primary-button,.submit-button{border:0;background:var(--ink);color:var(--bone);cursor:pointer;transition:color .25s,background .25s}.primary-button{width:210px;display:flex;justify-content:space-between;padding:19px 23px;letter-spacing:.18em}.primary-button:hover,.submit-button:hover{color:var(--ink);background:var(--acid)}.cooperate-copy small{margin-top:18px;color:#746d62}
.site-footer{padding:90px 6vw 34px;text-align:center;color:rgba(241,238,229,.76);background:#12110e}.footer-brand{display:inline-flex;align-items:baseline;gap:15px;color:var(--bone)}.footer-brand span{font:400 45px/1 var(--serif);letter-spacing:.2em}.footer-brand em{font:10px/1 var(--sans);font-style:normal;letter-spacing:.38em}.site-footer>p{margin:28px 0 35px;font:14px/1.8 var(--serif);letter-spacing:.16em;color:#8d8577}.site-footer nav{display:flex;justify-content:center;gap:38px;font-size:12px;letter-spacing:.1em}.footer-bottom{margin-top:80px;padding-top:25px;display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.12);font-size:9px;letter-spacing:.15em;color:#6e685e}
.floating-consult{position:fixed;z-index:40;right:2.4vw;bottom:2.3vw;width:76px;height:76px;display:flex;flex-direction:column;justify-content:center;gap:4px;border:1px solid rgba(255,255,255,.25);border-radius:50%;color:var(--bone);background:#2d281f;box-shadow:0 10px 35px rgba(0,0,0,.18);cursor:pointer}.floating-consult span{font:16px/1 var(--serif);letter-spacing:.12em}.floating-consult small{font-size:8px}.consult-dialog{width:min(780px,calc(100% - 32px));max-height:calc(100vh - 32px);border:0;padding:0;color:var(--ink);background:var(--bone)}.consult-dialog::backdrop{background:rgba(15,14,11,.72);backdrop-filter:blur(5px)}.dialog-shell{position:relative;padding:54px 60px 48px}.dialog-close{position:absolute;top:18px;right:20px;width:38px;height:38px;border:0;background:none;cursor:pointer;font-size:30px;font-weight:200}.dialog-heading p{margin:0 0 15px;color:var(--brown);font-size:9px;letter-spacing:.34em}.dialog-heading h2{margin:0 0 12px;font:38px/1.2 var(--serif);letter-spacing:.12em}.dialog-heading span{color:var(--muted);font-size:12px}.consult-form{display:grid;gap:22px;margin-top:35px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.consult-form label>span{display:block;margin-bottom:9px;font-size:12px;color:#615b51}.consult-form input,.consult-form select,.consult-form textarea{width:100%;border:0;border-bottom:1px solid #aaa193;border-radius:0;padding:11px 3px;color:var(--ink);background:transparent;outline:none}.consult-form input:focus,.consult-form select:focus,.consult-form textarea:focus{border-color:var(--ink)}.consult-form textarea{resize:vertical}.privacy-check{display:flex;align-items:center;gap:8px}.privacy-check input{width:auto}.privacy-check>span{margin:0!important;font-size:11px!important}.privacy-check a{text-decoration:underline}.honeypot{position:absolute!important;left:-9999px;opacity:0}.submit-button{padding:16px;letter-spacing:.25em}.submit-button:disabled{opacity:.55;cursor:wait}.form-status{min-height:18px;margin:0;font-size:12px;color:var(--brown);text-align:center}.reveal{opacity:0;transform:translateY(32px);transition:opacity .75s ease,transform .75s ease}.reveal.is-visible{opacity:1;transform:none}
@media(max-width:960px){:root{--header-h:68px}.site-header{grid-template-columns:1fr auto;padding:0 24px}.desktop-nav,.header-consult{display:none}.menu-toggle{display:block;justify-self:end}.hero{grid-template-columns:45% 55%}.hero-copy{padding-left:6vw;padding-right:5vw}.prologue{grid-template-columns:1fr 2fr}.prologue-copy{grid-column:2}.brand-story{grid-template-columns:1fr 1.3fr}.brand-story>.section-index{grid-column:1/-1}}
@media(max-width:760px){.site-header{color:var(--bone)}.site-header.is-scrolled{color:var(--ink)}.brand-cn{font-size:23px}.brand-en{font-size:8px}.hero{min-height:100svh;display:block}.hero-copy{position:absolute;z-index:3;inset:auto 0 0;min-height:56%;padding:115px 7vw 68px;justify-content:flex-end;background:linear-gradient(0deg,rgba(24,20,15,.96),rgba(24,20,15,.72) 65%,transparent)}.hero-rule{display:none}.hero .eyebrow{margin-bottom:18px;font-size:9px}.hero h1{font-size:clamp(72px,23vw,112px)}.hero h1 span:last-child{margin-left:.92em}.hero-intro{margin:24px 0;font-size:14px;line-height:1.9}.text-link{font-size:11px}.hero-film{min-height:100svh}.film-desktop{display:none}.film-mobile{display:block}.vertical-caption{top:26%;right:5vw;font-size:10px}.film-toggle{top:88px;right:17px;bottom:auto;width:45px;height:45px;font-size:9px}.scroll-cue{display:none}.section{padding:80px 7vw}.prologue{grid-template-columns:1fr;gap:45px}.prologue-copy{grid-column:auto;padding-top:0}.prologue h2,.looks h2,.film-copy h2,.brand-manifesto h2,.cooperate h2{font-size:35px;line-height:1.45}.prologue-copy p{font-size:14px}.feature-story{grid-template-columns:1fr}.feature-main{grid-template-columns:1fr 38px}.feature-main img{height:150vw}.feature-main figcaption{padding:18px 8px;font-size:10px}.feature-side{grid-template-rows:auto auto}.feature-note{padding:70px 9vw}.feature-note p{margin:30px 0 22px;font-size:20px}.feature-side figure img{aspect-ratio:.8;object-position:center 30%}.looks-heading{grid-template-columns:1fr;gap:45px;margin-bottom:50px}.look-grid{grid-template-columns:1fr 1fr;gap:45px 12px}.look-card,.look-card-wide{grid-column:auto;margin-top:0!important}.look-card img{aspect-ratio:.63}.look-card figcaption{display:block;line-height:1.5}.look-card figcaption em{display:block;margin-top:4px;font-size:11px}.film-section{grid-template-columns:1fr}.film-copy{padding:80px 7vw}.film-copy .section-index{margin-bottom:55px}.film-copy p{margin-top:35px}.editorial-collage{min-height:690px}.collage-a{top:6%;left:5%;width:57%}.collage-b{width:63%}.collage-word{left:37%;top:37%;font-size:42px}.brand-story{grid-template-columns:1fr;gap:48px}.brand-story>.section-index{grid-column:auto}.brand-mark-card{max-width:78%}.brand-manifesto>p:not(.manifesto-kicker){font-size:14px}.cooperate{grid-template-columns:1fr}.cooperate-image img{height:115vw}.cooperate-copy{padding:80px 7vw}.site-footer{padding:75px 7vw 110px}.site-footer nav{flex-wrap:wrap;gap:18px 26px}.footer-bottom{margin-top:55px;flex-direction:column;gap:14px}.floating-consult{right:16px;bottom:18px;width:66px;height:66px}.dialog-shell{padding:45px 24px 34px}.field-row{grid-template-columns:1fr;gap:22px}.consult-dialog{max-height:calc(100svh - 16px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}