/* ==========================================================================
   Videos (Page 7). This page's own stylesheet, under the Page 7 implementation
   authorization of 2026-10-08 (The Screening Room; build with placeholders).
   Linked from the Videos page alone, after the shared stylesheet. Every rule
   begins with .page-videos, the page's body class. Colours come only from the
   palette; type only from the shared families.

   The Screening Room: a graphite room with three widescreen features, one after
   the other, then three vertical shorts, then the ivory close. The page's
   script marks a feature's screen as it first takes the middle of the window
   (its letterbox opens, once) and names the screen that holds the middle
   (the room's faint lift fades and the rest of the room steps back). Nothing
   is sticky and nothing auto-plays: visitors leave this site to watch on YouTube. A future
   approved playback mechanism takes the place of the poster inside
   .videos-screen__frame without changing the layout.

   Video identities and URLs owner-provided. Current local poster art remains provisional;
   original YouTube titles, durations, upload dates and approved thumbnails are not yet verified.
   ========================================================================== */

/* ---------- The room ---------- */

.page-videos .videos-room {
  position: relative;
  padding-bottom: var(--space-6);
}

/* The room's lights: a faint ivory lift on the graphite. It fades while a featured screen holds the room. */
.page-videos .videos-room::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgb(243 239 233 / 0.04);
  pointer-events: none;
  transition: opacity 1400ms var(--ease-silk);
}

.page-videos .videos-intro,
.page-videos .videos-feature,
.page-videos .videos-shorts {
  position: relative;
  transition: opacity 1200ms var(--ease-silk);
}

/* ---------- The opening ---------- */

/* The opening fills the first window like a title card; the first screen shows only its top edge below it,
   still letterboxed, so its reveal waits for the visitor. */
.page-videos .videos-intro {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  align-content: center;
  column-gap: var(--space-3);
  min-height: calc(100vh - var(--nav-h) - 9rem - var(--space-5));
  min-height: calc(100svh - var(--nav-h) - 9rem - var(--space-5));
  padding-block: var(--space-5);
}

.page-videos .videos-intro__title {
  grid-column: 1 / 11;
  margin: 0;
}

/* ---------- A featured screen ---------- */

.page-videos .videos-feature {
  padding-block: var(--space-5);
}

/* The screen and its caption share one width: widescreen, as large as the window allows with room to read under it. */
.page-videos .videos-feature__inner {
  --videos-screen-w: min(100%, calc((100vh - var(--nav-h) - 10rem) * 16 / 9));
  --videos-screen-w: min(100%, calc((100svh - var(--nav-h) - 10rem) * 16 / 9));
  display: grid;
  justify-items: center;
  row-gap: var(--space-4);
}

.page-videos .videos-screen {
  position: relative;
  width: var(--videos-screen-w);
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background:
    radial-gradient(80% 70% at 50% 45%, rgb(243 239 233 / 0.09), rgb(243 239 233 / 0.02) 72%),
    linear-gradient(180deg, rgb(83 51 64 / 0.2), rgb(83 51 64 / 0.07));
  box-shadow: 0 0 0 1px rgb(243 239 233 / 0.08);
}

/* The future player's place. Today it holds the placeholder poster. */
.page-videos .videos-screen__frame {
  position: absolute;
  inset: 0;
}

