/* ===========================================================
   HarmonySOS × UJA — Thank You page
   Harmony green on warm cream; UJA blue wherever UJA appears.
   Signature: the trilingual thank-you.
   All selectors scoped under #hut-app (host theme is RTL Arabic;
   this page renders LTR English).
   =========================================================== */

#hut-app, #hut-app *, #hut-app *::before, #hut-app *::after { box-sizing: border-box; }

/* -----------------------------------------------------------
   FULL-BLEED — defeat theme container, hide page title
   ----------------------------------------------------------- */
*:has(> #hut-app),
*:has(> * > #hut-app),
*:has(> * > * > #hut-app),
*:has(> * > * > * > #hut-app),
*:has(> * > * > * > * > #hut-app),
*:has(> * > * > * > * > * > #hut-app) {
  overflow: visible !important;
  max-width: none !important;
  padding-top: 0 !important;
  margin-top: 0 !important;
}
body:has(#hut-app) .entry-header,
body:has(#hut-app) .page-header,
body:has(#hut-app) .post-header,
body:has(#hut-app) .page-title-wrap,
body:has(#hut-app) .breadcrumbs,
body:has(#hut-app) h1.entry-title,
body:has(#hut-app) h1.page-title,
body:has(#hut-app) h1.fs60,
body:has(#hut-app) .col-md-12.mmb20:has(> h1.fs60) { display: none !important; }

/* -----------------------------------------------------------
   Defeat the host theme's RTL inside this page (ProxGit sets
   direction:rtl on descendants; this page is LTR English).
   The two Arabic/Hebrew greeting spans keep their dir="rtl".
   ----------------------------------------------------------- */
body.rtl #hut-app,
#hut-app { direction: ltr !important; }
#hut-app *:not([dir="rtl"]) { direction: ltr !important; }
#hut-app [dir="rtl"] { direction: rtl !important; }
body.rtl #hut-app p,
body.rtl #hut-app h2,
body.rtl #hut-app h3,
body.rtl #hut-app h4,
body.rtl #hut-app figcaption,
body.rtl #hut-app dt,
body.rtl #hut-app dd,
body.rtl #hut-app li { text-align: left !important; }
body.rtl #hut-app .hut-top__meta { text-align: right !important; }
body.rtl #hut-app .hut-reelbox__cap { text-align: center !important; }
html:has(#hut-app), body:has(#hut-app) { overflow-x: clip; }
body:has(#hut-app) { background-color: #FAF5EA !important; }

#hut-app {
  /* full-bleed out of the theme container */
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  overflow-x: clip;

  /* palette */
  --cream:      #FAF5EA;
  --cream-2:    #F1E7D3;
  --cream-logo: #F2E9D8;
  --line:       #E2D8C2;
  --green:      #016D47;
  --green-deep: #1F4435;
  --uja-blue:   #00A0DD;
  --uja-navy:   #003057;
  --night:      #0C1720;
  --night-line: #22333F;
  --night-ink:  #C9D4DC;
  --night-dim:  #7E8F9C;
  --ink:        #1C2721;
  --ink-soft:   #55625B;
  --ink-faint:  #8B948E;

  --serif: "Newsreader", Georgia, serif;
  --sans:  "Public Sans", "Segoe UI", system-ui, sans-serif;
  --mono:  "IBM Plex Mono", ui-monospace, Consolas, monospace;
  --arabic: "Amiri", serif;
  --hebrew: "Frank Ruhl Libre", serif;

  --w: 1100px;
  --w-text: 700px;

  direction: ltr;
  text-align: left;
  background: var(--cream);
  color: var(--ink);
  font-family: var(--sans);
  font-size: 17px;
  line-height: 1.75;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

#hut-app img { max-width: 100%; display: block; border: none; }
#hut-app a { color: var(--green); }
#hut-app a:focus-visible { outline: 2px solid var(--uja-blue); outline-offset: 3px; border-radius: 2px; }
#hut-app h1, #hut-app h2, #hut-app h3 {
  font-family: var(--serif); font-weight: 500; line-height: 1.1;
  margin: 0; padding: 0; letter-spacing: -.01em; color: var(--ink);
}
#hut-app p { margin: 0; padding: 0; }

#hut-app .hut-wrap { max-width: var(--w); margin: 0 auto; padding: 0 24px; }
#hut-app .hut-tag {
  font-family: var(--mono); font-size: 11.5px; font-weight: 500;
  letter-spacing: .22em; text-transform: uppercase;
  color: var(--green); display: block; margin-bottom: 20px;
}

/* reveal — content is VISIBLE by default; animations only engage
   once JS has confirmed it is running (adds .hut-js to #hut-app).
   This survives LiteSpeed "delay/defer JS" and any script failure. */
#hut-app.hut-js .hut-rv { opacity: 0; transform: translateY(14px); transition: opacity .8s ease, transform .8s ease; }
#hut-app.hut-js .hut-rv.hut-on { opacity: 1; transform: none; }

/* ============================================================
   TOP BAR
   ============================================================ */
#hut-app .hut-top { border-bottom: 1px solid var(--line); background: var(--cream); }
#hut-app .hut-top__in {
  display: flex; align-items: center; justify-content: space-between; gap: 18px;
  padding: 18px 0;
}
#hut-app .hut-top__brands { display: flex; align-items: center; gap: 18px; }
#hut-app .hut-top__brands img { height: 52px; width: auto; }
#hut-app .hut-top__brands .hut-uja-mark { height: 44px; }
#hut-app .hut-top__x { font-family: var(--serif); font-size: 20px; color: var(--ink-faint); }
#hut-app .hut-top__meta {
  font-family: var(--mono); font-size: 11px; letter-spacing: .18em; text-transform: uppercase;
  color: var(--ink-faint); text-align: right;
}

/* ============================================================
   HERO
   ============================================================ */
#hut-app .hut-hero { padding: clamp(40px, 6vw, 72px) 0 0; }
#hut-app .hut-hero__eyebrow {
  font-family: var(--mono); font-size: 12px; letter-spacing: .22em; text-transform: uppercase;
  color: var(--ink-soft); display: block; margin-bottom: 34px;
}
#hut-app .hut-hero__eyebrow b { color: var(--green); font-weight: 600; }
#hut-app .hut-hero__eyebrow .hut-u { color: var(--uja-blue); font-weight: 600; }

#hut-app .hut-hero__title { font-weight: 500; }
#hut-app .hut-hero__title span { display: block; line-height: 1.05; text-align: left; }
#hut-app .hut-hero__title .hut-ar {
  font-family: var(--arabic); font-weight: 700; color: var(--green);
  font-size: clamp(3rem, 8.5vw, 6.2rem);
}
#hut-app .hut-hero__title .hut-he {
  font-family: var(--hebrew); font-weight: 500; color: var(--green-deep);
  font-size: clamp(2.7rem, 7.6vw, 5.6rem); margin-top: 6px;
}
#hut-app .hut-hero__title .hut-en {
  font-family: var(--serif); font-style: italic; color: var(--uja-blue);
  font-size: clamp(2.9rem, 8vw, 6rem); margin-top: 10px;
}

#hut-app .hut-hero__sub {
  margin-top: 38px; max-width: var(--w-text);
  font-family: var(--serif); font-size: clamp(1.25rem, 2.2vw, 1.55rem); line-height: 1.5;
  color: var(--ink);
}
#hut-app .hut-hero__sub b { font-weight: 600; color: var(--green-deep); }
#hut-app .hut-hero__note { margin-top: 16px; max-width: var(--w-text); color: var(--ink-soft); font-size: 16px; }

/* staged load */
@keyframes hutRise { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
#hut-app .hut-st { opacity: 0; animation: hutRise .85s ease forwards; }
#hut-app .hut-st-1 { animation-delay: .1s; }
#hut-app .hut-st-2 { animation-delay: .45s; }
#hut-app .hut-st-3 { animation-delay: .8s; }
#hut-app .hut-st-4 { animation-delay: 1.15s; }
#hut-app .hut-st-5 { animation-delay: 1.5s; }
#hut-app .hut-st-6 { animation-delay: 1.8s; }

/* hero triptych */
#hut-app .hut-trip {
  display: grid; grid-template-columns: 1.5fr 1fr 1fr; gap: 14px;
  margin-top: clamp(30px, 4vw, 46px);
}
#hut-app .hut-trip figure { margin: 0; position: relative; border-radius: 10px; overflow: hidden; }
#hut-app .hut-trip img { width: 100%; height: 100%; object-fit: cover; aspect-ratio: 4/3; }
#hut-app .hut-trip figure:first-child img { aspect-ratio: 16/10.5; }
#hut-app .hut-trip figcaption {
  position: absolute; left: 0; right: 0; bottom: 0;
  padding: 14px 16px 12px;
  background: linear-gradient(0deg, rgba(12,23,32,.62), transparent);
  color: #fff; font-family: var(--mono); font-size: 11px; letter-spacing: .1em; text-transform: uppercase;
}

/* ============================================================
   STATS BAND
   ============================================================ */
#hut-app .hut-stats { background: var(--green); color: var(--cream-logo); margin-top: clamp(40px, 5vw, 64px); }
#hut-app .hut-stats__in { display: grid; grid-template-columns: repeat(4, 1fr); padding: clamp(28px, 4vw, 44px) 0; }
#hut-app .hut-stat { padding: 8px 26px; border-left: 1px solid rgba(242,233,216,.25); }
#hut-app .hut-stat:first-child { border-left: none; padding-left: 0; }
#hut-app .hut-stat__n { font-family: var(--serif); font-size: clamp(2rem, 4vw, 3rem); line-height: 1; color: #fff; display: block; }
#hut-app .hut-stat__t { display: block; margin-top: 10px; font-size: 14px; line-height: 1.55; color: var(--cream-logo); opacity: .92; }
#hut-app .hut-stats__cap { padding: 0 0 clamp(34px, 4vw, 46px); font-size: 14.5px; color: var(--cream-logo); opacity: .85; max-width: 760px; }

/* ============================================================
   MEMORIAL
   ============================================================ */
#hut-app .hut-night { background: var(--night); color: var(--night-ink); padding: clamp(46px, 6vw, 72px) 0; }
#hut-app .hut-night .hut-tag { color: #E1A23C; }
#hut-app .hut-night h2 { color: #fff; font-size: clamp(1.7rem, 3.2vw, 2.5rem); max-width: 24ch; font-weight: 400; }
#hut-app .hut-night p { color: var(--night-dim); max-width: var(--w-text); margin-top: 22px; }
#hut-app .hut-night p b { color: var(--night-ink); font-weight: 500; }
#hut-app .hut-night__names {
  margin: 26px 0 0; font-family: var(--serif); color: var(--night-ink);
  font-size: 1.05rem; border-left: 1px solid var(--night-line); padding-left: 22px; line-height: 2;
}
#hut-app .hut-night__pivot { margin-top: 30px; font-family: var(--serif); font-size: clamp(1.3rem, 2.4vw, 1.8rem); color: #fff; }
#hut-app .hut-night__pivot b { color: #2FBF80; font-weight: 500; }

/* memorial grid + photo */
#hut-app .hut-night__grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: clamp(32px,5vw,64px); align-items: center; margin-top: 34px; }
#hut-app .hut-night__photo { margin: 0; }
#hut-app .hut-night__photo img { width: 100%; border-radius: 10px; border: 1px solid var(--night-line); }
#hut-app .hut-night__photo figcaption { margin-top: 10px; font-family: var(--mono); font-size: 10.5px; letter-spacing: .06em; color: var(--night-dim); line-height: 1.6; }
#hut-app .hut-night__zero { margin-top: 30px; display: flex; gap: 34px; align-items: baseline; border-top: 1px solid var(--night-line); padding-top: 24px; }
#hut-app .hut-night__zero .hut-n { font-family: var(--serif); font-size: clamp(1.9rem,3.4vw,2.6rem); color: #fff; display: block; line-height: 1; }
#hut-app .hut-night__zero .hut-n--now { color: #2FBF80; }
#hut-app .hut-night__zero .hut-l { font-size: 13px; color: var(--night-dim); display: block; margin-top: 6px; max-width: 22ch; }
#hut-app .hut-night__mahdi { margin-top: 26px; font-family: var(--serif); font-style: italic; font-size: 1.15rem; color: var(--night-ink); }
#hut-app .hut-night__mahdi span { font-style: normal; font-family: var(--mono); font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--night-dim); display: block; margin-top: 8px; }

/* platform / live map */
#hut-app .hut-plat__frame { margin-top: clamp(30px,4vw,46px); border-radius: 14px; overflow: hidden; border: 1px solid var(--line); box-shadow: 0 34px 70px -34px rgba(31,68,53,.4); background: #fff; }
#hut-app .hut-plat__bar { display: flex; align-items: center; gap: 8px; padding: 12px 16px; border-bottom: 1px solid var(--line); background: var(--cream-2); }
#hut-app .hut-plat__dot { width: 10px; height: 10px; border-radius: 50%; background: var(--line); }
#hut-app .hut-plat__url { margin: 0 auto; font-family: var(--mono); font-size: 12px; color: var(--ink-soft); background: #fff; border: 1px solid var(--line); border-radius: 99px; padding: 4px 18px; }
#hut-app .hut-plat__url b { color: var(--green); font-weight: 600; }
#hut-app .hut-plat__frame > img { width: 100%; display: block; }
#hut-app .hut-plat__cap { margin-top: 16px; font-family: var(--mono); font-size: 11.5px; letter-spacing: .08em; text-transform: uppercase; color: var(--ink-faint); display: flex; flex-wrap: wrap; gap: 8px 26px; }
#hut-app .hut-plat__cap b { color: var(--green); font-weight: 600; }

/* by-the-numbers strip */
#hut-app .hut-nums { margin-top: clamp(34px,4vw,50px); border-top: 1px solid var(--line); }
#hut-app .hut-nums dl { margin: 0; display: grid; grid-template-columns: repeat(4,1fr); }
#hut-app .hut-nums .hut-cell { padding: 22px 24px 26px; border-bottom: 1px solid var(--line); border-left: 1px solid var(--line); }
#hut-app .hut-nums .hut-cell:nth-child(4n+1) { border-left: none; padding-left: 0; }
#hut-app .hut-nums dt { font-family: var(--serif); font-size: clamp(1.4rem,2.4vw,1.9rem); color: var(--green-deep); }
#hut-app .hut-nums dd { margin: 6px 0 0; font-size: 13px; color: var(--ink-soft); line-height: 1.55; }

/* helping hand / pillars mini-cards */
#hut-app .hut-mini { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; margin-top: clamp(26px,4vw,40px); }
#hut-app .hut-mini article { border: 1px solid var(--line); border-radius: 10px; padding: 24px 24px 26px; background: #fff; }
#hut-app .hut-mini h4 { font-family: var(--serif); font-weight: 600; font-size: 1.08rem; margin: 0 0 8px; color: var(--ink); }
#hut-app .hut-mini p { font-size: 14px; color: var(--ink-soft); line-height: 1.6; }
#hut-app .hut-mini .hut-k { font-family: var(--mono); font-size: 10.5px; letter-spacing: .18em; text-transform: uppercase; color: var(--green); display: block; margin-bottom: 12px; }
#hut-app .hut-mini--uja article { background: transparent; }
#hut-app .hut-mini--uja .hut-k { color: var(--uja-blue); }
#hut-app .hut-mini--uja h4 { color: var(--uja-navy); }

/* ============================================================
   SECTIONS / FEATURES
   ============================================================ */
#hut-app .hut-sec { padding: clamp(44px, 6vw, 72px) 0; }
#hut-app .hut-sec h2 { font-size: clamp(1.8rem, 3.4vw, 2.6rem); max-width: 22ch; margin-bottom: 18px; }
#hut-app .hut-sec .hut-lede { max-width: var(--w-text); color: var(--ink-soft); }

#hut-app .hut-feat { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(28px, 5vw, 64px); align-items: center; margin-top: clamp(34px, 4vw, 50px); }
#hut-app .hut-feat + .hut-feat { margin-top: clamp(40px, 5vw, 60px); }
#hut-app .hut-feat--flip .hut-feat__media { order: 2; }
#hut-app .hut-feat__media { border-radius: 12px; overflow: hidden; box-shadow: 0 24px 50px -28px rgba(31,68,53,.35); }
#hut-app .hut-feat__media img { width: 100%; aspect-ratio: 4/3; object-fit: cover; }
#hut-app .hut-feat__k {
  font-family: var(--mono); font-size: 11px; letter-spacing: .2em; text-transform: uppercase;
  color: var(--green); display: block; margin-bottom: 14px;
}
#hut-app .hut-feat__body h3 { font-size: clamp(1.35rem, 2.4vw, 1.8rem); margin-bottom: 14px; }
#hut-app .hut-feat__body p { color: var(--ink-soft); font-size: 16px; }
#hut-app .hut-feat__body p b { color: var(--ink); }

/* ============================================================
   GALLERY
   ============================================================ */
#hut-app .hut-gal { background: var(--cream-2); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
#hut-app .hut-gal__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: clamp(28px, 4vw, 42px); }
#hut-app .hut-gal figure { margin: 0; border-radius: 10px; overflow: hidden; background: #fff; border: 1px solid var(--line); display: flex; flex-direction: column; }
#hut-app .hut-gal img { width: 100%; aspect-ratio: 4/3; object-fit: cover; flex: 1; min-height: 0; }
#hut-app .hut-gal figure.hut-tall img { aspect-ratio: 3/3.6; }
#hut-app .hut-gal figcaption { margin-top: auto; }
#hut-app .hut-gal figcaption {
  padding: 10px 14px 12px; font-family: var(--mono); font-size: 11px; letter-spacing: .08em;
  text-transform: uppercase; color: var(--ink-soft); line-height: 1.6;
}
#hut-app .hut-gal figcaption b { color: var(--green); font-weight: 600; }

/* ============================================================
   REELS — cinema band
   ============================================================ */
#hut-app .hut-sec.hut-reels { background: var(--night); color: var(--night-ink); }
#hut-app .hut-reels .hut-tag { color: #E1A23C; }
#hut-app .hut-reels h2 { color: #fff; }
#hut-app .hut-reels .hut-lede { color: var(--night-dim); }
#hut-app .hut-reels__rail {
  display: flex; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory;
  margin-top: clamp(26px,4vw,40px); padding-bottom: 10px;
  scrollbar-width: none; -webkit-overflow-scrolling: touch;
}
#hut-app .hut-reels__rail::-webkit-scrollbar { display: none; }
#hut-app .hut-reel {
  display: block; text-decoration: none; position: relative; flex: 0 0 auto; width: clamp(200px, 23vw, 248px); aspect-ratio: 9/16;
  border-radius: 14px; overflow: hidden; border: 1px solid var(--night-line);
  background: #000; cursor: pointer; padding: 0; scroll-snap-align: start;
  transition: transform .35s ease, border-color .35s;
}
#hut-app .hut-reel:hover { transform: translateY(-5px); border-color: #2FBF80; }
#hut-app .hut-reel:focus-visible { outline: 2px solid #E1A23C; outline-offset: 3px; }
#hut-app .hut-reel video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
#hut-app .hut-reel__veil { position: absolute; inset: 0; background: linear-gradient(0deg, rgba(5,12,18,.82), transparent 52%); pointer-events: none; }
#hut-app .hut-reel__badge {
  position: absolute; top: 12px; left: 12px; display: inline-flex; align-items: center; gap: 6px;
  font-family: var(--mono); font-size: 9.5px; font-weight: 600; letter-spacing: .18em; color: #fff;
  background: rgba(5,12,18,.55); border: 1px solid rgba(255,255,255,.25); padding: 4px 10px; border-radius: 99px;
}
#hut-app .hut-reel__dot { width: 6px; height: 6px; border-radius: 50%; background: #E8534A; }
#hut-app .hut-reel__play {
  position: absolute; top: 44%; left: 50%; transform: translate(-50%,-50%);
  width: 54px; height: 54px; border-radius: 50%;
  background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.45);
  display: grid; place-items: center; transition: background .3s, transform .3s; pointer-events: none;
}
#hut-app .hut-reel:hover .hut-reel__play { background: rgba(35,168,112,.85); transform: translate(-50%,-50%) scale(1.06); }
#hut-app .hut-reel__play svg { width: 18px; height: 18px; fill: #fff; margin-left: 3px; }
#hut-app .hut-reel__meta { position: absolute; bottom: 0; left: 0; right: 0; padding: 16px; text-align: left; pointer-events: none; }
#hut-app .hut-reel__meta h3 { color: #fff; font-size: 1.05rem; margin: 0; font-family: var(--serif); }
#hut-app .hut-reel__meta p { color: #B9C6D0; font-size: 11px; margin: 5px 0 0; font-family: var(--mono); letter-spacing: .05em; }
#hut-app .hut-reels__nav { display: flex; gap: 10px; margin-top: 20px; }
#hut-app .hut-reels__arrow {
  width: 46px; height: 46px; border-radius: 50%; border: 1px solid var(--night-line);
  background: transparent; color: var(--night-ink); cursor: pointer; display: grid; place-items: center;
  transition: border-color .3s, color .3s;
}
#hut-app .hut-reels__arrow:hover { border-color: #2FBF80; color: #fff; }
#hut-app .hut-reels__arrow svg { width: 18px; height: 18px; }
@media (hover:none) { #hut-app .hut-reels__nav { display: none; } }

/* reel modal */
#hut-app .hut-reelbox {
  position: fixed; inset: 0; z-index: 999999; display: flex; align-items: center; justify-content: center;
  background: rgba(5,10,15,.92);
}
#hut-app .hut-reelbox[hidden] { display: none; }
#hut-app .hut-reelbox video { max-height: 82vh; max-width: min(92vw, 46vh); border-radius: 14px; background: #000; display: block; }
#hut-app .hut-reelbox__close {
  position: absolute; top: 14px; right: 18px; font-size: 34px; color: #fff;
  background: none; border: none; cursor: pointer; line-height: 1; padding: 8px; z-index: 2;
}
#hut-app .hut-reelbox__nav {
  position: absolute; top: 50%; transform: translateY(-50%);
  width: 50px; height: 50px; border-radius: 50%; border: 1px solid rgba(255,255,255,.3);
  background: rgba(255,255,255,.08); color: #fff; cursor: pointer; display: grid; place-items: center; z-index: 2;
}
#hut-app .hut-reelbox__nav:hover { background: rgba(35,168,112,.5); }
#hut-app .hut-reelbox__nav svg { width: 20px; height: 20px; }
#hut-app .hut-reelbox__nav--prev { left: 18px; }
#hut-app .hut-reelbox__nav--next { right: 18px; }
#hut-app .hut-reelbox__cap {
  position: absolute; bottom: 22px; left: 24px; right: 24px; text-align: center;
  color: #C9D4DC; font-family: var(--mono); font-size: 12px; letter-spacing: .06em;
}
#hut-app .hut-reelbox__cap b { color: #fff; font-weight: 600; }

