:root{--ink:#111514;--paper:#f6f4ee;--gold:#c6a16c;--line:rgba(198,161,108,.74)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.skip-link{position:absolute;top:-80px;left:16px;z-index:50;background:white;color:black;padding:12px}.skip-link:focus{top:16px}
.header{position:absolute;z-index:10;top:0;left:0;width:100%;height:90px;padding:21px 5.2%;display:flex;align-items:flex-start;justify-content:space-between}.logo img{display:block;width:145px;height:auto;max-height:58px;object-fit:contain;object-position:left top}.header nav{display:flex;gap:35px;margin-top:9px;margin-right:2.8%;font-size:12px;color:#f7f4ef}.header nav a:hover{color:var(--gold)}.menu-button{display:none}
.hero{height:100svh;min-height:600px;position:relative;overflow:hidden;background:#1b1b1a}.hero-image{width:100%;height:100%;display:block;object-fit:cover;object-position:center center}.hero-copy{position:absolute;left:5.2%;top:31%;z-index:2}.hero-copy h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(60px,6.5vw,108px);letter-spacing:-.065em;line-height:.92;margin:0 0 25px;text-shadow:0 1px 12px rgba(0,0,0,.25)}.hero-copy p{font-size:18px;color:#d8d8d4;letter-spacing:.01em;margin:0 0 23px}.hero-links{display:flex;gap:14px}.outline-button{min-width:170px;min-height:45px;display:inline-flex;align-items:center;justify-content:center;gap:22px;border:1px solid var(--line);color:#efc58e;background:rgba(8,11,11,.12);font-size:13px;padding:11px 23px;transition:background .2s,border-color .2s}.outline-button:hover{background:rgba(198,161,108,.14);border-color:#e8c69a}.discover{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:13px;font-size:10px;letter-spacing:.2em}.discover span{height:36px;border-left:1px solid #e6ded0}.discover b{font-size:21px;font-weight:400;line-height:10px}
.models{background:#121716}.models-title{height:128px;padding:30px 3.5% 20px}.models-title small{color:#e3bc81;font-size:12px;letter-spacing:.07em}.models-title h2{font-size:30px;line-height:1;margin:8px 0 0;letter-spacing:-.02em}.model-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.model-card{min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;padding-bottom:51px;background:#121716;border-right:3px solid #121716;transition:background .2s}.model-card:last-child{border-right:0}.model-card:hover{background:#1b211f}.model-photo{display:block;width:100%;height:clamp(170px,18vw,330px);background-image:url('./assets/concept-models.png');background-size:500% 100%;background-repeat:no-repeat}.model-card strong{font-size:17px;margin-top:20px;font-weight:700}.model-card i{width:28px;border-top:2px solid var(--gold);margin:12px auto}.model-card small{font-size:9px;letter-spacing:.28em;color:#dfd9cf;white-space:nowrap}
.story{display:grid;grid-template-columns:1fr 1fr;min-height:530px;background:#101615}.story-copy{padding:54px 5.5% 45px 10.5%;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font-size:11px;font-weight:bold;letter-spacing:.36em;color:#dfb979;margin:0}.story-copy h2{font-size:clamp(36px,3.4vw,56px);line-height:1.02;margin:13px 0 10px;letter-spacing:-.035em}.story-copy>p:not(.eyebrow){font-size:16px;line-height:1.45;margin:0 0 18px}.story-button{min-width:145px}.story-button span{font-size:24px;line-height:10px}.values{display:grid;grid-template-columns:repeat(3,1fr);width:100%;margin-top:auto;padding-top:35px}.values>div{min-height:78px;border-right:1px solid #343b37;display:flex;align-items:end;justify-content:center;text-align:center}.values>div:last-child{border-right:0}.values b{font-size:11px;line-height:1.4;letter-spacing:.14em}.story-photo{position:relative;overflow:hidden;min-height:530px}.story-photo>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.story-quote{position:absolute;right:5%;bottom:6%;background:rgba(14,18,17,.9);padding:19px 23px;font-size:17px;line-height:1.35}.story-quote i{display:block;width:26px;border-top:2px solid var(--gold);margin-bottom:13px}.story-quote i:last-child{margin:13px 0 0}
.journey{height:300px;position:relative;text-align:center;display:grid;place-items:center;overflow:hidden}.journey>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.journey-copy{position:relative;z-index:1;padding:20px}.journey .eyebrow{font-size:11px}.journey h2{font-size:clamp(29px,3vw,44px);margin:13px 0 8px}.journey-copy>p:not(.eyebrow){font-size:14px;margin:0 0 17px}.journey .outline-button{min-width:160px}
.footer{background:#111615}.footer-main{max-width:1510px;margin:auto;padding:60px 5.2% 63px;display:grid;grid-template-columns:1.7fr .65fr .7fr 1.4fr;gap:5.5%}.footer-brand img{width:230px;max-width:100%;display:block}.footer-brand .tagline{font-size:9px;color:#d8b075;letter-spacing:.3em;margin:0 0 24px}.footer-brand>p:not(.tagline),.footer-contact p{font-size:13px;color:#dadbd5;line-height:1.6;margin:0 0 17px}.social-links{display:flex;gap:10px;flex-wrap:wrap}.social-links a{font-size:11px;color:#d8d9d3}.footer h3{font-size:11px;letter-spacing:.22em;margin:7px 0 18px}.footer-col a{display:block;font-size:13px;color:#d6d7d1;line-height:1.9}.footer-col a:hover,.footer-bottom a:hover{color:var(--gold)}.footer-contact .outline-button{min-width:160px}.footer-bottom{min-height:85px;border-top:1px solid #353a38;padding:24px 5.2%;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;color:#c0c0ba}.footer-bottom>div{display:flex;align-items:center;gap:17px}.footer-bottom i{height:11px;border-left:1px solid #71736e}.footer-bottom .more{color:#e4b976;font-size:10px;font-weight:bold;letter-spacing:.15em}
@media(max-width:900px){.hero-copy h1{font-size:clamp(57px,8vw,80px)}.model-card small{font-size:7px;letter-spacing:.14em}.story-copy{padding-left:7%}.story-copy>p:not(.eyebrow){font-size:14px}.footer-main{grid-template-columns:1.4fr 1fr 1fr;gap:30px}.footer-contact{grid-column:1/-1}}
@media(max-width:650px){.header{height:74px;padding:17px 5%}.logo img{width:122px}.menu-button{display:flex;flex-direction:column;gap:5px;background:rgba(10,15,14,.6);border:1px solid var(--line);padding:10px;cursor:pointer}.menu-button span{width:20px;border-top:1px solid white}.header nav{display:none;position:absolute;right:5%;top:61px;margin:0;padding:22px;background:#111615;border:1px solid #59544a;min-width:170px;flex-direction:column;gap:20px}.header nav.open{display:flex}.hero{min-height:650px}.hero-image{object-position:61% center}.hero-copy{top:30%;left:5%;right:5%}.hero-copy h1{font-size:clamp(52px,12vw,72px)}.hero-copy p{font-size:15px}.hero-links{gap:8px}.outline-button{min-width:0;font-size:12px;padding:10px 13px}.models-title{height:95px;padding:23px 5%}.models-title h2{font-size:24px}.model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.model-card{padding-bottom:24px}.model-photo{height:190px}.model-card strong{font-size:14px;margin-top:13px}.model-card small{font-size:8px}.story{grid-template-columns:1fr}.story-copy{min-height:440px;padding:45px 6%}.story-copy h2{font-size:42px}.values{padding-top:25px}.story-photo{min-height:400px}.journey{height:290px}.journey h2{font-size:29px}.footer-main{grid-template-columns:1fr 1fr;padding:45px 6%;gap:32px}.footer-brand,.footer-contact{grid-column:1/-1}.footer-bottom{flex-direction:column;align-items:flex-start;padding:25px 6%}}

/* Home concept hero: complete vehicle with a readable left text zone. */
.hero-image{object-position:center center}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#060a09a8 0%,#060a0975 32%,transparent 68%);pointer-events:none}
.hero-copy{z-index:3}
.hero-links .outline-button,.story .outline-button,.journey .outline-button{border-radius:11px;box-shadow:0 6px 18px #0003}
@media(max-width:650px){.hero-image{object-position:58% center}.hero::after{background:linear-gradient(90deg,#060a09b8,#060a0930 90%)}}
@media(min-width:651px){.hero-copy h1{font-size:clamp(48px,5.8vw,88px);line-height:.98;letter-spacing:-.055em}}
@media(max-width:650px){.hero-copy h1{font-size:clamp(32px,8.7vw,50px);line-height:1;letter-spacing:-.06em}}
@media(min-width:651px) and (max-width:1280px){.home-page .hero-image{object-position:78% center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* 2026-09-28 visual refinements */
@media(min-width:651px){.header nav{margin-top:0;padding:12px 19px;background:rgba(0,225,238,.04);border-radius:13px;backdrop-filter:blur(4px);font-size:13px;text-shadow:0 1px 3px rgba(0,0,0,.45)}}
.model-photo{background-size:500% auto}
.values>div{align-items:center;justify-content:center;flex-direction:column;gap:4px}
.values img{display:block;width:48px;height:48px;object-fit:contain}
.social-links{gap:8px;align-items:center}
.social-links a{display:block;width:29px;height:29px;flex:none;background-image:url('./assets/social-icons.png');background-size:400% auto;background-repeat:no-repeat;background-position-y:center;opacity:.72;transition:opacity .2s}
.social-links a:hover{opacity:1}
.social-instagram{background-position-x:0%}
.social-youtube{background-position-x:33.333%}
.social-facebook{background-position-x:66.667%}
.social-linkedin{background-position-x:100%}
.footer-contact{position:relative}
.footer-mountain{position:absolute;right:-15px;bottom:0;width:125px;height:auto;opacity:.22;pointer-events:none}
@media(max-width:650px){.footer-mountain{right:0;bottom:8px;width:105px}}

/* Shared header and model image hover treatment */
.header .logo img{width:162px;max-height:62px}
@media(min-width:651px){
  .header nav{gap:38px;padding:14px 21px;background:rgba(0,225,238,.04);border-radius:15px;backdrop-filter:blur(11px);-webkit-backdrop-filter:blur(11px);font-size:14px}
}
.model-photo{position:relative;overflow:hidden}
.model-photo--cutaway{isolation:isolate}
.model-photo--cutaway .model-interior{position:absolute;z-index:1;right:0;top:0;width:53%;height:100%;object-fit:cover;object-position:center 52%;clip-path:polygon(23% 0,100% 0,100% 100%,0 100%);border-left:1px solid rgba(224,184,119,.7);transition:width .38s ease,filter .38s ease}
.model-photo--cutaway::before{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 49%,rgba(198,161,108,.9) 49.2%,rgba(198,161,108,.9) 49.5%,transparent 49.7%);opacity:.72;transition:opacity .3s ease}
.model-card:hover .model-photo--cutaway .model-interior,.model-card:focus-visible .model-photo--cutaway .model-interior{width:61%}
.model-card:hover .model-photo--cutaway::before,.model-card:focus-visible .model-photo--cutaway::before{opacity:1}
.model-photo::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse 80% 78% at 0% 100%,rgba(3,8,10,.43),transparent 75%),radial-gradient(ellipse 75% 78% at 100% 0%,rgba(3,8,10,.36),transparent 76%);transition:opacity .3s ease}
.model-card:hover .model-photo::after,.model-card:focus-visible .model-photo::after{opacity:1}
@media(max-width:650px){.header .logo img{width:137px}}
@media(max-width:650px){.model-photo--cutaway .model-interior{width:56%;object-position:54% center}.model-card:hover .model-photo--cutaway .model-interior,.model-card:focus-visible .model-photo--cutaway .model-interior{width:63%}}
@media(prefers-reduced-motion:reduce){.model-photo::after{transition:none}}

/* Home navigation and the MK-2 exterior/interior diagonal. */
.home-page .header nav{background:rgba(16,22,22,.26);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.08)}
.model-photo{background-size:cover;background-repeat:no-repeat}
.model-photo--cutaway .model-interior{left:0;right:auto;width:44%;object-position:62% center;clip-path:polygon(0 0,100% 0,84% 100%,0 100%);border:0;transition:width .3s ease}
.model-photo--cutaway::before{left:0;right:auto;width:44%;background:#b99563;clip-path:polygon(99% 0,100% 0,85% 100%,84% 100%);opacity:.75;transition:width .3s ease,opacity .3s ease}
.model-card:hover .model-photo--cutaway .model-interior,.model-card:focus-visible .model-photo--cutaway .model-interior,.model-card:hover .model-photo--cutaway::before,.model-card:focus-visible .model-photo--cutaway::before{width:49%}
@media(max-width:650px){.home-page .header nav{background:rgba(16,22,22,.77)}.model-photo--cutaway .model-interior,.model-photo--cutaway::before{width:46%}.model-card:hover .model-photo--cutaway .model-interior,.model-card:focus-visible .model-photo--cutaway .model-interior,.model-card:hover .model-photo--cutaway::before,.model-card:focus-visible .model-photo--cutaway::before{width:50%}}

.interior-details{display:grid;grid-template-columns:minmax(190px,1fr) minmax(0,3fr);align-items:end;gap:38px;padding:46px 5.2% 54px;background:#101615;border-top:1px solid rgba(198,161,108,.22)}
.interior-details-copy{align-self:center}.interior-details-copy h2{font-size:clamp(24px,2.4vw,36px);line-height:1.1;margin:12px 0 0;font-weight:600}
.interior-details-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.interior-details-gallery figure{margin:0;padding:6px;border:1px solid rgba(198,161,108,.55);background:#181c1a;box-shadow:0 12px 30px rgba(0,0,0,.22)}
.interior-details-gallery img{display:block;width:100%;height:auto;aspect-ratio:1600/1066;object-fit:contain}
.interior-details-gallery a{display:block;cursor:pointer}
.interior-details-gallery a:focus-visible{outline:2px solid #d5af73;outline-offset:3px}
@media(max-width:900px){.interior-details{grid-template-columns:1fr;gap:22px}.interior-details-gallery{gap:10px}}
@media(max-width:650px){.interior-details{padding:38px 6% 44px}.interior-details-gallery{grid-template-columns:1fr;gap:16px}.interior-details-gallery figure{max-width:520px}}

.home-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#c6a16c45;border-block:1px solid #c6a16c45}.home-trust article{min-height:145px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:24px;background:#131b17}.home-trust strong{font-size:clamp(26px,3vw,42px);line-height:1;color:#e6bd7a}.home-trust span{margin-top:10px;color:#e3e5df;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.customer-stories{padding:clamp(55px,8vw,96px) 6vw;background:#0b100f;border-top:1px solid #c6a16c35}.customer-stories-heading{max-width:760px;margin-bottom:34px}.customer-stories-heading h2{font-size:clamp(36px,5vw,66px);line-height:1.03;margin:10px 0 16px}.customer-stories-heading p:last-child{color:#c7cdc5;font-size:16px;line-height:1.65}.customer-story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.customer-story-card{overflow:hidden;min-height:400px;border:1px solid #c6a16c4a;border-radius:18px;background:#151d19}.customer-story-card>img,.customer-story-placeholder{display:grid;place-items:center;width:100%;height:270px;object-fit:cover;background:linear-gradient(135deg,#1c2822,#0e1411);color:#8f9a91}.customer-story-placeholder span{padding:10px 15px;border:1px solid #647168;border-radius:999px;font-size:11px;letter-spacing:.08em}.customer-story-card>div:last-child{padding:22px}.customer-story-card h3{font-size:21px;line-height:1.25;margin:8px 0}.customer-story-card p:not(.eyebrow){color:#c8cec7;line-height:1.6}.customer-story-card--empty{opacity:.76}
@media(max-width:800px){.home-trust{grid-template-columns:repeat(2,1fr)}.customer-story-grid{grid-template-columns:1fr 1fr}.customer-story-card:last-child{grid-column:1/-1}}
@media(max-width:560px){.home-trust article{min-height:120px;padding:18px}.home-trust strong{font-size:28px}.customer-story-grid{grid-template-columns:1fr}.customer-story-card:last-child{grid-column:auto}.customer-story-card{min-height:0}.customer-story-placeholder,.customer-story-card>img{height:220px}}
.customer-banner{padding:clamp(35px,5vw,70px) 6vw;background:#0b100f;border-top:1px solid #c6a16c35}.customer-banner-link{position:relative;display:flex;align-items:end;min-height:clamp(280px,36vw,460px);overflow:hidden;border:1px solid #c6a16c55;border-radius:18px;color:#fff;text-decoration:none}.customer-banner-link>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 58%;transition:transform .5s}.customer-banner-link:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,11,10,.8),rgba(5,11,10,.18) 75%),linear-gradient(0deg,rgba(5,11,10,.55),transparent 70%)}.customer-banner-link:hover>img,.customer-banner-link:focus-visible>img{transform:scale(1.025)}.customer-banner-link:focus-visible{outline:2px solid #e9bd7d;outline-offset:4px}.customer-banner-copy{position:relative;z-index:1;display:grid;gap:16px;padding:clamp(28px,5vw,70px);max-width:760px}.customer-banner-copy strong{font-size:clamp(36px,5vw,70px);line-height:1.05}.customer-banner-copy>span:last-child{color:#f5dab0;font-size:16px}.quote-intro h1{font-size:clamp(38px,5vw,74px);line-height:1.08;max-width:1050px}.quote-seo-intro h2{font-size:clamp(28px,3vw,44px)}