/* Keep the captured experience locked on the hero until the visitor enters the studio. */
    html:has(body.example-static:not(.has-entered)),
    body.example-static:not(.has-entered),
    html.entry-locked { overflow: hidden !important; }
    html.entry-locked::-webkit-scrollbar,
    body.example-static:not(.has-entered)::-webkit-scrollbar { display: none; }
    html.entry-locked { scrollbar-width: none; }
    body.example-static .intro { position: fixed !important; inset: 0 !important; z-index: 100 !important; }
    .intro__video-stack { position: absolute; inset: 0; overflow: hidden; }
    video.intro__video { position: absolute; top: 50%; left: 50%; width: 177.7778vh; height: 100vh; min-width: 100vw; min-height: 56.25vw; border: 0; opacity: 0; transform: translate(-50%, -50%); transition: opacity .8s ease; animation: none !important; pointer-events: none; }
    video.intro__video.is-active { opacity: 1; }
    .intro__timeline i { display: block; height: 100%; background: #b41920 !important; transition: width .8s ease; }
    body.example-static .intro__timeline { grid-template-columns: 340px minmax(0, 1fr) auto !important; }
    body.example-static .intro__reel-label { width: 340px; min-width: 340px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: opacity .22s ease, transform .22s ease; }
    body.example-static .intro__reel-label.is-leaving { opacity: 0; transform: translateY(7px); }
    body.example-static .intro__reel-label.is-entering { animation: reelTitleIn .45s cubic-bezier(.2,.75,.25,1) both; }
    @keyframes reelTitleIn { from { opacity: 0; transform: translateY(-7px); } to { opacity: 1; transform: translateY(0); } }
    .intro__count { display: inline-flex; align-items: center; }
    .intro__count-number { display: inline-flex; height: 1em; }
    .counter-digit { position: relative; display: inline-block; width: .7em; height: 1em; overflow: hidden; line-height: 1em; }
    .counter-digit > span { position: absolute; inset: 0; transition: transform .55s cubic-bezier(.2,.75,.25,1); }
    .counter-digit__current { transform: translateY(0); }
    .counter-digit__next { transform: translateY(-110%); }
    .counter-digit.is-changing .counter-digit__current { transform: translateY(110%); }
    .counter-digit.is-changing .counter-digit__next { transform: translateY(0); }
    .counter-digit.is-settling > span { transition: none !important; }
    @media (max-width: 700px) {
      body.example-static .intro__timeline { grid-template-columns: minmax(0, 1fr) auto !important; }
      body.example-static .intro__reel-label { width: auto; min-width: 0; max-width: 100%; }
    }
    body.example-static .site-shell { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transition: opacity .65s .15s, visibility 0s linear .8s !important; }
    body.example-static .site-shell.site-shell--entered { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transition: opacity .65s .25s, visibility 0s linear 0s !important; }
    body.example-static .intro.intro--exited { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transition: opacity .65s, visibility 0s linear .65s !important; }
    .local-status { margin-top: 1rem; font-size: .8rem; opacity: .75; }
    body.example-static .about--reference { position: relative; isolation: isolate; display: grid; grid-template-rows: minmax(0, 1fr) 86px; gap: 18px; box-sizing: border-box; height: calc(100svh - 78px); min-height: 820px; overflow: hidden; padding: 22px clamp(24px, 4vw, 64px) 34px; background: #071012 !important; color: #f1eadf !important; }
    .about-ref__ambient { position: absolute; inset: 0; z-index: 0; background: linear-gradient(90deg, rgba(3, 10, 12, .96) 0%, rgba(4, 16, 19, .88) 42%, rgba(4, 28, 32, .68) 72%, rgba(4, 31, 35, .58) 100%), radial-gradient(circle at 82% 48%, rgba(12, 72, 78, .38), transparent 45%), url("../../media/old-assets/watch-section-background.png") center / cover no-repeat; }
    .about-ref__ambient::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(2, 8, 10, .08), rgba(2, 8, 10, .28)), radial-gradient(circle at 50% 45%, transparent 35%, rgba(1, 6, 8, .3) 100%); pointer-events: none; }
    .about-ref__layout { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(460px, .9fr) minmax(0, 1.1fr); align-items: center; gap: clamp(36px, 3vw, 48px); width: min(100%, 1200px); min-height: 0; margin-inline: auto; }
    .about-ref__copy { max-width: 610px; }
    .about-ref__eyebrow { margin: 0 0 22px; color: #d31f26; font-size: 12px; font-weight: 650; letter-spacing: .16em; text-transform: uppercase; }
    .about-ref__copy h2 { margin: 0; color: #f1eadf; font-family: var(--serif); font-size: clamp(52px, 5.25vw, 88px); font-weight: 400; letter-spacing: -.045em; line-height: .94; text-wrap: balance; }
    .about-ref__copy h2 em { color: #c92b2c; font-style: italic; }
    .about-ref__body { max-width: 570px; margin-top: clamp(24px, 2.4vw, 36px); color: rgba(241, 234, 223, .86); font-size: clamp(15px, 1.05vw, 17px); line-height: 1.58; }
    .about-ref__body p { margin: 0 0 20px; }
    .about-ref__actions { display: flex; align-items: center; gap: 44px; margin-top: 26px; }
    .about-ref__actions .button { min-width: 252px; justify-content: center; }
    .about-ref__work-link { position: relative; display: inline-flex; align-items: center; justify-content: space-between; min-width: 148px; overflow: visible; padding: 0 18px 9px 0; box-sizing: border-box; color: #f1eadf; font-size: 12px; font-weight: 650; letter-spacing: .18em; line-height: 1; text-decoration: none; text-transform: uppercase; }
    .about-ref__work-link::after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; height: 1px; background: #c92b2c; }
    .about-ref__work-link span { position: relative; display: inline-block; flex: 0 0 13px; width: 13px; height: 13px; margin-left: 20px; margin-right: 0; color: transparent; font-size: 0; }
    .about-ref__work-link span::before { content: ""; position: absolute; top: 1px; right: 0px; width: 7px; height: 7px; border-top: 1px solid #f1eadf; border-right: 1px solid #f1eadf; }
    .about-ref__work-link span::after { content: ""; position: absolute; top: 2px; right: 2px; width: 12px; height: 1px; background: #f1eadf; transform: rotate(-45deg); transform-origin: right center; }
    .about-ref__wall { position: relative; justify-self: end; width: min(100%, 650px); transform: perspective(1100px) rotateX(10deg) rotateY(350deg) rotateZ(4deg) translateY(-5px) !important; transform-origin: 62% 50%; transform-style: preserve-3d; backface-visibility: hidden; }
    .about-ref__wall::before { content: ""; position: absolute; inset: 5px -12px -13px 8px; z-index: -1; border: 1px solid rgba(241, 234, 223, .28); background: linear-gradient(145deg, rgba(27, 26, 24, .82), rgba(4, 8, 9, .92)); box-shadow: 0 26px 34px rgba(0, 0, 0, .42); transform: translateZ(-18px); }
    .about-ref__wall-frame { position: relative; display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; padding: 10px; border: 1px solid rgba(241, 234, 223, .42); background: rgba(7, 9, 10, .82); box-shadow: 0 30px 55px rgba(0, 0, 0, .42); transform-style: preserve-3d; }
    .about-ref__poster { position: relative; aspect-ratio: .73; overflow: hidden; background: #13191b; }
    .about-ref__poster::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(3, 6, 7, 0) 68%, rgba(3, 6, 7, .14) 100%); pointer-events: none; }
    .about-ref__poster img { display: block; width: 100%; height: 100%; object-fit: cover; filter: saturate(.9) contrast(1.06) brightness(.86); transition: transform .8s ease; }
    .about-ref__poster:hover img { transform: scale(1.05); }
    .about-ref__poster span { display: none; }
    .about-ref__poster span b { display: block; font-family: var(--sans); font-size: .88em; font-weight: 800; letter-spacing: -.02em; }
    .about-ref__poster span i { display: block; color: #d72b2f; font-family: var(--sans); font-size: .68em; font-style: normal; font-weight: 800; letter-spacing: .13em; }
    .about-ref__wall-label { position: absolute; right: -20px; bottom: -17px; padding: 11px 18px; border: 1px solid rgba(241, 234, 223, .35); background: #0b1011; color: #f1eadf; font-size: 10px; letter-spacing: .2em; text-transform: uppercase; }
    .about-ref__stats { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); width: min(100%, 1200px); margin: 0 auto; border: 1px solid rgba(241, 234, 223, .28); background: rgba(6, 12, 14, .82); backdrop-filter: blur(5px); }
    .about-ref__stat { position: relative; display: flex; align-items: center; justify-content: center; gap: 16px; min-width: 0; min-height: 84px; padding: 13px 26px; border-right: 0; }
    .about-ref__stat::after { content: ""; position: absolute; top: 16px; right: 0; bottom: 16px; width: 1px; background: rgba(241, 234, 223, .22); }
    .about-ref__stat:last-child::after { display: none; }
    .about-ref__stat-icon { display: grid; width: 30px; height: 30px; place-items: center; color: #d31f26; }
    .about-ref__stat-icon svg { display: block; width: 28px; height: 28px; fill: none; stroke: currentColor; stroke-width: 1.35; stroke-linecap: round; stroke-linejoin: round; }
    .about-ref__stat strong { display: block; color: #f1eadf; font-family: var(--serif); font-size: clamp(22px, 1.65vw, 28px); font-weight: 400; line-height: 1; white-space: nowrap; }
    .about-ref__stat small { display: block; margin-top: 7px; overflow: hidden; color: rgba(241, 234, 223, .82); font-size: 9px; letter-spacing: .13em; line-height: 1.2; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
    @media (max-width: 1050px) {
      body.example-static .about--reference { display: block; height: auto; min-height: calc(100svh - 84px); padding-top: 72px; }
      .about-ref__layout { grid-template-columns: 1fr; gap: 58px; }
      .about-ref__copy { max-width: 720px; }
      .about-ref__wall { justify-self: start; width: min(100%, 760px); }
      .about-ref__stats { margin: 58px auto 0; }
    }
    @media (max-width: 700px) {
      body.example-static .about--reference { padding: 64px 22px 24px; }
      .about-ref__layout { min-height: auto; gap: 44px; }
      .about-ref__copy h2 { font-size: clamp(47px, 14vw, 72px); }
      .about-ref__actions { align-items: flex-start; flex-direction: column; gap: 26px; }
      .about-ref__wall-frame { gap: 5px; padding: 7px; }
      .about-ref__wall-label { right: -5px; bottom: -14px; padding: 8px 10px; font-size: 8px; }
      .about-ref__stats { grid-template-columns: repeat(2, 1fr); }
      .about-ref__stat { min-height: 74px; padding: 13px 14px; }
      .about-ref__stat:nth-child(2) { border-right: 0; }
      .about-ref__stat:nth-child(-n+2) { border-bottom: 1px solid rgba(241, 234, 223, .22); }
      .about-ref__stat small { font-size: 8px; letter-spacing: .08em; }
    }
    /* Reference styling for the 02 · Watch section. */
    body.example-static .watch-reference { isolation: isolate; min-height: calc(100svh - 78px); padding: 34px 24px 60px; color: #f1eadf; background: #071012; }
    body.example-static .watch-reference__ambient { position: absolute; z-index: 0; inset: 0; background: linear-gradient(90deg, rgba(3,10,12,.98) 0%, rgba(4,16,19,.9) 40%, rgba(4,28,32,.72) 78%, rgba(4,31,35,.58) 100%), linear-gradient(180deg, rgba(2,8,10,.08), rgba(2,8,10,.34)), url("../../media/old-assets/tales-from-the-trap-still.png") center / cover no-repeat; filter: saturate(.85) contrast(1.05); }
    body.example-static .watch-reference__heading, body.example-static .watch-reference__grid, body.example-static .watch-features { position: relative; z-index: 1; width: min(100%, 1248px); max-width: 1248px; margin-inline: auto; }
    body.example-static .watch-reference__heading { grid-template-columns: minmax(0,1fr) minmax(300px,365px); align-items: end; gap: 64px; margin-bottom: 20px; }
    body.example-static .watch-reference__heading .eyebrow { margin-bottom: 13px; color: #e01d2a; font-size: 12px; font-weight: 650; letter-spacing: .2em; }
    body.example-static .watch-reference__heading h2 { color: #f1eadf; font-size: clamp(72px,6.15vw,105px); line-height: .84; letter-spacing: -.055em; }
    body.example-static .watch-reference__heading h2 em { display: block; margin-top: .12em; color: #d3232b; font-style: italic; }
    body.example-static .watch-reference__heading > p { max-width: 350px; margin: 0 0 4px; color: rgba(241,234,223,.82); font-size: 16px; line-height: 1.55; }
    body.example-static .watch-reference__grid { grid-template-columns: 1.45fr 1fr; grid-template-rows: repeat(2,minmax(0,1fr)); gap: 9px; height: clamp(430px,48vw,458px); }
    body.example-static .watch-reference__grid .trailer-card { min-height: 0; border: 1px solid rgba(211,195,170,.55); box-shadow: 0 18px 45px rgba(0,0,0,.22); }
    body.example-static .watch-reference__grid .trailer-card--feature { grid-row: 1 / 3; }
    body.example-static .watch-reference__grid .trailer-card img { opacity: .78; filter: saturate(.72) contrast(1.08) brightness(.88); }
    body.example-static .watch-reference__grid .trailer-card__shade { background: linear-gradient(180deg, rgba(4,5,6,.18) 0%, rgba(4,5,6,.08) 35%, rgba(4,5,6,.96) 100%), linear-gradient(90deg, rgba(4,5,6,.52), transparent 66%); }
    body.example-static .watch-reference__grid .trailer-card__number { position: absolute; z-index: 3; top: 23px; left: 25px; color: #e01d2a; font-size: 12px; font-weight: 650; letter-spacing: .16em; }
    body.example-static .watch-reference__grid .trailer-card__play { top: 50px; left: 22px; width: 52px; height: 52px; }
    body.example-static .watch-reference__grid .trailer-card__meta { right: 28px; bottom: 28px; left: 28px; gap: 8px 20px; }
    body.example-static .watch-reference__grid .trailer-card__meta small { color: #e01d2a; font-size: 9px; font-weight: 650; letter-spacing: .18em; }
    body.example-static .watch-reference__grid .trailer-card__meta strong { max-width: 92%; color: #f1eadf; font-size: clamp(23px,2.18vw,39px); line-height: 1.06; }
    body.example-static .watch-reference__grid .trailer-card__meta strong .watch-card__accent { color: #d3232b; font-style: italic; font-weight: 400; }
    body.example-static .watch-reference__grid .trailer-card:not(.trailer-card--feature) .trailer-card__meta { right: 23px; bottom: 23px; left: 23px; gap: 6px 12px; }
    body.example-static .watch-reference__grid .trailer-card:not(.trailer-card--feature) .trailer-card__meta strong { max-width: 90%; font-size: clamp(18px,1.55vw,27px); line-height: 1.08; }
    body.example-static .watch-reference__grid .trailer-card__meta > em { color: #f1eadf; font-size: 11px; font-style: normal; letter-spacing: .18em; }
    body.example-static .watch-features { display: grid; grid-template-columns: repeat(3,1fr); min-height: 88px; margin-top: 20px; border: 1px solid rgba(211,195,170,.5); background: rgba(4,7,8,.55); backdrop-filter: blur(10px); }
    body.example-static .watch-feature { display: flex; align-items: center; gap: 22px; min-width: 0; padding: 17px 44px; border-right: 1px solid rgba(255,255,255,.16); }
    body.example-static .watch-feature:last-child { border-right: 0; }
    body.example-static .watch-feature__icon { display: grid; flex: 0 0 38px; width: 38px; height: 38px; place-items: center; color: #e01d2a; }
    body.example-static .watch-feature__icon svg { display: block; width: 32px; height: 32px; fill: none; stroke: currentColor; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; }
    body.example-static .watch-feature strong { display: block; margin-bottom: 5px; color: #f1eadf; font-size: 12px; font-weight: 650; letter-spacing: .17em; line-height: 1; text-transform: uppercase; white-space: nowrap; }
    body.example-static .watch-feature p { margin: 0; color: rgba(241,234,223,.62); font-size: 12px; line-height: 1.25; white-space: nowrap; }
    @media (max-width: 900px) {
      body.example-static .watch-reference { padding: 62px 22px 34px; }
      body.example-static .watch-reference__heading { grid-template-columns: 1fr; gap: 24px; margin-bottom: 28px; }
      body.example-static .watch-reference__heading > p { max-width: 520px; }
      body.example-static .watch-reference__grid { height: auto; grid-template-columns: 1fr; grid-template-rows: repeat(3,minmax(240px,45vw)); }
      body.example-static .watch-reference__grid .trailer-card--feature { grid-row: auto; min-height: 0; }
      body.example-static .watch-features { grid-template-columns: 1fr; }
      body.example-static .watch-feature { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.16); padding: 18px 24px; }
      body.example-static .watch-feature:last-child { border-bottom: 0; }
    }
    @media (max-width: 520px) {
      body.example-static .watch-reference__heading h2 { font-size: clamp(58px,17vw,82px); }
      body.example-static .watch-reference__grid { grid-template-rows: repeat(3,72vw); }
      body.example-static .watch-reference__grid .trailer-card__meta strong { font-size: 26px; }
      body.example-static .watch-feature p { white-space: normal; }
    }
    /* Full-bleed entered-site sections with a shared 1200px content rail. */
    body.example-static .site-shell > .site-header,
    body.example-static .site-shell > main,
    body.example-static .site-shell > footer {
      width: 100% !important;
      max-width: none !important;
      margin-inline: 0 !important;
      box-sizing: border-box;
    }
    body.example-static .site-shell > .site-header,
    body.example-static .site-shell > footer {
      padding-inline: max(24px, calc((100% - 1200px) / 2));
    }
    body.example-static .site-shell > main > section {
      width: 100%;
      max-width: none;
      margin-inline: 0;
      box-sizing: border-box;
    }
    body.example-static .site-shell > main > section > :is(.section-heading, .trailer-grid, .talent__heading, .talent-list, .filmography__top, .filters, .film-grid, .tv-grid, .news__top, .news-grid, .contact__intro, .contact-form) {
      width: min(100%, 1200px);
      max-width: 1200px;
      margin-inline: auto;
      box-sizing: border-box;
    }
    body.example-static .site-shell > main > section > .section__index {
      left: max(24px, calc((100% - 1200px) / 2));
    }
    body.example-static .site-shell > main > .contact {
      padding-inline: max(24px, calc((100% - 1200px) / 2));
    }
    @media (min-width: 1051px) {
      body.example-static .site-shell > main > .about--reference { padding-inline: 0; }
    }
    body.example-static .site-shell > main > section.watch-reference > .watch-reference__heading,
    body.example-static .site-shell > main > section.watch-reference > .watch-reference__grid,
    body.example-static .site-shell > main > section.watch-reference > .watch-features {
      width: min(100%, 1248px);
      max-width: 1248px;
    }
    /* Typography calibration for the Watch reference. */
    body.example-static .watch-reference,
    body.example-static .watch-reference__heading,
    body.example-static .watch-reference__grid,
    body.example-static .watch-features { font-synthesis: none; }
    body.example-static .site-header nav a,
    body.example-static .site-header .brand__name,
    body.example-static .watch-reference__heading .eyebrow,
    body.example-static .watch-reference__grid .trailer-card__number,
    body.example-static .watch-reference__grid .trailer-card__meta small,
    body.example-static .watch-reference__grid .trailer-card__meta > em,
    body.example-static .watch-feature strong {
      font-family: "IBM Plex Mono", monospace;
      font-weight: 500;
    }
    body.example-static .site-header nav a {
      font-size: 11px;
      letter-spacing: .19em;
    }
    body.example-static .site-header .brand__name {
      font-size: 10px;
      letter-spacing: .27em;
    }
    body.example-static .watch-reference__heading .eyebrow {
      margin-bottom: 14px;
      font-size: 12px;
      letter-spacing: .21em;
    }
    body.example-static .watch-reference__heading h2,
    body.example-static .watch-reference__grid .trailer-card__meta strong {
      font-family: "Gloock", Georgia, serif;
      font-weight: 400;
    }
    body.example-static .watch-reference__heading h2 {
      font-size: clamp(78px, 6.45vw, 110px);
      line-height: .86;
    }
    body.example-static .watch-reference__heading > p,
    body.example-static .watch-feature p {
      font-family: "DM Sans", "Helvetica Neue", Arial, sans-serif;
      font-weight: 400;
    }
    body.example-static .watch-reference__heading > p {
      font-size: 17px;
      line-height: 1.52;
    }
    body.example-static .watch-reference__grid .trailer-card__number {
      font-size: 12px;
      font-weight: 500;
    }
    body.example-static .watch-reference__grid .trailer-card__meta small {
      font-size: 10px;
      font-weight: 500;
      letter-spacing: .17em;
    }
    body.example-static .watch-reference__grid .trailer-card__meta strong {
      font-size: clamp(25px, 2.42vw, 43px);
      line-height: 1.05;
    }
    body.example-static .watch-reference__grid .trailer-card:not(.trailer-card--feature) .trailer-card__meta strong {
      font-size: clamp(19px, 1.74vw, 30px);
      line-height: 1.06;
    }
    body.example-static .watch-reference__grid .trailer-card__meta > em {
      font-size: 12px;
      font-weight: 500;
    }
    body.example-static .watch-feature strong {
      font-size: 12px;
      font-weight: 500;
      letter-spacing: .15em;
    }
    body.example-static .watch-feature p {
      font-size: 13px;
      line-height: 1.3;
    }
    /* Lighter display face for the Watch heading. */
    body.example-static .watch-reference__heading h2,
    body.example-static .watch-reference__heading h2 em {
      font-family: "Cormorant Garamond", "Baskerville", "Times New Roman", serif;
      font-weight: 400;
    }
    body.example-static .watch-reference__heading h2 em {
      font-style: italic;
    }      /* Filmography uses the real key art rather than CSS-only poster placeholders. */
    body.example-static .filmography .film-card__poster {
      padding: 0;
      background: #141416;
      overflow: hidden;
      isolation: isolate;
    }
    body.example-static .filmography .film-card__poster-image {
      position: absolute;
      inset: 0;
      z-index: 0;
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      transition: transform .45s ease, filter .45s ease;
    }
    body.example-static .filmography .film-card__poster::before {
      z-index: 1;
      border-color: rgba(245, 236, 222, .3);
    }
    body.example-static .filmography .film-card__poster::after {
      z-index: 2;
      background: linear-gradient(180deg, rgba(7, 7, 8, .02) 0%, rgba(7, 7, 8, .08) 45%, rgba(7, 7, 8, .42) 100%);
    }
    body.example-static .filmography .film-card__poster > .film-card__code,
    body.example-static .filmography .film-card__poster > .film-card__rule,
    body.example-static .filmography .film-card__poster > div {
      display: none;
    }
    body.example-static .filmography .film-card:hover .film-card__poster-image {
      transform: scale(1.04);
      filter: saturate(1.04) contrast(1.03);
    }    /* Reference styling for 03 · People. */
    body.example-static .talent-reference {
      isolation: isolate;
      min-height: calc(100svh - 78px);
      padding: 36px 24px 52px;
      color: #f1eadf;
      background: #071012;
    }
    body.example-static .talent-reference__ambient {
      position: absolute;
      z-index: 0;
      inset: 0;
      background: linear-gradient(90deg, rgba(3,10,12,.98) 0%, rgba(4,16,19,.9) 40%, rgba(4,28,32,.72) 78%, rgba(4,31,35,.58) 100%), linear-gradient(180deg, rgba(2,8,10,.08), rgba(2,8,10,.34)), url("../../media/old-assets/tales-from-the-trap-people-night.png") center / cover no-repeat;
      filter: saturate(.78) contrast(1.05);
    }
    body.example-static .talent-reference__ambient::after {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      background: radial-gradient(circle at 50% 55%, transparent 26%, rgba(1,6,8,.28) 100%);
    }
    body.example-static .talent-reference__inner {
      position: relative;
      z-index: 1;
      width: min(100%, 1280px);
      margin-inline: auto;
    }
    body.example-static .talent-reference__heading {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(300px, .82fr);
      align-items: end;
      gap: clamp(40px, 6vw, 84px);
      margin-bottom: 30px;
    }
    body.example-static .talent-reference__heading .eyebrow {
      margin: 0 0 14px;
      color: #e01d2a;
      font-family: "IBM Plex Mono", monospace;
      font-size: 12px;
      font-weight: 500;
      letter-spacing: .2em;
      text-transform: uppercase;
    }
    body.example-static .talent-reference__heading h2 {
      margin: 0;
      color: #f1eadf;
      font-family: "Cormorant Garamond", "Baskerville", "Times New Roman", serif;
      font-size: clamp(64px, 5.45vw, 90px);
      font-weight: 400;
      letter-spacing: -.052em;
      line-height: .84;
    }
    body.example-static .talent-reference__heading h2 em {
      display: inline;
      color: #d3232b;
      font-style: italic;
      font-weight: 400;
    }
    body.example-static .talent-reference__heading > p {
      max-width: 430px;
      margin: 0 0 4px;
      color: rgba(241,234,223,.82);
      font-size: 16px;
      line-height: 1.55;
    }
    body.example-static .talent-card-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 10px;
    }
    body.example-static .talent-reference .talent-card {
      position: relative;
      display: grid;
      grid-template-columns: 132px minmax(0, 1fr);
      align-items: center;
      gap: 24px;
      min-height: 178px;
      padding: 20px 22px;
      overflow: hidden;
      border: 1px solid rgba(211,195,170,.5);
      color: #f1eadf;
      text-align: left;
      background: linear-gradient(145deg, rgba(25,28,30,.82), rgba(7,10,11,.9));
      cursor: pointer;
      transition: transform .45s cubic-bezier(.2,.75,.25,1), border-color .3s, box-shadow .45s;
    }
    body.example-static .talent-reference .talent-card::before {
      content: "";
      position: absolute;
      z-index: 2;
      top: -1px;
      right: 0;
      left: 0;
      height: 2px;
      background: #e01d2a;
      transform: scaleX(0);
      transform-origin: left;
      transition: transform .4s cubic-bezier(.2,.75,.25,1);
    }
    body.example-static .talent-reference .talent-card:hover {
      z-index: 2;
      border-color: rgba(241,234,223,.72);
      transform: translateY(-4px);
      box-shadow: 0 20px 55px rgba(0,0,0,.34);
    }
    body.example-static .talent-reference .talent-card:hover::before { transform: scaleX(1); }
    body.example-static .talent-avatar {
      position: relative;
      display: grid;
      width: 132px;
      height: 132px;
      place-items: center;
      overflow: hidden;
      border: 1px solid rgba(221,207,184,.64);
      border-radius: 50%;
      background: radial-gradient(circle at 50% 28%, #33383a 0%, #171a1c 56%, #0a0c0d 100%);
      box-shadow: inset 0 0 0 1px rgba(0,0,0,.3), 0 10px 24px rgba(0,0,0,.22);
    }
    body.example-static .talent-avatar img {
      position: absolute;
      inset: 0;
      z-index: 1;
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      filter: brightness(.84) saturate(.5) contrast(1.08);
    }
    body.example-static .talent-avatar img.talent-avatar__image--high {
      object-position: 50% 12%;
    }
    body.example-static .talent-avatar::after {
      content: "";
      position: absolute;
      z-index: 2;
      inset: 0;
      pointer-events: none;
      background: linear-gradient(180deg, rgba(0,0,0,.02) 50%, rgba(3,5,6,.58) 100%);
    }
    body.example-static .talent-card__copy { min-width: 0; }
    body.example-static .talent-card__copy strong {
      display: block;
      margin-bottom: 0;
      color: #f1eadf;
      font-family: "Cormorant Garamond", "Baskerville", "Times New Roman", serif;
      font-size: clamp(25px, 2.05vw, 34px);
      font-weight: 400;
      line-height: 1.02;
    }
    body.example-static .talent-card__arrow {
      position: absolute;
      z-index: 3;
      top: 17px;
      right: 18px;
      color: rgba(241,234,223,.72);
      font-family: "Cormorant Garamond", serif;
      font-size: 21px;
      line-height: 1;
    }
    body.example-static .talent-roster-control {
      display: grid;
      grid-template-columns: auto minmax(40px, 1fr) auto;
      align-items: center;
      gap: 16px;
      margin-top: 12px;
    }
    body.example-static .talent-roster-control::before {
      align-self: center;
      content: "Showing featured talent";
      color: rgba(241,234,223,.7);
      font-family: "IBM Plex Mono", monospace;
      font-size: 10px;
      font-weight: 500;
      letter-spacing: .18em;
      line-height: 1;
      text-transform: uppercase;
      white-space: nowrap;
    }
    body.example-static .talent-roster-control::after {
      grid-column: 2;
      align-self: center;
      width: 100%;
      content: "";
      height: 1px;
      background: rgba(241,234,223,.2);
    }
    body.example-static .talent-roster-control .button {
      grid-column: 3;
      align-self: center;
      justify-self: end;
      width: max-content;
      display: inline-flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
      min-width: 228px;
      padding: 13px 17px;
      border: 1px solid rgba(221,207,184,.68);
      color: #f1eadf;
      background: rgba(4,7,8,.38);
      font-family: "IBM Plex Mono", monospace;
      font-size: 10px;
      font-weight: 500;
      letter-spacing: .18em;
      text-transform: uppercase;
      cursor: pointer;
    }
    body.example-static .talent-roster-control .button:hover { background: rgba(241,234,223,.1); }
    body.example-static .talent-roster-control .button span { color: #f1eadf; font-size: 17px; letter-spacing: 0; }
    body.example-static .talent-features {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      min-height: 92px;
      margin-top: 14px;
      border: 1px solid rgba(211,195,170,.5);
      background: rgba(4,7,8,.55);
      backdrop-filter: blur(10px);
    }
    body.example-static .talent-feature {
      display: grid;
      grid-template-columns: 44px minmax(0, 1fr);
      align-items: center;
      gap: 20px;
      min-width: 0;
      padding: 17px 42px;
      border-right: 1px solid rgba(255,255,255,.16);
    }
    body.example-static .talent-feature:last-child { border-right: 0; }
    body.example-static .talent-feature__icon {
      display: grid;
      width: 42px; height: 42px;
      place-items: center;
      color: #e01d2a;
    }
    body.example-static .talent-feature__icon svg {
      display: block;
      width: 38px; height: 38px;
      fill: none;
      stroke: currentColor;
      stroke-linecap: round;
      stroke-linejoin: round;
      stroke-width: 1.35;
    }
    body.example-static .talent-feature strong {
      display: block;
      margin-bottom: 5px;
      color: #f1eadf;
      font-family: "IBM Plex Mono", monospace;
      font-size: 12px;
      font-weight: 500;
      letter-spacing: .18em;
      line-height: 1;
      text-transform: uppercase;
    }
    body.example-static .talent-feature > span:last-child > span {
      display: block;
      color: rgba(241,234,223,.65);
      font-size: 13px;
      line-height: 1.3;
    }
    @media (max-width: 900px) {
      body.example-static .talent-reference { padding: 64px 22px 36px; }
      body.example-static .talent-reference__heading { grid-template-columns: 1fr; gap: 24px; margin-bottom: 28px; }
      body.example-static .talent-reference__heading > p { max-width: 520px; }
      body.example-static .talent-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      body.example-static .talent-reference .talent-card { grid-template-columns: 96px minmax(0, 1fr); min-height: 155px; gap: 15px; padding: 15px; }
      body.example-static .talent-avatar { width: 96px; height: 96px; }
      body.example-static .talent-card__copy strong { font-size: clamp(22px, 3.2vw, 30px); }
      body.example-static .talent-feature { padding-inline: 24px; }
    }
    @media (max-width: 600px) {
      body.example-static .talent-reference { padding: 58px 20px 28px; }
      body.example-static .talent-reference__heading h2 { font-size: clamp(58px, 16vw, 78px); }
      body.example-static .talent-card-grid { grid-template-columns: 1fr; gap: 8px; }
      body.example-static .talent-reference .talent-card { grid-template-columns: 100px minmax(0, 1fr); min-height: 132px; }
      body.example-static .talent-avatar { width: 100px; height: 100px; }
      body.example-static .talent-roster-control { grid-template-columns: 1fr; gap: 13px; }
      body.example-static .talent-roster-control::after { display: none; }
      body.example-static .talent-roster-control .button { grid-column: 1; min-width: 0; width: 100%; }
      body.example-static .talent-features { grid-template-columns: 1fr; }
      body.example-static .talent-feature { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.16); }
      body.example-static .talent-feature:last-child { border-bottom: 0; }
    }    /* Keep the roster divider as an explicit centred grid item. */
    body.example-static .talent-roster-control::before,
    body.example-static .talent-roster-control::after {
      display: none;
      content: none;
    }
    body.example-static .talent-roster-control__label {
      grid-column: 1;
      align-self: center;
      color: rgba(241,234,223,.7);
      font-family: "IBM Plex Mono", monospace;
      font-size: 10px;
      font-weight: 500;
      letter-spacing: .18em;
      line-height: 1;
      text-transform: uppercase;
      white-space: nowrap;
    }
    body.example-static .talent-roster-control__line {
      grid-column: 2;
      align-self: center;
      width: 100%;
      height: 1px;
      background: rgba(241,234,223,.2);
    }
    @media (max-width: 600px) {
      body.example-static .talent-roster-control__label,
      body.example-static .talent-roster-control .button { grid-column: 1; }
      body.example-static .talent-roster-control__line { display: none; }
    }    /* Platform marks for the footer social links. */
    body.example-static footer > .footer-socials {
      display: flex;
      align-items: center;
      gap: 20px;
    }
    body.example-static footer .social-link {
      display: grid;
      width: 26px;
      height: 26px;
      place-items: center;
      color: rgba(241,234,223,.72);
      transition: color .25s ease, transform .25s ease;
    }
    body.example-static footer .social-link:hover {
      color: #f1eadf;
      transform: translateY(-2px);
    }
    body.example-static footer .social-link svg {
      display: block;
      width: 22px;
      height: 22px;
      fill: none;
      stroke: currentColor;
      stroke-linecap: round;
      stroke-linejoin: round;
      stroke-width: 1.55;
    }
    body.example-static footer .social-link .social-icon__dot,
    body.example-static footer .social-link .social-icon__play {
      fill: currentColor;
      stroke: none;
    }
    body.example-static footer .social-link--youtube svg { width: 24px; height: 24px; }
    body.example-static footer .social-link--youtube .social-icon__play { fill: #070708; }
    body.example-static footer .social-link--imdb svg { width: 34px; height: 21px; }
    body.example-static footer .social-link--imdb text {
      fill: currentColor;
      stroke: none;
      font-family: Arial, sans-serif;
      font-size: 8px;
      font-weight: 700;
      letter-spacing: -.35px;
    }    /* Reference styling for 04 · Filmography. */
    body.example-static .films-reference {
      isolation: isolate;
      min-height: calc(100svh - 78px);
      padding: 36px 24px 54px;
      color: #f1eadf;
      background: #071012;
    }
    body.example-static .films-reference__ambient {
      position: absolute;
      z-index: 0;
      inset: 0;
      background: linear-gradient(90deg, rgba(3,10,12,.98) 0%, rgba(4,16,19,.9) 40%, rgba(4,28,32,.72) 78%, rgba(4,31,35,.58) 100%), linear-gradient(180deg, rgba(2,8,10,.08), rgba(2,8,10,.34)), url("../../media/old-assets/tales-from-the-trap-filmography.png") center / cover no-repeat;
      filter: saturate(.78) contrast(1.05);
    }
    body.example-static .films-reference__ambient::after {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      background: radial-gradient(circle at 50% 55%, transparent 26%, rgba(1,6,8,.28) 100%);
    }
    body.example-static .films-reference__inner {
      position: relative;
      z-index: 1;
      width: min(100%, 1440px);
      margin-inline: auto;
    }
    body.example-static .films-reference__heading {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(280px, .58fr);
      align-items: end;
      gap: clamp(42px, 6vw, 92px);
      margin-bottom: 28px;
    }
    body.example-static .films-reference__heading .eyebrow {
      margin: 0 0 14px;
      color: #e01d2a;
      font-family: "IBM Plex Mono", monospace;
      font-size: 12px;
      font-weight: 500;
      letter-spacing: .2em;
      text-transform: uppercase;
    }
    body.example-static .films-reference__heading h2 {
      margin: 0;
      color: #f1eadf;
      font-family: "Cormorant Garamond", "Baskerville", "Times New Roman", serif;
      font-size: clamp(64px, 5.5vw, 92px);
      font-weight: 400;
      letter-spacing: -.052em;
      line-height: .84;
    }
    body.example-static .films-reference__heading h2 em {
      display: inline;
      color: #d3232b;
      font-style: italic;
      font-weight: 400;
    }
    body.example-static .films-reference__heading > p {
      max-width: 390px;
      margin: 0 0 3px;
      color: rgba(241,234,223,.8);
      font-size: 15px;
      line-height: 1.58;
    }
    body.example-static .films-reference .film-feature {
      position: relative;
      display: grid;
      grid-template-columns: 220px minmax(0, 1fr) 340px;
      height: var(--film-feature-height, 310px);
      min-height: var(--film-feature-height, 310px);
      overflow: hidden;
      border: 1px solid rgba(211,195,170,.5);
      border-top-color: #e01d2a;
      background: #0b0e10;
      box-shadow: 0 24px 70px rgba(0,0,0,.28);
    }
    body.example-static .films-reference .film-feature__poster {
      position: relative;
      overflow: hidden;
      border-right: 1px solid rgba(255,255,255,.14);
    }
    body.example-static .films-reference .film-feature__poster img,
    body.example-static .films-reference .film-feature__scene iframe {
      display: block;
      width: 100%;
      height: 100%;
    }
    body.example-static .films-reference .film-feature__poster img { object-fit: cover; }
    body.example-static .films-reference .film-feature__poster img {
      filter: saturate(.88) contrast(1.08) brightness(.9);
    }
    body.example-static .films-reference .film-feature__scene {
      position: relative;
      display: grid;
      overflow: hidden;
      background: #000;
    }
    body.example-static .films-reference .film-feature__scene iframe {
      grid-area: 1 / 1;
      border: 0;
      background: #000;
    }
    body.example-static .films-reference .film-feature__trailer-empty {
      grid-area: 1 / 1;
      display: grid;
      place-content: center;
      gap: 10px;
      padding: 30px;
      color: #f1eadf;
      text-align: center;
      background: radial-gradient(circle at 50% 42%, rgba(224,29,42,.18), transparent 32%), linear-gradient(135deg, #121719, #07090a);
    }
    body.example-static .films-reference .film-feature__trailer-empty[hidden],
    body.example-static .films-reference .film-feature__scene iframe[hidden] { display: none; }
    body.example-static .films-reference .film-feature__trailer-empty small {
      color: #e01d2a;
      font-family: "IBM Plex Mono", monospace;
      font-size: 10px;
      font-weight: 500;
      letter-spacing: .18em;
      text-transform: uppercase;
    }
    body.example-static .films-reference .film-feature__trailer-empty strong {
      font-family: "Cormorant Garamond", "Baskerville", "Times New Roman", serif;
      font-size: clamp(24px, 2vw, 34px);
      font-weight: 400;
    }
    body.example-static .films-reference .film-feature__info {
      position: relative;
      z-index: 1;
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 28px 30px;
      background: linear-gradient(90deg, rgba(10,13,15,.9), #080b0c);
    }
    body.example-static .films-reference .film-feature__info small {
      color: #e01d2a;
      font-family: "IBM Plex Mono", monospace;
      font-size: 10px;
      font-weight: 500;
      letter-spacing: .18em;
      text-transform: uppercase;
    }
    body.example-static .films-reference .film-feature__info h3 {
      margin: 12px 0 8px;
      color: #f1eadf;
      font-family: "Cormorant Garamond", "Baskerville", "Times New Roman", serif;
      font-size: clamp(28px, 2.4vw, 42px);
      font-weight: 400;
      line-height: 1.03;
    }
    body.example-static .films-reference .film-feature__meta,
    body.example-static .films-reference .film-card__meta {
      color: rgba(241,234,223,.58);
      font-family: "IBM Plex Mono", monospace;
      font-size: 10px;
      font-weight: 500;
      letter-spacing: .14em;
      text-transform: uppercase;
    }
    body.example-static .films-reference .film-feature__info p {
      margin: 17px 0 18px;
      color: rgba(241,234,223,.5);
      font-size: 12px;
    }
    body.example-static .films-reference .film-feature__info .button {
      align-self: flex-start;
      padding: 11px 16px;
      border: 1px solid rgba(221,207,184,.68);
      color: #f1eadf;
      background: transparent;
      font-family: "IBM Plex Mono", monospace;
      font-size: 10px;
      font-weight: 500;
      letter-spacing: .18em;
      text-transform: uppercase;
    }
    body.example-static .films-reference .film-feature__info .button:hover { background: rgba(241,234,223,.1); }
    body.example-static .films-reference .film-feature__poster,
    body.example-static .films-reference .film-feature__scene,
    body.example-static .films-reference .film-feature__info {
      transition: opacity .42s ease;
    }
    body.example-static .films-reference .film-feature.is-switching .film-feature__poster,
    body.example-static .films-reference .film-feature.is-switching .film-feature__scene,
    body.example-static .films-reference .film-feature.is-switching .film-feature__info { opacity: 0; }
    @media (prefers-reduced-motion: reduce) {
      body.example-static .films-reference .film-feature__poster,
      body.example-static .films-reference .film-feature__scene,
      body.example-static .films-reference .film-feature__info { transition: none; }
    }
    body.example-static .films-reference .film-toolbar {
      display: grid;
      grid-template-columns: 1fr auto;
      align-items: stretch;
      margin-top: 12px;
      border: 1px solid rgba(211,195,170,.5);
      background: rgba(4,7,8,.54);
      backdrop-filter: blur(12px);
    }
    body.example-static .films-reference .filters { display: flex; flex-wrap: wrap; gap: 0; margin: 0; }
    body.example-static .films-reference .filter-button {
      min-width: 78px;
      padding: 12px 18px;
      border: 0;
      border-right: 1px solid rgba(255,255,255,.16);
      color: rgba(241,234,223,.62);
      background: transparent;
      font-family: "IBM Plex Mono", monospace;
      font-size: 10px;
      font-weight: 500;
      letter-spacing: .16em;
      text-transform: uppercase;
      cursor: pointer;
      transition: color .25s ease, background .25s ease;
    }
    body.example-static .films-reference .filter-button:hover,
    body.example-static .films-reference .filter-button.active { color: #0a0a0b; background: #f1eadf; }
    body.example-static .films-reference .film-toolbar__right { display: flex; align-items: stretch; }
    body.example-static .films-reference .film-count,
    body.example-static .films-reference .film-sort {
      display: flex;
      align-items: center;
      padding: 0 16px;
      color: rgba(241,234,223,.58);
      font-family: "IBM Plex Mono", monospace;
      font-size: 10px;
      font-weight: 500;
      letter-spacing: .14em;
      text-transform: uppercase;
    }
    body.example-static .films-reference .film-sort {
      border: 0;
      border-left: 1px solid rgba(255,255,255,.16);
      color: #f1eadf;
      background: transparent;
      cursor: pointer;
    }
    body.example-static .films-reference .film-grid {
      display: grid;
      grid-template-columns: repeat(8, minmax(0, 1fr));
      gap: 24px 10px;
      margin-top: 16px;
    }
    body.example-static .films-reference .film-card { min-width: 0; cursor: pointer; transition: opacity .35s, transform .35s; }
    body.example-static .films-reference .film-card[hidden] { display: none; }
    body.example-static .films-reference .film-card__poster {
      position: relative;
      aspect-ratio: 146 / 210;
      padding: 0;
      overflow: hidden;
      border: 1px solid rgba(211,195,170,.38);
      background: #111;
      box-shadow: 0 12px 24px rgba(0,0,0,.22);
      transition: transform .45s cubic-bezier(.2,.75,.25,1), box-shadow .45s, border-color .3s;
    }
    body.example-static .films-reference .film-card__poster::after {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      background: linear-gradient(180deg, rgba(4,6,7,.02), rgba(4,6,7,.2));
    }
    body.example-static .films-reference .film-card__poster img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      filter: saturate(.92) contrast(1.05) brightness(.9);
      transition: transform .55s cubic-bezier(.2,.75,.25,1), filter .4s;
    }
    body.example-static .films-reference .film-card:hover .film-card__poster,
    body.example-static .films-reference .film-card:focus-visible .film-card__poster,
    body.example-static .films-reference .film-card.is-active .film-card__poster {
      border-color: rgba(255,255,255,.74);
      transform: translateY(-7px);
      box-shadow: 0 22px 55px rgba(0,0,0,.4);
    }
    body.example-static .films-reference .film-card:hover .film-card__poster img,
    body.example-static .films-reference .film-card:focus-visible .film-card__poster img,
    body.example-static .films-reference .film-card.is-active .film-card__poster img { filter: saturate(1) contrast(1.06) brightness(.98); transform: scale(1.035); }
    body.example-static .films-reference .film-card:focus-visible { outline: none; }
    body.example-static .films-reference .film-card:focus-visible .film-card__poster,
    body.example-static .films-reference .film-card.is-active .film-card__poster { border-color: #e01d2a; }
    body.example-static .films-reference .film-card.is-active .film-card__title,
    body.example-static .films-reference .film-card.is-active .film-card__arrow { color: #e01d2a; }
    body.example-static .films-reference .film-card__title-row {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: start;
      gap: 8px;
      padding-top: 11px;
    }
    body.example-static .films-reference .film-card__title {
      color: #f1eadf;
      font-family: "Cormorant Garamond", "Baskerville", "Times New Roman", serif;
      font-size: clamp(14px, 1.05vw, 18px);
      font-weight: 400;
      line-height: 1.08;
    }
    body.example-static .films-reference .film-card__arrow {
      color: rgba(241,234,223,.68);
      font-size: 17px;
      line-height: 1;
    }
    body.example-static .films-reference .film-card__meta { display: block; margin-top: 9px; font-size: 9px; }
    body.example-static .films-reference .film-card.is-active::after {
      content: "";
      display: block;
      height: 2px;
      margin-top: 12px;
      background: #e01d2a;
    }
    body.example-static .films-reference .film-archive-control {
      display: grid;
      justify-items: center;
      gap: 10px;
      margin-top: 36px;
    }
    body.example-static .films-reference .film-archive-control .button {
      padding: 13px 20px;
      border: 1px solid rgba(221,207,184,.68);
      color: #f1eadf;
      background: transparent;
      font-family: "IBM Plex Mono", monospace;
      font-size: 10px;
      font-weight: 500;
      letter-spacing: .18em;
      text-transform: uppercase;
      cursor: pointer;
    }
    body.example-static .films-reference .film-archive-control .button:hover { background: rgba(241,234,223,.1); }
    body.example-static .films-reference .film-archive-status {
      color: rgba(241,234,223,.48);
      font-family: "IBM Plex Mono", monospace;
      font-size: 9px;
      font-weight: 500;
      letter-spacing: .14em;
      text-transform: uppercase;
    }
    @media (max-width: 1100px) {
      body.example-static .films-reference__inner { width: min(100%, 1200px); }
      body.example-static .films-reference .film-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    }
    @media (max-width: 850px) {
      body.example-static .films-reference { padding: 62px 22px 36px; }
      body.example-static .films-reference__heading { grid-template-columns: 1fr; gap: 24px; }
      body.example-static .films-reference .film-feature { grid-template-columns: 190px minmax(0, 1fr); }
      body.example-static .films-reference .film-feature__scene { display: none; }
      body.example-static .films-reference .film-toolbar { grid-template-columns: 1fr; }
      body.example-static .films-reference .film-toolbar__right { min-height: 44px; border-top: 1px solid rgba(255,255,255,.14); }
      body.example-static .films-reference .film-count { flex: 1; }
      body.example-static .films-reference .film-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    }
    @media (max-width: 600px) {
      body.example-static .films-reference { padding: 58px 20px 28px; }
      body.example-static .films-reference__heading h2 { font-size: clamp(58px, 16vw, 80px); }
      body.example-static .films-reference .film-feature { grid-template-columns: 1fr; height: var(--film-feature-height, 520px); min-height: var(--film-feature-height, 520px); }
      body.example-static .films-reference .film-feature.is-visible { height: auto; min-height: 0; }
      body.example-static .films-reference .film-feature__poster { display: none; }
      body.example-static .films-reference .film-feature__scene { display: grid; width: 100%; aspect-ratio: 16 / 9; border-bottom: 1px solid rgba(255,255,255,.14); }
      body.example-static .films-reference .film-feature__info { padding: 24px; }
      body.example-static .films-reference .filter-button { flex: 1 1 33%; min-width: 0; border-bottom: 1px solid rgba(255,255,255,.14); }
      body.example-static .films-reference .film-toolbar__right { flex-wrap: wrap; }
      body.example-static .films-reference .film-sort { min-height: 44px; }
      body.example-static .films-reference .film-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px 10px; }
    }
    @media (max-width: 430px) {
      body.example-static .films-reference .film-grid { grid-template-columns: 1fr 1fr; }
      body.example-static .films-reference .film-card__title { font-size: 15px; }
    }
    /* Section 05 — Television reference treatment. */
    body.example-static .television-reference { position:relative; min-height:calc(100svh - 72px); padding:clamp(68px,6vw,92px) 0 clamp(62px,6vw,92px); overflow:hidden; color:#eee5d7; background-color:#111; background-image:url("../../media/assets/television/television-texture.png"); background-repeat:repeat; background-size:647px 123px; isolation:isolate; }
    body.example-static .television-reference::before,body.example-static .television-reference::after { content:none; display:none; }
    body.example-static .television-reference__inner { position:relative; z-index:1; width:min(calc(100% - 64px),1440px); margin-inline:auto; }
    body.example-static .television-reference__kicker { display:flex; align-items:center; gap:10px; margin:0 0 28px; color:#c32b32; font:500 11px/1 "IBM Plex Mono",monospace; letter-spacing:.2em; text-transform:uppercase; }
    body.example-static .television-reference__kicker span:first-child::after { content:"·"; margin-left:10px; }
    body.example-static .television-reference__head { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(290px,.67fr) auto; align-items:end; gap:clamp(34px,5vw,84px); margin-bottom:20px; padding-bottom:40px; border-bottom:1px solid rgba(225,211,188,.18); }
    body.example-static .television-reference__title { margin:0; color:#eee5d7; font:400 clamp(66px,7.2vw,116px)/.89 "Cormorant Garamond",Georgia,serif; letter-spacing:-.055em; }
    body.example-static .television-reference__title em { color:#99262c; font-family:"Cormorant Garamond",Georgia,serif; font-weight:400; }
    body.example-static .television-reference__lead { max-width:360px; margin:0 0 2px; color:rgba(238,229,215,.67); font:400 16px/1.55 "DM Sans",sans-serif; }
    body.example-static .television-reference__controls { display:grid; grid-template-columns:48px 48px; gap:12px; justify-content:end; }
    body.example-static .television-reference__count { grid-column:1/-1; margin-bottom:34px; color:rgba(238,229,215,.88); font:400 22px/1 "Cormorant Garamond",Georgia,serif; text-align:center; white-space:nowrap; }
    body.example-static .television-reference__count i { margin:0 8px; color:#a92a30; font-style:normal; }
    body.example-static .television-reference__control { display:grid; place-items:center; width:48px; height:48px; padding:0; color:rgba(238,229,215,.85); background:transparent; border:1px solid rgba(225,211,188,.3); border-radius:50%; font:21px/1 Georgia,serif; cursor:pointer; transition:.25s; }
    body.example-static .television-reference__control:hover,body.example-static .television-reference__control:focus-visible { color:#101112; background:#eee5d7; border-color:#eee5d7; transform:translateY(-2px); }
    body.example-static .television-reference__slate { display:grid; align-items:start; grid-template-columns:minmax(0,1.16fr) minmax(470px,1fr); gap:14px; }
    body.example-static .television-reference__feature { position:relative; min-height:472px; overflow:hidden; border:1px solid rgba(225,211,188,.25); border-left:2px solid #bf2830; background:#090b0c; }
    body.example-static .television-reference__feature-image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.7; filter:saturate(.67) contrast(1.08) brightness(.72); transition:opacity .42s ease,transform .75s ease; }
    body.example-static .television-reference__feature.is-switching .television-reference__feature-image { opacity:.18; transform:scale(1.025); }
    body.example-static .television-reference__feature::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(8,9,10,.98) 0%,rgba(8,9,10,.88) 29%,rgba(8,9,10,.37) 66%,rgba(8,9,10,.12)),linear-gradient(0deg,rgba(8,9,10,.9),transparent 58%); }
    body.example-static .television-reference__feature-copy { position:relative; z-index:1; display:flex; flex-direction:column; justify-content:flex-end; align-items:flex-start; min-height:472px; padding:clamp(30px,4vw,48px); }
    body.example-static .television-reference__status,body.example-static .television-reference__programme-status { color:#d22e35; font:500 9px/1.2 "IBM Plex Mono",monospace; letter-spacing:.14em; text-transform:uppercase; }
    body.example-static .television-reference__rule { width:30px; height:1px; margin:16px 0 clamp(42px,5vw,72px); background:#c52a31; }
    body.example-static .television-reference__feature h3 { margin:0 0 20px; color:#eee5d7; font:400 clamp(36px,3.55vw,58px)/.95 "Cormorant Garamond",Georgia,serif; font-weight:400!important; text-transform:uppercase; }
    body.example-static .television-reference__description { max-width:350px; margin:0 0 clamp(34px,4vw,58px); color:rgba(238,229,215,.67); font:400 15px/1.55 "DM Sans",sans-serif; }
    body.example-static .television-reference__format,body.example-static .television-reference__programme-format { color:rgba(238,229,215,.48); font:500 10px/1.45 "IBM Plex Mono",monospace; letter-spacing:.14em; text-transform:uppercase; }
    body.example-static .television-reference__programmes { display:grid; height:472px; min-height:0; grid-template-rows:repeat(3,minmax(0,1fr)); gap:14px; overflow:hidden; }
    body.example-static .television-reference__programme { display:grid; grid-template-columns:minmax(185px,.88fr) minmax(210px,1.12fr) 56px; min-height:148px; padding:0; overflow:hidden; color:#eee5d7; text-align:left; background:rgba(17,18,19,.92); border:1px solid rgba(225,211,188,.25); border-right:1px solid #bf2830; cursor:pointer; transition:border-color .25s,transform .3s ease,background .3s; }
    body.example-static .television-reference__programme[aria-current="true"] { display:none; }
    body.example-static .television-reference__programme:hover,body.example-static .television-reference__programme:focus-visible { border-color:rgba(238,229,215,.65); background:rgba(24,24,24,.96); transform:translateX(-5px); }
    body.example-static .television-reference__programme-image { display:block; width:100%; min-width:0; height:100%; min-height:0; object-fit:cover; opacity:.58; filter:saturate(.56) contrast(1.12) brightness(.66); }
    body.example-static .television-reference__programme-copy { display:flex; flex-direction:column; justify-content:center; min-width:0; padding:18px 22px; }
    body.example-static .television-reference__programme-title { margin:16px 0 13px; overflow:hidden; color:#eee5d7; font:400 clamp(17px,1.4vw,23px)/1 "Cormorant Garamond",Georgia,serif; font-weight:400!important; text-overflow:ellipsis; text-transform:uppercase; white-space:nowrap; }
    body.example-static .television-reference__programme-arrow { align-self:center; color:rgba(238,229,215,.8); font:27px/1 Georgia,serif; transition:transform .25s; }
    body.example-static .television-reference__programme:hover .television-reference__programme-arrow { transform:translateX(5px); }
    body.example-static .television-reference__archive { display:flex; justify-content:flex-end; margin-top:22px; }
    body.example-static .television-reference__archive .button { display:inline-flex; align-items:center; gap:22px; padding:14px 20px; color:#eee5d7; border:1px solid rgba(225,211,188,.45); font:500 10px/1 "IBM Plex Mono",monospace; letter-spacing:.17em; text-transform:uppercase; transition:color .25s ease,background .25s ease,border-color .25s ease; }
    body.example-static .television-reference__archive .button:hover,body.example-static .television-reference__archive .button:focus-visible { color:#101112; background:#eee5d7; border-color:#eee5d7; }
    @media (max-width:1100px) { body.example-static .television-reference__head{grid-template-columns:1fr minmax(260px,.55fr) auto;gap:30px} body.example-static .television-reference__slate{grid-template-columns:1fr} body.example-static .television-reference__programmes{height:auto;grid-template-columns:repeat(3,1fr);grid-template-rows:none;overflow:visible} body.example-static .television-reference__programme{grid-template-columns:1fr} body.example-static .television-reference__programme-image{height:138px;min-height:138px} body.example-static .television-reference__programme-arrow{display:none} }
    @media (max-width:760px) { body.example-static .television-reference{padding-block:58px 48px} body.example-static .television-reference__inner{width:min(calc(100% - 40px),1440px)} body.example-static .television-reference__head{grid-template-columns:1fr;gap:24px;padding-bottom:30px} body.example-static .television-reference__title{font-size:clamp(56px,16vw,88px)} body.example-static .television-reference__controls{grid-template-columns:auto 44px 44px;justify-content:start;align-items:center} body.example-static .television-reference__count{grid-column:auto;margin:0 10px 0 0} body.example-static .television-reference__control{width:44px;height:44px} body.example-static .television-reference__programmes{grid-template-columns:1fr} body.example-static .television-reference__programme{grid-template-columns:125px minmax(0,1fr) 42px} body.example-static .television-reference__programme-image{height:138px;min-height:138px} body.example-static .television-reference__programme-arrow{display:block;font-size:22px} }
    @media (max-width:470px) { body.example-static .television-reference__feature,body.example-static .television-reference__feature-copy{min-height:520px} body.example-static .television-reference__feature-copy{padding:28px 24px} body.example-static .television-reference__programme{grid-template-columns:100px minmax(0,1fr)} body.example-static .television-reference__programme-copy{padding:16px} body.example-static .television-reference__programme-arrow{display:none} }    /* Section 06 — Journal reference treatment. */
    body.example-static .journal-reference {
      position:relative; isolation:isolate; min-height:calc(100svh - 72px);
      padding:clamp(48px,4.3vw,72px) 0 30px; overflow:hidden; color:#191817;
      background:#eee9df url("../../media/assets/journal-paper-texture.png") repeat;
    }
    body.example-static .journal-reference::before {
      content:none; position:absolute; inset:0; z-index:-1; opacity:0;
      background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='130' height='130' viewBox='0 0 130 130'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.08'/%3E%3C/svg%3E");
      mix-blend-mode:multiply; pointer-events:none;
    }
    body.example-static .journal-reference__inner{width:min(calc(100% - 80px),1500px);margin-inline:auto}
    body.example-static .journal-reference__kicker{display:flex;gap:10px;margin:0 0 25px;color:#8e2629;font:500 11px/1 "IBM Plex Mono",monospace;letter-spacing:.2em;text-transform:uppercase}
    body.example-static .journal-reference__kicker span:first-child::after{content:"·";margin-left:10px}
    body.example-static .journal-reference__head{display:grid;grid-template-columns:minmax(0,1fr) 218px;align-items:end;gap:clamp(40px,6vw,100px);margin-bottom:37px}
    body.example-static .journal-reference__title{margin:0;color:#191817;font:400 clamp(70px,7.2vw,116px)/.84 "Cormorant Garamond",Georgia,serif;letter-spacing:-.055em}
    body.example-static .journal-reference__title em{display:block;color:#8f292d;font-family:"Cormorant Garamond",Georgia,serif;font-weight:400}
    body.example-static .journal-reference__issue{display:grid;justify-items:start;margin-bottom:1px}
    body.example-static .journal-reference__issue span,
    body.example-static .journal-reference__issue a,
    body.example-static .journal-reference__link,
    body.example-static .journal-reference__archive{font:500 10px/1 "IBM Plex Mono",monospace;letter-spacing:.17em;text-transform:uppercase}
    body.example-static .journal-reference__issue>span{display:inline-block;width:max-content;padding:13px 0 12px;white-space:nowrap;border-bottom:1.5px solid #191817}
    body.example-static .journal-reference__issue a{display:block;width:100%;padding:12px 0 0}
    body.example-static .journal-reference__press-label{display:inline-flex;align-items:center;gap:14px;width:max-content;padding-bottom:10px;border-bottom:1.5px solid #191817}
      body.example-static .journal-reference__layout{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(510px,1fr);gap:20px}
    body.example-static .journal-reference__visual{position:relative;overflow:hidden;background:#171616 url("../../media/assets/journal-production-stills.png") no-repeat;background-size:300% auto;filter:sepia(.05) contrast(1.04);transform:translateY(0);box-shadow:0 0 0 rgba(20,16,14,0);transition:background-size .9s cubic-bezier(.2,.75,.25,1),filter .45s ease,transform .45s cubic-bezier(.2,.75,.25,1),box-shadow .45s ease}
    body.example-static .journal-reference__lead:hover .journal-reference__visual,
    body.example-static .journal-reference__dispatch:hover .journal-reference__visual{filter:sepia(.01) contrast(1.08)}
    body.example-static :is(.journal-reference__lead,.journal-reference__dispatch):is(:hover,:focus-within) .journal-reference__visual{background-size:309% auto;transform:translateY(-4px);box-shadow:0 15px 28px rgba(20,16,14,.18)}
    body.example-static :is(.journal-reference__lead,.journal-reference__dispatch) h3{transition:color .35s ease}
    body.example-static :is(.journal-reference__lead,.journal-reference__dispatch):is(:hover,:focus-within) h3{color:#8f292d}
    body.example-static .journal-reference__link span{display:inline-block;transition:transform .35s cubic-bezier(.2,.75,.25,1)}
    body.example-static :is(.journal-reference__lead,.journal-reference__dispatch):is(:hover,:focus-within) .journal-reference__link span{transform:translate(3px,-3px)}
    @media(prefers-reduced-motion:reduce){
      body.example-static .journal-reference__visual,
      body.example-static :is(.journal-reference__lead,.journal-reference__dispatch) h3,
      body.example-static .journal-reference__link span{transition:none}
      body.example-static :is(.journal-reference__lead,.journal-reference__dispatch):is(:hover,:focus-within) .journal-reference__visual{transform:none}
    }
    body.example-static .journal-reference__lead-visual{aspect-ratio:2.28/1;background-position:0 49%}
    body.example-static .journal-reference__lead-visual::before{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse at 0 100%,rgba(124,18,25,.68) 0,rgba(111,19,25,.38) 28%,transparent 62%);mix-blend-mode:screen;pointer-events:none}
    body.example-static .journal-reference__lead-visual::after{content:"01";position:absolute;bottom:8px;left:12px;color:rgba(238,233,223,.62);z-index:2;font:400 clamp(46px,5vw,78px)/1 "Gloock",Georgia,serif;font-variant-numeric:tabular-nums}
    body.example-static .journal-reference__meta{display:flex;gap:12px;margin:13px 0 10px;color:#8f292d;font:500 9px/1 "IBM Plex Mono",monospace;letter-spacing:.16em;text-transform:uppercase}
    body.example-static .journal-reference__meta time{color:#77716a}
    body.example-static .journal-reference__meta time::before{content:"·";margin-right:12px;color:#77716a}
    body.example-static .journal-reference__lead h3,
    body.example-static .journal-reference__dispatch h3{margin:0;color:#191817;font-family:"Gloock",Georgia,serif;font-weight:400;letter-spacing:-.035em}
    body.example-static .journal-reference__lead h3{font-size:clamp(26px,2.35vw,39px);line-height:1.04}
    body.example-static .journal-reference__lead p,
    body.example-static .journal-reference__dispatch p{margin:8px 0 12px;color:#716b64;font:400 13px/1.45 "DM Sans",sans-serif}
    body.example-static .journal-reference__link{display:inline-flex;gap:15px;padding:0 0 8px;border-bottom:1px solid rgba(25,24,23,.58)}
    body.example-static .journal-reference__dispatches{display:grid;grid-template-rows:repeat(2,minmax(0,1fr));padding-top:24px;border-top:1.5px solid #191817}
    body.example-static .journal-reference__dispatch{display:grid;grid-template-columns:minmax(235px,.92fr) minmax(0,1.08fr);align-items:center;gap:27px;padding:20px 0;border-bottom:1.5px solid #191817}
    body.example-static .journal-reference__dispatch:first-child{padding-top:0}
    body.example-static .journal-reference__dispatch:last-child{border-bottom:0}
    body.example-static .journal-reference__dispatch-visual{aspect-ratio:1.64/1}
    body.example-static .journal-reference__dispatch--production .journal-reference__dispatch-visual{background-position:50% 49%}
    body.example-static .journal-reference__dispatch--people .journal-reference__dispatch-visual{background-position:100% 49%}
    body.example-static .journal-reference__dispatch .journal-reference__meta{margin-top:0}
    body.example-static .journal-reference__dispatch h3{font-size:clamp(22px,1.85vw,30px);line-height:1.02}
    body.example-static .journal-reference__archive{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:clamp(35px,7vw,100px);margin-top:24px;padding-top:18px;border-top:1.5px solid #191817}
    body.example-static .journal-reference__archive-count{color:#8f292d}
    body.example-static .journal-reference__archive-count span{margin-left:8px;color:#191817}
      @media(max-width:1100px){
      body.example-static .journal-reference__layout{grid-template-columns:minmax(0,1.05fr) minmax(440px,1fr)}
      body.example-static .journal-reference__dispatch{grid-template-columns:180px minmax(0,1fr);gap:18px}
    }
    @media(max-width:820px){
      body.example-static .journal-reference{padding-block:58px 34px}
      body.example-static .journal-reference__inner{width:min(calc(100% - 40px),720px)}
      body.example-static .journal-reference__head,
      body.example-static .journal-reference__layout{grid-template-columns:1fr}
      body.example-static .journal-reference__head{gap:32px;margin-bottom:30px}
      body.example-static .journal-reference__title{font-size:clamp(62px,13vw,92px)}
      body.example-static .journal-reference__issue{width:min(100%,360px)}
      body.example-static .journal-reference__dispatches{margin-top:6px;border-top:1.5px solid #191817}
      body.example-static .journal-reference__dispatch{grid-template-columns:minmax(210px,.8fr) minmax(0,1.2fr)}
    }
    @media(max-width:560px){
      body.example-static .journal-reference__inner{width:calc(100% - 32px)}
      body.example-static .journal-reference__kicker{margin-bottom:20px}
      body.example-static .journal-reference__title{font-size:clamp(48px,14.5vw,76px)}
      body.example-static .journal-reference__layout{padding-top:16px}
      body.example-static .journal-reference__lead-visual{aspect-ratio:1.55/1}
      body.example-static .journal-reference__lead h3{font-size:28px}
      body.example-static .journal-reference__dispatch{grid-template-columns:1fr;gap:15px;padding:22px 0}
      body.example-static .journal-reference__dispatch-visual{aspect-ratio:1.8/1}
      body.example-static .journal-reference__dispatch h3{font-size:26px}
      body.example-static .journal-reference__archive{grid-template-columns:1fr auto;gap:20px}
      body.example-static .journal-reference__archive-spacer{display:none}
    }

    /* 07 · Contact — cinematic closing frame and production call sheet. */
    body.example-static .contact-reference{position:relative;isolation:isolate;min-height:calc(100svh - 78px);overflow:hidden;padding:clamp(42px,3vw,52px) clamp(28px,3.15vw,52px);color:#eee6d7;background:#080c0d}
    body.example-static .site-shell>main>.contact-reference{display:block;padding-inline:clamp(28px,3.15vw,52px)}
    body.example-static .contact-reference::before{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(90deg,rgba(4,8,9,.08) 0%,rgba(4,8,9,.34) 37%,rgba(4,8,9,.72) 68%,rgba(4,8,9,.88) 100%),url("../../media/assets/contact-section-background.png") center/cover no-repeat;filter:saturate(.72) contrast(1.06) brightness(.82)}
    body.example-static .contact-reference::after{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(180deg,rgba(3,7,8,.12),rgba(3,7,8,.34)),radial-gradient(circle at 45% 44%,rgba(31,66,66,.13),transparent 38%);pointer-events:none}
    body.example-static .contact-reference__mark{position:absolute;z-index:0;left:27%;bottom:4%;color:rgba(238,230,215,.055);font-family:"Gloock",Georgia,serif;font-size:clamp(250px,26vw,430px);font-weight:400;letter-spacing:-.16em;line-height:.72;pointer-events:none;white-space:nowrap}
    body.example-static .contact-reference__inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(430px,.95fr) minmax(600px,1.05fr);align-items:center;gap:clamp(52px,7vw,116px);width:min(100%,1540px);margin-inline:auto}
    body.example-static .contact-reference__story{min-width:0;padding-block:20px}
    body.example-static .contact-reference__kicker{display:flex;align-items:center;gap:10px;margin:0 0 clamp(25px,3.6vw,50px);color:#cf252b;font-family:"IBM Plex Mono",monospace;font-size:11px;font-weight:500;letter-spacing:.25em;line-height:1;text-transform:uppercase}
    body.example-static .contact-reference__kicker span:first-child::after{content:"·";margin-left:10px}
    body.example-static .contact-reference__title{max-width:690px;margin:0;color:#eee6d7;font-family:"Cormorant Garamond","Gloock",Georgia,serif;font-size:clamp(72px,7.2vw,124px);font-weight:400!important;font-synthesis:none;letter-spacing:-.055em;line-height:.94}
    body.example-static .contact-reference__title em{display:block;color:#b32429;font-family:"Cormorant Garamond","Gloock",Georgia,serif;font-size:1.03em;font-style:italic;font-weight:400;letter-spacing:-.045em;white-space:nowrap}
    body.example-static .contact-reference__question{color:#eee6d7}
    body.example-static .contact-reference__intro{max-width:510px;margin:clamp(30px,4.2vw,56px) 0 0 clamp(0px,5.3vw,86px);color:rgba(238,230,215,.86);font-family:"Gloock",Georgia,serif;font-size:clamp(16px,1.25vw,20px);line-height:1.48}
    body.example-static .contact-reference__ledger{max-width:510px;margin:clamp(24px,3.2vw,40px) 0 0 clamp(0px,5.3vw,86px);border-top:1px solid rgba(221,207,184,.38)}
    body.example-static .contact-reference__row{display:grid;gap:9px;padding:20px 0 18px;border-bottom:1px solid rgba(221,207,184,.34)}
    body.example-static .contact-reference__label{color:#cb252b;font-family:"IBM Plex Mono",monospace;font-size:9px;font-weight:500;letter-spacing:.2em;line-height:1;text-transform:uppercase}
    body.example-static .contact-reference__value{color:#eee6d7;font-family:"Gloock",Georgia,serif;font-size:clamp(18px,1.35vw,23px);line-height:1.2;text-decoration:none}
    body.example-static .contact-reference__value .arrow{margin-left:15px;color:#c9252c}
    body.example-static .contact-reference__location{display:inline-flex;align-items:baseline;gap:13px}
    body.example-static .contact-reference__separator{color:#c9252c}
    body.example-static .contact-reference__note{margin:20px 0 0 clamp(0px,5.3vw,86px);color:rgba(238,230,215,.6);font-size:13px;letter-spacing:.015em}
    body.example-static .contact-sheet{position:relative;min-width:0;padding:clamp(34px,3vw,49px) clamp(32px,3vw,49px) 36px;color:#1a1917;background-color:#eae3d7;background-image:linear-gradient(rgba(234,227,215,.58),rgba(234,227,215,.58)),url("../../media/assets/contact-paper-texture.png");background-position:center,center;background-size:cover,285px 62px;background-repeat:no-repeat,repeat;border:1px solid rgba(255,255,255,.64);box-shadow:0 34px 95px rgba(0,0,0,.4)}
    body.example-static .contact-sheet::before{content:"";position:absolute;z-index:2;inset:10px;border:1px solid rgba(25,24,22,.42);border-top:2px solid #98282e;pointer-events:none}
    body.example-static .contact-sheet::after{content:"PP · 07 · 001";position:absolute;top:58%;right:8px;color:#98282e;font-family:"IBM Plex Mono",monospace;font-size:8px;font-weight:500;letter-spacing:.2em;line-height:1;writing-mode:vertical-rl}
    body.example-static .contact-sheet__header{display:flex;justify-content:space-between;gap:24px;margin-bottom:27px;font-family:"IBM Plex Mono",monospace;font-size:10px;font-weight:500;letter-spacing:.2em;line-height:1;text-transform:uppercase}
    body.example-static .contact-sheet__header span:last-child{color:#1a1917}
    body.example-static .contact-sheet__header b{color:#98282e;font:inherit}
    body.example-static .contact-routes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:29px;border:1px solid rgba(25,24,22,.32)}
    body.example-static .contact-route{min-width:0;min-height:48px;padding:10px 8px;color:#1a1917;background:transparent;border:0;border-right:1px solid rgba(25,24,22,.27);cursor:pointer;font-family:"IBM Plex Mono",monospace;font-size:10px;font-weight:500;letter-spacing:.15em;line-height:1.2;text-transform:uppercase;transition:color .25s ease,background .25s ease}
    body.example-static .contact-route:last-child{border-right:0}
    body.example-static .contact-route:hover,body.example-static .contact-route:focus-visible,body.example-static .contact-route[aria-pressed="true"]{color:#fff8eb;background:#a1242a}
    body.example-static .contact-sheet .contact-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 18px;width:100%;max-width:none;margin:0;padding:0;background:transparent;border:0;box-shadow:none}
    body.example-static .contact-field{display:grid;min-width:0;gap:4px}
    body.example-static .contact-field--full{grid-column:1/-1}
    body.example-static .contact-field label{color:#292723;font-family:"IBM Plex Mono",monospace;font-size:9px;font-weight:500;letter-spacing:.18em;line-height:1;text-transform:uppercase}
    body.example-static .contact-field input,body.example-static .contact-field select,body.example-static .contact-field textarea{box-sizing:border-box;width:100%;margin:0;padding:12px 0 10px;color:#1b1a18;background:transparent;border:0;border-bottom:1px solid rgba(25,24,22,.58);border-radius:0;outline:0;font-family:"Gloock",Georgia,serif;font-size:clamp(17px,1.3vw,21px);line-height:1.25;transition:border-color .2s ease}
    body.example-static .contact-field input::placeholder,body.example-static .contact-field textarea::placeholder{color:#716b63;opacity:1}
    body.example-static .contact-field input:focus,body.example-static .contact-field select:focus,body.example-static .contact-field textarea:focus{border-color:#9e2732}
    body.example-static .contact-field select{color-scheme:light;cursor:pointer}
    body.example-static .contact-field textarea{min-height:152px;resize:vertical}
    body.example-static .contact-sheet .contact-form>.button{position:relative;grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:0;width:100%;min-height:62px;margin:3px 0 0;padding:17px 28px;color:#f2eadc;background:#090b0c;border:0;cursor:pointer;font-family:"IBM Plex Mono",monospace;font-size:11px;font-weight:500;letter-spacing:.25em;line-height:1;text-transform:uppercase}
    body.example-static .contact-sheet .contact-form>.button .arrow{position:absolute;right:11%}
    body.example-static .contact-reference__form-note{grid-column:1/-1;margin:-4px 0 0;color:#766f66;font-size:10px;line-height:1.4;text-align:center}
    body.example-static .contact-reference__form-note a{color:inherit;text-decoration:underline;text-underline-offset:2px}
    body.example-static .contact-sheet .local-status{grid-column:1/-1;margin:-4px 0 0;color:#7c2329;font-family:"IBM Plex Mono",monospace;font-size:10px;letter-spacing:.08em;text-align:center}
    @media(max-width:1240px){
      body.example-static .contact-reference__inner{grid-template-columns:minmax(360px,.82fr) minmax(560px,1.18fr);gap:46px}
      body.example-static .contact-reference__intro,body.example-static .contact-reference__ledger,body.example-static .contact-reference__note{margin-left:0}
      body.example-static .contact-reference__title{font-size:clamp(64px,6.8vw,88px)}
    }
    @media(max-width:1000px){
      body.example-static .contact-reference{min-height:0;padding-block:70px}
      body.example-static .contact-reference__inner{grid-template-columns:1fr;gap:54px;width:min(100%,760px)}
      body.example-static .contact-reference__story{max-width:690px}
      body.example-static .contact-reference__title{font-size:clamp(68px,11vw,98px)}
      body.example-static .contact-reference__intro,body.example-static .contact-reference__ledger{max-width:560px}
      body.example-static .contact-reference__mark{left:34%;top:16%;bottom:auto}
    }
    @media(max-width:620px){
      body.example-static .contact-reference{padding:54px 18px 42px}
      body.example-static .site-shell>main>.contact-reference{padding-inline:18px}
      body.example-static .contact-reference__kicker{margin-bottom:28px;font-size:10px}
      body.example-static .contact-reference__title{font-size:clamp(51px,15.5vw,76px)}
      body.example-static .contact-reference__title em{white-space:normal}
      body.example-static .contact-reference__intro{margin-top:30px;font-size:16px}
      body.example-static .contact-reference__value{font-size:17px;overflow-wrap:anywhere}
      body.example-static .contact-sheet{padding:34px 18px 22px}
      body.example-static .contact-routes{grid-template-columns:repeat(2,minmax(0,1fr))}
      body.example-static .contact-route{border-bottom:1px solid rgba(25,24,22,.27)}
      body.example-static .contact-route:nth-child(2){border-right:0}
      body.example-static .contact-route:nth-child(n+3){border-bottom:0}
      body.example-static .contact-sheet .contact-form{grid-template-columns:1fr}
      body.example-static .contact-field--full{grid-column:auto}
      body.example-static .contact-sheet .contact-form>.button,body.example-static .contact-reference__form-note,body.example-static .contact-sheet .local-status{grid-column:1}
      body.example-static .contact-sheet::after{display:none}
    }