/* ============================================================
   REGA HOUSE · Tipografías autoalojadas
   Pegar AL INICIO de assets/styles.css, antes de :root

   IMPORTANTE — QUÉ NO HACE ESTE ARCHIVO:
   No cambia la serif de display. Times New Roman se queda tal
   cual la dejó Codex. No se sustituye por ninguna otra fuente.

   QUÉ SÍ HACE:
   Carga las dos fuentes que el CSS YA PIDE y que hoy no existen
   en ningún lado (DM Sans y Raleway), y añade Tinos como red de
   seguridad para Times en dispositivos que no la tienen.

   Peso total: 88 KB. Sin peticiones externas. Sin Google Fonts.
   Todas SIL Open Font License 1.1, uso comercial libre.
   ============================================================ */

/* --- DM Sans · el CSS la pide en body y hoy cae a Avenir Next
       o a lo que tenga el dispositivo. Esto la hace real. --- */
@font-face{
  font-family:"DM Sans";
  src:url("fonts/dm-sans-400.woff2") format("woff2");
  font-weight:400; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"DM Sans";
  src:url("fonts/dm-sans-500.woff2") format("woff2");
  font-weight:500; font-style:normal; font-display:swap;
}

/* --- Raleway · el CSS la pide en .hero-kicker y .hero-soon
       y hoy cae a Arial. Esto la hace real. --- */
@font-face{
  font-family:"Raleway";
  src:url("fonts/raleway-500.woff2") format("woff2");
  font-weight:500; font-style:normal; font-display:swap;
}

/* --- OPCIONAL · Tinos ---------------------------------------
   Tinos es métricamente idéntica a Times New Roman: mismos anchos,
   mismas alturas, mismo dibujo. Fue diseñada como su sustituta libre.

   Si activas este bloque:
   - En Mac y Windows NO cambia nada. Times sigue ganando porque
     va antes en la cascada del CSS.
   - En Android y Linux, donde Times New Roman no existe y hoy el
     sistema mete una serif cualquiera, se verá igual que en tu Mac.

   Para activarlo: descomenta los dos @font-face y, en styles.css,
   cambia  "Times New Roman", Times, serif
   por     "Times New Roman", Times, "RH Times", serif
   Times sigue primero. Tinos sólo entra si Times no existe.

@font-face{
  font-family:"RH Times";
  src:url("fonts/tinos-400.woff2") format("woff2");
  font-weight:400; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"RH Times";
  src:url("fonts/tinos-400-italic.woff2") format("woff2");
  font-weight:400; font-style:italic; font-display:swap;
}
------------------------------------------------------------- */

:root{
      --ivory: #F7F1E5;
      --isabella: #F7F1E5;
      --ink: #201614;
      --candy-black: #201614;
      --black-brown: #201614;
      --warm-coffee: #300500;
      --power-gold: #A49C32;
      --blush: #D06C88;
      --olive: #A49C32;
      --hero-olive-aa: #A49C32;
    }

    *{
      box-sizing: border-box;
    }

    html{
      scroll-behavior: smooth;
    }

    body{
      margin: 0;
      background: var(--candy-black);
      color: var(--ivory);
      font-family: "DM Sans", "Avenir Next", system-ui, sans-serif;
      font-synthesis: none;
      letter-spacing: 0;
    }

    h1,
h2,
h3,
strong{
      font-weight: 400;
    }

    a{
      color: inherit;
      text-decoration: none;
    }

    a:focus-visible,
    button:focus-visible,
    input:focus-visible,
    select:focus-visible,
    textarea:focus-visible,
    summary:focus-visible{
      outline: 1px solid currentColor;
      outline-offset: 6px;
    }

    img{
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      filter: saturate(0.92) contrast(1.02);
    }

    video{
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      background: var(--black-brown);
    }

    .page{
      min-height: 100dvh;
      overflow-x: clip;
    }

    .page::before{
      content: "";
      position: fixed;
      inset: 0;
      z-index: 2;
      pointer-events: none;
      opacity: 0.16;
      background-image:
        radial-gradient(circle at 20% 30%, rgba(247, 244, 239, 0.14) 0 1px, transparent 1px),
        radial-gradient(circle at 80% 70%, rgba(247, 244, 239, 0.12) 0 1px, transparent 1px);
      background-size: 34px 34px, 58px 58px;
      mix-blend-mode: soft-light;
    }
    .nav{
      display: grid;
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      z-index: 8;
      grid-template-columns: minmax(150px, 0.7fr) minmax(0, 1.6fr) minmax(150px, 0.7fr);
      align-items: center;
      min-height: 118px;
      padding: 24px clamp(26px, 3.3vw, 64px) 26px;
      background: transparent;
      color: var(--candy-black);
      border-bottom: 0;
      mix-blend-mode: normal;
      transition: color 600ms cubic-bezier(0.32, 0.72, 0, 1);
    }

    .nav.nav--on-dark{
      color: var(--ivory);
    }

    .nav.nav--on-light{
      color: var(--candy-black);
    }

    .nav.nav--menu-open{
      color: var(--ivory);
    }

    .nav-stack{
      display: grid;
      gap: 28px;
      line-height: 0.92;
    }

    .brand{
      font-family: "Times New Roman", Times, serif;
      font-size: 18px;
      line-height: 1;
      letter-spacing: 0;
    }

    .nav-sub{
      font-family: "Times New Roman", Times, serif;
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.06em;
    }

    .nav-links{
      display: flex;
      justify-content: center;
      gap: clamp(18px, 2.2vw, 40px);
      align-items: center;
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.16em;
    }

    .nav-note{
      justify-self: end;
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.16em;
    }

    .nav-actions{
      display: grid;
      justify-self: end;
      gap: 16px;
      justify-items: end;
      align-items: center;
    }

    .language-switcher{
      display: inline-flex;
      align-items: center;
      gap: 8px;
      font-family: "DM Sans", "Avenir Next", system-ui, sans-serif;
      font-size: 11px;
      line-height: 1;
      letter-spacing: 0.18em;
      text-transform: uppercase;
    }

    .language-switcher [aria-current="page"]{
      text-decoration: underline;
      text-underline-offset: 5px;
    }

    .nav-links .nav-stack{
      justify-self: center;
    }

    .nav-links a{
      white-space: nowrap;
    }

    .nav-note .nav-main::after{
      content: " ↗";
      font-family: "Times New Roman", Times, serif;
      font-size: 14px;
    }

    .nav-links a::after{
      content: "";
      display: block;
      width: 0;
      height: 1px;
      margin-top: 5px;
      background: currentColor;
      transition: width 500ms cubic-bezier(0.32, 0.72, 0, 1);
    }

    .nav-links a:hover::after,
    .nav-links a:focus-visible::after{
      width: 100%;
    }
    .nav-toggle{
      display: none;
      justify-self: end;
      width: 42px;
      height: 42px;
      border: 0;
      padding: 0;
      background: transparent;
      color: currentColor;
      cursor: pointer;
          }

    .nav-toggle-line{
      display: block;
      width: 28px;
      height: 1px;
      margin: 7px auto;
      background: currentColor;
      transition: transform 600ms cubic-bezier(0.32, 0.72, 0, 1), opacity 600ms cubic-bezier(0.32, 0.72, 0, 1);
    }

    .nav-toggle[aria-expanded="true"] .nav-toggle-line:first-child{
      transform: translateY(8px) rotate(45deg);
    }

    .nav-toggle[aria-expanded="true"] .nav-toggle-line:last-child{
      transform: translateY(-8px) rotate(-45deg);
    }

    .nav-toggle[aria-expanded="true"] .nav-toggle-line:nth-child(2){
      opacity: 0;
    }

    .mobile-menu{
      position: fixed;
      inset: 0;
      z-index: 7;
      display: grid;
      align-content: center;
      gap: clamp(28px, 5vw, 58px);
      padding: 112px clamp(24px, 8vw, 84px) 42px;
      background: var(--candy-black);
      color: var(--ivory);
      opacity: 0;
      pointer-events: none;
      transform: translateY(-12px);
      transition: opacity 600ms cubic-bezier(0.32, 0.72, 0, 1), transform 600ms cubic-bezier(0.32, 0.72, 0, 1);
    }

    .mobile-menu.is-open{
      opacity: 1;
      pointer-events: auto;
      transform: translateY(0);
    }

    .mobile-menu a{
      width: fit-content;
    }

    .mobile-menu-links{
      display: grid;
      gap: clamp(16px, 3vh, 28px);
      font-family: "Times New Roman", Times, serif;
      font-size: clamp(34px, 10vw, 72px);
      line-height: 0.92;
    }

    .mobile-menu-meta{
      display: grid;
      gap: 14px;
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.16em;
    }

    .section{
      position: relative;
      padding: 132px clamp(24px, 4vw, 62px);
    }

    .theme-candy{
      background: var(--candy-black);
      color: var(--isabella);
    }

    .theme-coffee{
      background: var(--warm-coffee);
      color: var(--isabella);
    }

    .theme-isabella{
      background: var(--isabella);
      color: var(--candy-black);
    }

    .theme-gold{
      background: var(--power-gold);
      color: var(--ivory);
    }

    #creative,
