/* Refinement requested by the client: stronger copy, aligned editorial content and service hierarchy. */
.campaign-copy h1{font-size:clamp(72px,7vw,102px);line-height:.98;letter-spacing:-.015em}
.campaign-copy h1>span{color:var(--teal)}
.campaign-copy>p{max-width:440px;font-size:15px;line-height:1.85}
.campaign-bottom a>span{color:var(--teal)}
.auto-hybrid .contact-copy h2 span{color:var(--teal)}
.auto-hybrid .hybrid-story{padding-block:82px 86px}
.story-editorial-label{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-bottom:24px;margin-bottom:34px;border-bottom:1px solid #c7d1c8}
.story-editorial-label .eyebrow{font-size:10px;letter-spacing:.13em;color:#008a77}
.story-editorial-label>span{font-size:9px;letter-spacing:.1em;color:#73847a}
.story-editorial-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:76px;align-items:center}
.story-editorial-image{position:relative;overflow:hidden;min-width:0;height:570px}
.story-editorial-image img{height:100%;width:100%;object-fit:cover;object-position:52% center;filter:saturate(.7)}
.story-editorial-image::after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#0b3026cf)}
.story-editorial-image figcaption{position:absolute;bottom:26px;left:28px;right:28px;z-index:1;color:#fff;font-size:9px;line-height:1.7;letter-spacing:.13em}
.auto-hybrid .story-editorial-copy h2{font:400 clamp(32px,3vw,44px)/1.2 Poppins,sans-serif;letter-spacing:-.05em;margin:0 0 26px}
.story-editorial-copy h2 span{color:#008a77}
.story-editorial-copy .editorial-lead{font-size:19px;line-height:1.65;color:#213b30;letter-spacing:-.02em;margin-bottom:20px;max-width:550px}
.story-editorial-copy>p:not(.editorial-lead):not(.editorial-signature){font-size:14px;line-height:1.9;color:#61766b;max-width:520px}
.editorial-signature{font-size:13px;line-height:1.9;color:#2a493b;padding-top:23px;margin-top:24px;border-top:1px solid #ccd6cc;max-width:520px}
.editorial-signature strong{font-weight:500;color:#1e3c2e}
.story-editorial-copy .btn{margin-top:26px;min-height:54px;font-size:12px;gap:35px}
.activation-section{background:#102b29;color:#fff;padding:76px 0 80px;overflow:hidden}
.activation-heading{display:grid;grid-template-columns:1.25fr .75fr;gap:75px;align-items:end;margin-bottom:38px}
.activation-heading .eyebrow{font-size:10px;color:#6cc8b6;letter-spacing:.13em;margin-bottom:23px}
.auto-hybrid .activation-heading h2{font:400 clamp(32px,3.2vw,46px)/1.22 Poppins,sans-serif;letter-spacing:-.05em;color:#f0f5ed}
.activation-heading h2 span{color:#00c3ac}
.activation-heading>p{font-size:14px;line-height:1.9;color:#a5beb1;max-width:370px;padding-bottom:4px}
.activation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.activation-card{position:relative;isolation:isolate;background:#173733;border:1px solid #8aafa32b;display:flex;flex-direction:column;padding:28px 28px 24px;min-height:386px;transition:background-color 180ms ease,border-color 180ms ease}
.activation-index{display:flex;justify-content:space-between;align-items:center;color:#8db6a6;font-size:9px;letter-spacing:.12em}
.activation-index>span{font:400 23px/1 Poppins;color:#00c3ac;letter-spacing:-.04em}
.activation-card h3{font:400 30px/1.3 Poppins,sans-serif;letter-spacing:-.04em;margin:32px 0 15px;color:#fff}
.activation-card>p{font-size:13px;line-height:1.85;color:#bfd0c4;max-width:340px;margin-bottom:20px}
.activation-card ul{display:flex;flex-wrap:wrap;gap:5px 13px;margin-bottom:26px}
.activation-card li{font-size:10px;line-height:1.8;color:#7da593}
.activation-card li::before{content:'+';color:#00c3ac;margin-right:5px}
.activation-card>a{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid #86a99438;padding-top:18px;min-height:45px;margin-top:auto;color:#e0eae0;font-size:11px}
.activation-card>a>span{font:400 24px/1 Arial;color:#00c3ac;transition:transform 180ms var(--ease)}
.auto-hybrid .film-section{padding-top:42px;padding-bottom:48px}
.auto-hybrid .film-label{border-top:0;padding-top:0}
.auto-hybrid .film-plus{color:var(--teal)}
@media(hover:hover) and (pointer:fine){.activation-card:hover{background:#1b413a;border-color:#00c3ac70}.activation-card>a:hover>span{transform:translate3d(3px,-3px,0)}}
@media(min-width:801px) and (max-height:850px){.campaign-copy h1{font-size:clamp(72px,6.8vw,98px)}}
@media(max-width:1100px){.story-editorial-grid{gap:44px}.story-editorial-image{height:555px}.story-editorial-copy .editorial-lead{font-size:18px}.activation-heading{gap:40px}.activation-card{padding:25px 22px}.activation-card h3{font-size:28px}.campaign-copy h1{font-size:84px}}
@media(max-width:800px){
 .campaign-copy h1{font-size:clamp(66px,10.5vw,86px)}
 .auto-hybrid .hybrid-story{padding-block:56px 60px}
 .story-editorial-label{margin-bottom:28px;padding-bottom:20px}
 .story-editorial-grid{grid-template-columns:1fr;gap:32px}
 .story-editorial-image{height:380px;order:2}
 .auto-hybrid .story-editorial-copy h2{font-size:36px;margin-bottom:22px}
 .story-editorial-copy .editorial-lead{font-size:19px;max-width:650px}
 .story-editorial-copy>p:not(.editorial-lead):not(.editorial-signature){max-width:650px}
 .editorial-signature{max-width:650px}
 .activation-section{padding-block:57px 60px}
 .activation-heading{grid-template-columns:1fr;gap:22px;margin-bottom:30px}
 .auto-hybrid .activation-heading h2{font-size:36px}
 .activation-heading>p{max-width:540px;font-size:13px}
 .activation-grid{grid-template-columns:1fr;gap:14px}
 .activation-card{min-height:0;padding:25px 26px}
 .activation-card h3{margin:22px 0 12px;font-size:28px}
 .activation-card>p{max-width:650px}
 .activation-card ul{margin-bottom:23px}
 .auto-hybrid .film-section{padding-top:34px;padding-bottom:40px}
}
@media(max-width:500px){
 .campaign-copy h1{font-size:clamp(54px,15.5vw,76px)}
 .story-editorial-label>span{display:none}
 .auto-hybrid .story-editorial-copy h2{font-size:32px}
 .story-editorial-copy .editorial-lead{font-size:18px}
 .story-editorial-copy>p:not(.editorial-lead):not(.editorial-signature){font-size:13px}
 .story-editorial-image{height:330px}
 .story-editorial-image figcaption{left:22px;bottom:22px;font-size:8px}
 .auto-hybrid .activation-heading h2{font-size:31px}
 .activation-card{padding:24px}
 .activation-heading .eyebrow{font-size:9px}
}
@media(prefers-reduced-motion:reduce){.activation-card>a>span{transform:none!important}}
