/* Clear first screen: original palette and typeface, new visual hierarchy. */
.hero.hero-clear{padding:46px 0 62px;background:var(--bg)}
.hero-clear .hero-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:46px;align-items:center}
.hero-clear .tag{font-size:.75rem;letter-spacing:.13em;line-height:1.5}
.hero-clear h1{font-size:clamp(2.6rem,4.8vw,4.3rem);line-height:1.1;letter-spacing:-.045em;margin:24px 0;font-weight:800}
.hero-line{display:block}.hero-clear .hero-copy>p{font-size:1.0625rem;line-height:1.7;max-width:510px}
.hero-clear .actions{margin-top:26px;gap:10px}.hero-clear .actions .btn{padding:14px 18px}
.hero-clear .hero-copy>.hero-confirmation{margin-top:12px;font-size:.875rem;line-height:1.5;color:var(--muted)}
.hero-services{display:flex;gap:0;flex-wrap:wrap;margin-top:20px;align-items:center}
.hero-services a{display:inline-flex;align-items:center;min-height:44px;padding:8px 0;font-size:.9375rem;color:var(--gold2);text-decoration:underline;text-underline-offset:5px;text-decoration-color:rgba(224,183,91,.4)}
.hero-services a+a{margin-left:20px;padding-left:20px;border-left:1px solid var(--line)}
.hero-services a:hover{text-decoration-color:var(--gold2)}
.hero-clear .hero-proof{margin-top:18px;font-size:.875rem;gap:12px}.hero-clear .hero-proof small{font-size:.875rem}.hero-clear .hero-proof .stars{font-size:.875rem;letter-spacing:1px}
.hero-clear .hero-photo{position:relative;align-self:stretch;margin:0;min-height:540px;border-radius:18px;overflow:hidden}
.hero-clear .hero-photo img{height:100%;min-height:540px;position:absolute;inset:0;width:100%;object-fit:cover;object-position:50% 45%}
.hero-clear .hero-photo figcaption{position:absolute;left:0;right:0;bottom:0;padding:74px 24px 24px;background:linear-gradient(transparent,rgba(5,6,8,.95));font-size:1.25rem;color:var(--ink);font-weight:600;line-height:1.5}
.hero-clear .hero-photo figcaption span{display:block;font-size:.875rem;font-weight:400;color:#b7bbc1;margin-top:5px}
@media(min-width:821px) and (max-width:1050px){.hero-clear .hero-layout{gap:30px}.hero-clear h1{font-size:3.2rem}.hero-clear .hero-photo{min-height:580px}.hero-clear .hero-photo img{min-height:580px}}
@media(max-width:820px){
.hero.hero-clear{padding:32px 0 36px}.hero-clear .hero-layout{grid-template-columns:minmax(0,1fr);gap:26px}.hero-clear h1{font-size:clamp(2rem,7.8vw,3.6rem);line-height:1.12;letter-spacing:-.04em;margin:20px 0}.hero-clear .hero-copy>p{font-size:1rem}
.hero-clear .actions{display:grid;grid-template-columns:1fr;margin-top:22px}.hero-clear .actions .btn{width:100%;min-height:48px}
.hero-clear .hero-copy>.hero-confirmation{font-size:.875rem}.hero-services{margin-top:14px}.hero-services a{font-size:.9375rem}.hero-services a+a{margin-left:14px;padding-left:14px}
.hero-clear .hero-proof{flex-direction:row;margin-top:14px}.hero-clear .hero-photo{min-height:320px;height:clamp(320px,88vw,440px)}.hero-clear .hero-photo img{min-height:0}.hero-clear .hero-photo figcaption{padding:60px 20px 20px;font-size:1.125rem}
}
@media(max-width:380px){.hero-clear .hero-proof{flex-direction:column;gap:4px}.hero-services a{font-size:.875rem}}

/* Cinematic first screen: one photograph, a readable foreground, direct booking. */
.hero.hero-clear{min-height:760px;padding:64px 0 100px;text-align:left;isolation:isolate}
.hero.hero-clear::before,.hero.hero-clear::after{display:none}
.hero-clear .wrap.hero-layout{position:static;z-index:auto;display:block}
.hero-clear .hero-copy{position:relative;z-index:3;width:60%;max-width:680px}
.hero-clear h1{font-size:clamp(2.8rem,5.1vw,4.65rem);margin:22px 0;max-width:none;line-height:1.09}
.hero-clear .hero-copy>p{margin-left:0;margin-right:0;color:#d0d2d5;max-width:510px}
.hero-clear .actions{justify-content:flex-start}
.hero-clear .hero-proof{max-width:490px;color:#d0d2d5;align-items:flex-start}
.hero-clear .hero-proof .stars{padding-top:5px}
.hero-clear .hero-proof small{display:block;color:#afb4bb;margin-top:5px}
.hero-clear .hero-copy>.hero-confirmation{color:#b6bbc2}
.hero-clear .hero-photo{position:absolute;inset:0;z-index:0;width:100%;height:100%;min-height:0;border-radius:0;margin:0}
.hero-clear .hero-photo img{position:absolute;inset:0;width:100%;height:100%;min-height:0;object-position:76% 48%;object-fit:cover}
.hero-clear .hero-photo::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(5,6,8,.99) 0%,rgba(5,6,8,.93) 30%,rgba(5,6,8,.78) 50%,rgba(5,6,8,.12) 78%),linear-gradient(0deg,var(--bg),transparent 32%)}
.hero-clear .hero-photo figcaption{z-index:3;left:auto;right:max(4%,calc((100% - 1160px)/2));bottom:35px;padding:0;background:none;font-size:1rem;text-align:right;max-width:300px}
.hero-clear .hero-photo figcaption span{font-size:.875rem;color:#b6bbc2}
@media(min-width:821px) and (max-width:1050px){.hero-clear .hero-copy{width:66%}.hero-clear h1{font-size:3.5rem}.hero-clear .hero-photo{min-height:0}}
@media(max-width:820px){
.hero.hero-clear{min-height:0;padding:38px 0 102px}
.hero-clear .hero-copy{width:100%;max-width:560px}
.hero-clear h1{font-size:clamp(2rem,8.2vw,3.6rem);margin:22px 0;line-height:1.12}
.hero-clear .hero-photo{position:absolute;height:100%;min-height:0}
.hero-clear .hero-photo img{object-position:66% 40%}
.hero-clear .hero-photo::before{background:linear-gradient(90deg,rgba(5,6,8,.96),rgba(5,6,8,.8) 62%,rgba(5,6,8,.64)),linear-gradient(0deg,var(--bg),transparent 40%)}
.hero-clear .actions{display:grid;grid-template-columns:minmax(0,1fr);max-width:430px}
.hero-clear .actions .btn{font-size:.9375rem;text-align:center}
.hero-clear .hero-photo figcaption{left:4%;right:4%;bottom:25px;text-align:left;max-width:none;font-size:.9375rem}
.hero-clear .hero-photo figcaption span{font-size:.8125rem}
.hero-clear .hero-proof{flex-wrap:nowrap;font-size:.875rem}
}
@media(max-width:380px){.hero-clear .hero-proof{flex-direction:row;gap:10px}.hero-clear .hero-services a{font-size:.875rem}}

/* A quieter first screen with one main action. */
.hero.hero-clear{min-height:640px;padding:76px 0 86px}
.hero-clear .actions{margin-top:30px}
.hero-clear .actions .btn{font-size:.9375rem;padding:15px 22px}
.hero-clear .hero-photo figcaption span{margin-top:0}
@media(max-width:820px){.hero.hero-clear{min-height:min(620px,calc(100svh - 64px));padding:44px 0 75px}.hero-clear .actions{margin-top:26px}.hero-clear .hero-photo figcaption{bottom:22px}}