/* =====================================================================
   HA GIANG NATIVE TOUR — Landing pages
   Same world as the live site: bright limestone ground, one deep-navy
   cinematic band per page, marigold sun-accent, jade as the rare second
   voice, the road read as a mono KM ticker + switchback hairpin motif.
   Editorial broken grid + hairline rules. No SaaS cards, no eyebrow-on-
   every-section, no cream. Cabinet Grotesk / Switzer / DM Mono.
   ===================================================================== */
:root{
  --bone:#F4F6F2; --cloud:#FBFCFA; --mist:#E8ECE6; --line:#D8DDD5; --line-2:#C4CABF;
  --night:#0E1726; --night-2:#16213A; --ink:#141A24; --ink-2:#3A4250; --muted:#5C6470;
  --jade:#0E9E92; --jade-ink:#0A6E66; --magenta:#E11D74; --magenta-ink:#B11259;
  --marigold:#F4A813; --night-ink:#EDE7DA; --on-accent:#fff;
  --maxw:1180px; --gut:clamp(20px,5vw,64px); --rail:clamp(20px,5vw,64px);
  --ff-display:"Cabinet Grotesk","Switzer",system-ui,sans-serif;
  --ff-read:"Switzer",system-ui,sans-serif;
  --ff-mono:"DM Mono",ui-monospace,monospace;
  --ease:cubic-bezier(.16,1,.3,1);
  --z-nav:200; --z-float:140;
}
*{box-sizing:border-box;margin:0}
html{ -webkit-text-size-adjust:100%; scroll-behavior:smooth; overflow-x:clip }
body{ font-family:var(--ff-read); color:var(--ink); background:var(--bone);
  line-height:1.65; -webkit-font-smoothing:antialiased; }