.page-videos .videos-screen__poster,
.page-videos .videos-short__poster {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* The placeholder's labels, on a graphite plate. Labels only: nothing here is a control. */


/* The letterbox: with the script running, each feature waits as a wide frame; its bars draw back, once,
   the first time the screen takes the middle of the window. Without the script, and with reduced motion,
   the screens are fully open. */
.page-videos .videos-screen__bar {
  display: none;
}

.page-videos .videos-room[data-videos-live] .videos-screen__bar {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 2;
  height: 12.8%;
  background: var(--graphite);
  transition: transform 1600ms var(--ease-silk);
}

.page-videos .videos-room[data-videos-live] .videos-screen__bar--top {
  top: 0;
  transform-origin: 50% 0;
}

.page-videos .videos-room[data-videos-live] .videos-screen__bar--bottom {
  bottom: 0;
  transform-origin: 50% 100%;
}

.page-videos .videos-room[data-videos-live] .videos-screen[data-videos-opened] .videos-screen__bar {
  transform: scaleY(0);
}

/* The room dims around the screen that holds it: the lift fades and the rest of the room steps back. */
.page-videos .videos-room[data-videos-live][data-scene^="long"]::before {
  opacity: 0;
}

.page-videos .videos-room[data-videos-live][data-scene="long-01"] .videos-intro,
.page-videos .videos-room[data-videos-live][data-scene="long-01"] .videos-feature--02,
.page-videos .videos-room[data-videos-live][data-scene="long-01"] .videos-shorts,
.page-videos .videos-room[data-videos-live][data-scene="long-02"] .videos-intro,
.page-videos .videos-room[data-videos-live][data-scene="long-02"] .videos-feature--01,
.page-videos .videos-room[data-videos-live][data-scene="long-02"] .videos-shorts {
  opacity: 0.55;
}

/* ---------- The caption under a screen: quiet, editorial ---------- */

.page-videos .videos-meta p,
.page-videos .videos-meta h2 {
  margin: 0;
}

.page-videos .videos-feature .videos-meta {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--space-3);
  row-gap: 0.75rem;
  align-items: start;
  width: var(--videos-screen-w);
}

.page-videos .videos-feature .videos-meta__category { grid-column: 1 / 4; grid-row: 1; }
.page-videos .videos-feature .videos-meta__title { grid-column: 4 / 9; grid-row: 1; }
.page-videos .videos-feature .videos-meta__description { grid-column: 4 / 9; grid-row: 2; }
.page-videos .videos-feature .videos-meta__link { grid-column: 9 / 13; grid-row: 3; }

.page-videos .videos-meta__category {
  color: var(--gold);
  font-family: var(--font-ui);
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

.page-videos .videos-meta__title {
  font-family: var(--font-display);
  font-size: clamp(1.35rem, 1.9vw, 1.85rem);
  font-weight: var(--display-weight, 400);
  line-height: 1.2;
  text-wrap: balance;
}


.page-videos .videos-meta__description {
  max-width: var(--measure);
  color: var(--ivory-72);
  font-family: var(--font-ui);
  font-size: 1rem;
  line-height: 1.65;
}

/* The verbatim line, if one is approved: Bodoni italic after the site's short gold rule. */


/* ---------- The shorts: three vertical frames, staggered ---------- */

.page-videos .videos-shorts {
  padding-top: var(--space-5);
}

.page-videos .videos-shorts__list {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--space-3);
  align-items: start;
  margin: 0;
  padding: var(--space-5) 0 0;
  border-top: 1px solid var(--ivory-16);
  list-style: none;
}

.page-videos .videos-short--01 { grid-column: 2 / 5; }
.page-videos .videos-short--02 { grid-column: 6 / 9; margin-top: var(--space-6); }
.page-videos .videos-short--03 { grid-column: 10 / 13; margin-top: var(--space-4); }

.page-videos .videos-short__inner {
  margin: 0;
}

.page-videos .videos-short__frame {
  position: relative;
  aspect-ratio: 9 / 16;
  overflow: hidden;
  background:
    radial-gradient(90% 60% at 50% 40%, rgb(243 239 233 / 0.08), rgb(243 239 233 / 0.02) 72%),
    linear-gradient(180deg, rgb(83 51 64 / 0.19), rgb(83 51 64 / 0.06));
  box-shadow: 0 0 0 1px rgb(243 239 233 / 0.08);
}

.page-videos .videos-short .videos-meta {
  display: grid;
  row-gap: 0.6rem;
  margin-top: var(--space-3);
}

.page-videos .videos-short .videos-meta__title {
  font-size: clamp(1.15rem, 1.4vw, 1.4rem);
}


/* ---------- The close, on warm ivory ---------- */

.page-videos .videos-ask {
  padding-block: var(--space-5) var(--space-6);
}

.page-videos .videos-ask__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: var(--space-3);
  align-items: end;
}

.page-videos .videos-ask__question {
  grid-column: 1 / -1;
  margin: 0 0 var(--space-5);
  text-wrap: pretty;
}

.page-videos .videos-ask__sentence {
  grid-column: 1 / 7;
  max-width: 26ch;
  margin: 0;
}