#contact{
      color: var(--ivory);
    }

    .theme-blush{
      background: var(--blush);
      color: var(--candy-black);
    }

    .theme-isabella .eyebrow,
.theme-gold .eyebrow,
.theme-blush .eyebrow,
.theme-isabella p,
.theme-gold p,
.theme-blush p,
.theme-isabella .house-door > span,
.theme-gold .house-door > span,
.theme-blush .house-door > span,
.theme-isabella .house-door p,
.theme-gold .house-door p,
.theme-blush .house-door p,
.theme-isabella .visual-index-header p:not(.eyebrow),
.theme-gold .visual-index-header p:not(.eyebrow),
.theme-blush .visual-index-header p:not(.eyebrow),
.theme-isabella .sheet-caption,
.theme-gold .sheet-caption,
.theme-blush .sheet-caption,
.theme-isabella .sheet-caption span:last-child,
.theme-gold .sheet-caption span:last-child,
.theme-blush .sheet-caption span:last-child,
.theme-isabella .editorial-copy p,
.theme-gold .editorial-copy p,
.theme-blush .editorial-copy p,
.theme-isabella .credit-row span:first-child,
.theme-gold .credit-row span:first-child,
.theme-blush .credit-row span:first-child{
      color: currentColor;
    }

    .theme-isabella .field,
.theme-gold .field,
.theme-blush .field{
      border-bottom-color: currentColor;
      color: currentColor;
    }

    .theme-isabella .field::placeholder,
.theme-gold .field::placeholder,
.theme-blush .field::placeholder{
      color: currentColor;
      opacity: 0.58;
    }

    .theme-isabella .button,
.theme-gold .button,
.theme-blush .button{
      border-color: currentColor;
    }

    .theme-gold .service-list strong,
.theme-gold .service-list span,
.theme-blush .service-list strong,
.theme-blush .service-list span{
      color: currentColor;
    }

    .theme-isabella .button:hover,
.theme-isabella .button:focus-visible,
.theme-gold .button:hover,
.theme-gold .button:focus-visible,
.theme-blush .button:hover,
.theme-blush .button:focus-visible{
      background: currentColor;
      color: var(--isabella);
    }

    #creative .button:hover,
#creative .button:focus-visible,
#contact .button:hover,
#contact .button:focus-visible{
      background: var(--ivory);
      color: var(--candy-black);
    }

    .hero{
      min-height: 100dvh;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0;
      background: var(--hero-olive-aa);
      overflow: hidden;
    }

    .hero::before{
      content: none;
    }

    .hero::after{
      content: none;
    }

    .hero-screen{
      position: relative;
      z-index: 1;
      width: 100%;
      min-height: 100dvh;
      padding: clamp(92px, 9vw, 132px) clamp(28px, 4vw, 64px) clamp(86px, 7vw, 116px);
      display: grid;
      grid-template-rows: auto 1fr auto;
      color: var(--ivory);
      background: var(--hero-olive-aa);
      overflow: hidden;
      transform: none;
      box-shadow: none;
    }

    .hero-panel-copy{
      position: absolute;
      z-index: 2;
      left: clamp(56px, 17vw, 330px);
      top: 34vh;
      max-width: 390px;
      margin: 0;
      font-family: "Times New Roman", Times, serif;
      font-size: clamp(22px, 2.2vw, 36px);
      line-height: 0.95;
      text-transform: uppercase;
    }

    .hero-panel-copy span{
      display: block;
    }

    .hero-panel-copy .hero-kicker,
