/* Night Manhattan remains a quiet architectural backdrop to the actual car. */
.masthead{isolation:isolate;background:#071626;border-bottom:1px solid #ad8950;overflow:hidden}
.masthead::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(90deg,#071626 0%,#071626c9 25%,#07162655 48%,#07162670 76%,#071626e6 100%),url('assets/header-brooklyn-night.webp');background-repeat:no-repeat;background-size:100% 100%,100% auto;background-position:center,center 54%}
.masthead>.brand{color:#fff7e8;text-shadow:0 2px 12px #020b15b3}
.masthead .brand small{color:#dce5ed;text-shadow:0 1px 6px #071626}
.masthead .brand-mark img{filter:brightness(0) invert(1);opacity:.96}
.masthead .header-sienna-caption{color:#fff7e8;text-shadow:0 1px 7px #071626}
.masthead .header-sienna-eyebrow{color:#f3cb83}
.masthead .header-sienna-features,.masthead .header-sienna-hint{color:#d7e4ef}
.masthead .header-sienna-visual{isolation:isolate;overflow:visible}
.masthead .header-sienna-visual::before{content:'';position:absolute;inset:8% -12% -1%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 58%,#d7e4eb70 0%,#bed3e738 34%,#8eb1d014 55%,transparent 73%);filter:blur(6px)}
.masthead .header-sienna-canvas,.masthead .header-sienna-poster{filter:drop-shadow(0 7px 8px #01070d70)}
.masthead .header-sienna-visual:focus-visible{outline-color:#ffd98c}
.masthead .language-switch{border:1px solid #899baa80;border-radius:4px;background:#071626b8}
.masthead .language-switch a{background:transparent;color:#e0e9ef;padding:8px 11px}
.masthead .language-switch a[aria-current=true]{background:#e9eff2;color:#102534}
.masthead .header-booking{min-height:56px;min-width:196px;padding:14px 20px;font-size:18px;font-weight:800;line-height:1.2;letter-spacing:-.015em;border:1px solid #ffe2a3;border-radius:5px;background:#ffc65a;color:#15212a;box-shadow:0 4px 16px #0005,0 0 22px #f0b34820;transition:background .18s,box-shadow .18s}
.masthead .header-booking:hover{background:#ffda8a;box-shadow:0 5px 20px #0006,0 0 24px #f0b34833}
.masthead .header-booking:active{background:#f0b849}
.masthead .header-booking:focus-visible{outline:2px solid #fff4d3;outline-offset:4px}
body.desktop-book .masthead-right{gap:10px}
@media(min-width:901px) and (max-width:1100px){body.desktop-book .masthead{grid-template-columns:minmax(260px,1fr) minmax(270px,1fr) auto;gap:12px;padding-inline:20px}.masthead .header-booking{min-width:174px;font-size:17px;padding-inline:14px}body.desktop-book .masthead>.brand{font-size:26px;gap:12px}body.desktop-book .masthead .brand-mark{width:70px;height:84px;flex-basis:70px}}
@media(max-width:900px){.masthead{padding-top:22px;padding-bottom:20px}.masthead::before{background-image:linear-gradient(180deg,#071626e8 0%,#0716262b 34%,#07162618 58%,#071626db 87%,#071626 100%),url('assets/header-brooklyn-night.webp');background-size:100% 100%,auto 330px;background-position:center,63% 49%}.masthead .header-sienna-visual::before{inset:10% -4% -1%}.masthead .masthead-right{gap:12px;margin-top:10px}.masthead .header-booking{flex:1;min-width:0;min-height:56px;font-size:18px;justify-content:center;gap:18px}.masthead .language-switch{flex:0 0 auto}.masthead .language-switch a{min-width:40px;min-height:44px;padding:12px 10px}.masthead .header-sienna-caption{text-shadow:0 1px 7px #071626,0 0 15px #071626}.masthead .header-sienna-hint{color:#d7e4ef}}
@media(prefers-reduced-motion:reduce){.masthead .header-booking{transition:none}}

/* Keep the entire skyline legible on wide displays and the car clear on phones. */
@media(min-width:1101px){body.desktop-book .masthead{grid-template-columns:minmax(300px,1fr) minmax(360px,1.15fr) auto;gap:24px}body.desktop-book .header-sienna{width:100%;max-width:460px;grid-template-columns:minmax(210px,280px) minmax(100px,1fr)}}
@media(max-width:900px){.masthead::before{background-position:center,48% 48%;background-size:100% 100%,auto 310px}.masthead .brand small{line-height:1.35}.masthead .header-sienna-caption{padding-top:6px}}

/* Mobile art direction: skyline vignette belongs to the product, never the copy. */
@media(max-width:900px){
 .masthead{padding:18px 20px 20px;gap:8px;background:#071626}
 .masthead::before{display:none}
 .masthead>.brand{gap:14px;font-size:clamp(24px,6vw,32px)}
 .masthead .brand-mark{width:64px;height:76px;flex-basis:64px}
 .masthead .brand small{font-size:16px;line-height:1.3;margin-top:7px}
 .masthead .header-sienna{max-width:440px;gap:0;padding-top:8px}
 .masthead .header-sienna-visual{max-width:355px;margin:0;isolation:isolate}
 .masthead .header-sienna-visual::before{inset:-12px -20px 0;filter:none;background-image:linear-gradient(180deg,#071626 0%,#07162655 20%,#07162633 43%,#071626ed 78%,#071626 100%),url('assets/header-brooklyn-night.webp');background-size:100% 100%,cover;background-position:center,45% 50%;background-repeat:no-repeat}
 .masthead .header-sienna-visual::after{content:'';position:absolute;z-index:-1;inset:63% 3% 0;pointer-events:none;background:radial-gradient(ellipse at 50% 65%,#768d9c66 0%,#364b5b44 35%,transparent 70%)}
 .masthead .header-sienna-caption{padding:8px 0 0;background:#071626;text-shadow:none;text-align:center}
 .masthead .header-sienna-caption .header-sienna-eyebrow{font-size:12px;letter-spacing:.1em;margin-bottom:5px}
 .masthead .header-sienna-caption .header-sienna-hint{margin-top:7px;font-size:12px;gap:12px;color:#b7c7d4}
 .masthead .masthead-right{margin-top:8px;gap:12px}
 .masthead .header-booking{font-size:17px;padding:12px 15px;min-height:54px}
}

/* A complete skyline, followed by a separate product stage: no floating car over buildings. */
@media(max-width:900px){
 .masthead .header-sienna{padding-top:4px}
 .masthead .header-sienna::before{content:'';display:block;width:calc(100% + 40px);aspect-ratio:3/1;background:linear-gradient(180deg,#07162600 65%,#071626 100%),url('assets/header-brooklyn-night.webp') center/cover no-repeat;pointer-events:none}
 .masthead .header-sienna-visual{max-width:285px;margin-top:0}
 .masthead .header-sienna-visual::before{inset:0;filter:none;background:radial-gradient(ellipse at 50% 62%,#71889938,transparent 68%)}
 .masthead .header-sienna-visual::after{inset:65% 3% 0}
 .masthead .header-sienna-caption{padding-top:0}
}

/* Owner-approved masthead polish: slightly brighter skyline, no visible gesture instructions. */
.masthead::before{filter:brightness(1.14)}
.masthead .header-sienna-caption .header-sienna-hint{display:none}
@media(max-width:900px){.masthead .header-sienna::before{filter:brightness(1.14)}}

/* Desktop product labels flank the car, low in the composition. */
@media(min-width:901px){
 body.desktop-book .header-sienna{max-width:510px;grid-template-columns:70px minmax(140px,1fr) 124px;grid-template-rows:1fr auto;gap:0 8px;align-self:end;align-items:end;min-height:106px}
 body.desktop-book .header-sienna-visual{grid-column:2;grid-row:1/3;align-self:center;max-width:280px}
 body.desktop-book .header-sienna-caption{display:contents}
 body.desktop-book .header-sienna-caption .header-sienna-eyebrow{grid-column:1;grid-row:1/3;align-self:end;margin:0 0 9px;line-height:1.4;font-size:12px;max-width:70px}
 body.desktop-book .header-sienna-caption .header-sienna-model{grid-column:3;grid-row:1;align-self:end;margin:0;font-size:16px;line-height:1.3}
 body.desktop-book .header-sienna-caption .header-sienna-features{grid-column:3;grid-row:2;align-self:start;margin:0 0 9px;font-size:13px;line-height:1.5}
}
@media(min-width:901px) and (max-width:1100px){body.desktop-book .header-sienna{grid-template-columns:56px minmax(90px,1fr) 112px;column-gap:4px}body.desktop-book .header-sienna-caption .header-sienna-model{font-size:14px}body.desktop-book .header-sienna-caption .header-sienna-eyebrow{font-size:11px;letter-spacing:.03em}}
