:root{--ink:#10231c;--mist:#e9efea;--paper:#f6f8f4;--fern:#2b6a47;--fern2:#1e5236;--sun:#e3c23a;--line:#cfd9cf}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font:17px/1.65 'Hanken Grotesk',system-ui,sans-serif;color:var(--ink);background:var(--paper)}
h1,h2,h3{font-family:'Young Serif',Georgia,serif;font-weight:400;line-height:1.12;margin:0 0 .5em}
h1{font-size:clamp(2.4rem,6.5vw,4.8rem)}h2{font-size:clamp(1.8rem,3.5vw,2.5rem)}h3{font-size:1.35rem}
a{color:var(--fern2)}:focus-visible{outline:3px solid var(--fern);outline-offset:2px}
.wrap{max-width:1100px;margin:0 auto;padding:0 20px}.narrow{max-width:720px}.block{padding:72px 20px}
.top{position:sticky;top:0;z-index:5;background:rgba(246,248,244,.95);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{display:flex;align-items:center;gap:10px;font:1.2rem 'Young Serif',serif;color:var(--ink);text-decoration:none}.brand img{border-radius:8px}
nav a{margin-left:22px;color:var(--ink);text-decoration:none;font-weight:500}nav a[aria-current],nav a:hover{color:var(--fern);text-decoration:underline;text-underline-offset:6px}
.burger{display:none;font-weight:700;cursor:pointer}
.hero{min-height:88vh;display:flex;align-items:flex-end;padding:110px 0 56px;color:#fff;background:linear-gradient(180deg,rgba(8,24,17,.15) 20%,rgba(8,24,17,.88)),url(img/hero.jpg) center/cover,#12301f}
.hero p{max-width:34em;font-size:1.2rem}
.quick{display:grid;grid-template-columns:2fr 1.3fr .8fr auto;gap:12px;align-items:end;margin-top:28px;background:rgba(246,248,244,.96);color:var(--ink);padding:16px;border-radius:14px}
.quick label,.form label{display:grid;gap:6px;font-weight:700;font-size:.9rem}
input,select,textarea{font:inherit;padding:11px;border:1px solid #9fb09f;border-radius:8px;background:#fff;width:100%}
.btn{display:inline-block;background:var(--fern);color:#fff;border:0;padding:13px 24px;border-radius:10px;font:700 1rem 'Hanken Grotesk',sans-serif;text-decoration:none;cursor:pointer}.btn:hover{background:var(--fern2)}
.strip{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px max(20px,calc((100vw - 1060px)/2)) 24px}
.tour{flex:0 0 min(340px,80vw);scroll-snap-align:start;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.tour img{width:100%;height:240px;object-fit:cover;display:block}.tour div{padding:18px}small{color:var(--fern);font-weight:700}
.band{background:var(--ink);color:#e8f0e9}.places{list-style:none;padding:0;margin:0}
.places li{display:grid;grid-template-columns:minmax(200px,1fr) 2fr;gap:20px;padding:18px 0;border-top:1px solid rgba(255,255,255,.2)}
.masonry{columns:3 220px;column-gap:12px}.masonry img{width:100%;display:block;margin:0 0 12px;border-radius:10px;break-inside:avoid}
.cta{background:var(--sun);text-align:center;padding:72px 0}.cta .btn{background:var(--ink)}
.row{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin:48px 0}.row img{width:100%;height:320px;object-fit:cover;border-radius:16px}.row.flip img{order:2}
.lead{font-size:1.15rem;max-width:36em}.form{display:grid;gap:16px;margin:24px 0}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.hp{position:absolute;left:-9999px;width:1px}
.note{padding:12px 16px;border-radius:8px}.good{background:#dcefdf}.bad:not(:empty){background:#fbe3e0}
.wa{position:fixed;right:16px;bottom:16px;z-index:9;background:#1fa855;color:#fff;font-weight:700;text-decoration:none;padding:13px 20px;border-radius:999px;box-shadow:0 4px 14px rgba(0,0,0,.25)}
footer{background:#0b1a14;color:#cfe0d3;padding:48px 0 80px}footer a{color:#cfe0d3}.foot{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}.copy{text-align:center;opacity:.7;font-size:.9rem}
@media(max-width:760px){.burger{display:block}nav{display:none;position:absolute;top:64px;left:0;right:0;background:var(--paper);padding:10px 20px;border-bottom:1px solid var(--line)}#nt:checked~nav{display:block}nav a{display:block;margin:0;padding:10px 0}
.quick{grid-template-columns:1fr 1fr}.quick .btn{grid-column:1/-1}.row,.places li,.two{grid-template-columns:1fr}.row.flip img{order:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