.hero-panel-copy .hero-soon{
      margin-top: 18px;
      font-family: Raleway, Arial, sans-serif;
      font-size: 11px;
      font-weight: 500;
      line-height: 1.4;
      letter-spacing: 0.12em;
    }

    .hero-panel-copy .hero-soon{
      margin-top: 8px;
      font-style: normal;
    }

    .hero-logo{
      display: block;
      width: clamp(320px, 31vw, 600px);
      max-width: 100%;
    }

    .hero-logo img{
      display: block;
      width: 100%;
      height: auto;
      object-fit: contain;
      filter: none;
    }

    .hero-screen-footer{
      position: absolute;
      left: clamp(28px, 4vw, 64px);
      right: clamp(28px, 4vw, 64px);
      bottom: clamp(28px, 3vw, 46px);
      z-index: 3;
      display: grid;
      grid-template-columns: 1fr auto 1fr;
      align-items: center;
      gap: 24px;
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.08em;
      font-family: "Times New Roman", Times, serif;
    }

    .hero-scroll{
      justify-self: center;
      font-size: 11px;
    }

    .hero-launch{
      justify-self: end;
      font-size: 11px;
    }

    .hero-orbit{
      position: absolute;
      z-index: 1;
      overflow: hidden;
      border-radius: 999px;
      background: rgba(247, 244, 239, 0.16);
    }

    .hero-orbit img{
      width: 100%;
      height: 100%;
      object-fit: cover;
      filter: saturate(0.92) contrast(1.02);
    }

    .hero-orbit.primary{
      width: clamp(300px, 31vw, 520px);
      height: clamp(300px, 31vw, 520px);
      left: 54%;
      top: 47%;
      transform: translate(-50%, -50%);
    }

    .hero-orbit.secondary{
      width: clamp(280px, 30vw, 500px);
      height: clamp(280px, 30vw, 500px);
      right: -7vw;
      bottom: 8vh;
    }

    .hero-orbit.primary img{
      object-position: center 26%;
    }

    .hero-orbit.secondary img{
      object-position: center 18%;
    }

    .eyebrow{
      margin: 0;
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.18em;
    }

    .image-block{
      position: relative;
      overflow: hidden;
      background: transparent;
    }

    .issue{
      min-height: 92dvh;
      display: grid;
      align-items: center;
      padding-top: 132px;
      padding-bottom: 118px;
    }

    .issue-grid{
      display: grid;
      grid-template-columns: minmax(130px, 0.22fr) 1fr;
      gap: clamp(54px, 8vw, 140px);
      align-items: start;
    }

    .issue-content{
      display: grid;
      gap: clamp(62px, 8vw, 118px);
    }

    .manifesto-line{
      margin: 0;
      max-width: 1120px;
      font-family: "Times New Roman", Times, serif;
      font-size: clamp(62px, 8.6vw, 154px);
      font-weight: 400;
      line-height: 0.82;
      letter-spacing: 0;
      transition: color 700ms cubic-bezier(0.32, 0.72, 0, 1);
    }

    .manifesto-line em{
      display: block;
      padding-left: 15vw;
      font-style: italic;
      transition: color 700ms cubic-bezier(0.32, 0.72, 0, 1);
    }

    .house-index{
      display: grid;
      gap: clamp(24px, 3vw, 44px);
    }

    .house-door{
      display: grid;
      grid-template-columns: 76px minmax(0, 1fr) minmax(220px, 0.42fr);
      gap: 30px;
      align-items: baseline;
      min-height: 104px;
            transition: color 700ms cubic-bezier(0.32, 0.72, 0, 1), opacity 700ms cubic-bezier(0.32, 0.72, 0, 1);
    }

    .house-door > span{
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.16em;
      color: rgba(247, 244, 239, 0.56);
      transition: color 700ms cubic-bezier(0.32, 0.72, 0, 1), opacity 700ms cubic-bezier(0.32, 0.72, 0, 1);
    }

    .house-door h3{
      margin: 0;
      font-family: "Times New Roman", Times, serif;
      font-size: clamp(44px, 6vw, 104px);
      font-weight: 400;
      line-height: 0.86;
      letter-spacing: 0;
      transition: color 700ms cubic-bezier(0.32, 0.72, 0, 1);
    }

    .house-door p{
      margin: 0;
      max-width: 330px;
      font-size: 13px;
      line-height: 1.58;
      color: rgba(247, 244, 239, 0.7);
      transition: color 700ms cubic-bezier(0.32, 0.72, 0, 1), opacity 700ms cubic-bezier(0.32, 0.72, 0, 1);
    }

    .house-door:hover,
.house-door:focus-visible,
.house-door:hover h3,
.house-door:focus-visible h3,
.house-door:hover > span,
.house-door:focus-visible > span,
.house-door:hover p,
.house-door:focus-visible p{
      color: var(--warm-coffee);
      opacity: 1;
    }

    .house-door:focus-visible{
      outline: 1px solid currentColor;
      outline-offset: 10px;
    }

    .house-showcase{
      min-height: 88dvh;
      padding-top: 118px;
      padding-bottom: 108px;
      background: var(--candy-black);
      color: var(--isabella);
      overflow: hidden;
    }

    .house-showcase-wrap{
      position: relative;
      display: grid;
      grid-template-columns: minmax(360px, 0.42fr) minmax(520px, 0.58fr);
      gap: clamp(46px, 6vw, 112px);
      align-items: center;
      min-height: 680px;
    }

    .house-collage{
      position: relative;
      width: 100%;
      height: min(53vw, 700px);
      min-height: 560px;
      transform: none;
    }

    .house-collage figure{
      position: absolute;
      margin: 0;
      overflow: hidden;
      background: transparent;
    }

    .house-collage img,
