:root{--ink:#1d1d1b;--paper:#f5f2eb;--cream:#ebe6da;--purple:#6b4775;--line:rgba(29,29,27,.18);--pad:clamp(20px,4vw,64px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f9f8f4;color:var(--ink);font-family:"Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif;font-weight:400}.site-header{height:84px;position:fixed;z-index:50;top:0;left:0;right:0;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;color:white;transition:.35s ease}.site-header.scrolled{height:68px;background:rgba(249,248,244,.92);backdrop-filter:blur(12px);color:var(--ink);border-bottom:1px solid var(--line)}.wordmark{color:inherit;text-decoration:none;font-size:24px;font-weight:800;letter-spacing:-1.5px}.desktop-nav{display:flex;gap:clamp(24px,3vw,52px)}.desktop-nav a,.tmall-link{color:inherit;text-decoration:none;font-size:13px}.desktop-nav a{position:relative}.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:currentColor;transition:.3s}.desktop-nav a:hover:after{right:0}.header-actions{display:flex;align-items:center;gap:20px}.tmall-link{border-bottom:1px solid currentColor;padding-bottom:5px}.menu-button{display:none;border:0;background:none;padding:8px}.menu-button span{display:block;width:25px;height:1px;background:currentColor;margin:6px}.mobile-menu{display:none}.hero{height:100svh;min-height:640px;position:relative;color:white;overflow:hidden}.hero>img,.closing>img{width:100%;height:100%;object-fit:cover}.hero>img{object-position:center 28%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(25,20,16,.28),transparent 60%),linear-gradient(0deg,rgba(20,17,15,.22),transparent 35%)}.hero-copy{position:absolute;left:var(--pad);bottom:14%;}.eyebrow,.section-kicker{font-size:11px;letter-spacing:.18em;margin:0 0 28px}.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(64px,9.2vw,148px);font-weight:400;line-height:.82;letter-spacing:-.06em;margin:0}.hero-cn{font-size:17px;letter-spacing:.25em;margin:34px 0 0}.scroll-cue{position:absolute;right:var(--pad);bottom:5%;color:white;text-decoration:none;font-size:11px;letter-spacing:.12em}.scroll-cue span{font-size:18px;margin-left:12px}.section-space{padding:clamp(100px,13vw,210px) var(--pad)}.intro{text-align:center;background:var(--paper)}.manifesto{font-family:"Songti SC","Noto Serif SC",serif;font-weight:400;font-size:clamp(28px,4.1vw,60px);line-height:1.65;margin:0 auto 55px;max-width:1100px;letter-spacing:.04em}.text-link{color:inherit;text-decoration:none;font-size:13px;border-bottom:1px solid currentColor;padding-bottom:7px}.text-link span{margin-left:25px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:60px}.section-head h2,.materials h2,.about h2,.imagination h2{font-family:"Songti SC","Noto Serif SC",serif;font-size:clamp(42px,5vw,72px);font-weight:400;margin:0;line-height:1.2}.section-head>p{max-width:380px;line-height:1.9;font-size:14px;color:#68655e}.collection-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:24px}.image-card{position:relative;overflow:hidden;background:#eee}.image-card.large{grid-row:span 2}.image-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s ease}.image-card.large img{aspect-ratio:4/5}.image-card:not(.large) img{aspect-ratio:16/9}.image-card:hover img{transform:scale(1.025)}.image-card>div{position:absolute;inset:auto 0 0;padding:32px;color:white;background:linear-gradient(transparent,rgba(20,16,12,.4))}.image-card span{font-size:10px}.image-card h3{font-weight:400;font-size:22px;margin:9px 0 2px}.image-card p{font-family:Georgia,serif;font-size:13px;font-style:italic;margin:0}.center-action{text-align:center;margin-top:60px}.outline-button{display:inline-flex;gap:70px;padding:18px 22px;border:1px solid var(--ink);color:inherit;text-decoration:none;font-size:12px;transition:.25s}.outline-button:hover{background:var(--ink);color:white}.imagination{padding-left:0;padding-right:0;background:#6f4775;color:white}.imagination-copy{max-width:710px;margin-left:var(--pad);margin-bottom:90px}.imagination-copy>p:not(.section-kicker){line-height:2;max-width:600px;margin:35px 0 45px;color:rgba(255,255,255,.75)}.pattern-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-left:var(--pad);overflow:hidden}.pattern-strip figure{margin:0}.pattern-strip img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover}.pattern-strip figcaption{font-family:Georgia,serif;font-style:italic;font-size:13px;margin-top:14px;color:rgba(255,255,255,.7)}.materials{display:grid;grid-template-columns:1fr 1fr;gap:clamp(55px,8vw,140px);align-items:center;background:var(--paper)}.materials-visual img{width:100%;display:block;aspect-ratio:4/5;object-fit:cover}.materials-copy>p:not(.section-kicker){color:#69665f;line-height:2;max-width:500px;margin:36px 0 60px}.material-points{border-top:1px solid var(--line)}.material-points>div{display:grid;grid-template-columns:45px 130px 1fr;align-items:start;padding:25px 0;border-bottom:1px solid var(--line)}.material-points span{font-size:10px}.material-points h3{font-size:15px;font-weight:400;margin:0}.material-points p{font-size:12px;color:#77736a;line-height:1.7;margin:0}.about{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.about-body{padding-top:45px;max-width:580px}.about-body p{font-family:"Songti SC",serif;font-size:clamp(18px,1.6vw,24px);line-height:2;margin:0 0 30px}.closing{height:80vh;min-height:600px;position:relative;color:white}.closing:after{content:"";position:absolute;inset:0;background:rgba(24,18,14,.18)}.closing-copy{position:absolute;z-index:2;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.closing-copy p{font-size:11px;letter-spacing:.22em}.closing-copy h2{font-family:"Songti SC",serif;font-weight:400;font-size:clamp(42px,6vw,82px);margin:15px 0 45px}.closing-copy a{color:white;text-decoration:none;border-bottom:1px solid;padding-bottom:8px;font-size:12px}footer{padding:70px var(--pad) 32px;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px;background:#1f1f1d;color:white}footer>p{font-family:Georgia,"Songti SC",serif;line-height:1.8;margin:0}footer>div{display:flex;flex-direction:column;gap:12px}footer>div a{color:#aaa;text-decoration:none;font-size:12px}footer small{grid-column:1/-1;border-top:1px solid #444;padding-top:28px;margin-top:30px;color:#777}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:800px){.site-header{height:64px}.desktop-nav,.tmall-link{display:none}.menu-button{display:block;color:inherit}.mobile-menu{display:flex;position:fixed;z-index:45;inset:0;background:#f1eee7;padding:110px 24px 35px;flex-direction:column;justify-content:space-between;opacity:0;visibility:hidden;transform:translateY(-15px);transition:.3s}.mobile-menu.open{opacity:1;visibility:visible;transform:none}.mobile-menu nav{display:flex;flex-direction:column}.mobile-menu nav a{color:var(--ink);text-decoration:none;font-family:"Songti SC",serif;font-size:29px;padding:17px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.mobile-menu small{font-family:Georgia,serif;font-size:11px;color:#888}.mobile-tmall{color:var(--ink);text-decoration:none;font-size:13px}.hero{min-height:630px}.hero>img{object-position:59% center}.hero-copy{bottom:13%}.hero h1{font-size:60px;line-height:.9}.hero-cn{font-size:14px;margin-top:24px}.scroll-cue{display:none}.section-space{padding-top:100px;padding-bottom:100px}.manifesto{font-size:26px;line-height:1.7}.section-head{display:block;margin-bottom:34px}.section-head>p{margin-top:24px}.collection-grid{display:block}.image-card{margin-bottom:14px}.image-card.large img,.image-card:not(.large) img{aspect-ratio:4/5}.image-card>div{padding:22px}.center-action{margin-top:36px}.outline-button{gap:45px}.imagination-copy{margin-right:var(--pad);margin-bottom:55px}.pattern-strip{grid-template-columns:78vw 78vw 78vw;overflow-x:auto;padding-right:var(--pad);scroll-snap-type:x mandatory}.pattern-strip figure{scroll-snap-align:start}.materials{display:block}.materials-copy{margin-top:60px}.material-points>div{grid-template-columns:35px 100px 1fr}.about{display:block}.about-body{padding-top:55px}.closing{height:70vh}.closing>img{object-position:60% center}footer{grid-template-columns:1fr 1fr}footer>p{grid-column:1/-1}footer>div{grid-column:2}.hero-shade{background:linear-gradient(0deg,rgba(20,17,15,.38),transparent 60%)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.image-card img{transition:none}}

/* Official 721planet brand assets */
.wordmark{display:block;width:clamp(132px,11vw,170px);font-size:0;line-height:0;letter-spacing:0}
.wordmark .logo{display:block;width:100%;height:auto}
.wordmark .logo-black{display:none}
.site-header.scrolled .logo-white,.site-header.menu-open .logo-white{display:none}
.site-header.scrolled .logo-black,.site-header.menu-open .logo-black{display:block}
.site-header.menu-open{color:var(--ink)}
.cn-brandmark{display:block;width:clamp(170px,17vw,250px);height:auto;margin:0 0 55px}
.footer-wordmark{width:clamp(145px,13vw,190px)}

/* Three-part site architecture */
.desktop-nav a.active:after{right:0}
.subpage-hero{height:78svh;min-height:600px;position:relative;color:#fff;overflow:hidden}
.subpage-hero>img{width:100%;height:100%;object-fit:cover}
.subpage-title{position:absolute;z-index:2;left:var(--pad);bottom:12%}
.subpage-title p,.art-placeholder-copy>p{font-size:11px;letter-spacing:.2em;margin:0 0 25px}
.subpage-title h1,.art-placeholder-copy h1{font-family:"Songti SC","Noto Serif SC",serif;font-size:clamp(62px,9vw,140px);font-weight:400;letter-spacing:.02em;line-height:1;margin:0 0 24px}
.subpage-title span{font-size:14px;letter-spacing:.15em}
.world-index{background:#f9f8f4;padding-top:70px}
.world-row{display:grid;grid-template-columns:70px 1fr 1fr 30px;align-items:center;color:var(--ink);text-decoration:none;border-top:1px solid var(--line);padding:38px 0;transition:padding .35s ease}
.world-row:last-child{border-bottom:1px solid var(--line)}
.world-row:hover{padding-left:18px;padding-right:18px}
.world-row span{font-size:10px}.world-row h2{font-family:"Songti SC",serif;font-size:clamp(28px,3.5vw,52px);font-weight:400;margin:0}.world-row em{font-family:Georgia,serif;color:#817d74}.world-row b{font-weight:400}
.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.category-card{position:relative;display:block;color:#fff;text-decoration:none;overflow:hidden}
.category-card:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(20,15,12,.48))}
.category-card img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;transition:transform .8s ease}
.category-card:hover img{transform:scale(1.025)}
.category-card>div{position:absolute;z-index:2;left:26px;right:26px;bottom:25px}
.category-card small{font-size:10px}.category-card h3{font-size:24px;font-weight:400;margin:9px 0 2px}.category-card p{font-family:Georgia,serif;font-style:italic;font-size:13px;margin:0}
.art-placeholder{min-height:100svh;position:relative;background:#d8d1c5;color:#2f2d29;overflow:hidden}
.art-bg{position:absolute;right:0;top:0;width:47%;height:100%;opacity:.88}
.art-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#d8d1c5 0,transparent 45%)}
.art-bg img{width:100%;height:100%;object-fit:cover}
.art-placeholder-copy{position:relative;z-index:2;min-height:100svh;padding:150px var(--pad) 80px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.art-placeholder-copy h1{margin-bottom:55px}
.art-placeholder-copy h2{font-family:"Songti SC",serif;font-size:clamp(27px,3.2vw,48px);font-weight:400;line-height:1.6;margin:0 0 42px}
.art-placeholder-copy span{font-size:12px;letter-spacing:.15em;color:rgba(47,45,41,.66)}
.art-placeholder-copy em{font-family:Georgia,serif;font-size:12px;letter-spacing:.2em;margin-top:75px;border-top:1px solid rgba(47,45,41,.4);padding-top:12px}
.art-page .site-header:not(.scrolled):not(.menu-open){color:var(--ink)}.art-page .site-header:not(.scrolled):not(.menu-open) .logo-white{display:none}.art-page .site-header:not(.scrolled):not(.menu-open) .logo-black{display:block}.art-page .site-header:not(.scrolled):not(.menu-open) .nav-submenu{color:var(--ink)}

@media(max-width:800px){.subpage-hero{height:70svh;min-height:540px}.subpage-title h1{font-size:54px}.world-row{grid-template-columns:35px 1fr 25px;padding:28px 0}.world-row em{display:none}.category-grid{display:block}.category-card{margin-bottom:15px}.category-card img{aspect-ratio:4/5}.art-bg{width:100%;height:55%;top:auto;bottom:0;opacity:.55}.art-bg:after{background:linear-gradient(0deg,transparent,#d8d1c5 92%)}.art-placeholder-copy{justify-content:flex-start;padding-top:120px}.art-placeholder-copy h1{font-size:55px;margin-bottom:42px}.art-placeholder-copy em{margin-top:46px}}

/* 26FW — Oban Town Opera */
.season-feature{display:block;position:relative;color:#fff;text-decoration:none;overflow:hidden;margin-bottom:clamp(90px,12vw,170px)}
.season-feature:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(30,19,31,.68),transparent 65%)}
.season-feature img{display:block;width:100%;height:min(72vw,820px);object-fit:cover;object-position:center 35%;transition:transform 1s ease}
.season-feature:hover img{transform:scale(1.018)}
.season-feature>div{position:absolute;z-index:2;left:clamp(26px,5vw,75px);bottom:clamp(30px,6vw,80px)}
.season-feature span{font-size:10px;letter-spacing:.2em}.season-feature h2{font-family:"Songti SC",serif;font-size:clamp(44px,6vw,88px);font-weight:400;margin:17px 0 4px}.season-feature p{font-family:Georgia,serif;letter-spacing:.15em;margin:0 0 38px}.season-feature b{font-size:12px;font-weight:400;border-bottom:1px solid;padding-bottom:7px}
.product-category-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:42px}.product-category-head h2{font-family:"Songti SC",serif;font-size:clamp(34px,4vw,56px);font-weight:400;margin:0}
.season-hero{height:100svh;min-height:660px;position:relative;color:#fff;overflow:hidden}.season-hero>img{width:100%;height:100%;object-fit:cover}.season-hero-copy{position:absolute;z-index:2;left:var(--pad);bottom:12%}.season-hero-copy>p{font-size:10px;letter-spacing:.22em}.season-hero-copy h1{font-family:"Songti SC",serif;font-size:clamp(62px,9vw,138px);font-weight:400;line-height:1;margin:24px 0 15px}.season-hero-copy span{font-family:Georgia,serif;font-size:14px;letter-spacing:.2em}
.season-story{text-align:center;background:var(--paper)}.season-story>h2{font-family:"Songti SC",serif;font-size:clamp(30px,4.2vw,62px);font-weight:400;line-height:1.65;margin:0 auto 65px}.season-story-body{font-family:"Songti SC",serif;font-size:clamp(16px,1.5vw,22px);line-height:2.15;color:#5f5b54}.season-story-body p{margin:0 0 25px}
.season-gallery{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:18px;background:#f9f8f4}.season-gallery figure{position:relative;margin:0;overflow:hidden}.season-gallery figure.wide{grid-column:1/-1}.season-gallery img{display:block;width:100%;height:75vw;max-height:1050px;object-fit:cover}.season-gallery .wide img{height:62vw;max-height:900px;object-position:center 30%}.season-gallery figcaption{position:absolute;left:25px;bottom:22px;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.25)}.season-gallery figcaption span{font-size:9px;letter-spacing:.16em}.season-gallery figcaption p{font-size:18px;margin:7px 0 0}.season-cta{text-align:center}.season-cta>p{font-size:10px;letter-spacing:.2em}.season-cta h2{font-family:"Songti SC",serif;font-size:clamp(40px,5vw,70px);font-weight:400;margin:22px 0 45px}
@media(max-width:800px){.season-feature img{height:125vw;object-position:center}.season-feature:after{background:linear-gradient(0deg,rgba(30,19,31,.7),transparent 70%)}.season-feature h2{font-size:43px}.product-category-head{display:block}.season-hero{min-height:620px}.season-hero>img{object-position:center}.season-hero-copy h1{font-size:52px}.season-story>h2 br{display:none}.season-gallery{grid-template-columns:1fr;gap:10px;padding:10px}.season-gallery figure.wide{grid-column:auto}.season-gallery img,.season-gallery .wide img{height:128vw;max-height:none}.season-gallery figcaption{left:18px;bottom:17px}}

/* 2026SS — All Things Grow */
.spring-season{height:min(64vw,760px);background:#b9caa6;color:#173d2b}
.spring-season:after{background:linear-gradient(90deg,rgba(226,237,201,.9),rgba(226,237,201,.14) 70%)}
.spring-visual{position:absolute;inset:0;overflow:hidden;background:linear-gradient(145deg,#dbe8bd,#90ae83)}
.spring-visual i{position:absolute;display:block;border-radius:70% 30% 65% 35%;background:rgba(248,244,178,.72);transform:rotate(35deg)}
.spring-visual i:nth-child(1){width:30%;height:48%;right:5%;top:3%}.spring-visual i:nth-child(2){width:24%;height:35%;right:29%;bottom:5%;background:rgba(72,129,91,.54);transform:rotate(-28deg)}.spring-visual i:nth-child(3){width:18%;height:32%;left:45%;top:8%;background:rgba(244,181,142,.58);transform:rotate(72deg)}.spring-visual i:nth-child(4){width:22%;height:40%;right:-7%;bottom:2%;background:rgba(46,97,70,.62);transform:rotate(12deg)}
.spring-visual strong{position:absolute;right:7%;bottom:-8%;font-family:"Songti SC",serif;font-size:clamp(230px,35vw,520px);font-weight:400;line-height:1;color:rgba(255,255,255,.22)}
.spring-season>div:last-child{color:#173d2b}.spring-season b{border-color:#173d2b}
.growth-page{background:#eef0dd;color:#173d2b}.growth-hero{height:100svh;min-height:650px;position:relative;overflow:hidden;background:linear-gradient(145deg,#dfe9c5 0%,#a9c397 54%,#7c9f79 100%);color:#173d2b}
.growth-shapes i{position:absolute;border-radius:70% 30% 60% 40%;background:rgba(255,242,163,.6)}.growth-shapes i:nth-child(1){width:36vw;height:52vw;right:-6vw;top:-12vw;transform:rotate(28deg)}.growth-shapes i:nth-child(2){width:22vw;height:34vw;right:23vw;bottom:-8vw;background:rgba(240,156,122,.5);transform:rotate(-33deg)}.growth-shapes i:nth-child(3){width:18vw;height:28vw;left:35vw;top:8vw;background:rgba(245,235,173,.45);transform:rotate(62deg)}.growth-shapes i:nth-child(4){width:25vw;height:38vw;left:-8vw;bottom:-6vw;background:rgba(57,112,78,.35);transform:rotate(18deg)}.growth-shapes i:nth-child(5){width:13vw;height:22vw;right:13vw;top:35%;background:rgba(255,255,255,.28);transform:rotate(80deg)}
.growth-hero-copy{position:absolute;z-index:2;left:var(--pad);bottom:12%}.growth-hero-copy p{font-size:10px;letter-spacing:.2em}.growth-hero-copy h1{font-family:"Songti SC",serif;font-size:clamp(90px,16vw,240px);font-weight:400;line-height:.9;margin:25px 0 24px;letter-spacing:.08em}.growth-hero-copy span{font-family:Georgia,serif;font-size:13px;letter-spacing:.24em}.growth-seed{position:absolute;right:4%;bottom:-14%;font-family:"Songti SC",serif;font-size:clamp(300px,48vw,720px);line-height:1;color:rgba(255,255,255,.18)}
.growth-header{color:#173d2b}.growth-header .logo-white{display:none}.growth-header .logo-black{display:block}.growth-opening{text-align:center;background:#eef0dd}.growth-opening h2{font-family:"Songti SC",serif;font-size:clamp(42px,6vw,88px);font-weight:400;line-height:1.45;margin:0 0 55px}.growth-lead{font-family:"Songti SC",serif;font-size:clamp(19px,2vw,28px);line-height:2;color:#4d6a50}.growth-story{display:grid;grid-template-columns:1fr 1fr;gap:10vw;background:#dce6c4}.growth-story-title>p{font-size:10px;letter-spacing:.2em}.growth-story-title h2{font-family:"Songti SC",serif;font-size:clamp(42px,5vw,70px);font-weight:400;line-height:1.45}.growth-story-copy{padding-top:70px}.growth-story-copy p{font-family:"Songti SC",serif;font-size:clamp(18px,1.7vw,24px);line-height:2;margin:0 0 35px}.growth-quote{min-height:75vh;display:flex;align-items:center;justify-content:center;text-align:center;background:#769978;color:#f5f0d7}.growth-quote p{font-family:"Songti SC",serif;font-size:clamp(38px,6vw,88px);line-height:1.55;margin:0}.growth-ending{display:grid;grid-template-columns:1.4fr .6fr;gap:10vw;align-items:end}.growth-ending h2{font-family:"Songti SC",serif;font-size:clamp(36px,4.6vw,66px);font-weight:400;line-height:1.6;margin:0 0 45px}.growth-ending strong{font-family:"Songti SC",serif;font-size:18px;font-weight:400}.growth-note{border:1px solid rgba(23,61,43,.3);padding:34px}.growth-note span{font-family:Georgia,serif;font-size:45px}.growth-note p{margin:45px 0 7px}.growth-note em{font-family:Georgia,serif;font-size:12px;color:#617963}
@media(max-width:800px){.spring-season{height:125vw}.spring-season:after{background:linear-gradient(0deg,rgba(226,237,201,.92),rgba(226,237,201,.08) 75%)}.spring-visual strong{font-size:260px}.growth-hero{min-height:620px}.growth-shapes i:nth-child(1){width:70vw;height:95vw}.growth-shapes i:nth-child(2){width:50vw;height:70vw}.growth-hero-copy h1{font-size:80px}.growth-seed{font-size:320px;right:-16%}.growth-opening h2{font-size:40px}.growth-opening h2 br{display:none}.growth-lead br{display:none}.growth-story{display:block}.growth-story-copy{padding-top:35px}.growth-quote{min-height:65vh}.growth-quote p{font-size:39px}.growth-ending{display:block}.growth-note{margin-top:70px}}

/* Product-series navigation */
.nav-dropdown{position:relative;align-self:stretch;display:flex;align-items:center}
.nav-label{position:relative;font-size:13px;cursor:default;white-space:nowrap}
.nav-label:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:currentColor;transition:.3s}
.nav-dropdown:hover .nav-label:after,.nav-dropdown:focus-within .nav-label:after,.nav-dropdown.active .nav-label:after{right:0}
.nav-submenu{position:absolute;top:calc(100% - 5px);left:50%;width:250px;padding:14px;background:rgba(249,248,244,.97);backdrop-filter:blur(12px);border:1px solid rgba(29,29,27,.12);box-shadow:0 16px 45px rgba(30,26,20,.12);transform:translate(-50%,-8px);opacity:0;visibility:hidden;transition:.25s;color:var(--ink)}
.nav-dropdown:hover .nav-submenu,.nav-dropdown:focus-within .nav-submenu{opacity:1;visibility:visible;transform:translate(-50%,0)}
.nav-submenu a{display:grid;grid-template-columns:62px 1fr;align-items:center;padding:14px 12px;color:var(--ink)!important;border-bottom:1px solid rgba(29,29,27,.1);font-size:13px;text-decoration:none;transition:background .2s}
.nav-submenu a:last-child{border-bottom:0}.nav-submenu a:after{display:none}.nav-submenu a:hover{background:#efede6}.nav-submenu a.current{background:#e9e6dc}.nav-submenu small{font-family:Georgia,serif;font-size:10px;color:#7b776e;letter-spacing:.08em}
@media(max-width:800px){.mobile-nav-group{border-bottom:1px solid var(--line);padding:17px 0 11px}.mobile-nav-group>span{font-family:"Songti SC",serif;font-size:29px;display:flex;justify-content:space-between;align-items:center}.mobile-nav-group>span small{font-family:Georgia,serif;font-size:11px;color:#888}.mobile-menu nav .mobile-nav-group>a{font-family:"Helvetica Neue","PingFang SC",sans-serif;font-size:14px;border:0;padding:11px 0 8px 22px;display:grid;grid-template-columns:65px 1fr;justify-content:initial;color:#615d56}.mobile-menu nav .mobile-nav-group>a small{font-size:10px;color:#9a958a}.mobile-menu nav .mobile-nav-group>a.current{color:var(--ink);font-weight:500}}

/* Homepage portrait diptych */
.hero-media{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;background:#d9d4ca}
.hero-panel{min-width:0;height:100%;margin:0;overflow:hidden}
.hero-panel:first-child{border-right:1px solid rgba(255,255,255,.42)}
.hero-panel img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 42%}
@media(max-width:800px){.hero-media{display:block}.hero-panel{position:absolute;inset:0;opacity:0;animation:heroPortraitCycle 10s infinite ease-in-out}.hero-panel:first-child{border:0}.hero-panel-a{animation-delay:0s}.hero-panel-b{animation-delay:5s}.hero-panel img{object-position:center center}.hero-panel-b img{object-position:42% center}.hero-shade{z-index:1}.hero-copy,.scroll-cue{z-index:2}}
@keyframes heroPortraitCycle{0%{opacity:0;transform:scale(1.015)}8%{opacity:1}45%{opacity:1}53%{opacity:0;transform:scale(1)}100%{opacity:0;transform:scale(1)}}
@media(prefers-reduced-motion:reduce) and (max-width:800px){.hero-panel{animation:none;opacity:0}.hero-panel-a{opacity:1}}

/* Mobile menu typographic alignment */
@media(max-width:800px){
  .mobile-menu nav>a{align-items:baseline}
  .mobile-nav-group>span{align-items:baseline}
  .mobile-menu nav .mobile-nav-group>a{grid-template-columns:1fr auto;align-items:baseline;padding-left:22px}
  .mobile-menu nav .mobile-nav-group>a b{font-family:"Songti SC","Noto Serif SC",serif;font-size:14.5px;font-weight:400;line-height:1.4}
  .mobile-menu nav .mobile-nav-group>a small{font-family:Georgia,"Times New Roman",serif;font-size:10px;letter-spacing:.02em;text-align:right}
  .mobile-tmall{font-family:"Songti SC","Noto Serif SC",serif;font-size:13px}
}

/* Editorial type system — inspired by restrained Chinese brand publishing */
:root{--font-cn-serif:"Source Han Serif SC","Noto Serif CJK SC","Noto Serif SC","Songti SC",STSong,serif;--font-en-serif:"Times New Roman",Georgia,serif;--font-ui:"Helvetica Neue","PingFang SC","Microsoft YaHei",Arial,sans-serif}
body{font-family:var(--font-ui);font-weight:400;letter-spacing:.01em}
.hero h1,.manifesto,.section-head h2,.materials h2,.about h2,.imagination h2,.subpage-title h1,.world-row h2,.category-card h3,.season-feature h2,.product-category-head h2,.season-hero-copy h1,.season-story>h2,.season-story-body,.season-cta h2,.growth-hero-copy h1,.growth-opening h2,.growth-lead,.growth-story-title h2,.growth-story-copy p,.growth-quote p,.growth-ending h2,.growth-ending strong,.closing-copy h2{font-family:var(--font-cn-serif);font-weight:400}
.hero h1{font-family:var(--font-en-serif);font-weight:400}
.image-card p,.pattern-strip figcaption,.world-row em,.category-card p,.season-feature p,.season-hero-copy span,.growth-hero-copy span{font-family:var(--font-en-serif)}
.section-kicker,.eyebrow,.subpage-title p,.season-hero-copy>p,.art-placeholder-copy>p{font-family:var(--font-ui);font-size:11px;line-height:18px;font-weight:400;letter-spacing:.16em}
.section-head h2,.materials h2,.about h2,.imagination h2{font-size:clamp(40px,4.4vw,64px);line-height:1.34;letter-spacing:.015em}
.section-head>p,.materials-copy>p:not(.section-kicker){font-size:15px;line-height:26px;font-weight:400}
.about-body p{font-family:var(--font-cn-serif);font-weight:400;line-height:1.9}
.desktop-nav>a,.nav-label,.tmall-link{font-size:14px;font-weight:400;line-height:20px}
.nav-submenu a{font-family:var(--font-cn-serif);font-size:14px;line-height:20px}
.nav-submenu small{font-family:var(--font-en-serif);font-size:11px}

@media(max-width:800px){
  .mobile-menu{padding:30px 30px 28px;background:#fff}
  .mobile-menu nav{margin-top:58px}
  .mobile-menu nav>a{min-height:64px;padding:0;display:flex;font-family:var(--font-cn-serif);font-size:24px;font-weight:400;line-height:64px;border-bottom:1px solid #d8d8d3}
  .mobile-menu nav>a>small,.mobile-nav-group>span small{font-family:var(--font-en-serif);font-size:13px;font-weight:400;line-height:18px;color:#706d67}
  .mobile-nav-group{padding:0 0 10px;border-bottom:1px solid #d8d8d3}
  .mobile-nav-group>span{height:64px;font-family:var(--font-cn-serif);font-size:24px;font-weight:400;line-height:64px}
  .mobile-menu nav .mobile-nav-group>a{min-height:34px;padding:5px 0 5px 18px;grid-template-columns:1fr auto;border:0;line-height:24px}
  .mobile-menu nav .mobile-nav-group>a b{font-family:var(--font-cn-serif);font-size:12px;font-weight:400;line-height:24px}
  .mobile-menu nav .mobile-nav-group>a small{font-family:var(--font-en-serif);font-size:11px;line-height:24px;color:#77736c}
  .mobile-tmall{font-family:var(--font-cn-serif);font-size:13px;line-height:20px;border-top:1px solid #d8d8d3;padding-top:18px}
  .manifesto{font-size:27px;line-height:1.75}
  .section-head h2,.materials h2,.about h2,.imagination h2{font-size:38px;line-height:1.4}
}

/* Brand-world closing gateways */
.brand-extensions{background:#f1eee7;padding-top:clamp(110px,13vw,190px)}
.extensions-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:65px}
.extensions-heading h2{font-family:var(--font-cn-serif);font-size:clamp(40px,4.4vw,64px);font-weight:400;line-height:1.42;margin:0}
.extensions-heading .section-kicker{align-self:flex-start;margin-top:12px}
.extensions-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:18px}
.extension-card{position:relative;display:block;min-height:clamp(590px,68vw,860px);overflow:hidden;color:#fff;text-decoration:none}
.extension-card:after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(transparent,rgba(25,18,19,.58));pointer-events:none}
.extension-card>img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.extension-card:hover>img{transform:scale(1.018)}
.extension-card-copy{position:absolute;z-index:2;left:clamp(25px,3vw,48px);right:clamp(25px,3vw,48px);bottom:clamp(28px,4vw,58px)}
.extension-card-copy>p{font-family:var(--font-ui);font-size:10px;line-height:18px;letter-spacing:.18em;margin:0 0 18px}
.extension-card-copy h3{font-family:var(--font-cn-serif);font-size:clamp(40px,4.6vw,68px);font-weight:400;line-height:1.2;margin:0 0 38px}
.extension-links{border-top:1px solid rgba(255,255,255,.55)}
.extension-links a{display:grid;grid-template-columns:80px 1fr 20px;align-items:center;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.38);padding:17px 0;font-family:var(--font-cn-serif);font-size:15px}
.extension-links a span{font-family:var(--font-en-serif);font-size:11px;letter-spacing:.04em}.extension-links a b{font-weight:400;text-align:right}
.extension-art{background:#51483f}.extension-art:after{background:linear-gradient(0deg,rgba(24,21,18,.52),transparent 60%)}
.extension-art .extension-card-copy>span{display:block;max-width:290px;font-family:var(--font-cn-serif);font-size:18px;line-height:1.8;color:rgba(255,255,255,.8)}
.extension-art .extension-card-copy em{display:block;margin-top:65px;font-family:var(--font-en-serif);font-size:11px;letter-spacing:.15em}
.art-orbit{position:absolute;inset:0}.art-orbit i{position:absolute;border:1px solid rgba(255,255,255,.28);border-radius:50%}.art-orbit i:nth-child(1){width:72%;aspect-ratio:1;right:-20%;top:-8%}.art-orbit i:nth-child(2){width:44%;aspect-ratio:1;left:7%;top:22%}.art-orbit i:nth-child(3){width:13px;height:13px;background:#efc7a7;border:0;left:42%;top:27%;box-shadow:0 0 0 8px rgba(239,199,167,.12)}
@media(max-width:800px){.brand-extensions{padding-left:20px;padding-right:20px}.extensions-heading{display:block;margin-bottom:40px}.extensions-heading .section-kicker{margin-bottom:24px}.extensions-heading h2{font-size:36px}.extensions-grid{display:block}.extension-card{min-height:128vw;margin-bottom:12px}.extension-card-copy h3{font-size:42px;margin-bottom:30px}.extension-links a{grid-template-columns:66px 1fr 18px;font-size:14px}.extension-art .extension-card-copy em{margin-top:45px}}

/* Homepage editorial hero */
@media(min-width:801px){
  .home-page .site-header{color:var(--ink)}
  .home-page .site-header .logo-white{display:none}
  .home-page .site-header .logo-black{display:block}
  .home-page .hero{background:#eeeae1;color:var(--ink)}
  .home-page .hero-shade{display:none}
  .home-page .hero-media{inset:112px var(--pad) 48px auto;width:55%;display:block;background:transparent}
  .home-page .hero-panel{position:absolute;margin:0;overflow:hidden;background:#d8d2c7;box-shadow:0 20px 55px rgba(41,34,26,.1)}
  .home-page .hero-panel-a{width:58%;height:84%;left:0;bottom:0;z-index:2}
  .home-page .hero-panel-b{width:49%;height:72%;right:0;top:0;z-index:1}
  .home-page .hero-panel:first-child{border:0}
  .home-page .hero-panel img{object-position:center center}
  .home-page .hero-copy{width:40%;bottom:15%;z-index:3}
  .home-page .hero h1{font-size:clamp(70px,7.2vw,118px);line-height:.88;color:var(--ink)}
  .home-page .hero-cn{color:var(--ink)}
  .home-page .scroll-cue{color:var(--ink)}
}
@media(max-width:800px){
  .home-page .site-header:not(.scrolled):not(.menu-open){color:#fff}
  .home-page .site-header:not(.scrolled):not(.menu-open) .logo-white{display:block}
  .home-page .site-header:not(.scrolled):not(.menu-open) .logo-black{display:none}
  .home-page .hero{color:#fff;background:#d9d4ca}
  .home-page .hero-media{inset:0;width:auto}
}

/* Reusable seasonal collection structure */
.season-chapters{position:sticky;top:68px;z-index:20;display:grid;grid-template-columns:repeat(3,1fr);background:rgba(249,248,244,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.season-chapters a{display:flex;align-items:center;justify-content:center;gap:18px;height:64px;color:var(--ink);text-decoration:none;font-family:var(--font-cn-serif);font-size:14px;border-right:1px solid var(--line)}
.season-chapters a:last-child{border-right:0}.season-chapters span{font-family:var(--font-en-serif);font-size:10px;color:#858077}
.season-section-heading{display:grid;grid-template-columns:1fr 1.1fr;column-gap:8vw;align-items:start;margin-bottom:65px}
.season-section-heading .section-kicker{grid-column:1/-1}.season-section-heading h2{font-family:var(--font-cn-serif);font-size:clamp(40px,4.5vw,66px);font-weight:400;line-height:1.45;margin:0}.season-section-heading>p:last-child{font-size:15px;line-height:28px;color:#666159;margin:8px 0 0;max-width:520px}
.season-patterns{background:#ece7dc}.season-pattern-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.season-pattern-grid figure{margin:0}.season-pattern-grid img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover}.season-pattern-grid figcaption{position:relative;padding:22px 0 0}.season-pattern-grid figcaption span{position:absolute;right:0;top:24px;font-family:var(--font-en-serif);font-size:10px;color:#8b857b}.season-pattern-grid h3{font-family:var(--font-cn-serif);font-size:24px;font-weight:400;margin:0 0 5px}.season-pattern-grid figcaption p{font-family:var(--font-en-serif);font-size:12px;font-style:italic;color:#78736a;margin:0}
.season-products{background:#f8f7f2}.core-product-grid{display:flex;flex-direction:column;gap:clamp(80px,11vw,160px)}.core-product-card{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:clamp(45px,8vw,130px)}.core-product-card.reverse{grid-template-columns:.92fr 1.08fr}.core-product-card.reverse .core-product-image{order:2}.core-product-card.reverse .core-product-copy{order:1}.core-product-image img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}.core-product-copy>span{font-family:var(--font-ui);font-size:10px;letter-spacing:.18em}.core-product-copy h3{font-family:var(--font-cn-serif);font-size:clamp(36px,4vw,60px);font-weight:400;line-height:1.45;margin:25px 0}.core-product-copy p{font-size:15px;line-height:28px;color:#666159;max-width:480px}.core-product-copy a{display:inline-block;color:var(--ink);text-decoration:none;border-bottom:1px solid;padding-bottom:7px;margin-top:30px;font-family:var(--font-cn-serif);font-size:13px}
@media(max-width:800px){.season-chapters{top:64px;overflow-x:auto;grid-template-columns:repeat(3,minmax(125px,1fr))}.season-chapters a{height:54px;gap:10px;font-size:13px}.season-section-heading{display:block;margin-bottom:38px}.season-section-heading h2{font-size:36px}.season-section-heading>p:last-child{margin-top:24px}.season-pattern-grid{display:block}.season-pattern-grid figure{margin-bottom:48px}.season-pattern-grid img{aspect-ratio:4/5}.core-product-card,.core-product-card.reverse{display:block}.core-product-card.reverse .core-product-image,.core-product-card.reverse .core-product-copy{order:initial}.core-product-copy{padding-top:34px}.core-product-copy h3{font-size:34px}.core-product-grid{gap:85px}}

/* Art editions framework */
.art-intro{text-align:center;background:#f5f1e8}.art-intro h2{font-family:var(--font-cn-serif);font-size:clamp(38px,5vw,72px);font-weight:400;line-height:1.65;margin:0}
.art-works{background:#f8f7f2}.art-section-heading{display:grid;grid-template-columns:.8fr 1fr 1fr;gap:4vw;align-items:start;margin-bottom:60px}.art-section-heading h2{font-family:var(--font-cn-serif);font-size:clamp(40px,4.5vw,66px);font-weight:400;line-height:1.35;margin:0}.art-section-heading>p:last-child{font-size:15px;line-height:28px;color:#68635c;margin:7px 0 0}.edition-slot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.edition-slot{padding:18px 18px 28px;border:1px solid var(--line);background:#f2eee6}.edition-symbol{height:34vw;max-height:480px;min-height:330px;position:relative;overflow:hidden;margin-bottom:24px;background:#ded8c9}.edition-symbol img{display:block;width:100%;height:100%;object-fit:cover}.edition-slot>span{font-family:var(--font-en-serif);font-size:10px}.edition-slot h3{font-family:var(--font-cn-serif);font-size:25px;font-weight:400;margin:13px 0 4px}.edition-slot>p{font-family:var(--font-en-serif);font-size:12px;font-style:italic;color:#777168;margin:0}
.art-atmosphere{background:#51483f;color:#fff}.art-section-heading.light>p:last-child{color:rgba(255,255,255,.72)}.atmosphere-grid{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:14px;align-items:center}.atmosphere-grid figure{margin:0}.atmosphere-grid img{display:block;width:100%;height:42vw;max-height:620px;object-fit:cover}.atmosphere-grid .tall img{height:54vw;max-height:780px}.art-process{display:grid;grid-template-columns:1fr 1fr;gap:10vw;background:#ebe6da}.art-process h2{font-family:var(--font-cn-serif);font-size:clamp(40px,4.5vw,66px);font-weight:400;margin:0}.art-process>div:last-child{padding-top:40px}.art-process>div:last-child p{font-family:var(--font-cn-serif);font-size:clamp(18px,1.7vw,24px);line-height:2;margin:0 0 55px}.art-process>div:last-child span{font-size:10px;letter-spacing:.16em;color:#777168}
@media(max-width:800px){.art-intro h2{font-size:34px}.art-intro h2 br{display:none}.art-section-heading{display:block;margin-bottom:38px}.art-section-heading h2{font-size:38px;margin-bottom:22px}.edition-slot-grid{display:block}.edition-slot{margin-bottom:12px}.edition-symbol{height:108vw;min-height:0}.atmosphere-grid{grid-template-columns:1fr 1fr;gap:8px}.atmosphere-grid figure:last-child{grid-column:1/-1}.atmosphere-grid img,.atmosphere-grid .tall img{height:120vw;max-height:none}.atmosphere-grid figure:last-child img{height:90vw}.art-process{display:block}.art-process>div:last-child{padding-top:55px}}

/* Soft Moments */
.moments-page{background:#eeeae1}.moments-page .site-header{color:var(--ink)}.moments-page .logo-white{display:none}.moments-page .logo-black{display:block}.moments-hero{padding-top:clamp(160px,16vw,245px);padding-bottom:clamp(75px,9vw,130px);display:grid;grid-template-columns:.7fr 1.1fr 1fr;gap:4vw;align-items:end}.moments-hero h1{font-family:var(--font-cn-serif);font-size:clamp(72px,8vw,132px);font-weight:400;line-height:1;margin:0}.moments-hero-copy p{font-family:var(--font-cn-serif);font-size:clamp(20px,2vw,30px);line-height:1.75;margin:0 0 35px}.moments-hero-copy span{font-family:var(--font-ui);font-size:10px;letter-spacing:.15em;color:#726c63}.moments-featured{padding:0 var(--pad) clamp(90px,12vw,180px)}.moments-featured figure{max-width:1080px;margin:0 auto}.moments-featured img{display:block;width:100%;height:auto}.moments-featured figcaption{display:flex;justify-content:space-between;gap:30px;padding-top:15px;border-top:1px solid var(--line);margin-top:12px}.moments-featured figcaption span{font-family:var(--font-en-serif);font-size:10px;letter-spacing:.12em}.moments-featured figcaption p{font-family:var(--font-cn-serif);font-size:14px;margin:0}.moments-journal{background:#f8f7f2}.moments-heading{display:grid;grid-template-columns:.7fr 1fr 1fr;gap:4vw;align-items:start;margin-bottom:70px}.moments-heading h2{font-family:var(--font-cn-serif);font-size:clamp(42px,5vw,72px);font-weight:400;margin:0}.moments-heading>p:last-child{font-size:14px;line-height:27px;color:#706a61;margin:8px 0 0}.moments-grid{columns:3;column-gap:18px}.moments-grid figure{break-inside:avoid;margin:0 0 52px}.moments-grid img{width:100%;display:block;aspect-ratio:4/5;object-fit:cover}.moments-grid .tall img{aspect-ratio:3/5}.moments-grid .wide img{aspect-ratio:1/1}.moments-grid figcaption{font-family:var(--font-cn-serif);font-size:14px;padding:13px 0;border-bottom:1px solid var(--line)}.moments-submit{text-align:center;background:#d9cfbd}.moments-submit h2{font-family:var(--font-cn-serif);font-size:clamp(42px,5vw,70px);font-weight:400;margin:25px 0}.moments-submit>p:not(.section-kicker){max-width:610px;margin:0 auto 38px;font-size:14px;line-height:27px}.moments-submit>span{font-family:var(--font-ui);font-size:10px;letter-spacing:.14em}
@media(max-width:800px){.moments-hero{display:block;padding-top:130px}.moments-hero h1{font-size:62px;margin:30px 0 45px}.moments-hero-copy p{font-size:20px}.moments-featured{display:block}.moments-featured figure{margin-bottom:45px}.moments-featured img,.moments-featured .moment-side img{height:auto;min-height:0;aspect-ratio:4/5}.moments-heading{display:block;margin-bottom:45px}.moments-heading h2{font-size:40px;margin:20px 0}.moments-grid{columns:2;column-gap:8px}.moments-grid figure{margin-bottom:28px}.moments-grid figcaption{font-size:12px}.moments-submit h2{font-size:39px}}

/* Horizontal illustrated stories */
.story-scroll-section{height:600vh;background:#f2efe7;color:var(--ink);padding:0}.story-sticky{position:sticky;top:0;height:100vh;overflow:hidden}.story-track{height:100%;display:flex;align-items:stretch;width:max-content;will-change:transform}.story-opening{width:82vw;max-width:1180px;height:100%;padding:clamp(120px,12vw,190px) var(--pad) 9vh;display:flex;flex-direction:column;justify-content:center;border-right:1px solid #d8d1c5}.story-opening h2{font-family:var(--font-cn-serif);font-size:clamp(76px,9vw,145px);font-weight:400;line-height:.98;letter-spacing:.01em;margin:0}.story-opening>p:not(.section-kicker){font-family:var(--font-cn-serif);font-size:clamp(18px,1.8vw,27px);margin:52px 0 0}.story-opening>span{font-family:var(--font-ui);font-size:10px;letter-spacing:.17em;margin-top:auto}.story-card{width:86vw;max-width:1320px;height:100%;display:grid;grid-template-columns:1.18fr .82fr;align-items:center;gap:clamp(38px,6vw,100px);padding:8vh 5vw;border-right:1px solid #d8d1c5}.story-card-reverse{grid-template-columns:1.18fr .82fr}.story-card-reverse .story-art{order:initial}.story-card-reverse .story-copy{order:initial}.story-art{height:min(76vh,780px);background:#faf8f3;display:flex;align-items:center;justify-content:center}.story-art img{display:block;width:100%;height:100%;object-fit:contain}.story-copy{max-width:430px}.story-copy>span{font-family:var(--font-ui);font-size:10px;letter-spacing:.17em;color:#7b756d}.story-copy h3{font-family:var(--font-cn-serif);font-size:clamp(38px,4vw,62px);font-weight:400;line-height:1.35;margin:30px 0}.story-copy p{font-family:var(--font-cn-serif);font-size:16px;line-height:2;color:#676158;margin:0}.story-ending{width:58vw;min-width:650px;height:100%;background:#ddd6c9;color:var(--ink);display:flex;flex-direction:column;justify-content:center;padding:8vw}.story-ending>span{font-family:var(--font-ui);font-size:10px;letter-spacing:.18em;color:#706a61}.story-ending p{font-family:var(--font-cn-serif);font-size:clamp(42px,5vw,76px);line-height:1.35;margin:32px 0 80px}.story-ending a{color:inherit;text-decoration:none;font-family:var(--font-cn-serif);font-size:13px;border-bottom:1px solid #8b8377;padding-bottom:8px;align-self:flex-start}
@media(max-width:800px){.story-scroll-section{height:auto;padding:0}.story-sticky{position:relative;height:100svh;min-height:620px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}.story-sticky::-webkit-scrollbar{display:none}.story-track{height:100%;width:max-content;display:flex;transform:none!important}.story-opening{width:90vw;height:100%;padding:110px 28px 45px;scroll-snap-align:start}.story-opening h2{font-size:58px}.story-opening>p:not(.section-kicker){font-size:18px;line-height:1.7;margin-top:35px}.story-opening>span{display:block}.story-card,.story-card-reverse{width:94vw;height:100%;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(150px,.75fr);gap:22px;padding:76px 22px 40px;scroll-snap-align:start}.story-card-reverse .story-art,.story-card-reverse .story-copy{order:initial}.story-art{width:100%;height:auto;max-height:72vh;aspect-ratio:1/1}.story-copy{max-width:none;align-self:center;padding:0}.story-copy>span{font-size:8px;letter-spacing:.12em}.story-copy h3{font-size:25px;line-height:1.45;margin:17px 0}.story-copy p{font-size:12px;line-height:1.8}.story-ending{width:78vw;min-width:0;height:100%;margin:0;padding:75px 32px;scroll-snap-align:start}.story-ending p{font-size:37px;margin:25px 0 60px}}
@media(max-width:520px){.story-card,.story-card-reverse{grid-template-columns:minmax(0,1.35fr) minmax(125px,.65fr);gap:15px;padding-left:14px;padding-right:14px}.story-copy h3{font-size:21px}.story-copy p{font-size:11px}.story-opening{width:92vw}}

/* Story gallery v2: fixed title + moving illustrations */
.story-scroll-section{background:#f2efe7;color:var(--ink)}.story-sticky{display:grid;grid-template-columns:34vw minmax(0,1fr);height:100vh;border-top:1px solid #d8d1c5;border-bottom:1px solid #d8d1c5}.story-fixed-heading{height:100%;padding:14vh 4vw 7vh var(--pad);display:flex;flex-direction:column;border-right:1px solid #d8d1c5}.story-fixed-heading h2{font-family:var(--font-cn-serif);font-size:clamp(52px,5.8vw,92px);font-weight:400;line-height:1.06;margin:0}.story-fixed-heading>p:not(.section-kicker){font-family:var(--font-cn-serif);font-size:clamp(15px,1.25vw,20px);line-height:1.8;margin:38px 0 0;max-width:390px}.story-instruction{font-family:var(--font-ui);font-size:10px;letter-spacing:.12em;margin-top:auto}.story-instruction b{font-weight:400}.mobile-story-instruction{display:none}.story-counter{display:flex;align-items:center;gap:12px;margin-top:25px;font-family:var(--font-ui);font-size:10px;letter-spacing:.12em}.story-counter i{display:block;width:70px;height:1px;background:#a39b8f}.story-window{width:100%;height:100%;overflow:hidden}.story-track{height:100%;display:flex;width:max-content;align-items:stretch;will-change:transform}.story-card,.story-card-reverse{height:100%;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(260px,.88fr);align-items:center;gap:clamp(25px,3.4vw,65px);padding:8vh clamp(28px,4vw,72px);border-right:1px solid #d8d1c5}.story-card-reverse .story-art,.story-card-reverse .story-copy{order:initial}.story-art{height:min(69vh,720px);width:100%;background:#faf8f3}.story-copy h3{font-size:clamp(31px,3vw,52px)}
@media(max-width:800px){.story-scroll-section{height:auto!important}.story-sticky{position:relative;display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);height:100svh;min-height:650px;overflow:hidden}.story-fixed-heading{height:auto;padding:78px 22px 18px;border-right:0;border-bottom:1px solid #d8d1c5;display:grid;grid-template-columns:1fr auto;column-gap:14px;align-items:end}.story-fixed-heading .section-kicker{grid-column:1/-1;margin-bottom:12px;font-size:8px}.story-fixed-heading h2{font-size:34px;line-height:1.1}.story-fixed-heading h2 br{display:none}.story-fixed-heading>p:not(.section-kicker){grid-column:1/-1;font-size:12px;line-height:1.6;margin:10px 0 0}.story-instruction{display:none}.desktop-story-instruction{display:none}.mobile-story-instruction{display:inline}.story-counter{grid-column:2;grid-row:2;margin:0 0 4px}.story-counter i{width:34px}.story-window{height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.story-window::-webkit-scrollbar{display:none}.story-track{height:100%;transform:none!important}.story-card,.story-card-reverse{height:100%;display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;gap:0;padding:14px 18px 20px;scroll-snap-align:start;border-right:1px solid #d8d1c5}.story-art{height:100%;min-height:0;aspect-ratio:auto}.story-copy{max-width:none;padding:12px 4px 0;display:grid;grid-template-columns:1fr 1.2fr;column-gap:18px;align-items:start}.story-copy>span{grid-column:1/-1;margin-bottom:7px}.story-copy h3{font-size:21px;line-height:1.35;margin:0}.story-copy h3 br{display:none}.story-copy p{font-size:11px;line-height:1.65;margin:0}.story-opening,.story-ending{display:none}}
@media(max-width:420px){.story-fixed-heading{padding-top:72px}.story-fixed-heading h2{font-size:30px}.story-art img{padding:0}.story-copy h3{font-size:19px}}

/* Brand world homepage structure */
.season-character{position:absolute;z-index:4;right:3.2vw;bottom:4vh;width:clamp(145px,16vw,285px);color:var(--ink);text-decoration:none;display:flex;flex-direction:column;align-items:center;animation:seasonBearFloat 5s ease-in-out infinite}.season-character img{display:block;width:100%;height:auto;filter:drop-shadow(0 14px 20px rgba(56,42,31,.1))}.season-character span{font-family:var(--font-cn-serif);font-size:11px;margin-top:-3px;padding:8px 13px;background:rgba(248,245,238,.86);backdrop-filter:blur(5px);border:1px solid rgba(70,55,40,.12)}@keyframes seasonBearFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-9px) rotate(1deg)}}
.home-about{background:#f8f7f2;display:grid;grid-template-columns:.85fr 1.15fr;gap:10vw;align-items:start}.home-about-heading h2,.home-section-heading h2,.philosophy-copy h2,.home-moments-copy h2{font-family:var(--font-cn-serif);font-weight:400}.home-about-heading h2{font-size:clamp(44px,5vw,72px);line-height:1.4;margin:0}.home-about-copy{padding-top:50px;max-width:720px}.home-about-copy>p{font-family:var(--font-cn-serif);font-size:clamp(18px,1.7vw,25px);line-height:2;margin:0 0 28px}.home-about-copy .text-link{display:inline-block;margin-top:25px}
.home-materials{background:#e9e5dc}.home-section-heading{display:grid;grid-template-columns:.7fr 1fr 1fr;gap:4vw;align-items:start;margin-bottom:75px}.home-section-heading h2{font-size:clamp(42px,4.5vw,66px);line-height:1.4;margin:0}.home-section-heading>p:last-child{font-size:14px;line-height:2;color:#6d685f;max-width:400px;margin:8px 0 0}.fabric-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.fabric-card{background:#f7f5ef}.fabric-image{overflow:hidden}.fabric-image img{width:100%;display:block;aspect-ratio:4/3;object-fit:cover;transition:transform .8s ease}.fabric-card:hover .fabric-image img{transform:scale(1.02)}.fabric-copy{display:grid;grid-template-columns:55px 1fr 1fr;padding:30px;align-items:start}.fabric-copy>span{font-family:var(--font-en-serif);font-size:11px}.fabric-copy h3{font-family:var(--font-cn-serif);font-size:clamp(27px,2.5vw,39px);font-weight:400;margin:0}.fabric-copy>p{font-family:var(--font-en-serif);font-size:12px;font-style:italic;color:#736e65;margin:10px 0 0}.fabric-copy ul{grid-column:2/-1;list-style:none;padding:24px 0 0;margin:24px 0 0;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:12px 25px}.fabric-copy li{font-size:12px;color:#5f5b54}.fabric-copy li:before{content:"—";margin-right:8px;color:#9b9489}
.wear-philosophy{background:#f8f7f2;display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(60px,8vw,135px);align-items:center}.philosophy-collage{position:relative;padding:0 15% 12% 0}.philosophy-collage figure{margin:0}.philosophy-main img{width:100%;display:block;aspect-ratio:4/5;object-fit:cover}.philosophy-detail{position:absolute;width:40%;right:0;bottom:0}.philosophy-detail img{width:100%;display:block;aspect-ratio:3/4;object-fit:cover;border:10px solid #f8f7f2}.philosophy-copy h2{font-size:clamp(34px,3.8vw,58px);line-height:1.65;margin:0 0 45px}.philosophy-copy>span{font-family:var(--font-en-serif);font-size:11px;letter-spacing:.18em;font-style:italic}
.wear-philosophy-single{gap:clamp(36px,5vw,80px);padding-top:clamp(54px,6vw,90px)}.philosophy-collage-single{padding:0}.philosophy-collage-single .philosophy-main img{aspect-ratio:2/3;object-position:center;object-fit:cover}
.home-moments{background:#d8d0c3;display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw;align-items:center}.home-moments-copy h2{font-size:clamp(42px,4.7vw,68px);line-height:1.45;margin:0}.home-moments-copy>p:not(.section-kicker){font-size:14px;line-height:2;margin:35px 0}.home-moments-images{display:grid;grid-template-columns:1.18fr .82fr;gap:16px;align-items:end}.home-moments-images img{width:100%;display:block;object-fit:cover}.home-moments-images img:first-child{aspect-ratio:3/4}.home-moments-images img:last-child{aspect-ratio:3/4;margin-bottom:-9vw}
.extensions-grid-three{grid-template-columns:repeat(3,1fr)}.extension-moments{position:relative;overflow:hidden;display:block;color:#fff;text-decoration:none;min-height:620px}.extension-moments>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s ease}.extension-moments:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(31,24,18,.58))}.extension-moments:hover>img{transform:scale(1.025)}.extension-moments .extension-card-copy{position:absolute;z-index:2;inset:auto 0 0;padding:36px}.extensions-grid-three .extension-card{min-width:0}.extensions-grid-three .extension-card-copy h3{font-size:clamp(30px,3vw,48px)}
@media(max-width:800px){.season-character{width:130px;right:-12px;bottom:6vh}.season-character span{font-size:9px}.home-page .hero-copy{width:74%}.home-page .hero-cn{letter-spacing:.12em}.home-about{display:block}.home-about-heading h2{font-size:38px}.home-about-copy{padding-top:48px}.home-about-copy>p{font-size:18px;line-height:1.9}.home-section-heading{display:block;margin-bottom:45px}.home-section-heading h2{font-size:38px;margin:18px 0 25px}.fabric-grid{display:block}.fabric-card{margin-bottom:16px}.fabric-image img{aspect-ratio:4/3}.fabric-copy{grid-template-columns:38px 1fr;padding:22px}.fabric-copy>p{grid-column:2}.fabric-copy ul{grid-column:2;padding-top:18px;margin-top:18px;display:block}.fabric-copy li{margin-bottom:9px}.wear-philosophy{display:block}.philosophy-collage{margin-bottom:75px}.philosophy-copy h2{font-size:32px;line-height:1.75}.home-moments{display:block}.home-moments-copy{margin-bottom:55px}.home-moments-copy h2{font-size:38px}.home-moments-images{gap:8px}.home-moments-images img:last-child{margin-bottom:-45px}.extensions-grid-three{display:block}.extensions-grid-three .extension-card{display:block;margin-bottom:12px;min-height:520px}.extension-moments{min-height:520px}}
@media(max-width:800px){.wear-philosophy-single{padding-top:38px}.wear-philosophy-single .philosophy-collage-single{margin-bottom:34px}}

/* Homepage hero typography and season entry refinement */
.home-page .hero h1{font-family:var(--font-cn-display);font-weight:300;line-height:.9;letter-spacing:.01em}
.home-page .hero-cn{letter-spacing:.12em}
@media(max-width:800px){.home-page .hero h1{font-size:clamp(48px,13vw,60px);line-height:.92;letter-spacing:.01em}}

/* Soft Moments v2 — buyer photo journal */
.moments-page-v2{background:#f3efe7;color:#1b1a17}
.moments-page-v2 .site-header:not(.scrolled):not(.menu-open){color:#fff;border-color:rgba(255,255,255,.28)}
.moments-page-v2 .site-header:not(.scrolled):not(.menu-open) .logo-white{display:block}
.moments-page-v2 .site-header:not(.scrolled):not(.menu-open) .logo-black{display:none}
.moments-page-v2 .site-header:not(.scrolled):not(.menu-open) .nav-submenu{color:var(--ink)}
.moments-page-v2 .site-header:not(.scrolled):not(.menu-open) .tmall-link{border-color:rgba(255,255,255,.55)}
.moments-v2-poster{height:100svh;min-height:660px;position:relative;overflow:hidden;background:#b49b7d;color:#fff}
.moments-v2-poster>img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 44%}
.moments-v2-poster-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(22,16,12,.2) 0%,rgba(22,16,12,.02) 42%,rgba(22,16,12,.62) 100%)}
.moments-v2-poster-copy{position:absolute;z-index:1;left:var(--pad);bottom:11%;max-width:760px}
.moments-v2-poster-copy>p,.moments-v2-scroll{font-family:var(--font-ui);font-size:10px;letter-spacing:.18em}
.moments-v2-poster-copy h1{font-family:var(--font-cn-serif);font-size:clamp(68px,9vw,142px);font-weight:400;line-height:1;margin:22px 0 20px;letter-spacing:.04em}
.moments-v2-poster-copy span{font-family:var(--font-cn-sans);font-size:15px;font-weight:300;letter-spacing:.12em}
.moments-v2-scroll{position:absolute;right:var(--pad);bottom:7%;z-index:1;color:#fff;text-decoration:none;display:flex;align-items:center;gap:20px}
.moments-v2-scroll i{font-style:normal;font-size:17px}
.moments-v2-gallery{padding:0 var(--pad) clamp(120px,14vw,220px);background:#f3efe7}
.moments-v2-gallery-head{display:grid;grid-template-columns:.65fr 1.15fr 1fr;gap:6vw;align-items:start;padding:clamp(105px,12vw,180px) 0 clamp(85px,9vw,140px)}
.moments-v2-gallery-head h2,.moments-v2-ending h2{font-family:var(--font-cn-serif);font-weight:400}
.moments-v2-gallery-head h2{font-size:clamp(40px,4.8vw,70px);line-height:1.42;margin:0}
.moments-v2-gallery-head>p:last-child{font-family:var(--font-cn-sans);font-size:14px;font-weight:300;line-height:2.15;color:#6f675c;margin:10px 0 0}
.moments-v2-stream{columns:3;column-gap:clamp(10px,1.35vw,24px)}
.moments-v2-stream figure{break-inside:avoid;margin:0 0 clamp(10px,1.35vw,24px);overflow:hidden;background:#e7e0d5}
.moments-v2-stream img{display:block;width:100%;height:auto;transition:transform .8s cubic-bezier(.2,.65,.3,1)}
@media(hover:hover){.moments-v2-stream figure:hover img{transform:scale(1.018)}}
.moments-v2-stream figure:nth-child(3n+2){transform:translateY(clamp(18px,2.5vw,44px));margin-bottom:clamp(28px,3.85vw,68px)}
.moments-v2-ending{margin-top:clamp(120px,14vw,220px);padding-top:35px;border-top:1px solid rgba(27,26,23,.22);display:grid;grid-template-columns:.7fr 1.3fr;gap:6vw;align-items:start}
.moments-v2-ending>p{font-family:var(--font-ui);font-size:10px;letter-spacing:.18em;margin:10px 0 0}
.moments-v2-ending h2{font-size:clamp(44px,5.5vw,82px);line-height:1.42;margin:0}
@media(max-width:800px){
  .moments-v2-poster{min-height:620px}
  .moments-v2-poster>img{object-position:center}
  .moments-v2-poster-copy{bottom:10%;right:var(--pad)}
  .moments-v2-poster-copy>p{font-size:9px}
  .moments-v2-poster-copy h1{font-size:58px;margin:17px 0 15px}
  .moments-v2-poster-copy span{font-size:12px;letter-spacing:.08em}
  .moments-v2-scroll{display:none}
  .moments-v2-gallery{padding-left:12px;padding-right:12px}
  .moments-v2-gallery-head{display:block;padding:82px 10px 62px}
  .moments-v2-gallery-head h2{font-size:38px;margin:20px 0 30px;line-height:1.45}
  .moments-v2-gallery-head>p:last-child{font-size:13px;line-height:1.95}
  .moments-v2-gallery-head>p:last-child br{display:none}
  .moments-v2-stream{columns:2;column-gap:8px}
  .moments-v2-stream figure{margin-bottom:8px}
  .moments-v2-stream figure:nth-child(3n+2){transform:none;margin-bottom:8px}
  .moments-v2-stream figure:nth-child(even){transform:translateY(22px);margin-bottom:30px}
  .moments-v2-ending{display:block;margin:105px 10px 0;padding-top:24px}
  .moments-v2-ending h2{font-size:39px;margin-top:28px}
}

/* Bamboo-cotton material story: title, image, details. */
.fabric-card-slider{position:relative;grid-column:1/-1;display:flex;flex-direction:column;align-items:center;background:#f4f0e7;border-top:1px solid #d3ccc0;border-bottom:1px solid #d3ccc0;overflow:hidden}
.fabric-editorial-copy{width:min(760px,100%);padding:clamp(48px,6vw,82px) clamp(24px,4vw,54px) clamp(36px,4vw,56px);display:flex;flex-direction:column;align-items:flex-start}
.fabric-editorial-copy>span{font-family:var(--font-ui);font-size:9px;letter-spacing:.14em;color:#7b756d}
.fabric-editorial-copy h3{font-family:var(--font-cn-display);font-size:clamp(52px,6vw,86px);font-weight:300;line-height:1.08;margin:20px 0 26px}
.fabric-editorial-copy .fabric-lead{font-size:14px;line-height:2;color:#625d55;max-width:560px;margin:0}
.fabric-editorial-foot{width:min(760px,100%);padding:clamp(28px,4vw,46px) clamp(24px,4vw,54px) clamp(42px,5vw,66px)}
.fabric-editorial-foot ul{list-style:none;padding:0 0 28px;margin:0;border-bottom:1px solid #d3ccc0;display:flex;justify-content:space-between;gap:12px 22px;flex-wrap:wrap}
.fabric-editorial-foot li{font-size:11px;color:#6c665e}
.fabric-editorial-foot li:before{content:"—";margin-right:7px;color:#999184}
.fabric-editorial-meta{width:100%;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding-top:25px;font-family:var(--font-ui);font-size:9px;letter-spacing:.12em;color:#746e65}
.fabric-editorial-meta>span{display:flex;align-items:center;gap:10px}.fabric-editorial-meta b{font-weight:400}.fabric-editorial-meta i{display:block;width:48px;height:1px;background:#a39b8f}.fabric-editorial-meta em{font-style:normal;white-space:nowrap}
.fabric-card-slider .fabric-slider{display:flex;width:min(760px,100%);aspect-ratio:4/5;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none;background:#dedbd2;cursor:grab}
.fabric-card-slider .fabric-slider:active{cursor:grabbing}
.fabric-card-slider .fabric-slider::-webkit-scrollbar{display:none}
.fabric-card-slider .fabric-slide{flex:0 0 100%;height:100%;margin:0;scroll-snap-align:start;scroll-snap-stop:always;background:#d8d4ca}
.fabric-card-slider .fabric-slide img{display:block;width:100%;height:100%;object-fit:cover}
.fabric-card-slider .fabric-slide img{-webkit-user-drag:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;pointer-events:none}

@media(max-width:800px){
  .fabric-editorial-copy{padding:38px 22px 30px}
  .fabric-editorial-copy h3{font-size:44px;margin:16px 0 18px}
  .fabric-editorial-copy .fabric-lead{font-size:13px;line-height:1.85}
  .fabric-editorial-foot{padding:25px 22px 38px}
  .fabric-editorial-foot ul{padding-bottom:22px}
  .fabric-editorial-meta{padding-top:22px}
}

@media(prefers-reduced-motion:reduce){
  .fabric-card-slider .fabric-slider{scroll-behavior:auto}
}

/* Materials — quieter editorial rhythm inspired by the story section. */
.materials-story-layout{padding:0;display:grid;grid-template-columns:34vw minmax(0,1fr);align-items:start;background:#f8f7f2}
.materials-story-layout .home-section-heading{position:sticky;top:0;height:100vh;margin:0;padding:14vh 4vw 8vh var(--pad);display:flex;flex-direction:column;justify-content:center;gap:0}
.materials-story-layout .home-section-heading .section-kicker{margin-bottom:28px}
.materials-story-layout .home-section-heading h2{font-size:clamp(44px,4vw,64px);line-height:1.2}
.materials-story-layout .home-section-heading>p:last-child{margin-top:34px;max-width:360px}
.materials-story-layout .fabric-grid{display:block;padding:6vh clamp(28px,5vw,76px) 10vh;background:#f2efe7}
.materials-story-layout .fabric-card-slider{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(340px,1fr);column-gap:clamp(30px,4vw,70px);align-items:center;margin:0;padding:4vh 0;background:transparent;border:0;overflow:visible}
.materials-story-layout .fabric-card-slider+.fabric-card-slider{margin-top:2vh}
.materials-story-layout .fabric-editorial-copy{width:auto;padding:0;align-self:end}
.materials-story-layout .fabric-editorial-copy h3{font-size:clamp(42px,4.5vw,68px);margin:18px 0 24px}
.materials-story-layout .fabric-editorial-copy .fabric-lead{font-size:13px;line-height:1.9}
.materials-story-layout .fabric-slider{grid-column:2;grid-row:1/3;width:100%;align-self:center}
.materials-story-layout .fabric-editorial-foot{grid-column:1;width:100%;padding:24px 0 0;align-self:stretch}
.materials-story-layout .fabric-editorial-foot ul{display:block;padding:0;margin:0;border:0}
.materials-story-layout .fabric-editorial-foot li{margin:0 0 9px}
.materials-story-layout .fabric-editorial-meta{display:grid;grid-template-columns:1fr auto;width:100%;padding-top:0;justify-content:normal}
.materials-story-layout .fabric-editorial-meta>span{justify-self:start}
.materials-story-layout .fabric-editorial-meta>em{justify-self:end}
.materials-story-layout .fabric-editorial-meta i{width:30px}
.materials-story-layout .fabric-editorial-meta em{color:#928b80}
.materials-story-layout .fabric-card-slider:nth-child(even){grid-template-columns:minmax(340px,1fr) minmax(220px,.72fr)}
.materials-story-layout .fabric-card-slider:nth-child(even) .fabric-slider{grid-column:1}
.materials-story-layout .fabric-card-slider:nth-child(even) .fabric-editorial-copy,.materials-story-layout .fabric-card-slider:nth-child(even) .fabric-editorial-foot{grid-column:2}

@media(max-width:800px){
  .materials-story-layout{display:block;padding:0;background:#f8f7f2}
  .materials-story-layout .home-section-heading{position:relative;height:auto;padding:88px 22px 52px;display:block}
  .materials-story-layout .home-section-heading .section-kicker{margin-bottom:28px}
  .materials-story-layout .home-section-heading h2{font-size:42px;line-height:1.25}
  .materials-story-layout .home-section-heading>p:last-child{margin-top:26px;font-size:13px;line-height:1.85}
  .materials-story-layout .fabric-grid{padding:0 0 30px;background:#f2efe7}
  .materials-story-layout .fabric-card-slider,.materials-story-layout .fabric-card-slider:nth-child(even){display:flex;flex-direction:column;align-items:stretch;margin:0;padding:0;background:transparent}
  .materials-story-layout .fabric-card-slider+.fabric-card-slider{margin-top:12px}
  .materials-story-layout .fabric-editorial-copy,.materials-story-layout .fabric-card-slider:nth-child(even) .fabric-editorial-copy{order:1;width:auto;padding:42px 22px 24px}
  .materials-story-layout .fabric-slider,.materials-story-layout .fabric-card-slider:nth-child(even) .fabric-slider{order:2;width:100%}
  .materials-story-layout .fabric-editorial-foot,.materials-story-layout .fabric-card-slider:nth-child(even) .fabric-editorial-foot{order:3;width:100%;padding:18px 22px 12px;box-sizing:border-box;align-self:stretch}
  .materials-story-layout .fabric-editorial-copy h3{font-size:43px;margin:15px 0 19px}
  .materials-story-layout .fabric-editorial-meta{padding-top:0}
}

/* Unified centered footer */
footer{display:flex;flex-direction:column;align-items:center;gap:0;padding-top:72px}
footer>.footer-wordmark{display:block;margin:0 auto;width:clamp(160px,14vw,210px)}
footer>p{display:none}
footer>div{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px clamp(22px,3vw,48px);margin-top:48px}
footer>div a{font-size:12px}
footer>small{width:100%;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #444;padding-top:28px;margin-top:62px;color:#777;font-family:var(--font-ui);font-size:11px;font-weight:400;line-height:1}
footer>small:after{content:"The Art of Soft Life";font:inherit;color:inherit;letter-spacing:.02em}
@media(max-width:800px){
  footer{display:flex;padding-top:58px}
  footer>.footer-wordmark{width:155px}
  footer>div{margin-top:38px;gap:13px 24px}
  footer>small{margin-top:50px;font-size:10px}
}

/* 721PLANET typography system — display / accent / reading */
@font-face{font-family:"Swei Spring Sugar";src:url("assets/fonts/SweiSpringSugar-Light.woff2") format("woff2");font-style:normal;font-weight:300;font-display:swap}
@font-face{font-family:"Swei Spring Sugar";src:url("assets/fonts/SweiSpringSugar-Regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"XinYi JiXiang Song";src:url("assets/fonts/XinYiJiXiangSong-Regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"MiSans 721";src:url("assets/fonts/MiSans-Light.woff2") format("woff2");font-style:normal;font-weight:300;font-display:swap}
@font-face{font-family:"MiSans 721";src:url("assets/fonts/MiSans-Regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"MiSans 721";src:url("assets/fonts/MiSans-Medium.woff2") format("woff2");font-style:normal;font-weight:500;font-display:swap}

:root{
  --font-cn-display:"Swei Spring Sugar","Songti SC",serif;
  --font-en-accent:"XinYi JiXiang Song",Georgia,serif;
  --font-reading:"MiSans 721","PingFang SC","Microsoft YaHei",sans-serif;
  --font-cn-serif:var(--font-cn-display);
  --font-en-serif:var(--font-en-accent);
  --font-ui:var(--font-reading);
}

body{font-family:var(--font-reading);font-weight:300;letter-spacing:.015em}
.desktop-nav a,.tmall-link,.mobile-menu nav a,.mobile-nav-group>span,.mobile-menu nav .mobile-nav-group>a b,.mobile-tmall,.text-link,.outline-button{font-family:var(--font-reading)}

/* Main Chinese display type: light, calm and generously spaced. */
.manifesto,.section-head h2,.materials h2,.about h2,.imagination h2,.subpage-title h1,.world-row h2,.season-feature h2,.product-category-head h2,.season-hero-copy h1,.season-story>h2,.season-cta h2,.growth-hero-copy h1,.growth-opening h2,.growth-story-title h2,.growth-quote p,.growth-ending h2,.closing-copy h2,.extensions-heading h2,.extension-card-copy h3,.season-section-heading h2,.core-product-copy h3,.art-intro h2,.art-section-heading h2,.art-process h2,.moments-hero h1,.moments-heading h2,.moments-submit h2,.story-fixed-heading h2,.story-copy h3,.story-ending p,.home-about-heading h2,.home-section-heading h2,.philosophy-copy h2,.home-moments-copy h2,.fabric-copy h3,.season-pattern-grid h3,.image-card h3,.category-card h3{
  font-family:var(--font-cn-display);
  font-weight:300;
}

/* English editorial accents, used sparingly like the supplied reference. */
.eyebrow,.section-kicker,.subpage-title>p,.season-hero-copy>p,.art-placeholder-copy>p,.season-feature>p,.growth-hero-copy>p,.growth-hero-copy>span,.season-hero-copy>span,.image-card>div>p,.category-card>p,.pattern-strip figcaption,.fabric-copy>p,.philosophy-copy>span,.moments-featured figcaption>span,.edition-slot>p,.season-pattern-grid figcaption>p,.extension-art .extension-card-copy em{
  font-family:var(--font-en-accent);
  font-style:normal;
  font-weight:400;
  letter-spacing:.08em;
}
.eyebrow,.section-kicker{font-size:12px;line-height:1.5;letter-spacing:.1em}

/* Reading copy stays clean and quiet in MiSans. */
.about-body p,.home-about-copy>p,.home-section-heading>p:last-child,.materials-copy>p:not(.section-kicker),.material-points p,.season-story-body,.growth-lead,.growth-story-copy p,.growth-ending strong,.season-section-heading>p:last-child,.core-product-copy p,.art-section-heading>p:last-child,.art-process>div:last-child p,.moments-hero-copy p,.moments-heading>p:last-child,.moments-submit>p:not(.section-kicker),.story-fixed-heading>p:not(.section-kicker),.story-copy p,.story-ending a,.extension-art .extension-card-copy>span,.home-moments-copy>p:not(.section-kicker),.fabric-copy li{
  font-family:var(--font-reading);
  font-weight:300;
}

@media(max-width:800px){
  body{font-weight:300}
  .eyebrow,.section-kicker{font-size:10px}
  .home-about-copy>p,.season-story-body,.growth-lead,.growth-story-copy p{font-weight:300}
}

/* Full editorial material poster supplied for the bamboo-fibre story. */
.home-materials .fabric-image img{aspect-ratio:3/4}
.fabric-card-poster .fabric-image{background:#fff}
.fabric-card-poster .fabric-image img{object-fit:contain}

/* 26FW story introduction: one continuous editorial passage. */
.opera-story>h2{
  max-width:980px;
  margin-bottom:clamp(34px,4vw,52px);
  line-height:1.5;
}
.opera-story .season-story-body{
  max-width:680px;
  margin:0 auto;
  font-size:clamp(15px,1.35vw,20px);
  line-height:2.05;
}
.opera-story .season-story-body p{margin:0}
.opera-story .season-story-body strong{font-weight:400}

/* 26FW portrait LOOKs — compact horizontal rail. */
.opera-hero>img{object-position:center 58%}
.season-look-gallery{display:flex;gap:14px;overflow-x:auto;padding:18px var(--pad) 30px;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#aaa397 transparent;background:#f8f7f2}
.season-look-gallery figure,.season-look-gallery figure.wide{position:relative;flex:0 0 min(42vw,680px);margin:0;overflow:hidden;scroll-snap-align:start}
.season-look-gallery img,.season-look-gallery .wide img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:2/3;object-fit:cover}
.season-look-gallery figcaption{position:absolute;left:22px;bottom:20px;color:#fff;text-shadow:0 1px 10px rgba(0,0,0,.32)}
.season-look-gallery figcaption span{font-size:10px;letter-spacing:.15em}
.opera-pattern-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2.5vw,36px)}
.opera-pattern-grid img{aspect-ratio:1/1;object-fit:contain;background:#fff}
.opera-pattern-grid figcaption{padding-top:16px}
.opera-pattern-grid h3{font-size:clamp(22px,2.1vw,32px);margin:0}

@media(max-width:800px){
  .opera-story>h2{font-size:34px;line-height:1.55;margin-bottom:30px}
  .opera-story .season-story-body{font-size:15px;line-height:2}
  .opera-hero>img{object-position:center 54%}
  .season-look-gallery{display:flex;gap:8px;padding:10px 10px 22px}
  .season-look-gallery figure,.season-look-gallery figure.wide{flex:0 0 84vw;margin:0}
  .season-look-gallery img,.season-look-gallery .wide img{height:auto;max-height:none;aspect-ratio:2/3}
  .season-look-gallery figcaption{left:16px;bottom:15px}
  .opera-pattern-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 10px}
  .opera-pattern-grid figure{margin:0}
  .opera-pattern-grid img{aspect-ratio:1/1}
  .opera-pattern-grid figcaption{padding-top:10px}
  .opera-pattern-grid h3{font-size:18px}
}

/* Illustration canvas follows the artwork instead of filling a fixed tall box. */
.story-art{
  position:relative;
  width:min(100%,720px);
  height:auto;
  max-height:none;
  aspect-ratio:10/11;
  justify-self:center;
  overflow:hidden;
  background:#f2efe7;
}
.story-art img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:1/1;
  object-fit:contain;
}
.story-art:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  box-shadow:inset 0 0 clamp(18px,2.2vw,34px) clamp(7px,.9vw,14px) #f2efe7;
}

@media(max-width:800px){
  .story-sticky{
    height:auto;
    min-height:0;
    grid-template-rows:auto auto;
  }
  .story-window,.story-track{height:auto}
  .story-card,.story-card-reverse{
    height:auto;
    grid-template-rows:auto auto;
    align-content:start;
  }
  .story-art{
    width:min(100%,52svh);
    height:auto;
    min-height:0;
    max-height:none;
    aspect-ratio:10/11;
    align-self:center;
  }
  .story-art:after{box-shadow:inset 0 0 20px 8px #f2efe7}
}

/* 26FW product catalogue — compact, product-first presentation. */
.product-showcase{display:flex;flex-direction:column;gap:clamp(90px,11vw,150px)}
.product-family{border-top:1px solid var(--line);padding-top:30px}
.product-family-head{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end;margin-bottom:34px}
.product-family-head span{display:block;font-family:var(--font-en-accent);font-size:10px;letter-spacing:.13em;color:#777168;margin-bottom:15px}
.product-family-head h3{font-family:var(--font-cn-display);font-size:clamp(31px,3.1vw,47px);font-weight:300;line-height:1.35;margin:0}
.product-family-head>p{font-size:12px;line-height:1.7;color:#777168;margin:0 0 7px;text-align:right}
.product-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.product-photo-grid-five{grid-template-columns:repeat(3,minmax(0,1fr))}
.product-photo-grid figure{margin:0;min-width:0}
.product-photo-grid img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 54%;background:#ebe7de}
.product-photo-grid figcaption{padding-top:12px;font-family:var(--font-reading);font-size:11px;color:#69645c}
.product-family-link{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:32px;padding:18px 0 13px;border-top:1px solid var(--line);border-bottom:1px solid var(--ink);color:var(--ink);text-decoration:none;font-family:var(--font-reading);font-size:13px}
.product-family-link span{font-size:16px;transition:transform .25s ease}
.product-family-link:hover span{transform:translate(3px,-3px)}

/* 2026SS 万物生 — follows the established seasonal catalogue rhythm. */
.spring-series-hero>img{object-position:center 42%}
.spring-series-hero .hero-shade{background:linear-gradient(0deg,rgba(61,52,40,.54) 0%,rgba(61,52,40,.08) 48%,transparent 72%)}
.spring-series-story{background:#f2f0e9}
.spring-look-gallery img{object-position:center 48%}
.spring-product-grid img{object-position:center 46%}

@media(max-width:800px){
  .spring-series-hero>img{object-position:center 44%}
  .spring-series-hero .hero-shade{background:linear-gradient(0deg,rgba(61,52,40,.66) 0%,rgba(61,52,40,.12) 58%,transparent 78%)}
  .spring-look-gallery img{object-position:center 45%}
  .spring-product-grid{grid-template-columns:1fr}
  .spring-product-grid img{aspect-ratio:4/5;object-position:center 44%}
}

@media(max-width:800px){
  .product-showcase{gap:80px}
  .product-family{padding-top:22px}
  .product-family-head{display:block;margin-bottom:22px}
  .product-family-head span{font-size:9px;margin-bottom:10px}
  .product-family-head h3{font-size:29px}
  .product-family-head>p{text-align:left;margin:10px 0 0;font-size:11px}
  .product-photo-grid,.product-photo-grid-five{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 8px}
  .product-photo-grid img{aspect-ratio:4/5}
  .product-photo-grid figcaption{padding-top:8px;font-size:10px}
  .product-family-link{margin-top:26px;padding:15px 0 11px;font-size:12px}
}

/* Homepage vertical rhythm experiment — remove this block and home-rhythm-v1 to revert. */
.home-rhythm-v1{--home-section-space:clamp(96px,10vw,138px);--home-boundary-space:clamp(44px,5vw,68px)}
.home-rhythm-v1 .home-about{padding-top:var(--home-section-space);padding-bottom:var(--home-section-space)}
.home-rhythm-v1 .materials-story-layout .fabric-grid{padding-bottom:var(--home-boundary-space)}
.home-rhythm-v1 .wear-philosophy-single{padding-top:var(--home-boundary-space);padding-bottom:var(--home-section-space)}
.home-rhythm-v1 .brand-extensions{padding-top:var(--home-section-space);padding-bottom:var(--home-section-space)}

@media(max-width:800px){
  .home-rhythm-v1{--home-section-space:78px;--home-boundary-space:42px}
  .home-rhythm-v1 .materials-story-layout .home-section-heading{padding-top:var(--home-section-space);padding-bottom:52px}
  .home-rhythm-v1 .materials-story-layout .fabric-grid{padding-bottom:var(--home-boundary-space)}
  .home-rhythm-v1 .wear-philosophy-single{padding-top:var(--home-boundary-space);padding-bottom:var(--home-section-space)}
  .home-rhythm-v1 .brand-extensions{padding-top:var(--home-section-space);padding-bottom:var(--home-section-space)}
}

/* Keep the two editorial gateways on one shared caption-and-link pattern. */
.extension-moments .extension-card-copy,.extension-art .extension-card-copy{inset:auto 0 0;padding:36px}
.extension-moments .extension-card-copy>span,.extension-art .extension-card-copy>span{display:inline;max-width:none;font-family:var(--font-cn-serif);font-size:18px;line-height:1.8;color:rgba(255,255,255,.8)}
.extension-moments .extension-card-copy em,.extension-art .extension-card-copy em{display:inline;margin:0 0 0 .28em;font-family:var(--font-en-serif);font-size:11px;letter-spacing:.15em}

/* Mobile story-gallery affordance, grouped above the page counter. */
.story-swipe-label{display:none}
@media(max-width:800px){
  .story-fixed-heading h2{grid-column:1;grid-row:2}
  .story-fixed-heading>p:not(.section-kicker){grid-column:1;grid-row:3}
  .story-counter{grid-column:2;grid-row:2/4;align-self:center;margin:0;display:grid;grid-template-columns:auto 34px auto;column-gap:12px;row-gap:9px;align-items:center;justify-items:center}
  .story-swipe-label{display:block;grid-column:1/-1;justify-self:center;white-space:nowrap;font-size:8px;font-weight:400;line-height:1.2;letter-spacing:.08em;color:#7c756b}
}