/* ISPRINT 2026 · home. Acts: proof, facts, four worlds, register (peak),
   two sides, conference, names, trim (close). */

/* ------------------------------------------------- 1 · PROOF (hero) -- */
.hm-hero__stage { background: var(--paper); }
.hm-hero__media { position: absolute; inset: 0; }
.hm-hero__poster, .hm-hero__canvas {
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: cover; object-position: 40% 46%;
  /* the face lives on the left; the copy gets clean paper on the right */
  -webkit-mask-image: linear-gradient(to left, transparent 0, transparent 35%, #000 57%);
          mask-image: linear-gradient(to left, transparent 0, transparent 35%, #000 57%);
}
.hm-hero__canvas { opacity: 0; transition: opacity 500ms var(--ease); }
.hm-hero.is-live .hm-hero__canvas { opacity: 1; }
.hm-hero.is-live .hm-hero__poster { opacity: 0; transition: opacity 500ms var(--ease) 120ms; }

.hm-hero__copy {
  position: absolute; z-index: 20;
  inset-inline-start: var(--gutter); top: 50%; translate: 0 -46%;
  width: min(36rem, 36vw);
}
.hm-hero__title { margin: 0; display: grid; gap: clamp(1rem, 2vh, 1.6rem); }
.hm-hero__brand { display: flex; align-items: flex-end; gap: .9rem; }
.hm-hero__logo { height: clamp(46px, 5.2vw, 82px); width: auto; }
.hm-hero__year {
  font-family: var(--font-display); font-weight: 800; line-height: .8;
  font-size: clamp(2.3rem, 3.7vw, 3.9rem); letter-spacing: -0.01em; padding-bottom: .1em;
}
.hm-hero__h { font-size: clamp(2.6rem, 1.2rem + 3.6vw, 5.4rem); line-height: 1.0; }
.hm-hero__lede { margin-top: clamp(1rem, 2.4vh, 1.6rem); max-width: 30ch; }
.hm-hero__meta { margin-top: clamp(1.4rem, 3.6vh, 2.6rem); display: grid; gap: 1.2rem; }
.hm-hero__when { margin: 0; display: grid; gap: .15rem; padding-inline-start: 1rem; border-inline-start: 4px solid var(--m); }
.hm-hero__when b { font-family: var(--font-display); font-weight: 800; font-size: clamp(1.35rem, 1.9vw, 1.9rem); line-height: 1.15; }
.hm-hero__when span { color: var(--ink-2); font-weight: 600; }
.hm-hero__beat {
  position: absolute; z-index: 15; inset-inline-end: var(--gutter); bottom: clamp(3rem, 11vh, 8rem);
  font-size: clamp(3rem, 1.4rem + 5.4vw, 7rem); color: var(--ink);
  pointer-events: none;
}

/* ------------------------------------------------------ 2 · FACTS ---- */
.hm-intro { padding-block: clamp(5rem, 11vw, 10rem) clamp(5rem, 10vw, 9rem); background: var(--paper); position: relative; }
.hm-intro__grid { display: grid; grid-template-columns: 1.35fr 1fr; gap: clamp(2.5rem, 6vw, 7rem); align-items: start; }
.hm-intro__statement { font-weight: 700; line-height: 1.16; }
.hm-intro__statement em { font-style: normal; color: var(--m); }
.hm-intro__body { margin-top: 1.8rem; font-size: clamp(1.05rem, 1rem + .25vw, 1.22rem); }
.hm-ticket { padding: clamp(1.4rem, 2.6vw, 2.2rem); }
.hm-ticket__head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1rem; }
.hm-ticket__reg { width: 26px; height: 26px; color: var(--ink); opacity: .75; }
.hm-ticket__facts > div { grid-template-columns: 5.5rem 1fr; padding-block: .8rem; }
.hm-count { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: var(--rule); border: 1px solid var(--rule); margin-top: 1.4rem; }
.hm-count > div { background: var(--sheet); padding: .9rem .4rem .7rem; text-align: center; }
.hm-count b { display: block; font-family: var(--font-display); font-weight: 800; font-size: clamp(1.9rem, 2.8vw, 2.7rem); line-height: 1; }
.hm-count span { font-size: .82rem; font-weight: 700; color: var(--ink-3); }
.hm-count p { display: none; grid-column: 1 / -1; margin: 0; background: var(--sheet); padding: 1rem; font-weight: 700; }
.hm-count[data-state="live"] > div, .hm-count[data-state="after"] > div { display: none; }
.hm-count[data-state="live"] .hm-count__live, .hm-count[data-state="after"] .hm-count__after { display: block; }
.hm-ticket__actions { margin-top: 1.4rem; }
.hm-ticket__actions .ip-btn { flex: 1 1 auto; }

/* ------------------------------------------------- 3 · FOUR WORLDS --- */
.hm-worlds__stage { background: var(--paper-2); display: flex; align-items: center; }
/* RTL: the engine pans left, so the Hebrew rail is mirrored to travel right. LTR pans natively. */
.hm-worlds__flip { width: 100%; }
[dir="rtl"] .hm-worlds__flip { direction: ltr; transform: scaleX(-1); }
[dir="rtl"] .hm-unflip { transform: scaleX(-1); }
.hm-worlds__rail {
  align-items: center; gap: clamp(2rem, 4vw, 4.5rem);
  padding-inline: var(--gutter); padding-top: calc(var(--bar-h) * .6);
  width: max-content;
}
.hm-worlds__lead { width: min(27rem, 32vw); flex: none; }
.hm-worlds__lead .ip-body { margin-top: 1.4rem; }
.hm-plate {
  flex: none; width: min(44vw, 78vh, 46rem);
  opacity: clamp(0.55, calc(var(--sc-p, 0) * 6.4 - var(--i) + 1.9), 1);
}
.hm-plate__fig { margin: 0; position: relative; aspect-ratio: 16 / 9; overflow: hidden; background: var(--sheet); box-shadow: 0 1px 2px hsl(220 20% 12% / .08), 0 18px 40px -22px hsl(220 20% 12% / .4); }
.hm-plate__fig::after { content: ""; position: absolute; inset-block: 0; inset-inline-start: 0; width: 10px; background: var(--plate); }
.hm-plate__fig img { width: 100%; height: 100%; object-fit: cover; }
.hm-plate__label { padding-top: 1.3rem; display: grid; gap: .5rem; }
.hm-plate__ink { display: inline-flex; align-items: center; gap: .55rem; font-weight: 700; font-size: .85rem; letter-spacing: .08em; color: var(--ink-3); justify-self: start; }
.hm-plate__ink::before { content: ""; width: .85rem; height: .85rem; background: var(--plate); box-shadow: inset 0 0 0 1px rgba(0,0,0,.08); }
.hm-plate ul { list-style: none; margin: .2rem 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: .25rem 0; color: var(--ink-2); font-weight: 600; max-width: 40rem; }
.hm-plate li:not(:last-child)::after { content: "·"; margin-inline: .55rem; color: var(--ink-3); }
.hm-worlds__note { width: min(24rem, 30vw); flex: none; display: grid; gap: .8rem; padding-inline-start: 2rem; border-inline-start: 1px solid var(--rule-2); }
.hm-worlds__note p { margin: 0; color: var(--ink-2); }

/* --------------------------------------------- 4 · INTO REGISTER ---- */
.hm-reg__stage { background: var(--paper); transition: background-color 420ms var(--ease); }
.hm-reg.is-night .hm-reg__stage { background: var(--night); }
.hm-reg.is-night .hm-reg__units li:not(.is-on) { color: var(--on-night); }
.hm-reg__quiet {
  position: absolute; inset: 0; display: grid; place-items: center; margin: 0;
  font-size: clamp(2.2rem, 1.4rem + 3vw, 4.2rem); font-weight: 700; color: var(--ink); z-index: 4;
}
.hm-reg__press { position: absolute; inset: 0; perspective: 1600px; overflow: hidden; }
.hm-reg__sheet {
  position: absolute; left: 50%; top: 50%;
  width: var(--sheet-w, 70vw); height: var(--sheet-h, 46vw);
  translate: -50% -50%;
}
.hm-film {
  position: absolute; left: calc(var(--film-pad, 40px) * -1); top: calc(var(--film-pad, 40px) * -1);
  width: calc(100% + var(--film-pad, 40px) * 2); height: calc(100% + var(--film-pad, 40px) * 2);
  max-width: none;   /* the engine caps canvas at 100%; a film is wider than its sheet */
  mix-blend-mode: multiply;
  transform-origin: 50% 50%;
  will-change: transform, opacity;
  opacity: 0;
}
.hm-reg__photo {
  position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
  opacity: 0; will-change: opacity;
}
.hm-reg__units {
  position: absolute; z-index: 6; inset-inline-end: var(--gutter); bottom: clamp(1.6rem, 4vh, 2.6rem);
  display: flex; gap: 6px; list-style: none; margin: 0; padding: 0;
  font-family: var(--font-text); font-weight: 800; font-size: .78rem; direction: ltr;
}
.hm-reg__units li {
  width: 30px; height: 30px; display: grid; place-items: center;
  border: 1.5px solid var(--u); color: var(--ink); background: transparent;
  transition: background-color 220ms var(--ease), color 220ms var(--ease);
}
.hm-reg__units li.is-on { background: var(--u); color: #fff; }
.hm-reg__units li:nth-child(4).is-on { color: var(--ink); }
.hm-reg__scrim {
  position: absolute; inset: 0; z-index: 5; pointer-events: none; opacity: 0;
  background: linear-gradient(to top, rgba(12, 13, 16, .9) 0%, rgba(12, 13, 16, .66) 26%, rgba(12, 13, 16, .14) 52%, transparent 66%);
}
.hm-reg__copy { position: absolute; z-index: 8; inset-inline-start: var(--gutter); bottom: clamp(3rem, 10vh, 6.5rem); max-width: min(52rem, 70vw); color: var(--on-night); }
.hm-reg__copy .ip-lede { color: #E4E2DC; margin-top: 1.2rem; max-width: 40ch; }
.hm-reg__credit { position: absolute; z-index: 8; inset-inline-end: calc(var(--gutter) + 150px); bottom: clamp(2rem, 4.8vh, 3rem); margin: 0; font-size: .82rem; font-weight: 700; color: rgba(243, 242, 238, .78); }

/* ------------------------------------------------- 5 · TWO SIDES ---- */
.hm-two { background: var(--paper); }
.hm-two__title { max-width: 14ch; }
.hm-two__grid { margin-top: clamp(3rem, 6vw, 5rem); display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2.5rem, 6vw, 6.5rem); align-items: start; }
.hm-side--exhibit { margin-top: clamp(4rem, 10vw, 9rem); }
.hm-side__fig { margin: 0 0 2.2rem; aspect-ratio: 3 / 2; }
.hm-side__fig img { width: 100%; height: 100%; object-fit: cover; }
.hm-side__body { display: grid; gap: 1rem; justify-items: start; }
.hm-side__body h3 { margin-top: -.2rem; }
.hm-list { list-style: none; margin: .4rem 0 0; padding: 0; display: grid; gap: 0; width: 100%; }
.hm-list li { padding-block: .7rem; border-top: 1px solid var(--rule); font-weight: 600; display: flex; gap: .8rem; align-items: baseline; }
.hm-list li::before { content: ""; width: .5rem; height: .5rem; background: var(--ink); flex: none; translate: 0 -.12em; }
.hm-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: var(--rule); border: 1px solid var(--rule); width: 100%; }
.hm-stats p { margin: 0; background: var(--sheet); padding: 1.1rem 1.2rem; display: grid; gap: .2rem; }
.hm-stats b { font-family: var(--font-display); font-weight: 800; font-size: clamp(2.2rem, 3.4vw, 3.3rem); line-height: 1; }
.hm-stats .hm-stats__l { color: var(--ink-2); font-weight: 600; font-size: .95rem; }
.hm-two__src { font-size: .82rem; color: var(--ink-3); margin: .4rem 0 0; }

/* ----------------------------------------------- 6 · CONFERENCE ----- */
.hm-conf { padding-block: clamp(5rem, 10vw, 9rem); overflow: clip; }
.hm-conf__grid { display: grid; grid-template-columns: 1fr 1.05fr; gap: clamp(2.5rem, 6vw, 6rem); align-items: center; }
.hm-conf__text { display: grid; gap: 1.4rem; justify-items: start; }
.hm-conf__title { margin: 0; display: grid; gap: .4rem; }
.hm-conf__title .ip-latin { font-family: var(--font-display); font-weight: 800; font-size: clamp(2.8rem, 1.4rem + 4vw, 5.6rem); line-height: .95; letter-spacing: -0.02em; }
.hm-conf__title .ip-latin::first-letter { color: var(--c); }
.hm-conf .ip-lede { color: var(--on-night-2); max-width: 46ch; }
.hm-conf__facts { width: 100%; }
.hm-conf__faces { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(.8rem, 1.6vw, 1.4rem); height: min(78vh, 46rem); overflow: hidden; -webkit-mask-image: linear-gradient(to bottom, transparent, #000 10%, #000 90%, transparent); mask-image: linear-gradient(to bottom, transparent, #000 10%, #000 90%, transparent); }
.hm-conf__col { display: grid; gap: clamp(.8rem, 1.6vw, 1.4rem); align-content: start; }
.hm-conf__col:nth-child(2) { padding-top: 5rem; }
.hm-conf__col:nth-child(3) { padding-top: 2.2rem; }
.hm-conf__faces figure { margin: 0; }
.hm-conf__faces img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; filter: grayscale(1) contrast(1.05); transition: filter 300ms var(--ease); }
@media (hover: hover) and (pointer: fine) { .hm-conf__faces figure:hover img { filter: none; } }
.hm-conf__faces figcaption { font-weight: 700; font-size: .92rem; margin-top: .5rem; line-height: 1.3; }
.hm-conf__faces figcaption span { display: block; font-weight: 500; color: var(--on-night-2); font-size: .82rem; }

/* --------------------------------------------------- 7 · THE NAMES --- */
.hm-sponsors { background: var(--paper); }
.hm-sponsors__head { display: flex; align-items: baseline; justify-content: space-between; gap: 1.5rem; flex-wrap: wrap; margin-bottom: 2.2rem; }
.hm-sponsors__tier { margin-bottom: .9rem; }
.hm-logos { grid-template-columns: repeat(5, 1fr); }
.hm-sponsors__more { margin-top: 2.6rem; display: grid; grid-template-columns: 1fr 1.6fr 1fr; gap: 2rem; align-items: start; }
.hm-sponsors__more > div { display: flex; flex-wrap: wrap; align-items: center; gap: .9rem 1.6rem; padding-top: 1.2rem; border-top: 1px solid var(--rule); }
.hm-sponsors__more .ip-label { width: 100%; }
.hm-sponsors__more img { height: 44px; width: auto; max-width: 200px; object-fit: contain; }

/* ------------------------------------------------------- 8 · TRIM ---- */
.hm-close__stage { background: var(--paper); display: grid; grid-template-rows: 1fr auto; }
.hm-close__grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: clamp(2rem, 6vw, 6rem); align-items: center; padding-top: calc(var(--bar-h) + 1rem); }
.hm-close__copy { display: grid; gap: 1.3rem; justify-items: start; }
.hm-close__facts { width: 100%; max-width: 36rem; }
.hm-close__facts > div { grid-template-columns: 9rem 1fr; padding-block: .7rem; }
.hm-close__rules { margin: 0; font-size: .9rem; color: var(--ink-3); max-width: 52ch; }
.hm-close__exhibit { margin: 0; font-weight: 600; }
.hm-close__exhibit a:not(.ip-link) { text-decoration: none; white-space: nowrap; }
.hm-close__trim { position: relative; justify-self: center; width: min(19.5rem, 30vw); aspect-ratio: 300 / 440; }
.hm-badge {
  position: absolute; inset: 0; background: var(--sheet);
  display: grid; justify-items: center; align-content: start; text-align: center;
  padding: 2.2rem 1.4rem 0; overflow: hidden; border-radius: 6px;
  box-shadow: 0 1px 2px hsl(220 20% 12% / .1), 0 calc(6px + var(--lift, 0) * 26px) calc(18px + var(--lift, 0) * 40px) calc(-10px - var(--lift, 0) * 6px) hsl(220 20% 12% / calc(.24 + var(--lift, 0) * .16));
  transform: translateY(calc(var(--lift, 0) * -10px)) rotate(calc(var(--lift, 0) * -2.2deg));
}
.hm-badge__hole { position: absolute; top: .9rem; left: 50%; translate: -50% 0; width: 3.4rem; height: .6rem; border-radius: 99px; background: var(--paper-2); box-shadow: inset 0 1px 2px rgba(0,0,0,.18); }
.hm-badge__logo { width: 64%; height: auto; margin-top: .6rem; }
.hm-badge__role { margin: 1.2rem 0 0; font-family: var(--font-display); font-weight: 800; font-size: 2.3rem; line-height: 1; }
.hm-badge__name { margin: .6rem 0 0; font-weight: 700; color: var(--ink-3); border-bottom: 1.5px dashed var(--rule-2); padding-bottom: .2rem; }
.hm-badge__meta { margin: 1rem 0 0; font-weight: 700; font-size: .92rem; line-height: 1.45; }
.hm-badge__code { margin-top: 1.1rem; width: 62%; height: 46px; background: repeating-linear-gradient(90deg, var(--ink) 0 2px, transparent 2px 4px, var(--ink) 4px 5px, transparent 5px 8px, var(--ink) 8px 11px, transparent 11px 12px, var(--ink) 12px 13px, transparent 13px 16px); }
.hm-badge__bar { position: absolute; inset: auto 0 0 0; height: 16px; background: linear-gradient(90deg, var(--c) 0 25%, var(--m) 25% 50%, var(--y) 50% 75%, var(--k) 75% 100%); }
.hm-close__cut { position: absolute; inset: -12px; width: calc(100% + 24px); height: calc(100% + 24px); overflow: visible; pointer-events: none; }
.hm-close__cut rect { fill: none; stroke: var(--m); stroke-width: 1.6; vector-effect: non-scaling-stroke; stroke-dasharray: 0.012 0.008; stroke-dashoffset: 0; opacity: var(--cut, 0); }
.hm-cm { position: absolute; width: 26px; height: 26px; color: var(--ink); pointer-events: none; }
.hm-cm::before, .hm-cm::after { content: ""; position: absolute; background: currentColor; }
.hm-cm::before { width: 18px; height: 1.5px; } .hm-cm::after { width: 1.5px; height: 18px; }
.hm-cm--tr { top: -30px; right: -30px; } .hm-cm--tr::before { right: 0; top: 18px; } .hm-cm--tr::after { right: 18px; top: 0; }
.hm-cm--tl { top: -30px; left: -30px; }  .hm-cm--tl::before { left: 0; top: 18px; } .hm-cm--tl::after { left: 18px; top: 0; }
.hm-cm--br { bottom: -30px; right: -30px; } .hm-cm--br::before { right: 0; bottom: 18px; } .hm-cm--br::after { right: 18px; bottom: 0; }
.hm-cm--bl { bottom: -30px; left: -30px; } .hm-cm--bl::before { left: 0; bottom: 18px; } .hm-cm--bl::after { left: 18px; bottom: 0; }
.hm-close__foot { border-top: 1px solid var(--rule); padding-block: 1.1rem; font-size: .88rem; color: var(--ink-3); }
.hm-close__foot-in { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .8rem 2rem; }
.hm-close__foot nav { display: flex; flex-wrap: wrap; gap: .4rem 1.3rem; }
.hm-close__foot a { text-decoration: none; font-weight: 600; color: var(--ink-2); }
.hm-close__foot a:hover { color: var(--ink); text-decoration: underline; text-underline-offset: .25em; }
.hm-close__org { display: inline-flex; align-items: center; gap: .7rem; }
.hm-close__org img { height: 30px; width: auto; }

/* the page-level crop marks hand over to the trim marks in the close */
.pg-home.is-trimming .ip-marks { opacity: 0; }

/* ======================================================= RESPONSIVE === */
@media (max-width: 1180px) {
  .hm-logos { grid-template-columns: repeat(4, 1fr); }
  .hm-sponsors__more { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 860px) {
  /* hero: face on top, copy on paper underneath */
  .hm-hero__media { inset: 0 0 auto 0; height: 56svh; }
  .hm-hero__poster, .hm-hero__canvas {
    object-position: 50% 46%;
    -webkit-mask-image: linear-gradient(to bottom, #000 72%, transparent 100%);
            mask-image: linear-gradient(to bottom, #000 72%, transparent 100%);
  }
  .hm-hero__copy { top: auto; bottom: max(1.2rem, env(safe-area-inset-bottom)); translate: none; inset-inline: var(--gutter); width: auto; }
  .hm-hero__title { gap: .6rem; }
  .hm-hero__logo { height: 40px; }
  .hm-hero__year { font-size: 2.1rem; }
  .hm-hero__h { font-size: clamp(2.1rem, 9vw, 2.9rem); }
  .hm-hero__lede { font-size: 1.02rem; margin-top: .6rem; }
  .hm-hero__meta { margin-top: 1rem; gap: .9rem; }
  .hm-hero__when b { font-size: 1.2rem; }
  .hm-hero__when span { font-size: .92rem; }
  .hm-hero__meta .ip-actions { flex-wrap: nowrap; }
  .hm-hero__meta .ip-btn { flex: 1; padding-inline: .6rem; }
  .hm-hero__beat { display: none; }

  .hm-intro__grid { grid-template-columns: 1fr; }

  .hm-worlds__rail { padding-top: calc(var(--bar-h) * .5); gap: 1.4rem; }
  .hm-worlds__lead { width: 78vw; }
  .hm-plate { width: 82vw; }
  .hm-worlds__note { width: 76vw; }
  .hm-plate ul { font-size: .95rem; }

  .hm-reg__sheet { top: 37%; }
  .hm-reg__scrim { display: none; }
  .hm-reg__copy { inset-inline-end: var(--gutter); max-width: none; bottom: 5.5rem; }
  .hm-reg__copy .ip-xl { font-size: clamp(2.2rem, 9.4vw, 3rem); }
  .hm-reg__units { bottom: 1.6rem; }
  .hm-reg__credit { inset-inline-end: auto; inset-inline-start: var(--gutter); bottom: 1.9rem; }

  .hm-two__grid { grid-template-columns: 1fr; }
  .hm-side--exhibit { margin-top: 2rem; }

  .hm-conf__grid { grid-template-columns: 1fr; }
  .hm-conf__faces { height: 30rem; }

  .hm-logos { grid-template-columns: repeat(2, 1fr); }
  .hm-sponsors__more { grid-template-columns: 1fr; }

  .hm-close.is-flow .hm-close__stage { min-height: auto; height: auto; padding-bottom: 0; }
  .hm-close__grid { grid-template-columns: 1fr; padding-block: 4rem 3rem; }
  .hm-close__trim { width: min(17rem, 70vw); order: -1; }
}
@media (max-width: 420px) {
  .hm-hero__h { font-size: 2.05rem; }
  .hm-hero__meta .ip-btn { font-size: .95rem; }
}
/* short desktop windows */
@media (min-width: 861px) and (max-height: 760px) {
  .hm-hero__h { font-size: clamp(2.4rem, 1rem + 3vw, 4.2rem); }
  .hm-hero__logo { height: 52px; }
}

/* ===================================================== REDUCED MOTION === */
@media (prefers-reduced-motion: reduce) {
  .hm-worlds__flip, .hm-unflip { transform: none !important; }
  [dir="rtl"] .hm-worlds__flip { direction: rtl; }
  [dir="rtl"] .hm-worlds__rail { direction: rtl; }
  .hm-plate { opacity: 1; }
  .hm-reg__quiet { display: none; }
  .hm-film { display: none; }
  .hm-reg__photo, .hm-reg__scrim { opacity: 1 !important; }
  .hm-reg__sheet { width: 100% !important; height: 100% !important; }
  .hm-reg__units { display: none; }
  .hm-hero__beat { display: none; }
  .hm-reg__copy, .hm-reg__credit { opacity: 1 !important; transform: none !important; }
  .hm-badge { --lift: .6; }
  .hm-close__cut rect { opacity: 1; }
  .hm-cm { display: none; }
}

/* ============================================================ LTR ===== */
/* English: copy reads from the left, so the face plate (and its shell) is
   mirrored to the right. The mask flips with it. */
[dir="ltr"] .hm-hero__media { transform: scaleX(-1); }
/* English set wider than Hebrew: give the hero headline a wider column */
@media (min-width: 861px) {
  [dir="ltr"] .hm-hero__copy { width: min(42rem, 42vw); }
  [dir="ltr"] .hm-hero__h { font-size: clamp(2.5rem, 1rem + 3.4vw, 4.8rem); }
}
@media (min-width: 861px) {
  [dir="ltr"] .hm-hero__poster, [dir="ltr"] .hm-hero__canvas {
    -webkit-mask-image: linear-gradient(to left, transparent 0, transparent 42%, #000 64%);
            mask-image: linear-gradient(to left, transparent 0, transparent 42%, #000 64%);
  }
}

/* the peak copy gets density on its own corner too, so a two-line headline never sits on the white booth walls */
.hm-reg__scrim {
  background:
    radial-gradient(ellipse 90% 95% at 100% 100%, rgba(12, 13, 16, .7) 0%, rgba(12, 13, 16, .55) 50%, rgba(12, 13, 16, .3) 80%, transparent 100%),
    linear-gradient(to top, rgba(12, 13, 16, .9) 0%, rgba(12, 13, 16, .7) 28%, rgba(12, 13, 16, .2) 56%, transparent 70%);
}
[dir="ltr"] .hm-reg__scrim {
  background:
    radial-gradient(ellipse 90% 95% at 0% 100%, rgba(12, 13, 16, .7) 0%, rgba(12, 13, 16, .55) 50%, rgba(12, 13, 16, .3) 80%, transparent 100%),
    linear-gradient(to top, rgba(12, 13, 16, .9) 0%, rgba(12, 13, 16, .7) 28%, rgba(12, 13, 16, .2) 56%, transparent 70%);
}