.house-collage video{
      width: 100%;
      height: 100%;
      object-fit: contain;
      background: transparent;
      filter: saturate(0.88) contrast(1.02);
    }

    .house-collage .tile-1{
      left: 0;
      top: 9%;
      width: 28%;
      height: 34%;
    }

    .house-collage .tile-2{
      left: 0;
      top: 49%;
      width: 29%;
      height: 36%;
    }

    .house-collage .tile-3{
      left: 31%;
      top: 4%;
      width: 47%;
      height: 82%;
    }

    .house-collage .tile-4{
      left: 82%;
      top: 10%;
      width: 26%;
      height: 34%;
    }

    .house-collage .tile-5{
      left: 79%;
      top: 56%;
      width: 30%;
      height: 30%;
    }

    .house-showcase-index{
      position: relative;
      z-index: 2;
      display: grid;
      gap: clamp(22px, 3vw, 38px);
      width: 100%;
      margin-left: auto;
      padding-top: 0;
    }

    .house-showcase-title{
      margin: 0;
      max-width: 760px;
      font-family: "Times New Roman", Times, serif;
      font-size: clamp(58px, 6.8vw, 118px);
      font-weight: 400;
      line-height: 0.85;
      color: var(--isabella);
    }

    .house-showcase-title span{
      transition: color 700ms cubic-bezier(0.32, 0.72, 0, 1);
    }

    .house-showcase-title em{
      display: block;
      padding-left: 9vw;
      font-style: italic;
    }

    .house-showcase-copy,
    .section-copy{
      max-width: 620px;
      margin: 0;
      font-size: 15px;
      line-height: 1.72;
      color: rgba(247, 241, 229, 0.72);
    }

    .theme-isabella .section-copy,
    .theme-gold .section-copy,
    .theme-blush .section-copy,
    .theme-isabella .house-showcase-copy,
    .theme-gold .house-showcase-copy,
    .theme-blush .house-showcase-copy{
      color: currentColor;
    }

    .house-showcase-title span:hover{
      color: var(--power-gold);
    }

    .house-showcase .house-door{
      grid-template-columns: 38px minmax(0, 0.58fr) minmax(240px, 0.42fr);
      min-height: 66px;
      gap: 22px;
    }

    .house-showcase .house-door > span{
      color: rgba(247, 241, 229, 0.52);
    }

    .house-showcase .house-door h3{
      font-size: clamp(30px, 4vw, 72px);
      color: var(--isabella);
    }

    .house-showcase .house-door p{
      max-width: 360px;
      color: rgba(247, 241, 229, 0.68);
    }

    .house-showcase .house-door:hover,
.house-showcase .house-door:focus-visible,
.house-showcase .house-door:hover h3,
.house-showcase .house-door:focus-visible h3,
.house-showcase .house-door:hover > span,
.house-showcase .house-door:focus-visible > span,
.house-showcase .house-door:hover p,
.house-showcase .house-door:focus-visible p{
      color: var(--power-gold);
    }

    .house-showcase .house-door:hover h3,
.house-showcase .house-door:focus-visible h3{
      color: var(--isabella);
    }

    .house-showcase .house-door:hover > span,
.house-showcase .house-door:focus-visible > span{
      color: rgba(247, 241, 229, 0.52);
    }

    .house-showcase .house-door:hover p,
