body.case-study-page{--case-section-gap:var(--space-section,80px);--case-media-gap:var(--space-media,28px);background:var(--bg);color:var(--text)}
body.case-study-page .site-shell.site-shell--case-study{--content-width:var(--reading-width,42rem);padding:64px 24px}
.case-study-page .case-study{min-width:0;font-family:var(--font-sans)}
.case-study-page .case-study .page-header{gap:20px}
.case-study-page .case-study .page-header h1{font-size:var(--type-title,30px);font-weight:600;line-height:36px;letter-spacing:-.75px}
.case-study-page .case-study .page-header>p:not(.page-meta){margin:0;color:var(--muted);font-size:16px;line-height:26px;letter-spacing:normal}
.case-study-page .case-study .page-header .page-meta{margin:0;color:var(--muted);font:400 14px/22px var(--font-sans);letter-spacing:0}
.case-study-page .case-study .page-body{margin-top:32px;font-size:var(--type-body,16px);line-height:26px}
.case-study-page .case-study :is(.prose,.page-body section,.ay-section-intro,.mb9-page)>p:not(:where(.case-showcase *,[data-case-interactive] *)){color:var(--text);font-size:var(--type-body,16px);line-height:26px;margin-bottom:20px}
.case-study-page .case-study .prose h2:not(:where(.case-showcase *,[data-case-interactive] *)){color:var(--text);font-size:var(--type-heading,22px);font-weight:600;line-height:30px;letter-spacing:-.4px;margin:0 0 20px}
.case-study-page .case-study .prose h3:not(:where(.case-showcase *,[data-case-interactive] *)){color:var(--text);font-size:var(--type-subheading,16px);font-weight:600;line-height:26px;letter-spacing:0;margin:32px 0 12px}
.case-study-page .case-study .prose .honda-comparison-label{font-size:14px;line-height:22px;font-weight:500;letter-spacing:0;color:var(--muted);margin:28px 0 12px}
.case-study-page .case-study .prose .honda-tilt>h3{margin:0 0 8px}
.case-study-page .case-study .prose h4:not(:where(.case-showcase *,[data-case-interactive] *)){font-weight:600}
.case-study-page .case-study .prose strong:not(:where(.case-showcase *,[data-case-interactive] *)){font-weight:600}
.case-study-page .case-study .prose>h2{margin-top:var(--case-section-gap)}
.case-study-page .case-study :is(.prose,.prose .gate-locked)>section{margin:0 0 var(--case-section-gap);scroll-margin-top:40px}
.case-study-page .case-study :is(.prose,.prose .gate-locked)>section:last-child{margin-bottom:0}
.case-study-page .case-study :is(.prose,.page-body section)>ul:not(:where(.case-showcase *,[data-case-interactive] *)){font-size:16px;line-height:26px}
.case-study-page .case-study .case-showcase{width:100%;max-width:100%;min-width:0;box-sizing:border-box}
.case-study-page .case-study .case-showcase :is(.honda-tabs__bar,.mb4-tabs)>button{font:500 14px/22px var(--font-sans);min-height:44px}
.case-study-page .case-study :is(.honda-bleed,.ay-wide,.ayo-wide){width:100%;max-width:100%;margin-inline:0;transform:none}
.case-study-page .case-study :is(.case-media,.grab-figure){margin-block:var(--case-media-gap) 32px}
.case-study-page .case-study :is(.case-media,.ayo-figure)>figcaption,.case-study-page .case-study .prose p.grab-caption{font-size:14px;line-height:22px;color:var(--muted)}
.case-study-page .case-study .prose p.astra-delivery{font-size:14px;line-height:22px;color:var(--muted);text-align:center}
/* Meaningful captions stay within the visual's boundary; redundant ones are removed in the source. */
.case-study-page .case-study :is(.case-media,.ayo-figure,.grab-figure):has(>figcaption){overflow:hidden;border:1px solid var(--border);border-radius:16px;background:var(--raised);padding:24px 24px 0}
.case-study-page .case-study :is(.case-media,.ayo-figure,.grab-figure)>figcaption{max-width:none;margin:20px -24px 0;padding:16px 24px;border-top:1px solid var(--border);color:var(--muted);font:400 14px/22px var(--font-sans);text-align:center}
.case-study-page .case-study :is(.case-media,.ayo-figure)>:is(img,video){max-width:100%}
.case-study-page .case-study :is(.case-media,.ayo-figure)>figcaption strong{font-weight:500}
/* Editorial graphics use the same body/support scale, not a second display hierarchy. */
.case-study-page .case-study :is(.astra-strategy__step,.honda-tilt)>:is(h3,h4){font:600 16px/26px var(--font-sans);letter-spacing:0;margin:0 0 8px}
.case-study-page .case-study :is(.astra-strategy__step,.honda-tilt)>p{font:400 14px/22px var(--font-sans);color:var(--muted);margin:0}
.case-study-page .case-study .astra-strategy__step>h4{margin-top:16px}
.case-study-page .case-study .mb9-chapter{margin-top:var(--case-section-gap)}
.case-study-page .case-study .mb9-chapter>h2{padding-bottom:0;border:0;margin-bottom:28px}
.case-study-page .case-study .mb9-page>h3{margin-bottom:20px}
.case-study-page .case-study .mb9-page{margin-bottom:48px}
.case-study-page .case-study.ayana-case-study .page-body{gap:var(--case-section-gap)}
.case-study-page .case-study.ayana-case-study .page-body>section{margin:0}
.case-study-page .case-study .ay-chapter{gap:24px}
.case-study-page .case-study .ay-section-intro{gap:0}
.case-study-page .case-study .ay-section-intro>p:last-child{margin-bottom:0}
.case-study-page .case-study .ay-subsection{gap:20px;margin-top:24px;padding-top:24px}
.case-study-page .case-study .prose .case-iteration-label{margin:28px 0 12px;font-size:14px;line-height:22px;color:var(--muted)}
.case-study-page .case-study .case-iteration-label strong{color:var(--text);font-weight:600}
.case-study-page .case-study .case-iteration-label+.grab-variants{margin-top:0}
@media(max-width:600px){
 body.case-study-page{--case-section-gap:var(--space-section,64px);--case-media-gap:var(--space-media,24px)}
 body.case-study-page .site-shell.site-shell--case-study{padding:32px 24px 48px}
 .case-study-page .case-study .mb9-page{margin-bottom:40px}
}