img{ max-width:100%; height:auto; display:block }
a{ color:var(--jade-ink); text-decoration:none }
a:hover{ text-decoration:underline }
::selection{ background:var(--marigold); color:#241700 }
:focus-visible{ outline:2px solid var(--jade); outline-offset:3px }
.wrap{ width:min(100% - var(--gut)*2, var(--maxw)); margin-inline:auto }
h1,h2,h3{ font-family:var(--ff-display); font-weight:800; line-height:1.05; letter-spacing:-.02em; text-wrap:balance }
em{ font-style:normal; color:var(--marigold) }

/* ---------- kicker (used sparingly, not every section) ---------- */
.kick{ font-size:.74rem; letter-spacing:.18em; text-transform:uppercase; color:var(--muted);
  display:inline-flex; gap:.55em; align-items:center; font-family:var(--ff-read); font-weight:600 }
.kick::before{ content:""; width:18px; height:1px; background:var(--jade) }
.kick.on-dark{ color:rgba(237,231,218,.8) }
.kick.on-dark::before{ background:var(--marigold) }
.mono{ font-family:var(--ff-mono); font-size:.74rem; letter-spacing:.1em; color:var(--muted) }

/* ---------- buttons ---------- */
.btn{ display:inline-flex; align-items:center; gap:.5em; font-family:var(--ff-read); font-weight:600; font-size:.96rem;
  padding:.82em 1.3em; border-radius:999px; border:1.5px solid transparent; cursor:pointer;
  transition:transform .3s var(--ease), background .3s, color .3s, border-color .3s }
.btn:hover{ text-decoration:none; transform:translateY(-2px) }
.btn .ar{ transition:transform .3s var(--ease) }
.btn:hover .ar{ transform:translateX(4px) }
.btn-wa{ background:#1fae54; color:#fff }
.btn-wa:hover{ background:#178a43 }
.btn-line{ border-color:currentColor; color:var(--ink); background:transparent }
.btn-line:hover{ background:var(--ink); color:var(--bone) }
.btn-line.on-dark{ color:#fff }
.btn-line.on-dark:hover{ background:#fff; color:var(--ink) }
.btn-ink{ background:var(--ink); color:var(--bone) }
.btn svg{ width:18px; height:18px; fill:currentColor }

/* ---------- nav ---------- */
.nav{ position:sticky; top:0; z-index:var(--z-nav); background:rgba(14,23,38,.94);
  backdrop-filter:blur(10px); border-bottom:1px solid rgba(237,231,218,.12) }
.nav__in{ display:flex; align-items:center; gap:18px; height:62px; width:min(100% - var(--gut)*2, var(--maxw)); margin-inline:auto }
.brand{ display:inline-flex; align-items:center; gap:.55em; color:#fff; font-family:var(--ff-display); font-weight:800; font-size:1.02rem }
.brand:hover{ text-decoration:none }
.brand img{ width:30px; height:30px; border-radius:7px }
.brand i{ font:500 .62rem/1 var(--ff-mono); font-style:normal; letter-spacing:.22em; text-transform:uppercase; color:var(--marigold); display:block; margin-top:3px }
.nav__links{ margin-left:auto; display:flex; gap:24px; align-items:center }
.nav__links a{ color:var(--night-ink); font-size:.92rem; font-weight:500 }
.nav__links a:hover{ color:#fff; text-decoration:none }
.nav__links .btn{ padding:.55em 1.05em; font-size:.9rem }
@media(max-width:880px){ .nav__links a:not(.btn){ display:none } }

/* ---------- hero ---------- */
.hero{ position:relative; min-height:clamp(560px,90svh,820px); display:flex; align-items:flex-end;
  overflow:hidden; background:var(--night); padding:0 var(--gut) clamp(48px,9vh,96px) }
.hero__media{ position:absolute; inset:0; z-index:0 }
.hero__media img{ width:100%; height:100%; object-fit:cover; transform:scale(1.08);
  animation:kenburns 18s ease-out forwards }
.hero__scrim{ position:absolute; inset:0; z-index:1; background:
  linear-gradient(180deg, rgba(10,16,30,.42) 0%, rgba(10,16,30,.12) 34%, rgba(10,16,30,.34) 66%, rgba(10,16,30,.82) 100%) }
.hero__sun{ position:absolute; z-index:1; top:-8%; right:4%; width:min(46vw,420px); aspect-ratio:1; border-radius:50%; pointer-events:none;
  background:radial-gradient(circle at 50% 50%, rgba(255,252,244,.55) 0%, rgba(255,238,198,.3) 16%, rgba(255,216,150,.12) 36%, transparent 68%) }
.hero__ribbon{ position:absolute; inset:0; z-index:1; width:100%; height:100%; pointer-events:none }
.hero__ribbon path{ fill:none; stroke:var(--marigold); stroke-width:2; opacity:.45; stroke-dasharray:4 7 }
.hero__hud{ position:absolute; z-index:2; right:var(--gut); top:84px; text-align:right; font-family:var(--ff-mono);
  color:rgba(255,255,255,.85); font-size:.7rem; letter-spacing:.14em; line-height:1.8; text-transform:uppercase }
@media(max-width:880px){ .hero__hud{ display:none } }
.hero__in{ position:relative; z-index:2; color:#fff; width:min(100%, 880px);
  text-shadow:0 1px 3px rgba(8,12,22,.6), 0 2px 24px rgba(8,12,22,.5) }
.hero__in .kick{ color:rgba(255,255,255,.82) }
.hero__in .kick::before{ background:var(--marigold) }
.hero h1{ color:#fff; font-size:clamp(2.4rem,6.4vw,5.2rem); margin:.28em 0 .4em; max-width:17ch }
.hero .sub{ font-size:clamp(1.02rem,1.8vw,1.3rem); max-width:50ch; color:rgba(255,255,255,.92) }
.hero__cta{ display:flex; gap:12px; flex-wrap:wrap; margin:1.5rem 0 1.3rem }
.hero__cta .btn{ text-shadow:none }
.trust{ display:flex; align-items:center; gap:13px; flex-wrap:wrap; font-size:.86rem; color:rgba(255,255,255,.9) }
.trust .star{ color:var(--marigold) }
.trust .sep{ width:4px; height:4px; border-radius:50%; background:rgba(255,255,255,.5) }
.figures{ display:flex; gap:clamp(20px,4vw,52px); margin-top:1.7rem; flex-wrap:wrap }
.figures .fig{ display:flex; flex-direction:column; font-family:var(--ff-mono); font-size:.74rem; color:rgba(255,255,255,.82); letter-spacing:.04em }
.figures .num{ font-family:var(--ff-display); font-weight:800; font-size:clamp(1.7rem,3.2vw,2.6rem); color:#fff; line-height:1 }

/* ---------- breadcrumb ---------- */
.crumb{ font-family:var(--ff-mono); font-size:.72rem; letter-spacing:.06em; color:var(--muted); padding:16px 0 0 }
.crumb a{ color:var(--muted) } .crumb b{ color:var(--ink-2); font-weight:400 }

/* ---------- sections ---------- */
section{ padding:clamp(54px,9vh,116px) 0 }
.band-dark{ background:var(--night); color:var(--night-ink) }
.lede{ font-family:var(--ff-display); font-weight:500; font-size:clamp(1.3rem,2.8vw,2.05rem); line-height:1.24; letter-spacing:-.01em; max-width:22ch }
.lede.wide{ max-width:30ch }
h2{ font-size:clamp(1.8rem,4.4vw,3rem); margin:.2em 0 }
.h2-sm{ font-size:clamp(1.6rem,3.6vw,2.5rem) }
.prose{ max-width:64ch; text-wrap:pretty }
.prose p{ margin-top:1.05rem; color:var(--ink-2); font-size:1.06rem }
.prose p strong{ color:var(--ink) }
.band-dark .prose p{ color:rgba(237,231,218,.84) }
.band-dark h2{ color:#fff } .band-dark h2 em{ color:var(--marigold) }

/* ---------- editorial split (broken grid: image-led) ---------- */
.split{ display:grid; grid-template-columns:1.08fr .92fr; gap:clamp(26px,5vw,68px); align-items:center }
.split.rev{ grid-template-columns:.92fr 1.08fr }
.split.rev .split__media{ order:-1 }
@media(max-width:820px){ .split,.split.rev{ grid-template-columns:1fr; gap:28px } .split.rev .split__media{ order:0 } }
.split__media{ position:relative; overflow:hidden; border-radius:7px }
.split__media img{ width:100%; aspect-ratio:4/5; object-fit:cover; transition:transform .8s var(--ease) }
@media(min-width:821px){
  .split{ align-items:stretch }
  .split__media{ min-height:100% }
  .split__media img{ height:100%; aspect-ratio:auto; min-height:420px }
}
.split__media:hover img{ transform:scale(1.05) }
.split__media figcaption{ position:absolute; left:0; bottom:0; right:0; padding:1.5em 1em .8em; z-index:2;
  font-family:var(--ff-mono); font-size:.72rem; color:#fff; display:flex; align-items:center; gap:.55em;
  background:linear-gradient(to top, rgba(8,12,22,.8), transparent) }
.split__media figcaption::before{ content:""; width:15px; height:1.5px; background:var(--marigold) }

/* ---------- hairline-ruled reasons list (replaces icon cards) ---------- */
.reasons{ list-style:none; margin-top:2.4rem; border-top:1px solid var(--line) }
.band-dark .reasons{ border-color:rgba(237,231,218,.18) }
.reasons li{ display:grid; grid-template-columns:auto 1fr; gap:clamp(16px,3vw,42px); align-items:baseline;
  padding:1.5rem 0; border-bottom:1px solid var(--line) }
@media(max-width:640px){ .reasons li{ grid-template-columns:1fr; gap:.45rem } }
.band-dark .reasons li{ border-color:rgba(237,231,218,.18) }
.reasons .rn{ font-family:var(--ff-mono); font-size:.86rem; color:var(--jade-ink) }
.band-dark .reasons .rn{ color:var(--marigold) }
.reasons h3{ font-size:clamp(1.25rem,2.6vw,1.9rem); font-weight:700 }
.reasons p{ color:var(--ink-2); margin-top:.4em; max-width:60ch; font-size:1rem }
.band-dark .reasons p{ color:rgba(237,231,218,.8) }
.reasons .rwrap{ display:grid; gap:.1rem }

/* ---------- two ways to ride: hairline comparison, not boxes ---------- */
.rides{ display:grid; grid-template-columns:1fr 1fr; gap:0; margin-top:2.4rem; border-top:2px solid var(--ink) }
@media(max-width:760px){ .rides{ grid-template-columns:1fr } }
.ride{ padding:1.8rem clamp(18px,3vw,38px) 1.8rem 0 }
.ride + .ride{ border-left:1px solid var(--line); padding-left:clamp(18px,3vw,38px) }
@media(max-width:760px){ .ride{ padding:1.6rem 0; border-bottom:1px solid var(--line) } .ride + .ride{ border-left:0; padding-left:0 } }
.ride__label{ font-family:var(--ff-mono); font-size:.74rem; letter-spacing:.12em; text-transform:uppercase; color:var(--jade-ink) }
.ride__price{ font-family:var(--ff-display); font-weight:900; font-size:clamp(2.2rem,5vw,3.2rem); line-height:1; margin:.25em 0 }
.ride__price small{ font-family:var(--ff-read); font-size:.86rem; font-weight:500; color:var(--muted); letter-spacing:0 }
.ride__who{ color:var(--ink-2); font-size:.98rem; max-width:34ch }
.ride__inc{ list-style:none; margin-top:1.1rem; display:grid; gap:.55rem }
.ride__inc li{ position:relative; padding-left:1.5em; font-size:.95rem; color:var(--ink-2) }
.ride__inc li::before{ content:""; position:absolute; left:0; top:.55em; width:9px; height:9px; border-radius:50%; background:var(--jade) }
.ride__inc li.opt{ color:var(--ink-2) }
.ride__inc li.opt::before{ background:transparent; border:1.5px solid var(--marigold); top:.42em }
.nofees{ margin-top:1.8rem; font-family:var(--ff-mono); font-size:.82rem; color:var(--ink-2); letter-spacing:.02em }
.nofees b{ color:var(--jade-ink); font-weight:500 }

/* ---------- pull-quote reviews (in the navy band) ---------- */
.quotes{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(26px,5vw,60px); margin-top:2.4rem }
@media(max-width:760px){ .quotes{ grid-template-columns:1fr } }
.quote q{ display:block; quotes:none; font-family:var(--ff-display); font-weight:700; font-size:clamp(1.25rem,2.4vw,1.7rem);
  line-height:1.28; color:#fff }
.quote q::before,.quote q::after{ content:"" }
.quote .stars{ color:var(--marigold); letter-spacing:2px; font-size:.9rem }
.quote cite{ display:block; font-style:normal; margin-top:.9rem; font-family:var(--ff-mono); font-size:.78rem; color:rgba(237,231,218,.66) }

/* ---------- itinerary mini ---------- */
.legs{ list-style:none; margin-top:2.2rem; border-top:1px solid var(--line) }
.legs li{ display:grid; grid-template-columns:auto auto 1fr; gap:clamp(14px,3vw,34px); align-items:baseline;
  padding:1.15rem 0; border-bottom:1px solid var(--line) }
.legs .d{ font-family:var(--ff-display); font-weight:900; font-size:1.5rem; color:var(--marigold); line-height:1 }
.legs .km{ font-family:var(--ff-mono); font-size:.74rem; color:var(--muted); white-space:nowrap }
.legs .rt{ font-weight:600 } .legs .rt small{ display:block; color:var(--ink-2); font-weight:400; font-size:.92rem; margin-top:.15em }

/* ---------- FAQ (hairline disclosure, native) ---------- */
.faq{ margin-top:2.2rem; border-top:1px solid var(--line) }
.faq details{ border-bottom:1px solid var(--line) }
.faq summary{ cursor:pointer; list-style:none; padding:1.15rem 0; display:flex; align-items:center; gap:.9em;
  font-family:var(--ff-display); font-weight:700; font-size:1.08rem }
.faq summary::-webkit-details-marker{ display:none }
.faq summary .pl{ position:relative; width:15px; height:15px; flex:0 0 auto; margin-left:auto }
.faq summary .pl::before,.faq summary .pl::after{ content:""; position:absolute; inset:0; margin:auto; background:var(--marigold) }
.faq summary .pl::before{ width:15px; height:1.6px }
.faq summary .pl::after{ width:1.6px; height:15px; transition:transform .35s var(--ease) }
.faq details[open] summary .pl::after{ transform:rotate(90deg) }
.faq details p{ padding:0 0 1.2rem; color:var(--ink-2); max-width:68ch; font-size:1rem }

/* ---------- CTA close ---------- */
.close__in{ text-align:center; max-width:40ch; margin-inline:auto }
.close h2{ color:#fff; font-size:clamp(2rem,5vw,3.4rem) }
.close p{ color:rgba(237,231,218,.82); margin:1rem auto 0; max-width:48ch }
.close .hero__cta{ justify-content:center; margin-top:1.7rem }
.assure{ display:inline-flex; align-items:center; gap:.5em; margin-top:1.3rem; font-size:.86rem; color:rgba(237,231,218,.8) }
.assure .pulse{ width:9px; height:9px; border-radius:50%; background:var(--jade); animation:pulse 2s infinite }

/* ---------- footer ---------- */
.foot{ background:var(--night); color:var(--night-ink); padding:clamp(46px,8vh,90px) var(--gut) 28px; overflow:hidden }
.foot__grid{ display:grid; grid-template-columns:2fr 1fr 1fr; gap:2rem; width:min(100% - var(--gut)*2, var(--maxw)); margin-inline:auto }
@media(max-width:760px){ .foot__grid{ grid-template-columns:1fr 1fr } }
@media(max-width:480px){ .foot__grid{ grid-template-columns:1fr } }
.foot__brand{ display:inline-flex; align-items:center; gap:.55em; color:#fff; font-family:var(--ff-display); font-weight:800; font-size:1.05rem }
.foot__brand img{ width:34px; height:34px; border-radius:8px }
.foot__grid p{ color:rgba(237,231,218,.72); max-width:40ch; margin-top:.7rem; font-size:.9rem; line-height:1.6 }
.foot h4{ font-family:var(--ff-mono); font-size:.72rem; letter-spacing:.1em; text-transform:uppercase; color:var(--marigold); margin-bottom:.7em }
.foot a{ display:block; color:rgba(237,231,218,.8); font-size:.9rem; padding:3px 0 }
.foot a:hover{ color:#fff }
.foot__wm{ font-family:var(--ff-display); font-weight:900; font-size:clamp(2rem,11vw,8.5rem); line-height:.9; color:transparent;
  white-space:nowrap; -webkit-text-stroke:1px rgba(237,231,218,.16); text-align:center; margin:1.6rem auto;
  width:min(100% - var(--gut)*2, var(--maxw));
  -webkit-mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent); mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent) }
.foot__bar{ display:flex; justify-content:space-between; gap:1rem; flex-wrap:wrap; width:min(100% - var(--gut)*2, var(--maxw)); margin-inline:auto;
  border-top:1px solid rgba(237,231,218,.14); padding-top:1rem; font-family:var(--ff-mono); font-size:.76rem; letter-spacing:.06em; color:rgba(237,231,218,.66) }

/* ---------- floating + mobile WhatsApp ---------- */
.wa-float{ position:fixed; right:16px; bottom:16px; z-index:var(--z-float); display:inline-flex; align-items:center; gap:.5em;
  background:#1fae54; color:#fff; padding:.7em 1em; border-radius:999px; box-shadow:0 14px 30px -12px rgba(0,0,0,.5); font-weight:600; font-size:.9rem }
.wa-float:hover{ background:#178a43; text-decoration:none }
.wa-float svg{ width:20px; height:20px; fill:currentColor }
@media(max-width:880px){ .wa-float{ left:16px; right:16px; justify-content:center } }

/* ---------- motion ---------- */
@keyframes kenburns{ to{ transform:scale(1) } }
@keyframes pulse{ 0%{ box-shadow:0 0 0 0 rgba(14,158,146,.55) } 70%{ box-shadow:0 0 0 10px rgba(14,158,146,0) } 100%{ box-shadow:0 0 0 0 rgba(14,158,146,0) } }
/* staged hero load */
.hero__in > *{ animation:rise .9s var(--ease) backwards }
.hero__in > *:nth-child(1){ animation-delay:.05s }
.hero__in > *:nth-child(2){ animation-delay:.16s }
.hero__in > *:nth-child(3){ animation-delay:.27s }
.hero__in > *:nth-child(4){ animation-delay:.38s }
.hero__in > *:nth-child(5){ animation-delay:.49s }
.hero__in > *:nth-child(6){ animation-delay:.6s }
@keyframes rise{ from{ opacity:0; transform:translateY(20px) } }
/* scroll reveal — visible by default; JS arms it only when motion is allowed */
.js-reveal .reveal{ opacity:0; transform:translateY(26px); transition:opacity .8s var(--ease), transform .8s var(--ease) }
.js-reveal .reveal.in{ opacity:1; transform:none }
@media (prefers-reduced-motion:reduce){
  .hero__media img{ animation:none; transform:none }
  .hero__in > *{ animation:none }
  .js-reveal .reveal{ opacity:1; transform:none; transition:none }
  .assure .pulse{ animation:none }
  *{ scroll-behavior:auto !important }
}

/* =====================================================================
   GUIDE PAGES — long-form articles (cost, packing, solo, comparisons).
   Same hairline-editorial language as the tour pages: rules, not boxes;
   mono for labels; jade and marigold as the only accents.
   ===================================================================== */

/* hairline comparison / cost tables */
.tbl{ width:100%; border-collapse:collapse; margin:1.8rem 0 .6rem; font-size:.95rem }
.tbl caption{ text-align:left; font-family:var(--ff-mono); font-size:.72rem; letter-spacing:.14em;
  text-transform:uppercase; color:var(--muted); padding-bottom:.8rem }
.tbl th,.tbl td{ text-align:left; padding:.85rem 1.1rem .85rem 0; border-bottom:1px solid var(--line);
  vertical-align:top }
.tbl thead th{ font-family:var(--ff-mono); font-size:.72rem; letter-spacing:.1em; text-transform:uppercase;
  color:var(--jade-ink); font-weight:500; border-bottom:2px solid var(--ink) }
.tbl tbody th{ font-weight:600; color:var(--ink) }
.tbl td:last-child,.tbl th:last-child{ padding-right:0 }
.tbl .num{ font-family:var(--ff-mono); white-space:nowrap }
.tbl tfoot td,.tbl tfoot th{ border-bottom:0; border-top:2px solid var(--ink); font-weight:700 }
.band-dark .tbl th,.band-dark .tbl td{ border-color:rgba(237,231,218,.18) }
.band-dark .tbl thead th{ color:var(--marigold); border-bottom-color:rgba(237,231,218,.4) }
@media(max-width:640px){
  .tbl,.tbl tbody,.tbl tr,.tbl td,.tbl th{ display:block }
  .tbl thead{ display:none }
  .tbl tr{ padding:1rem 0; border-bottom:1px solid var(--line) }
  .tbl td,.tbl th{ border:0; padding:.2rem 0 }
  .tbl td::before{ content:attr(data-l) " "; font-family:var(--ff-mono); font-size:.7rem;
    letter-spacing:.1em; text-transform:uppercase; color:var(--muted); display:block }
}

/* a note that matters — a rule down the side, never a tinted card */
.callout{ margin:2rem 0; padding:.2rem 0 .2rem 1.4rem; border-left:2px solid var(--marigold) }
.callout p{ margin:0; color:var(--ink-2); max-width:64ch }
.callout p + p{ margin-top:.7rem }
.callout b{ color:var(--ink) }
.band-dark .callout p{ color:rgba(237,231,218,.84) }
.band-dark .callout b{ color:#fff }

/* jump links for long guides — helps readers and gives Google section anchors */
.toc{ margin:2rem 0 0; padding-top:1.2rem; border-top:1px solid var(--line) }
.toc h2{ font-family:var(--ff-mono); font-size:.72rem; letter-spacing:.14em; text-transform:uppercase;
  color:var(--muted); font-weight:500; margin-bottom:.9rem }
.toc ol{ list-style:none; display:grid; gap:.5rem; counter-reset:toc }
.toc li{ counter-increment:toc }
.toc li::before{ content:counter(toc,decimal-leading-zero); font-family:var(--ff-mono); font-size:.78rem;
  color:var(--jade-ink); margin-right:.8em }
.toc a{ color:var(--ink); text-decoration:none; border-bottom:1px solid var(--line) }
.toc a:hover{ border-color:var(--jade) }

/* long-form body copy */
.prose h3{ font-family:var(--ff-display); font-weight:700; font-size:clamp(1.15rem,2.2vw,1.5rem);
  margin:2rem 0 .5rem; letter-spacing:-.01em }
.prose ul,.prose ol{ margin:.8rem 0 1.2rem; padding-left:1.2rem; color:var(--ink-2) }
.prose li{ margin:.4rem 0; max-width:64ch }
.prose > p + p{ margin-top:.9rem }