.house-showcase .house-door:focus-visible p{
      color: rgba(247, 241, 229, 0.68);
    }

    .visual-index{
      padding-top: 86px;
      padding-bottom: 124px;
    }

    .visual-index-header{
      display: grid;
      grid-template-columns: 0.28fr 1fr 0.34fr;
      gap: clamp(28px, 5vw, 82px);
      align-items: end;
      margin-bottom: 72px;
    }

    .visual-index-header h2{
      grid-column: 2;
      margin: 0;
      font-family: "Times New Roman", Times, serif;
      font-size: clamp(62px, 9vw, 154px);
      font-weight: 400;
      line-height: 0.82;
      letter-spacing: 0;
    }

    .visual-index-header p:not(.eyebrow){
      margin: 0 0 10px;
      max-width: 320px;
      font-size: 13px;
      line-height: 1.62;
      color: rgba(247, 244, 239, 0.7);
    }

    .contact-sheet{
      display: grid;
      grid-template-columns: 0.82fr 1.18fr 0.62fr;
      gap: clamp(28px, 4.8vw, 84px);
      align-items: start;
    }

    .sheet-col{
      display: grid;
      gap: clamp(36px, 5vw, 92px);
    }

    .sheet-plate{
      display: grid;
      gap: 14px;
    }

    .sheet-plate figure{
      margin: 0;
      min-height: var(--plate-h, 560px);
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .sheet-plate img{
      width: 100%;
      height: 100%;
      object-fit: contain;
    }

    .sheet-caption{
      margin: 0;
      display: grid;
      grid-template-columns: minmax(132px, 0.38fr) minmax(0, 1fr);
      gap: clamp(18px, 2vw, 34px);
      font-size: 11px;
      line-height: 1.55;
      text-transform: uppercase;
      letter-spacing: 0.14em;
      color: rgba(247, 244, 239, 0.58);
    }

    .sheet-caption span:last-child{
      color: rgba(247, 244, 239, 0.78);
    }

    .sheet-large{
      --plate-h: min(78vw, 920px);
      margin-top: 86px;
    }

    .sheet-tall{
      --plate-h: min(76vw, 860px);
    }

    .sheet-mid{
      --plate-h: min(58vw, 680px);
    }

    .sheet-low{
      --plate-h: min(52vw, 620px);
      margin-top: 180px;
    }

    .sheet-collab{
      --plate-h: min(60vw, 760px);
      max-width: 520px;
      justify-self: center;
      margin-top: clamp(18px, 3.5vw, 62px);
    }

    .editorial-close{
      display: grid;
      grid-template-columns: 1fr 0.82fr;
      gap: clamp(56px, 8vw, 132px);
      align-items: end;
      min-height: 82dvh;
      padding-top: 132px;
      padding-bottom: 132px;
    }

    .editorial-close h2{
      margin: 0;
      font-family: "Times New Roman", Times, serif;
      font-size: clamp(62px, 8.8vw, 150px);
      font-weight: 400;
      line-height: 0.82;
      letter-spacing: 0;
    }

    .theme-isabella.editorial-close h2,
    .theme-isabella .method-note h3{
      color: var(--candy-black);
    }

    .editorial-close h2 em{
      display: block;
      padding-left: 8vw;
      font-style: italic;
    }

    .editorial-copy p{
      max-width: 460px;
      margin: 0 0 28px;
      font-size: 16px;
      line-height: 1.68;
      color: rgba(247, 244, 239, 0.78);
    }

    .credit-list{
      display: grid;
      gap: 18px;
      max-width: 720px;
    }

    .credit-row{
      display: grid;
      grid-template-columns: minmax(120px, 0.32fr) 1fr;
      gap: 32px;
      align-items: baseline;
      font-size: 13px;
      line-height: 1.5;
    }

    .credit-row span:first-child{
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.16em;
      color: rgba(247, 244, 239, 0.52);
    }

    .founder-role{
      margin: 24px 0 0;
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.16em;
    }

    #founder{
      min-height: 86dvh;
    }

    #founder .issue-grid{
      grid-template-columns: minmax(0, 0.56fr) minmax(340px, 0.44fr);
      gap: clamp(38px, 5vw, 92px);
      align-items: center;
    }

    #founder .issue-content{
      display: contents;
    }

    .founder-concept{
      display: grid;
      gap: clamp(28px, 4vw, 58px);
    }

    #founder .manifesto-line{
      max-width: 760px;
      font-size: clamp(60px, 7.6vw, 142px);
    }

    #founder .manifesto-line em{
      padding-left: 10vw;
    }

    #founder .issue-content{
      max-width: 980px;
    }

    .founder-copy--solo{
      max-width: 760px;
      margin-left: 0;
    }

    .founder-copy{
      display: grid;
      gap: 32px;
      align-self: end;
      padding-bottom: clamp(8px, 3vw, 52px);
    }

    .founder-copy p{
      max-width: 520px;
      margin: 0;
      font-size: 15px;
      line-height: 1.72;
      color: rgba(247, 241, 229, 0.74);
    }

    .founder-signature{
      display: grid;
      gap: 10px;
      margin-top: 10px;
    }

    .founder-name{
      margin: 0;
      font-family: "Times New Roman", Times, serif;
      font-size: clamp(34px, 4vw, 64px);
      line-height: 0.9;
      color: var(--isabella);
    }

    .founder-role{
      margin: 0;
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.16em;
      color: rgba(247, 241, 229, 0.74);
    }

    .form{
      display: grid;
      gap: 14px;
      max-width: 520px;
    }

    .form-field{
      display: grid;
      gap: 8px;
    }

    .form-field span,
    .consent-field,
    .contact-links{
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.16em;
    }

    .hp-field{
      position: absolute;
      width: 1px;
      height: 1px;
      overflow: hidden;
      clip: rect(0 0 0 0);
      white-space: nowrap;
    }

    .field-error,
    .form-status,
    .form-success p{
      margin: 0;
      font-size: 12px;
      line-height: 1.55;
    }

    .field-error,
    .form-status{
      min-height: 18px;
    }

    .field[aria-invalid="true"],
    .consent-field input[aria-invalid="true"]{
      border-color: currentColor;
    }

    .consent-field{
      display: grid;
      grid-template-columns: auto 1fr;
      gap: 12px;
      align-items: start;
      line-height: 1.5;
    }

    .consent-field input{
      margin-top: 2px;
      accent-color: var(--candy-black);
    }

    .consent-field a,
    .contact-links a{
      text-decoration: underline;
      text-underline-offset: 5px;
    }

    .contact-links{
      display: flex;
      flex-wrap: wrap;
      gap: 12px 22px;
      max-width: 560px;
      margin-bottom: clamp(18px, 2.4vw, 34px);
      line-height: 1.6;
    }

    .button[disabled]{
      cursor: progress;
      opacity: 0.62;
      transform: none;
    }


    .field{
      width: 100%;
      min-height: 52px;
      border: 0;
      border-bottom: 1px solid rgba(247, 244, 239, 0.34);
      border-radius: 0;
      padding: 12px 0;
      background: transparent;
      color: var(--ivory);
      font: inherit;
      font-size: 14px;
      outline: none;
    }

    .field::placeholder{
      color: rgba(247, 244, 239, 0.58);
    }

    .field:focus-visible{
      outline: 1px solid currentColor;
      outline-offset: 6px;
    }

    .button{
      display: inline-flex;
      align-items: center;
      justify-content: space-between;
      gap: 42px;
      min-width: 258px;
      border: 1px solid var(--ivory);
      padding: 15px 16px 14px 18px;
      background: transparent;
      color: inherit;
            font-family: inherit;
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.16em;
      transition: transform 700ms cubic-bezier(0.32, 0.72, 0, 1), background 700ms cubic-bezier(0.32, 0.72, 0, 1), color 700ms cubic-bezier(0.32, 0.72, 0, 1);
    }

    .button span:last-child{
      font-family: "Times New Roman", Times, serif;
      font-size: 20px;
      line-height: 1;
      transition: transform 700ms cubic-bezier(0.32, 0.72, 0, 1);
    }

    .button:hover,
    .button:focus-visible{
      background: var(--ivory);
      color: var(--candy-black);
      transform: translateY(-2px);
    }

    .button:hover span:last-child,
    .button:focus-visible span:last-child{
      transform: translateX(4px);
    }

    .button:active{
      transform: translateY(0) scale(0.99);
    }

    .service-list{
      display: grid;
      gap: 16px;
      max-width: 860px;
      margin: 0;
      padding: 0;
    }

    .service-list li{
      display: grid;
      grid-template-columns: minmax(180px, 0.35fr) 1fr;
      gap: 28px;
      align-items: baseline;
      list-style: none;
      font-size: 14px;
      line-height: 1.58;
    }

    .service-list strong{
      font-family: "Times New Roman", Times, serif;
      font-size: clamp(24px, 3vw, 44px);
      line-height: 0.95;
    }

    .service-list span{
      color: rgba(247, 244, 239, 0.72);
    }

    #personal .issue-grid,
#creative .issue-grid{
      grid-template-columns: 1fr;
      padding-left: clamp(120px, 20vw, 420px);
    }

    #personal .service-list,
#creative .service-list{
      max-width: 1040px;
    }

    #personal .service-list li,
#creative .service-list li{
      grid-template-columns: minmax(300px, 0.42fr) minmax(420px, 0.58fr);
      gap: clamp(42px, 6vw, 98px);
      align-items: start;
    }

    #personal .service-list strong,
#creative .service-list strong{
      max-width: 280px;
      display: block;
    }

    #personal .service-list li,
#personal .service-list strong,
#personal .service-list span,
#creative .service-list li,
#creative .service-list strong,
#creative .service-list span{
      transition: color 700ms cubic-bezier(0.32, 0.72, 0, 1);
    }

    #personal .service-list li:hover strong,
#personal .service-list li:hover span{
      color: var(--power-gold);
    }

    #creative .service-list li:hover strong,
