/* Short text chapters stack; longer chapters retain their natural reading height. */
body.av-hybrid-motion .av-motion-stack{position:sticky;top:86px;z-index:var(--chapter-order,1);background-color:#f6f2e9;background-image:linear-gradient(#245da80a 1px,transparent 1px),linear-gradient(90deg,#245da80a 1px,transparent 1px);background-size:24px 24px;min-height:calc(100svh - 170px);padding:60px 32px;border:1px solid #17221c25;border-radius:12px;transform-origin:50% 0;box-shadow:0 -8px 20px #17221c05}
body.av-hybrid-motion .av-motion-chapter:not(.av-motion-stack){position:relative;z-index:var(--chapter-order,1)}
body.av-hybrid-motion .av-motion-split{overflow:visible}
.av-showcase{position:relative;margin:36px 0}.av-showcase-viewport{overflow:hidden;position:relative}.av-showcase-track{display:flex;gap:28px;align-items:stretch}.av-showcase-slide{flex:0 0 calc(70% - 14px);min-width:0;margin:0!important;padding:24px;background:#fffdf8;border:1px solid #17221c25;border-radius:8px}.av-showcase-slide img{width:100%!important;height:min(54vh,540px)!important;max-height:none!important;object-fit:contain!important;display:block}.av-showcase-label{font:11px/1.5 monospace!important;text-transform:uppercase;letter-spacing:.07em;color:#657069;margin:18px 0!important}.av-showcase-slide.gs-phone{border-radius:8px;max-width:none}
body.av-hybrid-motion .av-showcase-viewport{position:sticky;top:90px;height:calc(100svh - 180px);display:flex;flex-direction:column;justify-content:center}body.av-hybrid-motion .av-showcase-track{flex:none}
body:not(.av-hybrid-motion) .av-showcase-viewport{overflow-x:auto;scroll-snap-type:x mandatory}body:not(.av-hybrid-motion) .av-showcase-slide{scroll-snap-align:start}
@media(max-width:800px){.av-showcase-slide{flex-basis:88%;padding:15px}.av-showcase-track{gap:16px}.av-showcase-slide img{height:350px!important;max-height:48svh!important}.av-showcase-label{font-size:10px!important}.av-motion-split>*{transform:none!important}}
@media(prefers-reduced-motion:reduce){.av-showcase-track,.av-motion-chapter,.av-motion-split>*{transform:none!important}.av-showcase-viewport{overflow-x:auto}}
/* Distinct sheets make the overlap legible against the portfolio grid. */
body.av-hybrid-motion .av-motion-stack{background:var(--stack-paper,#e8def5);border:1px solid #17221c30;border-top:4px solid var(--stack-accent,#8427de);box-shadow:0 -12px 30px #17221c12,0 5px 12px #17221c08;border-radius:14px 14px 10px 10px}
body.av-hybrid-motion .av-motion-stack>:is(.eyebrow,.ba-eyebrow,.gs-eyebrow){color:var(--stack-accent)!important}
body.av-hybrid-motion .av-motion-stack :is(.note,.ba-brief,.gs-brief-card){background:#fffdf8bd;border-color:#17221c20}
/* Pastel stack sheets must not inherit white text from former dark panels. */
body.av-hybrid-motion .av-motion-stack{color:#17221c}
body.av-hybrid-motion .av-motion-stack :is(h1,h2,h3,h4,strong,b){color:#17221c!important}
body.av-hybrid-motion .av-motion-stack :is(p,li,dd){color:#39483f!important}
body.av-hybrid-motion .av-motion-stack :is(.gs-note,.ba-note,.small,figcaption){color:#536059!important}
body.av-hybrid-motion .av-motion-stack>:is(.eyebrow,.ba-eyebrow,.gs-eyebrow){color:#593b79!important}
body.av-hybrid-motion .av-motion-stack :is(.gs-pill,.ba-pill,.button){color:#17221c!important}
/* Sticky cards cannot cover the following region or the closing reflection. */
body.av-hybrid-motion main>.av-motion-region{position:relative;z-index:var(--region-order)}
body.av-hybrid-motion main>section.av-motion-stack{position:sticky;z-index:var(--region-order)}
body.av-hybrid-motion main>:is(.gs-wrap,.ba-wrap,.wrap).av-motion-region{background-color:#f6f2e9;background-image:linear-gradient(#245da80a 1px,transparent 1px),linear-gradient(90deg,#245da80a 1px,transparent 1px);background-size:24px 24px}
body.av-hybrid-motion main>section.av-motion-stack{background:var(--stack-paper,#e8def5)}
body.av-hybrid-motion :is(.gs-chapters,.ba-nav,.chapters){z-index:40}
body.av-hybrid-motion .av-motion-stack{margin-bottom:28px;scroll-margin-top:100px}
/* A showcase is one screen: the title stays put while the image track moves. */
body.av-hybrid-motion .av-showcase{margin:32px 0}
body.av-hybrid-motion .av-showcase-viewport{top:76px;height:calc(100svh - 184px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:16px;justify-content:normal;padding:12px 0}
.av-showcase-heading{position:static;display:block;border:0;padding:0;background:transparent;z-index:auto;font:inherit}
body[data-case-design]:not([data-case-design="playful"]) .av-showcase-heading h2,body[data-case-design]:not([data-case-design="playful"]) .av-showcase-heading h3{font-size:clamp(30px,3.6vw,50px)!important;line-height:1.08!important;margin:12px 0 14px!important;max-width:1000px}
body[data-case-design]:not([data-case-design="playful"]) .av-showcase-heading p{font-size:16px!important;line-height:1.5!important;margin:10px 0!important;max-width:950px}
.av-showcase-kicker{font:11px/1.5 monospace;text-transform:uppercase;color:#8427de}
body.av-hybrid-motion .av-showcase-window{min-height:0;height:100%;overflow:hidden}
body.av-hybrid-motion .av-showcase-track{height:100%;align-items:stretch}
body.av-hybrid-motion .av-showcase-slide{flex-basis:calc(58% - 14px);height:100%;display:flex;flex-direction:column;gap:10px;padding:18px;overflow:hidden}
body.av-hybrid-motion .av-showcase-slide img{flex:1;min-height:0;width:100%!important;height:0!important;max-height:none!important;object-fit:contain!important}
body.av-hybrid-motion .av-showcase-slide figcaption{flex:none;font-size:11px!important;line-height:1.4!important;margin:0}
body.av-hybrid-motion .av-showcase-label{margin:0!important;font-size:10px!important}
body:not(.av-hybrid-motion) .av-showcase-window{overflow-x:auto;scroll-snap-type:x mandatory}
body:not(.av-hybrid-motion) .av-showcase-viewport{overflow:visible}
@media(max-height:740px) and (min-width:801px){body.av-hybrid-motion .av-showcase-viewport{top:64px;height:calc(100svh - 164px);gap:10px}.av-showcase-heading h2 br{display:none}body[data-case-design]:not([data-case-design="playful"]) .av-showcase-heading h2{font-size:32px!important;margin:8px 0!important}body[data-case-design]:not([data-case-design="playful"]) .av-showcase-heading p{font-size:14px!important;margin:6px 0!important}}
@media(max-width:800px){.av-showcase-heading{margin-bottom:20px}.av-showcase-window{width:100%}}
/* GSAA's outcome and final reflection are consecutive reading sections, not an overlapping pair. */
body[data-case-design="gsaa"].av-hybrid-motion .gs-outcome{position:relative!important;top:auto!important;transform:none!important;margin-bottom:0;}
body[data-case-design="gsaa"] .gs-end{position:relative;padding-top:70px;border-top:1px solid #17221c25}
/* Farmest's closing sheets use the packaging palette rather than generic pastels. */
body[data-case-design="farmest"] #website.av-motion-stack{--stack-paper:#e8f1f6!important;--stack-accent:#245da8!important;background:#e8f1f6;border-color:#245da830;border-top-color:#245da8}
body[data-case-design="farmest"] #outcome.av-motion-stack{--stack-paper:#fff6e5!important;--stack-accent:#ed6a32!important;background:#fff6e5;border-color:#c68d4035;border-top-color:#ed6a32}
body[data-case-design="farmest"] #website.av-motion-stack>.eyebrow{color:#245da8!important}
body[data-case-design="farmest"] #outcome.av-motion-stack>.eyebrow{color:#97431c!important}
body[data-case-design="farmest"] #outcome .note{background:#fffdf8!important;border-color:#d5c5ac!important}
body[data-case-design="farmest"] #website .button{color:#245da8!important;border-color:#245da84d;background:#fffdf8;box-shadow:3px 3px 0 #245da814}
/* Farmest's closing chapters follow the same open canvas layout as earlier sections. */
body[data-case-design="farmest"] :is(#website,#outcome){position:relative!important;top:auto!important;transform:none!important;background:transparent!important;border:0;border-bottom:1px solid #17221c25;border-radius:0!important;box-shadow:none!important;padding:85px 0;min-height:0;margin:0}
body[data-case-design="farmest"] :is(#website,#outcome)>.eyebrow{color:#8427de!important}
body[data-case-design="farmest"] #outcome .note{background:transparent!important;border:0!important;border-left:2px solid #17221c25!important;border-radius:0;padding:4px 0 4px 24px;margin-top:30px}
body[data-case-design="farmest"] #website .button{color:#17221c!important;border-color:#8427de66;background:#fffdf8;box-shadow:3px 3px 0 #f4ac2845}
@media(max-width:700px){body[data-case-design="farmest"] :is(#website,#outcome){padding:55px 0}}

/* Burn's closing chapters use the same neutral reading surface as the main story. */
body[data-case-design="burn"] :is(#process,#outcome){position:relative!important;top:auto!important;transform:none!important;background:transparent!important;color:#17221c;border:0;border-bottom:1px solid #17221c25;border-radius:0!important;box-shadow:none!important;padding:85px 0;min-height:0;margin:0}
body[data-case-design="burn"] #outcome{max-width:1440px;margin-inline:auto;padding-inline:6vw}
body[data-case-design="burn"] :is(#process,#outcome) :is(h2,h3){color:#17221c!important}
body[data-case-design="burn"] :is(#process,#outcome) p{color:#536059!important}
body[data-case-design="burn"] :is(#process,#outcome)>.ba-label{color:#8427de!important}
body[data-case-design="burn"] #outcome .ba-note{color:#617167!important}
@media(max-width:700px){body[data-case-design="burn"] :is(#process,#outcome){padding-block:55px}}