.page-videos .videos-ask__actions {
  grid-column: 8 / 13;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.page-videos .videos-ask__primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 3.75rem;
  padding: 0.25rem 2.25rem;
  background: var(--graphite);
  color: var(--ivory);
  font-family: var(--font-ui);
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.18em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: color var(--dur-ui) var(--ease-silk);
}

.page-videos .videos-ask__primary:hover,
.page-videos .videos-ask__primary:focus-visible {
  color: var(--gold);
}

/* Call Shirin, the second choice (sitewide call ruling of 2026-10-10): one link under the way in, the words in
   Display S over the number, which comes from the site's contact data. Set to the actions' own alignment. */
.page-videos .videos-ask__call {
  display: inline-grid;
  justify-items: end;
  gap: 0.2rem;
  min-height: 44px;
  margin-top: var(--space-3);
  color: var(--graphite);
  text-align: right;
  text-decoration: none;
  transition: color var(--dur-ui) var(--ease-silk);
}

.page-videos .videos-ask__call-words {
  line-height: 1.1;
}

.page-videos .videos-ask__call-number {
  font-family: var(--font-ui);
  font-size: clamp(0.9375rem, 1vw, 1.0625rem);
  font-weight: 600;
  letter-spacing: 0.1em;
}

.page-videos .videos-ask__call:hover,
.page-videos .videos-ask__call:focus-visible {
  color: var(--aubergine);
}

@media (max-width: 1023px) {
  .page-videos .videos-ask__call {
    justify-items: start;
    text-align: left;
  }
}

@media (max-width: 719px) {
  .page-videos .videos-ask__call {
    align-self: flex-start;
  }
}

/* ---------- Tablets and narrow windows ---------- */

