/* A distinct hybrid direction: the original brief with an automotive editorial composition. */
.auto-hybrid{background:#f2f2eb;color:#15251f}
.auto-hybrid .site-header{background:#101719f5;border-color:#ffffff16;backdrop-filter:blur(14px)}
.auto-hybrid .review-bar{background:#1b2928}
.auto-hybrid .hybrid-hero{background:#101719;padding:0;position:relative}
.auto-hybrid .hybrid-hero-grid{grid-template-columns:1fr 1.12fr;gap:0;align-items:stretch;min-height:650px}
.auto-hybrid .hybrid-copy{padding:58px 24px 58px 0;position:relative;z-index:3;align-self:center}
.auto-hybrid .hybrid-copy>.eyebrow{font-size:10px;letter-spacing:.15em;color:#a1b9ae;margin-bottom:32px}
.auto-hybrid .hybrid-copy h1{font:400 clamp(23px,2.35vw,34px)/1.35 Poppins,sans-serif;letter-spacing:-.04em;max-width:580px}
.auto-hybrid .hybrid-copy h1 span{display:block;font:700 clamp(72px,7.7vw,112px)/.91 Barlow,sans-serif;letter-spacing:-.018em;color:#f1f4ed;margin-top:22px;max-width:620px}
.auto-hybrid .hybrid-copy h1 span::after{content:'';display:block;width:60px;height:4px;background:var(--teal);margin-top:29px}
.auto-hybrid .hybrid-copy>.btn{margin-top:32px;min-height:56px;gap:40px;font-size:13px}
.auto-hybrid .hybrid-footnote{margin-top:20px;font-size:11px;color:#99afa6}
.auto-hybrid .hybrid-art{height:auto;min-height:650px;background:radial-gradient(ellipse at 70% 44%,#4a665e4d,transparent 64%);border-left:1px solid #ffffff14;overflow:visible;isolation:isolate}
.auto-hybrid .hybrid-art::before{inset:35px 0 40px 40px;background:linear-gradient(120deg,#00c3ac16,transparent 45%);border:1px solid #87ab9e25;transform:skewY(-6deg);z-index:-1}
.auto-hybrid .hybrid-art::after{content:'03';position:absolute;right:-8px;top:23px;font:700 170px/1 Barlow;color:#ffffff04;pointer-events:none;z-index:-1}
.auto-hybrid .hybrid-orbit,.auto-hybrid .hybrid-art-type,.auto-hybrid .art-corner{display:none}
.auto-hybrid .hybrid-car-wrap{inset:30px -25px 20px 10px;overflow:visible;animation:none}
.auto-hybrid .hybrid-car{width:100%;left:0;bottom:18%;transform:none;filter:drop-shadow(0 30px 28px #0005);transition:transform 600ms var(--ease);object-fit:contain}
.auto-hybrid .hybrid-label{background:none;color:#9fb6ac;transform:none;padding:0;font-size:9px;letter-spacing:.14em;line-height:1.7;z-index:3}
.auto-hybrid .top-label{top:43px;right:0;left:36px;display:flex;align-items:center;gap:12px}
.auto-hybrid .top-label::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--teal)}
.auto-hybrid .bottom-label{bottom:38px;left:36px;right:0;border-top:1px solid #ffffff20;padding-top:18px;color:#c8d8ce}
.hybrid-caption{position:absolute;right:0;bottom:39px;font-size:8px;color:#7a9387;letter-spacing:.07em;z-index:3}
.auto-hybrid .marquee{background:#00bfa8;color:#102522;padding:18px 0 25px;border:0}
.auto-hybrid .marquee-top{margin-bottom:18px}
.auto-hybrid .marquee-top .eyebrow{font-size:9px;letter-spacing:.13em;color:#123a32}
.auto-hybrid .marquee-toggle{min-height:38px;color:#14342b;border-color:#14342b66}
.auto-hybrid .marquee-track{animation-duration:100s}
.auto-hybrid .marquee-track li{font:400 28px/1.3 Poppins,sans-serif;letter-spacing:-.035em;gap:28px;padding-right:28px}
.auto-hybrid .marquee-track li>span{color:#ecfff7;font-size:20px}
.auto-hybrid .client-section{background:#101719;border-bottom:1px solid #ffffff18;padding:32px 0 40px}
.auto-hybrid .client-section .eyebrow{font-size:10px;color:#8fa99a;letter-spacing:.1em}
.auto-hybrid .client-list{margin-top:26px;gap:28px}
.auto-hybrid .client-logo{filter:grayscale(1) brightness(0) invert(1);opacity:.85}
.auto-hybrid .client-list li:nth-child(4) .client-logo{filter:none;opacity:.9}
.auto-hybrid .hybrid-story{padding-block:95px 65px}
.auto-hybrid .hybrid-story-head{display:grid;grid-template-columns:.55fr 1.45fr;gap:45px;margin-bottom:48px;align-items:start}
.auto-hybrid .hybrid-story-head>.eyebrow{font-size:10px;letter-spacing:.13em;margin-top:12px;color:#577269}
.auto-hybrid .hybrid-story-head h2{font:400 clamp(38px,4.5vw,64px)/1.12 Poppins,sans-serif;letter-spacing:-.055em;max-width:820px}
.auto-hybrid .hybrid-story-head h2 span{color:#008b78}
.auto-hybrid .hybrid-story-body{grid-template-columns:1fr 1.12fr;gap:70px;align-items:stretch}
.auto-hybrid .hybrid-story-body .story-copy{align-self:center;padding-block:20px}
.auto-hybrid .hybrid-story-body .story-copy .story-lead{font-size:24px;line-height:1.5;letter-spacing:-.035em;color:#1d342a}
.auto-hybrid .story-copy>p{font-size:14px;line-height:1.9;color:#61766b}
.auto-hybrid .story-copy .story-manifesto{color:#1b382b}
.auto-hybrid .hybrid-road{height:470px}
.auto-hybrid .hybrid-road img{object-position:58% 50%;filter:saturate(.7)}
.auto-hybrid .hybrid-road::after{background:linear-gradient(180deg,transparent 45%,#072b25cc)}
.auto-hybrid .road-caption{font:400 25px/1.3 Poppins,sans-serif;letter-spacing:-.035em;bottom:26px;left:28px}
.hybrid-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #bdccc0;margin-top:58px}
.hybrid-pillar{padding:28px 30px 12px 0;display:flex;flex-direction:column;align-items:start}
.hybrid-pillar+.hybrid-pillar{border-left:1px solid #bdccc0;padding-left:30px}
.hybrid-pillar>span{font-size:10px;color:#008b78;letter-spacing:.1em}
.hybrid-pillar h3{font:400 23px/1.35 Poppins,sans-serif;letter-spacing:-.035em;margin:24px 0 13px}
.hybrid-pillar p{font-size:13px;line-height:1.8;color:#61766b;max-width:310px}
.hybrid-pillar a{display:flex;justify-content:space-between;gap:24px;align-items:center;width:100%;font-size:11px;color:#204c3d;padding-top:24px;margin-top:auto;min-height:44px}
.hybrid-pillar a span{font:400 22px/1 Arial;color:#d60066}
.auto-hybrid .film-section{padding-top:28px;padding-bottom:65px;border:0}
.auto-hybrid .film-label{border-top:1px solid #bdccc0;padding-top:26px}
.auto-hybrid .film-label .eyebrow{font-size:9px;color:#61766b}
.auto-hybrid .film-stage{height:300px;background:#142623}
.auto-hybrid .film-center p{font:400 clamp(25px,3.1vw,42px)/1.3 Poppins,sans-serif;letter-spacing:-.045em}
.auto-hybrid .film-word{display:none}
.auto-hybrid .film-track{opacity:.35}
.auto-hybrid .contact-section{padding-block:85px;background:#123532}
.auto-hybrid .contact-copy h2{font-size:clamp(62px,6.5vw,94px)}
.auto-hybrid .contact-copy>.eyebrow{font-size:9px;letter-spacing:.1em}
.auto-hybrid .contact-copy>p:not(.eyebrow){font-size:14px;line-height:1.85;color:#c1d6ca}
.auto-hybrid .form-panel{padding:36px 40px}
.auto-hybrid .field{margin-bottom:23px}
.auto-hybrid .field label{font-size:13px;color:#24392f;margin-bottom:0}
.auto-hybrid .field input{background:transparent;border:0;border-bottom:1px solid #d0d9d3;min-height:43px;padding:8px 0}
.auto-hybrid .field input[aria-invalid=true]{border-bottom-color:#b00044}
.auto-hybrid .form-submit{margin-top:12px;min-height:54px}
.auto-hybrid .site-footer{background:#101719;color:#9bb3a4;border:0;padding-block:32px}
.hybrid-footer-brand{width:124px;height:auto}
@media(hover:hover) and (pointer:fine){.hybrid-pillar a:hover{color:#a80050}.auto-hybrid .marquee-toggle:hover{background:#ffffff22}}
@media(max-width:1100px){.auto-hybrid .hybrid-hero-grid{min-height:560px;grid-template-columns:1fr 1fr}.auto-hybrid .hybrid-art{min-height:560px}.auto-hybrid .hybrid-copy h1 span{font-size:80px}.auto-hybrid .hybrid-copy h1{font-size:25px}.auto-hybrid .hybrid-car-wrap{inset:40px -20px 10px 8px}.auto-hybrid .hybrid-car{width:108%;left:-4%;bottom:22%}.hybrid-caption{display:none}.auto-hybrid .hybrid-story-body{gap:40px}}
@media(max-width:800px){
 .auto-hybrid .hybrid-hero-grid{grid-template-columns:1fr;min-height:0}
 .auto-hybrid .hybrid-copy{padding:36px 0 24px;max-width:620px}
 .auto-hybrid .hybrid-copy>.eyebrow{margin-bottom:24px;font-size:9px}
 .auto-hybrid .hybrid-copy h1{font-size:24px;max-width:520px}
 .auto-hybrid .hybrid-copy h1 span{font-size:clamp(66px,12.5vw,96px);max-width:600px;margin-top:14px}
 .auto-hybrid .hybrid-copy h1 span::after{margin-top:22px;width:44px;height:3px}
 .auto-hybrid .hybrid-copy>.btn{margin-top:24px;min-height:52px}
 .auto-hybrid .hybrid-art{min-height:350px;border-left:0;border-top:1px solid #ffffff16;margin-top:8px}
 .auto-hybrid .hybrid-art::before{inset:28px 0 30px 20px}
 .auto-hybrid .hybrid-art::after{font-size:110px;top:5px;right:6px}
 .auto-hybrid .hybrid-car-wrap{inset:12px -10px 10px -10px}
 .auto-hybrid .hybrid-car{width:100%;left:0;bottom:7%;max-height:340px;object-fit:contain}
 .auto-hybrid .top-label{top:20px;left:18px;font-size:8px}
 .auto-hybrid .bottom-label{bottom:18px;left:18px;font-size:8px;padding-top:14px}
 .auto-hybrid .marquee-track li{font-size:23px}
 .auto-hybrid .client-list{gap:20px}
 .auto-hybrid .hybrid-story{padding-block:60px 35px}
 .auto-hybrid .hybrid-story-head{grid-template-columns:1fr;gap:22px;margin-bottom:30px}
 .auto-hybrid .hybrid-story-head h2{font-size:clamp(36px,6.5vw,50px)}
 .auto-hybrid .hybrid-story-body{grid-template-columns:1fr;gap:30px}
 .auto-hybrid .hybrid-story-body .story-copy{padding:0}
 .auto-hybrid .hybrid-story-body .story-copy .story-lead{font-size:22px}
 .auto-hybrid .hybrid-road{height:390px}
 .hybrid-pillars{margin-top:36px}
 .hybrid-pillar{padding-right:18px}.hybrid-pillar+.hybrid-pillar{padding-left:18px}
 .hybrid-pillar h3{font-size:19px}.hybrid-pillar p{font-size:12px}
 .auto-hybrid .film-section{padding-bottom:45px}
 .auto-hybrid .contact-section{padding-block:60px}
 .auto-hybrid .form-panel{padding:28px 24px}
}
@media(max-width:500px){
 .auto-hybrid .hybrid-copy h1{font-size:21px;max-width:350px}
 .auto-hybrid .hybrid-copy h1 span{font-size:clamp(56px,16.3vw,80px);max-width:100%}
 .auto-hybrid .hybrid-footnote{font-size:10px}
 .auto-hybrid .hybrid-art{min-height:285px}
 .auto-hybrid .hybrid-car-wrap{inset:25px 0 10px}
 .auto-hybrid .hybrid-car{width:100%;left:0;bottom:14%}
 .auto-hybrid .hybrid-label{letter-spacing:.08em;font-size:7px}
 .auto-hybrid .top-label{left:0}.auto-hybrid .bottom-label{left:0}
 .auto-hybrid .client-list{gap:18px 22px}
 .auto-hybrid .hybrid-story-head h2{font-size:37px}
 .auto-hybrid .hybrid-road{height:340px}
 .auto-hybrid .road-caption{font-size:23px;left:22px}
 .hybrid-pillars{grid-template-columns:1fr}
 .hybrid-pillar,.hybrid-pillar+.hybrid-pillar{border-left:0;padding:25px 0;border-bottom:1px solid #bdccc0}
 .hybrid-pillar h3{font-size:23px;margin:14px 0 10px}
 .hybrid-pillar p{font-size:13px;max-width:none}
 .hybrid-pillar a{padding-top:16px}
 .auto-hybrid .film-stage{height:255px}
 .auto-hybrid .film-center{gap:16px}.auto-hybrid .film-center p{font-size:24px}
 .auto-hybrid .contact-copy h2{font-size:62px}
 .hybrid-footer-brand{width:115px}
}
@media(prefers-reduced-motion:reduce){.auto-hybrid .marquee-track li{font-size:17px;white-space:normal;padding:0}.auto-hybrid .hybrid-car{transform:none!important}}