.story-track{--header-height:92px;--story-height:calc(100svh - var(--header-height));--story-bg-0:oklch(96% 0.004 255);--story-bg-1:oklch(93% 0.004 255);--story-bg-2:oklch(90% 0.004 255);--story-bg-3:oklch(94.5% 0.004 255);--story-ink:var(--ink);--story-muted:oklch(44% 0.014 255);--story-accent:var(--blue);background:var(--story-bg-0)}.story-stage,.story-track{position:relative;color:var(--story-ink)}.story-backgrounds,.story-chapters,.story-scroll-hint,.story-visual{display:none}.story-topline{padding-top:24px;color:var(--story-muted);font-size:.6875rem;font-weight:600;letter-spacing:.08em}.story-chapter{display:grid;gap:32px;align-items:center;padding-block:56px;color:var(--story-ink);background:var(--story-bg);box-shadow:0 0 0 100vmax var(--story-bg);clip-path:inset(0 -100vmax)}.story-chapter[data-copy="0"]{--story-bg:var(--story-bg-0)}.story-chapter[data-copy="1"]{--story-bg:var(--story-bg-1)}.story-chapter[data-copy="2"]{--story-bg:var(--story-bg-2)}.story-chapter[data-copy="3"]{--story-bg:var(--story-bg-3)}.story-label{display:flex;gap:12px;color:var(--story-muted);font-size:.75rem;font-weight:600;letter-spacing:.08em;font-variant-numeric:tabular-nums}.story-label span,.story-title{color:var(--story-ink)}.story-title{margin-top:14px;font-size:clamp(2.125rem,4.4vw,4.5rem);line-height:1.04;letter-spacing:-.045em}html[lang=zh-CN] .story-title{font-size:clamp(2rem,4vw,3.875rem);line-height:1.2;letter-spacing:0}.story-title span{display:block}.story-title span+span{color:var(--story-accent)}.story-body{max-width:29em;margin-top:20px;color:var(--story-muted);font-size:1.0625rem;line-height:1.7;text-wrap:pretty}.story-specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(12em,1fr));gap:16px 24px;max-width:34em;margin:24px 0 0;padding:0;list-style:none;font-size:.875rem;line-height:1.45}.story-specs b,.story-specs span{display:block}.story-specs span{color:var(--story-muted)}@media (max-height:600px){[data-mode=story] .story-facts{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}.story-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:34em;margin:24px 0 0;padding:16px 0 0;border-top:1px solid oklch(80% .006 255);list-style:none;font-size:.8125rem;line-height:1.4}.story-facts b,.story-facts span{display:block}.story-facts b{color:var(--story-ink)}.story-facts span{margin-top:2px;color:var(--story-muted)}[data-mode=story] .story-specs{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.story-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;margin-top:32px}.story-primary,.story-secondary{display:inline-flex;align-items:center;gap:10px;min-height:48px;font-size:.875rem;font-weight:600}.story-primary{padding:12px 20px;background:var(--story-ink);color:var(--story-bg)}.story-primary:hover{background:var(--story-accent)}.story-secondary{color:var(--story-ink)}.story-secondary:hover{color:var(--story-accent)}.story-still{display:flex;align-items:flex-end;justify-content:center;gap:8%;margin:0;height:clamp(240px,46vw,520px)}.story-still img{width:auto;height:100%;max-width:100%;object-fit:contain}.story-still[data-count="2"] img:first-child{height:48%}.story-chapter[data-copy="3"] .story-still img{width:100%;height:auto;max-height:100%}.story-utilities{display:flex;justify-content:flex-end;padding-block:12px}.story-skip{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--story-muted);font-size:.8125rem;font-weight:600}.story-skip:hover{color:var(--story-ink)}@media (min-width:760px){.story-chapter{grid-template-columns:minmax(0,5fr) minmax(0,6fr);padding-block:88px}}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.story-track[data-mode=story]{height:calc(var(--story-height) * 4)}[data-mode=story] .story-stage{position:sticky;top:var(--header-height);height:var(--story-height);overflow:clip;isolation:isolate}[data-mode=story] .story-backgrounds{display:block;position:absolute;inset:0;z-index:-1}[data-mode=story] .story-backgrounds span{position:absolute;inset:0;background:var(--story-bg-0)}[data-mode=story] .story-backgrounds [data-bg="1"],[data-mode=story] .story-backgrounds [data-bg="2"],[data-mode=story] .story-backgrounds [data-bg="3"]{opacity:0}[data-mode=story] .story-backgrounds [data-bg="1"]{background:var(--story-bg-1)}[data-mode=story] .story-backgrounds [data-bg="2"]{background:var(--story-bg-2)}[data-mode=story] .story-backgrounds [data-bg="3"]{background:var(--story-bg-3)}[data-mode=story] .story-inner{position:relative;display:grid;grid-template:"top top top" auto "copy visual nav" minmax(0,1fr) "util util util" auto /minmax(0,.9fr) minmax(0,1.3fr) auto;column-gap:clamp(24px,3vw,56px);height:100%}[data-mode=story] .story-topline{grid-area:top}[data-mode=story] .story-chapter{grid-area:copy;display:block;align-self:center;max-width:34rem;padding:0;background:none;box-shadow:none;clip-path:none;opacity:0;pointer-events:none}[data-mode=story] .story-chapter[data-copy="0"]{opacity:1}[data-mode=story] .story-stage:not([data-chapter]) [data-copy="0"],[data-mode=story] [data-chapter="0"] [data-copy="0"],[data-mode=story] [data-chapter="1"] [data-copy="1"],[data-mode=story] [data-chapter="2"] [data-copy="2"],[data-mode=story] [data-chapter="3"] [data-copy="3"]{pointer-events:auto}[data-mode=story] .story-still{display:none}[data-mode=story] .story-visual{grid-area:visual;display:grid;place-items:center;min-height:0;container-type:size}.story-scene{position:relative;display:grid;grid-template:100%/100%;place-items:center;height:min(100cqh,83.333cqw,640px);aspect-ratio:6/5}.story-piece{grid-area:1/1;position:relative;z-index:1;width:auto;visibility:hidden;opacity:0;user-select:none;pointer-events:none;will-change:transform;filter:drop-shadow(0 18px 22px oklch(30% .02 255/.18))}[data-piece=cap],[data-piece=shaker]{z-index:2;height:80%;visibility:visible;opacity:1}[data-piece=jigger]{z-index:3;height:30%}[data-piece=strainer]{z-index:3;height:44%}[data-piece=cup]{z-index:3;height:30%}[data-piece=spoon]{height:62%}[data-piece=muddler]{height:66%}[data-piece=tongs]{height:50%}.story-callout{--rule:0;position:absolute;z-index:4;display:flex;flex-direction:column;gap:8px;visibility:hidden;opacity:0;color:var(--story-ink);font-size:.75rem;font-weight:600;line-height:1.35;letter-spacing:.08em;text-transform:uppercase}.story-callout:before{content:"";width:40px;height:1px;background:currentColor;transform:scaleX(var(--rule));transform-origin:left}.story-callout b,.story-callout span{display:block}.story-callout span{margin-top:2px;color:var(--story-muted);font-weight:500;letter-spacing:0;text-transform:none}.story-callout{letter-spacing:.01em;text-transform:none;word-break:keep-all}[data-at="0"]{max-width:30%}[data-callout=capacity],[data-callout=three-piece]{right:66%;align-items:flex-end;text-align:right}[data-callout=capacity]:before,[data-callout=three-piece]:before{transform-origin:right}[data-callout=finish],[data-callout=steel]{left:66%}[data-callout=three-piece]{top:16%}[data-callout=finish]{top:30%}[data-callout=capacity]{top:50%}[data-callout=steel]{top:64%}@container (max-height: 420px){.story-callout span{display:none}}[data-callout=jigger]{left:2%;bottom:43%;max-width:32%}[data-callout=strainer]{left:33%;top:68%;max-width:38%}[data-callout=built-in],[data-callout=cap]{align-items:flex-end;text-align:right}[data-callout=built-in]:before,[data-callout=cap]:before{transform-origin:right}[data-callout=built-in]{right:50%;top:27%;max-width:22%}[data-callout=cap]{right:3%;top:63%;max-width:26%}.story-pour{position:absolute;inset:0;z-index:0;visibility:hidden;opacity:0}.story-pour canvas{width:100%;height:100%;mask-image:linear-gradient(180deg,transparent 30%,#000 40%,#000 96%,transparent),linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);mask-composite:intersect}.story-pour small{position:absolute;left:0;top:0;color:var(--story-muted);font-size:.6875rem;letter-spacing:.06em}[data-mode=story] .story-chapters{grid-area:nav;align-self:center;display:flex;flex-direction:column;gap:4px}.story-chapters button{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-height:36px;color:var(--story-muted);font-size:.75rem;font-weight:600;letter-spacing:.06em;font-variant-numeric:tabular-nums;transition:color .2s ease}.story-chapters button:after{content:"";width:16px;height:1px;background:currentColor;transition:width .2s ease}.story-chapters button:hover,.story-chapters button[aria-pressed=true]{color:var(--story-ink)}.story-chapters button[aria-pressed=true]:after{width:32px}.story-chapter-name{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}[data-mode=story] .story-utilities{grid-area:util;justify-content:space-between}[data-mode=story] .story-scroll-hint{display:inline-flex;align-items:center;gap:8px;color:var(--story-muted);font-size:.8125rem;transition:opacity .2s ease}[data-mode=story] .story-stage[data-chapter]:not([data-chapter="0"]) .story-scroll-hint{opacity:0}}@media (scripting:enabled) and (prefers-reduced-motion:no-preference) and (max-width:1180px){[data-mode=story] .story-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}}@media (scripting:enabled) and (prefers-reduced-motion:no-preference) and (min-width:760px) and (max-height:720px){[data-mode=story] .story-topline{padding-top:16px}[data-mode=story] .story-title{font-size:clamp(1.75rem,7.4svh,3rem)}html[lang=zh-CN] [data-mode=story] .story-title{font-size:clamp(1.625rem,6.8svh,2.75rem)}[data-mode=story] .story-body{margin-top:12px;font-size:.9375rem;line-height:1.6}[data-mode=story] .story-actions{margin-top:20px}[data-mode=story] .story-utilities{padding-block:4px}}@media (scripting:enabled) and (prefers-reduced-motion:no-preference) and (max-width:759px),(scripting:enabled) and (prefers-reduced-motion:no-preference) and (orientation:portrait) and (max-width:1100px){[data-mode=story] .story-facts{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.story-track{--header-height:73px}.story-track[data-mode=story]{height:calc(var(--story-height) * 3.5)}[data-mode=story] .story-inner{grid-template:"top" auto "copy" auto "visual" minmax(0,1fr) "nav" auto "util" auto /100%}[data-mode=story] .story-chapter{align-self:start;max-width:none;padding-top:12px}[data-mode=story] .story-title{font-size:clamp(1.875rem,8.4vw,2.5rem)}html[lang=zh-CN] [data-mode=story] .story-title{font-size:clamp(1.75rem,7.6vw,2.25rem)}[data-mode=story] .story-body{margin-top:10px;font-size:.9375rem;line-height:1.6}[data-mode=story] .story-actions{margin-top:16px}[data-mode=story] .story-chapters{flex-direction:row;justify-content:center;gap:20px}.story-chapters button{flex-direction:column;justify-content:center;gap:6px;min-width:44px;min-height:44px}.story-callout{font-size:.6875rem;letter-spacing:.06em}}.experience-highlights{display:flex;flex-wrap:wrap;gap:12px 32px;padding-block:12px}.experience-highlights a{display:flex;align-items:center;gap:24px;min-height:44px;font-size:.8125rem}