/* Persistent identity, independent from the existing scroll narrative. */
html{scroll-padding-top:128px}
.site-header{position:fixed;z-index:8;background:linear-gradient(180deg,#102b3cde,#102b3c75 65%,#102b3c00);transition:background 180ms ease,box-shadow 180ms ease}
.header-inner{min-height:178px;gap:24px}
.site-header .brand{width:auto;display:flex;align-items:center;gap:15px;height:auto;max-width:45%;flex-shrink:0}
.site-header .brand img{width:158px;height:158px;flex-shrink:0}
.brand-name{font-size:clamp(38px,3.5vw,56px);font-weight:750;font-style:italic;letter-spacing:-.055em;line-height:1;color:var(--sand)}
.site-header svg.brand-name{width:clamp(170px,15vw,240px);height:auto;flex-shrink:0;overflow:hidden;display:block}
.site-header.is-scrolled svg.brand-name{width:170px;height:auto}
.hero-copy svg.hero-brand{width:clamp(320px,34vw,510px);height:auto;display:block;overflow:hidden}
.header-tag{top:139px;left:calc(5vw + 177px);font-size:8px;letter-spacing:.11em}
.site-header.is-scrolled{background:#193647f5;box-shadow:0 8px 30px #102b3c12}
.site-header.is-scrolled .header-inner{min-height:98px}
.site-header.is-scrolled .brand img{width:88px;height:88px}
.site-header.is-scrolled .brand-name{font-size:38px}
.site-header.is-scrolled .header-tag{display:none}
.hero{min-height:860px}
.hero-copy{padding-top:clamp(205px,24vh,260px)}
.hero-brand{font-size:clamp(80px,8.6vw,134px);line-height:.92;letter-spacing:-.065em;font-weight:750;font-style:italic;color:var(--sand);margin-bottom:24px}
.hero-copy .eyebrow{margin-top:0;margin-bottom:19px}
.hero h1{font-size:clamp(62px,6.2vw,91px)}
.hero-copy>p:not(.eyebrow){margin-top:22px;margin-bottom:25px}
.hero-bottom{bottom:13%}
.skip{z-index:20}
@media(min-width:1700px){.hero-copy{padding-top:24vh}.hero h1{font-size:100px}}
@media(max-width:1100px){.site-nav{gap:20px}.site-nav a{font-size:12px}.site-nav .nav-cta{padding:12px 15px}.header-inner{gap:18px}.site-header .brand{gap:8px}.site-header .brand img{width:130px;height:130px}.brand-name{font-size:42px}.header-tag{display:none}}
@media(max-width:900px) and (min-width:701px){.site-header .brand img{width:105px;height:105px}.site-header .brand-name{font-size:32px}.site-nav{gap:15px}.site-nav .nav-cta{max-width:135px}.header-inner{min-height:140px}.site-header.is-scrolled .brand img{width:72px;height:72px}.site-header.is-scrolled .brand-name{font-size:30px}.site-header.is-scrolled .header-inner{min-height:90px}}
@media(max-width:700px){html{scroll-padding-top:100px}.header-inner{min-height:126px;width:91vw}.site-header .brand{gap:8px;max-width:calc(100% - 56px)}.site-header .brand img{width:112px;height:112px}.site-header .brand-name{font-size:43px}.site-header.is-scrolled .header-inner{min-height:86px}.site-header.is-scrolled .brand img{width:76px;height:76px}.site-header.is-scrolled .brand-name{font-size:34px}.site-nav{top:calc(100% - 2px)}.hero{min-height:870px;height:100svh;max-height:none}.hero-copy{padding-top:162px}.hero-brand{font-size:87px;margin-bottom:22px}.hero h1{font-size:clamp(49px,12.8vw,72px)}.hero-copy>p:not(.eyebrow){margin-top:20px;max-width:285px}.hero-bottom{bottom:13%;gap:16px}.hero-image{object-position:65% center}}
@media(max-width:350px){.site-header .brand img{width:96px;height:96px}.site-header .brand-name{font-size:37px}.site-header.is-scrolled .brand img{width:68px;height:68px}.site-header.is-scrolled .brand-name{font-size:32px}.hero-brand{font-size:78px}.hero-copy .eyebrow{font-size:7px}.hero{min-height:890px}}
@media(min-width:901px) and (max-height:850px){.hero{min-height:870px}.hero-copy{padding-top:192px}.hero h1{font-size:76px}.hero-brand{font-size:100px}.hero-bottom{bottom:11%}}
@media(prefers-reduced-motion:reduce){.site-header{transition:none}}
@media(max-width:1100px){.site-header svg.brand-name{width:170px}.site-header.is-scrolled svg.brand-name{width:150px}}
@media(max-width:900px) and (min-width:701px){.site-header svg.brand-name{width:135px}.site-header.is-scrolled svg.brand-name{width:125px}}
@media(max-width:700px){.site-header svg.brand-name{width:155px}.site-header.is-scrolled svg.brand-name{width:140px}.hero-copy svg.hero-brand{width:min(330px,85vw)}}
@media(max-width:350px){.site-header svg.brand-name{width:140px}.site-header.is-scrolled svg.brand-name{width:126px}}
@media(prefers-contrast:more){.site-header{background:#193647}}
.vehicle-window{height:auto;min-height:0;max-height:none;aspect-ratio:3/2;width:100%}
.vehicle-photo{position:absolute;inset:0}
.vehicle-photo>.gallery-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity 190ms ease}
.vehicle-photo>.gallery-frame.is-current{opacity:1}
.gallery-controls{position:absolute;right:18px;top:17px;display:flex;gap:5px;z-index:4;padding:4px;background:#193647df;border:1px solid #e8d5ad60;border-radius:30px}
.gallery-controls button{min-width:36px;min-height:36px;border-radius:50%;background:transparent;color:var(--sand);font-size:10px;letter-spacing:.05em}
.gallery-controls button[aria-pressed=true]{background:var(--sand);color:var(--ink)}
.gallery-controls button:focus-visible{outline-color:var(--sand)}
.vehicle-window .vehicle-caption{left:22px;right:22px;bottom:20px}
.vehicle-caption strong{font-size:20px}
.photo-stage{max-width:42%;top:24px;font-size:9px;background:#193647d9;padding:7px 10px;border-radius:20px}
@media(max-width:700px){.vehicle-window{height:auto;aspect-ratio:3/2;min-height:0;max-height:none}.gallery-controls{top:10px;right:10px;padding:3px}.gallery-controls button{min-width:32px;min-height:34px}.vehicle-window .vehicle-caption{left:15px;right:15px;bottom:14px}.vehicle-caption strong{font-size:16px}.vehicle-caption span{font-size:7px;max-width:125px}.photo-stage{display:none}}
@media(prefers-reduced-motion:reduce){.vehicle-photo>.gallery-frame{transition:none}}