/* ===== Landing-page layout — shares tokens from style.css ===== */

/* Skip + site nav */
.skip{position:absolute;left:-9999px;top:auto}
.skip:focus{left:var(--space-4);top:var(--space-4);z-index:80;background:var(--color-primary);color:#fff;padding:.6rem 1rem;border-radius:var(--radius-md)}

.sitenav{
  position:sticky;top:0;z-index:50;
  background:oklch(from var(--color-bg) l c h / .82);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--color-border);
}
.sitenav__inner{
  max-width:1080px;margin-inline:auto;
  display:flex;align-items:center;gap:var(--space-4);
  padding:var(--space-3) var(--space-5);
}
.sitenav__brand{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:var(--color-text);margin-right:auto}
.sitenav__brand img{width:40px;height:40px;border-radius:var(--radius-full);box-shadow:var(--shadow-sm)}
.sitenav__brand span{font-family:var(--font-display);font-weight:500;font-size:var(--text-base);letter-spacing:-.01em;white-space:nowrap}
.sitenav__links{display:flex;align-items:center;gap:var(--space-1)}
.sitenav__links a{
  text-decoration:none;color:var(--color-text-muted);font-size:var(--text-sm);font-weight:500;
  padding:.45rem .7rem;border-radius:var(--radius-full);transition:var(--transition-interactive);white-space:nowrap;
}
.sitenav__links a:hover{color:var(--color-primary);background:oklch(from var(--color-primary) l c h / .10)}
.sitenav__links a[aria-current="page"]{color:var(--color-primary);background:oklch(from var(--color-primary) l c h / .12)}
.sitenav__cta{
  background:var(--color-primary)!important;color:#fff!important;font-weight:600!important;
}
[data-theme='dark'] .sitenav__cta{color:var(--color-bg)!important}
.sitenav__cta:hover{background:var(--color-primary-hover)!important}
.sitenav__toggle{
  display:none;width:40px;height:40px;border:1px solid var(--color-border);border-radius:var(--radius-full);
  background:var(--color-surface);color:var(--color-text);place-items:center;cursor:pointer;
}
@media (max-width:760px){
  .sitenav__links{
    display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:.2rem;
    background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--space-3);box-shadow:var(--shadow-md);
  }
  .sitenav__links.open{display:flex}
  .sitenav__links a{padding:.7rem .9rem}
  .sitenav__toggle{display:grid}
  .sitenav__brand span{font-size:var(--text-sm)}
}

/* Page wrapper */
.page{max-width:1080px;margin-inline:auto;padding:0 var(--space-5)}

/* Breadcrumb */
.crumb{max-width:1080px;margin:var(--space-5) auto 0;padding:0 var(--space-5);font-size:var(--text-xs);color:var(--color-text-faint)}
.crumb a{color:var(--color-text-muted);text-decoration:none}
.crumb a:hover{color:var(--color-primary)}

/* Hero */
.lp-hero{
  position:relative;margin:var(--space-5) auto 0;max-width:1080px;
  border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--color-border);box-shadow:var(--shadow-md);
  min-height:clamp(360px,52vh,520px);display:flex;align-items:flex-end;
}
.lp-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.lp-hero::after{content:'';position:absolute;inset:0;z-index:1;
  background:linear-gradient(to top, rgba(20,28,21,.82), rgba(20,28,21,.30) 55%, rgba(20,28,21,.12))}
.lp-hero__inner{position:relative;z-index:2;padding:clamp(var(--space-6),5vw,var(--space-12));color:#fff;max-width:42rem}
.lp-hero__eyebrow{display:inline-block;font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  color:#fff;background:oklch(from var(--color-amber) l c h / .92);padding:.35rem .8rem;border-radius:var(--radius-full);margin-bottom:var(--space-4)}
.lp-hero__title{font-family:var(--font-display);font-weight:500;font-size:var(--text-2xl);line-height:1.05;letter-spacing:-.015em;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.4)}
.lp-hero__sub{margin-top:var(--space-4);font-size:var(--text-base);line-height:1.55;color:rgba(255,255,255,.92);max-width:38ch}
.lp-hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-6)}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:.5rem;font-size:var(--text-sm);font-weight:600;text-decoration:none;
  padding:.7rem 1.3rem;border-radius:var(--radius-full);transition:var(--transition-interactive)}
.btn--primary{background:var(--color-amber);color:#fff;box-shadow:var(--shadow-sm)}
.btn--primary:hover{filter:brightness(1.06);transform:translateY(-2px)}
.btn--ghost{background:oklch(from #ffffff l c h / .14);color:#fff;border:1px solid rgba(255,255,255,.5)}
.btn--ghost:hover{background:oklch(from #ffffff l c h / .24)}
.btn--solid{background:var(--color-primary);color:#fff}
[data-theme='dark'] .btn--solid{color:var(--color-bg)}
.btn--solid:hover{background:var(--color-primary-hover);transform:translateY(-2px)}

/* Section primitives */
.sec{max-width:1080px;margin:clamp(var(--space-12),7vw,var(--space-20)) auto 0;padding:0 var(--space-5)}
.sec--narrow{max-width:760px}
.sec__eyebrow{font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-amber);display:block;margin-bottom:var(--space-3)}
.sec__title{font-family:var(--font-display);font-weight:500;font-size:var(--text-xl);line-height:1.12;letter-spacing:-.01em;color:var(--color-text)}
.sec__lead{margin-top:var(--space-4);font-size:var(--text-base);line-height:1.7;color:var(--color-text-muted);max-width:60ch}
.prose p{margin-top:var(--space-4);font-size:var(--text-base);line-height:1.75;color:var(--color-text-muted)}
.prose p:first-child{margin-top:0}
.prose strong{color:var(--color-text);font-weight:600}

/* Feature / attraction grid */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-5);margin-top:clamp(var(--space-8),5vw,var(--space-10))}
.card{
  background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);
  overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);transition:var(--transition-interactive)}
.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:oklch(from var(--color-primary) l c h / .35)}
.card__media{aspect-ratio:4/3;overflow:hidden}
.card__media img{width:100%;height:100%;object-fit:cover;transition:transform 600ms cubic-bezier(.16,1,.3,1)}
.card:hover .card__media img{transform:scale(1.05)}
.card__body{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);flex:1}
.card__dist{font-size:var(--text-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-primary)}
.card__title{font-family:var(--font-display);font-weight:500;font-size:var(--text-lg);line-height:1.15;color:var(--color-text)}
.card__desc{font-size:var(--text-sm);line-height:1.6;color:var(--color-text-muted)}

