:root{--bg:#f7f6f4;--text:#1f1f21;--muted:#67625c;--line:#e8e2da;--card:#ffffffcc}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;scroll-behavior:smooth}a{color:inherit;text-decoration:none}.topbar{position:fixed;inset:0 0 auto 0;z-index:50;display:flex;justify-content:space-between;padding:14px 24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f7f6f4bf;border-bottom:1px solid var(--line)}.brand,.topbar{align-items:center}.brand{display:inline-flex;gap:10px;font-weight:600}.topbar nav{display:flex;gap:18px;color:var(--muted);font-size:14px}.section{width:min(1180px,calc(100% - 32px));margin:0 auto}.hero{position:relative;min-height:88svh;margin-top:0;width:100%;border-bottom:1px solid var(--line);overflow:hidden}.heroBg{object-fit:cover;animation:slowZoom 18s ease-in-out infinite alternate}.overlay{position:absolute;inset:0;background:linear-gradient(180deg,#f7f6f460,#f7f6f4cf 72%,#f7f6f4)}.heroContent{position:relative;z-index:2;width:min(1180px,calc(100% - 32px));margin:0 auto;padding:160px 0 90px}.chip{display:inline-block;border:1px solid #ffffff8f;background:#00000022;border-radius:999px;padding:7px 12px;font-size:12px}.chip,h1{color:#fff}h1{margin:14px 0 10px;max-width:820px;font-size:clamp(2.2rem,6vw,4.3rem);line-height:1.02;letter-spacing:-.02em;text-shadow:0 6px 28px #0000003d}.subtitle{max-width:700px;color:#f2f2f2;font-size:clamp(1rem,2vw,1.2rem);text-shadow:0 4px 14px #00000033}.actions{margin-top:20px;display:flex;gap:10px;flex-wrap:wrap}.btn{padding:12px 16px;border-radius:12px;border:1px solid #ffffff7d;transition:all .22s ease;font-weight:500}.btn.primary{background:#ffffff;color:#191919;border-color:#fff}.btn.ghost{background:#00000024;color:#fff}.btn:hover{transform:translateY(-2px)}.experiences{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(12,1fr);margin-top:26px}.expCard{grid-column:span 4;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--card);box-shadow:0 12px 30px #2b2b2b10;transition:transform .28s ease,box-shadow .28s ease}.expCard:hover{transform:translateY(-6px);box-shadow:0 20px 36px #2b2b2b18}.mediaWrap{position:relative;aspect-ratio:16/10;overflow:hidden}.media{object-fit:cover;transition:transform .7s ease}.expCard:hover .media{transform:scale(1.04)}.copy{padding:16px}.copy h3{margin:0 0 8px;font-size:1.2rem}.copy p{margin:0;color:var(--muted)}.method,.reserve{margin-top:24px;border:1px solid var(--line);border-radius:20px;background:#fffc;padding:26px}.steps{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.steps div{border:1px solid var(--line);border-radius:12px;padding:12px;background:#fff}.steps span{font-size:12px;color:var(--muted)}.steps p{margin:7px 0 2px;font-weight:500}.reserve p{color:var(--muted)}.reserve form{display:flex;gap:10px;flex-wrap:wrap}.reserve input{flex:1 1;min-width:220px;border:1px solid var(--line);border-radius:12px;padding:12px}.reserve button{border:0;border-radius:12px;padding:12px 14px;background:#7b8f9f;color:#fff}.reveal{opacity:0;transform:translateY(14px);animation:reveal .8s ease forwards}@keyframes reveal{to{opacity:1;transform:translateY(0)}}@keyframes slowZoom{0%{transform:scale(1)}to{transform:scale(1.06)}}@media (max-width:960px){.expCard{grid-column:span 12}.steps{grid-template-columns:1fr}.topbar nav{display:none}}