/* ============================================================
   PRESS
   ============================================================ */
#hut-app .hut-press__grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; margin-top: clamp(26px,4vw,40px); }
#hut-app .hut-press__card {
  display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: 10px;
  padding: 26px 26px 22px; background: #fff; text-decoration: none; color: var(--ink);
  transition: transform .3s ease, box-shadow .3s;
}
#hut-app .hut-press__card:hover { transform: translateY(-3px); box-shadow: 0 20px 44px -26px rgba(31,68,53,.35); color: var(--ink); }
#hut-app .hut-press__name { font-family: var(--mono); font-size: 11px; letter-spacing: .18em; text-transform: uppercase; color: var(--green); margin-bottom: 14px; }
#hut-app .hut-press__pull { font-family: var(--serif); font-size: 1.12rem; line-height: 1.45; color: var(--ink); flex: 1; }
#hut-app .hut-press__cta { display: inline-block; margin-top: 18px; font-size: 13.5px; font-weight: 600; color: var(--green); }

/* ============================================================
   PARTNERSHIP / UJA
   ============================================================ */
#hut-app .hut-ujaband { position: relative; }
#hut-app .hut-ujaband::before {
  content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 4px;
  background: linear-gradient(180deg, var(--uja-blue), var(--green));
}
#hut-app .hut-ujaband .hut-wrap { padding-left: clamp(40px, 6vw, 72px); }
#hut-app .hut-ujaband .hut-tag { color: var(--uja-blue); }
#hut-app .hut-ujaband h2 { color: var(--uja-navy); }
#hut-app .hut-ujaband .hut-body { max-width: var(--w-text); margin-top: 8px; }
#hut-app .hut-ujaband .hut-body p { color: var(--ink-soft); }
#hut-app .hut-ujaband .hut-body p + p { margin-top: 1.2em; }
#hut-app .hut-ujaband .hut-body b { color: var(--uja-navy); }
#hut-app .hut-ujaband__logo { margin-top: 40px; }
#hut-app .hut-ujaband__logo img { height: 64px; width: auto; }
#hut-app .hut-pull {
  margin-top: 40px; max-width: 640px;
  font-family: var(--serif); font-style: italic; font-size: clamp(1.3rem, 2.4vw, 1.7rem);
  line-height: 1.45; color: var(--uja-navy);
  border-left: 3px solid var(--uja-blue); padding-left: 24px;
}

