/* Layout: photo-led hero, then alternating photo and text blocks, with teal bands for booking. */
:root{--bg:#f6f8f7;--surface:#fff;--tint:#e6efee;--ink:#16292b;--muted:#51686a;--teal:#2f6665;--teal-d:#1d4544;--accent:#b5581c;--accent-d:#964712;--line:#cfdcda;--on:#fff;--disp:"Gloock",Georgia,serif;--body:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.6 var(--body)}
img{display:block;max-width:100%;background:var(--tint);color:var(--muted);font-size:14px}a{color:inherit}
h1,h2,h3{font-family:var(--disp);font-weight:400;line-height:1.12;margin:0;text-wrap:balance}h1{font-size:clamp(2.3rem,6vw,4.4rem);max-width:17ch}h2{font-size:clamp(1.8rem,3.6vw,2.7rem)}h3{font-size:1.4rem}p{margin:0}
.wrap{width:100%;max-width:1200px;margin-inline:auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.eye{font-size:.76rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--teal);margin-bottom:10px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 26px;border-radius:4px;font-weight:600;text-decoration:none;border:1.5px solid transparent;white-space:nowrap}.btn-s{min-height:42px;padding:0 18px;font-size:.92rem}.btn-primary{background:var(--accent);color:var(--on)}.btn-primary:hover{background:var(--accent-d)}.btn-ghost{border-color:var(--teal);color:var(--teal);background:var(--surface)}.btn-ghost:hover{background:var(--tint)}.btn-onphoto{border-color:#fff;color:#fff}.btn-onphoto:hover{background:rgba(255,255,255,.15)}.btns{display:flex;flex-wrap:wrap;gap:12px}.btns.col{flex-direction:column}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--surface);border-bottom:1px solid var(--line)}.nav-in{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:70px}.nav nav{display:flex;align-items:center;gap:22px;font-weight:500;font-size:.95rem}.nav nav>a:not(.btn){text-decoration:none}.nav nav>a:not(.btn):hover,.menu summary:hover{color:var(--teal)}
.logo{font-family:var(--disp);font-size:1.4rem;line-height:1;text-decoration:none;color:var(--teal-d)}.logo small{display:block;font:700 .58rem var(--body);letter-spacing:.3em;text-transform:uppercase;margin-top:4px;color:var(--teal)}.logo.light,.logo.light small{color:#fff}
.menu{position:relative}.menu summary{cursor:pointer;list-style:none}.menu summary::after{content:" ▾"}.menu summary::-webkit-details-marker{display:none}.menu div{position:absolute;top:calc(100% + 14px);left:0;display:grid;min-width:240px;background:var(--surface);border:1px solid var(--line);box-shadow:0 12px 30px rgba(22,41,43,.14);padding:8px}.menu div a{padding:9px 12px;text-decoration:none}.menu div a:hover{background:var(--tint)}
.hero{position:relative;background:var(--teal-d)}.hero>img{width:100%;height:clamp(460px,72vh,720px);object-fit:cover}.hero-t{position:absolute;inset:0;display:flex;align-items:flex-end;padding-block:48px;background:linear-gradient(180deg,rgba(13,34,35,.05) 25%,rgba(13,34,35,.8));color:#fff}.hero-t .eye{color:#fff}.hero h1{margin-bottom:14px}.rate{font-size:1.08rem;font-weight:600;margin-bottom:22px}.rate span{font-weight:400}
.facts{list-style:none;display:flex;flex-wrap:wrap;gap:10px 32px;margin-block:0;padding-block:20px;border-bottom:1px solid var(--line);font-weight:600;font-size:.96rem}
.story{padding-block:64px 24px;max-width:860px;margin-left:max(0px,calc((100% - 1200px)/2));}.story h2{margin-bottom:18px}.story p:not(.eye){margin-bottom:14px;font-size:1.1rem}.also{font-weight:600;color:var(--teal)}
.feats{display:grid;gap:56px;padding-block:32px 72px}.feature{display:grid;grid-template-columns:1.35fr 1fr;gap:48px;align-items:center}.feature img{width:100%;aspect-ratio:3/2;object-fit:cover}.feature.rev img{order:2}.feature h3{font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:12px}.feature>div{min-width:0}
.band{background:var(--teal-d);color:#fff}.band .eye{color:#a6d2cf}.book{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center;padding-block:64px}.book h2{margin-bottom:12px}.book-card{background:var(--surface);color:var(--ink);padding:28px;display:grid;gap:16px;font-size:.95rem}.sel{user-select:all;font-weight:600;overflow-wrap:anywhere}
.sec{padding-block:72px}.sec h2{margin-bottom:28px}.more{margin-top:22px;font-weight:600}.more a{color:var(--teal)}
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.gallery figure{margin:0;min-width:0}.gallery figure:first-child{grid-column:span 2;grid-row:span 2}.gallery img{width:100%;height:100%;min-height:150px;aspect-ratio:4/3;object-fit:cover}.gallery figcaption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:64px}.split>div{min-width:0}.rooms{display:grid;gap:0}.room{padding-block:16px;border-top:1px solid var(--line)}.room .eye{margin-bottom:2px}.room h3{font-size:1.2rem;margin-bottom:2px}.room p:last-child{color:var(--muted);font-size:.96rem}
.check,.plain,.near{list-style:none;padding:0;margin:0}.check{display:grid;grid-template-columns:1fr 1fr;gap:10px 22px}.check li{padding-left:22px;position:relative;font-size:.96rem}.check li::before{content:"✓";position:absolute;left:0;color:var(--teal);font-weight:700}.plain li{padding-block:9px;border-top:1px solid var(--line);font-size:.96rem}.near li{display:flex;justify-content:space-between;gap:20px;padding-block:12px;border-top:1px solid var(--line)}.near b{white-space:nowrap;font-weight:600}
.tint{background:var(--tint)}.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}blockquote{margin:0}blockquote p{font-size:1.06rem}cite{display:block;margin-top:12px;font-style:normal;font-size:.86rem;color:var(--muted);font-weight:600}.pull{align-self:center;padding:32px;background:var(--tint)}.pull p{font:400 1.6rem/1.25 var(--disp)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.card{background:var(--surface);min-width:0;display:flex;flex-direction:column}.card img{width:100%;aspect-ratio:3/2;object-fit:cover}.card-b{padding:20px;display:grid;gap:6px;flex:1;align-content:start}.card-b .eye{margin:0}.card h3 a{text-decoration:none}.card h3 a:hover{color:var(--teal)}.card-b>p:not(.eye):not(.meta){font-size:.96rem;color:var(--muted)}.meta{font-size:.86rem;font-weight:600;margin-top:6px}
.steps{list-style:none;margin:0;padding:0;display:grid;gap:18px}.steps li{padding-left:18px;border-left:2px solid #a6d2cf}.steps b{display:block;font-size:1.1rem}
footer{background:#10292a;color:#d5e3e2;padding-top:56px;font-size:.95rem}.foot{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:40px}.foot p{max-width:38ch}.foot-links{display:grid;gap:7px;align-content:start;min-width:0}.foot-links b{color:#fff}.foot-links a{text-decoration:none}.foot-links a:hover{text-decoration:underline}.foot-links span{overflow-wrap:anywhere}.legal{padding-block:30px;margin-top:32px;font-size:.84rem}
.offer{margin-top:14px;padding:10px 14px;background:rgba(255,255,255,.12);border-left:3px solid var(--accent);font-weight:600}.sticky{display:none}
@media(max-width:860px){.hide-s{display:none}.nav nav{gap:12px}.nav .btn{display:none}.feature,.feature.rev,.book,.split{grid-template-columns:1fr;gap:24px}.feature.rev img{order:0}.quotes,.cards{grid-template-columns:1fr}.cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}.gallery{grid-template-columns:repeat(2,1fr)}.foot{grid-template-columns:1fr}.sec{padding-block:52px}.menu div{left:auto;right:0}.sticky{position:fixed;left:0;right:0;bottom:0;z-index:15;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface);border-top:1px solid var(--line);font-weight:600;padding:10px max(16px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}footer{padding-bottom:70px}.check{grid-template-columns:1fr}.hero>img{height:540px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}