/* Shared portfolio canvas and static ribbon accents: no scroll-time animation. */
html body[data-case-design]:not([data-case-design="playful"]){background-color:#f6f2e9!important;background-image:linear-gradient(#245da80a 1px,transparent 1px),linear-gradient(90deg,#245da80a 1px,transparent 1px)!important;background-size:24px 24px!important;position:relative;isolation:isolate}
body[data-case-design]:not([data-case-design="playful"]) :is(.hero,.ba-hero,.gs-hero){position:relative;overflow:visible}
body[data-case-design]:not([data-case-design="playful"]) :is(.hero,.ba-hero,.gs-hero)>:is(.eyebrow,.ba-eyebrow,.gs-eyebrow){display:inline-flex;align-items:center;gap:10px;border:1px solid #8427de40;background:#f1e7fa;padding:8px 12px;color:#6725a4;max-width:100%;border-radius:4px}
body[data-case-design]:not([data-case-design="playful"]) main h1{color:#17221c;position:relative;width:fit-content}
body[data-case-design]:not([data-case-design="playful"]) main h1::after{content:'';position:absolute;bottom:-12px;left:3px;width:clamp(80px,13vw,165px);height:5px;background:linear-gradient(90deg,#f78d36 0 32%,#f4ac28 32% 50%,#039754 50% 78%,#8427de 78%);border-radius:4px}
body[data-case-design]:not([data-case-design="playful"]) :is(.intro,.ba-lead,.gs-hero-bottom){margin-top:42px}
body[data-case-design]:not([data-case-design="playful"]) :is(.chapter,.ba-section,.gs-section)>.eyebrow,body[data-case-design]:not([data-case-design="playful"]) :is(.ba-section,.gs-section)>.ba-eyebrow,body[data-case-design]:not([data-case-design="playful"]) .gs-section>.gs-eyebrow{color:#8427de}
body[data-case-design]:not([data-case-design="playful"]) :is(.note,.ba-brief,.gs-brief-card){background:#fff8df;border-color:#f4ac2860}
body[data-case-design]:not([data-case-design="playful"]) .chapter:nth-of-type(2n)>.note{background:#e9f3e8;border-color:#03975445}
body[data-case-design]:not([data-case-design="playful"]) :is(.chapters,.gs-chapters,.ba-nav){border-top:1px solid #8427de35;border-bottom:1px solid #8427de35;background:#fffdf8}
body[data-case-design]:not([data-case-design="playful"]) :is(.chapters,.gs-chapters,.ba-nav) a{transition:color .2s,background .2s;border-radius:3px;padding:3px 5px}
body[data-case-design]:not([data-case-design="playful"]) :is(.chapters,.gs-chapters,.ba-nav) a:hover{background:#f1e7fa;color:#8427de}
body[data-case-design]:not([data-case-design="playful"]) :is(.button,.ba-pill,.gs-pill){border-color:#8427de66;background:#fffdf8;box-shadow:3px 3px 0 #f4ac2845;transition:background .2s,box-shadow .2s}
body[data-case-design]:not([data-case-design="playful"]) :is(.button,.ba-pill,.gs-pill):hover{background:#fff0c7;box-shadow:4px 4px 0 #f4ac2870}
body[data-case-design]:not([data-case-design="playful"]) .summary dl,body[data-case-design]:not([data-case-design="playful"]) :is(.gs-facts,.ba-facts){border-left:3px solid #039754;padding-left:24px}
body[data-case-design]:not([data-case-design="playful"]) :is(.placeholder){background:#fffdf8;border-color:#8427de66}
@media(max-width:700px){body[data-case-design]:not([data-case-design="playful"])::before,body[data-case-design]:not([data-case-design="playful"])::after{width:14px;background-size:40px 850px;opacity:.4}body[data-case-design]:not([data-case-design="playful"])::after{background-position:right top}body[data-case-design]:not([data-case-design="playful"]) :is(.hero,.ba-hero,.gs-hero)>:is(.eyebrow,.ba-eyebrow,.gs-eyebrow){font-size:9px!important;letter-spacing:.02em!important;padding:7px 9px}body[data-case-design]:not([data-case-design="playful"]) :is(.intro,.ba-lead,.gs-hero-bottom){margin-top:34px}}

/* Original homepage SVG paths, gradients, line weights and transforms. */
body[data-case-design]:not([data-case-design="playful"])::before,body[data-case-design]:not([data-case-design="playful"])::after{content:none}
body[data-case-design]:not([data-case-design="playful"]) .av-case-home-ribbons{position:absolute;inset:-64px -5vw -44px;overflow:hidden;pointer-events:none;z-index:-1}
body[data-case-design]:not([data-case-design="playful"]) .av-case-home-ribbons>svg:not([width="0"]){width:100%;height:100%}
@media(max-width:700px){body[data-case-design]:not([data-case-design="playful"]) .av-case-home-ribbons{inset:-40px -5vw -34px;opacity:.6}}
/* Farmest's landscape hero retains the complete composition. */
body[data-case-design="farmest"] .cover{padding:0;background:#f7ebcf}
body[data-case-design="farmest"] .cover figure{max-width:none;margin:0}
body[data-case-design="farmest"] .cover img{width:100%;height:auto;max-height:none;aspect-ratio:2752/1536;object-fit:contain}
body[data-case-design="farmest"] .cover figcaption{padding:12px 5vw 18px;margin:0;background:#f6f2e9}
/* Follow the viewport, using the original ribbon artwork rather than hero-local decoration. */
body[data-case-design]:not([data-case-design="playful"]) .av-case-home-ribbons{position:fixed;inset:0;width:100%;height:100svh;z-index:-1;overflow:hidden;pointer-events:none}
body[data-case-design]:not([data-case-design="playful"]).av-hybrid-motion main>:is(.gs-wrap,.ba-wrap,.wrap).av-motion-region{background:transparent}
body[data-case-design]:not([data-case-design="playful"]) :is(.gs-end,.ba-end){background-color:#f6f2e9;position:relative}
@media(max-width:700px){body[data-case-design]:not([data-case-design="playful"]) .av-case-home-ribbons{inset:0;height:100svh;opacity:.6}}
