/* Coastal rooms: presentation only. Service terms, forms and demonstrations stay in their own pages. */
.si-coastal-about .sv-hero{padding-block:80px 65px}
.si-coastal-about .sv-hero-grid{display:block;text-align:center}
.si-coastal-about .sv-hero-copy{max-width:830px;margin:auto}
.si-coastal-about .sv-hero-copy>p:not(.si-eyebrow){max-width:610px;margin-inline:auto}
.si-coastal-about .sv-hero h1{font-size:clamp(64px,7.2vw,112px)}
.si-coastal-about .sv-hero .si-actions{justify-content:center}
.coastal-tour{padding:10px 0 90px}
.coastal-tour-layout{display:grid;grid-template-columns:minmax(220px,.38fr) minmax(0,1fr);gap:6vw;width:min(1420px,92vw);margin:auto;align-items:start}
.coastal-tour-intro{position:sticky;top:55px;padding-top:55px}
.coastal-tour-intro h2{font-size:clamp(42px,4vw,66px)}
.coastal-tour-intro>p:not(.si-eyebrow){font-size:13px;max-width:300px}
.coastal-tour-tip{padding-top:22px;border-top:1px solid var(--si-line);color:var(--si-muted)}
.coastal-tour-light{display:flex;gap:7px;flex-wrap:wrap;margin:24px 0}
.coastal-tour-light button{min-height:44px;padding:9px 20px;background:transparent;border:1px solid var(--si-line);border-radius:30px;font:500 11px var(--si-sans);cursor:pointer}
.coastal-tour-light button[aria-pressed=true]{background:var(--si-ink);color:var(--si-paper)}
.coastal-building{position:relative;aspect-ratio:2/3;overflow:hidden;border-radius:26px;isolation:isolate;background:#e2caae;box-shadow:0 22px 60px #51331d14}
.si-service .coastal-building>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.coastal-building .coastal-building-night{opacity:0;transition:opacity 1s}
.coastal-building[data-mood=night] .coastal-building-night{opacity:1}
.coastal-room{position:absolute;width:35%;left:6%;translate:0 -50%;min-height:48px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-radius:40px;background:#fff9eef2;color:#49301f!important;text-decoration:none;font:500 clamp(10px,1vw,14px)/1.35 var(--si-sans);border:1px solid #88674e5c;box-shadow:0 6px 18px #25170d26;transition:background .25s,translate .3s}
.coastal-room:hover{background:#51331d;color:#fff8ee!important;translate:0 -55%}
.coastal-room:nth-of-type(2n){left:61%}
.coastal-room:nth-of-type(1),.coastal-room:nth-of-type(2){top:31.7%}
.coastal-room:nth-of-type(3),.coastal-room:nth-of-type(4){top:60.4%}
.coastal-room:nth-of-type(5),.coastal-room:nth-of-type(6){top:87.3%}
.coastal-room>span{font-size:20px;line-height:1;flex:none}
.coastal-building-note{margin:15px 0 0!important;font-size:10px;color:var(--si-muted);text-align:center}
.coastal-products-nav{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;margin-top:55px;border-top:1px solid var(--si-line)}
.coastal-products-nav a{padding:24px 0;text-decoration:none}
.coastal-products-nav strong{display:block;font:400 31px var(--si-serif)}
.coastal-products-nav small{font-size:10px;color:var(--si-muted)}
.si-coastal-about .sv-card-image{border-radius:16px;aspect-ratio:4/3}
.si-coastal-about .sv-founder{border-radius:24px;background:#eee1ce}
.si-coastal-about .sv-monogram{font-style:italic;color:#916544}
/* Give every product room enough width for its window and work surfaces. */
.si-product.coastal-product .sp-visual{width:min(100%,660px)}
.si-product.coastal-product .sp-visual .si-arch{aspect-ratio:4/3;border-radius:28px}
.si-product.coastal-product .sp-note{position:relative;left:auto;bottom:auto;width:calc(100% - 48px);margin:-30px auto 0;z-index:2}
.si-product.coastal-product .sp-note ul{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.si-product.coastal-product .sp-note li{display:block;font-size:19px}
.si-product.coastal-product .sp-note small{display:block;margin-top:5px}
.coastal-product .sp-room-link{display:block;text-decoration:none;border-radius:28px;position:relative}
.coastal-product .sp-room-link:after{content:attr(data-label);position:absolute;right:20px;top:20px;padding:12px 17px;border-radius:40px;background:#fff9eef2;color:#49301f;font:500 10px/1.5 var(--si-sans);box-shadow:0 5px 18px #51331d17}
.coastal-product .sp-room-link:hover img{transform:scale(1.025)}
.coastal-product .sp-room-link img{transition:transform .7s ease}
/* Individual shop packages share the same room-first, editorial presentation. */
.coastal-detail .si-page-hero{gap:6vw;align-items:center;padding-block:70px 80px}
.coastal-detail .si-page-title{font-size:clamp(50px,5.5vw,88px)!important;line-height:1.02!important;letter-spacing:-.035em!important}
.coastal-detail .si-page-visual{border-radius:24px!important;overflow:visible!important;align-self:center;aspect-ratio:auto!important;background:transparent!important}
.coastal-detail .si-page-visual img{border-radius:24px!important;aspect-ratio:4/3!important;object-fit:cover;height:auto!important}
.coastal-detail .si-page-visual figcaption{position:static!important;padding:14px 0!important;background:none!important;font-size:10px!important;color:var(--si-muted)!important}
.coastal-offer{border-top:1px solid var(--si-line);margin-top:26px;padding-top:22px}
.coastal-offer .price{font:400 40px/1.1 var(--si-serif)!important;color:var(--si-ink)!important;margin:0 0 22px!important}
.coastal-offer .actions{display:flex;gap:10px;flex-wrap:wrap}
.coastal-offer .actions a{font-size:11px!important;min-height:46px;border-radius:40px!important}
.coastal-detail .btn-primary{background:#51331d!important;color:#fff8ee!important;border-color:#51331d!important}
.coastal-detail .btn-gold,.coastal-detail .btn-ghost{background:#fff8ee!important;color:#51331d!important;border:1px solid #bca58b!important}
.coastal-offer-note{font-size:10px!important;line-height:1.7!important;color:var(--si-muted);margin:15px 0 0!important}
.coastal-detail .si-content-flow .cards{gap:25px!important}
.coastal-detail .si-content-flow .card{border:0!important;border-top:1px solid var(--si-line)!important;border-radius:0!important;box-shadow:none!important;padding:28px 0!important;background:transparent!important}
.coastal-detail .si-content-flow .card h3{font:400 48px/1 var(--si-serif)!important;color:#a26e49!important}
.coastal-detail .si-content-flow .card p{font-size:15px!important;line-height:1.8}
.coastal-detail .cta-panel{border-radius:24px!important;background:#eee2d0!important;border:0!important;padding:45px!important}
.coastal-detail .cta-panel>p{color:#634c39!important}
.coastal-detail .cta-panel h2{font-size:clamp(38px,4vw,60px)!important;line-height:1.08!important}
@media(max-width:900px){.coastal-tour-layout{grid-template-columns:1fr;width:min(720px,92vw);gap:25px}.coastal-tour-intro{position:static;padding-top:0;display:grid;grid-template-columns:1fr 1fr;gap:5px 25px}.coastal-tour-intro h2{grid-row:2/5}.coastal-tour-intro .si-eyebrow{grid-column:1/-1}.coastal-tour-light{margin-top:8px}.coastal-tour-tip{display:none}.coastal-room{font-size:12px}.coastal-products-nav{grid-template-columns:repeat(3,1fr)}.coastal-detail .si-page-hero{padding-top:40px}.si-product.coastal-product .sp-visual{width:min(100%,650px)}}
@media(max-width:600px){.si-coastal-about .sv-hero{padding:45px 0}.si-coastal-about .sv-hero h1{font-size:60px}.coastal-tour-intro{display:block;padding:0 6px}.coastal-tour-intro>p:not(.si-eyebrow){max-width:100%}.coastal-building{border-radius:14px}.coastal-room{min-height:44px;width:39%;left:3%;font-size:10px;padding:7px 10px;gap:4px}.coastal-room:nth-of-type(2n){left:58%}.coastal-room>span{font-size:16px}.coastal-building-note{font-size:9px}.coastal-tour{padding-bottom:50px}.coastal-products-nav{grid-template-columns:repeat(2,1fr);gap:10px 22px}.coastal-products-nav strong{font-size:30px}.si-product.coastal-product .sp-note{width:calc(100% - 26px);padding:18px 17px}.si-product.coastal-product .sp-note ul{gap:10px}.si-product.coastal-product .sp-note li{font-size:17px}.si-product.coastal-product .sp-note small{font-size:8px;white-space:normal}.coastal-detail .si-page-hero{padding-bottom:45px}.coastal-detail .si-page-title{font-size:50px!important;overflow-wrap:anywhere}.coastal-offer .actions{flex-direction:column}.coastal-offer .actions a{justify-content:center}.coastal-detail .cta-panel{padding:28px!important}.coastal-product .sp-room-link:after{top:12px;right:12px;font-size:9px;padding:10px 13px}}
@media(prefers-reduced-motion:reduce){.coastal-building-night,.coastal-product .sp-room-link img,.coastal-room{transition:none!important}.coastal-product .sp-room-link:hover img{transform:none}.coastal-room:hover{translate:0 -50%}}
