/* Ein Gedi Hotel · homepage sketch v2
   Direction after the SEO review: a conventional hotel homepage that works hard (open nav,
   booking bar in the first screen, rooms with size and occupancy, facilities, offers,
   business, area, gallery, FAQ, location), kept from sliding into a template by the hotel's
   own material: real photos, the vector logo's three waves, and the moving pictures that the
   team liked (ibex, pool, campfire). Palette comes from the logo; the saturated green is kept
   for booking actions and links. */

@font-face{font-family:"Anomalia";src:url(fonts/anomalia-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Anomalia";src:url(fonts/anomalia-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Discovery";src:url(fonts/Discovery_Fs-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Discovery";src:url(fonts/Discovery_Fs-Medium.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Discovery";src:url(fonts/Discovery_Fs-Bold.woff2) format("woff2");font-weight:700;font-display:swap}

:root{
  --ink:#1D1F1B;          /* text */
  --ink-2:#4A4C45;        /* secondary text, 8.3:1 on paper */
  --paper:#FBF9F4;        /* page */
  --sand-50:#F4EFE4;      /* alternate sections */
  --sand-100:#EAE2D0;     /* footer */
  --sand:#C2B482;         /* logo sand: decorative lines; eyebrow text on dark only */
  --gold:#6E5A2E;         /* eyebrows and small labels on light, >=5.1:1 */
  --green:#8DC63F;        /* logo green: decorative only */
  --blue:#44C8F5;         /* logo blue: decorative only */
  --cta:#2F5A27;          /* booking actions and links, white text 8:1 */
  --cta-2:#244820;        /* hover */
  --deep:#16211C;         /* the one dark section */
  --on-deep-2:#C9C2AE;    /* secondary text on dark, 9.3:1 */
  --line:rgba(29,31,27,.14);
  --f-disp:"Anomalia","Discovery","Arial Hebrew",Arial,sans-serif;
  --f-body:"Discovery","Arial Hebrew",Arial,sans-serif;
  --gut:clamp(20px,4vw,64px);
  --max:1440px;
  --r:6px;
  --hdrH:64px;
}
@media (min-width:960px){:root{--hdrH:76px}}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--hdrH) + 16px)}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.65 var(--f-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
html.is-locked{overflow:hidden}
img,video{display:block;max-width:100%}
img{height:auto}
svg{display:block;flex:none}
svg:not(.logo):not(.ftr__logo){fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
a{color:inherit}
button,input,select{font:inherit;color:inherit}
p{margin:0 0 1em}
h1,h2,h3{margin:0;text-wrap:balance}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.ltr{direction:ltr;unicode-bidi:isolate}
.skip{position:absolute;inset-inline-start:12px;top:-80px;z-index:100;background:var(--ink);color:var(--paper);padding:12px 16px;border-radius:var(--r);text-decoration:none}
.skip:focus{top:12px}
:focus-visible{outline:2px solid var(--cta);outline-offset:3px}
.sec--dark :focus-visible,.hero :focus-visible,.hdr:not(.is-solid) :focus-visible,.moment :focus-visible,.lb :focus-visible,.card--club :focus-visible{outline-color:#fff}
main:focus{outline:none}
.wrap{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:var(--gut)}

/* ─────────── type ─────────── */
.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 12px;font:500 15px/1.3 var(--f-body);color:var(--gold)}
.eyebrow::before{content:"";width:28px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--blue),var(--green) 50%,var(--sand))}
.h2{font:700 clamp(28px,1.4vw + 20px,40px)/1.18 var(--f-disp);letter-spacing:-.005em}
.h3{font:700 clamp(19px,.3vw + 17px,22px)/1.3 var(--f-disp)}
.lead{font-size:clamp(17px,.25vw + 16px,19px);line-height:1.7;color:var(--ink-2);max-width:64ch;text-wrap:pretty;margin:16px 0 0}
.sec__sub{margin:12px 0 0;color:var(--ink-2);max-width:72ch;text-wrap:pretty}
.pull{margin:18px 0 0;padding-inline-start:18px;border-inline-start:3px solid var(--green);font:700 clamp(21px,.6vw + 18px,26px)/1.35 var(--f-disp)}