#creative .service-list li:hover span{
      color: var(--warm-coffee);
    }

    #creative .button:hover,
    #creative .button:focus-visible{
      background: transparent;
      border-color: var(--isabella);
      color: var(--warm-coffee);
    }

    .method-note{
      display: grid;
      gap: 20px;
      max-width: 640px;
    }

    .method-note h3{
      margin: 0;
      font-family: "Times New Roman", Times, serif;
      font-size: clamp(42px, 5.2vw, 88px);
      line-height: 0.88;
    }

    .method-note p{
      margin: 0;
      font-size: 16px;
      line-height: 1.68;
      color: rgba(247, 244, 239, 0.76);
    }

    #image-method{
      align-items: center;
    }

    #image-method .method-note{
      align-self: center;
      transform: translateY(-28px);
    }

    #image-method .method-signature{
      display: block;
      margin-top: 18px;
      font-family: "DM Sans", "Avenir Next", system-ui, sans-serif;
      font-size: 11px;
      line-height: 1;
      text-transform: uppercase;
      letter-spacing: 0.28em;
      color: rgba(32, 22, 20, 0.64);
    }

    #image-method .method-note p:not(.eyebrow){
      max-width: 560px;
      color: rgba(32, 22, 20, 0.78);
    }

    .experience-lede{
      display: grid;
      grid-template-columns: minmax(0, 0.52fr) minmax(340px, 0.48fr);
      gap: clamp(44px, 5vw, 84px);
      align-items: start;
    }

    #experiences .issue-grid{
      grid-template-columns: 1fr;
    }

    #experiences .manifesto-line{
      max-width: 700px;
      font-size: clamp(54px, 6.6vw, 124px);
    }

    #experiences .manifesto-line em{
      padding-left: 10vw;
    }

    .experience-lede > div:first-child{
      min-width: 0;
    }

    .experience-visuals{
      display: grid;
      grid-template-columns: minmax(0, 0.62fr) minmax(0, 0.38fr);
      gap: clamp(20px, 2.6vw, 44px);
      align-items: start;
      width: 100%;
      margin-top: 0;
      margin-left: auto;
    }

    .experience-plate{
      display: grid;
      gap: 14px;
    }

    .experience-plate figure{
      margin: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      min-height: var(--experience-h, 520px);
    }

    .experience-plate img{
      width: 100%;
      height: 100%;
      object-fit: contain;
    }

    .experience-plate.primary{
      --experience-h: min(34vw, 500px);
    }

    .experience-plate.secondary{
      --experience-h: min(22vw, 320px);
      max-width: 260px;
      justify-self: end;
      margin-top: clamp(74px, 8vw, 128px);
      margin-bottom: 0;
    }

    .experience-caption{
      margin: 0;
      display: grid;
      grid-template-columns: minmax(118px, 0.38fr) minmax(0, 1fr);
      gap: clamp(18px, 2vw, 32px);
      font-size: 11px;
      line-height: 1.55;
      text-transform: uppercase;
      letter-spacing: 0.14em;
      color: rgba(247, 241, 229, 0.64);
    }

    .experience-caption span:last-child{
      color: rgba(247, 241, 229, 0.84);
    }

    #experiences .service-list li,
#experiences .service-list strong,
#experiences .service-list span{
      transition: color 700ms cubic-bezier(0.32, 0.72, 0, 1);
    }

    #experiences .service-list li:hover strong,
#experiences .service-list li:hover span{
      color: var(--power-gold);
    }

    .work-feature{
      display: grid;
      grid-template-columns: 1fr;
      gap: clamp(24px, 3vw, 42px);
      align-items: start;
      margin-top: clamp(46px, 7vw, 92px);
    }

    .work-feature-media{
      position: relative;
      aspect-ratio: 16 / 9;
      min-height: clamp(560px, 62vw, 860px);
      overflow: hidden;
    }

    .video-control{
      position: absolute;
      left: 18px;
      bottom: 18px;
      z-index: 2;
      border: 1px solid currentColor;
      padding: 11px 13px 10px;
      background: rgba(32, 22, 20, 0.72);
      color: var(--ivory);
      font: inherit;
      font-size: 11px;
      line-height: 1;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      cursor: pointer;
    }

    .work-feature-copy{
      display: grid;
      gap: 18px;
      grid-template-columns: minmax(0, 0.7fr) minmax(280px, 0.3fr);
      align-items: end;
    }

    .work-feature-copy > h3{
      margin: 0;
      font-family: "Times New Roman", Times, serif;
      font-size: clamp(50px, 6.8vw, 118px);
      font-weight: 400;
      line-height: 0.82;
      transform: translateX(clamp(-120px, -6vw, -54px));
    }

    .work-feature-copy p{
      margin: 0;
      max-width: 420px;
      font-size: 15px;
      line-height: 1.68;
      color: rgba(247, 244, 239, 0.76);
    }

    .work-feature-copy .credit-list{
      max-width: 760px;
      margin-top: 10px;
    }

    .work-feature-copy .button{
      width: fit-content;
    }

    #selected-work .work-feature-copy > .button{
      margin-bottom: clamp(40px, 5vw, 86px);
    }

    .work-feature-note{
      margin: 0;
      max-width: 560px;
      font-size: 12px;
      line-height: 1.55;
    }

    .work-feature-note a{
      color: currentColor;
      text-decoration: underline;
      text-underline-offset: 5px;
    }

    #selected-work,
#selected-work p,
#selected-work .eyebrow,
#selected-work .credit-row,
#selected-work .credit-row span,
#selected-work .sheet-caption,
#selected-work .sheet-caption span,
#selected-work .button{
      color: var(--candy-black);
    }

    #selected-work .button{
      border-color: var(--candy-black);
      color: var(--candy-black);
    }

    #selected-work .button span{
      color: currentColor;
    }

    #selected-work .button:hover,
    #selected-work .button:focus-visible{
      background: var(--candy-black);
      color: var(--isabella);
    }

    #selected-work .button:hover span,
    #selected-work .button:focus-visible span{
      color: var(--isabella);
    }

    .asphyxia-details{
      grid-column: 1 / -1;
      display: grid;
      grid-template-columns: minmax(360px, 0.38fr) minmax(420px, 0.62fr);
      gap: clamp(52px, 9vw, 160px);
      align-items: start;
      margin-top: 8px;
    }

    .asphyxia-details .credit-list{
      max-width: 520px;
    }

    .article-grid{
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: clamp(18px, 3vw, 42px);
      margin-top: 36px;
    }

    .article-card{
      display: grid;
      gap: 18px;
      align-content: start;
    }

    .article-card h3{
      margin: 0;
      font-family: "Times New Roman", Times, serif;
      font-size: clamp(32px, 2.8vw, 50px);
      line-height: 0.92;
    }

    .article-card p{
      margin: 0;
      font-size: 13px;
      line-height: 1.58;
      color: rgba(247, 244, 239, 0.72);
    }

    #club{
      align-items: center;
      padding-top: 104px;
      padding-bottom: 154px;
    }

    #club h2{
      align-self: center;
      transform: translateY(-20px);
    }

    #club .editorial-copy p,
#club .article-card,
#club .article-card h3,
#club .article-card p,
#club .article-card .eyebrow{
      transition: color 700ms cubic-bezier(0.32, 0.72, 0, 1);
    }

    #club .editorial-copy p:hover,
