:root{--green:#183c2e;--cream:#f8f7f1;--yellow:#ffcb22;--muted:#66716a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font:17px/1.6 Arial,Helvetica,sans-serif;color:var(--green);background:var(--cream)}a{color:inherit;text-decoration:none}button,input{font:inherit}a,button,input,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #df1433;outline-offset:5px}.skip{position:fixed;top:-100px;background:white;z-index:20}.skip:focus{top:10px}header{height:104px;padding:0 4.5%;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;z-index:5}.brand{width:360px;max-width:34%}.brand img{width:100%;height:auto;display:block}nav{display:flex;gap:26px;font-size:14px}nav a:hover{text-decoration:underline;text-underline-offset:7px}.call{font-size:19px;font-weight:bold;line-height:1.5}.call small{display:block;font-size:11px;font-weight:normal;letter-spacing:.06em;text-transform:uppercase}.call span{margin-left:12px}.menu{display:none}.hero{height:min(850px,calc(100svh - 104px));min-height:650px;position:relative;overflow:hidden;background:#506c55;isolation:isolate}.landscape{position:absolute;inset:-10% 0 -20%;background:url('assets/landscape.jpg') center 53%/cover;will-change:transform}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,34,26,.77),rgba(10,34,26,.25) 53%,transparent 80%),linear-gradient(0deg,rgba(9,29,21,.65),transparent 38%)}.hero-copy{position:relative;z-index:3;padding:7% 0 0 6%;color:white;width:60%;will-change:transform}.eyebrow{text-transform:uppercase;letter-spacing:.19em;font-size:11px;font-weight:600;margin:0 0 22px}.hero h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(46px,4.5vw,74px);line-height:1.08;letter-spacing:-.035em;margin:0 0 24px}.hero h1 em{font-weight:400;color:#ffdc66}.hero-copy>p:not(.eyebrow){font-size:18px;line-height:1.65;margin:0 0 27px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:17px 23px;border:0;border-radius:3px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button span{font-size:21px;line-height:1}.yellow{color:#193c2e;background:var(--yellow)}.yellow:hover{background:#ffdb5b}.hero-phone{display:block;font-size:12px;margin-top:16px;color:#fff}.motorhome{position:absolute;width:56%;right:-1%;bottom:9%;z-index:2;filter:drop-shadow(8px 22px 15px #142c2260);will-change:transform}.ground{position:absolute;bottom:-13%;height:24%;left:-5%;width:110%;background:linear-gradient(0deg,#182d20 15%,#334b2f 60%,transparent);filter:blur(12px);z-index:2;pointer-events:none}.hero-bottom{position:absolute;bottom:25px;left:6%;right:4.5%;z-index:4;display:flex;justify-content:space-between;color:#fff;font-size:11px;letter-spacing:.04em}.hero-bottom a span{margin-left:16px;font-size:22px}.hero-bottom button{border:1px solid #ffffff60;background:#183c2e50;color:white;border-radius:24px;padding:7px 15px;font-size:11px;cursor:pointer}.hero-bottom button span{margin-left:10px}.reassurance{display:flex;justify-content:center;gap:9%;padding:24px;background:#fff;border-bottom:1px solid #e5e8e1;font-size:13px}.reassurance b{color:#1d813e;margin-right:12px}.section{padding:95px 7%;max-width:1600px;margin:auto}.intro,.valuation,.faq{display:grid;grid-template-columns:1fr 1fr;gap:9%}.green{color:#52735b}h2{font-family:Georgia,'Times New Roman',serif;font-size:44px;letter-spacing:-.035em;font-weight:400;line-height:1.16;margin:0 0 24px}p{margin-top:0}.intro>div>p:not(.eyebrow){font-size:16px;color:#5c675f}.text-link{font-size:14px;border-bottom:1px solid #b2bdb0;padding-bottom:9px;display:inline-flex;gap:60px;font-weight:bold}.process{padding-top:15px;padding-bottom:85px}.section-top{display:flex;justify-content:space-between;align-items:center}.section-top>p{font-size:14px;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;border-top:1px solid #d7ddd3;padding-top:35px;margin-top:15px}.number{font:italic 35px Georgia;color:#8ba08a}.steps h3{font-size:20px;font-weight:500;margin:20px 0 12px}.steps p{font-size:15px;line-height:1.8;color:var(--muted);max-width:300px}.scenic-band{min-height:470px;padding:80px 7%;color:white;background:linear-gradient(90deg,#13372ed9,#13372e20),url('assets/landscape.jpg') center 65%/cover fixed}.scenic-band h2{font-size:54px}.scenic-band p:not(.eyebrow){font-size:15px}.light{background:var(--cream);color:var(--green)}.valuation{align-items:start}.valuation>div{padding-top:25px}.valuation>div>p:not(.eyebrow){color:var(--muted);font-size:16px}.contact-note{display:flex;align-items:center;gap:15px;margin-top:40px;font-size:13px}.contact-note a{font-weight:bold}.initial{width:47px;height:47px;border-radius:50%;background:#e3e9de;display:grid;place-items:center;font:20px Georgia}form{background:#fff;border:1px solid #e1e4da;padding:32px;border-radius:4px;box-shadow:0 12px 50px #203a2810}.form-top{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:22px}.form-top h3{font-size:18px;font-weight:500;margin:0}.form-top span{font-size:11px;color:var(--muted)}.fields{display:grid;gap:17px}label{display:block;font-size:12px;font-weight:bold}.split{display:grid;grid-template-columns:1fr 1fr;gap:15px}input{display:block;width:100%;border:1px solid #d6dcd3;background:#fcfcfa;padding:12px;font-size:14px;border-radius:2px;margin-top:6px;color:var(--green)}input:focus{outline:2px solid #64826b}.form-note{font-size:11px;line-height:1.5;color:#6a726b;margin:20px 0}.green-button{background:var(--green);color:white;width:100%}#form-status{font-size:14px;margin:20px 0 0;background:#edf3e9;padding:15px}.faq{border-top:1px solid #d7ddd3;padding-top:65px}.faq details{border-bottom:1px solid #d7ddd3;padding:20px 0}.faq details:first-child{padding-top:0}summary{display:flex;justify-content:space-between;cursor:pointer;font-size:16px;list-style:none}summary::-webkit-details-marker{display:none}summary span{font-size:22px;margin-left:20px}details[open] summary span{transform:rotate(45deg)}details p{font-size:14px;color:var(--muted);padding:17px 25px 0 0;margin-bottom:0}footer{background:var(--green);color:#e5eadd;padding:45px 7% 25px}footer>img{width:330px;max-width:100%}footer>p{font-size:13px;margin-top:17px}footer>div{border-top:1px solid #ffffff20;margin-top:30px;padding-top:22px;display:flex;justify-content:space-between;gap:20px;font-size:10px}
@media(min-width:1600px){.hero-copy{padding-top:100px}}@media(max-width:1050px){header{gap:15px}.brand{width:310px}nav{gap:14px;font-size:12px}.call{font-size:16px}.hero-copy{width:67%;padding-top:75px}.motorhome{width:60%;right:-8%;bottom:10%}.section{padding:70px 6%}.intro,.valuation,.faq{gap:6%}h2{font-size:38px}.steps{gap:30px}}@media(max-width:760px){header{height:80px;padding:0 5%}.brand{max-width:68%;width:350px}.call{display:none}.menu{display:block;border:0;background:none;font-size:25px;color:var(--green)}nav{display:none;position:absolute;top:80px;left:0;right:0;background:white;padding:24px;box-shadow:0 10px 20px #0001;font-size:16px}nav.open{display:flex;flex-direction:column}.hero{height:850px;min-height:0;max-height:1100px}.landscape{background-position:60% center;inset:-5% -55% -10%}.hero-copy{padding:48px 6% 0;width:100%}.hero h1{font-size:47px}.hero .eyebrow{font-size:9px;letter-spacing:.14em}.hero-copy>p:not(.eyebrow){font-size:16px}.shade{background:linear-gradient(180deg,#143b2b99,transparent 75%),linear-gradient(90deg,#12342880,transparent)}.motorhome{width:95%;right:-4%;bottom:9%;max-height:300px;object-fit:contain}.hero-phone{font-size:11px}.hero-bottom{bottom:20px}.reassurance{gap:14px;padding:20px 4%;font-size:10px;line-height:1.5;justify-content:space-between}.reassurance span{max-width:100px}.reassurance b{margin-right:3px}.section{padding:55px 6%}.intro,.valuation,.faq{grid-template-columns:1fr;gap:25px}h2{font-size:36px}.section-top{display:block}.section-top>p{margin:0}.steps{grid-template-columns:1fr;gap:26px;margin-top:30px}.steps article{display:grid;grid-template-columns:45px 1fr;column-gap:20px}.steps h3{margin:0 0 10px}.steps p{grid-column:2;max-width:none;margin-bottom:0}.number{grid-row:1/3;font-size:28px}.scenic-band{padding:60px 6%;min-height:430px;background-attachment:scroll}.scenic-band h2{font-size:44px}.valuation>div{padding:0}.contact-note{margin-top:25px;margin-bottom:15px}form{padding:24px}.form-top h3{font-size:16px}.split{gap:10px}.faq{padding-top:45px}footer>div{flex-direction:column;gap:10px}footer{padding:35px 6%}.hero-bottom button{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scenic-band{background-attachment:scroll}*,*::before,*::after{transition:none!important}}

.near-landscape{position:absolute;inset:-10% 0 -20%;background:url(assets/landscape.jpg) center 53%/cover;mask-image:linear-gradient(transparent 50%,black 75%);will-change:transform}@media(max-width:760px){.near-landscape{inset:-5% -55% -10%;background-position:60% center}}

/* A fixed photographic backdrop with a scrolling translucent content frame. */
body{background:#16231e;color:#fff}
.page-backdrop{position:fixed;inset:0;z-index:0;pointer-events:none;background:linear-gradient(#0d191d22,#0d191d22),url('assets/body-background.jpg') center center/cover no-repeat}
header{color:var(--green)}main,footer{position:relative;z-index:1}
.body-content{max-width:1120px;width:calc(100% - 100px);margin:65px auto;background:rgba(9,23,22,.82);border:1px solid #ffffff24;box-shadow:0 15px 50px #0002}
.body-content .section{padding:52px 40px;max-width:none}
.body-content .reassurance{background:#10251ed9;border-bottom:1px solid #ffffff26;color:#fff;gap:7%;padding:22px 25px}
.body-content .reassurance b{color:var(--yellow)}
.body-content .green{color:#ffdb68}.body-content h2{font-family:Arial,Helvetica,sans-serif;font-size:34px;line-height:1.2;letter-spacing:-.025em;font-weight:500}
.body-content .intro{gap:7%;grid-template-columns:1fr 1.15fr}
.body-content .intro>div>p:not(.eyebrow),.body-content .section-top>p,.body-content .steps p,.body-content .valuation>div>p:not(.eyebrow),.body-content details p{color:#e1e6e1}
.body-content .text-link{color:#ffdb68;border-color:#ffffff55}
.body-content .process{padding-top:15px}.body-content .steps{gap:28px;border-color:#ffffff35}.body-content .number{font-family:Arial,sans-serif;font-style:normal;color:#ffdb68;font-size:28px}.body-content .steps h3{font-size:20px}.body-content .steps article{border-top:3px solid #ffcb22;padding-top:18px}.body-content .steps article:nth-child(2){border-color:#dc1536}.body-content .steps article:nth-child(3){border-color:#299442}
.body-content .scenic-band{background:rgba(7,18,15,.2);min-height:0;padding:48px 40px;border-block:1px solid #ffffff35;display:flex;align-items:center}.body-content .scenic-band>div{width:100%}.body-content .scenic-band h2{font-size:38px}.body-content .scenic-band p:not(.eyebrow){color:#e1e6e1}.body-content .light{background:var(--yellow);color:var(--green)}
.body-content .valuation{gap:5%;grid-template-columns:.85fr 1.15fr}.body-content .initial{background:#ffffff20;color:#fff}.body-content form{background:#0c201ddb;border:1px solid #ffffff35;box-shadow:none;color:white;border-radius:0;padding:26px}.body-content .form-top span,.body-content .form-note{color:#ced7ce}.body-content input{background:#ffffffed;color:#183c2e;border-color:transparent}.body-content .green-button{background:var(--yellow);color:var(--green)}.body-content #form-status{color:var(--green)}
.body-content .faq{border-color:#ffffff35;gap:7%}.body-content .faq details{border-color:#ffffff35}.body-content summary{color:#fff}.body-content summary span{color:var(--yellow)}footer{background:#10271eef}
@media(max-width:1050px){.body-content{width:calc(100% - 60px)}.body-content .section{padding:42px 30px}.body-content .scenic-band{padding:42px 30px}.body-content .intro,.body-content .valuation{grid-template-columns:1fr 1fr}.body-content h2{font-size:29px}}
@media(max-width:760px){.page-backdrop{background-position:60% center}.body-content{width:calc(100% - 28px);margin:28px auto;background:rgba(9,23,22,.86)}.body-content .section{padding:34px 22px}.body-content .intro,.body-content .valuation,.body-content .faq{grid-template-columns:1fr;gap:20px}.body-content .reassurance{padding:18px 12px;gap:8px}.body-content .scenic-band{padding:34px 22px}.body-content .scenic-band h2{font-size:32px}.body-content .steps{gap:22px}.body-content .steps article{padding-top:18px}.body-content .steps p{font-size:14px}.body-content form{padding:20px 16px}.body-content .split{grid-template-columns:1fr}.body-content .form-top span{display:none}.body-content .process{padding-top:5px}.body-content .eyebrow{font-size:10px}}
/* Vehicle showcase */
.browse-stock{display:block;width:max-content;max-width:100%;margin-top:18px;color:#fff;font-size:14px;font-weight:bold;border-bottom:1px solid #ffffff70;padding-bottom:5px}.browse-stock span{margin-left:16px}.hero-phone{margin-top:12px}.body-content .stock{padding:40px 24px 32px;border-bottom:1px solid #ffffff35}.stock-heading h2{margin-bottom:12px}.stock-heading>div>p:last-child{font-size:15px;color:#e1e6e1;margin-bottom:25px}.stock-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;border-block:1px solid #ffffff25;padding:16px 0}.stock-filters{display:flex;gap:8px;flex-wrap:wrap}.stock-filters button{border:1px solid #ffffff45;background:#ffffff0c;color:white;padding:9px 13px;border-radius:2px;font-size:13px;cursor:pointer}.stock-filters button[aria-pressed=true]{background:var(--yellow);color:var(--green);border-color:var(--yellow)}.stock-filters span{font-size:11px;opacity:.75;margin-left:8px}#stock-count{font-size:12px;color:#dae2da}.stock-preview-note{font-size:11px;color:#d9e1d9;margin:15px 0 22px}.stock-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 20px}.stock-card{background:#112820c9;border:1px solid #ffffff24;min-width:0}.stock-card[hidden]{display:none}.stock-ribbon{display:flex;justify-content:space-between;padding:10px 13px;background:#296943;color:white;font-size:13px}.stock-ribbon span:last-child{font-weight:bold}.stock-photo{aspect-ratio:1/1;background-image:url('assets/stock-sheet.jpg');background-size:300% 200%;background-repeat:no-repeat;position:relative}.photo-0{background-position:0 0}.photo-1{background-position:50% 0}.photo-2{background-position:100% 0}.photo-3{background-position:0 100%}.photo-4{background-position:50% 100%}.photo-5{background-position:100% 100%}.sample-badge{position:absolute;bottom:10px;left:10px;background:#0c251edb;color:white;padding:4px 8px;font-size:9px;letter-spacing:.04em;text-transform:uppercase}.stock-copy{padding:17px 14px}.stock-copy h3{font-size:20px;font-weight:500;line-height:1.3;margin:0 0 10px}.stock-specs{font-size:11px;color:#d5dfd4;margin-bottom:12px}.stock-specs span{padding:0 4px;color:#ffcf38}.stock-desc{font-size:13px;color:#d5dfd4;line-height:1.65;min-height:44px;margin-bottom:17px}.stock-price{font-weight:bold;font-size:24px;color:#fff;line-height:1.3;margin-bottom:18px}.stock-price small{display:block;font-size:10px;font-weight:normal;color:#c4d0c3;margin-top:3px}.stock-details{background:#ffffff0a;border:1px solid #ffffff50;color:white;font-size:12px;padding:11px 12px;width:100%;display:flex;justify-content:space-between;cursor:pointer}.stock-details:hover{background:var(--yellow);color:var(--green);border-color:var(--yellow)}.stock-contact{margin-top:30px;border-top:1px solid #ffffff30;padding-top:24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.stock-contact h3{font-size:18px;font-weight:500;margin:0 0 5px}.stock-contact p{font-size:13px;color:#d5dfd4;margin:0}.stock-contact .button{font-size:12px;padding:14px 17px;white-space:nowrap}
#vehicle-dialog{width:min(800px,calc(100% - 30px));max-height:90svh;padding:0;border:1px solid #ffffff50;background:#142e24;color:white;overflow:auto}#vehicle-dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}.dialog-close{position:absolute;right:12px;top:12px;border:1px solid white;border-radius:50%;background:#11281ee8;color:white;font-size:27px;width:42px;height:42px;cursor:pointer;z-index:2}.dialog-photo{width:48%;float:left}.dialog-copy{padding:30px;display:flow-root}.dialog-copy h2{font:28px/1.2 Arial,sans-serif}.dialog-copy .green{color:#ffdb68}.dialog-copy p{font-size:13px}.dialog-copy #dialog-price{font-size:25px;font-weight:bold}.dialog-note{padding-top:15px;border-top:1px solid #ffffff35;color:#cbd7cb}
@media(max-width:1050px){nav{gap:12px;font-size:12px}.stock-grid{gap:20px 14px}.stock-copy h3{font-size:18px}.stock-specs{font-size:10px}.stock-desc{min-height:65px}.body-content .stock{padding:32px 22px}}@media(max-width:760px){.stock-grid{grid-template-columns:1fr 1fr}.stock-toolbar{align-items:flex-start;flex-direction:column}.stock-contact{align-items:flex-start;flex-direction:column}.stock-desc{min-height:65px}.stock-copy{padding:14px 11px}.stock-price{font-size:22px}.stock-ribbon{font-size:11px;padding:8px 10px}.stock-filters button{padding:9px 10px;font-size:12px}.dialog-photo{float:none;width:100%;max-width:400px;margin:auto}.dialog-copy{padding:24px}.hero-phone{font-size:10px}.browse-stock{font-size:12px}.hero{height:890px}.body-content .stock h2{font-size:28px}}
@media(max-width:480px){.stock-grid{grid-template-columns:1fr}.stock-desc{min-height:0}.stock-copy h3{font-size:22px}.stock-specs{font-size:13px}.stock-copy{padding:20px}.stock-details{font-size:14px}.stock-ribbon{font-size:14px;padding:10px 15px}.stock-preview-note{font-size:11px}.stock-price{font-size:27px}.body-content .stock{padding:30px 18px}}
/* Exhibition-stand branding: sky blue leads, with the three logo colours as accents. */
:root{--blue:#008bd0;--blue-deep:#005b98;--navy:#063251;--green:#063251}
body{background:#0879b2}header{height:112px;background:linear-gradient(110deg,#009cdb,#0089ce 60%,#0078be);color:#fff;border-bottom:4px solid #ffffff38;box-shadow:0 3px 15px #00395c30}.brand{width:390px}.brand-tagline{display:block;text-align:right;font-family:'Trebuchet MS',Arial,sans-serif;font-size:13px;line-height:1.4;margin-top:9px;color:#fff}.call small{color:#e3f6ff}.call{color:#fff}nav a{color:#fff}.menu{color:white}
.hero{height:min(850px,calc(100svh - 112px));background:#79b5db}.landscape{background-image:url('assets/body-background.jpg');inset:0 0 -16%;background-position:center center}.near-landscape,.ground{display:none}.hero .hero-foreground{inset:0 0 -16%;width:100%;height:auto;max-height:none;background:url('assets/body-background.jpg') center center/cover no-repeat;mask-image:linear-gradient(transparent 10%,#000 33%);filter:none;z-index:1;object-fit:initial}.shade{z-index:2;background:linear-gradient(90deg,rgba(0,47,85,.86),rgba(0,47,85,.5) 39%,rgba(0,47,85,.04) 67%),linear-gradient(0deg,rgba(0,39,67,.45),transparent 30%)}.hero-copy{padding-top:6%;width:60%}.hero h1{font-family:'Trebuchet MS',Arial,sans-serif;font-weight:600;letter-spacing:-.045em;font-size:clamp(44px,4.3vw,69px)}.hero h1 em{font-style:normal;color:#ffda4b}.hero-bottom button{background:#004f88a6}.button{border-radius:4px}.hero-phone{color:#ecf9ff}.page-backdrop{background-image:linear-gradient(#006cb51f,#005a9b2e),url('assets/body-background.jpg')}
.body-content{background:rgba(3,49,84,.88);border-color:#74c9f680;box-shadow:0 15px 50px #00345d40}.body-content .reassurance{background:#007fc5ee;border-color:#ffffff50}.stock-card{background:#06416de6;border-color:#6abcfb70}.stock-ribbon{background:#008bce}.stock-details{background:#0087c6;border-color:#70cbff;color:white}.sample-badge{background:#034775ed}.body-content .intro,.body-content .process{background:#0065a31a}.body-content .scenic-band{background:linear-gradient(110deg,#008ed4ce,#0064a9b8);border-color:#76cdfc80}.body-content form{background:#06426cdd;border-color:#89d5fa70}.body-content .initial{background:#0c96d8}.body-content .faq{background:#004d8126}.stock-filters button{background:#006daf55;border-color:#71c8ef90}.stock-filters button[aria-pressed=true]{background:var(--yellow);border-color:var(--yellow);color:#063251}.stock-contact{border-color:#83cdf766}footer{background:#0079b9f5;border-top:5px solid #40b9ec}.body-content .text-link{color:#ffdf70}#vehicle-dialog{background:#06416d;border-color:#72caff}.dialog-close{background:#006ab3}.stock-copy h3{color:#fff}.body-content .steps article:nth-child(3){border-color:#39b957}
@media(max-width:1050px){.brand{width:330px;max-width:34%}.brand-tagline{font-size:11px}.hero-copy{padding-top:70px}.hero .hero-foreground{right:0;width:100%}}
@media(max-width:760px){header{height:94px}.brand{max-width:77%;width:350px}.brand-tagline{font-size:10px;margin-top:7px}.menu{color:#fff}nav{top:94px;background:#007fbe}.hero{height:890px;min-height:0}.hero-copy{width:100%;padding:44px 6% 0}.hero h1{font-size:44px}.hero .landscape,.hero .hero-foreground{inset:0 0 -10%;background-size:auto 100%;background-position:68% center}.hero .shade{background:linear-gradient(180deg,#004b80e8 0%,#004b80b3 35%,transparent 68%),linear-gradient(90deg,#003f6a40,transparent)}.body-content{background:rgba(3,49,84,.9)}.hero .hero-foreground{background-position:68% center}.hero-copy>p:not(.eyebrow){font-size:16px}.hero .eyebrow{font-size:9px}.hero-bottom{bottom:20px}.hero-bottom button{background:#005b97b8}}
@media(min-width:761px){.hero .landscape,.hero .hero-foreground{background-position:right center}}
.hero .hero-foreground{mask-image:linear-gradient(transparent 5%,#000 26%)}
/* Coastal hero: slow sky, mid-distance headlands, and grounded vehicle foreground. */
.hero .landscape,.hero .near-landscape,.hero .hero-foreground{background-image:url('assets/coastal-hero.jpg');background-size:cover;background-position:right center;inset:0 0 -10%;width:100%;transform-origin:75% 75%;will-change:transform}
.hero .landscape{z-index:0}.hero .near-landscape{display:block;z-index:1;mask-image:linear-gradient(transparent 19%,#000 32%)}.hero .hero-foreground{z-index:2;mask-image:linear-gradient(transparent 29%,#000 42%)}.hero .shade{z-index:3;background:linear-gradient(90deg,#003556cf,#00416c80 38%,#00517b08 66%),linear-gradient(0deg,#002f4e55,transparent 30%)}.hero-copy{z-index:4}.hero-bottom{z-index:5}.hero h1{font-size:clamp(46px,4.7vw,76px);line-height:1.04;letter-spacing:-.045em}.hero-copy{padding-top:6%;width:59%}.hero .eyebrow{letter-spacing:.21em}.hero .yellow{box-shadow:0 7px 24px #002e5b30}.hero-bottom a span{display:inline-block;animation:scroll-cue 2s ease-in-out infinite}@keyframes scroll-cue{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}
@media(max-width:760px){.hero .landscape,.hero .near-landscape,.hero .hero-foreground{inset:0 0 -10%;background-position:70% center;background-size:auto 100%;transform-origin:70% 75%}.hero-copy{width:100%;padding:42px 6% 0}.hero h1{font-size:44px}.hero .shade{background:linear-gradient(180deg,#00406fdb 0%,#00406fa6 35%,transparent 66%),linear-gradient(90deg,#003e6d30,transparent)}.hero .eyebrow{letter-spacing:.12em}.hero .hero-foreground{mask-image:linear-gradient(transparent 25%,#000 39%)}}
@media(prefers-reduced-motion:reduce){.hero-bottom a span{animation:none}}
/* Keep the entire vehicle opaque within its grounded foreground layer. */
.hero .hero-foreground{mask-image:linear-gradient(transparent 20%,#000 28%)}
.hero .near-landscape{mask-image:linear-gradient(transparent 10%,#000 19%)}
/* Original brand typeface, sourced from the existing MVS website. */
@font-face{font-family:'MVS Rundschrift';src:url('assets/fonts/vag-rundschrift.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
:root{--brand-font:'MVS Rundschrift','Trebuchet MS',sans-serif}
h1,h2,h3,h4,.hero h1,.body-content h2,.body-content .scenic-band h2,.stock-copy h3,.dialog-copy h2{font-family:var(--brand-font);font-weight:400;letter-spacing:0}
.hero h1{font-size:clamp(46px,4.6vw,74px);line-height:1.13}.hero h1 em{font-family:var(--brand-font);font-weight:400}.brand-tagline{font-family:'Comic Sans MS','Comic Sans',var(--brand-font);font-size:15px;line-height:1.3;font-weight:400;margin-top:8px}
nav,.call,.button,.browse-stock,.stock-filters button,.stock-ribbon,.stock-details,.text-link,summary,.contact-note,.stock-contact h3{font-family:var(--brand-font);font-weight:400}
nav{font-size:16px;gap:22px}.button{font-size:17px}.browse-stock{font-size:16px}.call{font-size:21px}.call small{font-family:Arial,sans-serif}.stock-ribbon{font-size:16px}.stock-filters button{font-size:15px}.stock-details{font-size:16px}.stock-copy h3{font-size:24px;line-height:1.25}.body-content h2{font-size:38px}.body-content .scenic-band h2{font-size:42px}.text-link{font-size:17px}.body-content summary{font-size:19px}.body-content .steps h3{font-family:var(--brand-font);font-size:24px}.stock-contact .button{font-size:16px}.hero-copy>p:not(.eyebrow){font-family:var(--brand-font);font-size:22px;line-height:1.5}
@media(max-width:1100px){nav{font-size:14px;gap:13px}.brand-tagline{font-size:12px}.call{font-size:18px}.body-content h2{font-size:33px}.hero h1{font-size:clamp(45px,4.6vw,64px)}}
@media(max-width:760px){.brand-tagline{font-size:12px}.hero h1{font-size:42px;line-height:1.14}.hero-copy>p:not(.eyebrow){font-size:19px}.browse-stock{font-size:14px}.button{font-size:16px}nav{font-size:19px}.body-content h2,.body-content .stock h2{font-size:32px}.stock-filters button{font-size:14px}.stock-ribbon{font-size:16px}.stock-copy h3{font-size:25px}.body-content .scenic-band h2{font-size:36px}}
/* Coastal reveal: three independent photographic planes, one grounded vehicle. */
.coastal-journey{position:relative;height:160svh;min-height:1000px;background:#137cb4}
.hero.coastal-stage{--reveal:0;position:sticky;top:0;height:100svh;min-height:650px;max-height:none;isolation:isolate;overflow:hidden;background:#3ba6da}
.coastal-distance,.coastal-turnout,.coastal-grasses,.coastal-tint{position:absolute;inset:0;pointer-events:none}
.coastal-distance{z-index:0;background:url('assets/coast-distance.webp') center 52%/cover no-repeat;transform:scale(calc(1.08 - var(--reveal)*.08));will-change:transform}
.coastal-turnout{z-index:1;background:url('assets/coast-turnout.webp') center bottom/100% auto no-repeat;transform-origin:75% 100%;transform:translate3d(calc(4% - var(--reveal)*4%),0,0) scale(calc(1.2 - var(--reveal)*.2));will-change:transform}
.coastal-tint{z-index:2;background:linear-gradient(90deg,#004b7bdb 0%,#00508696 27%,#00629b15 55%,transparent 72%),linear-gradient(0deg,#00263f7a,transparent 20%)}
.coastal-stage .hero-copy{z-index:4;width:55%;padding:clamp(65px,10vh,130px) 0 0 6%;transform:translate3d(0,calc(var(--reveal)*-25px),0)}
.coastal-stage h1{font-size:clamp(48px,5.5vw,86px);line-height:1.06;letter-spacing:-.025em;margin-bottom:25px;text-shadow:0 2px 25px #00457035}
.coastal-stage h1 em{display:block;color:#ffe16b}
.coastal-stage .hero-copy>p:not(.eyebrow){font-size:clamp(19px,1.6vw,23px);line-height:1.4;margin-bottom:28px}
.coastal-stage .eyebrow{font-size:11px;letter-spacing:.2em;margin-bottom:24px}
.coastal-stage .button{padding:17px 25px;font-size:19px;box-shadow:0 8px 30px #003f5f50}
.coastal-stage .browse-stock{font-size:17px;margin-top:19px}
.coastal-grasses{z-index:3;background:url('assets/coast-grasses.webp') center bottom/100% auto no-repeat;transform-origin:center bottom;transform:translate3d(0,calc(var(--reveal)*20%),0) scale(calc(1.05 + var(--reveal)*.65));will-change:transform;opacity:calc(1 - var(--reveal)*.6)}
.coastal-caption{position:absolute;right:6%;top:12%;z-index:3;color:white;font-family:var(--brand-font);font-size:22px;opacity:var(--reveal);transform:translateY(calc(15px - var(--reveal)*15px));text-shadow:0 2px 16px #005a9b}
.coastal-caption i{display:block;width:65px;height:3px;margin:12px 0 0 auto;background:#ffe16b}
.coastal-stage .hero-bottom{left:6%;right:5%;bottom:29px;align-items:center;text-shadow:0 1px 8px #002e4a}
.coastal-stage .hero-bottom>a{font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.reveal-progress{position:absolute;bottom:0;left:0;height:4px;width:100%;background:#ffda4b;z-index:6;transform-origin:left;transform:scaleX(var(--reveal))}
.coastal-journey.motion-paused{height:auto;min-height:0}.motion-paused .hero-bottom a span{animation:none}
@media(min-width:1700px){.coastal-stage .hero-copy{padding-top:10vh}}
@media(max-width:1050px) and (min-width:761px){.coastal-stage .hero-copy{width:62%}.coastal-stage h1{font-size:58px}.coastal-turnout{background-size:auto 95%;background-position:60% bottom}.coastal-grasses{background-size:auto 95%}}
@media(max-width:760px){
 .coastal-journey{height:145svh;min-height:1050px}
 .hero.coastal-stage{height:100svh;min-height:760px}
 .coastal-distance{background-position:65% center}
 .coastal-turnout{background-size:auto 65%;background-position:67% bottom;transform-origin:65% 100%;transform:scale(calc(1.14 - var(--reveal)*.14))}
 .coastal-tint{background:linear-gradient(180deg,#004c81e8 0%,#00578db0 35%,transparent 63%),linear-gradient(0deg,#002e4f90,transparent 17%)}
 .coastal-stage .hero-copy{width:100%;padding:40px 6% 0;transform:translateY(calc(var(--reveal)*-12px))}
 .coastal-stage h1{font-size:clamp(40px,10vw,57px);margin-bottom:17px;line-height:1.05}
 .coastal-stage .eyebrow{font-size:9px;margin-bottom:18px}
 .coastal-stage .hero-copy>p:not(.eyebrow){font-size:18px;margin-bottom:20px}
 .coastal-stage .button{font-size:16px;padding:14px 20px}.coastal-stage .browse-stock{font-size:15px;margin-top:14px}.coastal-stage .hero-phone{font-size:11px}
 .coastal-grasses{background-size:auto 58%;background-position:center bottom}
 .coastal-caption{display:none}.coastal-stage .hero-bottom{bottom:22px}.coastal-stage .hero-bottom>a{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.coastal-journey{height:auto;min-height:0}.coastal-stage .hero-copy{transform:none}}
/* Foreground plants pass the camera without becoming translucent. */
.coastal-grasses{opacity:1;transform:translate3d(0,calc(var(--reveal)*38%),0) scale(calc(1.05 + var(--reveal)*.85))}

/* Expanded showcase and distinct A-class backdrop. */
.page-backdrop{background-image:linear-gradient(#006cb51f,#005a9b2e),url('assets/body-background-v2.webp')}
.coastal-stage h1{font-size:clamp(42px,4.8vw,74px)}.coastal-stage h1 em{display:inline;font-style:italic}
@media(max-width:760px){.coastal-stage h1{font-size:clamp(35px,9vw,48px)}}
.photo-6{background-image:url('assets/stock-sheet-v2.webp');background-position:0% 0%}
.photo-7{background-image:url('assets/stock-sheet-v2.webp');background-position:50% 0%}
.photo-8{background-image:url('assets/stock-sheet-v2.webp');background-position:100% 0%}
.photo-9{background-image:url('assets/stock-sheet-v2.webp');background-position:0% 100%}
.photo-10{background-image:url('assets/stock-sheet-v2.webp');background-position:50% 100%}
.photo-11{background-image:url('assets/stock-sheet-v2.webp');background-position:100% 100%}

/* Woodland lakeside setting and rounded horizontal action arrows. */
.page-backdrop{background-image:linear-gradient(#006cb51f,#005a9b2e),url('assets/body-background-v3.webp');background-position:center center}
.round-arrow{display:inline-block;width:1.25em;height:1.25em;vertical-align:-.22em;flex-shrink:0;overflow:visible;fill:none;stroke:currentColor;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:760px){.page-backdrop{background-position:25% center}}

/* Full-width blue separation attached directly to the coastal hero. */
.hero-reassurance{position:relative;z-index:2;width:100%;margin:0;background:#008bd0;color:#fff;border:0;padding:28px 5%;gap:clamp(25px,8vw,130px);font-size:15px;box-shadow:0 5px 18px #003d6426}
.hero-reassurance b{color:var(--yellow);margin-right:10px;font-size:19px}
@media(max-width:760px){.hero-reassurance{padding:22px 5%;gap:18px;font-size:12px;align-items:flex-start;justify-content:space-between}.hero-reassurance span{max-width:none;flex:1;text-align:center}.hero-reassurance b{display:block;margin:0 0 4px;font-size:20px}}

/* Keep navigation on a separate opaque layer above the parallax scene. */
:root{--header-height:112px}
body{padding-top:var(--header-height)}
body>header{position:fixed;inset:0 0 auto;height:var(--header-height);z-index:100;background-color:#008bd0;isolation:isolate;transform:translateZ(0);backface-visibility:hidden}
html{scroll-padding-top:calc(var(--header-height) + 16px)}
.hero.coastal-stage{top:var(--header-height);height:calc(100svh - var(--header-height))}
.skip{z-index:101}
@media(max-width:760px){:root{--header-height:94px}body>header nav{top:100%}}
