/* Editorial product experience. Black and white chapters, restrained red label accent. */
:root{--paper:#f5f5f3;--ink:#1d1d1f;--muted:#757578;--red:#b82f32;--ease:cubic-bezier(.16,1,.3,1);--nav-h:68px;--wrap:1180px;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Microsoft YaHei","Segoe UI",sans-serif;color-scheme:light}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:84px;-webkit-text-size-adjust:100%}body{margin:0;background:#000;color:#fff;-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:clip}body.is-locked{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;border:0;background:none;color:inherit;cursor:pointer}
/* Custom pointer art supplied by the client. Hot spot is the bottle mouth at the image centre-top.
   The url() values are written literally: Chromium drops url() when it arrives through a var(),
   which silently falls back to the system arrow. Touch-only devices keep native behaviour. */
@media (hover:hover) and (pointer:fine){
  body{cursor:url("assets/cursor/cursor-48.png") 24 4,url("assets/cursor/cursor-32.png") 16 3,auto}
  .loader{cursor:url("assets/cursor/cursor-48.png") 24 4,url("assets/cursor/cursor-32.png") 16 3,auto}
  a,button,summary,label,[data-buy],[data-scroll],.scroll-cue,.hero-title{cursor:url("assets/cursor/cursor-48.png") 24 4,url("assets/cursor/cursor-32.png") 16 3,pointer}
  /* Keep the honest "unavailable" affordance on the not-yet-configured purchase button. */
  .button--disabled,[disabled],[disabled] *{cursor:not-allowed}
}img,canvas{display:block;max-width:100%}img{width:100%;height:100%;object-fit:cover}h1,h2,h3,p,figure{margin:0}h2{font-size:clamp(38px,5.2vw,72px);font-weight:650;line-height:1.22;letter-spacing:-.045em}h2>span{color:#86868b}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #b82f32;outline-offset:7px}::selection{background:#b82f32;color:#fff}.container{width:min(calc(100% - 112px),var(--wrap));margin:auto}.eyebrow{display:block;font-size:11px;font-weight:500;letter-spacing:.2em;line-height:1.6;color:#95959b}.muted{font-size:16px;line-height:1.9;color:var(--muted)}.fine-print{font-size:10px;line-height:1.8;color:#7b7b80}.filter-defs{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;top:8px;left:8px;padding:12px 20px;z-index:10000;background:#fff;color:#000;transform:translateY(-150%)}.skip-link:focus{transform:none}.text-link{display:inline-flex;align-items:center;gap:20px;font-size:12px;font-weight:500;padding:7px 0;white-space:nowrap}.text-link span{font-size:17px;transition:transform .4s var(--ease)}.text-link:hover span{transform:translate(3px,-3px)}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:46px;padding:12px 24px;border:1px solid transparent;border-radius:100px;background:#fff;color:#171719;font-size:12px;font-weight:600;position:relative;isolation:isolate;overflow:hidden;transition:transform .45s var(--ease),box-shadow .45s}.button::after{content:"";position:absolute;inset:-80% auto -80% -70%;width:40%;background:linear-gradient(110deg,transparent,rgba(169,197,214,.7),rgba(255,255,255,.85),transparent);transform:skewX(-22deg);transition:left .75s var(--ease);pointer-events:none}.button:hover::after{left:150%}.button:hover{transform:translateY(-2px)}.button--small{min-height:32px;padding:6px 20px;font-size:11px}.button--disabled{background:#e8e8e8;color:#777;cursor:not-allowed;font-weight:400;min-width:100%}.button--disabled:hover{transform:none}.button--disabled::after{display:none}
/* Initial loading is honest: all sequence requests are resolved before reveal. */
.loader{position:fixed;inset:0;background:#000;z-index:9999;display:grid;place-items:center}.loader__inner{width:min(330px,80vw)}.loader .eyebrow{margin-bottom:24px}.loader__word{font-size:38px;letter-spacing:-.04em;font-weight:500;margin-bottom:50px}.loader__bar{height:1px;background:#242427;overflow:hidden}.loader__bar span{display:block;width:0;height:100%;background:#fff;transition:width .15s linear}.loader__meta{display:flex;justify-content:space-between;gap:12px;margin-top:16px;font-size:10px;color:#888}.loader__meta>span:last-child{color:#ccc;font-variant-numeric:tabular-nums}.loader__continue{margin-top:20px;color:#ccc}.loader.is-done{display:none}[hidden]{display:none!important}
/* A single compact glass navigation; the active chapter controls its tone. */
.nav{position:fixed;inset:0 0 auto;z-index:100;height:var(--nav-h);background:rgba(0,0,0,.63);backdrop-filter:blur(20px) saturate(130%);-webkit-backdrop-filter:blur(20px) saturate(130%);border-bottom:1px solid rgba(255,255,255,.09);color:#fff;transition:background .4s,color .4s,border-color .4s}.nav__inner{width:min(calc(100% - 80px),1360px);height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:25px}.wordmark{display:inline-flex;align-items:center;gap:14px;white-space:nowrap}.wordmark__brand{font-family:"KaiTi","STKaiti",serif;font-size:22px;font-weight:bold;letter-spacing:-.1em}.wordmark b{font-size:14px;font-weight:550;letter-spacing:.04em}.wordmark__divider{height:17px;width:1px;background:currentColor;opacity:.25}.nav__links{display:flex;gap:32px;align-items:center;margin-left:auto;margin-right:30px}.nav__links a{font-size:11px;color:#a0a0a5;position:relative;padding:8px 0;transition:color .3s}.nav__links a::after{content:"";height:1px;position:absolute;bottom:0;left:0;right:0;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .35s}.nav__links a:hover,.nav__links a.is-active{color:inherit}.nav__links a.is-active::after{transform:scaleX(1)}.nav__actions{display:flex;align-items:center;gap:14px}.nav.is-light{color:var(--ink);background:rgba(250,250,248,.8);border-color:rgba(0,0,0,.08)}.nav.is-light .button{background:var(--ink);color:#fff}.nav.is-light .nav__links a{color:#6d6d70}.nav.is-light .nav__links a.is-active{color:var(--ink)}.nav__progress{position:absolute;bottom:-1px;left:0;right:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;opacity:.5}.burger{width:36px;height:36px;display:none;position:relative}.burger span{position:absolute;left:7px;width:22px;height:1px;background:currentColor;transition:transform .3s,top .3s}.burger span:first-child{top:14px}.burger span:last-child{top:21px}.nav.is-open .burger span:first-child{top:18px;transform:rotate(45deg)}.nav.is-open .burger span:last-child{top:18px;transform:rotate(-45deg)}
/* Scroll tracks own their sticky children; no negative spacer or document-wide pinning. */
.hero-track{height:270vh;position:relative;background:#000}.pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}.hero{background:#000;isolation:isolate}.hero-copy{position:absolute;z-index:3;left:max(6vw,calc((100vw - 1180px)/2));top:50%;width:42%;transform:translateY(-47%)}.hero-copy>.eyebrow{margin-bottom:28px;color:#929298}.hero-title{display:flex;gap:.01em;font-size:clamp(80px,9.3vw,144px);font-weight:650;letter-spacing:-.09em;line-height:1.22;margin-left:-.02em;filter:url(#waterRipple);width:max-content}.hero-title>span{display:inline-block}.hero-tagline{font-size:clamp(20px,2vw,28px);font-weight:500;letter-spacing:-.03em;margin-top:18px}.hero-description{font-size:14px;line-height:1.9;color:#99999e;margin-top:25px}.hero-buttons{margin-top:32px;display:flex;align-items:center;gap:27px}.hero-buttons .text-link{color:#bebec3}.hero-buttons .button{padding:13px 22px;gap:18px}.hero-visual{position:absolute;left:35%;right:-3%;top:15%;bottom:12%;z-index:1;will-change:transform}.hero-float,.hero-parallax{width:100%;height:100%;position:relative}.hero-parallax{transform-style:preserve-3d;will-change:transform}.hero-float{will-change:transform}.sequence-fallback{position:absolute;inset:0;object-fit:contain;background:#000}.hero canvas,.splash canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;visibility:hidden}.hero-after{position:absolute;left:0;right:0;top:17%;z-index:5;text-align:center;opacity:0;transform:translateY(20px);pointer-events:none}.hero-after p{font-size:clamp(24px,3vw,42px);font-weight:500;margin-top:10px;letter-spacing:-.04em}.hero-bottom{position:absolute;bottom:30px;left:6vw;right:6vw;display:flex;align-items:center;justify-content:space-between;z-index:4;font-size:10px;color:#9b9ba0;letter-spacing:.05em}.hero-bottom__label{width:30%}.hero-bottom__index{font-variant-numeric:tabular-nums;font-size:12px;width:30%;text-align:right;color:#e0e0e3}.hero-bottom__index i{font-style:normal;margin:0 8px;color:#555}.scroll-cue{display:flex;align-items:center;gap:18px}.scroll-cue i{font-style:normal;font-size:18px;color:#fff}.hero-wipe{position:absolute;inset:0;z-index:6;background:var(--paper);clip-path:inset(100% 0 0);pointer-events:none}
/* Pure: sparse type, one honest macro photograph, words filled by scroll. */
.pure-track{height:210vh;background:var(--paper);color:var(--ink)}.pure{background:var(--paper)}.pure-layout{height:100%;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;padding:106px 0 105px}.pure-copy .eyebrow{margin-bottom:38px;color:#79797d}.pure-copy h2{font-size:clamp(50px,6.6vw,91px);line-height:1.2;font-weight:600;letter-spacing:-.055em}.ink-line{display:block;width:max-content;position:relative;color:#d4d4d5!important;background:linear-gradient(90deg,#1d1d1f 0%,#1d1d1f calc(var(--ink-progress,0)*100%),#d4d4d5 calc(var(--ink-progress,0)*100%),#d4d4d5 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.pure-lead{font-size:20px;margin:32px 0 16px;font-weight:500;letter-spacing:-.02em}.pure-copy .muted{font-size:14px}.chapter-caption{display:flex;align-items:center;gap:16px;margin-top:44px;font-size:11px;color:#7b7b80}.chapter-caption i{width:30px;height:1px;background:#a1a1a5}.pure-photo{position:relative;height:min(64vh,590px);width:100%;max-width:460px;justify-self:end;overflow:hidden;border-radius:3px;clip-path:inset(12% 8% 12% 8% round 3px);will-change:clip-path,transform}.pure-photo img{object-position:47% 60%;filter:contrast(1.035);height:110%;position:absolute;top:-5%}.pure-photo figcaption{position:absolute;bottom:23px;left:23px;right:23px;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:.1em;color:#fff;mix-blend-mode:difference}.chapter-foot{position:absolute;left:0;right:0;bottom:29px;display:flex;justify-content:space-between;font-size:10px;color:#86868b}.chapter-foot i{font-style:normal;margin-left:24px;color:#434346;font-variant-numeric:tabular-nums}
/* Craft: 135 -> 25 is a conceptual scroll illustration, not a measured cooling chart. */
.craft-track{height:300vh;background:#fff;color:var(--ink)}.craft{background:#fff}.craft-layout{height:100%;display:grid;grid-template-columns:1.15fr 1fr;gap:9%;align-items:center;padding:96px 0 90px}.craft-copy .eyebrow{margin-bottom:23px;color:#79797e}.craft-copy h2{font-size:clamp(30px,3.2vw,45px);line-height:1.35;letter-spacing:-.045em}.craft-copy h2 span{color:#848489}.temperature{font-size:clamp(90px,12.5vw,178px);font-weight:500;letter-spacing:-.09em;line-height:1.08;margin:28px 0 20px;font-variant-numeric:tabular-nums;color:var(--red)}.temperature small{font-size:.23em;letter-spacing:-.04em;vertical-align:top;display:inline-block;margin-top:.38em;margin-left:10px;font-weight:450}.temp-scale{height:1px;position:relative;background:#ddd;width:90%}.temp-scale>div{height:100%;background:var(--red);width:100%;transform-origin:left}.temp-scale>i{position:absolute;left:100%;top:-3px;width:7px;height:7px;border-radius:50%;background:var(--red);transform:translateX(-50%)}.temp-labels{display:flex;justify-content:space-between;font-size:9px;margin-top:12px;color:#96969b;width:90%}.craft-state{font-size:14px;font-weight:600;margin-top:29px}.craft-desc{font-size:13px;line-height:1.8;color:#8b8b8f;margin-top:12px}.craft-copy .fine-print{max-width:365px;margin-top:22px;font-size:9px}.craft-visual{position:relative;height:min(69vh,670px);border-radius:3px;overflow:hidden;will-change:transform}.craft-photo{position:absolute;inset:0;background:#dfdeda}.craft-photo--warm img{object-position:48% 63%;filter:saturate(.65)}.craft-photo--clear{clip-path:circle(0% at 50% 65%)}.craft-photo--clear img{object-position:55% 50%;filter:contrast(1.07)}.photo-label{position:absolute;left:25px;bottom:23px;font-size:10px;letter-spacing:.04em;color:#fff;mix-blend-mode:difference}.process-disc{position:absolute;left:50%;top:50%;width:190px;height:190px;transform:translate(-50%,-50%);opacity:0;color:#fff;mix-blend-mode:difference;pointer-events:none}.process-disc__ring{position:absolute;inset:0;border:1px solid currentColor;border-radius:50%;transform:rotateX(50deg) rotate(-25deg)}.process-disc__ring--2{transform:rotateY(50deg) rotate(45deg)}.process-disc__dot{width:6px;height:6px;position:absolute;top:24px;left:32px;background:currentColor;border-radius:50%}.process-disc__text{position:absolute;inset:0;display:grid;place-content:center;text-align:center;font-size:9px;font-weight:500;letter-spacing:.25em}.craft-curtain{position:absolute;inset:0;background:#000;z-index:7;clip-path:inset(100% 0 0);pointer-events:none}
/* High point: original sequence is contained, never stretched to cover a viewport. */
.splash-track{height:310vh;background:#000}.splash{background:#000;isolation:isolate}.splash-heading{position:absolute;z-index:3;top:calc(var(--nav-h) + 33px);left:6vw;right:6vw;text-align:center}.splash-heading .eyebrow{margin-bottom:15px}.splash-heading h2{font-size:clamp(35px,4.4vw,64px);line-height:1.2;font-weight:600;letter-spacing:-.04em}.splash-heading h2 span{margin-left:18px;color:#89898e}.splash-visual{position:absolute;width:min(1000px,90vw);height:64vh;left:50%;top:53%;transform:translate(-50%,-50%);will-change:transform}.splash-caption{position:absolute;z-index:3;right:max(6vw,calc((100vw - 1180px)/2));bottom:21%;text-align:right;opacity:0}.splash-caption>span{font-size:20px;font-weight:500}.splash-caption p{font-size:11px;color:#919197;margin-top:13px;line-height:1.9}.splash-bottom{position:absolute;bottom:30px;left:0;right:0;display:flex;align-items:center;gap:30px;color:#96969c;font-size:10px;font-variant-numeric:tabular-nums}.splash-bottom>span:first-child{min-width:150px}.splash-bottom>span:last-child{min-width:80px;text-align:right}.sequence-progress{flex:1;height:1px;background:#27272a}.sequence-progress i{display:block;height:100%;width:100%;background:#97979c;transform:scaleX(0);transform-origin:left}
/* Editorial photography; generous whitespace is part of the story. */
.everyday{padding:140px 0 100px;background:var(--paper);color:var(--ink)}.everyday-heading{max-width:760px;margin-bottom:75px}.everyday-heading .eyebrow{margin-bottom:30px;color:#7b7b80}.everyday-heading h2{font-size:clamp(37px,5.1vw,69px)}.everyday-heading .muted{font-size:14px;margin-top:27px}.life-grid{display:grid;grid-template-columns:1fr 1.12fr;align-items:start;gap:75px}.life-card{position:relative}.life-card__image{overflow:hidden;border-radius:3px;position:relative;background:#d7d7d7}.life-card img{height:115%;position:absolute;top:-7%;will-change:transform}.life-card--morning .life-card__image{height:610px}.life-card--morning img{object-position:50% 65%}.life-card--pour{margin-top:165px}.life-card--pour .life-card__image{height:390px}.life-card--pour img{object-position:52% 70%;filter:saturate(.35)}.life-card figcaption{margin-top:26px}.life-card figcaption>span{font-size:9px;color:#929296;letter-spacing:.13em}.life-card h3{font-size:29px;line-height:1.35;font-weight:550;letter-spacing:-.03em;margin-top:12px}.everyday-note{margin-top:110px;display:flex;align-items:center;justify-content:space-between;padding-top:38px;border-top:1px solid #d6d6d7}.everyday-note>.wordmark__brand{font-size:31px}.everyday-note p{font-size:23px;line-height:1.55;color:#8a8a8d;letter-spacing:-.03em;margin-right:auto;margin-left:90px}.everyday-note b{color:#333;font-weight:550}.everyday-note .text-link{align-self:end}
.finale{position:relative;background:#000;overflow:hidden;isolation:isolate;padding:100px 0 90px}.finale-light{position:absolute;inset:0;opacity:.1;z-index:-2;overflow:hidden;mask-image:linear-gradient(transparent,#000 25%,#000 65%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 25%,#000 65%,transparent)}.finale-light img{filter:grayscale(1) contrast(2);object-position:50% 85%;height:120%;position:absolute;top:-10%}.finale-inner{display:grid;grid-template-columns:1.25fr 1fr;gap:6%;align-items:center;min-height:560px}.finale-product{height:460px;overflow:hidden;background:#000}.finale-product img{object-fit:contain;mask-image:radial-gradient(ellipse 65% 62% at 50% 50%,#000 58%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 65% 62% at 50% 50%,#000 58%,transparent 100%)}.finale-copy>.eyebrow{margin-bottom:30px}.finale-copy h2{font-size:clamp(38px,4.5vw,63px);line-height:1.3;letter-spacing:-.045em}.finale-copy>p:not(.eyebrow){font-size:13px;color:#929298;line-height:1.9;margin-top:26px}.finale-copy .button{margin-top:32px}.finale-note{display:block;font-size:10px;color:#626268;margin-top:21px}.button--breath{animation:breathe 4.5s ease-in-out infinite}@keyframes breathe{0%,100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}50%{box-shadow:0 0 22px 1px rgba(255,255,255,.12)}}
/* 小水理论：与既有章节同样的留白节奏，靠字号与分隔线分层，不使用卡片堆叠。 */
.theory{padding:140px 0 92px;background:#fff;color:var(--ink)}
.theory-head{max-width:900px;margin-bottom:58px}
.theory-head .eyebrow{margin-bottom:28px;color:#7b7b80}
.theory-head h2{font-size:clamp(38px,5.4vw,74px);font-weight:600;letter-spacing:-.05em;line-height:1.2}
.theory-head h2 em{font-style:normal;color:#b82f32}
.theory-lead{font-size:clamp(17px,1.65vw,21px);font-weight:300;line-height:1.95;color:#3f3f43;max-width:830px;letter-spacing:-.01em}
.theory-pull{margin-top:80px;padding:52px 0;border-top:1px solid #dcdcde;border-bottom:1px solid #dcdcde}
.theory-pull p{font-size:clamp(25px,3.4vw,45px);font-weight:550;line-height:1.45;letter-spacing:-.045em;color:#1d1d1f}
.theory-pull p span{color:#a3a3a8}
/* 两栏：左侧三栏文字，右侧两张产品图。原来文字占满整行而右侧留白，图片补进这块空缺。
   图片用 contain 而非裁切，保证瓶身和箱体不被切掉；白底产品图已抠成透明，直接落在白章节上。 */
.theory-layout{display:grid;grid-template-columns:1.62fr 1fr;gap:clamp(34px,4.6vw,72px);margin-top:80px;align-items:start}
.theory-body{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,2.6vw,40px);margin-top:0}
.theory-shots{display:grid;gap:20px}
.theory-shot{margin:0}
.theory-shot img{display:block;width:100%;height:auto;filter:drop-shadow(0 16px 32px rgba(0,0,0,.12))}
.theory-shot--wide img{max-height:270px;object-fit:contain}
.theory-shot figcaption{margin-top:12px;display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-top:10px;border-top:1px solid #e4e4e6}
.theory-shot figcaption b{font-size:13px;font-weight:600;letter-spacing:-.02em;color:#2a2a2e}
.theory-shot figcaption em{font-style:normal;font-size:9px;letter-spacing:.05em;color:#9a9a9f}
.theory-col__no{display:block;font-size:10px;letter-spacing:.2em;color:#a0a0a5;font-variant-numeric:tabular-nums}
.theory-col h3{font-size:19px;font-weight:600;letter-spacing:-.02em;margin:18px 0 15px;padding-top:18px;border-top:1px solid #e2e2e4}
.theory-col p{font-size:13.5px;font-weight:300;line-height:2.05;color:#6e6e73}
.theory-quiet{margin-top:86px;display:flex;align-items:center;gap:26px}
.theory-quiet::before{content:"";width:58px;height:1px;background:#b82f32;flex:0 0 auto}
.theory-quiet span{font-size:clamp(15px,1.5vw,19px);font-weight:500;letter-spacing:-.02em;color:#333336}
.theory-note{margin-top:58px;font-size:10px;line-height:1.85;color:#94949a;max-width:760px}
/* 代言人：回到深色，让海报成为唯一光源。文案承担趣味，版式保持克制。 */
.ambassador{position:relative;padding:130px 0 104px;background:#000;color:#fff;isolation:isolate;overflow:hidden}
.ambassador-glow{position:absolute;inset:0;z-index:-1;pointer-events:none;background:
  radial-gradient(ellipse 58% 52% at 26% 34%,rgba(120,160,190,.13),transparent 68%),
  radial-gradient(ellipse 44% 44% at 82% 74%,rgba(184,47,50,.1),transparent 70%)}
.ambassador-head{max-width:940px;margin-bottom:76px}
.ambassador-head .eyebrow{margin-bottom:28px;color:#8e8e94;letter-spacing:.22em}
.ambassador-head h2{font-size:clamp(38px,5.4vw,74px);font-weight:600;letter-spacing:-.05em;line-height:1.24}
.ambassador-head h2 b{font-weight:650;color:#fff;position:relative;white-space:nowrap}
.ambassador-head h2 b::after{content:"";position:absolute;left:0;right:0;bottom:.1em;height:.055em;background:var(--red);opacity:.85}
.ambassador-head h2>span{color:#87878d}
.ambassador-body{display:grid;grid-template-columns:1.32fr 1fr;gap:clamp(34px,5vw,78px);align-items:start}

/* 三图组：主视觉 + 两张补充图。整组放在一个有透视的舞台里，
   每张图持有自己的 data-depth，指针移动时按系数轻微位移与旋转，
   形成分层的 3D 视差。位移全部由 app.js 写入 transform，CSS 只负责静止状态。 */
.ambassador-stack{position:relative;perspective:1400px;perspective-origin:50% 45%}
/* NOTE: no will-change:transform here. Promoting the figure to its own compositing
   layer freezes any animated image inside it in Chromium (the dribble loop stopped
   advancing). The transform is short and cheap, so it does not need the hint. */
.ambassador-stack figure{margin:0}
.ambassador-stack.is-live figure{transition:transform .55s var(--ease)}
.ambassador-poster{position:relative;overflow:hidden;border-radius:4px;background:#141416;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 30px 70px rgba(0,0,0,.5)}
.ambassador-poster img{display:block;width:100%;height:auto;object-fit:cover}
.ambassador-poster__cap{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;font-size:8.5px;letter-spacing:.13em;color:rgba(255,255,255,.72);background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.62))}
.ambassador-pair{margin-top:16px;display:grid;grid-template-columns:1fr 1.16fr;gap:16px;align-items:end}
.ambassador-tile{border-radius:4px}
.ambassador-tile__stage{position:relative;display:grid;place-items:center;overflow:hidden;border-radius:4px;background:#111113;box-shadow:inset 0 0 0 1px rgba(255,255,255,.09)}
.ambassador-tile__stage img{display:block;width:100%;height:auto}
/* Slight over-scale so the loop's edge creep never shows a seam. This must live on the
   stage, NOT on the img: a non-identity transform on an animated image promotes it to a
   compositing layer where Chromium stops advancing the animation (verified by screenshot
   diffing — the loop froze in-page but played fine standalone). */
.ambassador-tile--motion .ambassador-tile__stage{overflow:hidden}
.ambassador-tile--motion .ambassador-tile__stage img{transform:none}
/* 静止的暗角，让两张小图在黑底上落到同一层次，不会浮起来。 */
.ambassador-tile__stage::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 42px 6px rgba(0,0,0,.42)}
.ambassador-tile figcaption{margin-top:11px;display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.ambassador-tile figcaption b{font-size:11.5px;font-weight:600;letter-spacing:-.015em;color:#e8e8ec}
.ambassador-tile figcaption em{font-style:normal;font-size:8.5px;letter-spacing:.04em;color:#7f7f86;text-align:right}
.ambassador-copy{padding-top:6px}
.ambassador-lead{font-size:clamp(17px,1.75vw,22px);font-weight:400;line-height:1.85;letter-spacing:-.02em;color:#e6e6ea;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.14)}
.ambassador-lines{margin-top:30px}
.ambassador-lines p{font-size:13.5px;font-weight:300;line-height:2.05;color:#9d9da4}
.ambassador-lines p+p{margin-top:17px}
.ambassador-quote{margin-top:44px;padding:30px 0 30px 26px;border-left:2px solid var(--red)}
.ambassador-quote p{font-size:clamp(19px,2.05vw,27px);font-weight:550;letter-spacing:-.035em;line-height:1.5;color:#f4f4f6}
.ambassador-quote span{display:block;margin-top:13px;font-size:9.5px;letter-spacing:.13em;color:#77777e}
.ambassador-note{margin-top:38px;font-size:9.5px;line-height:1.95;color:#84848b;max-width:560px}
.ambassador-note b{color:#b6b6bd;font-weight:500}
.ambassador-strip{margin-top:92px;padding-top:36px;border-top:1px solid rgba(255,255,255,.13);display:flex;align-items:center;gap:24px}
.ambassador-strip span{font-size:clamp(15px,1.65vw,21px);font-weight:500;letter-spacing:-.025em;color:#d8d8dd}
.ambassador-strip span:last-of-type{color:#7a7a81}
.ambassador-strip i{flex:1;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.3),rgba(255,255,255,.05))}
/* 规格产品图：透明底，可落在任意章节底色上。 */
.format-shots{margin-top:78px;display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(24px,3.4vw,54px);align-items:end}
.format-shot{margin:0}
.format-shot__stage{display:grid;place-items:center;padding:34px 26px;border-radius:4px;background:#fbfbfa;border:1px solid #e4e4e6;min-height:300px}
.format-shot--dark .format-shot__stage{background:#0e0e10;border-color:#26262a}
.format-shot__stage img{width:auto;max-width:100%;height:auto;max-height:330px;object-fit:contain;filter:drop-shadow(0 18px 30px rgba(0,0,0,.13))}
.format-shot--dark .format-shot__stage img{filter:drop-shadow(0 18px 34px rgba(0,0,0,.6))}
.format-shot figcaption{margin-top:19px;display:flex;align-items:baseline;justify-content:space-between;gap:16px}
.format-shot figcaption b{font-size:15px;font-weight:600;letter-spacing:-.02em}
.format-shot figcaption span{font-size:10px;color:#96969b;letter-spacing:.05em}
.format-shot figcaption em{display:block;font-style:normal;font-size:10px;color:#ababb0;margin-top:6px}
/* 执行标准：鼠标悬浮在条款上，抽屉从下方拉出标准首页图。 */
.std{position:relative;display:inline-flex;align-items:center;gap:7px;border-bottom:1px dashed #c9c9cd;padding-bottom:1px}
.std__link{display:inline-flex;align-items:center;gap:7px;color:#b82f32;font-weight:600;letter-spacing:-.01em;text-decoration:none;border-radius:3px;padding:1px 3px;margin:-1px -3px;transition:background .3s var(--ease),color .3s}
.std__link:hover{background:rgba(184,47,50,.09)}
.std__hint{display:inline-flex;align-items:center;gap:4px;font-size:9px;font-weight:500;letter-spacing:.06em;color:#a3a3a8;padding:2px 7px;border:1px solid #d8d8db;border-radius:100px;white-space:nowrap;transition:color .3s,border-color .3s,background .3s}
.std:hover .std__hint,.std:focus-within .std__hint{color:#b82f32;border-color:rgba(184,47,50,.45);background:rgba(184,47,50,.06)}
.std__hint i{font-style:normal;transition:transform .4s var(--ease)}
.std:hover .std__hint i,.std:focus-within .std__hint i{transform:translateY(2px)}
/* 毛玻璃抽屉底：抽屉浮在正文之上，如果底色透，下面的段落会透上来跟图注打架。
   所以用半透明底 + backdrop-filter 模糊下层的正文，再叠一层纸色渐变提升对比，
   保证抽屉里的图片与文字始终落在干净的表面上。@supports 兜底给不支持模糊的浏览器。 */
.std-drawer{position:absolute;left:0;top:calc(100% + 12px);width:min(330px,86vw);z-index:40;
  background:linear-gradient(160deg,rgba(255,255,255,.94),rgba(246,246,247,.9));
  border:1px solid rgba(255,255,255,.7);border-radius:10px;padding:12px;
  box-shadow:0 26px 64px rgba(0,0,0,.28),0 2px 10px rgba(0,0,0,.1),inset 0 0 0 1px rgba(0,0,0,.05);
  -webkit-backdrop-filter:blur(22px) saturate(1.7);
  backdrop-filter:blur(22px) saturate(1.7);
  opacity:0;transform:translateY(-14px) scale(.97);transform-origin:top left;pointer-events:none;
  transition:opacity .42s var(--ease),transform .42s var(--ease)}
.std:hover .std-drawer,.std:focus-within .std-drawer{opacity:1;transform:none;pointer-events:auto}
/* 不透明兜底：没有 backdrop-filter 时，半透明底会让正文透上来，改用实色。 */
@supports not ((backdrop-filter:blur(2px)) or (-webkit-backdrop-filter:blur(2px))){
  .std-drawer{background:rgba(252,252,251,.985)}
}
.std-drawer__frame{display:block;position:relative;overflow:hidden;border-radius:5px;border:1px solid rgba(0,0,0,.08);background:#f4f4f5}
.std-drawer img{display:block;width:100%;height:auto;transition:transform .5s var(--ease)}
.std-drawer__frame:hover img{transform:scale(1.035)}
.std-drawer__cta{margin-top:11px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10.5px;font-weight:550;color:#b82f32;letter-spacing:-.005em}
.std-drawer__cta span{font-size:14px;transition:transform .4s var(--ease)}
.std-drawer__frame:hover+.std-drawer__cta span{transform:translate(3px,-3px)}
.std-drawer__src{margin-top:7px;font-size:8.5px;line-height:1.7;color:#8f8f96}
/* Wide variant: the UHT line render is 1.7 landscape, so the drawer needs room to stay legible.
   It opens down-right from the term, covering the empty space to its right rather than the
   information columns on its left. Width is capped two ways: an absolute max for legibility,
   and a viewport-aware max so the panel can never leave the right edge of the screen.
   `100vw - 8vw` approximates the container's left inset, keeping the drawer inside the page. */
.std--wide .std-drawer{width:min(660px,calc(100vw - 120px));left:-6px;right:auto;transform-origin:top left;top:calc(100% + 20px)}
.std--wide .std-drawer img{width:100%;height:auto}
.std--wide .std-drawer__frame{background:#fbfbfa;padding:10px}

/* 产品档案：中英双字的信息层级，靠细线分栏而非卡片，保持与全站一致的克制。 */
.spec{padding:132px 0 104px;background:var(--paper);color:var(--ink)}
.spec-block{position:relative}
.spec-head{max-width:880px;margin-bottom:74px}
.spec-head .eyebrow{margin-bottom:28px;color:#7b7b80;letter-spacing:.22em}
.spec-head h2{font-size:clamp(38px,5.4vw,74px);font-weight:600;letter-spacing:-.05em;line-height:1.2}
.spec-head h2>span{color:#9a9a9f}
.spec-lead{margin-top:30px;font-size:15px;font-weight:300;line-height:2;color:#5d5d62;max-width:640px}
.spec-block__no{display:block;font-size:9px;font-weight:500;letter-spacing:.22em;color:#a6a6ab;font-variant-numeric:tabular-nums}
.spec-block h3,.spec-sizes h3,.nutrition-head h3{font-size:17px;font-weight:600;letter-spacing:-.02em;margin:16px 0 20px;padding-top:16px;border-top:1px solid #dcdcde}
.spec-block h3 em,.spec-sizes h3 em,.nutrition-head h3 em{font-style:normal;font-weight:400;font-size:12px;letter-spacing:.06em;color:#a2a2a7;margin-left:6px}
.spec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(26px,3.4vw,52px)}
.spec-block__cn{font-size:14px;line-height:1.95;font-weight:450;color:#2c2c30;letter-spacing:-.01em}
.spec-block__en{font-size:11.5px;line-height:1.85;color:#8f8f95;margin-top:11px;letter-spacing:.005em}
.spec-note{margin-top:18px;font-size:10px;line-height:1.95;color:#9a9aa0}
/* 规格：五个数字并排，数字即版面。 */
.spec-sizes{margin-top:88px;padding-top:6px}
.spec-sizes__head{max-width:460px}
.size-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(12px,1.6vw,26px);border-top:1px solid #dcdcde}
.size-list li{display:flex;flex-direction:column;align-items:flex-start;padding:30px 0 0}
.size-list li+li{border-left:1px solid #e6e6e8;padding-left:clamp(12px,1.6vw,26px)}
.size-list b{font-size:clamp(30px,3.4vw,46px);font-weight:500;letter-spacing:-.055em;font-variant-numeric:tabular-nums;line-height:1}
.size-list span{font-size:11px;color:#8d8d93;margin-top:9px;letter-spacing:.1em;text-transform:uppercase}
.size-list i{font-style:normal;font-size:10px;color:#ababb0;margin-top:16px;letter-spacing:.02em}
.spec-sizes__note{max-width:560px}
/* 营养成分：表格化，左中文右英文，数值等宽对齐。 */
.spec-nutrition{margin-top:92px;max-width:820px}
.nutrition-head>p{margin-top:-8px}
.nutrition-unit{font-size:10px;letter-spacing:.14em;color:#a2a2a7;text-transform:uppercase;margin-bottom:22px!important}
.nutrition-table{width:100%;border-collapse:collapse;border-top:1px solid #cfcfd2}
.nutrition-table th,.nutrition-table td{padding:19px 0;border-bottom:1px solid #e2e2e4;text-align:left;vertical-align:middle}
.nutrition-table th{font-weight:400}
.nutrition-table th b{display:block;font-size:14px;font-weight:550;letter-spacing:-.01em;color:#26262a}
.nutrition-table th span{display:block;font-size:10px;letter-spacing:.1em;color:#9d9da3;margin-top:5px;text-transform:uppercase}
.nutrition-table td{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.nutrition-table td b{font-size:20px;font-weight:500;letter-spacing:-.03em;color:#1d1d1f}
.nutrition-table td i{font-style:normal;font-size:10px;color:#a3a3a8;margin-left:10px}
/* 关键事实：四个数字条目，呼应页脚之前的收束感。 */
.spec-facts{margin-top:92px;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(20px,2.6vw,40px);padding-top:42px;border-top:1px solid #dcdcde}
.spec-fact b{display:block;font-size:clamp(26px,2.8vw,38px);font-weight:500;letter-spacing:-.05em;font-variant-numeric:tabular-nums;line-height:1}
.spec-fact>span{display:block;font-size:11px;line-height:1.85;color:#76767b;margin-top:15px}
.spec-fact em{font-style:normal;color:#a8a8ad;font-size:10px;letter-spacing:.04em}
.spec-disclaimer{margin-top:70px;font-size:9.5px;line-height:1.95;color:#9c9ca2;max-width:800px}

/* 评论：中文与英文并置，语言差异本身成为版面节奏。 */
.voices{padding:132px 0 104px;background:#fff;color:var(--ink)}
.voices-head{max-width:760px;margin-bottom:70px}
.voices-head .eyebrow{margin-bottom:28px;color:#7b7b80;letter-spacing:.22em}
.voices-head h2{font-size:clamp(38px,5.2vw,70px);font-weight:600;letter-spacing:-.05em;line-height:1.2}
.voices-head h2>span{color:#9a9a9f}
.voices-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.voice{margin:0;padding:38px clamp(20px,2.4vw,34px) 40px;border-top:1px solid #e2e2e4;display:flex;flex-direction:column;justify-content:space-between;min-height:300px}
.voice:nth-child(3n+1){padding-left:0}
.voice:nth-child(3n){padding-right:0}
.voice:not(:nth-child(3n+1)){border-left:1px solid #e2e2e4}
.voice blockquote{margin:0;font-size:13.5px;line-height:2.05;color:#3a3a3f;font-weight:300;letter-spacing:-.005em}
.voice blockquote em{font-style:italic;color:#b82f32}
.voice--en blockquote{font-size:13px;line-height:2;color:#4a4a50;letter-spacing:.005em}
.voice--en blockquote::before{content:"“";display:block;font-size:34px;line-height:1;color:#cfcfd3;margin-bottom:14px;font-family:Georgia,serif}
.voice figcaption{margin-top:32px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:0 14px;align-items:center}
.voice figcaption>span{grid-row:1/3;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#ececee;color:#7d7d83;font-size:12px;font-weight:600}
.voice--en figcaption>span{background:#1d1d1f;color:#f0f0f2}
.voice figcaption b{font-size:11.5px;font-weight:600;letter-spacing:-.01em}
.voice figcaption i{font-style:normal;font-size:9.5px;color:#a2a2a8;margin-top:3px;letter-spacing:.03em}
.voices-note{margin-top:64px;font-size:9.5px;line-height:1.95;color:#9c9ca2;max-width:720px}

.faq-section{padding:100px 0 95px;background:var(--paper);color:var(--ink)}.faq-layout{display:grid;grid-template-columns:.85fr 1.25fr;gap:80px}.faq-layout .eyebrow{margin-bottom:22px;color:#8a8a8f}.faq-layout h2{font-size:36px;letter-spacing:-.04em}.faq-list{border-top:1px solid #d6d6d8}.faq-list details{border-bottom:1px solid #d6d6d8}.faq-list summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:14px;font-weight:500;padding:24px 0}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:21px;font-weight:300;transition:transform .3s}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details>p{font-size:12px;line-height:1.95;color:#828286;padding:0 40px 25px 0}.faq-list .text-link{margin-bottom:20px;font-size:11px}/* 作业声明：位于正文末尾、页脚之前，要足够醒目但不破坏全站的克制调性。
   深底白字把这一段从浅色页脚里托出来，字号按作业展示场景放大一档。 */
.credits{padding:76px 0 80px;background:#0e0e10;color:#fff;text-align:center}
.credits__label{font-size:10px;letter-spacing:.24em;color:#8b8b92;text-transform:uppercase}
.credits__main{margin-top:26px;font-size:clamp(23px,3.2vw,42px);font-weight:600;letter-spacing:-.04em;line-height:1.45;color:#fff}
.credits__by{margin-top:18px;font-size:clamp(16px,1.9vw,25px);font-weight:400;letter-spacing:-.01em;color:#b9b9c0}
.credits__by b{margin-left:6px;font-weight:650;color:var(--red);letter-spacing:.005em}
.footer{background:var(--paper);color:var(--ink);padding:10px 0 28px}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:37px 0;border-top:1px solid #d6d6d8;border-bottom:1px solid #d6d6d8}.footer-main nav{display:flex;gap:25px;align-items:center;font-size:10px;color:#77777c;margin-left:auto}.footer-main .text-link{font-size:10px;gap:8px}.back-top{width:35px;height:35px;display:grid;place-items:center;border:1px solid #d2d2d4;border-radius:50%;margin-left:25px;font-size:15px}.footer-disclaimer{margin-top:26px;font-size:9px;line-height:1.9;color:#8c8c91;max-width:850px}.footer-bottom{display:flex;justify-content:space-between;gap:24px;margin-top:18px;font-size:9px;color:#8c8c91}
/* No placeholder checkout. Native dialogs provide focus trapping, Escape and keyboard support. */
dialog{border:1px solid #dcdcdf;border-radius:22px;background:#f8f8f7;color:var(--ink);padding:49px 42px;width:min(540px,calc(100% - 32px));max-height:calc(100svh - 36px);overflow:auto;box-shadow:0 28px 100px rgba(0,0,0,.25)}dialog::backdrop{background:rgba(0,0,0,.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}dialog .eyebrow{margin-bottom:23px;color:#85858a}dialog h2{font-size:31px;line-height:1.35;letter-spacing:-.04em}dialog p:not(.eyebrow){font-size:12px;color:#7d7d82;line-height:1.9;margin-top:22px}.dialog-close{position:absolute;top:12px;right:14px;font-size:25px;font-weight:300;line-height:1;width:35px;height:35px;border-radius:50%;background:#ebebed;color:#717176}.purchase-product{margin:28px 0;display:flex;align-items:center;gap:18px;background:#eee;border-radius:11px;overflow:hidden}.purchase-product img{width:115px;height:100px;object-fit:contain;background:#000}.purchase-product b{font-size:12px;font-weight:550;display:block}.purchase-product span{font-size:9px;display:block;color:#8a8a90;margin-top:6px;padding-right:15px}dialog>.text-link{display:flex;margin:18px auto 0;width:max-content}.liquid-transition{position:fixed;inset:0;z-index:150;display:grid;place-items:center;pointer-events:none;visibility:hidden}.liquid-transition__drop{width:100%;height:100%;background:rgba(246,248,250,.72);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);clip-path:ellipse(0% 0% at 50% 50%);border:1px solid rgba(255,255,255,.55)}
/* Cursor spotlight: a soft lens that travels with the pointer, brightening and clarifying
   whatever sits underneath. Backdrop-filter and blend mode require a composited layer, so the
   element stays 1x1 and is moved with translate3d only. Never drawn on touch-only devices. */
.spotlight{position:fixed;left:0;top:0;width:0;height:0;z-index:120;pointer-events:none;opacity:0;transition:opacity .5s var(--ease);will-change:transform}
.spotlight__ring,.spotlight__dot{position:absolute;left:0;top:0;border-radius:50%;pointer-events:none}
.spotlight__ring{width:210px;height:210px;margin:-105px 0 0 -105px;transform:scale(1);transition:transform .5s var(--ease),opacity .5s var(--ease);
  background:radial-gradient(circle closest-side,rgba(255,255,255,.13),rgba(255,255,255,.05) 52%,rgba(255,255,255,0) 78%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.22),0 0 42px rgba(255,255,255,.1);
  backdrop-filter:brightness(1.3) saturate(1.12) blur(1.4px) contrast(1.05);
  -webkit-backdrop-filter:brightness(1.3) saturate(1.12) blur(1.4px) contrast(1.05);
  mix-blend-mode:screen}
.spotlight__dot{width:5px;height:5px;margin:-2.5px 0 0 -2.5px;background:rgba(255,255,255,.82);box-shadow:0 0 12px rgba(255,255,255,.6);opacity:.5;transition:opacity .4s var(--ease)}
.spotlight.is-on{opacity:1}
.spotlight.is-hot .spotlight__ring{transform:scale(1.13)}
.spotlight.is-dim{opacity:.34}
.spotlight.is-dim .spotlight__ring{mix-blend-mode:multiply;background:radial-gradient(circle closest-side,rgba(0,0,0,.05),rgba(0,0,0,.02) 52%,rgba(0,0,0,0) 78%);box-shadow:inset 0 0 0 1px rgba(0,0,0,.1),0 0 30px rgba(0,0,0,.05);backdrop-filter:brightness(1.06) blur(1.2px);-webkit-backdrop-filter:brightness(1.06) blur(1.2px)}
.spotlight.is-dim .spotlight__dot{background:rgba(29,29,31,.5);box-shadow:none;opacity:.4}.js .reveal{opacity:0;transform:translateY(25px)}.reveal.is-visible{opacity:1;transform:none}.motion-lite .reveal{opacity:1;transform:none}
@media(min-width:1600px){.hero-visual{left:42%;right:2%}.hero-copy{width:40%}}
@media(max-height:700px) and (min-width:761px){.hero-copy>.eyebrow{margin-bottom:17px}.hero-title{font-size:clamp(75px,8.5vw,115px)}.hero-tagline{margin-top:7px}.hero-description{margin-top:15px}.hero-buttons{margin-top:22px}.hero-bottom{bottom:20px}.craft-copy .eyebrow{margin-bottom:15px}.craft-copy h2{font-size:32px}.temperature{font-size:108px;margin:18px 0 14px}.craft-state{margin-top:18px}.craft-desc{margin-top:8px}.craft-copy .fine-print{margin-top:14px}.craft-layout{padding:83px 0 63px}.pure-layout{padding:83px 0 63px}.pure-copy h2{font-size:67px}.pure-copy .eyebrow{margin-bottom:22px}.pure-lead{margin-top:20px}.chapter-caption{margin-top:24px}}
@media(max-width:1050px){.container{width:calc(100% - 80px)}.theory-layout{grid-template-columns:1fr;gap:44px}.theory-shots{grid-template-columns:1fr 1fr;gap:26px;align-items:end}.hero-copy{left:5%;width:44%}.hero-title{font-size:10.1vw}.hero-buttons{gap:20px;flex-wrap:wrap}.hero-visual{left:37%;right:-10%}.craft-layout{gap:6%;grid-template-columns:1.1fr 1fr}.life-grid{gap:40px}.life-card--morning .life-card__image{height:520px}.life-card--pour .life-card__image{height:340px}.faq-layout{gap:45px}.finale-product{height:400px}.nav__links{gap:23px;margin-right:10px}.theory-body{gap:34px}.spec-grid{grid-template-columns:repeat(2,1fr);gap:44px}.spec-facts{grid-template-columns:repeat(2,1fr);gap:34px}.voices-grid{grid-template-columns:repeat(2,1fr)}.voice:nth-child(3n+1){padding-left:clamp(20px,2.4vw,34px)}.voice:nth-child(3n){padding-right:clamp(20px,2.4vw,34px)}.voice:not(:nth-child(3n+1)){border-left:1px solid #e2e2e4}.voice:nth-child(odd){padding-left:0;border-left:0}.voice{min-height:265px}.nav__links a{white-space:nowrap}.ambassador-body{grid-template-columns:1.22fr 1fr;gap:44px}.ambassador-pair{gap:14px}.format-shots{grid-template-columns:1fr 1fr;gap:30px}.std-drawer{width:min(300px,88vw)}
/* Two-column grid below this width: the process card is the right-hand column, so the wide
   drawer anchors to its right edge and grows leftward, keeping the panel inside the viewport. */
.std--wide .std-drawer{width:min(520px,calc(100vw - 120px));left:auto;right:0;transform-origin:top right}}
@media(max-width:760px){:root{--nav-h:60px}.container{width:calc(100% - 40px)}.nav__inner{width:calc(100% - 36px);gap:15px}.wordmark{gap:10px}.wordmark__brand{font-size:20px}.wordmark b{font-size:12px}.burger{display:block}.nav__links{position:absolute;top:60px;left:0;right:0;display:none;padding:22px 24px 30px;margin:0;background:rgba(12,12,12,.97);border-bottom:1px solid rgba(255,255,255,.1);flex-direction:column;align-items:flex-start;gap:13px}.nav.is-open .nav__links{display:flex}.nav.is-light .nav__links{background:rgba(249,249,247,.98);border-color:#ddd}.nav__links a{font-size:14px}.hero-track{height:240vh}.hero-copy{left:24px;right:24px;width:auto;top:calc(var(--nav-h) + 34px);transform:none}.hero-copy>.eyebrow{font-size:9px;margin-bottom:15px}.hero-title{font-size:clamp(62px,19vw,98px);line-height:1.05;letter-spacing:-.07em}.hero-tagline{font-size:21px;margin-top:14px}.hero-description{font-size:12px;margin-top:15px;line-height:1.8}.hero-description br{display:none}.hero-buttons{margin-top:19px;gap:23px;flex-wrap:nowrap}.hero-buttons .text-link{font-size:10px;gap:11px}.hero-buttons .button{font-size:10px;min-height:38px;gap:12px;padding:9px 18px}.hero-visual{left:-8%;right:-8%;top:42%;bottom:7%}.hero-bottom{left:24px;right:24px;bottom:23px;font-size:9px}.hero-bottom__label{display:none}.hero-bottom__index{width:auto;font-size:10px}.scroll-cue{gap:12px;font-size:9px}.hero-after{top:17%}.hero-after .eyebrow{font-size:9px}.hero-after p{font-size:25px}.pure-track{height:180vh}.pure-layout{padding:89px 0 67px;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.pure-copy h2{font-size:clamp(29px,7.5vw,51px)}.pure-copy .eyebrow{font-size:8px;letter-spacing:.13em;margin-bottom:24px}.pure-lead{font-size:12px;margin-top:23px;line-height:1.9;max-width:120px}.pure-copy .muted{font-size:10px;line-height:1.9}.chapter-caption{font-size:8px;gap:8px;margin-top:28px}.chapter-caption i{width:12px}.pure-photo{height:52vh;min-height:300px}.pure-photo figcaption{font-size:7px;left:10px;bottom:13px;right:10px}.pure-photo figcaption>span:first-child{display:none}.chapter-foot{font-size:8px;bottom:22px;gap:15px}.chapter-foot i{margin-left:12px}.craft-track{height:250vh}.craft-layout{padding:83px 0 66px;grid-template-columns:1fr;gap:16px;align-content:center}.craft-copy .eyebrow{font-size:8px;margin-bottom:15px}.craft-copy h2{font-size:28px;line-height:1.25}.temperature{font-size:90px;margin:14px 0 12px}.temperature small{margin-left:7px}.temp-scale,.temp-labels{width:75%}.temp-labels{font-size:8px;margin-top:10px}.craft-state{font-size:12px;margin-top:15px}.craft-desc{display:none}.craft-copy .fine-print{font-size:8px;margin-top:10px;max-width:90%;line-height:1.7}.craft-visual{height:25vh;min-height:140px;max-height:260px}.craft-photo--warm img{object-position:45% 60%}.craft-photo--clear img{object-position:45% 65%}.photo-label{font-size:8px;bottom:13px;left:15px}.process-disc{width:100px;height:100px}.process-disc__text{font-size:6px}.splash-track{height:260vh}.splash-heading{top:calc(var(--nav-h) + 48px);left:24px;right:24px;text-align:left}.splash-heading .eyebrow{font-size:9px;margin-bottom:18px}.splash-heading h2{font-size:35px;line-height:1.25}.splash-heading h2 span{display:block;margin:4px 0 0}.splash-visual{width:115vw;height:49vh;top:55%}.splash-caption{bottom:16%;right:24px;text-align:right}.splash-caption>span{font-size:15px}.splash-caption p{font-size:9px;margin-top:8px}.splash-bottom{gap:14px;bottom:24px;font-size:8px}.splash-bottom>span:first-child{min-width:90px}.splash-bottom>span:last-child{min-width:55px}.everyday{padding:78px 0 62px}.everyday-heading{margin-bottom:43px}.everyday-heading .eyebrow{font-size:9px;margin-bottom:23px}.everyday-heading h2{font-size:33px}.everyday-heading .muted{font-size:12px;margin-top:20px}.life-grid{gap:28px;grid-template-columns:1fr}.life-card--morning{width:85%}.life-card--morning .life-card__image{height:430px}.life-card--pour{margin-top:25px;margin-left:15%}.life-card--pour .life-card__image{height:260px}.life-card figcaption{margin-top:20px}.life-card figcaption>span{font-size:8px}.life-card h3{font-size:24px;margin-top:8px}.everyday-note{margin-top:64px;gap:22px;align-items:start;flex-wrap:wrap;padding-top:28px}.everyday-note>.wordmark__brand{font-size:25px}.everyday-note p{font-size:20px;margin:0}.everyday-note .text-link{margin-left:auto;font-size:10px;gap:15px}.theory{padding:78px 0 62px}.theory-head{margin-bottom:34px}.theory-head .eyebrow{font-size:9px;margin-bottom:20px}.theory-head h2{font-size:36px}.theory-lead{font-size:13px;line-height:1.95}.theory-pull{margin-top:46px;padding:32px 0}.theory-pull p{font-size:23px;line-height:1.5}.theory-pull p br{display:none}.theory-layout{grid-template-columns:1fr;gap:34px;margin-top:46px}.theory-body{grid-template-columns:1fr;gap:30px;margin-top:0}.theory-shots{grid-template-columns:1fr 1fr;gap:16px}.theory-shot--wide img{max-height:190px}.theory-shot figcaption b{font-size:11.5px}.theory-shot figcaption em{font-size:8px}.theory-col h3{font-size:16px;margin:14px 0 11px;padding-top:14px}.theory-col p{font-size:12.5px;line-height:1.95}.theory-quiet{margin-top:48px;gap:16px}.theory-quiet::before{width:34px}.theory-quiet span{font-size:14px}.theory-note{margin-top:38px;font-size:9px}.credits{padding:52px 0 56px}.credits__label{font-size:8.5px;letter-spacing:.18em}.credits__main{margin-top:18px;font-size:23px;line-height:1.5}.credits__by{margin-top:13px;font-size:15px}.credits__by b{margin-left:4px}.spec{padding:78px 0 62px}.spec-head{margin-bottom:36px}.spec-head .eyebrow{font-size:9px;margin-bottom:20px}.spec-head h2{font-size:34px}.spec-lead{font-size:12.5px;margin-top:22px;line-height:1.95}.spec-grid{grid-template-columns:1fr;gap:32px}.spec-block h3,.spec-sizes h3,.nutrition-head h3{font-size:15px;margin:13px 0 15px;padding-top:13px}.spec-block h3 em,.spec-sizes h3 em,.nutrition-head h3 em{font-size:10px}.spec-block__cn{font-size:12.5px}.spec-block__en{font-size:10.5px}.spec-note{font-size:9px}.spec-sizes{margin-top:52px}.size-list{grid-template-columns:repeat(2,1fr);gap:0}.size-list li{padding:22px 0 0;border-bottom:1px solid #e6e6e8}.size-list li+li{border-left:0;padding-left:0}.size-list li:nth-child(even){border-left:1px solid #e6e6e8;padding-left:18px}.size-list b{font-size:30px}.size-list i{margin-top:11px;font-size:9px}.spec-nutrition{margin-top:52px}.nutrition-table th,.nutrition-table td{padding:15px 0}.nutrition-table th b{font-size:12.5px}.nutrition-table th span{font-size:9px;margin-top:4px;letter-spacing:.06em}.nutrition-table td b{font-size:17px}.nutrition-table td i{font-size:9px;margin-left:7px}.spec-facts{margin-top:52px;grid-template-columns:repeat(2,1fr);gap:26px;padding-top:30px}.spec-fact b{font-size:25px}.spec-fact>span{font-size:10px;margin-top:11px}.spec-fact em{font-size:9px}.spec-disclaimer{margin-top:44px;font-size:8.5px}.ambassador{padding:78px 0 66px}.ambassador-head{margin-bottom:40px}.ambassador-head .eyebrow{font-size:9px;margin-bottom:20px}.ambassador-head h2{font-size:32px;line-height:1.3}.ambassador-head h2 b{white-space:normal}.ambassador-body{grid-template-columns:1fr;gap:32px}.ambassador-pair{grid-template-columns:1fr 1.16fr;gap:12px;margin-top:12px}.ambassador-postercap,.ambassador-poster__cap{font-size:8px;padding:9px 11px}.ambassador-tile figcaption b{font-size:10.5px}.ambassador-tile figcaption em{font-size:8px}.ambassador-lead{font-size:14px;line-height:1.85;padding-bottom:24px}.ambassador-lines{margin-top:24px}.ambassador-lines p{font-size:12.5px;line-height:1.95}.ambassador-quote{margin-top:32px;padding:24px 0 24px 18px}.ambassador-quote p{font-size:18px}.ambassador-note{margin-top:28px;font-size:9px}.ambassador-strip{margin-top:52px;padding-top:26px;gap:14px}.ambassador-strip span{font-size:14px}.format-shots{margin-top:48px;grid-template-columns:1fr;gap:34px}.format-shot__stage{min-height:230px;padding:26px 18px}.format-shot__stage img{max-height:250px}.std-drawer{width:min(288px,90vw);left:-4px}.std--wide .std-drawer{width:min(340px,calc(100vw - 40px));left:auto;right:0}.std__hint{font-size:8px;padding:2px 6px}.std__link{gap:5px}.voices{padding:78px 0 62px}.voices-head{margin-bottom:38px}.voices-head .eyebrow{font-size:9px;margin-bottom:20px}.voices-head h2{font-size:32px}.voices-grid{grid-template-columns:1fr}.voice{padding:28px 0 30px;min-height:0;border-left:0!important}.voice:nth-child(odd),.voice:nth-child(3n+1),.voice:nth-child(3n){padding-left:0;padding-right:0}.voice blockquote{font-size:12.5px;line-height:1.95}.voice--en blockquote{font-size:12px}.voice--en blockquote::before{font-size:27px;margin-bottom:10px}.voice figcaption{margin-top:22px}.voices-note{margin-top:40px;font-size:8.5px}.finale{padding:65px 0 70px}.finale-inner{grid-template-columns:1fr;gap:23px;min-height:0}.finale-product{height:270px;width:100%}.finale-copy{text-align:center}.finale-copy>.eyebrow{font-size:9px;margin-bottom:20px}.finale-copy h2{font-size:39px;line-height:1.3}.finale-copy>p:not(.eyebrow){font-size:12px;margin-top:19px}.finale-copy .button{margin-top:26px}.faq-section{padding:67px 0 62px}.faq-layout{grid-template-columns:1fr;gap:30px}.faq-layout .eyebrow{font-size:9px;margin-bottom:14px}.faq-layout h2{font-size:29px}.faq-list summary{font-size:12px;padding:22px 0}.faq-list details>p{font-size:11px;padding-right:15px}.footer-main{flex-wrap:wrap;gap:20px;padding:27px 0}.footer-main nav{order:3;flex-wrap:wrap;margin:0;width:100%;gap:22px;font-size:9px}.back-top{margin-left:auto}.footer-disclaimer{font-size:8px;margin-top:22px}.footer-bottom{font-size:8px;gap:12px;flex-wrap:wrap}dialog{padding:43px 25px 28px}dialog h2{font-size:27px}dialog p:not(.eyebrow){font-size:11px}.purchase-product img{width:96px}.purchase-product span{font-size:8px}}
@media(max-width:760px) and (max-height:680px){.hero-copy{top:83px}.hero-title{font-size:64px}.hero-tagline{font-size:19px;margin-top:10px}.hero-description{margin-top:10px}.hero-buttons{margin-top:14px}.hero-visual{top:45%;bottom:8%}.pure-photo{min-height:250px}.craft-layout{padding-top:74px;gap:12px}.craft-copy h2{font-size:24px}.temperature{font-size:73px;margin:10px 0}.craft-visual{height:22vh;min-height:110px}.craft-state{margin-top:10px}.craft-copy .fine-print{margin-top:8px}.splash-heading{top:95px}.splash-heading h2{font-size:29px}.splash-visual{top:56%;height:46vh}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}.reveal{opacity:1!important;transform:none!important}.hero-track,.pure-track,.craft-track,.splash-track{height:auto}.pin{position:relative;height:auto;min-height:720px}.hero{height:100svh;min-height:660px}.pure{height:100svh;min-height:600px}.craft{min-height:740px}.splash{height:100svh;min-height:680px}.ink-line{--ink-progress:1!important}.pure-photo{clip-path:none}.hero-after,.hero-wipe,.craft-curtain{display:none}.splash-caption{opacity:1}.hero-parallax{transform:none!important}.hero-title{filter:none}.hero-visual{transform:none!important}.process-disc{display:none}.spotlight{display:none}}