@media (max-width: 1023px) {
  .page-videos .videos-intro__title {
    grid-column: 1 / -1;
  }

  .page-videos .videos-feature .videos-meta {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .page-videos .videos-feature .videos-meta__category { grid-column: 1 / 4; grid-row: 1; }
  .page-videos .videos-feature .videos-meta__title { grid-column: 1 / -1; grid-row: 2; }
  .page-videos .videos-feature .videos-meta__description { grid-column: 1 / -1; grid-row: 3; }
  .page-videos .videos-feature .videos-meta__link { grid-column: 1 / -1; grid-row: 5; }

  .page-videos .videos-short--01 { grid-column: 1 / 5; }
  .page-videos .videos-short--02 { grid-column: 5 / 9; }
  .page-videos .videos-short--03 { grid-column: 9 / 13; }

  .page-videos .videos-ask__sentence,
  .page-videos .videos-ask__actions {
    grid-column: 1 / -1;
  }

  .page-videos .videos-ask__actions {
    align-items: flex-start;
    margin-top: var(--space-5);
  }
}

/* ---------- Phones: one column, natural scrolling, the shorts set apart ---------- */

@media (max-width: 719px) {
  .page-videos .videos-feature {
    padding-block: var(--space-4);
  }

  .page-videos .videos-shorts__list {
    row-gap: var(--space-6);
  }

  .page-videos .videos-short--01 { grid-column: 1 / 10; margin-top: 0; }
  .page-videos .videos-short--02 { grid-column: 4 / 13; margin-top: 0; }
  .page-videos .videos-short--03 { grid-column: 1 / 10; margin-top: 0; }

  .page-videos .videos-ask__primary {
    width: 100%;
    min-height: 3.5rem;
  }

  .page-videos .videos-ask__actions {
    align-items: stretch;
  }
}

/* ---------- Reduced motion: the screens are fully open, and nothing travels ---------- */

@media (prefers-reduced-motion: reduce) {
  .page-videos .videos-room[data-videos-live] .videos-screen__bar {
    display: none;
  }

  .page-videos .videos-room::before,
  .page-videos .videos-intro,
  .page-videos .videos-feature,
  .page-videos .videos-shorts {
    transition-duration: 1ms;
  }
}

/* October 11 owner-supplied videos: direct YouTube links, no iframe, trackers or remote posters. */
.page-videos .videos-screen__watch,
.page-videos .videos-short__watch { position: absolute; inset: 0; display: grid; place-items: center; color: var(--ivory); text-decoration: none; }
.page-videos .videos-screen__watch-label,
.page-videos .videos-short__watch-label { position: relative; z-index: 1; display: grid; justify-items: center; gap: .75rem; font-family: var(--font-ui); font-weight: 600; font-size: clamp(.8rem,1vw,1rem); letter-spacing: .12em; text-transform: uppercase; text-align: center; }
.page-videos .videos-screen__play,
.page-videos .videos-short__play { display: grid; place-items: center; width: 4.5rem; height: 4.5rem; border: 1px solid var(--gold); border-radius: 50%; color: var(--gold); font-size: 1.25rem; transition: transform 240ms ease, background 240ms ease; }
.page-videos .videos-short__play { width: 3.5rem; height: 3.5rem; }
.page-videos .videos-screen__watch:hover .videos-screen__play,
.page-videos .videos-short__watch:hover .videos-short__play { transform: scale(1.08); background: rgb(200 169 107 / 0.15); }
.page-videos .videos-screen__watch:focus-visible,
.page-videos .videos-short__watch:focus-visible { outline: 3px solid var(--gold); outline-offset: -5px; z-index: 4; }
.page-videos .videos-screen__bar { pointer-events: none; }
.page-videos .videos-room[data-videos-live][data-scene="long-03"]::before { opacity: 0; }
.page-videos .videos-room[data-videos-live][data-scene="long-03"] .videos-intro,
.page-videos .videos-room[data-videos-live][data-scene="long-03"] .videos-feature--01,
.page-videos .videos-room[data-videos-live][data-scene="long-03"] .videos-feature--02,
.page-videos .videos-room[data-videos-live][data-scene="long-03"] .videos-shorts { opacity: 0.55; }
.page-videos .videos-room[data-videos-live][data-scene="long-01"] .videos-feature--03,
.page-videos .videos-room[data-videos-live][data-scene="long-02"] .videos-feature--03 { opacity: 0.55; }
.page-videos .videos-meta__link a { color: var(--ivory); text-decoration: underline; text-decoration-color: var(--gold); text-underline-offset: .35em; line-height: 1.7; }
.page-videos .videos-meta__link a:hover,
.page-videos .videos-meta__link a:focus-visible { color: var(--gold); }
.page-videos .videos-shorts__eyebrow,
.page-videos .videos-follow__eyebrow { font-family: var(--font-ui); font-size: .8rem; letter-spacing: .22em; text-transform: uppercase; color: var(--gold); }
.page-videos .videos-follow { padding-block: var(--space-6); border-top: 1px solid var(--ivory-16); }
.page-videos .videos-follow__title { max-width: 22ch; margin: var(--space-3) 0; }
.page-videos .videos-follow__sentence { max-width: 55ch; font-family: var(--font-ui); font-size: clamp(1rem,1.3vw,1.15rem); line-height: 1.7; color: var(--ivory-72); }
.page-videos .videos-follow__link { display: inline-flex; min-height: 48px; align-items: center; border: 1px solid var(--gold); padding: .75rem 1.5rem; margin-top: var(--space-4); color: var(--gold); font-family: var(--font-ui); font-size: .8rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; text-decoration: none; }
.page-videos .videos-follow__link:hover,
.page-videos .videos-follow__link:focus-visible { background: rgb(200 169 107 / .14); }
@media (max-width:719px) { .page-videos .videos-follow { padding-block: var(--space-5); } .page-videos .videos-follow__link { width:100%; justify-content:center; text-align:center; } }
@media (prefers-reduced-motion:reduce) { .page-videos .videos-screen__play, .page-videos .videos-short__play { transition:none; } }

/* Owner polish 2026-10-11; all prior styles retained. */
.page-videos .videos-meta__category {font-size:clamp(1rem,1.15vw,1.2rem);}
.page-videos .videos-meta__link {font-size:clamp(1rem,1.2vw,1.22rem);}
.page-videos .videos-meta__description {font-size:clamp(1.05rem,1.2vw,1.25rem);line-height:1.55;}
.page-videos .videos-screen__watch-label,.page-videos .videos-short__watch-label {font-size:clamp(1rem,1.15vw,1.25rem);}

/* Oct 15 video-screen scale: one watchable editorial frame and its caption fit together. */
.page-videos .videos-feature {padding-block:clamp(1.3rem,2.8svh,2.4rem);}
.page-videos .videos-feature__inner {--videos-screen-w:min(100%,700px,calc((100svh - var(--nav-h) - 13rem) * 16 / 9));row-gap:clamp(.8rem,1.4svh,1.25rem);}
.page-videos .videos-feature .videos-meta {grid-template-columns:minmax(0,1fr) auto;column-gap:1.5rem;row-gap:.4rem;align-items:center;}
.page-videos .videos-feature .videos-meta__category{grid-column:1;grid-row:1;}
.page-videos .videos-feature .videos-meta__title{grid-column:1;grid-row:2;}
.page-videos .videos-feature .videos-meta__title{font-size:clamp(2.25rem,3vw,3rem);}
.page-videos .videos-feature .videos-meta__description{grid-column:1;grid-row:3;font-size:clamp(.95rem,1.1vw,1.1rem);line-height:1.4;}
.page-videos .videos-feature .videos-meta__link{grid-column:2;grid-row:2/4;align-self:end;font-size:clamp(.88rem,1vw,1rem);}
.page-videos .videos-shorts__list{column-gap:clamp(1.5rem,3vw,3rem);}
.page-videos .videos-short__frame{max-height:min(58svh,510px);}
@media(max-width:719px){.page-videos .videos-feature__inner{--videos-screen-w:min(100%,calc((100svh - var(--nav-h) - 15rem) * 16 / 9));}
.page-videos .videos-feature .videos-meta{grid-template-columns:minmax(0,1fr);gap:.3rem;}
.page-videos .videos-feature .videos-meta__category{grid-column:1;grid-row:1;}
.page-videos .videos-feature .videos-meta__title{grid-column:1;grid-row:2;}
.page-videos .videos-feature .videos-meta__description{grid-column:1;grid-row:3;}
.page-videos .videos-feature .videos-meta__link{grid-column:1;grid-row:4;margin-top:.3rem;}
}

/* Oct17 approved six-page CTA and review polish; page-scoped only. */
.page-videos .videos-ask{min-height:clamp(38rem,85svh,58rem);padding-top:clamp(4rem,8vw,8rem);padding-bottom:0;display:grid;align-items:end}.page-videos .videos-ask__grid{width:100%;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);column-gap:clamp(2rem,5vw,6rem);align-items:end}.page-videos .videos-ask__question{grid-column:1/-1;grid-row:1;margin-bottom:clamp(2rem,5vw,4rem)}.page-videos .videos-ask__sentence{grid-column:1;grid-row:2;align-self:end}.page-videos .videos-ask__actions{grid-column:1;grid-row:3;align-items:flex-start;justify-self:start;padding-bottom:clamp(2.5rem,6vh,5rem)}.page-videos .videos-ask__call{justify-items:start;text-align:left}.page-videos .videos-ask__primary[hidden]{display:none!important}.page-videos .videos-ask__visual{grid-column:2;grid-row:2/4;justify-self:end;align-self:end;line-height:0}.page-videos .videos-ask__sign{font-size:clamp(.8rem,1.3vw,1.15rem);line-height:normal;vertical-align:bottom}.page-videos .videos-ask__panel{animation:videos-cta-sign-flip 10s ease-in-out 1s infinite}@keyframes videos-cta-sign-flip{0%,24%{transform:rotateX(0deg)}36%,63%{transform:rotateX(180deg)}76%,100%{transform:rotateX(0deg)}}@media(max-width:900px){.page-videos .videos-ask__grid{grid-template-columns:minmax(0,1fr);row-gap:clamp(1.5rem,4vw,3rem)}.page-videos .videos-ask__question{grid-column:1;grid-row:auto;margin-bottom:0}.page-videos .videos-ask__sentence{grid-column:1;grid-row:auto}.page-videos .videos-ask__actions{grid-column:1;grid-row:auto;padding-bottom:0}.page-videos .videos-ask__visual{grid-column:1;grid-row:auto;justify-self:center}.page-videos .videos-ask__sign{font-size:clamp(.75rem,2.9vw,1rem)}}@media(prefers-reduced-motion:reduce){.page-videos .videos-ask__panel{animation:none}}

