:root{color-scheme:dark;--gold:#cdb37c;--ivory:#eee5d3;--muted:#b9b09b;--ink:#0c0d0b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--ink);color:var(--ivory);font:14px/1.6 Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #e0c690}button{cursor:pointer}[hidden]{display:none!important}h1,h2,p{margin-top:0}h1,h2{font-family:Georgia,serif;font-weight:400;line-height:1.12}h1 em,h2 em{color:var(--gold);font-weight:400}.header{position:absolute;inset:0 0 auto;z-index:10;max-width:1600px;margin:auto;height:100px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 5%}.brand{display:flex;align-items:center;gap:12px;color:#ddc38b;flex-shrink:0}.brand img{width:50px;height:auto}.brand>span{display:flex;flex-direction:column;gap:4px;line-height:1.4}.brand strong{font-size:12px;letter-spacing:5px}.brand small{font-size:9px;letter-spacing:4.6px}.header nav{display:flex;align-items:center;gap:28px;font-size:12px;color:#e2d5b8}.nav-cta{border:1px solid #bda36980;border-radius:30px;padding:12px 22px}.nav-cta span{margin-left:20px}.draft-badge{font-size:9px;letter-spacing:2px;color:#b8a988;position:absolute;top:9px;right:5%}.hero{position:relative;isolation:isolate;overflow:hidden;background:#0b0c0a}.scene-media{position:absolute;inset:0;z-index:-3}.hotel{display:block;width:100%;height:100%;object-fit:cover;object-position:45% center}.scene-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#05070550,transparent 50%,#06080660),linear-gradient(0deg,#0c0d0b 0%,transparent 25%,#06070560 100%)}.hero-layout{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 410px;gap:4%;padding:126px 5% 82px;min-height:970px;align-items:center}.stage{position:relative;height:650px;min-width:0;align-self:end}.parking{position:absolute;left:-2%;right:-2%;bottom:75px;height:370px;pointer-events:none}.car-rig{position:absolute;bottom:0;left:50%;width:var(--car-width,100%);max-width:850px;transform:translateX(-50%);transform-origin:50% 100%;isolation:isolate}.car-image{display:block;width:100%;height:auto;transform:translateY(var(--ground-pad,0%));position:relative;z-index:2;filter:drop-shadow(0 8px 5px #0004)}.car-shadow{position:absolute;bottom:-1%;left:7%;right:5%;height:11%;border-radius:50%;background:radial-gradient(ellipse,#000b,transparent 70%);z-index:1}.headlight{position:absolute;right:8%;bottom:27%;width:22%;height:6%;border-radius:50%;background:radial-gradient(ellipse,#fff5dc80,transparent 70%);opacity:0;transition:opacity .25s;z-index:3;pointer-events:none}.stage.parked .headlight{opacity:.55}.vehicle-details{position:absolute;bottom:0;left:0;right:0;text-align:center}.detail-eyebrow,.eyebrow{font-size:9px;letter-spacing:2.2px;color:#d7c08e}.vehicle-details h2{font-size:27px;margin:5px 0}.vehicle-details p{font-size:11px;color:#c4bca9;margin:0}.replay{display:inline-block;background:none;border:0;border-bottom:1px solid #a28d5a77;color:#d4c096;font-size:10px;padding:4px 0;margin-top:9px}.replay span{margin-left:9px}.booking-panel{background:#141710f2;border:1px solid #a28c565c;border-radius:12px;padding:28px;min-width:0;box-shadow:0 16px 50px #0003;position:relative}.booking-panel .eyebrow{margin-bottom:13px}h1{font-size:36px;letter-spacing:-.8px;margin-bottom:12px}.booking-intro{font-size:11px;color:#c2b9a4;margin-bottom:20px}.service-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#090c0980;border:1px solid #b1995f33;border-radius:7px;padding:4px;gap:2px;margin-bottom:20px}.service-tabs button{border:0;background:transparent;color:#c6bfad;font-size:9px;min-height:36px;padding:3px;border-radius:5px}.service-tabs button[aria-pressed=true]{background:var(--gold);color:#1b1c12}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 12px}.fields label{font-size:10px;letter-spacing:.2px;color:#d1c6ac;display:block;min-width:0}.fields .wide{grid-column:1/-1}input,select{display:block;width:100%;min-width:0;max-width:100%;height:43px;border:1px solid #aa925738;border-radius:5px;background:#0c0f0b;color:#eee5d3;padding:0 11px;margin-top:6px;font-size:12px}input::placeholder{color:#928d7b}input[type=date],input[type=time]{font-size:11px;padding:0 8px}select{padding-right:4px;font-size:11px}.optional{color:#928d7b}.quote-button{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:45px;padding:0 14px;background:var(--gold);color:#15190e;border:1px solid #ddc893;border-radius:5px;margin-top:20px;font-size:12px}.quote-button:hover{background:#dec792}.policy{font-size:9px;line-height:1.8;text-align:center;color:#aba590;margin:12px 0 0}.draft-note{font-size:9px;line-height:1.5;color:#b49f71;text-align:center;margin:10px 0 0}.scene-caption{position:absolute;bottom:24px;left:5%;right:5%;display:flex;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:2px;color:#b5a480}.experience{max-width:1440px;margin:auto;padding:80px 7%;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;border-bottom:1px solid #b49f7122}.experience h2{font-size:40px;margin-bottom:0}.experience>p{color:#b9b09b;max-width:420px;font-size:14px;line-height:1.9}footer{max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:35px;padding:55px 7%;color:#c7bfae}footer .footer-logo img{width:145px;height:auto;display:block}.company{font-size:12px}.company strong{color:#e0c89b;font-weight:500}.company p{margin:4px 0}.company address{font-style:normal;margin:6px 0}.footer-actions{display:flex;gap:12px;margin-bottom:20px}.footer-actions a{border:1px solid #b9a16a70;border-radius:5px;padding:10px 18px;color:#ddc793}.footer-actions a:first-child{background:var(--gold);color:#171a10}footer>small{font-size:10px;max-width:210px}.credits{padding:0 7% 35px;margin:auto;max-width:1440px;color:#8c836f;font-size:10px}.credits p{max-width:700px}.credits a{text-decoration:underline}.floating-wa{position:fixed;right:20px;bottom:20px;z-index:12;width:54px;height:54px;border-radius:50%;background:var(--gold);color:#151a10;display:grid;place-items:center;border:1px solid #e5d19e;box-shadow:0 4px 20px #0004}.floating-wa svg{width:28px;height:28px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1700px){.hero-layout{min-height:1020px}.stage{height:690px}}
@media(min-width:851px) and (max-width:1100px){.hero-layout{grid-template-columns:minmax(0,1fr) 360px;gap:3%;padding-left:4%;padding-right:4%}.booking-panel{padding:23px}.header{padding-left:4%;padding-right:4%}.header nav{gap:18px}.stage{height:630px}.parking{bottom:100px;height:310px}.large-brand{width:85%}.brand strong{letter-spacing:3px}.brand small{letter-spacing:2.8px}}
@media(max-width:850px){.header{height:82px;padding:0 6%;gap:12px}.brand{gap:9px}.brand img{width:39px}.brand strong{font-size:10px;letter-spacing:3px}.brand small{font-size:8px;letter-spacing:2.7px}.header nav>a:not(.nav-cta){display:none}.header .nav-cta{font-size:10px;padding:9px 13px;white-space:nowrap}.nav-cta span{margin-left:6px}.draft-badge{font-size:7px;top:7px;right:6%;letter-spacing:1px}.hero-layout{display:flex;flex-direction:column;gap:22px;padding:88px 6% 58px;min-height:0}.stage{height:400px;flex:none;align-self:stretch;width:100%}.scene-media{height:590px;bottom:auto}.hotel{object-position:45% center}.scene-shade{height:650px;bottom:auto;background:linear-gradient(180deg,#08090638 0%,#08090612 350px,#0c0d0b 590px)}.large-brand{width:min(64%,260px);top:46%}.large-brand p{font-size:8px;letter-spacing:2px;margin:12px -25px 5px}.large-brand>span{font-size:10px}.parking{left:-2%;right:-2%;bottom:65px;height:270px}.vehicle-details h2{font-size:23px}.detail-eyebrow{font-size:8px}.vehicle-details p{font-size:10px}.booking-panel{width:100%;max-width:510px;padding:24px;border-radius:10px;background:#141710}.booking-panel h1{font-size:33px}.scene-caption{bottom:20px;font-size:7px;letter-spacing:1.1px}.scene-caption>span:last-child{display:none}.experience{display:block;padding:48px 7%}.experience h2{font-size:33px}.experience>p{margin:25px 0 0;font-size:13px}footer{flex-direction:column;align-items:center;text-align:center;padding:46px 6% 32px;gap:26px}.footer-actions{justify-content:center}.company{font-size:12px}footer>small{max-width:none}.credits{text-align:center;padding-bottom:90px}.credits p{text-align:left}.floating-wa{right:15px;bottom:calc(15px + env(safe-area-inset-bottom));width:50px;height:50px}}
@media(max-width:360px){.brand strong{font-size:9px;letter-spacing:2px}.brand small{font-size:7px;letter-spacing:2.2px}.brand img{width:33px}.header .nav-cta{font-size:9px;padding:8px 10px}.booking-panel{padding:19px}.stage{height:350px}.parking{height:230px}.large-brand{top:43%}.service-tabs button{font-size:8px}.fields{gap:12px 9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.large-brand,.headlight{transition:none}}
.stage{overflow:hidden}
/* Keep each vehicle inside the preview stage with clear space for its caption. */
.parking{left:0;right:0;bottom:116px}
@media(max-width:850px){.parking{bottom:112px}}
/* A shared ground line keeps tall MPVs and vans fully visible at tablet widths. */
.stage{--car-height:470px}
.car-rig{max-width:min(850px,calc(var(--car-height) * var(--car-ratio,2)))}
@media(max-width:850px){.scene-media{height:500px}.scene-shade{height:570px;background:linear-gradient(180deg,#08090638 0%,#08090612 300px,#0c0d0b 500px)}.stage{--car-height:264px}}
@media(max-width:360px){.scene-media{height:470px}.stage{--car-height:218px}}

.nav-cta,.replay{display:inline-flex;align-items:center;gap:12px}.quote-button svg{flex-shrink:0}

/* Revised arrival: empty entrance, right-to-left approach, headlights on throughout. */
.empty-scene-note{position:absolute;bottom:36px;left:0;right:0;text-align:center;transition:opacity .18s}
.empty-scene-note p{font-size:10px;letter-spacing:3px;color:#d6c297;margin:0 0 8px}
.empty-scene-note span{font-size:12px;color:#c1b69f}
.stage.selected .empty-scene-note{opacity:0;pointer-events:none}
.vehicle-art{position:relative;transform:translateY(var(--ground-pad,0%)) scaleX(-1);isolation:isolate}
.vehicle-art .car-image{transform:none;filter:drop-shadow(0 7px 4px #0006)}
.lamp-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:4;opacity:1}
.light-spill{position:absolute;right:-3%;bottom:-10%;width:50%;height:15%;background:radial-gradient(ellipse,#f6d99235,transparent 72%);transform:skewX(-25deg);pointer-events:none;z-index:0}
/* Slightly smaller scale leaves the pickup canopy visible above the car. */
.car-rig{width:calc(var(--car-width,100%) * .91)}
@media(max-width:850px){.car-rig{width:calc(var(--car-width,100%) * .96)}.empty-scene-note p{font-size:8px;letter-spacing:2px}.empty-scene-note span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.empty-scene-note{transition:none}}

/* The headlights illuminate the near driveway without a large lens flare. */
.light-spill{right:-17%;bottom:-8%;width:52%;height:15%;background:radial-gradient(ellipse,#fff8de44 0%,#fff0c51f 32%,transparent 72%);transform:skewX(-32deg);opacity:.85}
.light-spill:after{content:"";position:absolute;right:5%;top:38%;width:72%;height:48%;background:radial-gradient(ellipse,#fff7d72b,transparent 72%)}

.vehicle-details .capacity{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:8px}.capacity-group{display:inline-flex;align-items:center;gap:7px;color:#d6c298}.capacity-group>span{color:#dfd5bf;font-size:12px}.capacity-group svg{display:block;flex-shrink:0}

/* Ivory header branding stays distinct from the hotel’s gold lighting. */
.header:before{content:"";position:absolute;inset:0 -8vw -25px;z-index:-1;background:linear-gradient(180deg,#040604b8,#04060435 72%,transparent);pointer-events:none}
.header .brand{color:#f1ecdf;text-shadow:0 1px 5px #0008}
.header .brand img{filter:brightness(0) invert(1);opacity:.95}
/* Park alongside the lobby curb, with a clear lane between the car and the doors. */
.parking{bottom:70px}
.car-shadow{opacity:.35;transition:opacity .3s;bottom:-1.5%;height:8%;left:10%;right:7%;background:radial-gradient(ellipse,#000b 0%,#0005 40%,transparent 72%)}
.stage.parked .car-shadow{opacity:.72}
.tyre-shadow{position:absolute;z-index:1;width:14%;height:4%;border-radius:50%;transform:translate(-50%,-42%);background:radial-gradient(ellipse,#000e 0%,#000a 30%,transparent 74%);opacity:.65;transition:opacity .25s;pointer-events:none}
.tyre-shadow-front{left:var(--front-wheel-x,52%);top:var(--front-wheel-y,95%)}
.tyre-shadow-rear{left:var(--rear-wheel-x,13%);top:var(--rear-wheel-y,82%);width:11%;height:3.3%}
.stage.parked .tyre-shadow{opacity:1}
@media(max-width:850px){.parking{bottom:112px}.scene-media{height:480px}}
@media(max-width:360px){.scene-media{height:425px}}
@media(prefers-reduced-motion:reduce){.tyre-shadow,.car-shadow{transition:none}}
.parking{bottom:78px}.vehicle-details{line-height:1.3}.vehicle-details .detail-eyebrow{display:block;line-height:12px}.vehicle-details h2{margin:4px 0;line-height:1.1;font-size:25px}.vehicle-details .capacity{margin-top:5px;line-height:18px}
@media(max-width:850px){.parking{bottom:112px}.vehicle-details h2{font-size:23px}}
.header:before{inset:0 0 -25px}

/* Keep the diagonal pose; face left so the car drives forwards from the right. */
.vehicle-art{transform:translateY(var(--ground-pad,0%)) scaleX(-1)}

.parking{bottom:132px}.car-shadow{transform:rotate(-7deg) skewX(18deg);transform-origin:50% 50%}
@media(max-width:850px){.parking{bottom:112px}}
/* Keep the headlight reflection soft and close to the bumper. */
.light-spill{right:-10%;bottom:-4%;width:43%;height:9%;opacity:.5;background:radial-gradient(ellipse at 40% 50%,#fff8de2b 0%,#fff2d00c 35%,transparent 70%)}
.light-spill:after{display:none}

.vehicle-details .capacity{gap:24px;margin-top:8px}.capacity-group{gap:8px}.capacity-group svg{width:18px;height:21px;color:#dfc992}.capacity-group>span{font-size:14px;color:#f0e5cf}

.address-help{margin-top:-3px}.address-status{font-size:9px;line-height:1.5;color:#b8ad94;margin:0}.manual-address{display:inline-block;margin-top:5px;padding:0;background:none;border:0;color:#d3bb86;text-decoration:underline;text-underline-offset:3px;font-size:9px}.owner-setup-link{max-width:1440px;margin:0 auto;padding:0 7% 35px;color:#a89a7e;font-size:10px}.owner-setup-link a{text-decoration:underline}
gmp-place-autocomplete.sls-place-input{display:block;width:100%;min-width:0;max-width:100%;min-height:43px;margin-top:6px;background:#0c0f0b;color:#eee5d3;border:1px solid #aa925738;border-radius:5px;color-scheme:dark;font:12px Arial,sans-serif}
gmp-place-autocomplete.sls-place-input::part(input){font-size:12px;color:#eee5d3}
gmp-place-autocomplete.sls-place-input::part(prediction-list){background:#141710;color:#eee5d3;border:1px solid #aa925750;border-radius:6px}
gmp-place-autocomplete.sls-place-input::part(prediction-item){color:#eee5d3}gmp-place-autocomplete.sls-place-input::part(prediction-item-main-text){color:#eee5d3}gmp-place-autocomplete.sls-place-input::part(prediction-item-secondary-text){color:#b8ad94}gmp-place-autocomplete.sls-place-input::part(prediction-item-selected){background:#343322}
@media(max-width:850px){.owner-setup-link{text-align:center;padding-bottom:90px}}
.vehicle-details{bottom:8px}

/* One icon per passenger/bag for every model; no visible capacity numbers. */
.vehicle-details .capacity{flex-direction:column;gap:7px;line-height:1;margin-top:8px}
.capacity-group{display:flex;align-items:center;justify-content:center;gap:6px;max-width:100%}
.capacity-group svg{display:block;width:16px;height:20px;flex:0 0 auto}
@media(max-width:850px){.capacity-group{gap:5px}.capacity-group svg{width:14px;height:19px}}

/* Stronger lamp illumination with a soft, restrained reflection on the driveway. */
.light-spill{right:-7%;bottom:-4%;width:40%;height:10%;opacity:.82;background:radial-gradient(ellipse at 40% 50%,#fffbe644 0%,#fff6d51f 32%,transparent 72%)}

/* Match the approved composition: full-width scene, smaller parked car, form at right. */
@media(min-width:1101px){
 .header{max-width:none;padding:0 6%;height:96px}
 .hero-layout{max-width:none;grid-template-columns:minmax(0,1fr) minmax(350px,23vw);gap:6%;padding:5.1vw 6% 3vw;min-height:max(940px,56.28vw)}
 .stage{height:clamp(620px,40vw,780px)}
 .car-rig{max-width:min(850px,41.5vw,calc(var(--car-height) * var(--car-ratio,2)))}
 .parking{bottom:155px}
 .booking-panel{padding:26px}
 .fields{gap:10px 12px}
 .fields input,.fields select{height:38px}
 .service-tabs{margin-bottom:17px}
 .booking-intro{margin-bottom:17px}
 .quote-button{min-height:43px;margin-top:16px}
 .policy{margin-top:10px}
 .vehicle-details{bottom:28px}
 .scene-caption{bottom:18px}
}
@media(min-width:1101px){
 .header{padding-left:15.5%;padding-right:7.5%}
 .hero-layout{align-items:start}
 .booking-panel{min-height:max(800px,48vw);display:flex;flex-direction:column}
 .booking-panel>form{flex:1;display:flex;flex-direction:column}
 .fields{flex:1;align-content:space-between}
 .fields input,.fields select{height:clamp(38px,2.27vw,44px)}
 .booking-panel h1{font-size:clamp(35px,2.3vw,44px)}
 .car-rig{left:58%}
 .parking{bottom:7.6vw}
 .vehicle-details{left:16%;right:0;bottom:4px}
}
/* Native left-facing artwork; preserve the same camera and scene proportions. */
.vehicle-art{transform:translateY(var(--ground-pad,0%))}
.light-spill{left:-7%;right:auto;transform:skewX(25deg);background:radial-gradient(ellipse at 60% 50%,#fffbe644 0%,#fff6d51f 32%,transparent 72%)}
@media(max-width:850px){
 .hero-layout{padding-top:82px;gap:24px}
 .scene-media{top:82px;height:79.08vw;bottom:auto}
 .hotel{object-fit:fill;object-position:center}
 .scene-shade{top:82px;height:calc(79.08vw + 35px);background:linear-gradient(180deg,#08090618,transparent 65%,#0c0d0b)}
 .stage{height:calc(79.08vw + 80px);--car-height:300px}
 .parking{bottom:calc(16vw + 80px);height:45vw}
 .car-rig{left:50%;width:calc(var(--car-width,90%) * .78);max-width:none}
 .vehicle-details{left:0;right:0;bottom:0}
 .vehicle-details h2{font-size:22px}
 .empty-scene-note{bottom:25px}
}
@media(min-width:1400px){
 .hero-layout{min-height:56.28vw}
 .stage{height:40vw}
 .booking-panel{min-height:48vw}
 .car-rig{max-width:min(43.8vw,calc(var(--car-height) * var(--car-ratio,2)))}
 .scene-shade{opacity:.45}
}
/* A consistent content edge, quieter introduction and organised contact footer. */
.experience{width:88%;max-width:1376px;padding:64px 0;grid-template-columns:1.15fr 1fr;gap:8%;align-items:center}
.experience .eyebrow{margin-bottom:15px}
.experience h2{font-size:clamp(30px,2.5vw,40px);line-height:1.18}
.experience>p{font-size:15px;line-height:1.85;max-width:440px;margin:0}
footer{width:88%;max-width:1376px;padding:48px 0 28px;flex-wrap:wrap;align-items:flex-start;gap:36px 5%;justify-content:space-between}
footer .footer-logo{flex:0 0 20%;padding-top:2px}
footer .footer-logo img{width:140px;max-width:100%}
footer .company{flex:1 1 30%;font-size:13px;line-height:1.75}
.company strong{font-size:13px;letter-spacing:.5px;color:#e6d5af}
.company .registration{color:#9d9788;font-size:11px;margin:7px 0 13px}
.company address{margin:0 0 12px;color:#c1bbad}
.footer-phone{color:#dbc38e;font-size:14px}
.footer-contact{flex:0 1 330px}
.footer-contact h2{font-size:25px;margin:0 0 10px}
.footer-contact>p{font-size:12px;color:#b2ac9d;margin:0 0 20px}
.footer-actions{gap:10px;margin:0;flex-wrap:wrap}
.footer-actions a{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;font-size:12px}
.footer-bottom{flex:0 0 100%;width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-top:24px;border-top:1px solid #b49f7122}
.footer-bottom>small{font-size:10px;color:#9d9788;letter-spacing:.25px}
.footer-bottom .credits{max-width:360px;padding:0;margin:0;font-size:10px;text-align:right;color:#aaa18d}
.credits summary{cursor:pointer;padding:0;min-height:24px}
.credits p{font-size:11px;line-height:1.7;margin:12px 0 0}
@media(min-width:851px) and (max-width:1100px){footer .footer-logo{flex-basis:16%}.footer-contact{flex-basis:270px}}
@media(max-width:850px){
 .experience{width:88%;padding:44px 0;display:block;text-align:center}
 .experience h2{font-size:31px}
 .experience>p{font-size:14px;max-width:430px;margin:22px auto 0}
 footer{padding:36px 0 90px;gap:28px;align-items:center}
 footer .footer-logo,footer .company,.footer-contact{flex:0 0 auto;width:100%}
 footer .footer-logo img{width:125px;margin:auto}
 .company strong{font-size:12px;letter-spacing:.3px}
 .footer-contact h2{font-size:25px}
 .footer-contact>p{font-size:12px}
 .footer-actions{justify-content:center}
 .footer-bottom{flex:0 0 auto;flex-direction:column;align-items:center;gap:14px;margin-top:5px;padding-top:24px}
 .footer-bottom .credits{text-align:center;max-width:100%}
 .credits p{text-align:center}
}
/* Compact fixed branding replaces the full navigation bar. */
.header{position:fixed;height:86px;pointer-events:none;z-index:20}
.header:before{display:none}
.header .brand{pointer-events:auto;padding:9px 14px;background:#0c0d0be8;border:1px solid #cdb37c22;border-radius:8px;box-shadow:0 3px 18px #0002}
.header .brand img{width:42px}
#experience,#contact,#booking{scroll-margin-top:100px}
@media(max-width:850px){
 .header{height:82px;padding-left:6%;padding-right:6%}
 .header .brand{padding:7px 11px;gap:9px}
 .header .brand img{width:36px}
}
@media(max-width:360px){.header .brand img{width:33px}}
/* A quiet gateway to detailed pages keeps the homepage brief. */
.section-anchor{display:block;scroll-margin-top:100px}
.page-links{width:88%;max-width:1376px;margin:0 auto;padding:30px 0;display:flex;justify-content:center;align-items:center;gap:24px;border-bottom:1px solid #b49f7122;color:#d4cebf}
.page-links a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;letter-spacing:.3px;transition:color .15s}
.page-links a:hover,.page-links a:focus-visible{color:#e0c690}
.page-links>span{color:#8f7b50;font-size:14px}
.booking-intro{line-height:1.7;max-width:360px}
@media(max-width:850px){.page-links{gap:17px;padding:19px 0}.page-links a{font-size:12px;letter-spacing:.1px}}

/* Transparent fixed branding with equal-width, precisely spaced wordmark lines. */
.header .brand{background:transparent;border:0;box-shadow:none;border-radius:0}
.header .brand>.wordmark{display:flex;flex-direction:column;width:140px;gap:5px}
.header .wordmark strong,.header .wordmark small{display:flex;justify-content:space-between;align-items:center;width:100%;letter-spacing:0;line-height:1.2}
.header .wordmark strong{font-size:12px}.header .wordmark small{font-size:9px}
.header .wordmark .word-gap{width:5px}
@media(max-width:850px){.header .brand>.wordmark{width:118px;gap:5px}.header .wordmark strong{font-size:10px}.header .wordmark small{font-size:8px}}
@media(max-width:360px){.header .brand>.wordmark{width:110px}.header .wordmark strong{font-size:9px}.header .wordmark small{font-size:7px}}

/* Branding scrolls naturally with the page; the transparent wordmark stays aligned. */
.header{position:absolute}

/* WordPress integration and accessible live quote submission. */
.skip-link{position:absolute;top:-80px;left:20px;z-index:100;background:#cdb37c;color:#171a10;padding:10px 16px}.skip-link:focus{top:8px}.quote-explainer{font-size:10px;line-height:1.6;text-align:center;color:#b9b09b;margin:10px 0 0}.admin-bar .header{top:32px}.wp-site-blocks{padding:0}@media(max-width:782px){.admin-bar .header{top:46px}}

/* Mobile hotel scene extends behind the branding and meets the booking card. */
@media(max-width:850px){
 .hero-layout{padding-top:0;gap:0}
 .scene-media{top:0;height:127vw;bottom:auto}
 .hotel{object-fit:cover;object-position:center}
 .scene-shade{top:0;height:127vw;bottom:auto;background:linear-gradient(180deg,#05060430,transparent 25%,transparent 85%,#0c0d0b45)}
 .stage{height:127vw}
 .parking{bottom:42vw;height:45vw}
 .vehicle-details{bottom:28px}
 .booking-panel{margin-top:-14px}
 .empty-scene-note{bottom:55px}
}