/* ============================================================
   CLOSING
   ============================================================ */
#hut-app .hut-close { background: var(--green-deep); color: var(--cream-logo); padding: clamp(54px, 8vw, 90px) 0 0; }
#hut-app .hut-close__thanks span { display: block; line-height: 1.12; text-align: left; }
#hut-app .hut-close__thanks .hut-ar { font-family: var(--arabic); font-weight: 700; font-size: clamp(2.2rem, 5.5vw, 3.8rem); color: #fff; }
#hut-app .hut-close__thanks .hut-he { font-family: var(--hebrew); font-size: clamp(2rem, 5vw, 3.4rem); color: var(--cream-logo); margin-top: 4px; }
#hut-app .hut-close__thanks .hut-en { font-family: var(--serif); font-style: italic; font-size: clamp(2.1rem, 5.2vw, 3.6rem); color: #7FD4F5; margin-top: 8px; }
#hut-app .hut-close p.hut-body { margin-top: 30px; max-width: var(--w-text); color: #BFD0C4; }
#hut-app .hut-close p.hut-body b { color: #fff; font-weight: 500; }
#hut-app .hut-close__sig { margin-top: 44px; }
#hut-app .hut-close__sig .hut-who { font-family: var(--serif); font-size: 1.3rem; color: #fff; }
#hut-app .hut-close__sig .hut-role { font-family: var(--mono); font-size: 12.5px; letter-spacing: .06em; color: #9FB4A6; margin-top: 6px; }
#hut-app .hut-close__cta {
  display: inline-flex; align-items: center; gap: 12px; margin-top: 42px;
  padding: 15px 26px; border: 1px solid #7FD4F5; border-radius: 4px;
  color: #fff; text-decoration: none; font-weight: 600; font-size: 15px;
  transition: background .3s, transform .3s;
}
#hut-app .hut-close__cta:hover { background: rgba(0,160,221,.16); transform: translateY(-1px); color: #fff; }
#hut-app .hut-close__cta svg { width: 16px; height: 16px; }
#hut-app .hut-close__logos { display: flex; align-items: center; gap: 26px; margin-top: clamp(40px, 5vw, 56px); }
#hut-app .hut-close__logos img { height: 64px; width: auto; }
#hut-app .hut-close__logos .hut-x { font-family: var(--serif); font-size: 22px; color: #9FB4A6; }
#hut-app .hut-foot {
  margin-top: 34px; border-top: 1px solid rgba(242,233,216,.18);
  padding: 24px 0 34px;
  display: flex; flex-wrap: wrap; gap: 10px 28px; justify-content: space-between;
  font-family: var(--mono); font-size: 11.5px; letter-spacing: .14em; text-transform: uppercase; color: #9FB4A6;
}
#hut-app .hut-foot a { color: var(--cream-logo); text-decoration: none; }
#hut-app .hut-foot a:hover { color: #fff; }