#club .article-card:hover,
#club .article-card:hover h3,
#club .article-card:hover p,
#club .article-card:hover .eyebrow{
      color: var(--power-gold);
    }

    #club .editorial-copy{
      align-self: start;
      padding-top: clamp(20px, 4vw, 64px);
    }

    #club .article-grid{
      gap: clamp(34px, 4.2vw, 66px);
      margin-top: 54px;
      margin-bottom: 50px;
    }

    #club .button{
      margin-top: 0;
    }

    #club .newsletter-form + .button{
      margin-top: 28px;
    }

    #club .button:hover,
    #club .button:focus-visible{
      background: var(--candy-black);
      color: var(--ivory);
      border-color: var(--candy-black);
    }

    #club .article-card--pending:hover,
    #club .article-card--pending:hover h3,
    #club .article-card--pending:hover p,
    #club .article-card--pending:hover .eyebrow{
      color: currentColor;
    }

    #club .button:hover span,
    #club .button:focus-visible span{
      color: var(--ivory);
    }

    .form textarea{
      min-height: 116px;
      resize: vertical;
    }

    .newsletter-form{
      display: grid;
      gap: 12px;
      max-width: 520px;
      margin-top: 22px;
      margin-bottom: 6px;
    }

    .newsletter-field{
      display: grid;
      gap: 8px;
    }

    .newsletter-field span,
    .newsletter-consent,
    .service-feedback{
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.16em;
    }

    .newsletter-submit{
      width: fit-content;
      min-width: 230px;
    }

    .newsletter-form [hidden]{
      display: none !important;
    }

    .newsletter-success p,
    .form-status,
    .service-feedback{
      margin: 0;
      font-size: 12px;
      line-height: 1.5;
    }

    .service-feedback{
      color: currentColor;
    }

    select.field{
      appearance: none;
    }

    .field option{
      background: var(--candy-black);
      color: var(--ivory);
    }

    .hero-actions{
      display: flex;
      flex-wrap: wrap;
      gap: 22px;
      justify-self: center;
    }

    .process-note{
      padding-top: 92px;
      padding-bottom: 96px;
    }

    .process-note-inner{
      display: grid;
      gap: 12px;
      max-width: 760px;
      margin-left: clamp(0px, 22vw, 340px);
    }

    .process-note-inner p{
      margin: 0;
      font-size: 15px;
      line-height: 1.7;
      color: rgba(247, 241, 229, 0.74);
    }

    .process-note-inner .eyebrow{
      font-size: 11px;
      color: rgba(247, 241, 229, 0.62);
    }

    .founder-base{
      margin: 0;
      font-size: 12px;
      line-height: 1.5;
      color: rgba(247, 241, 229, 0.68);
      text-transform: uppercase;
      letter-spacing: 0.12em;
    }

    .sheet-plate.work-open{
      width: 100%;
      border: 0;
      padding: 0;
      background: transparent;
      color: inherit;
      font: inherit;
      text-align: left;
      cursor: pointer;
    }

    .work-open{
      cursor: pointer;
    }

    html.project-modal-open,
    html.project-modal-open body{
      overflow: hidden;
    }

    .project-modal{
      position: fixed;
      inset: 0;
      z-index: 12;
      display: grid;
      place-items: center;
      padding: clamp(18px, 4vw, 52px);
      color: var(--ivory);
    }

    .project-modal[hidden]{
      display: none;
    }

    .project-modal-backdrop{
      position: absolute;
      inset: 0;
      background: rgba(32, 22, 20, 0.82);
    }

    .project-modal-panel{
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: minmax(220px, 0.68fr) minmax(320px, 0.82fr);
      width: min(1120px, 100%);
      max-height: min(82dvh, 780px);
      background: var(--candy-black);
      overflow: auto;
    }

    .project-modal-media{
      min-height: 520px;
      background: var(--warm-coffee);
    }

    .project-modal-media img,
    .project-modal-media video{
      width: 100%;
      height: 100%;
      object-fit: contain;
    }

    .project-modal-copy{
      display: grid;
      align-content: center;
      gap: 22px;
      padding: clamp(28px, 5vw, 70px);
    }

    .project-modal-copy h3{
      margin: 0;
      font-family: "Times New Roman", Times, serif;
      max-width: 100%;
      font-size: clamp(38px, 5.2vw, 76px);
      font-weight: 400;
      line-height: 0.9;
      overflow-wrap: anywhere;
    }

    .project-modal-copy p{
      margin: 0;
      font-size: 14px;
      line-height: 1.7;
      color: rgba(247, 241, 229, 0.74);
    }


    .project-modal-credits{
      display: grid;
      gap: 8px;
      margin-top: 6px;
      font-size: 12px;
      line-height: 1.45;
      color: rgba(247, 241, 229, 0.74);
    }

    .project-credit-line{
      display: grid;
      grid-template-columns: minmax(94px, 0.42fr) 1fr;
      gap: 14px;
      align-items: baseline;
    }

    .project-credit-line span:first-child{
      text-transform: uppercase;
      letter-spacing: 0.14em;
      font-family: Raleway, Arial, sans-serif;
      font-size: 11px;
      color: rgba(247, 241, 229, 0.62);
    }

    .project-credit-line a{
      text-decoration: underline;
      text-underline-offset: 4px;
    }

    .project-modal-close{
      position: absolute;
      top: 16px;
      right: 16px;
      z-index: 2;
      width: 42px;
      height: 42px;
      border: 1px solid currentColor;
      background: transparent;
      color: currentColor;
      font-size: 24px;
      cursor: pointer;
    }

    .footer{
      display: grid;
      grid-template-columns: 0.9fr 1fr 1fr auto;
      gap: 28px;
      padding: 34px;
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.15em;
    }

    .footer div:nth-child(2){
      text-align: center;
    }

    .footer div:nth-child(3){
      text-align: right;
    }

    .reveal{
      opacity: 0;
      transform: translateY(34px);
      animation: rise 1000ms cubic-bezier(0.32, 0.72, 0, 1) forwards;
    }

    @keyframes rise {
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    @media (max-width: 900px) {
      .nav{
        grid-template-columns: 1fr auto;
        min-height: 58px;
        padding: 10px 18px;
      }

      .nav-links,
      .nav-actions{
        display: none;
      }

      .nav-toggle{
        display: block;
      }

      .section{
        padding: 86px 18px;
      }

      .hero{
        padding: 0;
      }

      .hero-screen{
        width: 100%;
        min-height: 100dvh;
        padding: 98px 26px 112px;
        transform: none;
      }

      .hero-panel-copy{
        max-width: 280px;
        left: 26px;
        top: 27vh;
      }

      .hero-orbit.primary{
        width: 282px;
        height: 282px;
        left: 62%;
        top: 47%;
      }

      .hero-orbit.secondary{
        width: 210px;
        height: 210px;
        right: 12px;
        bottom: 122px;
      }

      .hero-screen-footer{
        grid-template-columns: 1fr;
        gap: 18px;
        left: 26px;
        right: 26px;
        bottom: 28px;
      }

      .hero-scroll,
.hero-launch{
        justify-self: start;
      }

      .issue-grid,
.editorial-close,
.work-feature,
.work-feature-copy,
.asphyxia-details,
.article-grid{
        grid-template-columns: 1fr;
        gap: 46px;
      }

      .service-list li{
        grid-template-columns: 1fr;
        gap: 8px;
      }

      #personal .issue-grid,
#creative .issue-grid{
        padding-left: 0;
      }

      #personal .service-list li,
#creative .service-list li{
        grid-template-columns: 1fr;
        gap: 12px;
      }

      #personal .service-list strong,
