/* One editorial frame for Bold, Oxeye, Ovalix and CARA. Product screens keep their own UI. */
html:has(>body.case-study){scroll-padding-top:0;scroll-behavior:smooth}
body.case-study{--page-bg:#f5f5f5;--paper:#f5f5f5;--ink:#202222;--text-primary:#202222;--text-secondary:#666b6b;--font-body:Satoshi,Arial,sans-serif;--brand-primary:#5850ec;--border:#dedfdf;--case-width:1320px;--case-gutter:56px;--case-side:260px;--case-gap:clamp(64px,7vw,112px);margin:0;background:var(--page-bg);color:var(--text-primary);font:400 17px/1.65 var(--font-body);-webkit-font-smoothing:antialiased;overflow-x:clip}
.case-study *{box-sizing:border-box}
.case-study .case-shell,.case-study.oxeye-editorial>.ox{display:block;width:min(var(--case-width),calc(100% - var(--case-gutter)*2));max-width:none;margin:0 auto;padding:160px 0 0}
.case-study .oc-layout{display:grid;grid-template-columns:var(--case-side) minmax(0,1fr);column-gap:var(--case-gap);align-items:start}
.case-study .oc-story{grid-column:2;min-width:0}
.case-study .oc-summary{position:fixed;top:160px;left:max(var(--case-gutter),calc((100vw - var(--case-width))/2));width:var(--case-side);max-height:calc(100dvh - 248px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-gutter:stable;padding:0;align-self:start;font:400 14px/1.5 var(--font-body);color:var(--text-primary)}
.case-study .case-icon{display:inline-grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;border:1px solid var(--border);border-radius:50%;background:transparent;color:var(--text-primary);font:inherit;text-decoration:none;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}
.case-study .case-icon svg{display:block;width:20px;height:20px;flex-shrink:0}
.case-study .oc-back.case-icon{gap:0;color:var(--text-primary)}
.case-study .case-icon:hover{background:#ececed;border-color:#c8caca;color:var(--text-primary)}
.case-study .case-icon:active{background:#e3e4e4}
.case-study .case-icon[hidden]{display:none!important}
.case-study .case-sidebar-tools{position:fixed;left:max(var(--case-gutter),calc((100vw - var(--case-width))/2));bottom:32px;z-index:30;display:flex;margin:0;padding:0;background:var(--page-bg);border-radius:50%}
.case-study .oc-project-identity{margin-top:56px}
.case-study .case-project-logo,.case-study .oc-project-identity .ox-logo{display:block;width:144px;height:40px;object-fit:contain;object-position:left}
.case-study .case-project-logo.cara-wordmark{filter:brightness(0);height:32px}
.case-study .oc-project-identity p{margin:24px 0 0;font-size:18px;line-height:1.4}
.case-study .oc-project-identity p span{display:block;margin-top:6px;font-size:14px;line-height:1.5;color:var(--text-secondary)}
.case-study .oc-index{margin-top:40px}
.case-study .oc-index-title{margin:0 0 12px;font:500 16px/1.4 var(--font-body);letter-spacing:0}
.case-study .oc-index nav{display:grid;gap:0;margin:0}
.case-study .oc-index nav a{display:flex;align-items:center;min-height:36px;padding:6px 0;font-size:13px;line-height:1.4;color:var(--text-secondary);text-decoration:none;transition:color .2s}
.case-study .oc-index nav a[aria-current],.case-study .oc-index nav a:hover{color:var(--brand-primary)}
.case-study :is(a,button):focus-visible{outline:2px solid var(--brand-primary);outline-offset:5px}
.case-study .oc-story>section{scroll-margin-top:112px}
.case-study .oc-story>section:focus{outline:none}
.case-study .oc-story :is(h1,h2,h3){font-family:var(--font-body);text-wrap:pretty}
.case-study .oc-story :is(.ox-hero h1,.os-hero h1){font-size:clamp(32px,2.8vw,42px);font-weight:400;line-height:1.15;letter-spacing:-.035em;max-width:none}
.case-study .oc-story :is(.ox-section-head h2,.os-section h2){font-size:32px;font-weight:400;line-height:1.2;letter-spacing:-.03em;max-width:none}
.case-study .oc-story :is(.ox-lead,.os-lead){font-family:var(--font-body);font-size:18px;line-height:1.7;color:var(--text-secondary);max-width:65ch}
.case-study .oc-story>footer,.case-study .case-end{margin-top:96px;padding:32px 0 56px}
@media(min-width:1800px){body.case-study{--case-width:1440px;--case-gutter:80px;--case-side:300px;--case-gap:120px}}
@media(min-width:851px) and (max-width:1150px){body.case-study{--case-gutter:32px;--case-side:220px;--case-gap:48px}}
@media(min-width:851px) and (max-height:900px){
 .case-study .oc-summary{top:112px;max-height:calc(100dvh - 200px)}
 .case-study .oc-project-identity{margin-top:24px}
 .case-study .oc-project-identity p{margin-top:16px;font-size:16px}
 .case-study .oc-project-identity p span{font-size:12px}
 .case-study .oc-index{margin-top:20px}
 .case-study .oc-index nav a{min-height:30px;font-size:12px}
}
@media(max-width:850px){
 body.case-study{--case-gutter:24px}
 .case-study .case-shell,.case-study.oxeye-editorial>.ox{padding-top:128px}
 .case-study .oc-layout{display:block}
 .case-study .oc-summary{position:static;display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,1fr);width:auto;max-height:none;overflow:visible;margin-bottom:64px;gap:24px 40px;scrollbar-gutter:auto}
 .case-study .oc-back{grid-column:1/-1;justify-self:start}
 .case-study .oc-project-identity,.case-study .oc-index{margin:0;max-width:none;min-width:0}
 .case-study .case-sidebar-tools{position:static;display:contents;left:auto;bottom:auto;margin:0;padding:0}
 .case-study .case-sidebar-top{position:fixed;right:24px;bottom:32px;z-index:30;background:var(--page-bg);box-shadow:0 2px 12px #2022220a}
 .case-study .oc-index nav a{min-height:40px}
 .case-study .oc-story>section{scroll-margin-top:112px}
}
@media(max-width:600px){
 body.case-study{--case-gutter:20px;font-size:16px}
 .case-study .case-shell,.case-study.oxeye-editorial>.ox{padding-top:104px}
 .case-study .oc-summary{grid-template-columns:1fr;margin-bottom:56px;gap:24px}
 .case-study .oc-project-identity{display:grid;grid-template-columns:120px minmax(0,1fr);gap:20px;align-items:center}
 .case-study .oc-project-identity p{margin:0;font-size:16px}
 .case-study .oc-project-identity p span{font-size:12px}
 .case-study .case-project-logo,.case-study .oc-project-identity .ox-logo{width:120px;height:36px}
 .case-study .oc-project-identity .bold-logo{width:72px}
 .case-study .oc-index nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 20px}
 .case-study .oc-index nav a{min-height:44px;font-size:13px}
 .case-study .oc-story :is(.ox-hero h1,.os-hero h1){font-size:32px}
 .case-study .oc-story :is(.ox-section-head h2,.os-section h2){font-size:27px}
 .case-study .oc-story :is(.ox-lead,.os-lead){font-size:17px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.case-study .oc-index nav a{transition:none}}

/* Shared closing navigation stays in the story column on every project. */
.case-study .oc-story>.case-footer{display:block;width:100%;max-width:none;margin:112px 0 0;padding:0 0 48px;border:0;border-radius:0;background:transparent;font-family:var(--font-body);color:var(--text-primary)}
.case-study .case-footer p{margin:0;font:400 14px/1.6 var(--font-body);color:var(--text-secondary)}
.case-study .case-footer a{text-decoration:none;color:inherit;transition:color .2s}
.case-study .case-footer a:hover{color:var(--brand-primary)}
.case-study .case-footer-next>a{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:64px;padding:12px 0;font:400 clamp(22px,2.3vw,30px)/1.3 var(--font-body);letter-spacing:-.025em}
.case-study .case-footer svg{display:block;flex-shrink:0;width:24px;height:24px}
.case-study .case-footer-contact{margin-top:64px}
.case-study .case-footer-contact>a{display:inline-flex;align-items:center;gap:24px;min-height:60px;padding:8px 0;font:400 clamp(30px,3.3vw,44px)/1.2 var(--font-body);letter-spacing:-.035em}
.case-study .case-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:48px}
.case-study .case-footer-bottom nav{display:flex;align-items:center;flex-wrap:wrap;gap:8px 28px}
.case-study .case-footer-bottom nav a{display:inline-flex;align-items:center;min-height:44px;font:400 14px/1.4 var(--font-body);color:var(--text-secondary)}
.case-study .case-footer-bottom nav a:hover{color:var(--brand-primary)}
.case-study .case-footer .case-icon svg{width:20px;height:20px}
.case-study .case-footer .case-footer-source{margin-top:32px;font-size:12px;max-width:72ch}
@media(max-width:600px){.case-study .oc-story>.case-footer{margin-top:80px;padding-bottom:96px}.case-study .case-footer-contact{margin-top:40px}.case-study .case-footer-next>a{gap:16px}.case-study .case-footer-contact>a{font-size:30px;gap:16px}.case-study .case-footer-bottom{margin-top:32px;gap:16px}.case-study .case-footer-bottom nav{gap:4px 18px}}

/* Ovalix: continuous editorial column in place of the former full-page grid. */
.case-study.ovalix-story{--accent:#5850ec;--accent-ink:#4940ce;--accent-soft:#eae7f5;--line:#dedfdf}
.case-study.ovalix-story .os-hero,.case-study.ovalix-story .os-section{width:100%;margin-inline:0}
.case-study.ovalix-story .os-hero{padding:0 0 32px}
.case-study.ovalix-story .os-kicker{font:400 12px/1.5 var(--font-body);text-transform:none;letter-spacing:0;color:var(--text-secondary)}
.case-study.ovalix-story .os-lead{margin-top:28px}
.case-study.ovalix-story .os-meta{font-family:var(--font-body);font-size:14px;margin-top:32px}
.case-study.ovalix-story .os-meta dt{font-size:12px;color:var(--text-secondary)}
.case-study.ovalix-story .os-section{display:flex;flex-direction:column;gap:28px;margin-top:112px}
.case-study.ovalix-story .os-section-heading{display:grid;gap:16px}
.case-study.ovalix-story .os-section-heading .os-kicker{margin:0}
.case-study.ovalix-story .os-prose{font-size:17px;line-height:1.75;max-width:65ch;color:var(--text-secondary)}
.case-study.ovalix-story .os-prose strong{font-weight:500;color:var(--text-primary)}
.case-study.ovalix-story .os-hero-figure .lf-bleed{width:100%;margin:0;padding:32px;background:#eae7f0;border-radius:12px}
.case-study.ovalix-story .os-hero-figure .shot{max-width:none;margin:0;box-shadow:0 16px 40px #29203512}
.case-study.ovalix-story .os-hero-screen{display:block;width:100%;overflow:hidden;border-radius:12px;background:transparent}
.case-study.ovalix-story .os-hero-screen img{display:block;width:100%;height:auto}
.case-study.ovalix-story .os-hero-figure figcaption{width:100%;font-family:var(--font-body);font-size:14px;line-height:1.6;color:var(--text-secondary)}
.case-study.ovalix-story .os-section>:is(.os-pair,.os-figure,.os-example,.wl,.simulation-demo,.os-panel-showcase,.os-policy-comparison){width:100%;margin-top:8px}
.case-study.ovalix-story .os-quote{margin:0;padding:24px;border-radius:12px;background:#ece9f3}
.case-study.ovalix-story .os-quote p{font:400 23px/1.4 var(--font-body)}
.case-study.ovalix-story .os-quote cite,.case-study.ovalix-story .os-evidence{font:400 13px/1.6 var(--font-body);color:var(--text-secondary)}
.case-study.ovalix-story .os-evaluation-note{padding:16px 20px;border-radius:12px;background:#ece9f3;color:#494153;margin:0;max-width:65ch}
.case-study.ovalix-story .os-supporting-study{width:100%;min-width:0}
.case-study.ovalix-story .os-supporting-study summary{display:flex;align-items:center;justify-content:space-between;min-height:48px;gap:24px;cursor:pointer;list-style:none;font-size:14px;color:var(--text-secondary)}
.case-study.ovalix-story .os-supporting-study summary::-webkit-details-marker{display:none}
.case-study.ovalix-story .os-supporting-study summary::after{content:'+';font-size:22px;font-weight:400}
.case-study.ovalix-story .os-supporting-study[open] summary::after{content:'−'}
.case-study.ovalix-story .os-supporting-study .os-figure{margin-top:20px}
.case-study.ovalix-story .os-reference-figure{max-width:100%}
.case-study.ovalix-story .os-reference-figure>a{display:grid;place-items:center;background:#ebecef;padding:20px}
.case-study.ovalix-story .os-reference-figure img{width:100%;max-height:420px;object-fit:contain}
.case-study.ovalix-story .os-reference-figure figcaption a{color:var(--brand-primary);text-decoration:underline;text-underline-offset:3px}
.case-study.ovalix-story .os-pair{gap:24px}
.case-study.ovalix-story .os-figure>a{border-radius:12px}
.case-study.ovalix-story :is(.os-figure figcaption,.os-demo-note){font:400 14px/1.6 var(--font-body);color:var(--text-secondary)}
.case-study.ovalix-story :is(.os-panel-guide h3,.os-panel-guide strong,.os-panel-sample,.os-policy-comparison .uc-tag,.os-policy-comparison .uc-k>b){font-family:var(--font-body)}
.case-study.ovalix-story .os-panel-showcase{grid-template-columns:1fr;padding:28px;border-radius:12px;gap:28px}
.case-study.ovalix-story .os-panel-guide h3{font-size:25px;max-width:28ch;margin-bottom:24px}
.case-study.ovalix-story .os-panel-guide ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding-left:20px}
.case-study.ovalix-story .os-panel-stage{max-width:460px}
.case-study.ovalix-story .os-policy-comparison{gap:24px}
.case-study.ovalix-story #framing .os-shift-intro{display:grid;gap:16px;margin-top:40px;max-width:65ch}
.case-study.ovalix-story .os-shift-intro h3{margin:0;font:500 23px/1.3 var(--font-body);letter-spacing:-.02em}
.case-study.ovalix-story .os-shift-intro p{margin:0;font:400 17px/1.75 var(--font-body);color:var(--text-secondary)}
.case-study.ovalix-story #framing>.os-policy-comparison{margin-top:12px}
.case-study.ovalix-story #layout>.os-wireframe-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.case-study.ovalix-story .os-wireframe-pair img{display:block;width:100%;aspect-ratio:800/520;object-fit:contain}
.case-study.ovalix-story .os-wireframe-note{margin:0}
.case-study.ovalix-story .os-delivery-reflection{margin-top:16px;padding-bottom:0}
.case-study.ovalix-story .os-delivery-reflection h3{margin:0 0 16px}
.case-study.ovalix-story #outcome{scroll-margin-top:112px}
@media(max-width:600px){.case-study.ovalix-story #layout>.os-wireframe-pair{grid-template-columns:1fr;gap:28px}.case-study.ovalix-story #framing .os-shift-intro{margin-top:24px}}
.case-study.ovalix-story .os-policy-comparison .uc-viz{height:auto;min-height:240px;border-radius:12px;padding:16px}
.case-study.ovalix-story .os-policy-comparison .uc-k>b{font-size:21px}
.case-study.ovalix-story .os-policy-comparison .rb-r{flex-wrap:wrap}
.case-study.ovalix-story .wl{grid-template-columns:1fr;padding:24px;border-radius:12px;gap:24px}
.case-study.ovalix-story .wl-f{max-width:100%;min-width:0}
.case-study.ovalix-story .wl-p{max-width:100%}
.case-study.ovalix-story .portfolio-source-note .lf-wrap,.case-study.ovalix-story .portfolio-related{width:100%;margin-inline:0;font-family:var(--font-body)}
.case-study.ovalix-story .portfolio-related{gap:32px;margin-bottom:64px}
@media(max-width:1100px){.case-study.ovalix-story .os-meta{grid-template-columns:1fr;gap:16px}.case-study.ovalix-story .os-policy-comparison{grid-template-columns:1fr}.case-study.ovalix-story .os-pair{grid-template-columns:1fr}.case-study.ovalix-story .os-panel-guide ol{grid-template-columns:1fr}}
@media(max-width:600px){.case-study.ovalix-story .os-section{margin-top:72px;gap:24px}.case-study.ovalix-story .os-hero-figure .lf-bleed{padding:16px}.case-study.ovalix-story .os-panel-showcase{padding:20px 16px}.case-study.ovalix-story .portfolio-related{grid-template-columns:1fr}.case-study.ovalix-story .os-prose{font-size:16px}.case-study.ovalix-story .os-quote p{font-size:21px}}

/* CARA: reflow narrative copy while retaining the source product artwork. */
.case-study.page-cara .cara-case{max-width:none;margin:0;min-width:0}
.case-study.page-cara .cara-case{container-type:inline-size}
.case-study.page-cara .cara-section{margin-top:112px;scroll-margin-top:112px}
.case-study.page-cara .cara-section:first-child{margin-top:0}
.case-study.page-cara .cara-section>div,.case-study.page-cara .cara-model-layout{width:100%;padding:0;border:0;background:transparent;gap:28px}
.case-study.page-cara :is(.cf-wrap,.cm-wrap){padding:0;border:0}
.case-study.page-cara .cara-case [data-figma-width]{max-width:100%}
.case-study.page-cara .cara-case [data-name="Spacer"],.case-study.page-cara .cara-model-spacer{display:none}
.case-study.page-cara .cara-case [data-name="FB / Headline"]{height:auto;width:100%}
.case-study.page-cara .cara-case [role="heading"]>p,.case-study.page-cara .cara-case [role="heading"]>div{font:400 32px/1.2 var(--font-body)!important;letter-spacing:-.03em!important}
.case-study.page-cara .cara-case [aria-level="1"]>p{font-size:clamp(32px,2.8vw,42px)!important;line-height:1.15!important;letter-spacing:-.035em!important}
.case-study.page-cara .cara-case [data-name="FB / Paragraph"] p:not(.cara-fit-inner *){font:400 18px/1.7 var(--font-body)!important;letter-spacing:0;max-width:65ch}
.case-study.page-cara .cara-case [data-name="FB / Kicker"] p:not(.cara-fit-inner *){font:400 12px/1.5 var(--font-body)!important;color:var(--text-secondary)}
.case-study.page-cara .cara-case [data-name="Figure"]>[data-name="FB / Paragraph"] p{font-size:14px!important;line-height:1.6!important;color:var(--text-secondary)}
.case-study.page-cara .cara-case [data-name="Meta"]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;width:100%;height:auto}
.case-study.page-cara .cara-case [data-name="Meta"]>div{width:auto;height:auto;gap:8px}
.case-study.page-cara .cara-case [data-name="Meta"] [data-name="FB / Paragraph"] p{font-size:14px!important;line-height:1.6!important}
.case-study.page-cara .cara-case [data-name="Meta"] [data-name="FB / Kicker"] p{font-size:12px!important}
.case-study.page-cara .cara-case img.cara-screen{width:100%;border-radius:12px}
.case-study.page-cara .cara-case [data-name="CT concept visual card"]{height:auto;padding:24px;border-radius:12px;background:#eeeff1}
.case-study.page-cara .cara-anatomy-caption{text-align:left;font-family:var(--font-body)}
.case-study.page-cara .cara-plane-pills{justify-content:flex-start}
.case-study.page-cara .cf-title{font:400 32px/1.2 var(--font-body);letter-spacing:-.03em;max-width:none;margin-top:16px!important}
.case-study.page-cara :is(.cf-lede,.cf-body){font-size:18px;line-height:1.7;max-width:65ch}
.case-study.page-cara .cf-kicker{font-size:12px;font-weight:400;color:var(--text-secondary)}
.case-study.page-cara .cf-sub{font-size:22px;font-weight:500;margin-top:64px!important}
.case-study.page-cara .cf-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;padding:24px;border-radius:12px}
.case-study.page-cara .cf-finding blockquote p{font:400 26px/1.3 var(--font-body);letter-spacing:-.02em}
.case-study.page-cara .cf-decision p{font-size:18px;line-height:1.6;font-weight:400}
.case-study.page-cara .cf-audit-row{grid-template-columns:140px minmax(0,1fr);gap:16px 24px}
.case-study.page-cara .cf-audit-to{grid-column:2}
.case-study.page-cara .cf-arrow{display:none}
.case-study.page-cara .cm-steps{gap:24px;margin-top:40px}
.case-study.page-cara .cm-stat{font-size:44px;font-weight:400}
.case-study.page-cara .cm-text{font-size:16px;line-height:1.65}
.case-study.page-cara .cara-case [data-name="Closest pattern — LaraLab"]{flex-direction:column;height:auto;gap:24px}
.case-study.page-cara .cara-case [data-name="Closest pattern — LaraLab"]>div{width:100%;height:auto}
.case-study.page-cara .cara-case :is([data-name="Columns"],[data-name="Recap"],[data-name="Learnings"],[data-name="Intro"]){flex-direction:column;height:auto;gap:24px;width:100%}
.case-study.page-cara .cara-case :is([data-name="Columns"],[data-name="Recap"],[data-name="Learnings"],[data-name="Intro"])>div{width:100%;height:auto}
.case-study.page-cara .cara-model-figures{gap:64px}
.case-study.page-cara .cara-step-grid{gap:20px}
.case-study.page-cara .cara-end{max-width:none;display:flex;flex-wrap:wrap;gap:24px;font-size:14px}
.case-study.page-cara .cara-end a{text-decoration:none}
.case-study.page-cara .cara-end button{border:0;font-family:var(--font-body)}
@container(max-width:1100px){
 .case-study.page-cara .cara-case :is([data-name="Process blocks"],[data-name="Steps"],[data-name="Role handoff flow"],[data-name="Proposals"],[data-name="02 Exposed vs used"],[data-name="Headline stat"],[data-name="Frame 2147237671"],[data-name="Changed my mind — the grid"],[data-name="Frame 2147237669"],[data-name="My proposal — 3D-first workspace (reversed)"],[data-name="Frame 2147237673"],[data-name="Beats"],[data-name^="Proposal 1"],[data-name^="Proposal 2"]){width:100%;height:auto;flex-direction:column;align-items:stretch;gap:24px}
 .case-study.page-cara .cara-case :is([data-name="Beats"],[data-name="Role handoff flow"],[data-name="Steps"],[data-name="Headline stat"],[data-name="Frame 2147237673"])>div{width:100%;height:auto;flex:auto}
 .case-study.page-cara .cara-case :is([data-name^="Proposal 1"],[data-name^="Proposal 2"])>[data-name="Copy"]{width:100%;height:auto}
 .case-study.page-cara .cara-case [data-name="Role handoff flow"]>[data-name*="Arrow"]{transform:rotate(90deg);align-self:center}
 .case-study.page-cara .cara-case :is([data-name="Number tiles"],[data-name="Others"]){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;height:auto}
 .case-study.page-cara .cara-case :is([data-name="Number tiles"],[data-name="Others"])>div{width:100%;height:auto}
}
@media(max-width:1100px){.case-study.page-cara .cara-case [data-name="Meta"]{grid-template-columns:1fr}.case-study.page-cara .cf-row{grid-template-columns:1fr}.case-study.page-cara :is(.cf-finding,.cf-decision,.cf-where){grid-column:1;grid-row:auto}.case-study.page-cara .cf-where .cf-frame{max-width:440px}.case-study.page-cara .cara-step-grid{flex-direction:column}}
@media(max-width:600px){.case-study.page-cara .cara-section{margin-top:72px}.case-study.page-cara .cara-case [role="heading"]>p,.case-study.page-cara .cara-case [role="heading"]>div,.case-study.page-cara .cf-title{font-size:27px!important}.case-study.page-cara .cara-case [aria-level="1"]>p{font-size:32px!important}.case-study.page-cara .cara-case [data-name="FB / Paragraph"] p:not(.cara-fit-inner *){font-size:17px!important}.case-study.page-cara .cf-row{padding:20px}.case-study.page-cara .cf-audit-row{grid-template-columns:1fr}.case-study.page-cara .cf-audit-to{grid-column:1}.case-study.page-cara .ci-grid{grid-template-columns:1fr}}

/* Shared navigation frame after retiring the floating global navbar. */
body.case-study{--case-top:96px}
body.case-study .case-shell,body.case-study.oxeye-editorial>.ox{padding-top:var(--case-top)}
body.case-study .oc-summary{top:var(--case-top);left:max(var(--case-gutter),calc((100vw - var(--case-width))/2));width:var(--case-side);max-height:calc(100dvh - var(--case-top) - 112px)}
body.case-study .oc-project-identity{margin-top:32px}
body.case-study .oc-project-identity img{width:144px;height:40px;object-fit:contain;object-position:left}
body.case-study .oc-project-identity p{margin-top:20px;font-size:18px;line-height:1.4}
body.case-study .oc-project-identity p span{margin-top:6px;font-size:14px;line-height:1.5}
body.case-study .case-project-tags{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:12px 0 0;padding:0;grid-column:1/-1}
body.case-study .case-project-tags li{padding:7px 13px;border-radius:100px;background:#e7e7ea;color:#44494b;font:500 13px/1.35 Satoshi,Arial,sans-serif}
body.case-study .oc-index{margin-top:32px}
body.case-study .oc-index nav a{min-height:36px;font-size:14px;line-height:1.4}
body.case-study .oc-index nav a:focus-visible{outline-offset:-3px}
body.case-study .oc-story>section{scroll-margin-top:32px}
@media(min-width:851px) and (max-height:800px){
 body.case-study{--case-top:64px}
 body.case-study .oc-project-identity{margin-top:24px}
 body.case-study .oc-project-identity p{font-size:16px;margin-top:16px}
 body.case-study .oc-project-identity p span{font-size:13px}
 body.case-study .oc-index{margin-top:24px}
}
@media(max-width:850px){
 body.case-study{--case-top:32px}
 body.case-study .oc-summary{top:auto;left:auto;width:auto;max-height:none}
 body.case-study .oc-project-identity,body.case-study .oc-index{margin-top:0}
 body.case-study .oc-index nav a{min-height:44px}
}
@media(max-width:600px){
 body.case-study .oc-project-identity img{width:120px;height:36px}
 body.case-study .oc-project-identity p{margin-top:0;font-size:16px}
 body.case-study .oc-project-identity p span{font-size:12px}
 body.case-study .oc-index nav{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;padding:4px 2px 10px;scrollbar-width:thin}
 body.case-study .oc-index nav a{flex:0 0 auto;min-height:44px;padding:9px 14px;border:1px solid var(--border);border-radius:999px;font-size:13px;white-space:nowrap}
 body.case-study .oc-index nav a[aria-current]{background:#eae7f5;border-color:#d7d1fa}
}

/* Shared section-navigation scale across case studies and About. */
body.case-study{--case-nav-font-size:22px}
body.case-study .oc-index nav a{font-size:var(--case-nav-font-size);line-height:1.35;min-height:44px}


/* Explicit transitions live between cards as standalone editorial statements. */
body.case-study .oc-story > p.case-story-question,
#ovalix-gabriel-fixed [data-preview-page="case"] .story > p.case-story-question{
 display:block;grid-column:1/-1;width:100%;max-width:none;
 margin:64px 0 32px;padding:0;border:0;background:transparent;
 font:600 36px/1.25 var(--font-body);letter-spacing:-.025em;
 color:var(--text-primary);text-wrap:balance;
}
body.case-study .oc-story > .case-before-question,
#ovalix-gabriel-fixed [data-preview-page="case"] .story > .case-before-question{margin-bottom:0!important}
body.case-study .oc-story > .case-after-question,
#ovalix-gabriel-fixed [data-preview-page="case"] .story > .case-after-question{margin-top:0!important}

/* Shared presentation for standalone product screens and recordings. */
.case-study{
 --case-media-gradient:linear-gradient(145deg,#d9d1ea,#b4c4dd);
 --case-media-shadow:0 2px 5px #25345326,0 10px 30px #25345346;
 --case-media-inset:clamp(12px,2vw,24px);
 --case-media-radius:12px;
 --case-media-screen-radius:var(--case-media-radius) var(--case-media-radius) 0 0;
}
.case-study.oxeye-cards{
 --ox-gallery-padding:var(--case-media-inset) var(--case-media-inset) 0;
}
.case-study #website .oc-story :is(
 .oc-zoom:has(>img):not(:where(.ox-annot-media>.oc-zoom,.ox-ux-media>.oc-zoom,.bold-review-crop)),
 .ox-annot-media,
 .ox-ux-media
),
.case-study.page-cara .cara-case :is(
 .cara-media-stage,
 [data-name^="Shot — "]:has(>img:only-child)
),
body.case-study #ovalix-gabriel-fixed :is(#layout-decision .layout-option-image,#result-to-rule .viewport){
 display:flex;
 align-items:flex-end;
 justify-content:center;
 padding:var(--case-media-inset) var(--case-media-inset) 0;
 border-radius:var(--case-media-radius);
 background:var(--case-media-gradient);
 overflow:hidden;
}
.case-study #website .oc-story :is(.ox-annot-media,.ox-ux-media)>.oc-zoom{
 display:flex;
 align-items:flex-end;
 justify-content:center;
 width:100%;
 min-height:0;
 padding:0;
 background:transparent;
 overflow:visible;
}
.case-study #website .oc-story :is(.oc-zoom:not(.bold-review-crop)>img,.ox-annot-media>video),
.case-study.page-cara .cara-case :is(
 .cara-media-stage>:is(img.cara-screen,video.cara-anatomy-video),
 [data-name^="Shot — "]>img:only-child
),
body.case-study #ovalix-gabriel-fixed :is(#layout-decision .layout-option-image>img,#result-to-rule .screen){
 display:block;
 width:auto;
 height:auto;
 min-width:0;
 max-width:100%;
 max-height:100%;
 object-fit:contain;
 border-radius:var(--case-media-screen-radius);
 box-shadow:var(--case-media-shadow);
}
.case-study.page-cara .cara-case .cara-media-stage,
.case-study.page-cara .cara-case .cara-media-stage>video,
body.case-study #ovalix-gabriel-fixed #result-to-rule .screen{width:100%}
.case-study.page-cara .cara-case [data-name^="Shot — "]>img:only-child{position:static}
.case-study.page-bold .bold-annotated-map .bold-route-annotations{
 inset:var(--case-media-inset) var(--case-media-inset) 0;
 width:calc(100% - 2 * var(--case-media-inset));
 height:calc(100% - var(--case-media-inset));
}