:root{--bg:#E7E2D8;--ink:#26364A;--surface:#f3efe8;--muted:#6e7480;--accent:#D66A32;--line:rgba(38,54,74,.22);--inverse:#f7f3ed;--serif:'Noto Serif SC','Playfair Display',serif;--sans:'Inter','Noto Sans SC',sans-serif}
html[data-theme="afterglow"]{--bg:#D3A0AE;--ink:#5E4039;--surface:#ead1d7;--muted:#785e5b;--accent:#7a3f31;--line:rgba(94,64,57,.25);--inverse:#fff8f5}
html[data-theme="earthlight"]{--bg:#D7C49E;--ink:#365849;--surface:#e8dbbd;--muted:#5e6a5a;--accent:#7b5b34;--line:rgba(54,88,73,.24);--inverse:#fffaf0}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);transition:background .45s,color .45s}a{color:inherit;text-decoration:none}img{width:100%;display:block}.announcement{height:30px;background:var(--ink);color:var(--inverse);display:flex;align-items:center;justify-content:center;font-size:10px;letter-spacing:.16em}.site-header{position:sticky;top:0;z-index:40;height:76px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:8px}.brand-zh{font-family:var(--serif);font-size:23px}.brand-en{font-family:'Playfair Display',serif;font-size:19px;letter-spacing:.08em}.sunmark{width:44px}.sunmark svg{fill:none;stroke:var(--accent);stroke-width:1.8}.desktop-nav{display:flex;gap:30px;font-size:11px;letter-spacing:.14em}.desktop-nav a:hover{color:var(--accent)}.header-actions{display:flex;gap:14px;align-items:center}.theme-toggle,.menu-btn{border:0;background:none;color:var(--ink);font:inherit;cursor:pointer}.theme-toggle{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:.1em}.theme-dot{width:8px;height:8px;border-radius:50%;background:var(--accent)}.menu-btn{display:none;font-size:22px}.theme-menu{position:fixed;top:94px;right:4vw;width:260px;padding:10px;background:var(--surface);border:1px solid var(--line);box-shadow:0 20px 70px rgba(0,0,0,.12);display:none;z-index:60}.theme-menu.open{display:block}.theme-menu button{width:100%;display:grid;grid-template-columns:26px 1fr;column-gap:10px;text-align:left;padding:12px;border:0;background:transparent;color:var(--ink);cursor:pointer}.theme-menu button:hover{background:color-mix(in srgb,var(--ink) 7%,transparent)}.theme-menu small{grid-column:2;font-size:10px;opacity:.65}.swatch{width:20px;height:20px;border-radius:50%;grid-row:1/3}.swatch-blue{background:linear-gradient(135deg,#E7E2D8 50%,#26364A 50%)}.swatch-pink{background:linear-gradient(135deg,#D3A0AE 50%,#5E4039 50%)}.swatch-green{background:linear-gradient(135deg,#D7C49E 50%,#365849 50%)}.section-pad{padding:9vw 6vw}.narrow{max-width:1100px;margin:auto}.eyebrow{font-size:10px;letter-spacing:.22em;text-transform:uppercase;margin:0 0 18px}.hero{min-height:calc(100vh - 106px);display:grid;grid-template-columns:.9fr 1.25fr;gap:7vw;align-items:center}.hero h1,.manifesto h2,.section-heading h2,.story h2,.buy h2{font-family:var(--serif);font-weight:500;margin:0;line-height:1.08}.hero h1{font-size:clamp(54px,7vw,112px)}.hero-en{font-family:'Playfair Display',serif;font-size:clamp(20px,2.3vw,34px);line-height:1.15;margin:24px 0}.hero-note{line-height:1.9;font-size:14px;opacity:.78}.hero-visual{position:relative}.hero-visual img{max-height:76vh;object-fit:cover}.hero-caption{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.18em;padding-top:10px}.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;font-size:10px;letter-spacing:.12em;border:1px solid var(--ink);transition:.25s}.btn-primary{background:var(--ink);color:var(--inverse)}.btn-primary:hover{background:var(--accent);border-color:var(--accent)}.btn-ghost:hover{background:var(--ink);color:var(--inverse)}.manifesto{border-top:1px solid var(--line)}.manifesto h2{font-family:'Playfair Display',var(--serif);font-size:clamp(44px,6vw,88px)}.manifesto-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin-top:70px;font-family:var(--serif);font-size:18px;line-height:2}.chapter-banner{margin:0 6vw;padding:5vw;background:var(--ink);color:var(--inverse);display:flex;justify-content:space-between;align-items:flex-end}.chapter-banner span{font-size:10px;letter-spacing:.2em}.chapter-banner h2{font-family:'Playfair Display',serif;font-size:clamp(52px,8vw,116px);margin:6px 0 16px;font-weight:500}.chapter-banner p{line-height:1.8}.chapter-index{font-size:clamp(70px,14vw,210px)!important;opacity:.08;line-height:.8}.section-heading{display:grid;grid-template-columns:1fr .55fr;gap:8vw;align-items:end;margin-bottom:70px}.section-heading h2{font-size:clamp(42px,5vw,76px)}.section-heading>p{font-size:13px;line-height:1.8;opacity:.72}.product-row{display:grid;grid-template-columns:1.35fr .65fr;gap:7vw;align-items:center;padding:70px 0;border-top:1px solid var(--line)}.product-row.reverse{grid-template-columns:.65fr 1.35fr}.product-row.reverse .product-image{order:2}.product-row.reverse .product-info{order:1}.product-image{background:var(--surface);overflow:hidden}.product-image img{transition:transform .8s}.product-image:hover img{transform:scale(1.02)}.product-info{position:relative}.product-no{position:absolute;right:0;top:-26px;font-family:'Playfair Display',serif;font-size:70px;opacity:.08}.product-info h3{font-family:var(--serif);font-size:36px;font-weight:500;margin:0 0 20px}.product-info>p{line-height:1.9;font-size:14px}.detail-list{padding:0;list-style:none;margin:25px 0}.detail-list li{padding:8px 0;border-bottom:1px solid var(--line);font-size:12px}.text-link{padding:0 0 6px;border:0;border-bottom:1px solid var(--ink);background:none;color:var(--ink);font-size:10px;letter-spacing:.14em;cursor:pointer}.design-language{background:color-mix(in srgb,var(--surface) 76%,var(--bg))}.design-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.design-card{min-height:320px;padding:30px;border-right:1px solid var(--line)}.design-card:last-child{border-right:0}.design-card span{font-family:'Playfair Display';font-size:42px;opacity:.18}.design-card h3{margin-top:80px;font-family:'Playfair Display';font-size:22px}.design-card p{font-size:13px;line-height:1.8;opacity:.75}.philosophy{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.phase{min-height:420px;padding:35px;display:flex;flex-direction:column;justify-content:flex-end}.phase span{font-size:10px;letter-spacing:.2em}.phase h3{font-family:var(--serif);font-size:64px;margin:10px 0}.phase p{font-size:12px}.phase-dark{background:#1b2432;color:#f4eee3}.phase-mid{background:color-mix(in srgb,var(--ink) 48%,var(--bg));color:var(--inverse)}.phase-light{background:var(--surface)}.philosophy-line{grid-column:1/-1;text-align:center;font-family:'Playfair Display',var(--serif);font-size:clamp(28px,4vw,58px);line-height:1.3;margin:100px 0 0}.story{padding-top:4vw}.story h2{font-size:clamp(52px,7vw,96px)}.story-copy{max-width:680px;margin:70px 0 0 auto;font-family:var(--serif);font-size:18px;line-height:2}.story-signature{margin-top:70px;border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;font-family:var(--serif)}.story-signature span{font-family:var(--sans);font-size:9px;letter-spacing:.16em}.lookbook-grid{display:grid;grid-template-columns:1fr 1fr;gap:2vw}.lookbook-grid figure{margin:0}.lookbook-grid img{aspect-ratio:3/4;object-fit:cover}.lookbook-grid figcaption{font-size:9px;letter-spacing:.14em;padding-top:12px}.palette-section{background:var(--ink);color:var(--inverse)}.palette-section .section-heading>p{color:var(--inverse)}.palette-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.palette-card{border:0;background:transparent;color:var(--inverse);padding:0;cursor:pointer;text-align:left}.palette-card img{aspect-ratio:2/3;object-fit:cover;filter:saturate(.82);transition:.4s}.palette-card:hover img{transform:translateY(-8px)}.palette-card span{display:block;margin-top:12px;font-size:10px;letter-spacing:.16em}.journal-list{border-top:1px solid var(--line)}.journal-list a{display:grid;grid-template-columns:120px 1fr 80px;gap:20px;align-items:center;padding:24px 0;border-bottom:1px solid var(--line)}.journal-list span,.journal-list em{font-size:9px;letter-spacing:.15em;font-style:normal}.journal-list strong{font-family:var(--serif);font-weight:500;font-size:18px}.buy{text-align:center;background:var(--surface)}.buy h2{font-family:'Playfair Display',var(--serif);font-size:clamp(48px,6vw,90px)}.buy>p:not(.eyebrow){max-width:650px;margin:28px auto;line-height:1.8;font-size:13px}.centered{justify-content:center}footer{padding:60px 6vw 35px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;font-size:11px}.footer-brand{display:flex;flex-direction:column;gap:8px}.footer-brand strong{font-family:var(--serif);font-size:25px}.footer-links{display:flex;gap:18px;justify-content:center;align-items:flex-end}.footer-end{display:flex;flex-direction:column;gap:8px;align-items:flex-end;justify-content:flex-end;font-size:9px;letter-spacing:.12em}.mobile-menu{display:none}.product-modal{border:0;padding:0;max-width:900px;width:90%;background:var(--bg);color:var(--ink);box-shadow:0 30px 120px rgba(0,0,0,.28)}.product-modal::backdrop{background:rgba(11,16,23,.55);backdrop-filter:blur(5px)}.modal-close{position:absolute;right:18px;top:12px;z-index:2;border:0;background:transparent;color:var(--ink);font-size:30px;cursor:pointer}.modal-inner{display:grid;grid-template-columns:1.2fr .8fr}.modal-inner img{height:100%;object-fit:cover}.modal-copy{padding:50px}.modal-copy h3{font-family:var(--serif);font-size:42px;margin:10px 0}.modal-copy p{line-height:1.85;font-size:13px}.modal-meta{margin:30px 0;border-top:1px solid var(--line)}.modal-meta div{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line);font-size:11px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.desktop-nav,.theme-toggle span:not(.theme-dot){display:none}.menu-btn{display:block}.hero{grid-template-columns:1fr;padding-top:14vw}.hero-visual{order:-1}.hero-visual img{max-height:60vh}.manifesto-grid,.section-heading,.product-row,.product-row.reverse,.lookbook-grid,.philosophy{grid-template-columns:1fr}.product-row.reverse .product-image,.product-row.reverse .product-info{order:unset}.design-grid{grid-template-columns:1fr 1fr}.design-card{min-height:260px}.philosophy-line{grid-column:1}.palette-grid{grid-template-columns:1fr}.palette-card img{aspect-ratio:16/10}.journal-list a{grid-template-columns:90px 1fr}.journal-list em{display:none}footer{grid-template-columns:1fr}.footer-links{justify-content:flex-start}.footer-end{align-items:flex-start}.mobile-menu{position:fixed;inset:0;background:var(--bg);z-index:100;padding:30px;flex-direction:column;align-items:center;justify-content:center;gap:30px;font-family:'Playfair Display';font-size:36px}.mobile-menu.open{display:flex}.mobile-menu button{position:absolute;top:25px;right:25px;border:0;background:none;color:var(--ink);font-size:34px}.modal-inner{grid-template-columns:1fr}.modal-copy{padding:30px}.modal-inner img{max-height:45vh}.chapter-index{display:none}}
@media(max-width:560px){.section-pad{padding:20vw 6vw}.site-header{height:66px}.brand-zh{font-size:20px}.brand-en{font-size:16px}.hero h1{font-size:54px}.hero-en{font-size:22px}.manifesto h2{font-size:46px}.manifesto-grid{margin-top:40px;gap:20px}.chapter-banner{padding:12vw 6vw;margin:0}.chapter-banner h2{font-size:52px}.section-heading{margin-bottom:40px}.section-heading h2{font-size:42px}.product-row{padding:45px 0;gap:30px}.product-info h3{font-size:30px}.design-grid{grid-template-columns:1fr}.design-card{border-right:0;border-bottom:1px solid var(--line)}.phase{min-height:300px}.story-copy{font-size:16px}.story-signature{flex-direction:column;gap:10px}.lookbook-grid{gap:30px}.product-modal{width:96%}}
