/* DriveForma editorial refinement: framing, quiet controls and both orientations. */
.brand-logo{display:block!important;width:84px!important;height:30px!important;max-width:none!important;object-fit:contain!important;transform:none!important}
.footer .brand-logo{width:174px!important;height:38px!important}
.logo:has(.brand-logo),.wordmark:has(.brand-logo){display:inline-flex;align-items:center;line-height:1;min-height:44px}
.link-arrow:after,.textlink:after,.checklist li:before{content:none!important;display:none!important}
.checklist li{padding-left:0}
.home-page .intro-index{display:none}
.home-page .intro-bottom{display:block;max-width:790px;margin-left:auto}
.home-page .hero{height:145svh;min-height:940px}
.home-page .hero-photo img{transform:scale(calc(1 + var(--hero-progress)*.12)) translateY(calc(var(--hero-progress)*-12px))}
.home-page .story-track{height:250svh;min-height:1580px}
.home-page .presentation-track{height:155svh;min-height:1100px}
.home-page .presentation-stage{max-height:620px;min-height:500px;grid-template-columns:1fr .5fr}
.home-page .photo-ledger img{height:auto!important;aspect-ratio:4/3;object-fit:contain}
.home-page .presentation-side{justify-content:center;gap:20px}
.home-page .presentation-side>img{height:auto!important;min-height:0!important;aspect-ratio:4/3;object-fit:contain}
.home-page .presentation-note{padding:0}
.home-page .presentation-note p{max-width:290px;font-size:14px}
.home-page .presentation-note h3{font-size:32px}
.home-page .day-photos img{height:auto!important;aspect-ratio:4/3;object-fit:contain}
.home-page .day-photos figure:nth-child(2){padding-top:48px}
.home-page .day-photos figure:nth-child(3){padding-top:20px}
.home-page .reply-portrait>img{height:auto;aspect-ratio:4/3;object-fit:contain}
.home-page .reply-grid{grid-template-columns:1fr 1fr;gap:70px}
.home-page .context-strip>div{display:block}
.home-page .context-strip h3{margin-bottom:14px}
.home-page .motion-control,.home-page .mobile-menu summary,.home-page .nav-links>.button{min-height:44px}
.home-page .window-controls button{min-height:40px!important}
.home-page .footer-note p:empty{display:none}
.home-page .interlude,.home-page .presentation,.home-page .day-section{padding-top:95px;padding-bottom:85px}
.home-page .intro{padding-top:100px}
.inner-page .hero-photo img{transform:none;object-position:center}
.inner-page .section{padding-top:90px;padding-bottom:90px}
.inner-page .duet figure:has(img.portrait-source){height:auto;aspect-ratio:3/4;max-width:540px}
.inner-page .duet figure:has(img.portrait-source) img{object-fit:contain}
.inner-page .pull-photo figure:has(img.whole-person){height:auto;aspect-ratio:4/3}
.inner-page .whole-person{object-fit:contain!important}
.inner-page .portrait-opening{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:6%;width:90%;max-width:1320px;margin:0 auto;padding:128px 0 55px}
.inner-page .portrait-opening>.intro{padding:0;max-width:none;margin:0}
.inner-page .portrait-opening h1{font-size:clamp(52px,6vw,90px)}
.inner-page .portrait-opening .intro-bottom{display:block;margin-top:32px}
.inner-page .portrait-opening .intro-bottom p{font-size:18px}
.inner-page .portrait-opening .intro-bottom .button{margin-top:30px}
.inner-page .portrait-opening>.hero-photo{height:auto;min-height:0;max-height:none;aspect-ratio:3/4;margin:0}
.inner-page .portrait-opening>.hero-photo img{object-fit:contain;height:100%;transform:none}
.inner-page .portrait-opening .photo-caption{display:none}
.inner-page .navlinks>.button{min-height:44px}
.inner-page .hero-photo:has(img[src*="inventory-hero"]){height:auto;aspect-ratio:3/1;min-height:0;max-height:none}
.inner-page .hero-photo:has(img[src*="inventory-hero"]) img{object-fit:contain}
.inner-page .hero-photo:has(img[src*="marketing-hero"]),.inner-page .hero-photo:has(img[src*="followup-hero"]){height:auto;aspect-ratio:3/2;min-height:0;max-height:none}
.inner-page .hero-photo:has(img[src*="marketing-hero"]) img,.inner-page .hero-photo:has(img[src*="followup-hero"]) img{object-fit:contain}
.inner-page .duet figure:has(img[src*="followup-context"]){height:auto;aspect-ratio:3/2}
.inner-page .duet figure:has(img[src*="followup-context"]) img{object-fit:contain}
.inner-page .workbench,.inner-page .form-panel,.inner-page .role-panel{box-shadow:none;border-radius:9px}
@media(max-width:1000px){
 .home-page .reply-grid{gap:40px}.home-page .presentation-stage{grid-template-columns:1fr .42fr}.home-page .presentation-note h3{font-size:27px}
 .inner-page .portrait-opening{gap:5%;padding-top:118px}.inner-page .portrait-opening h1{font-size:56px}
}
@media(max-width:760px){
 .brand-logo{width:69px!important;height:27px!important}.footer .brand-logo{width:156px!important;height:36px!important}
 .home-page .site-header{padding:0 11px}.home-page .nav-links{gap:6px}.home-page .nav-links>.button{font-size:9px;padding:8px;min-height:44px}
 .home-page .motion-control{width:32px;min-width:32px;min-height:44px;padding-left:10px}
 .home-page .hero{height:122svh;min-height:800px}.home-page .hero-sticky{height:100svh;min-height:600px}
 .home-page .hero-copy{top:18%}.home-page .hero h1{font-size:clamp(44px,10.6vw,68px)}
 .home-page .hero-photo img{object-position:54% 50%;transform:scale(calc(1 + var(--hero-progress)*.08))}
 .home-page .intro-bottom{margin-left:0}.home-page .intro{padding-top:70px}
 .home-page .photo-ledger{align-items:start}.home-page .photo-ledger figcaption{font-size:9px}
 .home-page .story-track{height:auto;min-height:0}.home-page .story-stage{min-height:0}
 .home-page .presentation-track{height:auto;min-height:0}.home-page .presentation-stage{display:flex;max-height:none;min-height:0}
 .home-page .presentation-side{display:block}.home-page .presentation-side>img{width:100%;height:auto!important;aspect-ratio:4/3}
 .home-page .presentation-note{padding-top:25px}.home-page .presentation-note h3{font-size:32px}.home-page .presentation-note p{font-size:14px;max-width:100%}
 .home-page .presentation-stage .window-controls button{min-height:40px!important;min-width:62px!important;font-size:9px!important}
 .home-page .reply-grid{gap:30px}.home-page .reply-portrait{padding:0}.home-page .reply-portrait>img{height:auto}.home-page .reply-portrait .small-photo{right:8px;bottom:8px}
 .home-page .day-photos figure,.home-page .day-photos figure:nth-child(2),.home-page .day-photos figure:nth-child(3){display:block;padding:0;margin-bottom:40px}
 .home-page .day-photos figcaption{padding-top:18px}.home-page .day-photos h3{font-size:28px}.home-page .day-photos p{font-size:14px}
 .home-page .interlude,.home-page .presentation,.home-page .day-section{padding-top:65px;padding-bottom:60px}
 .home-page .context-strip>div{padding:22px 0}.home-page .context-strip h3,.home-page .context-strip p{grid-column:auto}
 .inner-page .section{padding-top:60px;padding-bottom:60px}
 .inner-page .portrait-opening{display:flex;flex-direction:column;align-items:stretch;gap:34px;padding:110px 0 32px}
 .inner-page .portrait-opening h1{font-size:clamp(48px,11.8vw,74px)}
 .inner-page .portrait-opening .intro-bottom p{font-size:17px}.inner-page .portrait-opening>.hero-photo{width:100%;max-width:520px;align-self:center}
 .inner-page .duet figure:has(img.portrait-source){width:100%;max-width:520px;margin:auto}
 .inner-page .navwrap{gap:9px;padding:0 11px}.inner-page .navlinks{gap:10px}.inner-page .navlinks>.button{min-height:44px;font-size:10px;padding:8px 10px}
 .inner-page .hero-photo .photo-caption{display:none}
 .inner-page .pull-photo figure:has(img[src*="walkthrough-detail"]){height:auto;aspect-ratio:3/2}
}
/* Short landscape viewports keep content in normal flow rather than pinning a desktop-sized panel. */
@media(orientation:landscape) and (max-height:600px){
 html{scroll-padding-top:88px}.home-page .hero{height:auto;min-height:0}.home-page .hero-sticky{position:relative;height:auto;min-height:510px}
 .home-page .hero-copy{position:relative;left:auto;right:auto;top:auto;padding:110px 5% 95px;max-width:76%;transform:none;opacity:1}
 .home-page .hero h1{font-size:clamp(42px,6.2vw,72px)}.home-page .hero-copy p{margin:22px 0}.home-page .hero-foot{bottom:16px}.home-page .hero-bottom-word{display:none}
 .home-page .hero-photo,.home-page .hero-photo img{transform:none;border-radius:0}.home-page .hero-photo img{object-position:67% 50%}
 .home-page .story-track,.home-page .presentation-track{height:auto;min-height:0}
 .home-page .story-stage{position:relative;top:0;height:auto;min-height:0;padding-top:45px;padding-bottom:65px;overflow:visible}
 .home-page .story-grid{display:grid;grid-template-columns:30% 1fr;align-items:start}.home-page .story-copy{min-height:0}
 .home-page .story-step{display:block;margin-bottom:26px}.home-page .story-step h3{font-size:28px}.home-page .story-step p{font-size:14px}
 .home-page .story-tabs,.home-page .story-tools{display:none}.home-page .assembly{--assemble:1;min-height:410px;height:410px}.home-page .assembly-frame{opacity:1;transform:none}
 .home-page .presentation-stage{position:relative;top:0;height:auto;max-height:none;min-height:0;display:grid;grid-template-columns:1fr .45fr}
 .home-page .showroom-window{height:520px;min-height:520px}.home-page .presentation-side{display:block}.home-page .presentation-side>img{width:100%;height:auto!important}
 .home-page .presentation-note{padding-top:20px}.home-page .reply-grid{gap:38px}
 .inner-page .intro{padding-top:110px;padding-bottom:40px}.inner-page .intro h1{font-size:64px}.inner-page .portrait-opening{padding-top:110px;display:grid;grid-template-columns:1fr .8fr;gap:5%}
 .inner-page .portrait-opening>.intro{padding:0}.inner-page .portrait-opening h1{font-size:54px}
}
@media(prefers-reduced-motion:reduce){.home-page .hero-photo,.home-page .hero-photo img{transform:none!important}.inner-page .reveal{opacity:1!important;transform:none!important}}
.home-page.motion-off .hero,.home-page.no-js .hero{height:100svh;min-height:650px}
.home-page.motion-off .story-track,.home-page.motion-off .presentation-track,.home-page.no-js .story-track,.home-page.no-js .presentation-track{height:auto;min-height:0}
.home-page.motion-off .story-stage,.home-page.no-js .story-stage{position:relative;height:auto;min-height:0;padding:60px 0 80px;overflow:visible}
.home-page.motion-off .presentation-stage,.home-page.no-js .presentation-stage{position:relative;top:0;height:auto;max-height:none;min-height:580px}
@media(max-width:760px){.home-page.motion-off .presentation-stage,.home-page.no-js .presentation-stage{min-height:0}}
.home-page .story-tabs button{width:auto;min-width:66px;padding:15px 0;font-size:12px;margin-right:12px}
.topbar{-webkit-backdrop-filter:blur(18px)}

