:root{--ink:#26352f;--deep:#1e3029;--paper:#f7f3eb;--sand:#ddd0bb;--coral:#db755f;--line:rgba(38,53,47,.25);--max:1440px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}header{height:78px;padding:0 clamp(1.2rem,5vw,5rem);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(247,243,235,.96);z-index:5}.brand{display:flex;align-items:center;gap:.7rem;font-size:.68rem;font-weight:900;line-height:.9;letter-spacing:.05em}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--deep);color:white;font-size:.65rem}nav{display:flex;gap:2rem;font-size:.7rem;font-weight:800;text-transform:uppercase}.reserve-link{padding:.7rem 1rem;background:var(--coral);font-size:.68rem;font-weight:900;text-transform:uppercase}.hero{height:min(760px,calc(100vh - 78px));min-height:560px;position:relative;overflow:hidden;color:white;background:var(--deep)}.hero>img{width:100%;height:100%;object-fit:cover;opacity:.74}.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,38,30,.78),transparent 75%)}.hero-overlay{position:absolute;z-index:1;left:clamp(1.2rem,8vw,8rem);bottom:clamp(3rem,10vw,9rem);max-width:700px}.eyebrow{margin:0 0 1rem;font-size:.62rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.hero h1,h2,h3{margin:0;font-family:Georgia,serif;font-weight:400;line-height:.95;letter-spacing:-.04em}.hero h1{font-size:clamp(4rem,10vw,9rem)}em{color:var(--coral);font-style:italic}.hero-overlay>p:not(.eyebrow){max-width:420px;margin:1.7rem 0;font-size:1.1rem;line-height:1.5}.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;border:0;padding:.8rem 1.2rem;background:var(--coral);color:var(--ink);font-size:.7rem;font-weight:900;text-transform:uppercase;cursor:pointer}.hero-label{position:absolute;z-index:1;right:2rem;bottom:1.5rem;font-size:.6rem;letter-spacing:.14em}.intro,.stay-section,.experience,.gallery,.reserve{max-width:var(--max);margin:auto;padding:clamp(5rem,10vw,10rem) clamp(1.2rem,6vw,6rem)}.intro{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:end}.intro h2,.section-head h2,.experience h2,.gallery h2,.reserve h2{font-size:clamp(3.5rem,7vw,7.5rem)}.intro-copy{max-width:500px;margin:0;font-size:1.05rem;line-height:1.65}.stay-section{background:var(--sand);max-width:none;padding-inline:clamp(1.2rem,6vw,6rem)}.section-head{max-width:var(--max);margin:auto;display:flex;justify-content:space-between;align-items:end;gap:2rem}.section-head>p{max-width:370px;line-height:1.6}.stay-grid{max-width:var(--max);margin:4rem auto 0;display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}.stay-card{background:var(--paper)}.stay-card>img{width:100%;aspect-ratio:1.3;object-fit:cover}.stay-card>div{padding:1.5rem}.stay-card h3{font-size:clamp(2rem,4vw,4rem)}.stay-card p:not(.eyebrow){line-height:1.5}.stay-card ul{margin:1.3rem 0;padding:0;list-style:none;border-top:1px solid var(--line)}.stay-card li{padding:.65rem 0;border-bottom:1px solid var(--line);font-size:.75rem;text-transform:uppercase}.text-button{padding:0;border:0;border-bottom:1px solid currentColor;background:none;font-size:.7rem;font-weight:900;text-transform:uppercase;cursor:pointer}.experience{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,8vw,9rem)}.amenities>div{padding:1.2rem 0;border-top:1px solid var(--line)}.amenities>div:last-child{border-bottom:1px solid var(--line)}.amenities strong{font-size:.65rem}.amenities h3{margin:.5rem 0;font-size:1.9rem}.amenities p{margin:0;line-height:1.5}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:1rem;background:var(--deep);color:white;max-width:none;padding-inline:clamp(1.2rem,6vw,6rem)}.gallery-lead{display:flex;flex-direction:column;justify-content:center}.gallery img{width:100%;aspect-ratio:1;object-fit:cover}.reserve{display:grid;grid-template-columns:1fr .75fr;gap:clamp(3rem,8vw,9rem);background:var(--coral);max-width:none;padding-inline:clamp(1.2rem,6vw,6rem)}.reserve p:not(.eyebrow){max-width:430px;line-height:1.6}.reserve form{display:grid;gap:1rem;align-content:center}.reserve label{display:grid;gap:.45rem;font-size:.65rem;font-weight:900;text-transform:uppercase}.reserve input,.reserve select{min-height:48px;padding:.7rem;border:1px solid var(--ink);background:var(--paper);font:inherit}.reserve small{font-size:.65rem}.reserve .button{background:var(--deep);color:white}footer{padding:2rem clamp(1.2rem,6vw,6rem);display:flex;justify-content:space-between;background:var(--ink);color:white;font-size:.62rem;text-transform:uppercase;letter-spacing:.08em}dialog{max-width:520px;border:0;padding:3rem;background:var(--paper);color:var(--ink)}dialog::backdrop{background:rgba(0,0,0,.6)}dialog h2{font-size:3.5rem}.close{border:0;background:none;font-size:1.6rem;cursor:pointer;float:right}@media(max-width:800px){nav{display:none}.hero{min-height:600px}.intro,.experience,.reserve{grid-template-columns:1fr}.section-head{display:block}.section-head>p{margin-top:1.5rem}.stay-grid,.gallery{grid-template-columns:1fr}.gallery-lead{min-height:320px}footer{flex-direction:column;gap:1rem}}
/* Coastline co-brand uses the approved symbol asset. */
.brand img.brand-mark{width:38px;height:38px;display:block;object-fit:contain;border-radius:0;background:transparent}

/* Stay details are a reading step; booking remains an explicit next action. */
#stay-dialog{width:min(520px,calc(100% - 32px))}
#stay-dialog [data-stay-dialog-copy]{margin:1.4rem 0;line-height:1.6}
#stay-dialog ul{margin:0 0 1.7rem;padding:0;list-style:none;border-top:1px solid var(--line)}
#stay-dialog li{padding:.7rem 0;border-bottom:1px solid var(--line);font-size:.72rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
@media(max-width:800px){dialog{padding:2rem}dialog h2{font-size:clamp(2.7rem,14vw,3.8rem)}}