#creative .service-list strong{
        max-width: none;
      }

      .work-feature-media{
        min-height: 420px;
        aspect-ratio: auto;
      }

      .experience-lede{
        grid-template-columns: 1fr;
        gap: 42px;
      }

      #experiences .manifesto-line{
        max-width: 100%;
      }

      #experiences .manifesto-line em{
        padding-left: 10vw;
      }

      #founder .issue-grid{
        grid-template-columns: 1fr;
      }

      #founder .issue-content{
        display: grid;
      }

      #founder .manifesto-line{
        max-width: 100%;
      }

      #founder .manifesto-line em{
        padding-left: 10vw;
      }

      .experience-visuals{
        grid-template-columns: 1fr;
        width: 100%;
        margin-top: 0;
        margin-left: 0;
      }

      .experience-plate.primary,
.experience-plate.secondary{
        --experience-h: 420px;
        max-width: none;
        margin-top: 0;
        margin-bottom: 0;
      }

      .experience-caption{
        grid-template-columns: 1fr;
        gap: 6px;
      }

      .house-showcase{
        min-height: auto;
        padding-top: 94px;
        padding-bottom: 78px;
      }

      .house-showcase-wrap{
        grid-template-columns: 1fr;
        min-height: auto;
        gap: 36px;
      }

      .house-collage{
        width: 100%;
        height: 460px;
        min-height: 460px;
        margin-top: 36px;
      }

      .house-showcase-index{
        width: 100%;
        margin-left: 0;
        padding-top: 0;
      }

      .house-showcase .house-door{
        grid-template-columns: 44px 1fr;
      }

      .house-showcase .house-door p{
        grid-column: 2;
      }

      .issue-content{
        gap: 56px;
      }

      .house-door{
        grid-template-columns: 44px 1fr;
        gap: 18px;
      }

      .house-door p{
        grid-column: 2;
      }

      .visual-index-header,
.contact-sheet{
        grid-template-columns: 1fr;
      }

      #club h2{
        transform: none;
      }

      #club .editorial-copy{
        padding-top: 0;
      }

      #club .article-grid{
        margin-top: 36px;
        margin-bottom: 36px;
      }

      .visual-index-header h2{
        grid-column: auto;
      }

      .work-feature-copy > h3{
        transform: none;
      }

      .sheet-large,
.sheet-low,
.sheet-collab{
        margin-top: 0;
      }

      .sheet-plate figure,
.sheet-large,
.sheet-tall,
.sheet-mid,
.sheet-low,
.sheet-collab{
        --plate-h: 540px;
      }

      .sheet-caption{
        grid-template-columns: 1fr;
        gap: 6px;
      }

      .credit-row{
        grid-template-columns: 1fr;
        gap: 4px;
      }

      .footer{
        grid-template-columns: 1fr;
        padding: 28px 18px;
      }

      .footer div,
.footer div:nth-child(2),
.footer div:nth-child(3){
        text-align: left;
      }
    }

    @media (max-width: 560px) {

      .hero-screen{
        min-height: 100dvh;
        padding: 92px 22px 118px;
      }

      .hero-panel-copy{
        max-width: 220px;
        left: 22px;
        top: 24vh;
        font-size: 16px;
      }

      .hero-logo{
        width: min(78vw, 360px);
      }

      .hero-orbit.primary{
        width: 168px;
        height: 168px;
        left: 67%;
        top: 55%;
      }

      .hero-orbit.secondary{
        width: 128px;
        height: 128px;
        right: 16px;
        bottom: 244px;
      }

      .button{
        width: 100%;
      }

    }
    @media (prefers-reduced-motion: reduce) {
      html{
        scroll-behavior: auto;
      }

      *,
      *::before,
      *::after{
        animation: none !important;
        transition: none !important;
      }

      .reveal{
        opacity: 1;
        transform: none;
      }
    }

    .secondary-main{
      background: var(--candy-black);
      color: var(--ivory);
    }

    .secondary-hero{
      min-height: 72dvh;
      display: grid;
      align-content: end;
      gap: 28px;
      padding-top: clamp(150px, 18vw, 230px);
    }

    .secondary-hero h1{
      max-width: 980px;
      margin: 0;
      font-family: "Times New Roman", Times, serif;
      font-size: clamp(62px, 10vw, 160px);
      font-weight: 400;
      line-height: 0.82;
      letter-spacing: 0;
    }

    .secondary-hero p,
    .secondary-copy{
      max-width: 720px;
      margin: 0;
      font-size: 15px;
      line-height: 1.72;
      color: rgba(247, 241, 229, 0.74);
    }

    .secondary-list,
    .faq-list,
    .privacy-list{
      display: grid;
      gap: 18px;
      max-width: 920px;
      margin: 0;
      padding: 0;
      list-style: none;
    }

    .secondary-list li,
    .faq-list details,
    .privacy-list article{
      display: grid;
      gap: 14px;
      padding: 24px 0;
      border-top: 1px solid currentColor;
    }

    .secondary-list strong,
    .faq-list summary,
    .privacy-list h2{
      font-family: "Times New Roman", Times, serif;
      font-size: clamp(28px, 4vw, 58px);
      font-weight: 400;
      line-height: 0.92;
    }

    .secondary-list span,
    .faq-answer,
    .privacy-list p{
      max-width: 700px;
      margin: 0;
      font-size: 14px;
      line-height: 1.7;
      color: rgba(247, 241, 229, 0.72);
    }

    .faq-list summary{
      cursor: pointer;
    }