/* Automotive case study: current typography, black canvas and teal accents. */
.automotive-case .case-hero h1{max-width:1050px;font-size:clamp(42px,5.5vw,76px);line-height:1.08;letter-spacing:-.035em;margin-bottom:28px}
.automotive-case .case-hero>p{line-height:1.9}
.automotive-case .case-source{font-size:11px;max-width:850px;color:var(--muted);border-left:2px solid var(--accent);padding-left:18px;margin-top:30px}
.automotive-case .case-metrics{gap:32px}
.automotive-case .case-metrics strong{font-size:clamp(24px,3.2vw,43px);letter-spacing:-.03em}
.metric-context{font-size:11px;color:var(--muted);max-width:1000px;margin:24px 0 15px;line-height:1.9}
.automotive-case .case-section{padding-block:65px}
.automotive-case .case-section h2{font-weight:500;letter-spacing:-.025em}
.automotive-case .case-section p{line-height:1.95}
.auto-flow,.auto-tests{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-block:35px}
.auto-flow>div,.auto-tests>article{padding:28px;border:1px solid var(--border);border-radius:16px;min-width:0}
.auto-flow span{font-size:10px;color:var(--accent)}
.auto-flow h3,.auto-tests h3{font:500 23px/1.25 Bricolage,sans-serif;margin:18px 0 14px;letter-spacing:-.025em}
.auto-tests h3{margin-top:0}
.automotive-case .auto-flow p,.automotive-case .auto-tests p{font-size:12px}
.automotive-case .note p{font-size:12px;margin-top:12px}
.automotive-case .case-end{padding-block:60px 30px}
.automotive-case .case-end h2{font-size:clamp(29px,3.5vw,44px);font-weight:500;line-height:1.2;max-width:750px}
.automotive-case .case-end p{color:var(--muted);margin-top:24px;font-size:13px;max-width:650px}
.auto-back{display:block;font-size:12px;margin-top:30px;min-height:44px;padding-top:10px}
.project-visual.automotive{background:#72b0a5;color:#071713;position:relative;isolation:isolate;overflow:hidden}
.project-visual.automotive:after{content:'';position:absolute;z-index:-1;width:280px;height:280px;border:1px solid #07171325;border-radius:50%;right:-80px;bottom:-90px;box-shadow:0 0 0 30px #07171308,0 0 0 60px #07171306}
.automotive .visual-kicker{line-height:1.8}
.automotive .auto-card-caption{font-size:11px;line-height:1.8;max-width:300px;margin-top:24px}
.automotive .visual-metrics{margin-top:28px}
@media(max-width:850px){.auto-flow,.auto-tests{grid-template-columns:1fr}.automotive-case .case-metrics{grid-template-columns:1fr;gap:24px}.automotive-case .case-metrics strong{font-size:34px}}
@media(max-width:650px){.automotive-case .case-hero h1{font-size:42px}.automotive-case .case-section{padding-block:42px}.automotive-case .case-metrics{padding:26px}.auto-flow>div,.auto-tests>article{padding:24px}.automotive-case .case-source,.metric-context{font-size:11px}.automotive-case .case-end{padding-top:42px}.automotive-case .case-end .button{font-size:12px}.project-visual.automotive{height:auto;min-height:390px;padding-bottom:30px}}
@media(min-width:851px){.automotive-work-card{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.15fr;column-gap:35px;align-items:start}.automotive-work-card .card-title{padding:30px 18px}.automotive-work-card .project-visual{grid-column:2;grid-row:1/3;height:auto;min-height:390px;padding-bottom:32px}.automotive-work-card .card-footnote{grid-column:1;grid-row:2;align-self:end;padding:18px;max-width:390px}}
/* A real page snapshot in the homepage Work feature. */
.automotive-work-card .project-visual.automotive-snapshot{padding:12px;min-height:0;height:auto;background:var(--accent);display:block;border-radius:14px}
.automotive-work-card .automotive-snapshot:after{display:none}
.automotive-work-card .automotive-snapshot img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;margin:0;border-radius:7px;opacity:1;filter:none;transform:none}
@media(min-width:851px){.automotive-work-card .card-title h3{font-size:26px;line-height:1.25;max-width:310px}.automotive-work-card .card-footnote{font-size:11px;line-height:1.9}}
@media(max-width:850px){.automotive-work-card .project-visual.automotive-snapshot{padding:8px}.automotive-work-card .card-title{padding-bottom:24px}}
/* Plain-language before / approach comparisons. */
.automotive-case .difference-intro{max-width:760px;font-size:16px;color:var(--text);margin-bottom:36px}
.difference-list>article{display:grid;grid-template-columns:.8fr 1.6fr;gap:50px;padding:34px 0;border-top:1px solid var(--border)}
.difference-title>span,.difference-compare span{font-size:9px;letter-spacing:.06em;color:var(--muted)}
.difference-title>span{color:var(--accent)}
.difference-title h3{font:500 29px/1.2 Bricolage,sans-serif;letter-spacing:-.025em;margin-top:16px;max-width:290px}
.difference-compare{display:grid;grid-template-columns:1fr 1.3fr;gap:24px}
.difference-compare>div{padding:20px;border:1px solid var(--border);border-radius:12px}
.difference-compare>div:last-child{border-color:#72b0a550;background:#72b0a50b}
.difference-compare>div:last-child span{color:var(--accent)}
.automotive-case .difference-compare p{font-size:13px;margin-top:10px;line-height:1.8}
.automotive-case .difference-reason{font-size:12px;margin-top:20px;line-height:1.9}
.difference-reason strong{color:var(--text);font-weight:500}
.automotive-case .difference-takeaway{border-left:2px solid var(--accent);padding:18px 24px;margin-top:20px;color:var(--text);font-size:15px}
@media(max-width:850px){.difference-list>article{grid-template-columns:1fr;gap:24px}.difference-title h3{max-width:none;font-size:27px}}
@media(max-width:500px){.difference-compare{grid-template-columns:1fr;gap:12px}.difference-list>article{padding-block:28px}.automotive-case .difference-intro{font-size:14px}.automotive-case .difference-takeaway{font-size:13px}}