/* Two-column media + text */
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(var(--space-6),5vw,var(--space-12));align-items:center;margin-top:clamp(var(--space-10),6vw,var(--space-16))}
.split__media{border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--color-border);box-shadow:var(--shadow-md);aspect-ratio:4/3}
.split__media img{width:100%;height:100%;object-fit:cover}
.split--rev .split__media{order:2}
@media (max-width:760px){
  .split{grid-template-columns:1fr;gap:var(--space-6)}
  .split--rev .split__media{order:0}
}

/* Stat / quick facts row */
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-4);margin-top:clamp(var(--space-8),5vw,var(--space-10))}
.fact{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);text-align:center}
.fact__num{font-family:var(--font-display);font-weight:500;font-size:var(--text-xl);color:var(--color-primary);line-height:1}
.fact__lbl{margin-top:var(--space-2);font-size:var(--text-xs);font-weight:500;letter-spacing:.03em;text-transform:uppercase;color:var(--color-text-muted)}

/* Booking CTA band */
.bookband{
  max-width:1080px;margin:clamp(var(--space-12),7vw,var(--space-20)) auto 0;padding:0 var(--space-5);
}
.bookband__inner{
  background:linear-gradient(135deg, var(--color-primary), var(--color-primary-active));
  border-radius:var(--radius-xl);padding:clamp(var(--space-8),6vw,var(--space-16)) var(--space-6);text-align:center;color:#fff;box-shadow:var(--shadow-lg)}
[data-theme='dark'] .bookband__inner{background:linear-gradient(135deg,#2f5d43,#1b3727)}
.bookband__title{font-family:var(--font-display);font-weight:500;font-size:var(--text-xl);color:#fff}
.bookband__sub{margin-top:var(--space-3);font-size:var(--text-base);color:rgba(255,255,255,.9);max-width:48ch;margin-inline:auto}
.bookband__opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-4);max-width:680px;margin:var(--space-8) auto 0;text-align:left}
.bookopt{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}
.bookopt__name{font-family:var(--font-display);font-size:var(--text-lg);color:#fff}
.bookopt__meta{font-size:var(--text-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:rgba(255,255,255,.75)}
.bookopt__desc{font-size:var(--text-sm);color:rgba(255,255,255,.85);line-height:1.55;flex:1}
.bookopt .btn--primary{margin-top:var(--space-2);justify-content:center}
.bookband__note{margin-top:var(--space-6);font-size:var(--text-xs);color:rgba(255,255,255,.7)}

/* Inline Instagram strip */
.iglink{display:inline-flex;align-items:center;gap:.5rem;color:var(--color-amber);font-weight:600;text-decoration:none;font-size:var(--text-sm)}
.iglink:hover{text-decoration:underline}

/* Site footer (multi-page) */
.sfoot{max-width:1080px;margin:clamp(var(--space-16),8vw,var(--space-24)) auto 0;padding:var(--space-10) var(--space-5) var(--space-12);border-top:1px solid var(--color-border)}
.sfoot__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:var(--space-8)}
.sfoot__brand img{width:54px;height:54px;border-radius:var(--radius-full);box-shadow:var(--shadow-sm)}
.sfoot__brand h3{font-family:var(--font-display);font-weight:500;font-size:var(--text-lg);margin-top:var(--space-3);color:var(--color-text)}
.sfoot__brand p{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6;max-width:34ch}
.sfoot__col h4{font-size:var(--text-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-amber);margin-bottom:var(--space-3)}
.sfoot__col a{display:block;font-size:var(--text-sm);color:var(--color-text-muted);text-decoration:none;padding:.25rem 0}
.sfoot__col a:hover{color:var(--color-primary)}
.sfoot__bottom{max-width:1080px;margin:var(--space-8) auto 0;padding:0 var(--space-5);display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;align-items:center}
.sfoot__bottom p{font-size:var(--text-xs);color:var(--color-text-faint)}
.sfoot__social a{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:var(--radius-full);color:var(--color-text-muted);border:1px solid var(--color-border);background:var(--color-surface)}
.sfoot__social a:hover{color:var(--color-amber);border-color:var(--color-amber)}
@media (max-width:760px){.sfoot__grid{grid-template-columns:1fr;gap:var(--space-6)}}

/* gallery strip reuse on lp */
.lp-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);margin-top:clamp(var(--space-8),5vw,var(--space-10))}
.lp-gallery figure{margin:0;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border);aspect-ratio:1;background:var(--color-surface)}
.lp-gallery img{width:100%;height:100%;object-fit:cover;transition:transform 600ms cubic-bezier(.16,1,.3,1)}
.lp-gallery figure:hover img{transform:scale(1.06)}
@media (max-width:680px){.lp-gallery{grid-template-columns:repeat(2,1fr)}}