/* Oct 17: universal CTA layout: same geometry on six page-scoped sheets. */
.page-videos .cta-unified{height:clamp(42rem,82svh,56rem);min-height:clamp(42rem,82svh,56rem);padding:0;display:block;overflow:hidden;}
.page-videos .cta-unified__inner{height:100%;min-height:100%;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:stretch;gap:clamp(2rem,5vw,6rem);}
.page-videos .cta-unified__copy{min-width:0;min-height:0;height:100%;position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding-top:clamp(5rem,11svh,8.5rem);padding-bottom:clamp(5.75rem,11svh,8.5rem);}
.page-videos .cta-unified__heading{grid-row:auto;grid-column:auto;max-width:18.5ch;margin:0;font-family:var(--font-display);font-weight:500;font-size:clamp(3rem,5.15vw,5.8rem);line-height:1.09;letter-spacing:-.012em;font-style:normal;font-optical-sizing:none;font-variation-settings:"opsz" 18;color:var(--graphite);}
.page-videos .cta-unified__actions{grid-row:auto;grid-column:auto;position:static;display:block;margin:0;padding:0;align-self:start;justify-self:start;}
.page-videos .cta-unified__call{display:inline-grid;gap:.18rem;align-content:start;justify-items:start;min-height:44px;margin:0;text-align:left;color:var(--graphite);text-decoration:none;}
.page-videos .cta-unified__call-words{font-family:var(--font-display);font-weight:500;font-size:clamp(2.2rem,3.5vw,4rem);line-height:1.1;font-optical-sizing:none;font-variation-settings:"opsz" 14;}
.page-videos .cta-unified__number{font-family:var(--font-ui);font-size:clamp(1rem,1.2vw,1.25rem);font-weight:600;line-height:1.5;letter-spacing:.09em;}
.page-videos .cta-unified__visual{grid-row:1;grid-column:2;justify-self:end;align-self:end;line-height:0;}
.page-videos .cta-unified__visual .sign{vertical-align:bottom;line-height:normal;}
@media(max-width:900px){
.page-videos .cta-unified{height:auto;min-height:0;padding-top:clamp(3.5rem,8vw,5rem);}
.page-videos .cta-unified__inner{height:auto;min-height:0;grid-template-columns:minmax(0,1fr);gap:clamp(2.5rem,5vw,4rem);}
.page-videos .cta-unified__copy{grid-row:1;grid-column:1;height:auto;min-height:0;gap:clamp(2.5rem,6vw,4.5rem);padding:0;}
.page-videos .cta-unified__heading{font-size:clamp(2.6rem,8.2vw,4.6rem);line-height:1.1;max-width:20ch;}
.page-videos .cta-unified__actions{margin:0;}
.page-videos .cta-unified__visual{grid-row:2;grid-column:1;justify-self:center;align-self:end;}
}
.page-videos .cta-unified__copy [hidden]{display:none!important;}


