/* Full case page rendered inside the app's case route (iframe under the app header). */
html.case-full{--bg:var(--background,oklch(0.135 0.004 60))}
html.case-full{background:var(--bg)!important}
html.case-full body{background:var(--bg)!important}
html.case-full .page{display:block}
html.case-full,html.case-full body{overflow:visible!important;overflow-x:clip!important}
html.case-full body{padding-top:65px!important}
html.case-full .c-hero{padding-top:40px}
/* Intro copy follows the cover width instead of a narrow character measure. */
html.case-full .c-hero .c-lead{width:min(100%,calc((100svh - 410px) * 16 / 9));min-width:min(100%,720px);max-width:100%}
@media(max-width:720px){html.case-full .c-hero .c-lead{width:100%;min-width:0}}
html.case-full .page{position:relative;z-index:1}
html.case-full .c-hero>.glow{background:var(--glow-hero)}
html.case-full .c-hero>.glow::before,html.case-full .c-hero>.glow::after{display:none}
html.case-full .c-hero .case-back{display:none}
/* Related case links share the home cards' outline and arrow interaction. */
html.case-full .more-grid a.card{border-color:var(--border);transition:border-color 300ms}
html.case-full .more-grid a.card:hover,html.case-full .more-grid a.card:focus-visible{transform:none;box-shadow:none;border-color:color-mix(in oklab,var(--primary) 50%,transparent)}
html.case-full .more-grid .foot{gap:16px}
html.case-full .more-grid .related-case-arrow{width:20px;height:20px;flex-shrink:0;color:var(--subtle);transition:color 150ms,transform 150ms}
html.case-full .more-grid a.card:hover .related-case-arrow,html.case-full .more-grid a.card:focus-visible .related-case-arrow{color:var(--primary);transform:translate(2px,-2px)}
html.case-full .more-grid .pic>.kc{transition:transform 700ms cubic-bezier(.4,0,.2,1)}
html.case-full .more-grid a.card:hover .pic>.kc{transform:translate(calc(-24px * var(--kcs)),calc(-13.5px * var(--kcs))) scale(calc(var(--kcs) * 1.03))}
html.case-full .more-grid .pic>video.kv{transition:transform 700ms cubic-bezier(.4,0,.2,1)}
html.case-full .more-grid a.card:hover .pic>video.kv{transform:scale(1.03)}
@media(prefers-reduced-motion:reduce){html.case-full .more-grid .pic>.kc,html.case-full .more-grid .pic>video.kv{transition:none}}
@media(prefers-reduced-motion:reduce){html.case-full .more-grid a.card,html.case-full .more-grid .related-case-arrow{transition:none}}
html.case-full .kpi .v{background:linear-gradient(100deg,oklch(0.9 0.05 260) 0%,oklch(0.72 0.19 248) 45%,oklch(0.63 0.215 236) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
html.case-full .kpi .v small{-webkit-text-fill-color:var(--muted)}