.continuity-section{--section-entry:1;--section-progress:0;--section-exit:0;position:relative;background:transparent;padding-block:clamp(44px,5vw,80px)}
#recipes.continuity-section,#ingredients.continuity-section{background:none}
.continuity-section .reveal,.continuity-section .reveal.in{opacity:1!important;transform:none;translate:none;transition:none;animation:none}
.continuity-section .window-shot .stack>.shot{transition:none}
.continuity-section .mod-copy{text-align:left;justify-items:start;align-items:start}
.continuity-section .mod-copy .points{justify-content:start;justify-items:start}
#app.continuity-section{padding-bottom:28px}
#numbers.continuity-section{padding-block:8px 32px}
#numbers.continuity-section .nums{border-bottom:0}
#numbers.continuity-section .num{translate:0 calc((1 - var(--section-entry)) * 20px)}
#numbers.continuity-section .num:nth-child(2n){translate:0 calc((1 - var(--section-entry)) * 36px)}
#recipes.continuity-section{padding-top:36px}
#recipes.continuity-section .recipe-tabs{position:relative}
#recipes.continuity-section .recipe-tabs::before{content:"";position:absolute;top:-1px;left:0;width:calc(var(--section-progress) * 100%);height:2px;background:var(--accent)}
.batch-story{position:relative;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--accent-wash) 35%,transparent) 35%,transparent 90%)}
.batch-story #brewing,.batch-story #setup-review,.batch-story #brewday,.batch-story #ferment,.batch-story #complete{background:none}
.batch-story #brewing .stage-journey{display:none}
.batch-route{position:sticky;top:78px;z-index:20;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:min(calc(100% - 96px),1840px);margin:0 auto;padding:12px 0;background:var(--bg);border-bottom:1px solid var(--line)}
.batch-route::after{content:"";position:absolute;bottom:-1px;height:2px;width:calc(var(--batch-progress,0) * 100%);background:var(--accent)}
.batch-route a{display:flex;align-items:baseline;gap:12px;text-decoration:none;color:var(--muted);padding:0 10px;min-height:24px}
.batch-route a:first-child{padding-left:0}
.batch-route a>span{font:11px var(--f-mono)}
.batch-route a b{font-size:13px;font-weight:500}
.batch-route a small{font-size:11px;color:var(--muted)}
.batch-route a[aria-current="step"],.batch-route a.is-past>span{color:var(--accent)}
.batch-route a[aria-current="step"] b{font-weight:700}
.batch-route a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.batch-story section{scroll-margin-top:44px}
#brewing.continuity-section .planning-tabs{margin-top:36px}
#setup-review.continuity-section .bd-copy{translate:calc((1 - var(--section-entry)) * -18px) 0}
#complete.continuity-section .flow-notes{border-top:0;position:relative}
#styles.continuity-section{padding-bottom:32px}
#ingredients.continuity-section{padding-top:32px}
#tools.continuity-section .tool-directory{border-right-color:color-mix(in srgb,var(--accent) calc(var(--section-entry) * 60%),var(--line))}
#tools.continuity-section .tool-view-bar{position:relative}
#tools.continuity-section .tool-view-bar::before{content:"";position:absolute;left:0;bottom:-1px;height:2px;width:calc(var(--section-entry) * 100%);background:var(--accent)}
#sharing.continuity-section .pdf-showcase{padding-top:56px}
.scene-candidate .window-shot .stack{width:min(100%,calc(var(--scene-shot-height) * var(--scene-shot-ratio,var(--shot-ratio,1.594))));margin-inline:auto}
.scene-candidate .bd-copy{position:static}
.continuity-section.scroll-scene{height:var(--scene-height);padding-block:0;margin-block:40px}
.scroll-scene .scroll-scene-stage{position:sticky;top:var(--scene-inset);height:auto;min-height:var(--scene-viewport);padding-block:12px;translate:none;align-content:center}
#ferment.scroll-scene .flow-view>.window-shot{position:static}
#ferment.scroll-scene .sec-head{margin-bottom:24px}
#ferment.scroll-scene .flow-tabs{margin-bottom:24px}
#ferment.scroll-scene .scroll-scene-stage{display:flex;flex-direction:column;justify-content:center}
@media(max-width:1099px){.batch-route{width:calc(100% - 64px);top:76px}.batch-route a small{display:none}.continuity-section{padding-block:48px}#styles.continuity-section .window-shot,#ingredients.continuity-section .window-shot{translate:0 calc((1 - var(--section-entry)) * 16px)}}
@media(max-width:760px){.batch-route{width:calc(100% - 32px);top:70px;padding-block:10px}.batch-route a{gap:6px;padding-inline:5px;align-items:center}.batch-route a b{font-size:12px}.batch-route a>span{font-size:9px}.batch-story section{scroll-margin-top:40px}.continuity-section{padding-block:36px}#app.continuity-section{padding-top:52px}#numbers.continuity-section{padding-bottom:18px}#recipes.continuity-section{padding-top:24px}#setup-review.continuity-section .bd-copy{translate:none}#complete.continuity-section .flow-notes{min-height:150px}#sharing.continuity-section .pdf-showcase{padding-top:36px}#sharing.continuity-section .pdf-preview{rotate:calc((1 - var(--section-entry)) * -1deg);translate:0 calc((1 - var(--section-entry)) * 14px)}}
@media(max-width:420px){.batch-route a{flex-direction:column;align-items:flex-start;justify-content:center;gap:3px}.batch-route a b{font-size:11px}.batch-story section{scroll-margin-top:52px}}
@media(prefers-reduced-motion:reduce){.continuity-section,.continuity-section *{--section-entry:1!important;--section-exit:0!important}.continuity-section .window-shot,.continuity-section .mod-copy,.continuity-section .bd-copy,.continuity-section .pdf-preview,.continuity-section .num{translate:none!important;rotate:none!important}}
#styles.reference-explorer .mod,#ingredients.reference-explorer .mod{align-items:center;row-gap:24px}
#styles.reference-explorer .mod-copy,#ingredients.reference-explorer .mod-copy{text-align:left;align-items:start;translate:none}
#styles.reference-explorer .mod-copy h2 br,#ingredients.reference-explorer .mod-copy h2 br{display:none}
.reference-explorer .points[hidden]{display:none!important}
#styles.reference-explorer .window-shot,#ingredients.reference-explorer .window-shot{translate:none}
.reference-detail{display:grid;grid-template-columns:48px 1fr;gap:16px;align-items:center;padding:20px 0 0;border-top:1px solid var(--line);margin-top:20px;min-height:94px}
.reference-detail .reference-number{font:26px var(--f-mono);color:var(--accent);grid-column:1;grid-row:1}
.reference-detail p{grid-column:2;grid-row:1;margin:0;font-size:14px;line-height:1.8;color:var(--ink-2)}
#styles.reference-explorer .reference-card{grid-column:1/-1;display:grid;grid-template-columns:1fr 2fr;column-gap:40px;margin:8px 0 0;padding:24px 0;border:0;border-top:1px solid var(--line);text-align:left}
#styles.reference-explorer .reference-card p{grid-column:2;grid-row:1/4;margin:0;align-self:center}
#styles.reference-explorer .reference-card h3{font-size:16px}
#styles.reference-explorer .reference-card .reference-links{margin-top:8px}
#styles.reference-explorer .reference-tabs button,#ingredients.reference-explorer .reference-tabs button{border:0;border-bottom:2px solid var(--line);outline:0;box-shadow:none}
#styles.reference-explorer .reference-tabs button[aria-selected="true"],#ingredients.reference-explorer .reference-tabs button[aria-selected="true"]{border-bottom-color:var(--accent)}
#styles.reference-explorer .reference-tabs button:focus-visible,#ingredients.reference-explorer .reference-tabs button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.tool-categories{display:flex;gap:32px;border-bottom:1px solid var(--line);margin-bottom:28px;overflow:auto;scrollbar-width:thin}
.tool-categories button{flex:1;display:flex;justify-content:space-between;align-items:center;gap:16px;min-width:max-content;border:0;border-bottom:2px solid transparent;background:none;padding:18px 0;color:var(--muted);font:inherit;text-align:left;cursor:pointer}
.tool-categories button span{font:11px var(--f-mono);opacity:.6}
.tool-categories button[aria-pressed="true"]{color:var(--accent);border-bottom-color:var(--accent)}
.tools-categorized:not(.is-searching) .tool-group:not(.is-category-active){display:none!important}
#tools .tools-categorized #tool-list{display:block;overflow:visible;max-height:none}
#tools .tools-categorized .tool-group{margin:0;min-width:0}
#tools .tools-categorized .tool-group h3{display:none}
#tools .tools-categorized .tool-directory{padding-right:22px}
#tools .tools-categorized .tool-count{margin-bottom:0}
#tools .tool-panel-head{padding-top:18px;padding-bottom:20px}
#tools .tool-panel-head h3{margin-block:8px;font-size:clamp(24px,2vw,34px)}
#sharing .pdf-reader{align-items:start;border-top:1px solid var(--line);margin-top:40px;padding-top:40px}
#sharing .pdf-reader .pdf-copy{position:sticky;top:120px;align-self:start}
#sharing .pdf-reader .pdf-preview{rotate:none;translate:none;max-width:720px;justify-self:end}
.pdf-reader .pdf-preview>a{position:relative;isolation:isolate}
.pdf-reading-focus{display:block;position:absolute;pointer-events:none;z-index:1;border:2px solid #c17936;border-radius:3px;box-shadow:0 0 0 1200px #17191c44;visibility:hidden;transition:top .55s var(--ease),left .55s var(--ease),width .55s var(--ease),height .55s var(--ease)}
.has-reading-focus .pdf-reading-focus{visibility:visible}
.pdf-reader .pdf-features{display:flex;flex-direction:column;gap:0;counter-reset:pdf}
.pdf-reader .pdf-features button{counter-increment:pdf;display:flex;align-items:center;gap:18px;font:inherit;color:var(--ink-2);text-align:left;background:none;border:0;border-bottom:1px solid var(--line);padding:18px 0;cursor:pointer}
.pdf-reader .pdf-features button::before{content:"0" counter(pdf);font:12px var(--f-mono);color:var(--muted)}
.pdf-reader .pdf-features button[aria-pressed="true"]{color:var(--accent);border-bottom-color:var(--accent)}
.pdf-reader .pdf-features button[aria-pressed="true"]::before{color:var(--accent)}
@media(min-width:1100px){#tools .tool-screen{max-width:min(100%,calc((100svh - 300px)*var(--shot-ratio,1.594)));margin-inline:auto}#tools .tool-facts{padding-block:18px}}
@media(max-width:1099px){#styles.reference-explorer .mod,#ingredients.reference-explorer .mod{display:flex;flex-direction:column;gap:24px}#styles.reference-explorer .mod-copy,#ingredients.reference-explorer .mod-copy{width:100%}.reference-explorer .window-shot{width:100%;margin:0}#styles.reference-explorer .reference-card{display:block;width:100%}#styles.reference-explorer .reference-card p{margin-block:12px}.reference-detail{min-height:85px}.tool-categories{gap:24px;margin-bottom:20px}.tool-categories button{padding-block:14px}#tools .tools-categorized .tool-directory{position:static;border-right:0;padding:0 0 16px;max-height:none}#tools .tools-categorized #tool-list{max-height:160px;overflow-y:auto;margin-top:16px}#tools .tools-categorized .tool-group{display:flex;flex-wrap:wrap;gap:6px 16px}#tools .tools-categorized .tool-group button{flex:0 0 calc(50% - 8px);min-height:42px}#tools .tool-explorer{grid-template-columns:1fr}#sharing .pdf-reader .pdf-copy{position:static}.pdf-reader .pdf-features{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.pdf-reader .pdf-features button{gap:10px;font-size:12px}}
@media(max-width:760px){#styles.reference-explorer .mod-copy h2,#ingredients.reference-explorer .mod-copy h2{font-size:30px}.reference-explorer .mod-copy .lead{font-size:14px;margin-block:16px 20px}#styles.reference-explorer .reference-card{padding-top:18px;font-size:12px}.reference-detail{grid-template-columns:32px 1fr;gap:10px;padding-top:14px;margin-top:14px}.reference-detail p{font-size:12px}.reference-detail .reference-number{font-size:22px}#tools .section-meta{display:none}.tool-categories{gap:18px}.tool-categories button{font-size:13px;gap:8px}#tools .tool-view-bar{display:none}#tools .tool-panel-head{padding-top:8px}#tools .tools-categorized #tool-list{max-height:100px}#tools .tool-search{margin:0}#tools .tool-count{display:none}#sharing .pdf-reader{gap:24px}.pdf-reader .pdf-copy{display:contents}.pdf-reader .pdf-copy>.eyebrow,.pdf-reader .pdf-copy>h3,.pdf-reader .pdf-copy>.lead{margin:0}.pdf-reader .pdf-preview{grid-row:5}.pdf-reader .pdf-features{grid-row:4;margin:0;position:sticky;top:76px;z-index:3;background:var(--bg);padding-inline:8px;border-block:1px solid var(--line)}.pdf-reader .pdf-copy>.reference-links{grid-row:6}.pdf-reader .pdf-note{grid-row:7;margin:0}.pdf-reader .pdf-preview figcaption{display:none}.pdf-reader .pdf-features button{padding-block:12px}}
@media(prefers-reduced-motion:reduce){.pdf-reading-focus{transition:none}}
#styles.reference-explorer .mod-copy h2,#ingredients.reference-explorer .mod-copy h2,#styles.reference-explorer .mod-copy .lead,#ingredients.reference-explorer .mod-copy .lead{text-align:left}
@media(max-width:760px){#tools .section-heading{gap:12px;margin-bottom:12px}#tools .section-heading h2{font-size:28px;line-height:1.35}#tools .section-heading .lead{font-size:13px;line-height:1.8;margin:0}#tools .tool-categories{margin-bottom:14px}#tools .tool-search>span{display:none}#tools .tools-categorized #tool-list{height:96px;margin-top:10px}#tools .tool-panel-head{min-height:105px}#tools .tools-categorized .tool-directory{padding-bottom:10px}}
@media(min-width:1100px){#complete .flow-view{display:flex;flex-direction:column;grid-column:2;grid-row:1/4;gap:18px;align-self:start}#complete .flow-view>.window-shot{width:100%;grid-column:auto;grid-row:auto}#complete .flow-notes{grid-column:auto;grid-row:auto;margin:0;max-width:none}}
@media(min-width:1100px){
.continuity-section{--content-width:1760px}
:is(#app,#numbers,#recipes,#brewing,#setup-review,#ferment,#complete,#styles,#ingredients,#tools,#sharing,#statement)>.wrap,#brewday .bd-grid{width:min(calc(100% - 96px),var(--content-width));max-width:var(--content-width);padding-inline:0}
#devices>.wrap,#trust>.wrap,#start>.wrap,#pricing>.wrap,#download>.wrap,#faq>.wrap{width:min(calc(100% - 96px),1760px);max-width:1760px;padding-inline:0}
.batch-route{width:min(calc(100% - 96px),1760px)}
#styles.reference-explorer .mod,#ingredients.reference-explorer .mod{column-gap:clamp(40px,4vw,72px);align-items:start}
#styles.reference-explorer .mod{grid-template-columns:minmax(280px,.36fr) minmax(0,1fr)}
#ingredients.reference-explorer .mod{grid-template-columns:minmax(0,1fr) minmax(280px,.36fr)}
#styles.reference-explorer .mod-copy,#ingredients.reference-explorer .mod-copy{padding-top:clamp(28px,6svh,80px)}
#styles.reference-explorer .window-shot,#ingredients.reference-explorer .window-shot{width:min(100%,calc(clamp(360px,100svh - 320px,660px)*var(--shot-ratio,1.594)));justify-self:center}
#styles.reference-explorer .mod-copy h2,#ingredients.reference-explorer .mod-copy h2{font-size:clamp(34px,2.4vw,48px);text-wrap:balance}
#styles.reference-explorer .reference-card{grid-template-columns:minmax(280px,.36fr) minmax(0,1fr);column-gap:clamp(40px,4vw,72px)}
#complete>.wrap,#brewing .planning-pane .gear,#brewing .planning-pane .gear.rev{grid-template-columns:minmax(280px,.3fr) minmax(0,1fr);column-gap:clamp(40px,4vw,72px)}
#complete .flow-view,#brewing .planning-pane .window-shot{width:min(100%,calc(clamp(360px,100svh - 300px,700px)*var(--shot-ratio,1.594)));justify-self:center}
#tools .section-heading{margin-bottom:24px;gap:48px}
#tools .section-heading h2{font-size:clamp(32px,2.6vw,46px)}
#tools .tool-categories{margin-bottom:24px}
#tools .tool-explorer{grid-template-columns:240px minmax(0,1fr);gap:32px;max-width:min(100%,calc(272px + clamp(580px,(100svh - 460px)*var(--shot-ratio,1.594),1200px)));margin-inline:auto}
#tools .tool-panel-head{padding-block:10px 16px}
#tools .tool-screen{max-width:100%;padding-inline:0}
#tools .tool-facts{gap:24px}
#sharing .pdf-reader{grid-template-columns:minmax(0,1fr) minmax(0,600px);gap:clamp(64px,7vw,120px)}
#devices .sec-head{max-width:none;display:grid;grid-template-columns:1fr 1fr;column-gap:80px;align-items:end;text-align:left}
#devices .sec-head>.eyebrow{grid-column:1/-1;justify-self:start}
#devices .sec-head>h2{margin:0;justify-self:start;text-align:left}
#devices .sec-head>.lead{margin:0;max-width:45em}
#devices .dev-row,#devices .dev-row.rev{grid-template-columns:minmax(300px,.55fr) minmax(0,1fr)}
#devices.devices-enhanced .dev-row{min-height:500px}
#devices .dev-stage{width:min(100%,1000px);justify-self:end}
#download .plat-shot,#download .plat-devices{max-width:480px}
#faq>.wrap{grid-template-columns:minmax(280px,.45fr) minmax(0,1fr);gap:clamp(64px,8vw,140px)}
}
@media(min-width:1700px){
.continuity-section .lead{font-size:18px;line-height:1.8}
#app .am-notes .points,#recipes .recipe-tabs small,#complete .fn p,#styles .reference-detail p,#ingredients .reference-detail p,#devices .dev-copy p{font-size:16px}
#styles.reference-explorer .mod-copy .lead,#ingredients.reference-explorer .mod-copy .lead{font-size:18px}
#styles .reference-tabs button,#ingredients .reference-tabs button{font-size:15px;padding-block:18px}
#start.start-enhanced .start-workflow{grid-template-columns:minmax(280px,.4fr) minmax(0,1fr)}
#start .start-stage{max-width:1120px;width:100%;justify-self:end}
}
@media(max-width:1099px){
:is(#app,#numbers,#recipes,#brewing,#setup-review,#ferment,#complete,#styles,#ingredients,#tools,#sharing,#devices,#statement,#trust,#start,#pricing,#download,#faq)>.wrap,#brewday .bd-grid{width:calc(100% - 48px);padding-inline:0}
#complete .flow{display:flex;flex-direction:column;gap:24px}
#complete .flow-tabs{width:100%;position:static;margin:0;padding-bottom:8px}
#complete .flow-view{display:flex;flex-direction:column;width:100%;gap:20px}
#complete .flow-view>.window-shot{width:100%;order:0}
#complete .flow-notes{order:1;width:100%;padding:18px 0;min-height:120px}
#complete .flow-tab{min-width:130px}
#complete .sec-head{max-width:46em;margin-bottom:28px}
.continuity-section .mod-copy,.continuity-section .gear-copy{min-width:0}
}
@media(max-width:760px){
:is(#app,#numbers,#recipes,#brewing,#setup-review,#ferment,#complete,#styles,#ingredients,#tools,#sharing,#devices,#statement,#trust,#start,#pricing,#download,#faq)>.wrap,#brewday .bd-grid{width:calc(100% - 32px);padding-inline:0}
#complete .flow-tab{min-width:110px}
#complete .flow-tabs{gap:16px}
#complete .flow-notes{min-height:150px}
}
#styles.reference-explorer .mod-copy>*,#ingredients.reference-explorer .mod-copy>*{justify-self:start}

@media(max-width:360px){.nav .nav-in{gap:2px;padding-inline:6px}.nav .language-switch{min-width:44px;padding-inline:6px}.nav .language-globe,.nav .language-chevron{display:none}.nav .btn-sm{max-width:66px;padding-inline:6px;font-size:11px;white-space:normal;overflow-wrap:anywhere;text-align:center}.nav .logo{gap:4px;font-size:14px}.nav .logo-mark{width:24px}}

#setup-review .bd-step{border-left:0;border-bottom:1px solid var(--line);padding:14px 0}
#setup-review .bd-step[aria-selected="true"]{border-left:0;border-bottom-color:var(--accent)}
#setup-review.scene-candidate .bd-mac{width:100%}
#complete.scene-candidate .flow-view{width:100%;align-self:center}
#complete.scene-candidate .flow-tabs{gap:0}
#complete.scene-candidate .flow-notes{min-height:140px}
#complete.scene-candidate .ft-t small{max-height:0;opacity:0}
#complete.scene-candidate .flow-tab[aria-selected="true"] .ft-t small{max-height:4em;opacity:1}

@media(min-width:1100px){
.batch-story .scene-candidate .scroll-scene-stage{padding-block:20px;min-height:0;align-content:start;justify-content:start}
.batch-story .scroll-scene .scroll-scene-stage{min-height:0;align-content:start;justify-content:start}
#setup-review.scene-candidate .bd-grid,#brewday.scene-candidate .bd-grid,#complete.scene-candidate>.wrap{align-items:start}
#complete.scene-candidate .flow-view{align-self:start}
#setup-review.scene-candidate .bd-copy{translate:none}
#setup-review.scene-candidate .bd-mac,#brewday.scene-candidate .bd-mac{align-self:start}
#complete.scene-candidate .flow-notes{min-height:110px}
#complete.scene-candidate .sec-head h2{text-wrap:balance}
}
@media(min-width:1700px){
#setup-review>.wrap,#brewday .bd-grid,#complete>.wrap{width:min(calc(100% - 128px),1680px);grid-template-columns:420px minmax(0,1fr);column-gap:64px}
#setup-review .bd-copy h2,#brewday .bd-copy h2,#complete .sec-head h2{font-size:48px;line-height:1.25}
:is(#setup-review,#brewday) .setup-intro,#complete .sec-head .lead{font-size:18px;line-height:1.8;text-wrap:pretty}
#setup-review .bd-step b,#brewday .bd-step b,#complete .ft-t b{font-size:17px}
#setup-review .bd-step small,#brewday .bd-step small,#complete .ft-t small{font-size:14px;line-height:1.7}
#setup-review .setup-step-number{font-size:13px}
#setup-review .bd-step,#brewday .bd-step,#complete .flow-tab{padding-block:16px}
#setup-review .bd-mac,#brewday .bd-mac,#complete .flow-view{width:100%;max-width:1196px;justify-self:start}
.batch-route{width:min(calc(100% - 128px),1680px)}
#setup-review .bd-cap,#brewday .bd-cap{font-size:14px}
#complete .fn h3{font-size:20px}
}

.batch-story :is(#setup-review,#brewday,#ferment,#complete){--stage-gap:clamp(36px,5vw,90px)}
.batch-story :is(#setup-review,#ferment,#complete)>.wrap,.batch-story #brewday .bd-grid{width:min(calc(100% - 80px),1500px);max-width:none;padding-inline:0}
.batch-story :is(#setup-review,#brewday) .bd-grid,.batch-story :is(#ferment,#complete)>.wrap{display:grid;grid-template-columns:minmax(220px,.34fr) minmax(0,1fr);gap:28px var(--stage-gap);align-items:center}
.batch-story :is(#setup-review,#brewday) .bd-copy{display:contents}
.batch-story :is(#setup-review,#brewday) .bd-copy>.eyebrow{grid-column:1;grid-row:1;align-self:end;margin:0}
.batch-story :is(#setup-review,#brewday) .bd-copy>h2{grid-column:1;grid-row:2;align-self:start;margin:0;font-size:clamp(27px,2.8vw,44px);line-height:1.35;text-wrap:balance}
.batch-story :is(#setup-review,#brewday) .setup-intro{grid-column:1;grid-row:3;align-self:start;margin:0;font-size:15px;line-height:1.9;max-width:32em}
.batch-story :is(#setup-review,#brewday) .bd-mac{grid-column:2;grid-row:1/5;align-self:center;width:100%;max-width:none;margin:0;padding:0}
.batch-story :is(#ferment,#complete) .sec-head{grid-column:1;grid-row:1;display:block;max-width:32em;margin:0;text-align:left}
.batch-story :is(#ferment,#complete) .sec-head h2{font-size:clamp(27px,2.8vw,44px);line-height:1.35;margin:20px 0 0;text-align:left}
.batch-story :is(#ferment,#complete) .sec-head .lead{font-size:15px;line-height:1.9;margin:26px 0 0}
.batch-story :is(#ferment,#complete) .flow{display:contents}
.batch-story :is(#ferment,#complete) .flow-view{grid-column:2;grid-row:1;display:flex;flex-direction:column;gap:18px;align-self:center;width:100%;max-width:none}
.batch-story :is(#ferment,#complete) .flow-view>.window-shot{width:100%;margin:0}
.batch-story :is(#ferment,#complete) .flow-notes{width:100%;min-height:0;margin:0;padding:18px 0 0}
.batch-story :is(#setup-review,#brewday) .bd-rail,.batch-story :is(#ferment,#complete) .flow-tabs{grid-column:1/-1;grid-row:5;display:grid;grid-template-columns:repeat(var(--stage-count),minmax(0,1fr));gap:12px;position:static;overflow:visible;margin:6px 0 0;padding:18px 0 0;border-top:2px solid var(--line);width:100%}
.batch-story #setup-review{--stage-count:7}
.batch-story #brewday{--stage-count:6}
.batch-story :is(#ferment,#complete){--stage-count:5}
.batch-story :is(.bd-rail>li){min-width:0}
.batch-story :is(#setup-review,#brewday) .bd-step,.batch-story :is(#ferment,#complete) .flow-tab{display:flex;align-items:center;justify-content:flex-start;gap:10px;width:100%;min-width:0;min-height:44px;padding:10px 0;border:0;border-radius:0;background:none;box-shadow:none;text-align:left;color:var(--muted);overflow-wrap:anywhere}
.batch-story :is(#setup-review,#brewday) .bd-step[aria-selected="true"],.batch-story :is(#ferment,#complete) .flow-tab[aria-selected="true"]{border:0;color:var(--accent);background:none}
.batch-story :is(#setup-review,#brewday) .bd-step b,.batch-story :is(#ferment,#complete) .ft-t b{font-size:14px;line-height:1.5}
.batch-story :is(#setup-review,#brewday) .bd-rail small,.batch-story :is(#ferment,#complete) .ft-t small,.batch-story .flow-tab::before,.batch-story .ft-prog,.batch-story .bd-dot{display:none!important}
.batch-story :is(#ferment,#complete) .ft-t{display:flex;align-items:center;gap:10px;width:100%}
.batch-story :is(#ferment,#complete) .ft-t b{min-width:0;max-width:100%;overflow-wrap:anywhere}
.batch-story :is(#ferment,#complete) .ft-n,.batch-story .setup-step-number{font:11px var(--f-mono);color:var(--accent)}
.batch-story #setup-review .setup-step-number{align-self:auto}
.batch-story :is(#ferment,#complete) .flow-tabs{grid-row:2}
.batch-story #brewday .bd-rail{counter-reset:brew-step}
.batch-story #brewday .bd-rail>li{counter-increment:brew-step}
.batch-story #brewday .bd-step::before{content:counter(brew-step,decimal-leading-zero);font:11px var(--f-mono);color:var(--accent)}
.batch-story #brewday:not(.scroll-scene) .bd-sticky{position:static;height:auto;min-height:0;padding-block:0}
.batch-story :is(#setup-review,#brewday,#ferment,#complete) .stack{width:min(100%,calc(clamp(270px,100svh - 340px,760px)*var(--shot-ratio,1.594)));margin-inline:auto}
.batch-story :is(#setup-review,#brewday,#ferment,#complete).scene-candidate .stack{width:min(100%,calc(var(--scene-shot-height)*var(--scene-shot-ratio,var(--shot-ratio,1.594))))}
.batch-story :is(#setup-review,#brewday,#ferment,#complete) .stack>.shot img{width:100%;height:auto;object-fit:contain}
.batch-story .scroll-scene .scroll-scene-stage{box-sizing:border-box;align-content:center;justify-content:normal;min-height:var(--scene-viewport);height:auto}
.batch-story #brewday.scroll-scene .scroll-scene-stage{padding-block:0}
.batch-story :is(.bd-step,.flow-tab):focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(min-width:1700px){
.batch-story :is(#setup-review,#ferment,#complete)>.wrap,.batch-story #brewday .bd-grid{width:calc(100% - 144px);max-width:2200px;grid-template-columns:minmax(340px,.3fr) minmax(0,1fr);column-gap:clamp(64px,5vw,140px)}
.batch-story :is(#setup-review,#brewday) .bd-copy>h2,.batch-story :is(#ferment,#complete) .sec-head h2{font-size:clamp(40px,2.6vw,62px)}
.batch-story :is(#setup-review,#brewday) .setup-intro,.batch-story :is(#ferment,#complete) .sec-head .lead{font-size:18px}
}
@media(max-width:899px){
.batch-story :is(#setup-review,#ferment,#complete)>.wrap,.batch-story #brewday .bd-grid{width:calc(100% - 40px);grid-template-columns:minmax(0,1fr);gap:22px}
.batch-story :is(#setup-review,#brewday) .bd-copy>.eyebrow{grid-row:1}
.batch-story :is(#setup-review,#brewday) .bd-copy>h2{grid-row:2;font-size:clamp(24px,4.7vw,36px)}
.batch-story :is(#setup-review,#brewday) .setup-intro{grid-row:3;font-size:14px;max-width:36em}
.batch-story :is(#setup-review,#brewday) .bd-rail,.batch-story :is(#ferment,#complete) .flow-tabs{grid-column:1;grid-row:4;gap:6px;margin:0;padding-top:12px}
.batch-story :is(#setup-review,#brewday) .bd-mac{grid-column:1;grid-row:5}
.batch-story :is(#ferment,#complete) .sec-head{grid-column:1;grid-row:1;max-width:36em}
.batch-story :is(#ferment,#complete) .sec-head h2{font-size:clamp(24px,4.7vw,36px)}
.batch-story :is(#ferment,#complete) .sec-head .lead{font-size:14px;margin-top:16px}
.batch-story :is(#ferment,#complete) .flow-tabs{grid-row:2}
.batch-story :is(#ferment,#complete) .flow-view{grid-column:1;grid-row:3;gap:16px}
.batch-story :is(#setup-review,#brewday) .bd-step,.batch-story :is(#ferment,#complete) .ft-t{flex-direction:column;align-items:flex-start;gap:6px}
.batch-story :is(#setup-review,#brewday) .bd-step b,.batch-story :is(#ferment,#complete) .ft-t b{font-size:11px}
.batch-story :is(#setup-review,#brewday,#ferment,#complete) .stack{width:100%}
.batch-story :is(#setup-review,#brewday) .bd-cap{flex-wrap:wrap;gap:12px}
.batch-story #setup-review .setup-current{flex:1 1 220px}
.batch-story :is(#setup-review,#brewday) .brew-step-controls{margin-left:auto}
}
@media(max-width:420px){
.batch-story :is(#setup-review,#ferment,#complete)>.wrap,.batch-story #brewday .bd-grid{width:calc(100% - 32px)}
.batch-story #setup-review .bd-rail{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:4px}
.batch-story :is(#ferment,#complete) .ft-t b{font-size:10px}
}

@media(max-width:760px){
.hero .hero-copy{margin-bottom:16px;translate:none}
.hero .hero-copy>.ctas{position:absolute;top:calc(100% + 32px);left:16px;right:16px;margin:0;z-index:5}
.hero .hero-copy>.hero-availability{position:absolute;top:calc(100% + 94px);left:16px;right:16px;margin:0;font-size:11px;line-height:1.6;color:#fff;text-shadow:0 1px 4px #000,0 0 12px #000;z-index:5}
.hero .hero-download{min-height:48px}
#numbers .nums{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row;overflow:visible;scroll-snap-type:none;gap:0;padding-block:12px}
#numbers .num{min-width:0;padding:18px 12px;translate:none;border-left:0;border-bottom:1px solid var(--line)}
#numbers .num:nth-child(even){border-left:1px solid var(--line)}
#numbers .num:last-child{grid-column:1/-1;border-bottom:0}
#numbers .num dt{font-size:36px}
#numbers .num dd{margin:0;text-align:center;overflow-wrap:anywhere}
}

.library-route{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:clamp(36px,5vw,72px);padding-block:20px;border-block:1px solid var(--line)}
.library-route a{display:flex;align-items:center;gap:12px;min-width:0;min-height:44px;color:var(--ink-2);text-decoration:none}
.library-route a>span{font:11px var(--f-mono);color:var(--accent)}
.library-route b{font-size:14px;font-weight:500}
.library-route a:hover{color:var(--accent)}
:is(#styles,#ingredients,#tools,#sharing).library-chapter{scroll-margin-top:100px;padding-block:clamp(56px,6vw,100px);background:none}
:is(#styles,#ingredients,#tools,#sharing).library-chapter>.wrap{width:min(calc(100% - 80px),1500px);max-width:none;padding-inline:0}
:is(#styles,#ingredients,#sharing).library-chapter .mod{display:grid;grid-template-columns:minmax(220px,.34fr) minmax(0,1fr);gap:28px clamp(36px,5vw,90px);align-items:center}
:is(#styles,#ingredients,#sharing).library-chapter .mod-copy{grid-column:1;grid-row:1;display:flex;flex-direction:column;align-items:flex-start;gap:0;min-width:0;padding:0;text-align:left;translate:none}
:is(#styles,#ingredients,#sharing).library-chapter .mod-copy h2{font-size:clamp(27px,2.8vw,44px);line-height:1.35;margin:20px 0 0;text-align:left;text-wrap:balance}
:is(#styles,#ingredients,#sharing).library-chapter .mod-copy h2 br{display:initial}
:is(#styles,#ingredients,#sharing).library-chapter .mod-copy .lead{font-size:15px;line-height:1.9;margin:26px 0 0;max-width:32em;text-align:left}
:is(#styles,#ingredients,#sharing).library-chapter .window-shot{grid-column:2;grid-row:1;width:100%;max-width:none;margin:0;justify-self:stretch;translate:none;rotate:none}
:is(#styles,#ingredients,#sharing).library-chapter .stack{width:100%;margin:0}
:is(#styles,#ingredients).library-chapter .reference-detail{min-height:72px;padding-top:16px;margin-top:16px;grid-template-columns:28px minmax(0,1fr);gap:12px;align-items:start}
:is(#styles,#ingredients).library-chapter .reference-detail .reference-number{font-size:12px;padding-top:5px}
:is(#styles,#ingredients).library-chapter .reference-detail p{font-size:14px;line-height:1.8}
:is(#styles,#ingredients,#sharing).library-chapter .mod>.seg-toggle{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(var(--reference-count,3),minmax(0,1fr));gap:12px;margin:0;padding:16px 0 0;border:0;border-top:2px solid var(--line);border-radius:0;background:none;box-shadow:none;backdrop-filter:none;width:100%}
#ingredients{--reference-count:5}
#sharing{--reference-count:2}
:is(#styles,#ingredients,#sharing).library-chapter .mod>.seg-toggle button{display:flex;align-items:center;justify-content:flex-start;min-width:0;min-height:48px;padding:10px 0;font-size:14px;line-height:1.6;border:0;border-radius:0;background:none;white-space:normal;text-align:left;overflow-wrap:anywhere}
:is(#styles,#ingredients,#sharing).library-chapter .mod>.seg-toggle button[aria-selected="true"]{border:0;color:var(--accent);background:none}
:is(#styles,#sharing).library-chapter .mod>.reference-card{grid-column:1/-1;grid-row:3;display:grid;grid-template-columns:minmax(220px,.34fr) minmax(0,1fr);column-gap:clamp(36px,5vw,90px);row-gap:8px;margin:0;padding:24px 0;border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none;background:none}
:is(#styles,#sharing).library-chapter .mod>.reference-card p{grid-column:2;grid-row:1/4;align-self:center;max-width:65em}
:is(#styles,#sharing).library-chapter .mod>.reference-card h3{margin:0!important;font-size:16px!important}
:is(#styles,#sharing).library-chapter .mod>.reference-card .reference-links{margin:0}
#tools .section-heading{grid-template-columns:minmax(220px,.34fr) minmax(0,1fr);gap:28px clamp(36px,5vw,90px);align-items:start;margin-bottom:24px}
#tools .section-heading h2{font-size:clamp(27px,2.8vw,44px);line-height:1.35;margin-top:12px}
#tools .section-heading .lead{max-width:44em;font-size:15px;line-height:1.9}
#tools .tool-explorer{grid-template-columns:minmax(220px,.34fr) minmax(0,1fr);gap:clamp(36px,5vw,90px);width:100%;max-width:none;margin:0}
#tools .tool-workspace{border:0;background:none;box-shadow:none;border-radius:0}
#tools .tools-categorized .tool-directory{position:static;padding:0 24px 0 0;max-height:none;border-right:1px solid var(--line);background:none;box-shadow:none;border-radius:0}
#tools .tools-categorized #tool-list{height:auto;max-height:none;overflow:visible;margin-top:18px}
#tools .tool-panel-head{padding:0 0 22px;min-height:0}
#tools .tool-screen{max-width:none;padding:0}
#tools .tool-view-bar{display:none}
#tools .tool-facts{padding:20px 0 0}
#tools .tool-categories{gap:24px;margin-bottom:28px}
#tools .tool-group button{min-height:44px;font-size:14px;padding-block:12px}
#sharing .pdf-reader{grid-template-columns:minmax(220px,.34fr) minmax(0,1fr);gap:clamp(36px,5vw,90px);padding-top:48px;margin-top:48px;align-items:center}
#sharing .pdf-reader .pdf-copy{position:static;display:block}
#sharing .pdf-reader .pdf-copy h3{font-size:clamp(24px,2.2vw,34px);line-height:1.4}
#sharing .pdf-reader .pdf-copy .lead{font-size:15px;line-height:1.9}
#sharing .pdf-reader .pdf-preview{width:min(100%,580px);max-width:none;justify-self:center;grid-row:auto;rotate:none;translate:none}
#sharing .pdf-reader .pdf-preview figcaption{display:flex}
#sharing .pdf-reader .pdf-features{position:static;display:grid;grid-template-columns:1fr;gap:0;margin:24px 0;padding:0;border:0;counter-reset:pdf}
#sharing .pdf-reader .pdf-features span{counter-increment:pdf;display:flex;gap:12px;padding:14px 0;border-top:1px solid var(--line);font-size:14px;line-height:1.7}
#sharing .pdf-reader .pdf-features span::before{content:counter(pdf,decimal-leading-zero);font:11px/2.2 var(--f-mono);color:var(--accent)}
:is(.library-route a,#styles button,#ingredients button,#tools button,#sharing button,#sharing a):focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@media(min-width:1700px){
:is(#styles,#ingredients,#tools,#sharing).library-chapter>.wrap{width:calc(100% - 144px);max-width:2200px}
:is(#styles,#ingredients,#sharing).library-chapter .mod,#tools .section-heading,#tools .tool-explorer,#sharing .pdf-reader{grid-template-columns:minmax(340px,.3fr) minmax(0,1fr);column-gap:clamp(64px,5vw,140px)}
:is(#styles,#ingredients,#sharing).library-chapter .mod-copy h2,#tools .section-heading h2{font-size:clamp(40px,2.6vw,62px)}
:is(#styles,#ingredients,#sharing).library-chapter .mod-copy .lead,#tools .section-heading .lead{font-size:18px}
}
@media(max-width:1099px){
:is(#styles,#ingredients,#sharing).library-chapter .mod{display:grid}
#tools .tool-explorer{grid-template-columns:minmax(180px,.34fr) minmax(0,1fr)}
#tools .tools-categorized .tool-group{display:block}
#tools .tool-facts{grid-template-columns:1fr;gap:14px}
}
@media(max-width:899px){
:is(#styles,#ingredients,#tools,#sharing).library-chapter>.wrap{width:calc(100% - 40px)}
:is(#styles,#ingredients,#sharing).library-chapter .mod,#tools .section-heading,#tools .tool-explorer,#sharing .pdf-reader{grid-template-columns:minmax(0,1fr);gap:24px}
.library-route{gap:8px;margin-bottom:36px;padding-block:14px}
.library-route a{align-items:flex-start;flex-direction:column;gap:6px}
.library-route b{font-size:12px;overflow-wrap:anywhere}
:is(#styles,#ingredients,#sharing).library-chapter .mod-copy{grid-row:1;width:100%}
:is(#styles,#ingredients,#sharing).library-chapter .mod-copy h2,#tools .section-heading h2{font-size:clamp(26px,4.7vw,36px)}
:is(#styles,#ingredients,#sharing).library-chapter .mod-copy .lead{max-width:44em;margin-top:16px;font-size:14px}
:is(#styles,#ingredients,#sharing).library-chapter .window-shot{grid-column:1;grid-row:3}
:is(#styles,#ingredients,#sharing).library-chapter .mod>.seg-toggle{grid-row:2;gap:10px;padding-top:12px}
:is(#styles,#ingredients,#sharing).library-chapter .mod>.seg-toggle button{font-size:12px}
:is(#styles,#sharing).library-chapter .mod>.reference-card{grid-row:4;display:block}
:is(#styles,#sharing).library-chapter .mod>.reference-card h3{margin-block:8px!important}
:is(#styles,#sharing).library-chapter .mod>.reference-card p{margin:12px 0}
#tools .section-heading .lead{font-size:14px}
#tools .tools-categorized .tool-directory{border-right:0;border-bottom:1px solid var(--line);padding:0 0 20px}
#tools .tools-categorized .tool-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px}
#tools .tools-categorized .tool-group h3{grid-column:1/-1}
#tools .tool-panel-head h3{font-size:24px}
#tools .tool-categories{gap:20px}
#sharing .pdf-reader{margin-top:36px;padding-top:32px}
#sharing .pdf-reader .pdf-preview{grid-row:auto}
#sharing .pdf-reader .pdf-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
}
@media(max-width:420px){:is(#styles,#ingredients,#tools,#sharing).library-chapter>.wrap{width:calc(100% - 32px)}#sharing .pdf-reader .pdf-features{grid-template-columns:1fr}}

#tools.library-chapter .tool-search>span{display:block}

@media(min-width:1100px){
:root{--desktop-shot-height:clamp(340px,calc(100svh - 340px),900px)}
:is(#app,#recipes,#brewing,#setup-review,#ferment,#complete,#styles,#ingredients,#tools,#sharing).continuity-section>.wrap,.batch-story :is(#setup-review,#ferment,#complete).continuity-section>.wrap,.batch-story #brewday .bd-grid,#highlights .wrap{width:min(calc(100% - 96px),1800px);max-width:1800px}
.batch-route{width:min(calc(100% - 96px),1800px)}
:is(#styles,#ingredients,#sharing).library-chapter .mod,#tools .section-heading,#tools .tool-explorer{grid-template-columns:minmax(280px,.34fr) minmax(0,1fr);column-gap:clamp(40px,4vw,80px)}
.batch-story :is(#setup-review,#brewday) .bd-grid,.batch-story :is(#ferment,#complete)>.wrap{grid-template-columns:minmax(280px,.34fr) minmax(0,1fr);column-gap:clamp(40px,4vw,80px)}
:is(#styles,#ingredients,#sharing).library-chapter .mod-copy h2,#tools .section-heading h2,.batch-story :is(#setup-review,#brewday) .bd-copy>h2,.batch-story :is(#ferment,#complete) .sec-head h2{font-size:clamp(32px,2.4vw,48px)}
:is(#styles,#ingredients,#sharing).library-chapter .window-shot{width:min(100%,calc(var(--desktop-shot-height)*var(--shot-ratio,1.594)));justify-self:end}
:is(#app,#recipes,#brewing,#setup-review,#brewday,#ferment,#complete,#styles,#ingredients,#sharing) .window-shot .stack,.batch-story :is(#setup-review,#brewday,#ferment,#complete).scene-candidate .stack{width:min(100%,calc(min(var(--scene-shot-height,var(--desktop-shot-height)),var(--desktop-shot-height))*var(--scene-shot-ratio,var(--shot-ratio,1.594))));margin-inline:auto}
#highlights .product-capture,#highlights.is-scroll-journey .hl-media .product-capture{width:min(100%,calc(var(--desktop-shot-height)*var(--shot-ratio,1.594)));margin-inline:auto}
#highlights .hl-media .shot img,#highlights.is-scroll-journey .hl-media .shot img{max-height:none;width:100%;height:auto}
#tools .tool-screen{width:min(100%,calc(var(--desktop-shot-height)*var(--shot-ratio,1.594)));max-width:none;margin-inline:auto}
#tools .tool-panel-head,#tools .tool-facts{max-width:calc(var(--desktop-shot-height)*var(--shot-ratio,1.594));margin-inline:auto}
#sharing .pdf-reader{grid-template-columns:minmax(280px,.5fr) minmax(0,1fr);max-width:1480px;column-gap:80px}
#sharing .pdf-reader .pdf-preview{width:min(100%,calc(min(840px,100svh - 180px)*.7075))}
#start.start-enhanced .start-stage{width:min(100%,calc(var(--desktop-shot-height)*var(--shot-ratio,1.594)));max-width:1148px;justify-self:end}
.batch-story .scroll-scene .scroll-scene-stage{align-content:end}
}
@media(min-width:1100px) and (max-height:780px){
#highlights.is-scroll-journey .hl-media .product-capture{width:min(100%,calc((100svh - 280px)*var(--shot-ratio,1.594)))}
}
@media(min-width:1700px) and (min-height:1100px){
:is(#app,#recipes,#brewing,#setup-review,#ferment,#complete,#styles,#ingredients,#tools,#sharing).continuity-section>.wrap,.batch-story :is(#setup-review,#ferment,#complete).continuity-section>.wrap,.batch-story #brewday .bd-grid,#highlights .wrap,.batch-route{width:min(calc(100% - 96px),2000px);max-width:2000px}
}

.batch-story :is(#ferment,#complete) .sec-head .flow-notes{margin-top:28px;padding-top:22px;border-top:1px solid var(--line);min-height:0;text-align:left}
.batch-story :is(#ferment,#complete) .sec-head .fn{max-width:none;gap:12px;font-size:14px;line-height:1.85}
.batch-story :is(#ferment,#complete) .sec-head .fn h3{font-size:18px;line-height:1.5}
.batch-story :is(#ferment,#complete) .sec-head .fn p{font-size:14px;line-height:1.85}
@media(max-width:899px){.batch-story :is(#ferment,#complete) .sec-head .flow-notes{margin-top:20px;padding-top:18px}.batch-story :is(#ferment,#complete) .sec-head .fn h3{font-size:16px}}

.batch-story :is(#setup-review,#brewday,#ferment,#complete) .bd-cap{display:flex;align-items:center;flex-wrap:nowrap;gap:12px;width:100%;box-sizing:border-box;min-height:54px;margin:16px auto 0;padding:18px 0 0;border-top:1px solid var(--line);font-size:14px}
.batch-story :is(#setup-review,#brewday,#ferment,#complete) .bd-num{font:600 32px/1 var(--f-mono);color:var(--accent)}
.batch-story :is(#setup-review,#brewday,#ferment,#complete) .bd-of{font:12px var(--f-mono);color:var(--muted)}
.batch-story :is(#setup-review,#brewday,#ferment,#complete) .bd-label{flex:1;width:auto;margin:0;font-size:14px;line-height:1.6}
.batch-story :is(#setup-review,#brewday,#ferment,#complete) .brew-step-controls{display:flex;gap:8px;margin-left:auto;flex-shrink:0}
.batch-story :is(#ferment,#complete) .flow-view{gap:0}
@media(max-width:899px){.batch-story :is(#setup-review,#brewday,#ferment,#complete) .bd-cap{gap:8px;flex-wrap:wrap}.batch-story :is(#setup-review,#brewday,#ferment,#complete) .bd-num{font-size:24px}.batch-story :is(#setup-review,#brewday,#ferment,#complete) .bd-label{font-size:12px}}

.batch-story :is(#setup-review,#brewday) .stage-detail{grid-column:1;grid-row:4;align-self:start;min-height:140px;max-width:32em;padding-top:22px;border-top:1px solid var(--line)}
.batch-story :is(#setup-review,#brewday) .stage-detail h3{margin:0 0 12px;font-size:18px;line-height:1.5}
.batch-story :is(#setup-review,#brewday) .stage-detail p{margin:0;font-size:14px;line-height:1.85;color:var(--ink-2)}
@media(max-width:899px){.batch-story :is(#setup-review,#brewday) .stage-detail{grid-row:4;min-height:0;max-width:36em;padding-top:18px}.batch-story :is(#setup-review,#brewday) .bd-rail{grid-row:5}.batch-story :is(#setup-review,#brewday) .bd-mac{grid-row:6}.batch-story :is(#setup-review,#brewday) .stage-detail h3{font-size:16px}}

.batch-story :is(#setup-review,#brewday) .bd-copy{display:block;grid-column:1;grid-row:1/5;align-self:center}
.batch-story :is(#setup-review,#brewday) .bd-copy>h2{margin:20px 0 0}
.batch-story :is(#setup-review,#brewday) .setup-intro{margin:26px 0 0}
.batch-story :is(#setup-review,#brewday) .stage-detail{margin-top:28px;min-height:140px}
@media(max-width:899px){.batch-story :is(#setup-review,#brewday) .bd-copy{grid-row:1}.batch-story :is(#setup-review,#brewday) .bd-rail{grid-row:2}.batch-story :is(#setup-review,#brewday) .bd-mac{grid-row:3}.batch-story :is(#setup-review,#brewday) .setup-intro{margin-top:16px}.batch-story :is(#setup-review,#brewday) .stage-detail{margin-top:20px;min-height:0}}

.library-source{padding-block:24px 48px}
.library-source .reference-card{margin:0;border:0;border-top:1px solid var(--line);padding:24px 0;border-radius:0;background:none;box-shadow:none}
.library-source .reference-card h3{font-size:18px;margin:10px 0}
.library-source .reference-card p{font-size:14px;line-height:1.8;max-width:72em}
.tool-categories button b{font:inherit}
.tool-categories button:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}
@media(min-width:1100px){
:is(#styles,#ingredients,#tools).library-chapter.scroll-scene{padding-block:0;margin-block:40px}
:is(#styles,#ingredients,#tools).scroll-scene .scroll-scene-stage{box-sizing:border-box;height:var(--scene-viewport);min-height:0;padding-block:18px;align-content:center}
#tools.scroll-scene .scroll-scene-stage{padding-block:12px}
:is(#styles,#ingredients).scene-candidate .window-shot{width:100%;justify-self:stretch}
:is(#styles,#ingredients).scene-candidate .window-shot .stack{width:min(100%,calc(var(--scene-shot-height)*var(--scene-shot-ratio,var(--shot-ratio,1.594))))}
:is(#styles,#ingredients).scene-candidate .mod-copy{padding-top:0}
#tools.library-chapter .section-heading{margin-bottom:18px;gap:24px}
#tools.library-chapter .section-heading h2{font-size:clamp(28px,2vw,38px);margin-top:12px}
#tools.library-chapter .section-heading .lead{font-size:15px;line-height:1.8}
#tools.library-chapter .section-meta{display:none}
#tools.library-chapter .tool-categories{margin-bottom:20px;gap:24px}
#tools.library-chapter .tool-categories button{padding-block:12px}
#tools.library-chapter .tool-directory{align-self:start}
#tools.library-chapter #tool-list{position:relative;max-height:calc(var(--scene-viewport,100svh) - 440px);overflow-y:auto;scrollbar-width:thin;scroll-padding-block:12px}
#tools.library-chapter .tool-group button{padding-block:8px;min-height:40px}
#tools.library-chapter .tool-screen{width:min(100%,calc(var(--scene-shot-height)*var(--scene-shot-ratio,var(--shot-ratio,1.594))))}
#tools.library-chapter .tool-panel-head{min-height:112px;padding:0 0 18px}
#tools.library-chapter .tool-panel-head h3{font-size:26px}
#tools.library-chapter .tool-facts{min-height:94px;padding:16px 0 0;box-sizing:border-box;gap:24px}
#tools.library-chapter .tool-facts dd{font-size:12px}
}

/* Let wide desktop device captures use the available height without a narrow cap. */
@media(min-width:1800px) and (min-height:900px){
  #devices>.wrap{width:min(calc(100% - 128px),1920px);max-width:1920px}
}

/* Phone browsers: readable captures, native horizontal galleries and compact tools. */
@media(max-width:600px){
  #devices #dev-iphone{padding-block:28px}
  #dev-iphone .dev-copy{margin-bottom:24px}
  #dev-iphone .phone-tabs{margin-bottom:20px;gap:0;scroll-padding-inline:8px}
  #dev-iphone .phone-tabs button{min-width:88px;min-height:48px;padding:12px 10px;font-size:13px}
  #dev-iphone .phone-stage{display:block;min-height:0;padding-bottom:0}
  #dev-iphone .phone-panel{grid-template-columns:minmax(0,1fr);gap:16px}
  #dev-iphone .phone-panel[hidden]{display:none}
  #dev-iphone .phone-panel .phone-panel-copy{grid-column:1;grid-row:1;min-height:106px;margin:0;padding:0;border:0}
  #dev-iphone .phone-panel h4{font-size:24px;margin:0 0 8px}
  #dev-iphone .phone-description{font-size:14px;line-height:1.7}
  #dev-iphone .phone-panel-copy .phone-zoom-hint{font-size:11px;margin:10px 0 0}
  #dev-iphone .phone-panel>.phone-pair,#dev-iphone .phone-strip-media{grid-column:1;grid-row:2}
  #dev-iphone .phone-panel .phone-pair,#dev-iphone .phone-gallery[style*="--phone-uniform-width"] #phone-panel-brews .phone-pair{
    width:100%;max-width:100%;box-sizing:border-box;margin:0;justify-content:flex-start;gap:16px;
    padding:0 max(16px,calc((100% - var(--phone-uniform-width,250px))/2)) 12px;
    overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:0;touch-action:pan-x pan-y;clip-path:none;
    scrollbar-width:thin;scrollbar-color:var(--accent) var(--line)
  }
  #dev-iphone .phone-gallery[style*="--phone-uniform-width"] .phone-panel figure{flex:0 0 var(--phone-uniform-width);max-width:none;scroll-snap-align:center}
  #dev-iphone .phone-panel figcaption{height:24px;margin-bottom:10px;font-size:12px}
  #dev-iphone .phone-strip-media>.phone-strip-prev{left:0}
  #dev-iphone .phone-strip-media>.phone-strip-next{right:0}
  #dev-iphone .phone-strip-media>button{width:36px;height:44px;background:var(--bg);border-color:var(--line)}
  #dev-iphone #phone-panel-brews .phone-strip-nav{position:static;grid-column:1;grid-row:3;margin:4px 0 0}
  #dev-iphone .phone-strip-links{gap:4px}
  #dev-iphone .phone-strip-links button{font-size:12px;padding:8px;min-height:44px}
  #dev-iphone .phone-footer{padding-top:16px;margin-top:20px;gap:12px}
  #dev-iphone .phone-controls button{min-height:44px}
  #devices #dev-ipad{padding-block:28px}
  #devices #dev-ipad .dev-stage{order:0}
  #tools .tool-categories{gap:16px;overflow-x:auto;white-space:nowrap}
  #tools .tools-categorized #tool-list{display:flex;flex-wrap:nowrap;gap:8px;height:auto;max-height:none;overflow-x:auto;overflow-y:hidden;padding-bottom:10px;margin-top:12px;scrollbar-width:thin}
  #tools .tools-categorized .tool-group{display:contents}
  #tools .tools-categorized .tool-group[hidden]{display:none}
  #tools .tool-group h3{display:none}
  #tools .tools-categorized .tool-group button{flex:0 0 auto;width:auto;min-width:100px;min-height:44px;padding:10px 12px;gap:12px;white-space:nowrap;border:1px solid var(--line);border-radius:10px}
  #tools .tool-panel-head{min-height:0;padding:0 0 16px}
  #tools .tool-search input{font-size:16px;min-height:44px}
  #plan-years{min-height:44px}
}
@media(max-width:360px){
  .nav .nav-in{gap:4px;padding-inline:8px}
  .nav .logo{font-size:14px;gap:4px}
  .nav .logo-mark{width:24px;height:24px}
  .nav .btn-sm{padding-inline:10px}
  .nav #language-switch{padding-inline:8px}
}

/* Captions contain two independent paragraphs; give each its own grid row. */
.reference-detail p{grid-row:auto}
.reference-detail{row-gap:8px}
@media(max-width:600px){
  #highlights .hl-dots{display:flex;gap:8px;overflow-x:auto;padding:12px 0 8px;scrollbar-width:thin;overscroll-behavior-x:contain}
  #highlights .hl-dot{flex:0 0 auto;min-width:76px;min-height:48px;flex-direction:row;align-items:center;gap:8px;padding:10px 8px;font-size:13px;white-space:nowrap}
  #highlights .hl-dot small{font-size:10px}
  .batch-story :is(#setup-review,#brewday) .bd-rail,.batch-story :is(#ferment,#complete) .flow-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:8px;scrollbar-width:thin;overscroll-behavior-x:contain;padding-bottom:10px}
  .batch-story :is(#setup-review,#brewday) .bd-step,.batch-story :is(#ferment,#complete) .flow-tab{flex:0 0 auto;width:auto;min-width:96px;min-height:52px;padding:10px;gap:6px}
  .batch-story :is(#setup-review,#brewday) .bd-step b,.batch-story :is(#ferment,#complete) .ft-t b{font-size:12px;white-space:nowrap}
  .reference-tabs button,.screenshot-tabs button,.recipe-tabs button{min-height:44px}
  #styles .reference-detail,#ingredients .reference-detail{min-height:0;margin-top:16px;padding-top:16px;align-items:start}
  #styles .reference-detail p,#ingredients .reference-detail p{line-height:1.8;font-size:13px}
  footer a{display:inline-flex;align-items:center;min-height:44px}
  #pricing .plan-note{font-size:12px;line-height:1.8}
}
@media(max-width:600px){
  #styles .reference-tabs,#ingredients .reference-tabs{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding-bottom:8px}
  #styles .reference-tabs button,#ingredients .reference-tabs button{flex:0 0 auto;min-width:88px;min-height:44px;padding:10px 12px;font-size:13px;white-space:nowrap;overflow-wrap:normal}
  .nav .logo,.nav .theme-btn,.nav .nav-menu,.nav .btn-sm,.nav #language-switch{min-height:44px}
  .nav .theme-btn,.nav .nav-menu{min-width:44px}
}
@media(max-width:600px){
  :is(#styles,#ingredients).library-chapter .mod>.seg-toggle.reference-tabs{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding-bottom:8px}
  :is(#styles,#ingredients).library-chapter .mod>.seg-toggle.reference-tabs button{flex:0 0 auto;min-width:88px;min-height:44px;padding:10px 12px;font-size:13px;white-space:nowrap;overflow-wrap:normal}
  :is(#styles,#ingredients).library-chapter .mod>.seg-toggle.reference-tabs button>span{white-space:nowrap}
}

/* A compact, consistent mobile rhythm and real touch-scrolling image strips. */
@media(max-width:600px){
  main>.section,main>.continuity-section,.batch-story>.continuity-section{padding-block:28px}
  .batch-story{margin-block:0}
  #devices.continuity-section .sec-head,.sec-head,.section-heading{margin-bottom:24px}
  :is(#styles,#ingredients,#sharing).library-chapter{padding-block:28px}
  .library-source{padding-block:0;margin-block:0 24px}
  .library-source .reference-card{padding-block:18px}
  .library-source .reference-card h3{margin-block:8px}
  .library-route{margin-block:8px 24px;padding-block:10px}
  #highlights .hl-text{min-height:0}
  #highlights .hl-card{gap:20px}
  #highlights .hl-shell{gap:20px}
  .batch-story :is(#setup-review,#brewday) .bd-copy,.batch-story :is(#ferment,#complete) .sec-head{gap:16px}
  #complete.scene-candidate .flow-notes{min-height:0}
  #devices #dev-ipad,#devices #dev-iphone{padding-block:24px}
  #dev-iphone .phone-panel .phone-panel-copy{min-height:0}
  #dev-iphone .phone-panel{gap:12px}
  #dev-iphone .phone-tabs{margin-bottom:16px}
  #dev-iphone .phone-footer{margin-top:12px}
  #devices.continuity-section #icloud{padding-block:24px}
  #sharing .pdf-reader{margin-top:24px;padding-top:24px;gap:18px}
  #sharing .pdf-reader .pdf-features{position:static}
  #pricing.continuity-section,#download.continuity-section,#faq.continuity-section,#start.continuity-section,#trust.continuity-section{padding-block:28px}
  .cta-wrap.continuity-section{padding-block:20px 28px}
  .cta-wrap.continuity-section .cta-band{padding-top:24px}
  .stack.mobile-swipe-gallery{display:flex!important;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;touch-action:pan-x pan-y;scrollbar-width:thin;scrollbar-color:var(--accent) var(--line);width:100%!important;max-width:100%;min-height:0;aspect-ratio:auto;padding-bottom:10px}
  .stack.mobile-swipe-gallery>.shot{position:relative!important;inset:auto!important;flex:0 0 94%;width:94%!important;max-width:none;opacity:1!important;visibility:visible!important;filter:none!important;transform:none!important;translate:none!important;transition:none!important;scroll-snap-align:start;align-self:flex-start;grid-area:auto}
  #devices .dev-stage-ipad,#download .plat-devices{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;touch-action:pan-x pan-y;padding:0 0 12px;align-items:center;scrollbar-width:thin}
  #devices .dev-stage-ipad>.ipad,#devices .dev-stage-ipad>.ipad.portrait,#download .plat-devices>.ipad,#download .plat-devices>.iphone{position:relative;inset:auto;flex:0 0 88%;width:88%;margin:0;translate:none;transform:none;scroll-snap-align:center}
  #devices .dev-stage-ipad>.ipad.portrait,#download .plat-devices>.iphone{flex-basis:56%;width:56%}
}
@media(max-width:600px){
  .library-route{margin-bottom:0}
  :is(#styles,#ingredients,#sharing).library-chapter .mod{gap:16px}
  #sharing .pdf-reader .pdf-copy>.reference-links{margin-block:8px}
}

#tools .tool-guide{margin:16px 0 0;font-size:13px}#tools .tool-guide a{display:inline-flex;align-items:center;min-height:44px;gap:4px;color:var(--accent);text-underline-offset:4px}

/* Contextual help belongs beside the tool title, before its screenshot. */
#tools .tool-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;margin:6px 0 12px}
#tools .tool-title-row h3{margin:0;min-height:44px;display:flex;align-items:center}
#tools .tool-title-row .tool-guide{margin:0;flex:0 0 auto;font-size:12px;line-height:1.5}
#tools .tool-title-row .tool-guide a{padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--glass);text-decoration:none;white-space:nowrap;transition:border-color .2s,background .2s}
#tools .tool-title-row .tool-guide a:hover{border-color:var(--accent);background:var(--accent-wash)}
#tools .tool-title-row .tool-guide a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:600px){#tools .tool-title-row{gap:6px 12px;margin-block:0 10px}#tools .tool-title-row .tool-guide a{padding-inline:10px;font-size:11px}}

/* Homepage tools share the editorial copper-and-glass rhythm of the other chapters. */
#tools .tool-title-row{justify-content:flex-start;gap:12px 20px}
#tools .tool-title-row .tool-guide{margin:0}
#tools .tool-title-row .tool-guide a{background:none;color:var(--accent);border-color:var(--line);box-shadow:none}
#tools .tool-title-row .tool-guide a:hover{background:var(--accent-wash);border-color:var(--accent)}
#tools .tool-facts dt{color:var(--muted);font-size:11px;font-weight:500;letter-spacing:.02em}
#tools .tool-facts dd{color:var(--ink-2);font-size:13px;line-height:1.7}
#tools .tool-capture .shot{border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 10px 28px #00000007}
@media(min-width:1100px){
  #tools.library-chapter>.wrap{width:min(calc(100% - 96px),1800px);max-width:1800px}
  #tools.library-chapter{--tool-media-height:clamp(270px,calc(var(--scene-viewport,100svh) - 470px),700px)}
  #tools.library-chapter .section-heading{grid-template-columns:320px minmax(0,1fr);gap:40px;align-items:center;margin-bottom:20px}
  #tools.library-chapter .section-heading h2{font-size:clamp(28px,1.8vw,38px);line-height:1.35;margin-top:16px}
  #tools.library-chapter .section-heading .lead{max-width:44em;font-size:15px;line-height:1.8;margin:0}
  #tools.library-chapter .tool-categories{display:flex;justify-content:flex-start;gap:24px;margin-bottom:24px}
  #tools.library-chapter .tool-categories button{flex:0 0 auto;min-width:120px;justify-content:flex-start;gap:16px;min-height:48px;padding:12px 0;font-size:14px}
  #tools.library-chapter .tool-explorer{grid-template-columns:300px minmax(0,1fr);gap:40px;align-items:start}
  #tools.library-chapter .tools-categorized .tool-directory{padding:0 24px 0 0;border-right:1px solid var(--line);overflow:hidden}
  #tools.library-chapter .tool-search{margin:0 0 16px;font-size:11px;gap:8px}
  #tools.library-chapter .tool-search input{min-height:40px;padding:10px 12px;background:var(--glass-lo);border-color:var(--line);border-radius:10px;font-size:12px}
  #tools.library-chapter #tool-list{max-height:clamp(220px,calc(var(--scene-viewport,100svh) - 400px),680px);overflow-y:auto;overscroll-behavior-y:auto;margin-top:0;padding-right:4px;scrollbar-width:thin}
  #tools.library-chapter .tool-group button{min-height:38px;padding:9px 12px;font-size:13px;gap:12px;border-left:2px solid transparent;line-height:1.5}
  #tools.library-chapter .tool-group button[aria-selected="true"]{border-left-color:var(--accent);background:var(--accent-wash);color:var(--accent)}
  #tools.library-chapter .tool-group button span{min-width:0;overflow-wrap:anywhere}
  #tools.library-chapter .tool-group button small{flex:none;font-size:10px;opacity:.65}
  #tools.library-chapter .tool-count{margin:14px 12px 0;font-size:11px}
  #tools.library-chapter .tool-workspace{width:min(100%,calc(min(var(--scene-shot-height,700px),var(--tool-media-height)) * var(--scene-shot-ratio,1.594)));justify-self:center}
  #tools.library-chapter .tool-panel-head{min-height:0;padding:0 0 18px}
  #tools.library-chapter .tool-kicker{font-size:10px;letter-spacing:.08em}
  #tools.library-chapter .tool-title-row{margin:4px 0 8px;gap:12px 20px}
  #tools.library-chapter .tool-title-row h3{font-size:24px;line-height:1.3;min-height:44px}
  #tools.library-chapter .tool-panel-head>p{font-size:13px;line-height:1.8;max-width:62em}
  #tools.library-chapter .tool-screen{width:100%;max-width:none;padding:0}
  #tools.library-chapter .tool-facts{min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:16px 0 0;margin:16px 0 0;border-top:1px solid var(--line)}
  #tools.library-chapter .tool-facts dt{margin:0 0 5px}
  #tools.library-chapter .tool-facts dd{margin:0}
}
@media(min-width:1100px) and (max-width:1399px){
  #tools.library-chapter .section-heading{grid-template-columns:260px minmax(0,1fr);gap:28px}
  #tools.library-chapter .tool-explorer{grid-template-columns:240px minmax(0,1fr);gap:28px}
}
@media(max-width:600px){
  #tools .tool-title-row{justify-content:space-between;gap:8px 12px}
  #tools .tool-panel-head{padding-bottom:14px}
  #tools .tool-facts{min-height:0;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
}
@media(min-width:1100px){
  #tools.library-chapter .section-heading{grid-template-columns:clamp(320px,24vw,480px) minmax(0,1fr);gap:40px}
  #tools.library-chapter .tool-search{font-size:12px}
  #tools.library-chapter .tool-search input{font-size:13px}
}

/* Let the introduction scroll away before the tool browser pins. */
@media(min-width:1100px){
  #tools.library-chapter{--tool-media-height:clamp(270px,calc(var(--scene-viewport,100svh) - 290px),780px)}
  #tools.scroll-scene .tool-scene-stage{align-content:start;padding-block:12px}
  #tools.scroll-scene>.wrap{height:100%}
  #tools.library-chapter .section-heading{padding-top:16px;margin-bottom:24px}
}

/* A single browsing composition once the chapter introduction has scrolled away. */
@media(min-width:1100px){
  #tools .tool-scene-stage{display:grid;grid-template-columns:280px minmax(0,1fr);grid-template-rows:auto auto;column-gap:56px;row-gap:20px;align-content:center;align-items:start}
  #tools .tool-scene-stage .tool-explorer{display:contents}
  #tools.library-chapter .tool-categories{grid-column:1;grid-row:1;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0 24px 0 0;border:0}
  #tools.library-chapter .tool-categories button{min-width:0;min-height:34px;gap:8px;padding:7px 10px;border:1px solid transparent;border-radius:8px;font-size:12px;line-height:1.4}
  #tools.library-chapter .tool-categories button[aria-selected="true"]{background:var(--accent-wash);border-color:var(--line);color:var(--accent)}
  #tools.library-chapter .tool-directory{grid-column:1;grid-row:2;align-self:start}
  #tools.library-chapter .tool-workspace{grid-column:2;grid-row:1 / span 2;align-self:center;justify-self:center;width:min(100%,calc(min(var(--scene-shot-height,920px),var(--tool-media-height)) * var(--scene-shot-ratio,1.594)))}
  #tools.library-chapter{--tool-media-height:clamp(270px,calc(var(--scene-viewport,100svh) - 240px),920px)}
  #tools.scroll-scene .tool-scene-stage{align-content:center;padding-block:20px}
  #tools.library-chapter #tool-list{max-height:clamp(220px,calc(var(--scene-viewport,100svh) - 240px),680px)}
  #tools.library-chapter .tool-panel-head{padding-bottom:20px}
  #tools.library-chapter .tool-title-row h3{font-size:clamp(24px,1.5vw,30px);letter-spacing:-.025em}
  #tools.library-chapter .tool-title-row{justify-content:space-between}
  #tools.library-chapter .tool-facts{background:var(--glass-lo);border:1px solid var(--line);border-radius:12px;padding:14px 18px;margin-top:16px;gap:28px}
  #tools.library-chapter .tool-facts>div+div{border-left:1px solid var(--line);padding-left:24px}
}
@media(min-width:1100px) and (max-width:1399px){
  #tools .tool-scene-stage{grid-template-columns:240px minmax(0,1fr);column-gap:32px}
}

.tool-navigation{display:contents}
@media(min-width:1100px){
  #tools .tool-scene-stage{grid-template-rows:auto}
  #tools .tool-navigation{display:flex;flex-direction:column;gap:20px;grid-column:1;grid-row:1;align-self:center;min-width:0}
  #tools.library-chapter .tool-workspace{grid-row:1}
  #tools.library-chapter .tool-directory{width:100%;box-sizing:border-box}
  #tools.library-chapter #tool-list{max-height:clamp(220px,calc(var(--scene-viewport,100svh) - 290px),680px)}
}

/* Share the available viewport between chapter navigation, phone media and footer. */
@media(min-width:1100px){
  #dev-iphone .phone-scroll-enabled>.phone-gallery{height:var(--phone-gallery-height);box-sizing:border-box;display:flex;flex-direction:column}
  #dev-iphone .phone-scroll-enabled .phone-tabs{flex:none}
  #dev-iphone .phone-scroll-enabled .phone-stage{flex:none;margin-block:auto}
  #dev-iphone .phone-scroll-enabled .phone-footer{flex:none;margin-top:0;margin-bottom:12px}
}

/* iPad: actual localized captures, with explicit orientation controls. */
#devices #dev-ipad{display:block}
#dev-ipad .dev-copy{margin-bottom:32px}
.ipad-showcase{min-width:0;width:100%}
.ipad-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);margin-bottom:24px}
.ipad-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin}
.ipad-tabs button{flex:none;font:inherit;font-size:14px;padding:16px 22px;min-height:48px;border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);cursor:pointer}
.ipad-tabs button[aria-selected="true"]{border-color:var(--accent);color:var(--accent);background:var(--accent-wash)}
.ipad-orientations{display:flex;gap:6px;padding-bottom:8px;flex:none}
.ipad-orientations button{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:10px;background:none;color:var(--muted);cursor:pointer}
.ipad-orientations button[aria-pressed="true"]{background:var(--accent-wash);color:var(--accent)}
.ipad-orientations svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6}
.ipad-showcase button:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}
.ipad-panels{display:grid;place-items:center;min-width:0}
.ipad-panel{width:100%}
.ipad-orientation .ipad{width:min(100%,1200px,calc((100svh - 240px)*1.30));margin:0 auto;translate:none;transform:none}
.ipad-orientation .ipad.portrait{width:min(70%,580px,calc((100svh - 240px)*.73))}
.ipad-orientation .dev-body{transform:none!important}
.ipad-panel[hidden],.ipad-orientation[hidden]{display:none!important}
@media(max-width:600px){
 #dev-ipad .dev-copy{margin-bottom:24px}
 .ipad-toolbar{display:block;margin-bottom:20px}
 .ipad-tabs button{padding:12px 14px;font-size:13px}
 .ipad-orientations{justify-content:flex-end;padding-top:12px}
 .ipad-orientation .ipad{width:100%}
 .ipad-orientation .ipad.portrait{width:min(86%,440px)}
}
@media(min-width:1100px){
 #devices #dev-ipad{display:grid;grid-template-columns:minmax(240px,.30fr) minmax(0,1fr);gap:48px;align-items:center;box-sizing:border-box}
 #dev-ipad .dev-copy{display:block;margin:0}
 #dev-ipad .dev-copy h3{margin-block:20px}
 #dev-ipad .dev-copy p{font-size:14px;line-height:1.8}
 #dev-ipad .dev-copy .points{font-size:13px;margin-top:24px}
 .ipad-tabs{gap:0}
 .ipad-tabs button{padding-inline:16px}
 .ipad-orientation .ipad{width:min(100%,1200px,calc((100svh - 260px)*1.30))}
}

/* A stable iPad stage: every feature shares the same device box and baseline. */
#devices #dev-ipad{display:block}
.ipad-story-stage{min-width:0}
@media(min-width:1100px){
 .ipad-story-stage{display:grid;grid-template-columns:minmax(240px,.30fr) minmax(0,1fr);gap:48px;align-items:center}
 #devices #dev-ipad.ipad-scroll-enabled{padding-block:0;min-height:0;position:relative;overflow:visible;overflow-anchor:none}
 .ipad-scroll-enabled .ipad-story-stage{position:sticky;top:var(--ipad-inset,84px);height:var(--ipad-viewport);box-sizing:border-box;padding-block:16px}
 .ipad-scroll-enabled .ipad-showcase{display:flex;flex-direction:column;height:100%;justify-content:center}
 .ipad-scroll-enabled .ipad-toolbar{flex:none;margin-bottom:20px}
 .ipad-scroll-enabled .ipad-panels{height:calc(var(--ipad-viewport) - 110px);flex:none;align-items:center}
 .ipad-scroll-enabled .ipad-orientation .ipad{width:min(100%,calc((var(--ipad-viewport) - 120px)*1.28))}
 .ipad-scroll-enabled .ipad-orientation .ipad.portrait{width:min(100%,calc((var(--ipad-viewport) - 120px)*.72))}
 .ipad-scroll-enabled .ipad-panel{grid-area:1 / 1}
}

/* Portrait chapters show two complementary screens at exactly the same scale. */
.ipad-portrait-pair{display:flex;align-items:flex-start;justify-content:center;gap:24px;width:100%;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin}
.ipad-orientation.ipad-portrait-pair .ipad.portrait{flex:0 0 min(calc((100% - 24px)/2),calc((100svh - 240px)*.72));width:min(calc((100% - 24px)/2),calc((100svh - 240px)*.72));margin:0;scroll-snap-align:center}
@media(min-width:1100px){
 .ipad-scroll-enabled .ipad-orientation.ipad-portrait-pair .ipad.portrait{flex-basis:min(calc((100% - 24px)/2),calc((var(--ipad-viewport) - 120px)*.72));width:min(calc((100% - 24px)/2),calc((var(--ipad-viewport) - 120px)*.72))}
}
@media(max-width:600px){
 .ipad-portrait-pair{justify-content:flex-start;gap:16px;padding-bottom:12px}
 .ipad-orientation.ipad-portrait-pair .ipad.portrait{flex:0 0 86%;width:86%;max-width:none}
}

/* The five brewing detail screens form a native touch strip and page-scroll sequence. */
.ipad-brew-strip{display:flex;gap:24px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--accent) var(--line);padding-bottom:12px;position:relative;min-width:0;width:100%;touch-action:pan-x pan-y;align-items:flex-start}
.ipad-orientation.ipad-brew-strip>.ipad{flex:0 0 100%;width:100%;max-width:none;margin:0;scroll-snap-align:start;scroll-snap-stop:always}
.ipad-orientation.ipad-brew-strip>.ipad.portrait{flex-basis:calc((100% - 24px)/2);width:calc((100% - 24px)/2)}
.ipad-scroll-enabled .ipad-orientation.ipad-brew-strip{max-width:min(100%,calc((var(--ipad-viewport) - 132px)*1.28));margin-inline:auto}
.ipad-scroll-enabled .ipad-orientation.ipad-brew-strip[data-orientation="portrait"]{max-width:min(100%,calc((var(--ipad-viewport) - 132px)*1.44 + 24px))}
@media(max-width:600px){
 .ipad-brew-strip{gap:16px}
 .ipad-orientation.ipad-brew-strip>.ipad{flex-basis:94%;width:94%}
 .ipad-orientation.ipad-brew-strip>.ipad.portrait{flex-basis:86%;width:86%}
}

/* Duo poses share a physical scale: 84.1×117.8, 117.8×164.6, 164.6×117.8. */
.duo-section{scroll-margin-top:88px;min-width:0;box-sizing:border-box;padding-block:32px;border-bottom:1px solid var(--line)}
.duo-feature-tabs{display:flex;gap:0;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:thin}
.duo-feature-tabs button{font:inherit;flex:1 0 auto;padding:16px 20px;min-height:48px;border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);cursor:pointer}
.duo-feature-tabs button[aria-selected="true"]{color:var(--accent);border-color:var(--accent);background:var(--accent-wash)}
.duo-stage{display:grid;grid-template-columns:minmax(200px,.28fr) minmax(0,1fr);gap:48px;align-items:center;min-height:calc(100svh - 220px);padding-block:28px}
.duo-copy h3{font-size:clamp(24px,2.1vw,36px);line-height:1.4;margin-block:20px}
.duo-copy p{color:var(--ink-2);font-size:14px;line-height:1.8}
.duo-copy .duo-capture-note{font-size:12px;color:var(--muted);margin-top:24px;padding-top:16px;border-top:1px solid var(--line)}
.duo-preview{display:grid;grid-template-columns:84.1fr 117.8fr 164.6fr;gap:20px;align-items:end;width:min(100%,calc((100svh - 310px)*2.2266 + 40px));justify-self:center;min-width:0}
.duo-pose{margin:0;min-width:0}
.duo-device{position:relative;width:100%;aspect-ratio:84.1 / 117.8;isolation:isolate;container-type:inline-size}
.duo-pose-portrait .duo-device{aspect-ratio:117.8 / 164.6}
.duo-pose-landscape .duo-device{aspect-ratio:164.6 / 117.8}
.duo-frame-art{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;object-fit:fill}
.duo-pose-portrait .duo-frame-art{width:139.728%;height:71.568%;inset:50% auto auto 50%;transform:translate(-50%,-50%) rotate(-90deg)}
.duo-placeholder{position:absolute;inset:5% 5.5%;background:var(--glass-lo);border-radius:6cqw;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:12%;overflow:hidden;border:1px solid var(--line)}
.duo-pose-closed .duo-placeholder{border-radius:1cqw 12cqw 12cqw 1cqw;inset:4% 5% 4% 6%}
.duo-placeholder-title{font-size:clamp(10px,1.1vw,16px);font-weight:600;color:var(--muted);line-height:1.5}
.duo-pending{font-size:clamp(8px,.8vw,11px);color:var(--muted);line-height:1.6}
.duo-skeleton{display:grid;gap:10px}
.duo-skeleton i{display:block;height:5cqw;min-height:4px;border-radius:99px;background:var(--line)}
.duo-skeleton i:nth-child(2){width:82%}.duo-skeleton i:nth-child(3){width:60%}
.duo-pose figcaption{margin-top:16px;text-align:center;font-size:12px;line-height:1.5;color:var(--muted)}
.duo-feature-tabs button:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}
@media(max-width:1099px){.duo-stage{grid-template-columns:1fr;gap:24px;min-height:0}.duo-copy{max-width:620px}.duo-preview{width:min(100%,1000px)}}
@media(max-width:600px){.duo-section{padding-block:24px}.duo-stage{padding-block:20px;gap:20px}.duo-copy h3{font-size:24px;margin-block:12px}.duo-copy p{font-size:13px}.duo-copy .duo-capture-note{font-size:11px;margin-top:16px;padding-top:12px}.duo-feature-tabs button{padding:12px 14px;font-size:13px}.duo-preview{gap:8px}.duo-placeholder{padding:10%;gap:5px}.duo-pose figcaption{font-size:10px;margin-top:10px}.duo-skeleton{gap:5px}}
.duo-pose-portrait .duo-frame-art{max-width:none}
@media(min-width:1100px){
 .duo-section{height:calc(100svh - 88px);min-height:560px;display:flex;flex-direction:column;padding-block:16px}
 .duo-feature-tabs{flex:none}
 .duo-stage{flex:1;min-height:0;padding-block:20px}
}
.duo-preview{grid-template-columns:84.1fr 164.6fr 117.8fr}

/* Fit placeholder content to the transparent display openings, including rotation. */
.duo-placeholder{display:flex;flex-direction:column;justify-content:flex-start;gap:0;padding:0;border:0;background:var(--bg);border-radius:4cqw;box-sizing:border-box}
.duo-pose-closed .duo-placeholder{inset:4.18% 5.38% 3.23% 5.94%;border-radius:.8cqw 10cqw 10cqw .8cqw}
.duo-pose-landscape .duo-placeholder{inset:5.94% 4.12% 5.75% 4.12%}
.duo-pose-portrait .duo-placeholder{inset:4.12% 5.75% 4.12% 5.94%}
.duo-placeholder-title{display:block;flex:none;padding:8% 7% 6%;margin:0;border-bottom:1px solid var(--line);font-size:clamp(10px,1.15vw,16px);line-height:1.4;color:var(--ink-2);background:var(--glass-lo)}
.duo-pose-closed .duo-placeholder-title{padding-right:22%}
.duo-skeleton{display:grid;flex:1;min-height:0;gap:7%;grid-template-rows:1.2fr 1fr 1fr;padding:7%}
.duo-skeleton i,.duo-skeleton i:nth-child(2),.duo-skeleton i:nth-child(3){width:100%;height:auto;min-height:0;border-radius:3cqw;background:linear-gradient(110deg,var(--glass-lo),var(--accent-wash));border:1px solid var(--line)}
.duo-pose-landscape .duo-skeleton{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:7%}
.duo-pose-landscape .duo-skeleton i:first-child{grid-row:1 / span 2}
.duo-pending{display:block;flex:none;margin:0;padding:5% 7%;border-top:1px solid var(--line);font-size:clamp(8px,.8vw,11px);color:var(--muted);text-align:left;background:var(--glass-lo)}
@media(max-width:600px){.duo-placeholder-title{font-size:8px}.duo-pending{font-size:6px}}

/* Measure the visible body, excluding unequal transparent margins in generated assets. */
.duo-frame-layer{position:absolute;inset:0;pointer-events:none;z-index:2}
.duo-frame-layer .duo-frame-art{max-width:none;width:105.03%;height:107.72%;inset:-3.76% auto auto -2.69%;transform:none}
.duo-pose-closed .duo-frame-art{width:105.26%;height:103.34%;inset:-1.88% auto auto -2.98%}
.duo-pose-portrait .duo-frame-layer{width:139.728%;height:71.568%;inset:50% auto auto 50%;transform:translate(-50%,-50%) rotate(-90deg)}
.duo-pose-portrait .duo-frame-art{width:105.03%;height:107.72%;inset:-3.76% auto auto -2.69%;transform:none}
.duo-pose-closed .duo-placeholder{inset:2.44% 3.38% 1.88% 3.28%}
.duo-pose-landscape .duo-placeholder{inset:2.64% 1.98% 2.23% 1.63%}
.duo-pose-portrait .duo-placeholder{inset:1.98% 2.23% 1.63% 2.64%}
#devices .duo-intro{display:grid;grid-template-columns:minmax(200px,.28fr) minmax(0,1fr);column-gap:48px;row-gap:12px;align-items:start;margin-bottom:28px}
#devices .duo-intro>h3{grid-column:1;grid-row:1 / span 2;margin:0}
#devices .duo-intro>p{grid-column:2;grid-row:auto;margin:0}
#devices .duo-intro .dev-title-sub{display:block;font-size:20px;line-height:1.5;margin-top:12px}
.duo-copy .duo-current-title{font-size:28px;margin-block:18px;line-height:1.4}
@media(min-width:1100px){
 .duo-section{height:auto;min-height:calc(100svh - 88px);padding-block:32px}
 .duo-stage{min-height:calc(100svh - 350px)}
 .duo-preview{width:min(100%,calc((100svh - 450px)*2.2266 + 40px))}
}
@media(max-width:1099px){#devices .duo-intro{grid-template-columns:1fr;gap:16px}#devices .duo-intro>h3,#devices .duo-intro>p{grid-column:1;grid-row:auto}}
@media(max-width:600px){#devices .duo-intro{margin-bottom:24px}#devices .duo-intro h3{font-size:32px}.duo-copy .duo-current-title{font-size:22px;margin-block:12px}}
#devices .duo-intro>h3{font-size:clamp(28px,2.6vw,40px);line-height:1.2}

/* Match the iPhone story: introduction in flow, six pinned feature chapters. */
#devices .duo-section{display:block;height:auto;min-height:0;overflow:visible}
.duo-scroll-track{position:relative;min-width:0;overflow-anchor:none;scroll-margin-top:84px}
.duo-gallery{min-width:0}
.duo-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:18px;border-top:1px solid var(--line)}
.duo-counter{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted)}
.duo-current-number{font-size:32px;font-weight:600;color:var(--accent);line-height:1}
.duo-current-label{color:var(--ink);margin-left:6px}
.duo-controls{display:flex;gap:8px}
.duo-controls button{font:inherit;font-size:12px;min-height:44px;padding:10px 16px;border:1px solid var(--line);border-radius:12px;background:var(--glass);color:var(--ink);cursor:pointer}
.duo-controls button:disabled{opacity:.3;cursor:default}
.duo-controls button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(min-width:1100px){
 .duo-stage{min-height:calc(100svh - 300px)}
 .duo-preview{width:min(100%,calc((100svh - 310px)*2.2266 + 40px))}
 .duo-scroll-enabled .duo-gallery{position:sticky;top:var(--duo-inset);height:var(--duo-viewport);display:flex;flex-direction:column;box-sizing:border-box;padding-block:12px}
 .duo-scroll-enabled .duo-feature-tabs{flex:none}
 .duo-scroll-enabled .duo-stage{flex:1;min-height:0;padding-block:24px}
 .duo-scroll-enabled .duo-preview{width:min(100%,calc((var(--duo-viewport) - 210px)*2.2266 + 40px))}
 .duo-scroll-enabled .duo-footer{flex:none;padding-right:64px}
}
@media(max-width:600px){.duo-stage{min-height:0}.duo-footer{gap:8px;padding-top:14px}.duo-counter{gap:6px}.duo-current-number{font-size:26px}.duo-controls button{padding-inline:12px}}

.duo-current-view{font-weight:600;color:var(--accent)!important;margin-bottom:12px}
.duo-page-nav{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;flex:none;min-height:44px;align-items:center;justify-content:flex-end;margin-bottom:10px}
.duo-page-nav[hidden]{display:none}
.duo-page-nav button{flex:none;font:inherit;font-size:11px;min-height:36px;padding:8px 10px;background:none;border:0;border-bottom:1px solid transparent;color:var(--muted);cursor:pointer;white-space:nowrap}
.duo-page-nav button[aria-current="true"]{color:var(--accent);border-color:var(--accent)}
.duo-page-nav button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
@media(min-width:1100px){.duo-scroll-enabled .duo-preview{width:min(100%,calc((var(--duo-viewport) - 265px)*2.2266 + 40px))}}
@media(max-width:600px){.duo-page-nav{justify-content:flex-start;margin-top:12px}.duo-page-nav button{min-height:44px}.duo-current-view{font-size:12px!important}}

/* Crossfade the complete scene while keeping the three hardware bodies anchored. */
.duo-stage{position:relative}
.duo-stage.duo-stage-ghost{position:absolute!important;inset:0!important;z-index:4;min-height:0!important;height:100%!important;width:100%;box-sizing:border-box;pointer-events:none;background:var(--bg);margin:0!important;flex:none!important}
.duo-footer{position:relative}
.duo-footer::before{content:"";position:absolute;top:-1px;left:0;height:2px;width:var(--duo-progress,5%);background:var(--accent);transition:width .36s cubic-bezier(.22,1,.36,1);pointer-events:none}
.duo-feature-tabs button{transition:color .24s,background .24s,border-color .24s}
.duo-page-nav button{transition:color .24s,border-color .24s}
@media(prefers-reduced-motion:reduce){.duo-footer::before,.duo-feature-tabs button,.duo-page-nav button{transition:none}}

/* Actual Duo app captures fill the calibrated display openings without stretching. */
.duo-placeholder .duo-capture{display:none;position:absolute;inset:0;width:100%;height:100%;padding:0;margin:0;border:0;border-radius:0;background:#000;aspect-ratio:auto;box-shadow:none;cursor:zoom-in;overflow:hidden}
.duo-placeholder.has-capture>.duo-capture{display:block}
.duo-placeholder.has-capture>:not(.duo-capture){display:none}
.duo-placeholder .duo-capture img{display:block;width:100%;height:100%;object-fit:contain;border-radius:0;transform:none}
.duo-intro .dev-note[hidden]{display:none!important}

/* Mobile audit: keep desktop scroll chapters navigable without scroll pinning. */
@media(max-width:1099px){
 .stack.mobile-swipe-gallery{display:flex!important;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;touch-action:pan-x pan-y;scrollbar-width:thin;scrollbar-color:var(--accent) var(--line);width:100%!important;max-width:100%;min-height:0;aspect-ratio:auto;padding-bottom:10px}
 .stack.mobile-swipe-gallery>.shot{position:relative!important;inset:auto!important;flex:0 0 94%;width:94%!important;max-width:none;opacity:1!important;visibility:visible!important;filter:none!important;transform:none!important;translate:none!important;transition:none!important;scroll-snap-align:start;align-self:flex-start;grid-area:auto}
 .mobile-chapter-surface{touch-action:pan-y pinch-zoom}
 .mobile-chapter-surface :is(.ipad-brew-strip,.ipad-portrait-pair,.duo-preview){touch-action:pan-x pan-y pinch-zoom}
 .duo-preview{--duo-mobile-scale:max(.8px,min(2.6px,calc((100vw - 48px)/164.6),calc((100svh - 260px)/164.6)));display:flex;width:100%;max-width:100%;gap:20px;overflow-x:auto;overflow-y:hidden;align-items:flex-start;justify-content:flex-start;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scroll-padding-inline:12px;padding:12px 12px 16px;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--accent) var(--line)}
 .duo-preview>.duo-pose{flex:0 0 calc(var(--duo-mobile-scale)*84.1);scroll-snap-align:center}
 .duo-preview>.duo-pose-landscape{flex-basis:calc(var(--duo-mobile-scale)*164.6)}
 .duo-preview>.duo-pose-portrait{flex-basis:calc(var(--duo-mobile-scale)*117.8)}
 .duo-pose figcaption{font-size:12px;margin-top:12px}
 .duo-current-description{min-height:3.6em}
 .duo-page-nav{justify-content:flex-start}
 .duo-page-nav button,.duo-controls button,.brew-step-controls button,.flow-controls button,.bd-cap button,#setup-review .setup-controls button{min-height:44px}
 .duo-stage{padding-block:20px;gap:16px}
 .duo-copy .duo-current-title{margin-block:12px;font-size:24px}
 .duo-footer{padding-right:56px;gap:12px}
 .duo-counter{flex-wrap:wrap;min-width:0;row-gap:6px}
 .duo-current-label{overflow-wrap:anywhere}
 .batch-story .shot[id]{scroll-margin-top:148px}
 :is(#styles,#ingredients,#tools,#sharing).library-chapter{scroll-margin-top:96px}
 #dev-ipad,#dev-iphone,#dev-iphone-duo{scroll-margin-top:96px}
 .back-top{right:12px;bottom:12px}
}
@media(max-width:600px){
 .duo-footer{padding-right:0;padding-bottom:48px;align-items:flex-start}
 .duo-controls{flex-shrink:0}
 #devices .duo-intro{gap:12px}
 .duo-copy .duo-current-description{font-size:14px;line-height:1.75}
 #devices .dev-copy .points{gap:8px;line-height:1.75}
 .tool-view-bar{gap:12px}
 .mobile-swipe-gallery .shot img{height:auto}
}
@media(max-width:1099px){#highlights .hl-track{touch-action:pan-y pinch-zoom}}

/* Device copy follows the same hierarchy as the brewing introduction above. */
#dev-iphone .phone-panel-copy,.duo-copy{border:0;padding:0;max-width:36em;align-self:center}
#dev-iphone .phone-panel-copy .device-headline,.duo-copy .device-headline{margin:20px 0 24px;font-size:clamp(32px,2.4vw,48px);font-weight:700;line-height:1.35;letter-spacing:-.03em;text-wrap:balance;color:var(--ink)}
#dev-iphone .phone-panel-copy .phone-description,.duo-copy .duo-current-description{margin:0;font-size:16px;line-height:1.85;color:var(--ink-2);min-height:0}
.device-kicker{display:flex;align-items:center;gap:5px;margin:0;font-size:11px;line-height:1.6;letter-spacing:.08em;color:var(--accent)}
.duo-copy .duo-current-view{font-size:14px;line-height:1.5;font-weight:600;color:var(--ink)!important;margin:0 0 12px}
#dev-iphone .phone-panel-copy .phone-zoom-hint{font-size:12px;line-height:1.6;color:var(--muted);margin-top:24px}
#devices #dev-iphone .dev-copy h3,#devices .duo-intro h3{font-size:clamp(32px,2.4vw,48px);line-height:1.35;letter-spacing:-.03em}
#devices #dev-iphone .dev-copy .dev-title-sub,#devices .duo-intro .dev-title-sub{font-size:20px;line-height:1.5;margin-top:12px}
@media(min-width:1100px){
 #dev-iphone .phone-panel,.duo-stage{grid-template-columns:minmax(240px,.34fr) minmax(0,1fr);column-gap:clamp(36px,5vw,90px)}
 #dev-iphone .dev-copy,#devices .duo-intro{grid-template-columns:minmax(240px,.34fr) minmax(0,1fr);column-gap:clamp(36px,5vw,90px)}
}
@media(max-width:1099px){
 #dev-iphone .phone-panel-copy .device-headline,.duo-copy .device-headline{font-size:clamp(24px,4.7vw,36px);line-height:1.35;margin:14px 0 16px}
 #dev-iphone .phone-panel-copy .phone-description,.duo-copy .duo-current-description{font-size:14px;line-height:1.75}
 #dev-iphone .phone-panel-copy .phone-zoom-hint{margin-top:12px;font-size:11px}
 #dev-iphone .phone-panel-copy,.duo-copy{min-height:0;max-width:40em}
}
@media(max-height:600px) and (min-width:1100px){
 #dev-iphone .phone-panel-copy .device-headline,.duo-copy .device-headline{font-size:24px;margin-block:12px}
 #dev-iphone .phone-panel-copy .phone-description,.duo-copy .duo-current-description{font-size:14px;line-height:1.6}
}