.fill-up-page {
      --fill-up-band-bg: linear-gradient(180deg, rgba(244, 241, 234, 0.72) 0%, rgba(244, 241, 234, 0.96) 100%);
      --fill-up-band-border: rgba(18, 18, 18, 0.08);
      --fill-up-divider: rgba(18, 18, 18, 0.14);
      --fill-up-title: #1A1A1A;
      --fill-up-frame-border: rgba(18, 18, 18, 0.14);
      --fill-up-frame-bg: #f4f1ea;
      --fill-up-frame-shadow: 0 16px 48px rgba(18, 18, 18, 0.08);
      --fill-up-browser-bg: linear-gradient(180deg, #E3E3E3 0%, #D3D3D3 100%);
      --fill-up-browser-border: rgba(18, 18, 18, 0.12);
      --fill-up-browser-stroke: rgba(26, 26, 26, 0.7);
      --fill-up-address-bg: rgba(255, 255, 255, 0.92);
      --fill-up-address-border: rgba(18, 18, 18, 0.16);
      --fill-up-address-text: rgba(18, 18, 18, 0.82);
      --fill-up-embed-bg: #e9e3d6;
      --fill-up-control-bg: rgba(255, 255, 255, 0.92);
      --fill-up-control-bg-hover: rgba(255, 255, 255, 0.98);
      --fill-up-control-border: rgba(18, 18, 18, 0.18);
      --fill-up-control-border-hover: rgba(18, 18, 18, 0.28);
      --fill-up-control-text: #121212;
      --fill-up-focus: #000000;
      --fill-up-fallback-bg: #fbf8f1;
      --fill-up-fallback-link-border: #121212;
      --fill-up-fallback-link-text: #121212;
      --fill-up-fallback-link-hover-bg: #121212;
      --fill-up-fallback-link-hover-text: #FFFFFF;
      --fill-up-overlay-scrim: rgba(0, 0, 0, 0.72);
      --fill-up-overlay-close: #FFFFFF;
      --fill-up-overlay-focus: #FFFFFF;
      --fill-up-overlay-frame-bg: #fbf8f1;
      --fill-up-overlay-frame-shadow: 0 20px 70px rgba(0, 0, 0, 0.28);
      --fill-up-overlay-iframe-bg: #FFFFFF;
    }

    @media (prefers-color-scheme: dark) {
      .fill-up-page {
        --fill-up-band-bg: linear-gradient(180deg, rgba(26, 24, 21, 0.88) 0%, rgba(20, 18, 16, 0.96) 100%);
        --fill-up-band-border: rgba(232, 225, 216, 0.12);
        --fill-up-divider: rgba(232, 225, 216, 0.16);
        --fill-up-title: var(--color-headline);
        --fill-up-frame-border: rgba(232, 225, 216, 0.14);
        --fill-up-frame-bg: #1D1A16;
        --fill-up-frame-shadow: 0 18px 54px rgba(0, 0, 0, 0.28);
        --fill-up-browser-bg: linear-gradient(180deg, #35322D 0%, #292622 100%);
        --fill-up-browser-border: rgba(232, 225, 216, 0.14);
        --fill-up-browser-stroke: rgba(232, 225, 216, 0.7);
        --fill-up-address-bg: rgba(33, 29, 25, 0.94);
        --fill-up-address-border: rgba(232, 225, 216, 0.16);
        --fill-up-address-text: rgba(232, 225, 216, 0.78);
        --fill-up-embed-bg: #F7F5EF;
        --fill-up-control-bg: rgba(33, 29, 25, 0.9);
        --fill-up-control-bg-hover: rgba(41, 36, 31, 0.96);
        --fill-up-control-border: rgba(232, 225, 216, 0.18);
        --fill-up-control-border-hover: rgba(232, 225, 216, 0.32);
        --fill-up-control-text: var(--color-text);
        --fill-up-focus: var(--focus-ring-color);
        --fill-up-fallback-bg: #201D19;
        --fill-up-fallback-link-border: rgba(232, 225, 216, 0.52);
        --fill-up-fallback-link-text: var(--color-text);
        --fill-up-fallback-link-hover-bg: var(--color-surface-inverse);
        --fill-up-fallback-link-hover-text: var(--color-text-inverse);
        --fill-up-overlay-scrim: var(--color-modal-scrim);
        --fill-up-overlay-close: var(--color-focus-on-dark);
        --fill-up-overlay-focus: var(--focus-ring-color);
        --fill-up-overlay-frame-bg: #201D19;
        --fill-up-overlay-frame-shadow: 0 24px 78px rgba(0, 0, 0, 0.44);
        --fill-up-overlay-iframe-bg: #F7F5EF;
      }
    }

    .fill-up-page .work-header {
      max-width: 640px;
    }

    .fill-up-page .work-article {
      max-width: 696px;
    }

    .fill-up-page .work-dek {
      max-width: 42ch;
      margin-bottom: 34px;
    }

    .fill-up-page .work-body {
      position: relative;
    }

    .fill-up-page .work-body > p:first-child {
      font-size: 24px;
      line-height: 35px;
    }

    .fill-up-page .work-figure {
      margin: 56px 0;
    }

    .fill-up-page .fill-up-evidence {
      margin-top: 60px;
      padding-top: 28px;
      border-top: 1px solid var(--fill-up-divider);
    }

    .fill-up-page .fill-up-browser-band {
      width: 100vw;
      margin: 64px 0 60px;
      margin-left: calc(50% - 50vw);
      padding: 56px 0 60px;
      background: var(--fill-up-band-bg);
      border-top: 1px solid var(--fill-up-band-border);
      border-bottom: 1px solid var(--fill-up-band-border);
    }

    .fill-up-page .fill-up-browser-band__inner {
      width: min(1088px, calc(100vw - 48px));
      margin: 0 auto;
    }

    .fill-up-page .fill-up-window-module {
      margin: 0;
      width: 100%;
    }

    .fill-up-page .fill-up-live-meta {
      margin: 0 0 16px;
      display: flex;
      flex-direction: column;
      gap: 4px;
      align-items: flex-start;
    }

    .fill-up-page .fill-up-live-label {
      margin: 0;
      font-family: "EB Garamond", Georgia, serif;
      font-size: 30px;
      line-height: 52px;
      letter-spacing: 0;
      font-weight: 400;
      color: var(--fill-up-title);
    }

    .fill-up-page .fill-up-window-module .figure-caption {
      width: 100%;
      max-width: none;
    }

    .fill-up-page .fill-up-window-frame {
      width: 100%;
      position: relative;
      border: 1px solid var(--fill-up-frame-border);
      background: var(--fill-up-frame-bg);
      box-shadow: var(--fill-up-frame-shadow);
    }

    .fill-up-page .fill-up-window-browser {
      position: relative;
      display: flex;
      align-items: center;
      gap: 12px;
      min-height: 72px;
      padding: 14px 18px;
      border-bottom: 1px solid var(--fill-up-browser-border);
      background: var(--fill-up-browser-bg);
    }

    .fill-up-page .fill-up-window-browser-nav {
      display: flex;
      align-items: center;
      gap: 8px;
      flex: 0 0 auto;
    }

    .fill-up-page .fill-up-window-browser-nav svg {
      width: 16px;
      height: 16px;
      stroke: var(--fill-up-browser-stroke);
      stroke-width: 1.75;
      fill: none;
      flex: 0 0 auto;
    }

    .fill-up-page .fill-up-window-address {
      flex: 0 1 320px;
      min-width: 180px;
      max-width: 320px;
      margin: 0;
      padding: 8px 12px;
      border: 1px solid var(--fill-up-address-border);
      border-radius: 999px;
      background: var(--fill-up-address-bg);
      font-family: "Inter", system-ui, sans-serif;
      font-size: 12px;
      line-height: 1.2;
      color: var(--fill-up-address-text);
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .fill-up-page .fill-up-window-embed {
      width: 100%;
      aspect-ratio: 16 / 10;
      background: var(--fill-up-embed-bg);
    }

    .fill-up-page .fill-up-window-expand {
      position: absolute;
      top: 50%;
      right: 16px;
      transform: translateY(-50%);
      z-index: 2;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 40px;
      height: 40px;
      padding: 0;
      border: 1px solid var(--fill-up-control-border);
      border-radius: 999px;
      background: var(--fill-up-control-bg);
      color: var(--fill-up-control-text);
      box-shadow: 0 1px 3px var(--color-shadow-soft);
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
    }

    .fill-up-page .fill-up-window-expand:hover {
      border-color: var(--fill-up-control-border-hover);
      background: var(--fill-up-control-bg-hover);
    }

    .fill-up-page .fill-up-window-expand:focus-visible {
      outline: 2px solid var(--fill-up-focus);
      outline-offset: 2px;
    }

    .fill-up-page .fill-up-window-expand img {
      width: 15px;
      height: 15px;
    }

    .fill-up-page .fill-up-evidence {
      position: relative;
    }

    .fill-up-page .fill-up-figure-expand {
      position: absolute;
      top: 44px;
      right: 16px;
      z-index: 2;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 40px;
      height: 40px;
      padding: 0;
      border: 1px solid var(--fill-up-control-border);
      border-radius: 999px;
      background: var(--fill-up-control-bg);
      box-shadow: 0 1px 3px var(--color-shadow-soft);
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
    }

    .fill-up-page .fill-up-figure-expand:hover {
      border-color: var(--fill-up-control-border-hover);
      background: var(--fill-up-control-bg-hover);
    }

    .fill-up-page .fill-up-figure-expand:focus-visible {
      outline: 2px solid var(--fill-up-focus);
      outline-offset: 2px;
    }

    .fill-up-page .fill-up-figure-expand img {
      width: 15px;
      height: 15px;
    }

    .fill-up-page .fill-up-window-embed iframe {
      display: block;
      width: 100%;
      height: 100%;
      border: 0;
      background: var(--fill-up-embed-bg);
    }

    .fill-up-page .fill-up-window-fallback {
      display: none;
      padding: 24px;
      border-top: 1px solid var(--fill-up-browser-border);
      background: var(--fill-up-fallback-bg);
    }

    .fill-up-page .fill-up-window-fallback p {
      font-size: 18px;
      line-height: 28px;
      margin-bottom: 16px;
    }

    .fill-up-page .fill-up-window-fallback a {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 44px;
      padding: 0 18px;
      border: 1px solid var(--fill-up-fallback-link-border);
      color: var(--fill-up-fallback-link-text);
      font-family: "Inter", system-ui, sans-serif;
      font-size: 14px;
      line-height: 1;
      font-weight: 600;
      text-decoration: none;
      background: transparent;
    }

    .fill-up-page .fill-up-window-fallback a:hover {
      background: var(--fill-up-fallback-link-hover-bg);
      color: var(--fill-up-fallback-link-hover-text);
    }

    .fill-up-page .work-stats {
      margin-top: 84px;
      padding-top: 36px;
    }

    .fill-up-page .fill-up-verdict {
      margin-top: 34px;
      font-size: 26px;
      line-height: 36px;
      text-wrap: pretty;
    }

    @media (max-width: 976px) {
      .fill-up-page .work-body > p:first-child {
        font-size: 22px;
        line-height: 33px;
      }

      .fill-up-page .fill-up-verdict {
        font-size: 24px;
        line-height: 34px;
      }
    }

    @media (max-width: 768px) {
      .fill-up-page .fill-up-browser-band {
        margin: 48px 0 52px;
        width: calc(100vw - 32px);
        margin-left: calc(50% - ((100vw - 32px) / 2));
        padding: 40px 0 44px;
      }

      .fill-up-page .fill-up-browser-band__inner {
        width: calc(100vw - 32px);
      }

      .fill-up-page .fill-up-window-module {
        width: 100%;
      }

      .fill-up-page .fill-up-window-frame {
        width: 100%;
      }

      .fill-up-page .fill-up-window-embed {
        display: none;
      }

      .fill-up-page .fill-up-window-fallback {
        display: block;
      }

      .fill-up-page .fill-up-window-browser {
        min-height: 64px;
        padding: 12px 14px;
      }

      .fill-up-page .fill-up-window-address {
        font-size: 12px;
        flex-basis: 220px;
        max-width: 220px;
      }
    }

    .fill-up-page .fill-up-mobile-overlay {
      position: fixed;
      inset: 0;
      z-index: 1000;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 24px;
    }

    .fill-up-page .fill-up-mobile-overlay[hidden] {
      display: none;
    }

    .fill-up-page .fill-up-mobile-overlay__scrim {
      position: absolute;
      inset: 0;
      background: var(--fill-up-overlay-scrim);
    }

    .fill-up-page .fill-up-mobile-overlay__dialog {
      position: relative;
      z-index: 1;
      width: min(94vw, 1200px);
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      gap: 10px;
    }

    .fill-up-page .fill-up-mobile-overlay__close {
      appearance: none;
      border: 0;
      background: transparent;
      padding: 0;
      color: var(--fill-up-overlay-close);
      font-family: "Logic Monospace", monospace;
      font-size: 11px;
      line-height: 1;
      letter-spacing: 0.6px;
      text-transform: uppercase;
      cursor: pointer;
    }

    .fill-up-page .fill-up-mobile-overlay__close:focus-visible {
      outline: 2px solid var(--fill-up-overlay-focus);
      outline-offset: 4px;
    }

    .fill-up-page .fill-up-mobile-overlay__frame {
      width: 100%;
      max-height: 84vh;
      aspect-ratio: 16 / 10;
      overflow: hidden;
      background: var(--fill-up-overlay-frame-bg);
      box-shadow: var(--fill-up-overlay-frame-shadow);
    }

    .fill-up-page .fill-up-mobile-overlay__frame iframe {
      display: block;
      width: 100%;
      height: 100%;
      border: 0;
      background: var(--fill-up-overlay-iframe-bg);
    }

    .fill-up-page.work-figure-modal-open {
      overflow: hidden;
    }