/* October 17: cream editorial hero; graphite screenings; cream Shorts;
   graphite YouTube invitation. The locked closing CTA and all URLs remain intact. */
.page-videos .videos-hero {background:var(--ivory);color:var(--graphite);}
.page-videos .videos-hero .videos-intro {
  display:flex;align-items:center;width:100%;min-height:clamp(24rem,43svh,34rem);
  padding-block:clamp(4rem,7vh,6rem);
}
.page-videos .videos-hero .videos-intro__title {
  max-width:20ch;margin:0;color:var(--graphite);font-weight:500;
  font-size:clamp(3rem,6vw,7.25rem);line-height:1.03;letter-spacing:-.015em;
  font-optical-sizing:none;font-variation-settings:"opsz" 20;
}
.page-videos .videos-room {padding-top:clamp(2rem,4vw,3.5rem);}
.page-videos .videos-room[data-videos-scroll] .videos-screen__poster {
  clip-path:circle(var(--videos-radius, 80%) at 50% 50%);
  will-change:clip-path;
}
.page-videos .videos-room[data-videos-scroll] .videos-screen__bar {display:none;}
.page-videos .videos-screen {
  background:var(--graphite);
  box-shadow:0 0 0 1px var(--gold-55);
}
.page-videos .videos-screen__watch-label {z-index:3;}
.page-videos .videos-screen__play {
  width:5.25rem;height:5.25rem;background:var(--aubergine);
  border:2px solid var(--gold);color:var(--gold);
  box-shadow:0 0 0 7px rgb(83 51 64 / 0.28);
  font-size:1.6rem;
}
.page-videos .videos-screen__watch:hover .videos-screen__play,
.page-videos .videos-screen__watch:focus-visible .videos-screen__play {
  transform:scale(1.08);background:var(--aubergine);
  box-shadow:0 0 0 10px rgb(200 169 107 / 0.2);
}
.page-videos .videos-shorts-section {
  background:var(--ivory);color:var(--graphite);
  padding-block:clamp(3.5rem,6vw,5.5rem);
}
.page-videos .videos-shorts {padding-top:0;}
.page-videos .videos-shorts__eyebrow {
  color:var(--aubergine);margin:0 0 clamp(1rem,2vw,1.75rem);
  font-family:var(--font-display);font-size:clamp(2rem,3vw,3rem);font-weight:500;line-height:1.2;letter-spacing:0;
}
.page-videos .videos-shorts__list {
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:start;column-gap:clamp(1.5rem,4vw,4rem);
  row-gap:2rem;border-top:1px solid rgb(37 37 38 / 0.18);
  padding:clamp(1.5rem,2.5vw,2.5rem) 0 0;
}
.page-videos .videos-short--01,
.page-videos .videos-short--02,
.page-videos .videos-short--03 {
  grid-column:auto;grid-row:auto;margin-top:0;min-width:0;
}
.page-videos .videos-short__inner {
  display:grid;justify-items:center;align-content:start;min-width:0;
}
.page-videos .videos-short__frame {
  width:100%;max-width:clamp(10.5rem,20vw,14rem);
  aspect-ratio:9 / 16;max-height:none;
  background:var(--graphite);
  box-shadow:0 0 0 1px rgb(37 37 38 / 0.14);
}
.page-videos .videos-short .videos-meta {
  width:100%;max-width:clamp(10.5rem,20vw,14rem);
  display:grid;grid-template-rows:auto auto auto;
  gap:.35rem;margin-top:clamp(.9rem,1.6vw,1.4rem);
}
.page-videos .videos-short .videos-meta__category {
  color:var(--aubergine);font-size:clamp(.72rem,.85vw,.9rem);
  line-height:1.45;letter-spacing:.11em;
}
.page-videos .videos-short .videos-meta__title {
  color:var(--graphite);font-size:clamp(1.15rem,1.5vw,1.45rem);
}
.page-videos .videos-short .videos-meta__link {
  font-size:clamp(.93rem,1vw,1rem);
}
.page-videos .videos-shorts-section .videos-meta__link a {
  color:var(--graphite);text-decoration-color:var(--gold);
}
.page-videos .videos-shorts-section .videos-meta__link a:hover,
.page-videos .videos-shorts-section .videos-meta__link a:focus-visible {
  color:var(--aubergine);
}
.page-videos .videos-short__play {
  background:var(--aubergine);border:2px solid var(--gold);color:var(--gold);
}
.page-videos .videos-follow-section {background:var(--graphite);color:var(--ivory);}
.page-videos .videos-follow {
  padding-block:clamp(4rem,7vw,6rem);border-top:0;
}
.page-videos .videos-follow__title {margin-top:0;}
@media(max-width:719px) {
  .page-videos .videos-hero .videos-intro {
    min-height:clamp(22rem,40svh,28rem);padding-block:3.5rem;
  }
  .page-videos .videos-hero .videos-intro__title {
    font-size:clamp(3rem,10vw,4.5rem);
  }
  .page-videos .videos-shorts__list {
    grid-template-columns:minmax(0,1fr);gap:clamp(2.5rem,8vw,4rem);
  }
  .page-videos .videos-short--01,
  .page-videos .videos-short--02,
  .page-videos .videos-short--03 {
    grid-column:1;justify-self:center;width:100%;margin-top:0;
  }
  .page-videos .videos-short__frame,
  .page-videos .videos-short .videos-meta {
    max-width:min(65vw,14rem);
  }
}
@media(prefers-reduced-motion:reduce){
  .page-videos .videos-room[data-videos-scroll] .videos-screen__poster {
    clip-path:none;will-change:auto;
  }
}