/* ============================================================
   Responsive
   ============================================================ */
@media (max-width: 900px) {
  #hut-app .hut-stats__in { grid-template-columns: 1fr 1fr; gap: 26px 0; }
  #hut-app .hut-stat:nth-child(3) { border-left: none; padding-left: 0; }
  #hut-app .hut-feat { grid-template-columns: 1fr; }
  #hut-app .hut-feat--flip .hut-feat__media { order: 0; }
  #hut-app .hut-gal__grid { grid-template-columns: 1fr 1fr; }
  #hut-app .hut-night__grid { grid-template-columns: 1fr; }
  #hut-app .hut-nums dl { grid-template-columns: 1fr 1fr; }
  #hut-app .hut-nums .hut-cell:nth-child(4n+1) { border-left: 1px solid var(--line); padding-left: 24px; }
  #hut-app .hut-nums .hut-cell:nth-child(2n+1) { border-left: none; padding-left: 0; }
  #hut-app .hut-mini { grid-template-columns: 1fr; }
  #hut-app .hut-press__grid { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
  #hut-app { font-size: 16px; }
  #hut-app .hut-top__meta { display: none; }
  #hut-app .hut-top__brands img { height: 42px; }
  #hut-app .hut-top__brands .hut-uja-mark { height: 34px; }
  #hut-app .hut-trip { grid-template-columns: 1fr 1fr; }
  #hut-app .hut-trip figure:first-child { grid-column: 1 / -1; }
  #hut-app .hut-stat { padding: 8px 14px; }
  #hut-app .hut-gal__grid { grid-template-columns: 1fr; }
  #hut-app .hut-gal figure.hut-tall img { aspect-ratio: 4/3; }
  #hut-app .hut-close__logos img { height: 48px; }
}

/* reduced motion */
@media (prefers-reduced-motion: reduce) {
  #hut-app .hut-st { animation: none; opacity: 1; }
  #hut-app .hut-rv { opacity: 1; transform: none; transition: none; }
}