.inner-page .hero-photo:has(img[src*="inventory-gle450-mojave"]){height:auto;aspect-ratio:3/1;min-height:0;max-height:none}
.inner-page .hero-photo:has(img[src*="inventory-gle450-mojave"]) img{object-fit:contain}

/* Tone choices are primary controls in the message preview, including on phones. */
.home-page .reply-tools{flex-wrap:wrap;gap:12px}
.home-page .reply-tools button{font-size:15px;font-weight:500;min-width:112px;min-height:48px;padding:12px 22px;border-radius:4px}
.home-page .reply-tools span{flex-basis:100%;margin-left:0;font-size:11px}

/* Keep copy contrast at the left while allowing the factory silver finish to read. */
.home-page .hero-photo:after{background:linear-gradient(90deg,#071118b0 0%,#07111838 36%,transparent 60%),linear-gradient(0deg,#09101630,transparent 22%)}
@media(max-width:760px){.home-page .hero-photo:after{background:linear-gradient(180deg,#07111870 0%,#07111855 44%,transparent 72%,#07111830 100%)}}

.inner-page .hero-photo:has(img[src*="inventory-gle450"]){height:auto;aspect-ratio:3/1;min-height:0;max-height:none}
.inner-page .hero-photo:has(img[src*="inventory-gle450"]) img{object-fit:contain}

/* Leave the reference headlamp clear beneath the phone hero action. */
@media(max-width:760px) and (min-height:600px){.home-page .hero-copy{top:13%}}