:root{--ink:#10262b;--lag:#1f7a8c;--mist:#edf4f3;--sun:#f0b429;--w:#fff}
*{box-sizing:border-box}body{margin:0;font:17px/1.6 'DM Sans',system-ui,sans-serif;color:var(--ink);background:var(--mist)}
h1,h2,.logo{font-family:Fraunces,Georgia,serif;line-height:1.05;margin:0 0 .5em}
a{color:inherit}:focus-visible{outline:3px solid var(--sun);outline-offset:2px}
.top{position:absolute;inset:0 0 auto;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;padding:1rem clamp(1rem,4vw,3rem);color:var(--w)}
body:not(.home) .top{position:static;background:var(--ink)}
.logo{font-size:1.5rem;font-weight:900;text-decoration:none;margin:0}
nav{display:flex;gap:1.4rem;flex-wrap:wrap}nav a{text-decoration:none;padding:.2rem 0;border-bottom:2px solid transparent}nav a:hover,nav a.on{border-color:var(--sun)}
.hero{position:relative;height:100vh;height:100svh;min-height:480px;overflow:hidden;background:var(--ink)}
.slide{position:absolute;inset:0;background:center/cover;opacity:0;transition:opacity 1.2s;display:flex;align-items:flex-end}
.slide.on{opacity:1}.slide::before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(10,25,30,.85),rgba(10,25,30,.1) 60%)}
.g0{background-color:#1f7a8c;background-image:linear-gradient(135deg,#0d3b45,#2a9d8f)}.g1{background-image:linear-gradient(135deg,#1d2f4b,#5a7fa8)}
.g2{background-image:linear-gradient(135deg,#27483b,#9bb27a)}.g3{background-image:linear-gradient(135deg,#4a3a1d,#f0b429)}
.cap{position:relative;color:var(--w);padding:0 clamp(1rem,4vw,3rem) 7rem;max-width:62rem}
.cap h1{font-size:clamp(2.6rem,9vw,7.5rem);font-weight:900;letter-spacing:-.02em}.cap p{font-size:1.25rem;max-width:34rem;margin:0 0 1.5rem}
.slide.on .cap h1{animation:up .9s both}@keyframes up{from{transform:translateY(24px);opacity:0}}
.btn{display:inline-block;background:var(--sun);color:var(--ink);padding:.8rem 1.4rem;border:0;border-radius:4px;text-decoration:none;cursor:pointer;font:inherit;font-weight:700}
.btn.dark{background:var(--ink);color:var(--w)}
.dots{position:absolute;bottom:2.5rem;left:clamp(1rem,4vw,3rem);display:flex;gap:.6rem;z-index:3}
.dots button{width:2.2rem;height:.4rem;border:0;background:rgba(255,255,255,.4);cursor:pointer;padding:0}.dots button.on{background:var(--sun)}
.page{max-width:72rem;margin:0 auto;padding:3rem clamp(1rem,4vw,3rem) 4rem}.page h1{font-size:clamp(2.2rem,5vw,3.8rem)}.lead{font-size:1.2rem;margin-top:-.3rem}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.6rem;margin-top:2rem}
.pkg{background:var(--w);border-radius:6px;overflow:hidden;display:flex;flex-direction:column}.ph{height:190px;background-size:cover;background-position:center}.ph.tall{height:100%;min-height:320px;border-radius:6px}
.pb{padding:1.2rem;display:flex;flex-direction:column;gap:.3rem;flex:1}.pb h2{font-size:1.5rem;margin:0}.pb .btn{margin-top:auto;align-self:flex-start}.meta{color:var(--lag);font-weight:700;margin:0}
.about{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}.about img{width:100%;border-radius:6px}
.form{display:grid;gap:1rem}label{display:grid;gap:.3rem;font-weight:500}input,textarea,select{font:inherit;padding:.7rem;border:1px solid #b9c9c7;border-radius:4px;background:var(--w)}
.note{background:var(--w);padding:1rem;border-left:4px solid var(--sun)}
.foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem;padding:1.5rem clamp(1rem,4vw,3rem);background:var(--ink);color:#cfe0de;font-size:.9rem}
@media(max-width:760px){.about{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.slide{transition:none}.slide.on .cap h1{animation:none}}
.top{z-index:30}body:not(.home) .top{position:relative}
.burger{position:relative;background:none;border:0;padding:.6rem;cursor:pointer;display:grid;gap:5px;color:inherit}.burger span{display:block;width:28px;height:3px;background:currentColor}
#menu{position:fixed;inset:0 0 0 auto;width:min(22rem,86vw);z-index:20;background:#10262b;color:#fff;padding:6rem 2rem 2rem;display:flex;flex-direction:column;gap:1.2rem;font:700 1.6rem Fraunces,Georgia,serif;transform:translateX(100%);visibility:hidden;transition:transform .3s,visibility .3s}
#menu.open{transform:none;visibility:visible}#menu a{text-decoration:none;border-bottom:2px solid transparent;align-self:flex-start}#menu a:hover,#menu a.on{border-color:var(--sun)}
.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.2rem}.chips.sub{margin-top:.6rem}.chip{text-decoration:none;background:var(--w);border:1px solid #b9c9c7;padding:.35rem .9rem;border-radius:99px;font-size:.95rem}.chip.on{background:var(--ink);color:var(--w);border-color:var(--ink)}.cat{color:#5b7377}
@media(prefers-reduced-motion:reduce){#menu{transition:none}}
.pkg{position:relative}.pkg h2 a{text-decoration:none}.pkg h2 a::after{content:"";position:absolute;inset:0}
.days{list-style:none;padding:0;margin:1.5rem 0;border-left:3px solid var(--sun)}.days li{display:grid;grid-template-columns:7rem 1fr;gap:1rem;padding:1rem 0 1rem 1.2rem}
.days h3{margin:0 0 .3rem;font:700 1.35rem Fraunces,Georgia,serif}.days p{margin:0}.dn{font-weight:700;color:var(--lag)}
@media(max-width:760px){.days li{grid-template-columns:1fr;gap:.2rem}}
.gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.7rem;margin-top:2rem}.gal img{width:100%;height:160px;object-fit:cover;border-radius:6px;display:block}.dimg{max-width:420px;width:100%;border-radius:6px;margin-top:.8rem}
.cap .ttl{font:900 clamp(2.6rem,9vw,7.5rem)/1.05 Fraunces,Georgia,serif;letter-spacing:-.02em;margin:0 0 .5em}.slide.on .cap .ttl{animation:up .9s both}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media(prefers-reduced-motion:reduce){.slide.on .cap .ttl{animation:none}}