/* ─────────── actions ─────────── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:var(--r);border:1.5px solid transparent;
  font:700 16px/1.1 var(--f-body);text-decoration:none;cursor:pointer;white-space:nowrap;transition:background-color .2s,color .2s,border-color .2s}
.btn svg{width:18px;height:18px}
.btn--primary{background:var(--cta);color:#fff}
.btn--primary:hover{background:var(--cta-2)}
.btn--line{border-color:rgba(29,31,27,.5);color:var(--ink);background:transparent}
.btn--line:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.btn--light{background:var(--paper);color:var(--deep)}
.btn--light:hover{background:#fff}
.btn--sm{min-height:44px;padding:0 16px;font-size:15px}
.more{display:inline-flex;align-items:center;gap:8px;margin-top:22px;font:700 16px/1.3 var(--f-body);color:var(--cta);text-decoration:none;
  border-bottom:1.5px solid currentColor;padding-bottom:3px;white-space:nowrap}
.more::after{content:"←";transition:transform .2s}
.more:hover::after{transform:translateX(-4px)}
.more--light{color:#fff}
.sec__head .more{margin-top:0}
.link{color:var(--cta);font-weight:700;text-underline-offset:3px}

/* ─────────── header ─────────── */
.hdr{position:fixed;inset:0 0 auto;z-index:50;height:var(--hdrH);color:#fff;transition:background-color .25s,color .25s,box-shadow .25s}
.hdr::before{content:"";position:absolute;inset:0 0 -44px;background:linear-gradient(180deg,rgba(8,10,8,.8),rgba(8,10,8,.52) 55%,rgba(8,10,8,0));pointer-events:none;transition:opacity .25s}
.hdr.is-solid{background:rgba(251,249,244,.97);color:var(--ink);box-shadow:0 1px 0 var(--line)}
.hdr.is-solid::before{opacity:0}
@supports (backdrop-filter:blur(8px)){.hdr.is-solid{background:rgba(251,249,244,.88);backdrop-filter:saturate(1.3) blur(10px)}}
.hdr__in{position:relative;height:100%;display:flex;align-items:center;gap:clamp(16px,2vw,32px);max-width:var(--max);margin-inline:auto;padding-inline:var(--gut)}
.hdr__logo{display:block;color:inherit;border-radius:4px}
.logo{width:auto;height:40px;aspect-ratio:90/35}
@media (min-width:960px){.logo{height:46px}}
.nav{display:none;flex:1}
.nav__list{list-style:none;margin:0;padding:0;display:flex;justify-content:center;gap:clamp(12px,1.3vw,26px)}
.nav__list a{position:relative;display:block;padding:12px 2px;font:500 16px/1 var(--f-body);text-decoration:none;white-space:nowrap}
.nav__list a::after{content:"";position:absolute;inset-inline:2px;bottom:6px;height:1.5px;background:currentColor;transform:scaleX(0);transition:transform .2s}
.nav__list a:hover::after,.nav__list a[aria-current]::after{transform:scaleX(1)}
.hdr__act{display:flex;align-items:center;gap:12px;margin-inline-start:auto}
.hdr__tel{display:none;align-items:center;gap:8px;padding-block:13px;font:500 15px/1 var(--f-body);text-decoration:none;white-space:nowrap}
.hdr__tel svg{width:18px;height:18px}
.hdr .btn{min-height:44px;padding:0 18px;font-size:15px}
.hdr__menu{display:grid;place-items:center;width:44px;height:44px;margin-inline-end:-8px;border:0;border-radius:var(--r);background:none;color:inherit;cursor:pointer}
.hdr__menu svg{width:26px;height:26px}
.hdr__menu .i-close,.hdr__menu[aria-expanded="true"] .i-open{display:none}
.hdr__menu[aria-expanded="true"] .i-close{display:block}
@media (min-width:960px){.nav{display:block}.hdr__menu{display:none}}
@media (min-width:1320px){.hdr__tel{display:flex}}
@media (max-width:359px){.hdr .btn{padding:0 12px;font-size:14px}}

.mnav{position:fixed;inset:var(--hdrH) 0 0;z-index:49;overflow-y:auto;overscroll-behavior:contain;background:var(--paper);padding:8px var(--gut) 40px}
.mnav[hidden]{display:none}
.mnav ul{list-style:none;margin:0;padding:0}
.mnav li a{display:block;padding:14px 0;border-bottom:1px solid var(--line);font:700 21px/1.3 var(--f-disp);text-decoration:none}
.mnav__tel{margin:24px 0 10px;font-weight:500}
.mnav__tel a{text-decoration:none;font-weight:700}
.mnav__lang{display:flex;flex-wrap:wrap;gap:0 20px;margin:0;color:var(--ink-2)}
.mnav__lang a{display:inline-block;padding-block:10px}
@media (min-width:960px){.mnav{display:none!important}}

/* ─────────── hero: ~3/4 of the screen, so the booking bar is always in view ─────────── */
.hero{position:relative;display:flex;align-items:flex-end;height:clamp(520px,76svh,800px);overflow:hidden;color:#fff;background:#3a2f2a}
.hero__media{position:absolute;inset:0}
.hero__poster,.hero__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero__video{opacity:0;transition:opacity .9s ease}
.hero__video.is-on{opacity:1}
.hero__scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,10,8,0) 35%,rgba(8,10,8,.35) 62%,rgba(8,10,8,.72) 100%)}
/* desktop: the sun rises right behind the text column, so the column gets its own shade (measured over the last frame) */
@media (min-width:900px){
  .hero__scrim{background:linear-gradient(180deg,rgba(8,10,8,0) 45%,rgba(8,10,8,.4) 100%)}
  .hero__text{max-width:600px;padding:26px 30px 24px;border-radius:var(--r);background:rgba(10,13,11,.66)}
  @supports (backdrop-filter:blur(8px)) or (-webkit-backdrop-filter:blur(8px)){
    .hero__text{background:rgba(10,13,11,.46);-webkit-backdrop-filter:blur(12px) brightness(.78);backdrop-filter:blur(12px) brightness(.78)}
  }
}
.hero__in{position:relative;padding-bottom:clamp(40px,6vh,64px)}
.hero__kicker{margin:0 0 10px;font:500 15px/1.3 var(--f-body);opacity:.92}
.hero h1{margin:0 0 14px}
.h1__brand{display:block;font:700 clamp(40px,2.6vw + 26px,62px)/1.04 var(--f-disp);letter-spacing:-.01em}
.h1__line{display:block;margin-top:6px;font:400 clamp(20px,.9vw + 15px,28px)/1.3 var(--f-disp)}
.hero__lead{max-width:58ch;margin:0 0 18px;font-size:clamp(16px,.25vw + 15px,18px);line-height:1.6;text-wrap:pretty}
.live{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.live>div{display:flex;align-items:baseline;gap:6px;padding:6px 14px;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:rgba(15,18,14,.35);font-size:14.5px;line-height:1.4}
.live>div[hidden]{display:none}
.live dt{opacity:.88}
.live dd{margin:0;font-weight:700}
.hero__ctl{position:absolute;z-index:2;inset-inline-end:var(--gut);bottom:clamp(40px,6vh,64px)}
@media (min-width:900px){.hero__in{padding-bottom:128px}.hero__ctl{bottom:128px}}
@media (prefers-reduced-motion:no-preference){
  .hero__text{animation:up .9s cubic-bezier(.2,.7,.2,1) both}
}
@keyframes up{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* ─────────── booking bar ─────────── */
.bookbar{position:relative;z-index:5;background:var(--paper)}
.bk{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:end;padding:24px 0 28px}
.bk__h{grid-column:1/-1;font:700 22px/1.2 var(--f-disp)}
.bk__f{display:flex;flex-direction:column;gap:6px;min-width:0}
label.bk__f:first-of-type,.bk__go,.bk__note{grid-column:1/-1}
.bk__f>span{font:500 14px/1.2 var(--f-body);color:var(--ink-2)}
.bk__f input,.bk__f select{width:100%;height:50px;padding:0 14px;border:1px solid rgba(29,31,27,.28);border-radius:var(--r);background:#fff;font-size:16px;color:var(--ink)}
.bk__f select{appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%231D1F1B' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat left 14px center;padding-inline-end:36px}
.bk__f input:focus-visible,.bk__f select:focus-visible{outline:2px solid var(--cta);outline-offset:1px;border-color:var(--cta)}
.bk__go{height:50px}
.bk__note{margin:2px 0 0;font-size:14.5px;color:var(--ink-2)}
.bk__note a{color:var(--cta);font-weight:700}
@media (min-width:900px){
  .bookbar{background:none;margin-top:-92px}
  .bk{grid-template-columns:auto minmax(190px,1.4fr) minmax(110px,.7fr) minmax(110px,.7fr) auto;gap:14px 16px;padding:20px 24px 18px;background:var(--paper);
    border-radius:var(--r);box-shadow:0 18px 48px rgba(12,16,12,.2),0 1px 0 var(--line)}
  .bk__h{grid-column:auto;align-self:center;padding-inline-end:8px;font-size:21px}
  label.bk__f:first-of-type,.bk__go{grid-column:auto}
  .bk__go{padding:0 28px}
}

/* ─────────── sections ─────────── */
.sec{padding-block:clamp(64px,7vw,112px)}
.sec--alt{background:var(--sand-50)}
.sec--dark{background:var(--deep);color:var(--paper)}
.sec--dark .eyebrow{color:var(--sand)}
.sec--dark .lead{color:var(--on-deep-2)}
.sec__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 48px;margin-bottom:clamp(28px,3vw,44px)}
.sec__head>div{max-width:820px}

/* about */
.about{padding-top:clamp(48px,6vw,88px)}
.about__grid{display:grid;gap:40px}
@media (min-width:1000px){.about__grid{grid-template-columns:1.05fr 1fr;gap:80px;align-items:center}}
.keyfacts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.keyfacts li{display:flex;flex-direction:column;gap:6px;padding:22px 20px;background:var(--paper)}
.keyfacts svg{width:28px;height:28px;margin-bottom:4px;color:var(--cta)}
.keyfacts b{font:700 18px/1.3 var(--f-disp)}
.keyfacts span{font-size:15px;line-height:1.5;color:var(--ink-2)}
@media (max-width:420px){.keyfacts li{padding:18px 14px}}

/* cards: rooms, offers, dining, area */
.cards{list-style:none;margin:0;padding:0;display:grid;gap:24px}
.cards--rooms,.cards--3,.cards--area{grid-template-columns:repeat(3,minmax(0,1fr))}
.cards--4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1099px){.cards--rooms,.cards--3,.cards--4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:699px){
  .cards--rooms,.cards--3,.cards--4,.cards--area{display:flex;gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;
    margin-inline:calc(var(--gut) * -1);padding:4px var(--gut) 14px;scroll-padding-inline:var(--gut);scrollbar-width:thin}
  .cards--rooms>li,.cards--3>li,.cards--4>li,.cards--area>li{flex:0 0 82%;scroll-snap-align:start}
}
.card,.room{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.card>img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.card__b,.room__b{display:flex;flex-direction:column;gap:10px;flex:1;padding:18px 20px 20px}
.card__b p{margin:0;color:var(--ink-2);font-size:15.5px;line-height:1.6}
.card__b .btn{margin-top:auto;align-self:flex-start}
.card__b .card__meta{margin-top:auto;padding-top:6px;color:var(--gold);font-weight:500;font-size:14.5px}
.dining .card>img{aspect-ratio:4/3}

.room__media{display:block;overflow:hidden;aspect-ratio:4/3}
.room__media img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.room:hover .room__media img{transform:scale(1.035)}
.room__for{display:inline-flex;align-items:center;gap:7px;margin:0;font:500 14.5px/1.3 var(--f-body);color:var(--gold)}
.room__for svg{width:17px;height:17px}
.room h3 a{display:inline-block;padding-block:3px;text-decoration:none}
.room h3 a:hover{text-decoration:underline;text-underline-offset:4px}
.room__line{margin:0;color:var(--ink-2);font-size:15.5px;line-height:1.6}
.room__spec{list-style:none;display:flex;flex-wrap:wrap;gap:8px 20px;margin:2px 0 0;padding:12px 0 0;border-top:1px solid var(--line);font-size:15px}
.room__spec li{display:inline-flex;align-items:center;gap:7px}
.room__spec svg{width:18px;height:18px;color:var(--gold)}
.room__cta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:10px}

.card--offer .h3{font-size:clamp(18px,.3vw + 16px,20px)}
.card--club{position:relative;background:var(--deep);color:var(--paper);border-color:transparent}
.card--club::before{content:"";position:absolute;inset:18px -8% auto -8%;height:120px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 120' preserveAspectRatio='none'%3E%3Cpath d='M0 70C80 20 130 20 200 60S330 110 400 40' fill='none' stroke='%23C2B482' stroke-width='5'/%3E%3Cpath d='M0 80C90 60 150 110 220 80S330 30 400 70' fill='none' stroke='%238DC63F' stroke-width='5'/%3E%3Cpath d='M0 90C70 110 140 120 210 95S330 60 400 85' fill='none' stroke='%2344C8F5' stroke-width='5'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.card--club .card__b{position:relative;padding-top:150px}
.card--club .eyebrow{color:var(--sand)}
.card--club .card__b p{color:var(--on-deep-2)}
.card--club b{color:#fff}
.card--club .btn--line{color:#fff;border-color:rgba(255,255,255,.6)}
.card--club .btn--line:hover{background:#fff;color:var(--deep)}

/* one day at Ein Gedi */
.day__strip{list-style:none;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(180px,1fr);gap:14px;width:100%;max-width:var(--max);margin:0 auto;padding:4px var(--gut) 14px;
  overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gut);scrollbar-width:thin}
@media (max-width:699px){.day__strip{grid-auto-columns:62%}}
.moment{scroll-snap-align:start}
.moment a{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;aspect-ratio:3/4;padding:16px;border-radius:var(--r);overflow:hidden;color:#fff;text-decoration:none;isolation:isolate}
.moment img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.moment a::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(8,10,8,0) 38%,rgba(8,10,8,.8))}
.moment a:hover img{transform:scale(1.04)}
.moment__t{font:700 19px/1.25 var(--f-disp)}
.moment__s{font-size:14.5px;line-height:1.45}

/* feature blocks: spa, garden */
.feature__grid{display:grid;gap:40px}
@media (min-width:1000px){.feature__grid{grid-template-columns:1fr 1.1fr;gap:80px;align-items:center}.feature--rev .feature__text{order:2}}
.facts{display:grid;margin:24px 0 0}
.facts>div{display:grid;grid-template-columns:minmax(118px,auto) 1fr;gap:4px 16px;padding:12px 0;border-bottom:1px solid var(--line)}
.facts>div:first-child{border-top:1px solid var(--line)}
.facts dt{font-weight:700}
.facts dd{margin:0;color:var(--ink-2)}
.facts a{display:inline-block;padding-block:3px;color:var(--cta);font-weight:700;text-decoration:none}
@media (max-width:420px){.facts>div{grid-template-columns:1fr}}
.mosaic{display:grid;grid-template-columns:1.1fr 1fr;grid-template-rows:1fr 1fr;gap:12px;aspect-ratio:1/1}
.mosaic img{width:100%;height:100%;min-height:0;object-fit:cover;border-radius:var(--r)}
.mosaic__a{grid-row:1/3}
.mosaic--2{grid-template-columns:1fr;grid-template-rows:1.6fr 1fr;aspect-ratio:1/1.08}
.mosaic--2 .mosaic__a{grid-row:auto}
@media (max-width:999px){.mosaic{aspect-ratio:4/3.4}.mosaic--2{aspect-ratio:1/1}}

/* pool + full-width moving pictures */
.pool__head{display:grid;gap:12px 80px;margin-bottom:clamp(28px,3vw,44px)}
.pool__head .lead{margin:0}
@media (min-width:1000px){.pool__head{grid-template-columns:1fr 1.2fr;align-items:end}}
.bleed{position:relative;margin:0;height:clamp(300px,44vw,620px);overflow:hidden;background:#243028}
.bleed--short{height:clamp(260px,36vw,500px)}
.bleed__poster,.bleed video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--pos,50% 50%)}
.bleed video{opacity:0;transition:opacity .9s ease}
.bleed video.is-on{opacity:1}
.bleed__cap{position:absolute;inset-inline-start:var(--gut);bottom:14px;z-index:1;padding:4px 10px;border-radius:4px;background:rgba(10,12,10,.6);color:#fff;font-size:13px}
.bleed__over{position:absolute;inset:auto 0 0;z-index:1;display:flex;flex-direction:column;gap:6px;padding:80px var(--gut) clamp(24px,3vw,40px);color:#fff;
  background:linear-gradient(180deg,rgba(8,10,8,0),rgba(8,10,8,.78))}
.bleed__over b{font:700 clamp(22px,1vw + 16px,30px)/1.2 var(--f-disp)}
.bleed__over span{max-width:56ch;font-size:16px}
.bleed__ctl{position:absolute;z-index:2;inset-inline-end:var(--gut);bottom:16px;display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(255,255,255,.55);border-radius:50%;
  background:rgba(10,12,10,.45);color:#fff;cursor:pointer}
.bleed__ctl[hidden]{display:none}
.bleed__ctl svg{width:18px;height:18px}
.bleed__ctl .i-play,.bleed__ctl[aria-pressed="true"] .i-pause{display:none}
.bleed__ctl[aria-pressed="true"] .i-play{display:block}
.bleed--night .bleed__ctl{bottom:auto;top:16px}

/* facilities */
.fac{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:32px;border-top:1px solid var(--line)}
.fac li{display:flex;align-items:center;gap:14px;min-height:72px;padding:14px 0;border-bottom:1px solid var(--line);font-size:15.5px;line-height:1.45}
.fac svg{width:28px;height:28px;color:var(--cta)}
@media (max-width:1099px){.fac{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:799px){.fac{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}.fac li{font-size:15px;gap:10px}.fac svg{width:24px;height:24px}}
@media (max-width:379px){.fac{grid-template-columns:1fr}}

/* business */
.biz__grid{display:grid;gap:48px}
@media (min-width:1000px){.biz__grid{grid-template-columns:1.05fr 1fr;gap:80px;align-items:center}}
.halls{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1px;margin:28px 0 0;padding:0;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.16);border-radius:var(--r);overflow:hidden}
.halls li{display:flex;flex-direction:column;gap:4px;padding:16px 18px;background:var(--deep)}
.halls b{font:700 17px/1.3 var(--f-disp)}
.halls span{font-size:15px;color:var(--on-deep-2)}
.biz__clients{margin:22px 0 0;color:var(--on-deep-2);font-size:15.5px}
.biz__cta{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:28px}
.biz__cta .more{margin-top:0}
.biz__media{margin:0}
.biz__media img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r)}
.biz__quote{position:relative;margin:-56px clamp(12px,3vw,32px) 0;padding:22px 24px;border-radius:var(--r);background:var(--paper);color:var(--ink);box-shadow:0 14px 40px rgba(0,0,0,.28)}
.biz__quote p{margin:0 0 10px;font:400 clamp(17px,.3vw + 16px,19px)/1.55 var(--f-disp)}
.biz__quote footer{font-size:14.5px;color:var(--gold);font-weight:700}
@media (max-width:520px){.biz .btn--light{white-space:normal;text-align:center;line-height:1.35;padding-block:10px}}

/* area */
.area .bleed{margin-bottom:clamp(32px,4vw,56px)}
.cards--area .card>img{aspect-ratio:16/10}
.area__more{display:grid;gap:32px;margin-top:clamp(36px,4vw,56px)}
@media (min-width:900px){.area__more{grid-template-columns:1fr 1fr;gap:64px}}
.tick{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:10px}
.tick li{position:relative;padding-inline-start:26px;color:var(--ink-2)}
.tick li::before{content:"";position:absolute;inset-inline-start:2px;top:.72em;width:12px;height:2px;border-radius:2px;background:var(--green)}
.area .bleed--night{margin-top:clamp(48px,6vw,88px);margin-bottom:0}
.area:has(.bleed--night){padding-bottom:0}

/* story */
.story__grid{display:grid;gap:20px}
@media (min-width:1000px){.story__grid{grid-template-columns:1fr 1.5fr;gap:80px;align-items:start}}
.story .lead{margin-top:0}

/* gallery + lightbox */
.gal{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(150px,14vw,220px);grid-auto-flow:dense;gap:10px}
.gal__i a{position:relative;display:block;height:100%;border-radius:var(--r);overflow:hidden;background:var(--sand-50)}
.gal__i img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.gal__i a:hover img{transform:scale(1.04)}
.gal__i--big{grid-column:span 2;grid-row:span 2}
.gal__i--tall{grid-row:span 2}
.gal__i--wide{grid-column:span 2}
@media (max-width:699px){.gal{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:clamp(120px,36vw,170px);gap:8px}}
.lb{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;background:transparent;color:#fff;overflow:hidden}
.lb::backdrop{background:rgba(8,10,8,.92)}
.lb__fig{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:100%;margin:0;padding:64px clamp(12px,6vw,88px) 24px}
.lb__fig img{width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 130px);object-fit:contain;border-radius:4px}
.lb__fig figcaption{max-width:70ch;text-align:center;font-size:15px;color:#E8E2D2}
.lb__btn{position:absolute;display:grid;place-items:center;width:48px;height:48px;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;cursor:pointer}
.lb__btn:hover{background:rgba(255,255,255,.26)}
.lb__btn svg{width:22px;height:22px}
.lb__close{top:12px;inset-inline-end:12px}
.lb__prev,.lb__next{top:50%;transform:translateY(-50%)}
.lb__prev{inset-inline-start:12px}
.lb__prev svg{transform:scaleX(-1)}
.lb__next{inset-inline-end:12px}
@media (max-width:699px){.lb__prev,.lb__next{top:auto;bottom:16px;transform:none}}

/* FAQ */
.faq__grid{display:grid;gap:28px}
@media (min-width:1000px){.faq__grid{grid-template-columns:1fr 1.8fr;gap:80px;align-items:start}}
.faq .sec__sub a{color:var(--cta);font-weight:700;text-decoration:none}
.qa{border-top:1px solid var(--line)}
.qa__i{border-bottom:1px solid var(--line)}
.qa__i summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;list-style:none;cursor:pointer}
.qa__i summary::-webkit-details-marker{display:none}
.qa__q{font:700 clamp(17px,.2vw + 16px,19px)/1.4 var(--f-body)}
.qa__i summary svg{width:22px;height:22px;color:var(--gold);transition:transform .2s}
.qa__i[open] summary svg{transform:rotate(180deg)}
.qa__i summary:hover .qa__q{text-decoration:underline;text-underline-offset:4px}
.qa__a p{max-width:70ch;margin:0 0 20px;color:var(--ink-2)}
.qa__a a{color:var(--cta);font-weight:700}

/* location + contact */
.contact__grid{display:grid;gap:36px}
@media (min-width:1000px){.contact__grid{grid-template-columns:1fr 1.25fr;gap:72px;align-items:stretch}}
.contact__btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.phones{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:24px 0 0;padding:0}
.phones li{display:flex;flex-direction:column;gap:2px;min-width:0;padding:12px 14px;border-radius:var(--r);background:var(--sand-50)}
.phones span{font-size:14px;color:var(--ink-2)}
.phones a{font-weight:700;text-decoration:none;overflow-wrap:anywhere}
.phones li:last-child{grid-column:1/-1}
.map{min-height:380px;border-radius:var(--r);overflow:hidden;background:var(--sand-50)}
.map iframe{display:block;width:100%;height:100%;min-height:380px;border:0}

/* footer */
.ftr{padding:clamp(56px,6vw,88px) 0 28px;background:var(--sand-100);color:var(--ink)}
.ftr__grid{display:grid;grid-template-columns:1.4fr repeat(4,minmax(0,1fr));gap:40px}
@media (max-width:1099px){.ftr__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ftr__brand{grid-column:1/-1}}
.ftr__logo{width:132px;height:auto;aspect-ratio:90/35;margin-bottom:18px;color:var(--ink)}
.ftr address{font-style:normal;line-height:1.85;color:var(--ink-2)}
.ftr address a{font-weight:700;color:var(--ink);text-decoration:none}
.ftr__h{margin:0 0 14px;font:700 17px/1.3 var(--f-body)}
.ftr__col ul{list-style:none;display:grid;gap:4px;margin:0;padding:0}
.ftr__col a{display:inline-block;padding:4px 0;color:var(--ink-2);text-decoration:none}
.ftr__col a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.social{list-style:none;display:flex;gap:8px;margin:18px 0 0;padding:0}
.social a{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(29,31,27,.22);border-radius:50%;color:var(--ink)}
.social a:hover{background:var(--ink);color:var(--paper)}
.social svg{width:19px;height:19px}
.ftr__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 40px;margin-top:44px;padding-top:22px;border-top:1px solid rgba(29,31,27,.16);font-size:14px;color:var(--ink-2)}
.ftr__lang{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0}
.ftr__lang a{display:inline-block;padding-block:6px;text-decoration:none;color:var(--ink);font-weight:500}
.ftr__note{max-width:84ch;margin:0}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition:none!important;animation:none!important}
}