:root{--paper:#f5f3ec;--surface:#ecece3;--ink:#263c32;--muted:#607065;--accent:#285542;--line:#d6dbce;--hero-accent:var(--accent);--hero-surface:var(--surface);--font-body:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;--font-display:Georgia,"Times New Roman","Songti SC",serif;--radius:20px;--space:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 var(--font-body);-webkit-font-smoothing:antialiased}body.dialog-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{border:0;background:none;padding:0}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #a58142;outline-offset:5px}img{max-width:100%}svg{width:24px;height:24px;flex-shrink:0}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--font-display);font-weight:400}h2{font-size:clamp(32px,3.5vw,48px);line-height:1.1;letter-spacing:-.035em;margin-bottom:24px}.shell{width:min(1328px,100%);padding:0 48px;margin:auto}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:12px;left:16px;padding:12px 24px;background:var(--ink);color:white;border-radius:8px;z-index:100;transform:translateY(-150%)}.skip-link:focus{transform:none}
.site-header{border-bottom:1px solid var(--line);background:var(--paper)}.header-inner{max-width:1328px;padding:24px 48px;margin:auto;display:flex;align-items:center;gap:48px;min-height:88px}.wordmark{display:inline-flex;gap:8px;align-items:center;font-size:21px;letter-spacing:.035em;font-weight:650;line-height:1;white-space:nowrap}.wordmark svg{width:24px;height:28px;stroke-width:1.35}.wordmark-dot{color:var(--hero-accent)}.main-nav{display:flex;gap:32px;margin-left:auto;font-size:14px;font-weight:500}.main-nav a{padding:8px 0;border-bottom:1px solid transparent}.main-nav a:hover{border-color:var(--ink)}.language-nav{display:flex;gap:4px;align-items:center;font-size:12px;font-weight:600}.language-nav a{display:block;padding:8px;border-radius:8px;min-width:32px;text-align:center;color:var(--muted)}.language-nav a[aria-current]{background:var(--ink);color:var(--paper)}.breadcrumbs{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--muted);padding:24px 0 8px}.breadcrumbs a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:4px}.breadcrumbs span[aria-current]{color:var(--ink)}.eyebrow{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;line-height:1.6;margin:0 0 16px}.eyebrow-separator{width:16px;height:1px;background:var(--muted);opacity:.6}
.hero-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center;padding:24px 0 40px;min-height:576px}.hero-editorial{padding:24px 0}.hero-editorial h1{font-size:clamp(56px,6.7vw,96px);line-height:1.02;letter-spacing:-.055em;margin:24px 0;overflow-wrap:anywhere;max-width:13ch}.title-dot{color:var(--hero-accent)}.hero-deck{font-size:20px;line-height:1.6;color:var(--muted);max-width:40ch;margin:0 0 32px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 20px;border-radius:999px;font-size:14px;line-height:1.4;font-weight:500;min-height:48px;border:1px solid transparent;transition:background .18s,color .18s,transform .18s}.button svg{width:20px;height:20px}.button.primary{background:var(--ink);color:var(--paper)}.button.primary:hover{background:var(--hero-accent);transform:translateY(-1px)}.button.quiet{border-color:var(--line);background:transparent}.button.quiet:hover{background:var(--surface);border-color:#bac7b7}.hero-footnote{display:flex;flex-wrap:wrap;gap:16px 24px;margin-top:32px;font-size:12px;color:var(--muted);align-items:center}.hero-footnote>span{display:flex;gap:8px;align-items:center}.hero-footnote svg{width:16px;height:16px}.hero-footnote b{font-size:16px;font-weight:500;color:var(--ink)}.hero-showcase{position:relative;isolation:isolate;background:var(--hero-surface);border-radius:40% 40% 24px 24px;min-width:0;overflow:hidden}.showcase-orbit{position:absolute;left:8%;right:8%;height:80%;top:4%;border:1px solid #cad1bf;border-radius:50%;z-index:-1;opacity:.6}.showcase-orbit:after{content:"";position:absolute;inset:20px;border:1px solid #d6dacb;border-radius:50%}.showcase-number{position:absolute;left:24px;bottom:88px;font:normal 120px/.8 var(--font-display);letter-spacing:-.08em;color:#d2d8c7;z-index:-1}.showcase-image{display:block;width:100%;height:480px;padding:16px 24px 0}.showcase-image img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .3s ease}.showcase-image:hover img{transform:translateY(-4px)}.showcase-caption{display:flex;align-items:center;justify-content:space-between;padding:16px 24px 24px;gap:16px}.showcase-caption>div>span:last-child{font-size:14px}.showcase-caption .eyebrow{font-size:10px;margin-bottom:4px;color:var(--muted)}.round-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--paper);transition:background .18s}.round-button svg{width:20px;height:20px}.round-button:hover,.icon-button:hover{background:#e1e6d8}.section-nav{display:flex;gap:32px;flex-wrap:wrap;align-items:center;padding:24px 0;border-block:1px solid var(--line);font-size:14px;font-weight:500}.section-nav a{display:flex;gap:8px;align-items:center}.section-nav a:hover{color:var(--hero-accent)}.section-nav a>span{font-size:11px;color:var(--muted)}.section-space{padding-top:64px;margin-bottom:64px}.story-section{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:80px;align-items:start}.story-text{max-width:65ch}.story-text h2{margin-bottom:24px}.prose{font-size:17px;line-height:1.75;color:var(--muted)}.prose p{margin:0 0 16px}.prose p:last-child{margin-bottom:0}.prose.small{font-size:14px;line-height:1.7}.tea-note{position:relative;border-left:1px solid var(--line);padding:0 0 0 32px}.tea-note-icon{position:absolute;right:0;top:0;color:var(--hero-accent)}.tea-note-icon svg{width:40px;height:40px;stroke-width:1}.tea-note .eyebrow{max-width:80%;color:var(--muted)}.tea-note .tea-name{font-size:30px;line-height:1.15;letter-spacing:-.02em;margin:16px 48px 16px 0}.tea-note dl{margin:24px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:24px}.tea-note dt{font-size:11px;color:var(--muted);margin-bottom:4px}.tea-note dd{font-size:13px;font-weight:500;margin:0;line-height:1.5}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:32px}.section-heading h2{display:flex;gap:16px;align-items:start;margin:0}.section-count{font:500 13px/1.5 var(--font-body);color:var(--muted);margin-top:4px}.section-heading .eyebrow{color:var(--muted);margin-bottom:12px}.view-switch{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:999px;background:transparent;flex-shrink:0}.view-switch button{padding:8px 16px;border-radius:999px;font-size:12px;font-weight:500;min-height:36px;white-space:nowrap}.view-switch button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.view-switch button:not([aria-pressed=true]):hover{background:var(--surface)}
.looks-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 24px}.look-card{min-width:0}.look-stage{position:relative;background:var(--hero-surface);border:1px solid #dfe1d6;border-radius:var(--radius);overflow:hidden}.look-topline{position:absolute;left:16px;right:16px;top:16px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;letter-spacing:.08em;color:var(--muted);pointer-events:none;z-index:1}.look-topline>span:first-child span{opacity:.5;margin:0 4px}.secret-label{display:flex;align-items:center;gap:4px;font-size:10px;color:#80622e}.secret-label svg{width:13px;height:13px}.is-secret .look-stage{background:#eae5d8;border-color:#c7b991}.look-image{display:block;width:100%;height:320px;position:relative;padding:40px 16px 8px}.look-images{display:block;width:100%;height:100%}.look-images img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .25s ease}.look-images .back{display:none}.look-images[data-view-state=back] .front{display:none}.look-images[data-view-state=back] .back{display:block}.look-images[data-view-state=pair]{display:grid;grid-template-columns:1fr 1fr;gap:8px}.look-images[data-view-state=pair] .back{display:block}.look-image:hover img{transform:translateY(-3px)}.expand-corner{position:absolute;right:16px;bottom:8px;opacity:0;transition:opacity .18s}.expand-corner svg{width:16px;height:16px}.look-image:hover .expand-corner,.look-image:focus-visible .expand-corner{opacity:.7}.look-stage-bottom{padding:0 16px 12px;display:flex;align-items:center;justify-content:space-between;min-height:44px;gap:8px}.look-view-label{font-size:10px;letter-spacing:.03em;color:var(--muted)}.icon-button{width:32px;height:32px;background:transparent;border-color:transparent}.icon-button svg{width:17px;height:17px}.look-copy{padding:16px 4px 0}.look-copy h3{font-size:25px;letter-spacing:-.025em;line-height:1.15;margin:0 0 8px}.look-copy h3 button{font:inherit;text-align:left}.look-copy h3 button:hover{color:var(--hero-accent)}.look-copy>p{font-size:13px;line-height:1.6;color:var(--muted);margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.look-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;font-size:11px}.look-tea{display:flex;gap:6px;align-items:center;max-width:100%;color:var(--muted);line-height:1.5}.look-tea svg{width:14px;height:14px}.text-action{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:500;white-space:nowrap}.text-action svg{width:18px;height:18px}.text-action:hover{color:var(--hero-accent);text-decoration:underline;text-underline-offset:4px}.clean-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center;border-top:1px solid var(--line)}.clean-copy{max-width:48ch}.clean-copy .eyebrow{color:var(--muted)}.clean-copy .button{margin-top:24px}.clean-copy>.text-action{margin-left:16px}.clean-pair{background:var(--surface);border-radius:var(--radius);display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:24px 16px}.clean-pair button{min-width:0}.clean-pair img{display:block;width:100%;height:280px;object-fit:contain}.clean-pair span{display:block;text-align:center;font-size:11px;letter-spacing:.05em;color:var(--muted);margin-top:16px}.videos-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.video-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;text-align:left;background:var(--surface)}.video-poster{display:block;position:relative;width:100%;height:260px;background:var(--hero-surface)}.video-poster>img{width:100%;height:100%;object-fit:contain;padding:16px}.play-circle{position:absolute;left:calc(50% - 28px);top:calc(50% - 28px);background:#263c32eb;color:var(--paper);display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;box-shadow:0 4px 20px #263c3220;transition:transform .2s}.play-circle svg{width:24px;height:24px}.video-card:hover .play-circle{transform:scale(1.08)}.video-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:var(--paper);font-size:14px}.video-caption svg{width:20px;height:20px}.video-audio{display:block;font-size:11px;color:var(--muted);margin-top:4px}.related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.related-card{display:block;position:relative}.related-image{display:block;height:200px;background:var(--surface);border-radius:var(--radius);padding:16px;margin-bottom:16px}.related-image img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .25s}.related-card:hover img{transform:translateY(-4px)}.related-copy{display:block;padding-right:24px}.related-copy strong{display:block;font:400 24px/1.15 var(--font-display);letter-spacing:-.02em}.related-copy>span{display:block;font-size:12px;color:var(--muted);margin-top:8px}.related-card>svg{position:absolute;right:0;top:218px;width:18px;height:18px}.hero-neighbors{display:flex;justify-content:space-between;gap:32px;border-top:1px solid var(--line);padding:32px 0 48px}.hero-neighbor{display:flex;align-items:center;gap:16px;max-width:48%}.hero-neighbor small{display:block;font-size:10px;color:var(--muted);margin-bottom:4px}.hero-neighbor strong{display:block;font:normal 26px/1.2 var(--font-display);letter-spacing:-.02em}.hero-neighbor.next{text-align:right}.site-footer{background:#e7eadf;border-top:1px solid var(--line)}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:40px;padding-bottom:40px}.footer-inner p{font-size:12px;color:var(--muted);margin:16px 0 0}.footer-inner .wordmark{font-size:18px}
.hero-dialog{padding:0;border:1px solid var(--line);border-radius:24px;width:min(1100px,calc(100vw - 48px));max-width:none;max-height:calc(100dvh - 48px);background:var(--paper);color:var(--ink);box-shadow:0 24px 100px #10241755;overflow:auto}.hero-dialog::backdrop{background:#112619b8;backdrop-filter:blur(8px)}.hero-dialog[open]{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}.dialog-close{position:absolute;right:16px;top:16px;z-index:5}.dialog-visual{background:var(--hero-surface);min-width:0;min-height:580px;height:min(78dvh,800px);display:flex;align-items:center;justify-content:center;padding:24px;position:relative}.dialog-visual img{display:block;width:100%;height:100%;object-fit:contain}.dialog-visual.is-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dialog-copy{display:flex;flex-direction:column;align-items:start;justify-content:center;padding:64px 32px 32px;min-width:0}.dialog-copy h2{font-size:36px;line-height:1.12;letter-spacing:-.03em;margin:0 0 24px;overflow-wrap:anywhere}.dialog-copy .eyebrow{color:var(--muted);margin-bottom:12px}.dialog-copy #dialog-switch{margin-bottom:24px;max-width:100%}.dialog-copy .view-switch button{padding:8px 12px}.dialog-copy>.prose{white-space:pre-line;margin:0 0 24px}.dialog-tea{font-size:12px;font-weight:500;line-height:1.6;margin:0 0 24px}.dialog-actions{display:flex;gap:16px;flex-wrap:wrap}.dialog-pagination{display:flex;gap:16px;align-items:center;justify-content:center;padding-top:32px;margin-top:auto;align-self:stretch}.dialog-pagination>span{font-size:12px;color:var(--muted)}.dialog-pagination .round-button{background:transparent}.dialog-visual video{max-width:100%;max-height:100%;width:auto;height:auto;outline:0;border-radius:12px}.dialog-visual model-viewer{display:block;width:100%;height:100%;min-height:400px;--poster-color:transparent}.model-status{text-align:center;font-size:14px;line-height:1.6;color:var(--muted);max-width:34ch}.model-status .button{margin-top:16px}.model-spinner{display:block;width:32px;height:32px;border:2px solid var(--line);border-top-color:var(--ink);border-radius:50%;animation:spin .9s linear infinite;margin:0 auto 24px}@keyframes spin{to{transform:rotate(360deg)}}.hero-dialog.is-media .dialog-pagination{visibility:hidden}.hero-dialog.is-media #dialog-switch{display:none}
@media(min-width:1500px){.showcase-image{height:520px}}
@media(max-width:1100px){.shell,.header-inner{padding-left:32px;padding-right:32px}.hero-intro{gap:40px;min-height:0}.hero-editorial h1{font-size:72px}.showcase-image{height:440px}.hero-deck{font-size:18px}.hero-actions{gap:8px}.button{padding:12px 16px}.story-section{gap:40px}.looks-grid{gap:32px 20px}.look-image{height:300px}.look-copy h3{font-size:24px}.related-grid{gap:20px}.clean-section{gap:40px}.dialog-copy{padding:64px 24px 24px}.dialog-copy h2{font-size:32px}.dialog-visual{min-height:520px}.main-nav{gap:24px}}
@media(max-width:800px){.header-inner{gap:24px;min-height:80px;padding-top:20px;padding-bottom:20px}.main-nav{font-size:13px;gap:20px}.wordmark{font-size:18px}.hero-intro{gap:24px}.hero-editorial h1{font-size:56px;letter-spacing:-.05em}.hero-deck{font-size:16px;margin-bottom:24px}.hero-editorial .eyebrow{font-size:10px}.showcase-image{height:380px}.showcase-caption{padding:16px}.showcase-caption>div>span:last-child{font-size:12px}.hero-footnote{margin-top:24px;gap:12px;font-size:11px}.hero-actions{display:grid;justify-content:start}.hero-actions .button{min-height:44px}.story-section{grid-template-columns:1fr 1fr;gap:32px}.prose{font-size:16px}.tea-note{padding-left:24px}.tea-note dl{grid-template-columns:1fr;gap:16px}.tea-note .tea-name{font-size:26px}.looks-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}.look-image{height:320px}.section-space{padding-top:48px;margin-bottom:48px}.section-heading{gap:24px}.section-heading h2{font-size:36px}.view-switch button{padding:8px 12px}.clean-section{gap:24px}.clean-pair img{height:240px}.videos-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}.related-image{height:240px}.related-card>svg{top:258px}.hero-dialog{width:calc(100vw - 32px);max-height:calc(100dvh - 32px)}.hero-dialog[open]{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.dialog-visual{min-height:460px;height:70dvh;padding:16px}.dialog-copy{padding:64px 20px 24px}.dialog-copy h2{font-size:28px}.dialog-copy .view-switch button{padding:8px 10px;font-size:11px}.dialog-copy>.prose{font-size:13px}.dialog-pagination{padding-top:24px}}
@media(max-width:620px){html{scroll-padding-top:24px}.shell,.header-inner{padding-left:20px;padding-right:20px}.header-inner{gap:16px;padding-top:16px;padding-bottom:16px;min-height:72px;flex-wrap:wrap}.wordmark{font-size:17px}.wordmark svg{width:20px;height:24px}.main-nav{gap:16px;margin-left:auto;font-size:12px}.language-nav{gap:0;font-size:10px;margin-left:0}.language-nav a{padding:7px 5px;min-width:28px}.breadcrumbs{font-size:10px;gap:8px;padding:20px 0 8px}.hero-intro{grid-template-columns:1fr;gap:24px;padding:16px 0 32px}.hero-editorial{padding:0}.hero-editorial h1{font-size:clamp(52px,14vw,72px);line-height:1;max-width:100%;margin:16px 0;letter-spacing:-.05em}.hero-editorial .eyebrow{margin-bottom:0}.hero-deck{font-size:16px;max-width:40ch;margin-bottom:24px}.hero-actions{display:flex;gap:8px}.hero-actions .button{font-size:12px;padding:12px 16px;gap:8px}.hero-actions .button svg{width:17px;height:17px}.hero-footnote{margin-top:20px;font-size:11px;gap:16px}.hero-footnote b{font-size:14px}.hero-showcase{border-radius:42% 42% 20px 20px}.showcase-image{height:360px;padding:16px 24px 0}.showcase-caption{padding:12px 20px 20px}.showcase-number{bottom:88px;font-size:100px;left:24px}.showcase-caption>div>span:last-child{font-size:13px}.section-nav{gap:24px 20px;font-size:12px;padding:20px 0}.section-nav a>span{font-size:10px}.section-space{padding-top:40px;margin-bottom:40px}.story-section{grid-template-columns:1fr;gap:32px}.story-text h2{font-size:36px;margin-bottom:20px}.prose{font-size:15px;line-height:1.75}.tea-note{border-left:0;border-top:1px solid var(--line);padding:24px 0 0}.tea-note-icon{top:24px}.tea-note .tea-name{font-size:28px}.tea-note dl{grid-template-columns:1fr 1fr;gap:24px}.section-heading{align-items:start;flex-direction:column;gap:20px;margin-bottom:24px}.section-heading h2{font-size:36px}.section-heading .eyebrow{font-size:10px;margin-bottom:8px}.section-count{font-size:12px}.view-switch{width:auto}.view-switch button{padding:8px 16px;min-height:36px}.looks-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.look-topline{top:12px;left:12px;right:12px;font-size:9px}.look-topline>span:first-child span{margin:0 2px}.secret-label{font-size:9px}.secret-label svg{display:none}.look-stage{border-radius:16px}.look-image{height:220px;padding:32px 8px 4px}.look-images[data-view-state=pair]{gap:0}.look-stage-bottom{padding:0 8px 8px;min-height:36px}.look-view-label{font-size:9px}.icon-button{width:28px;height:28px}.icon-button svg{width:15px;height:15px}.look-copy{padding:12px 0 0}.look-copy h3{font-size:21px;margin-bottom:8px;line-height:1.18;overflow-wrap:anywhere}.look-copy>p{font-size:12px;line-height:1.6;margin-bottom:12px;-webkit-line-clamp:3}.look-foot{font-size:10px;gap:8px}.look-tea{font-size:10px}.look-tea svg{width:12px;height:12px}.look-foot .text-action{font-size:10px;gap:4px}.look-foot .text-action svg{width:14px;height:14px}.expand-corner{display:none}.clean-section{grid-template-columns:1fr;gap:24px}.clean-copy h2{font-size:36px}.clean-copy .button{margin-top:20px}.clean-pair{padding:20px 12px}.clean-pair img{height:250px}.clean-pair span{margin-top:12px;font-size:10px}.videos-grid{grid-template-columns:1fr;gap:20px}.video-poster{height:280px}.video-caption{padding:16px;font-size:14px}.related-grid{gap:24px 16px}.related-image{height:190px;padding:12px;margin-bottom:12px;border-radius:16px}.related-copy strong{font-size:23px}.related-copy>span{font-size:11px}.related-card>svg{top:204px;width:16px;height:16px}.hero-neighbors{padding:24px 0 40px;gap:20px}.hero-neighbor{gap:8px}.hero-neighbor strong{font-size:22px}.hero-neighbor small{font-size:9px}.hero-neighbor svg{width:18px;height:18px}.footer-inner{padding-top:32px;padding-bottom:32px;align-items:start;gap:24px;flex-direction:column}.footer-inner p{font-size:12px;margin-top:12px}.hero-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:20px}.hero-dialog[open]{display:block}.dialog-visual{height:49dvh;min-height:300px;padding:24px 16px 8px}.dialog-copy{padding:24px}.dialog-copy h2{font-size:30px;margin-bottom:20px}.dialog-copy .eyebrow{font-size:10px}.dialog-copy>.prose{font-size:14px;margin-bottom:20px}.dialog-copy #dialog-switch{margin-bottom:20px}.dialog-copy .view-switch button{padding:8px 16px;font-size:12px}.dialog-pagination{padding-top:24px;margin-top:0}.dialog-close{right:12px;top:12px;width:40px;height:40px}.dialog-visual model-viewer{min-height:280px}.hero-dialog.is-media .dialog-pagination{display:none}}
@media(max-width:380px){.header-inner{gap:8px}.main-nav{gap:12px}.wordmark{font-size:15px}.wordmark svg{width:18px}.language-nav{font-size:9px}.language-nav a{min-width:24px;padding:6px 4px}.shell,.header-inner{padding-left:16px;padding-right:16px}.hero-actions .button{font-size:11px;padding:12px 14px}.look-image{height:200px}.look-copy h3{font-size:20px}.showcase-image{height:330px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.look-image:hover img,.showcase-image:hover img,.related-card:hover img,.button.primary:hover{transform:none}}
@media print{.site-header,.hero-actions,.section-nav,.view-switch,.icon-button,.expand-corner,.look-foot .text-action,.hero-dialog,.site-footer,.hero-neighbors{display:none!important}.shell{padding:0 20px}.hero-intro{gap:24px}.showcase-image{height:300px}.looks-grid{grid-template-columns:repeat(3,1fr)}.look-image{height:240px}.look-card{break-inside:avoid}.section-space{padding-top:32px;margin-bottom:32px}.clean-pair img{height:200px}}

html{scrollbar-gutter:stable}.footer-links{display:flex;gap:24px;flex-wrap:wrap}.main-nav a[aria-current]{border-color:var(--ink)}@media(max-width:620px){.main-nav{order:3;width:100%;justify-content:center;margin:4px 0 0;padding-top:12px;border-top:1px solid var(--line)}.language-nav{margin-left:auto}.header-inner{gap:12px 16px}.footer-links{gap:20px}}

[hidden]{display:none!important}.eyebrow a:hover{text-decoration:underline;text-underline-offset:4px}@media(max-width:620px){.look-tea{font-size:11px}}

.hero-editorial h1.is-long-name{font-size:clamp(40px,4.8vw,68px);max-width:20ch;line-height:1.08;letter-spacing:-.04em}@media(max-width:620px){.hero-editorial h1.is-long-name{font-size:40px;max-width:100%;line-height:1.1}}

/* Tea-only profiles keep the tea context without an empty story column. */
.story-section.is-story-only,.story-section.is-tea-only{display:block}.story-section.is-tea-only .tea-note{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr);gap:48px;background:var(--surface);border:0;border-radius:24px;padding:32px}.tea-note-heading{position:relative}.is-tea-only .tea-note-icon{right:8px;top:0}.is-tea-only .tea-note .tea-name{margin-bottom:0}.is-tea-only .tea-note-body:empty{display:none}.is-tea-only .tea-note dl:first-child{margin-top:0}@media(max-width:620px){.story-section.is-tea-only .tea-note{grid-template-columns:1fr;gap:24px;padding:24px}.is-tea-only .tea-note .tea-name{font-size:28px}.is-tea-only .tea-note-icon{top:0}}

/* Public cultural context, independent of character anatomy. */
.context-section{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr);gap:48px;border-top:1px solid var(--line)}.context-section .eyebrow{color:var(--muted);margin-bottom:12px}.context-section h2{font-size:30px;line-height:1.2;margin:0}.context-copy{max-width:72ch}.context-sources{margin-top:20px;font-size:12px}.context-sources:first-child{margin-top:0}.context-sources summary{cursor:pointer;display:flex;gap:10px;align-items:center;list-style:none;padding:10px 0;width:fit-content;border-bottom:1px solid var(--line)}.context-sources summary:before{content:"+";font-size:18px;line-height:1}.context-sources[open] summary:before{content:"−"}.context-sources summary::-webkit-details-marker{display:none}.context-sources summary span{color:var(--muted);font-size:11px}.context-sources ul{list-style:none;margin:12px 0 0;padding:0}.context-sources li+li{margin-top:10px}.context-sources a{display:inline-flex;gap:8px;align-items:center;line-height:1.6;color:var(--muted);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}.context-sources a:hover{color:var(--ink)}.context-sources svg{width:14px;height:14px;flex-shrink:0}@media(max-width:620px){.context-section{grid-template-columns:1fr;gap:20px}.context-section h2{font-size:28px}}