*,*::before,*::after{box-sizing:border-box}
  body{margin:0;background:var(--ap-bg);color:var(--ap-fg-1);font-family:var(--ap-font-sans);min-width:1280px}
  a{color:inherit;text-decoration:none}
  .wrap{max-width:1440px;margin:0 auto;padding:0 40px}
  @media (min-width:901px){main{box-sizing:border-box;padding-left:32px;padding-right:32px}}

  /* ── Header (unchanged from homepage vocabulary) ── */
  body > header{position:sticky;top:0;z-index:50;background:rgba(15,15,17,.78);height:84px;display:flex;align-items:center;padding:14px 30px;backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.04)}
  .nav-shell{position:relative;flex:1;height:56px;display:flex;align-items:center;justify-content:space-between}
  .logo-cap{display:flex;align-items:center;height:56px;padding:0 6px 0 0}
  .logo-cap img{height:42px;display:block}
  .nav-items{display:flex;align-items:center;gap:32px;flex:1;justify-content:center}
  .nav-item{font:600 15px/24px var(--ap-font-sans);color:#fff;display:inline-flex;align-items:center;gap:4px;cursor:pointer;letter-spacing:.04em;text-transform:uppercase;transition:color var(--ap-dur) var(--ap-ease)}
  .nav-item:hover{color:var(--ap-orange-300)}
  .nav-item.active{color:var(--ap-orange-300)}
  .nav-item.active::after{content:"";display:block;height:2px;background:var(--ap-orange-300);margin-top:4px;width:100%}
  .nav-right{display:flex;align-items:center;gap:14px}
  .lang{display:flex;align-items:center;gap:6px;font:600 14px/20px var(--ap-font-sans);color:#fff}
  .lang .flag{width:22px;height:22px;border-radius:50%;background:none center/cover}
  .icon-btn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.06);cursor:pointer;color:#fff}
  .icon-btn:hover{background:rgba(255,94,0,.18);color:var(--ap-orange-300)}
  .icon-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}

  /* ── Buttons ── */
  .btn{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 20px;border-radius:8px;font:700 15px/24px var(--ap-font-sans);border:0;cursor:pointer;transition:all var(--ap-dur) var(--ap-ease);text-decoration:none}
  .btn:active{transform:scale(.97)}
  .btn-primary{background:var(--ap-orange-300);color:#fff}
  .btn-primary:hover{background:var(--ap-orange-600);box-shadow:var(--ap-shadow-glow-orange)}
  .btn-ghost{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);color:#fff}
  .btn-ghost:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.32)}
  .btn .ch{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.5}

  /* ─────────────────────────────────────────────────────────
     HERO — editorial. Massive italic display headline, with
     a floating "ID card" overlay anchored to the artwork.
     ───────────────────────────────────────────────────────── */
  .a-hero{
    position:relative;margin-top:-84px;padding:160px 0 96px;overflow:hidden;
    background:
      radial-gradient(900px 600px at 78% 22%, rgba(255,94,0,.20) 0%, rgba(255,94,0,0) 60%),
      radial-gradient(700px 500px at 8% 90%, rgba(0,143,254,.10) 0%, rgba(0,143,254,0) 55%),
      linear-gradient(180deg,#0F0F11 0%,#121214 70%,#0F0F11 100%);
  }
  .a-hero::before{
    content:"";position:absolute;inset:0;pointer-events:none;
    background-image:
      linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
      linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
    background-size:80px 80px;
    mask-image:radial-gradient(900px 600px at 60% 40%, #000 0%, transparent 75%);
    -webkit-mask-image:radial-gradient(900px 600px at 60% 40%, #000 0%, transparent 75%);
  }
  .a-hero .wrap{position:relative;z-index:2;display:grid;grid-template-columns:1.18fr .82fr;gap:64px;align-items:center}

  .hero-meta{display:inline-flex;align-items:center;gap:14px;margin-bottom:28px;font:600 11px/1 var(--ap-font-tag);color:var(--ap-fg-4);letter-spacing:.24em;text-transform:uppercase}
  .hero-meta .pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:rgba(255,94,0,.10);border:1px solid rgba(255,94,0,.35);color:var(--ap-orange-300)}
  .hero-meta .pill .dot{width:6px;height:6px;border-radius:50%;background:var(--ap-orange-300);box-shadow:0 0 10px var(--ap-orange-300)}
  .hero-meta .sep{width:18px;height:1px;background:rgba(255,255,255,.18)}

  .hero-display{
    font:900 italic 132px/.92 var(--ap-font-sans);
    letter-spacing:-.035em;margin:0 0 28px;color:#fff;text-wrap:balance;
  }
  .hero-display .o{color:var(--ap-orange-300)}
  .hero-display .o2{color:var(--ap-orange-300);font-style:italic}
  .hero-display .stack-row{display:block}

  .hero-lede{font:500 19px/1.55 var(--ap-font-sans);color:var(--ap-fg-2);margin:0 0 14px;max-width:560px;text-wrap:pretty}
  .hero-tag{font:700 italic 22px/1.3 var(--ap-font-sans);color:#FFEEDD;margin:0 0 28px;letter-spacing:-.005em}
  .hero-tag em{color:var(--ap-orange-300);font-style:italic}
  .hero-ctas{display:flex;gap:10px;align-items:center}

  /* Right-hand "Studio File" card — contact-sheet of game thumbnails
     above a data strip. Reads as a studio dossier, not a product tile. */
  .hero-card{
    position:relative;border-radius:22px;overflow:hidden;
    border:1px solid var(--ap-divider);
    background:linear-gradient(180deg,#15151A 0%,#0E0E10 100%);
    box-shadow:0 40px 80px -30px rgba(0,0,0,.7), inset 0 1px 0 rgba(255,255,255,.04);
    transform:rotate(-1.5deg);
    padding:18px;display:flex;flex-direction:column;gap:18px;
  }
  .hero-card .corner{
    display:inline-flex;align-items:center;gap:8px;
    padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.12);align-self:flex-start;
    font:700 10px/1 var(--ap-font-tag);letter-spacing:.22em;text-transform:uppercase;color:#fff;
  }
  .hero-card .corner .dot{width:6px;height:6px;border-radius:50%;background:var(--ap-orange-300);box-shadow:0 0 10px var(--ap-orange-300)}
  /* Square, content-sized cells so the 1080×1080 key art shows uncropped
     (the old 1.4fr column stretched the big tile portrait and clipped the
     game-title art). Big 2×2 + four 1×1. */
  .hero-card .contact-sheet{
    display:grid;grid-template-columns:repeat(4,1fr);gap:8px;
    border-radius:12px;overflow:hidden;
  }
  .hero-card .cs-tile{
    aspect-ratio:1;background-size:cover;background-position:center;background-color:#18181B;
    border:0;background-clip:padding-box;border-radius:8px;position:relative;overflow:hidden;
  }
  /* No border on the tiles: a translucent 1px border sits OUTSIDE the ::after
     vignette (inset:0 = padding box) and the key art paints under it, so any
     white art edge lit the border up as a thin white frame (seen 2026-09-11). */
  .hero-card .cs-tile.big{grid-row:span 2;grid-column:span 2}
  /* Inset vignette: several key-art JPGs (Dragon Chi, Mahjong Roar, Zeustrike)
     fade to white at their edges, which read as white borders on the dark card —
     the ring pulls the tile edges back to the page's dark ground. */
  .hero-card .cs-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(11,11,13,.55) 100%);box-shadow:inset 0 0 0 2px #0B0B0D,inset 0 0 12px 4px rgba(11,11,13,.9),inset 0 0 28px 6px rgba(11,11,13,.55)}
  /* The 2px opaque ring above is what actually kills the white edge — Mahjong Roar's
     top row is ~245/255 and Zeustrike's ~140, which the soft shadow alone let through. */
  .hero-card .id-rows{
    display:flex;flex-direction:column;gap:10px;padding:6px 4px 2px;
  }
  .hero-card .id-rows .row{
    display:flex;justify-content:space-between;align-items:baseline;gap:14px;
    padding-bottom:10px;border-bottom:1px dashed rgba(255,255,255,.12);
  }
  .hero-card .id-rows .row:last-child{border-bottom:0;padding-bottom:0}
  .hero-card .k{font:600 10px/1 var(--ap-font-tag);letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.55);white-space:nowrap}
  .hero-card .v{font:700 14px/1.1 var(--ap-font-sans);color:#fff;text-align:right;letter-spacing:-.005em}
  .hero-card .v em{color:var(--ap-orange-300);font-style:italic;font-weight:800}

  /* ─────────────────────────────────────────────────────────
     MARQUEE STRIP — brand words, slow drift. Pure CSS.
     ───────────────────────────────────────────────────────── */
  .marquee{
    position:relative;overflow:hidden;
    border-top:1px solid var(--ap-divider);border-bottom:1px solid var(--ap-divider);
    background:#0B0B0D;padding:22px 0;
  }
  .marquee::before,.marquee::after{
    content:"";position:absolute;top:0;bottom:0;width:120px;z-index:2;pointer-events:none;
  }
  .marquee::before{left:0;background:linear-gradient(90deg,#0B0B0D 0%,transparent 100%)}
  .marquee::after{right:0;background:linear-gradient(270deg,#0B0B0D 0%,transparent 100%)}
  .marquee-track{display:flex;gap:48px;width:max-content;animation:marquee 40s linear infinite}
  .marquee-track .word{
    font:900 italic 44px/1 var(--ap-font-sans);letter-spacing:-.02em;color:#fff;
    display:inline-flex;align-items:center;gap:48px;text-transform:uppercase;
  }
  .marquee-track .word.muted{color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.22)}
  .marquee-track .word.accent{color:var(--ap-orange-300)}
  .marquee-track .star{color:var(--ap-orange-300);font-size:28px;line-height:1;display:inline-block;transform:translateY(-2px)}
  @keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

  /* ─────────────────────────────────────────────────────────
     STORY — horizontal timeline. Years as anchors. Rich, but
     calm — text-first with subtle accents.
     ───────────────────────────────────────────────────────── */
  .story{padding:96px 0 48px}
  .story .head{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:end;margin-bottom:56px}
  .story .head .eyebrow{font:700 11px/1 var(--ap-font-tag);color:var(--ap-orange-300);letter-spacing:.28em;text-transform:uppercase;margin:0 0 16px;display:inline-flex;align-items:center;gap:10px}
  .story .head .eyebrow::before{content:"";width:24px;height:2px;background:var(--ap-orange-300);border-radius:2px}
  .story .head h2{font:800 italic 64px/1.02 var(--ap-font-sans);letter-spacing:-.025em;margin:0;color:#fff;text-wrap:balance}
  .story .head h2 em{color:var(--ap-orange-300);font-style:italic}
  .story .head p{font:400 16px/1.7 var(--ap-font-sans);color:var(--ap-fg-2);margin:0;max-width:540px;text-wrap:pretty}

  .timeline{
    position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:0;
    border-top:1px solid var(--ap-divider);
    padding-top:36px;
  }
  .timeline::before{
    content:"";position:absolute;top:-1px;left:0;height:3px;
    width:25%;
    background:linear-gradient(90deg,var(--ap-orange-300) 0%,rgba(255,94,0,0) 100%);
    border-radius:2px;
  }
  .tl-step{position:relative;padding:0 28px 0 0}
  .tl-step + .tl-step{border-left:1px solid var(--ap-divider);padding-left:28px}
  .tl-step .year{font:800 italic 48px/1 var(--ap-font-sans);color:#fff;letter-spacing:-.02em;margin:0 0 14px}
  .tl-step.now .year{color:var(--ap-orange-300)}
  .tl-step .tag{font:700 10px/1 var(--ap-font-tag);color:var(--ap-orange-300);letter-spacing:.2em;text-transform:uppercase;margin:0 0 10px;display:inline-flex;align-items:center;gap:8px}
  .tl-step .tag .dot{width:6px;height:6px;border-radius:50%;background:var(--ap-orange-300);box-shadow:0 0 10px var(--ap-orange-300)}
  .tl-step h4{font:700 18px/1.3 var(--ap-font-sans);color:#fff;letter-spacing:-.01em;margin:0 0 8px;text-wrap:balance}
  .tl-step p{font:400 14px/1.55 var(--ap-font-sans);color:var(--ap-fg-3);margin:0;text-wrap:pretty}

  /* ─────────────────────────────────────────────────────────
     PILLARS — alternating feature blocks, but tighter and more
     editorial than before. Visuals stay typographic / craft-based.
     ───────────────────────────────────────────────────────── */
  .pillars{padding:48px 0 96px}
  .pillar{
    display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;
    padding:60px 0;
  }
  .pillar + .pillar{border-top:1px solid var(--ap-divider)}
  .pillar.flip .p-text{order:2}
  .pillar.flip .p-visual{order:1}
  .p-text .eyebrow{font:700 11px/1 var(--ap-font-tag);color:var(--ap-fg-4);letter-spacing:.28em;text-transform:uppercase;margin:0 0 18px}
  .p-text h3{font:800 italic 48px/1.05 var(--ap-font-sans);color:#fff;letter-spacing:-.02em;margin:0 0 22px;max-width:520px;text-wrap:balance}
  .p-text h3 em{color:var(--ap-orange-300);font-style:italic}
  .p-text p{font:400 16px/1.7 var(--ap-font-sans);color:var(--ap-fg-2);max-width:520px;margin:0;text-wrap:pretty}
  .p-text .tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
  .p-text .tags span{font:600 11px/1 var(--ap-font-tag);color:var(--ap-fg-2);letter-spacing:.14em;text-transform:uppercase;padding:8px 12px;border-radius:999px;border:1px solid var(--ap-divider);background:rgba(255,255,255,.02);white-space:nowrap}

  .p-visual{position:relative;aspect-ratio:5/4;border-radius:18px;overflow:hidden;border:1px solid var(--ap-divider);background:linear-gradient(180deg,#1A1A1D 0%,#0F0F11 100%)}
  .p-visual.mosaic-fit{aspect-ratio:auto}

  /* Mosaic */
  /* Games mosaic — square cells sized by the grid itself so the 1080×1080
     key art shows uncropped (the old 3×2 grid stretched the cells and
     overflowed two tiles into slivers). Big tile 2×2 + four 1×1. */
  .v-mosaic{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:14px;background:#0F0F11}
  .v-mosaic .tile{aspect-ratio:1;border-radius:10px;background-size:cover;background-position:center;background-color:#18181B;border:0;background-clip:padding-box;position:relative;overflow:hidden}
  /* Same white-edged key art as the hero contact sheet — same vignette. */
  .v-mosaic .tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 50%,rgba(0,0,0,.55) 100%);box-shadow:inset 0 0 0 2px #0B0B0D,inset 0 0 12px 4px rgba(11,11,13,.9),inset 0 0 28px 6px rgba(11,11,13,.55)}
  .v-mosaic .tile.big{grid-row:span 2;grid-column:span 2}
  .v-mosaic-stamp{position:absolute;left:24px;bottom:22px;z-index:3;display:inline-flex;align-items:center;gap:8px;background:rgba(15,15,17,.85);border:1px solid var(--ap-divider);border-radius:999px;padding:8px 14px;font:700 11px/1 var(--ap-font-tag);color:#fff;letter-spacing:.18em;text-transform:uppercase;backdrop-filter:blur(8px)}
  .v-mosaic-stamp .dot{width:6px;height:6px;border-radius:50%;background:var(--ap-orange-300);box-shadow:0 0 12px var(--ap-orange-300)}

  /* Receipt */
  .v-receipt{padding:36px;display:flex;flex-direction:column;justify-content:center;gap:18px;font-family:"JetBrains Mono","SF Mono","Menlo",monospace;height:100%}
  .v-receipt .r-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;border-bottom:1px dashed var(--ap-divider)}
  .v-receipt .r-head .lbl{font:700 10px/1 var(--ap-font-tag);letter-spacing:.2em;text-transform:uppercase;color:var(--ap-fg-4);font-family:var(--ap-font-tag)}
  .v-receipt .r-head .verify{display:inline-flex;align-items:center;gap:6px;font:600 11px/1 var(--ap-font-tag);color:#28c840;background:rgba(40,200,64,.1);border:1px solid rgba(40,200,64,.3);padding:5px 9px;border-radius:5px;letter-spacing:.14em;text-transform:uppercase;font-family:var(--ap-font-tag)}
  .v-receipt .r-head .verify::before{content:"";width:6px;height:6px;border-radius:50%;background:#28c840;box-shadow:0 0 10px #28c840}
  .v-receipt .r-row{display:flex;justify-content:space-between;align-items:baseline;gap:14px;font-size:12px;color:var(--ap-fg-3)}
  .v-receipt .r-row .k{color:var(--ap-fg-4);letter-spacing:.06em;text-transform:uppercase;font-size:10px;flex-shrink:0}
  .v-receipt .r-row .v{color:#FFEEDD;word-break:break-all;text-align:right;font-size:12px}
  .v-receipt .r-row .v.hash{color:var(--ap-orange-300);font-weight:600}
  .v-receipt .r-row .v.win{color:var(--ap-win);font-weight:700;font-size:14px}
  .v-receipt .r-foot{margin-top:auto;padding-top:14px;border-top:1px dashed var(--ap-divider);font:500 10px/1.4 var(--ap-font-tag);color:var(--ap-fg-4);letter-spacing:.14em;text-transform:uppercase;text-align:center;font-family:var(--ap-font-tag)}

  /* Art — full-bleed painted key art with a sticker overlay.
     Golden Egypt's own clean art (assets/art/) — owned, badge-free. */
  .v-art{position:relative;height:100%;background:none center/cover #0E0E10;overflow:hidden}
  .v-art::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.55) 100%);pointer-events:none}
  .v-art::after{content:"";position:absolute;left:18px;top:18px;width:auto;display:none}
  .v-art .art-stamp{
    position:absolute;top:18px;left:18px;z-index:2;display:inline-flex;align-items:center;gap:8px;
    padding:7px 12px;border-radius:999px;background:rgba(15,15,17,.78);border:1px solid rgba(255,255,255,.14);
    backdrop-filter:blur(8px);
    font:700 10px/1 var(--ap-font-tag);letter-spacing:.22em;text-transform:uppercase;color:#fff;
  }
  .v-art .art-stamp .dot{width:6px;height:6px;border-radius:50%;background:var(--ap-orange-300);box-shadow:0 0 10px var(--ap-orange-300)}
  .v-art .art-meta{position:absolute;right:22px;bottom:22px;z-index:3;background:rgba(15,15,17,.92);border:1px solid var(--ap-divider);border-radius:12px;padding:14px 18px;max-width:260px;backdrop-filter:blur(8px)}
  .v-art .art-meta .am-line{font:600 10px/1.3 var(--ap-font-tag);letter-spacing:.18em;text-transform:uppercase;color:var(--ap-fg-4);margin:0 0 6px}
  .v-art .art-meta .am-sig{font:800 italic 22px/1.1 var(--ap-font-sans);color:#fff;margin:0 0 4px;letter-spacing:-.01em}
  .v-art .art-meta .am-sig em{color:var(--ap-orange-300);font-style:italic}
  .v-art .art-meta .am-tag{font:500 11px/1.4 var(--ap-font-sans);color:var(--ap-fg-3);margin:0}

  /* ─────────────────────────────────────────────────────────
     NUMBERS BAND — full-bleed editorial. Big italic numerals.
     ───────────────────────────────────────────────────────── */
  .numbers{
    position:relative;padding:96px 0;background:#08080A;
    border-top:1px solid var(--ap-divider);border-bottom:1px solid var(--ap-divider);
    overflow:hidden;
  }
  .numbers::before{
    content:"";position:absolute;inset:0;pointer-events:none;
    background:
      radial-gradient(900px 400px at 50% 0%, rgba(255,94,0,.10) 0%, transparent 60%),
      radial-gradient(700px 400px at 50% 100%, rgba(0,143,254,.07) 0%, transparent 60%);
  }
  .numbers .lede{position:relative;display:grid;grid-template-columns:.6fr .4fr;gap:60px;align-items:end;margin-bottom:48px}
  .numbers .lede .eyebrow{font:700 11px/1 var(--ap-font-tag);color:var(--ap-orange-300);letter-spacing:.28em;text-transform:uppercase;margin:0 0 16px;display:inline-flex;align-items:center;gap:10px}
  .numbers .lede .eyebrow::before{content:"";width:24px;height:2px;background:var(--ap-orange-300);border-radius:2px}
  .numbers .lede h2{font:700 36px/1.15 var(--ap-font-sans);letter-spacing:-.015em;color:#fff;margin:0;text-wrap:balance}
  .numbers .lede h2 em{color:var(--ap-orange-300);font-style:italic}
  .numbers .lede p{font:400 15px/1.6 var(--ap-font-sans);color:var(--ap-fg-3);margin:0;text-wrap:pretty}

  /* Stat tiles — desktop now mirrors the phone design (user, 2026-09-14):
     boxed cards, upright white figures with an orange suffix, small tag
     label. Was: 96px italic figures separated by hairline dividers. */
  .num-grid{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
  .num-cell{position:relative;background:var(--bg-2);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:26px 28px}
  .num-cell .num{font:900 48px/1 var(--ap-font-sans);color:#fff;letter-spacing:-.01em;margin:0 0 12px}
  .num-cell .num em{color:#fff;font-style:normal}
  .num-cell .num .plus{color:var(--ap-orange-300)}
  .num-cell .num .sfx{color:var(--ap-orange-300)}
  .num-cell .lbl{font:600 11px/1.5 var(--ap-font-tag);letter-spacing:.16em;text-transform:uppercase;color:rgba(244,233,214,.5);margin:0}

  /* ─────────────────────────────────────────────────────────
     TEAM / STUDIO — split layout, less card-y, more editorial.
     ───────────────────────────────────────────────────────── */
  .studio{padding:96px 0;background:var(--ap-surface-1);position:relative;overflow:hidden}
  .studio::before{content:"";position:absolute;inset:0;background:radial-gradient(800px 400px at 50% 0%, rgba(255,94,0,.08) 0%, transparent 60%);pointer-events:none}
  .studio .head{position:relative;z-index:1;text-align:center;margin-bottom:56px;max-width:760px;margin-left:auto;margin-right:auto}
  .studio .head .eyebrow{font:700 11px/1 var(--ap-font-tag);color:var(--ap-orange-300);letter-spacing:.28em;text-transform:uppercase;margin:0 0 16px}
  .studio .head h2{font:800 italic 56px/1.05 var(--ap-font-sans);color:#fff;letter-spacing:-.025em;margin:0;text-wrap:balance}
  .studio .head h2 em{color:var(--ap-orange-300);font-style:italic}
  .studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;position:relative;z-index:1}
  .studio-card{
    background:linear-gradient(180deg,#1F1F23 0%,#161618 100%);
    border:1px solid var(--ap-divider);border-radius:18px;padding:40px;
    display:flex;flex-direction:column;gap:22px;position:relative;overflow:hidden;
    transition:transform var(--ap-dur-slow) var(--ap-ease), border-color var(--ap-dur-slow) var(--ap-ease), box-shadow var(--ap-dur-slow) var(--ap-ease);
  }
  .studio-card::before{content:"";position:absolute;left:0;top:0;width:80px;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--ap-orange-300),transparent)}
  .studio-card:hover{transform:translateY(-4px);border-color:rgba(255,94,0,.35);box-shadow:0 24px 60px -24px rgba(0,0,0,.6)}
  .sc-head{display:flex;align-items:baseline;gap:14px}
  .sc-num{font:800 italic 38px/1 var(--ap-font-sans);color:var(--ap-orange-300);letter-spacing:-.02em}
  .sc-title{font:700 26px/1.15 var(--ap-font-sans);color:#fff;margin:0;letter-spacing:-.01em}
  .sc-roster{display:flex;flex-wrap:wrap;gap:6px}
  .sc-roster span{font:600 10px/1 var(--ap-font-tag);color:var(--ap-fg-3);letter-spacing:.14em;text-transform:uppercase;padding:7px 10px;border-radius:6px;background:rgba(255,255,255,.04);border:1px solid var(--ap-divider)}
  .quote-block{position:relative;padding:22px 24px;border-left:3px solid var(--ap-orange-300);background:rgba(255,94,0,.05);border-radius:0 10px 10px 0}
  .quote-block .q-mark{position:absolute;top:6px;left:14px;font:900 italic 56px/1 var(--ap-font-sans);color:rgba(255,94,0,.18);pointer-events:none}
  .quote-block .q-text{font:600 italic 18px/1.45 var(--ap-font-sans);color:#FFEEDD;margin:0 0 8px;position:relative;z-index:1}
  .quote-block .q-author{font:500 12px/1 var(--ap-font-tag);color:var(--ap-fg-4);letter-spacing:.16em;text-transform:uppercase;margin:0;position:relative;z-index:1}
  .code-block{background:#0A0A0C;border:1px solid var(--ap-divider);border-radius:10px;padding:18px 20px;font-family:"JetBrains Mono","SF Mono","Menlo",monospace;font-size:13px;line-height:1.7;color:#FFEEDD;overflow-x:auto;position:relative}
  .code-block::before{content:"";position:absolute;top:12px;left:14px;display:flex;gap:6px;width:38px;height:8px;background:radial-gradient(circle 4px at 4px 4px,#ff5f57 99%,transparent 100%),radial-gradient(circle 4px at 18px 4px,#febc2e 99%,transparent 100%),radial-gradient(circle 4px at 32px 4px,#28c840 99%,transparent 100%)}
  .code-block code{display:block;margin-top:12px;white-space:pre-wrap}
  .code-block .c-kw{color:#FFA15C}.code-block .c-fn{color:#FFD66B}.code-block .c-var{color:#7FE0FF}.code-block .c-op{color:rgba(255,255,255,.55)}
  .sc-tagline{font:700 italic 16px/1.4 var(--ap-font-sans);color:#fff;margin:0;letter-spacing:-.005em}
  .sc-tagline em{color:var(--ap-orange-300);font-style:italic}

  /* ─────────────────────────────────────────────────────────
     PRINCIPLES — 4-up row, big numerals, no icon-card cliché.
     ───────────────────────────────────────────────────────── */
  .principles{padding:96px 0}
  .principles .head{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:end;margin-bottom:48px}
  .principles .head .eyebrow{font:700 11px/1 var(--ap-font-tag);color:var(--ap-orange-300);letter-spacing:.28em;text-transform:uppercase;margin:0 0 16px;display:inline-flex;align-items:center;gap:10px}
  .principles .head .eyebrow::before{content:"";width:24px;height:2px;background:var(--ap-orange-300);border-radius:2px}
  .principles .head h2{font:800 italic 64px/1.02 var(--ap-font-sans);color:#fff;letter-spacing:-.025em;margin:0;text-wrap:balance}
  .principles .head h2 em{color:var(--ap-orange-300);font-style:italic}
  .principles .head p{font:400 16px/1.7 var(--ap-font-sans);color:var(--ap-fg-2);margin:0;max-width:540px}

  .p-row{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--ap-divider);border-bottom:1px solid var(--ap-divider)}
  .p-cell{padding:36px 28px 36px 0;position:relative;display:flex;flex-direction:column;gap:14px;transition:background var(--ap-dur-slow) var(--ap-ease)}
  .p-cell + .p-cell{border-left:1px solid var(--ap-divider);padding-left:28px}
  .p-cell:hover{background:rgba(255,255,255,.02)}
  .p-cell .pn{font:800 italic 14px/1 var(--ap-font-sans);color:var(--ap-orange-300);letter-spacing:.08em}
  .p-cell h4{font:700 22px/1.25 var(--ap-font-sans);color:#fff;letter-spacing:-.01em;margin:0;text-wrap:balance}
  .p-cell p{font:400 14px/1.6 var(--ap-font-sans);color:var(--ap-fg-3);margin:0;text-wrap:pretty}

  /* ─────────────────────────────────────────────────────────
     API SECTION
     ───────────────────────────────────────────────────────── */
  .api-section{padding:96px 0;background:var(--ap-surface-1);position:relative;overflow:hidden}
  .api-section::before{
    content:"";position:absolute;inset:0;pointer-events:none;
    background:
      radial-gradient(700px 500px at 85% 50%, rgba(255,94,0,.22) 0%, transparent 60%),
      radial-gradient(500px 400px at 15% 30%, rgba(0,143,254,.10) 0%, transparent 60%);
  }
  .api-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center;position:relative;z-index:1}
  .api-text .eyebrow{font:700 11px/1 var(--ap-font-tag);color:var(--ap-orange-300);letter-spacing:.28em;text-transform:uppercase;margin:0 0 18px;display:inline-flex;align-items:center;gap:10px}
  .api-text .eyebrow::before{content:"";width:24px;height:2px;background:var(--ap-orange-300);border-radius:2px}
  .api-text h2{font:800 italic 64px/1.02 var(--ap-font-sans);color:#fff;letter-spacing:-.025em;margin:0 0 22px}
  .api-text h2 em{color:var(--ap-orange-300);font-style:italic}
  .api-text p{font:400 17px/1.65 var(--ap-font-sans);color:var(--ap-fg-2);margin:0 0 28px;max-width:520px;text-wrap:pretty}
  .api-text .btn{height:52px;padding:0 28px;font-size:16px}
  .api-visual{background:#0A0A0C;border:1px solid var(--ap-divider);border-radius:16px;overflow:hidden;box-shadow:0 30px 80px -30px rgba(0,0,0,.7)}
  .api-visual .av-head{display:flex;align-items:center;gap:8px;padding:14px 18px;background:#15151A;border-bottom:1px solid var(--ap-divider)}
  .av-head .dots{display:flex;gap:6px}
  .av-head .dots span{width:10px;height:10px;border-radius:50%}
  .av-head .dots .r{background:#ff5f57}.av-head .dots .y{background:#febc2e}.av-head .dots .g{background:#28c840}
  .av-head .title{margin-left:14px;font:600 12px/1 var(--ap-font-tag);color:var(--ap-fg-4);letter-spacing:.14em;text-transform:uppercase;font-family:var(--ap-font-tag)}
  .api-visual .av-body{padding:24px;font-family:"JetBrains Mono","SF Mono","Menlo",monospace;font-size:13px;line-height:1.8;color:#FFEEDD}
  .av-body .ln{display:block;color:rgba(255,255,255,.85)}
  .av-body .c-cmt{color:rgba(255,255,255,.35)}.av-body .c-kw{color:#FFA15C}.av-body .c-str{color:#FFD66B}.av-body .c-fn{color:#7FE0FF}
  .av-body .av-resp{margin-top:10px;padding:14px;background:rgba(40,200,64,.06);border:1px solid rgba(40,200,64,.18);border-radius:8px;color:rgba(255,255,255,.7);font-size:12px}
  .av-body .av-resp .ok{color:#28c840;font-weight:700;letter-spacing:.1em}

  /* ─────────────────────────────────────────────────────────
     CLOSING — quiet, big, signed off.
     ───────────────────────────────────────────────────────── */
  .closing-section{padding:96px 0;text-align:center;position:relative;overflow:hidden}
  .closing-section::before{content:"";position:absolute;inset:0;background:radial-gradient(600px 400px at 50% 50%, rgba(255,94,0,.14) 0%, transparent 60%);pointer-events:none}
  .closing-section .wrap{position:relative;z-index:1;max-width:920px}
  .closing-section .eyebrow{font:700 11px/1 var(--ap-font-tag);color:var(--ap-orange-300);letter-spacing:.28em;text-transform:uppercase;margin:0 0 22px}
  .closing-section h2{font:900 italic 96px/.95 var(--ap-font-sans);color:#fff;margin:0 0 26px;letter-spacing:-.035em;text-wrap:balance}
  .closing-section h2 em{color:var(--ap-orange-300);font-style:italic}
  .closing-section p{font:400 17px/1.7 var(--ap-font-sans);color:var(--ap-fg-2);margin:0 auto;max-width:640px;text-wrap:pretty}
  .signoff{display:inline-flex;align-items:center;gap:18px;margin-top:40px;font:700 italic 22px/1 var(--ap-font-sans);color:#fff;letter-spacing:-.01em}
  .signoff .pipe{width:1px;height:22px;background:rgba(255,255,255,.2)}
  .signoff em{color:var(--ap-orange-300);font-style:italic}

  /* ── Footer (unchanged vocabulary) ── */
  footer.site{background:#08080A;padding:48px 0 0;margin-top:0;border-top:1px solid rgba(255,255,255,.04)}
  .footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:60px;padding-bottom:32px}
  .ft-brand img{height:40px;display:block;margin-bottom:14px}
  .ft-brand p{margin:0;font:400 13px/20px var(--ap-font-sans);color:var(--ap-fg-4);max-width:340px}
  .ft-col h5{margin:0 0 12px;font:700 13px/20px var(--ap-font-sans);color:#fff;text-transform:uppercase;letter-spacing:.08em}
  .ft-col ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
  .ft-col a{font:400 14px/20px var(--ap-font-sans);color:var(--ap-fg-3);transition:color var(--ap-dur) var(--ap-ease);cursor:pointer}
  .ft-col a:hover{color:var(--ap-orange-300)}
  .socials{display:flex;gap:10px;margin-top:14px}
  .socials a{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all var(--ap-dur) var(--ap-ease)}
  .socials a:hover{background:var(--ap-orange-300);color:#fff}
  .socials svg{width:16px;height:16px;fill:currentColor}
  .footer-base{border-top:1px solid rgba(255,255,255,.06);padding:18px 0;display:flex;align-items:center;justify-content:space-between;font:400 13px/20px var(--ap-font-sans);color:var(--ap-fg-4);flex-wrap:wrap;gap:8px}

  /* ─────────────────────────────────────────────────────────
     EXHIBITIONS — event gallery, CMS-driven
     ───────────────────────────────────────────────────────── */
  .exhibits{padding:96px 0;border-top:1px solid var(--ap-divider)}
  .exhibits .head{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:end;margin-bottom:34px}
  .exhibits .head .eyebrow{font:700 11px/1 var(--ap-font-tag);color:var(--ap-orange-300);letter-spacing:.28em;text-transform:uppercase;margin:0 0 16px;display:inline-flex;align-items:center;gap:10px}
  .exhibits .head .eyebrow::before{content:"";width:24px;height:2px;background:var(--ap-orange-300);border-radius:2px}
  .exhibits .head h2{font:800 italic 60px/1.02 var(--ap-font-sans);letter-spacing:-.025em;margin:0;color:#fff;text-wrap:balance}
  .exhibits .head h2 em{color:var(--ap-orange-300);font-style:italic}
  .exhibits .head p{font:400 16px/1.7 var(--ap-font-sans);color:var(--ap-fg-2);margin:0;max-width:540px;text-wrap:pretty}

  .ex-filter{display:flex;gap:8px;margin-bottom:28px}
  .ex-filter button{height:38px;padding:0 18px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid var(--ap-divider);color:var(--ap-fg-2);font:700 12px/1 var(--ap-font-sans);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:all var(--ap-dur)}
  .ex-filter button:hover{border-color:rgba(255,255,255,.32);color:#fff}
  .ex-filter button.on{background:var(--ap-orange-300);border-color:var(--ap-orange-300);color:#fff}

  .ex-gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
  .ex-item{position:relative;grid-column:span 4;border-radius:16px;overflow:hidden;background:#15151A;border:1px solid var(--ap-divider);cursor:pointer;min-height:230px;display:flex;align-items:flex-end;transition:transform var(--ap-dur) var(--ap-ease),border-color var(--ap-dur),box-shadow var(--ap-dur)}
  .ex-item:hover{transform:translateY(-4px);border-color:rgba(255,94,0,.45);box-shadow:0 26px 50px -24px rgba(0,0,0,.8)}
  .ex-item.tall{grid-column:span 6;min-height:330px}
  .ex-item .ex-media{position:absolute;inset:0;background:#1a1a20 center/cover no-repeat;transition:transform var(--ap-dur-slow) var(--ap-ease)}
  .ex-item:hover .ex-media{transform:scale(1.05)}
  .ex-item::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,11,13,0) 30%,rgba(11,11,13,.82) 100%)}
  .ex-item .ex-type{position:absolute;top:14px;left:14px;z-index:3;display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 11px;border-radius:999px;background:rgba(11,11,13,.6);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.16);font:700 10px/1 var(--ap-font-tag);letter-spacing:.16em;text-transform:uppercase;color:#fff}
  .ex-item .ex-type.video{color:var(--ap-orange-300);border-color:rgba(255,94,0,.4)}
  .ex-item .ex-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;width:60px;height:60px;border-radius:50%;background:rgba(255,94,0,.92);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(255,94,0,.4);transition:transform var(--ap-dur)}
  .ex-item:hover .ex-play{transform:translate(-50%,-50%) scale(1.08)}
  .ex-item .ex-play svg{width:22px;height:22px;fill:#fff;margin-left:3px}
  .ex-item .ex-cap{position:relative;z-index:3;padding:18px 20px;width:100%}
  .ex-item .ex-cap .meta{font:700 10px/1 var(--ap-font-tag);letter-spacing:.14em;text-transform:uppercase;color:var(--ap-orange-300);margin:0 0 8px;display:flex;gap:8px;flex-wrap:wrap}
  .ex-item .ex-cap .meta .sep{color:rgba(255,255,255,.3)}
  .ex-item .ex-cap h4{font:800 19px/1.2 var(--ap-font-sans);letter-spacing:-.01em;color:#fff;margin:0 0 6px;text-wrap:balance}
  .ex-item .ex-cap p{font:400 13px/1.5 var(--ap-font-sans);color:var(--ap-fg-2);margin:0;text-wrap:pretty;opacity:0;max-height:0;transition:opacity var(--ap-dur),max-height var(--ap-dur)}
  .ex-item:hover .ex-cap p{opacity:1;max-height:80px}
  .ex-empty{grid-column:1/-1;text-align:center;padding:60px 20px;color:var(--ap-fg-3);font:400 15px/1.5 var(--ap-font-sans)}

  /* Lightbox */
  .ex-lb{position:fixed;inset:0;z-index:1000;background:rgba(5,5,7,.92);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:48px;opacity:0;pointer-events:none;transition:opacity var(--ap-dur)}
  .ex-lb.open{opacity:1;pointer-events:auto}
  .ex-lb-inner{position:relative;max-width:1100px;width:100%;max-height:86vh;display:flex;flex-direction:column;gap:16px}
  .ex-lb-stage{position:relative;border-radius:16px;overflow:hidden;background:#000;border:1px solid var(--ap-divider);aspect-ratio:16/9}
  .ex-lb-stage img,.ex-lb-stage iframe{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;border:0}
  .ex-lb-cap{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}
  .ex-lb-cap h3{font:800 italic 26px/1.1 var(--ap-font-sans);color:#fff;margin:0 0 6px}
  .ex-lb-cap .meta{font:700 11px/1 var(--ap-font-tag);letter-spacing:.16em;text-transform:uppercase;color:var(--ap-orange-300)}
  .ex-lb-cap p{font:400 14px/1.6 var(--ap-font-sans);color:var(--ap-fg-2);margin:8px 0 0;max-width:680px}
  .ex-lb-close{position:absolute;top:-40px;right:0;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.1);border:0;color:#fff;font:600 18px/1 var(--ap-font-sans);cursor:pointer;transition:background var(--ap-dur)}
  .ex-lb-close:hover{background:var(--ap-orange-300)}
  /* Album paging (2026-08): ‹ › arrows + "3 / 21" counter; hidden for single-photo items */
  .ex-lb-media{position:absolute;inset:0}
  .ex-lb-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(11,11,13,.55);backdrop-filter:blur(6px);color:#fff;font:400 26px/1 var(--ap-font-sans);cursor:pointer;display:flex;align-items:center;justify-content:center;padding-bottom:3px;transition:background var(--ap-dur)}
  .ex-lb-nav:hover{background:var(--ap-orange-300)}
  .ex-lb-nav.prev{left:14px}
  .ex-lb-nav.next{right:14px}
  .ex-lb-count{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);z-index:4;font:700 11px/1 var(--ap-font-tag);letter-spacing:.16em;color:#fff;background:rgba(11,11,13,.6);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:7px 12px}
  .ex-lb.single .ex-lb-nav,.ex-lb.single .ex-lb-count{display:none}
  @media (max-width:860px){
    .ex-lb{padding:16px}
    .ex-lb-nav{width:38px;height:38px;font-size:22px}
    .ex-lb-nav.prev{left:8px}
    .ex-lb-nav.next{right:8px}
  }

  /* ── Responsive ── */
  @media (max-width:1100px){
    .hero-display{font-size:96px}
    .num-cell .num{font-size:40px}
    .closing-section h2{font-size:64px}
    .exhibits .head h2{font-size:46px}
  }
  @media (max-width:860px){
    body{min-width:0}
    html{overflow-x:hidden}
    .wrap{padding:0 20px}
    .a-hero .wrap{grid-template-columns:1fr;gap:34px}
    .hero-display{font-size:clamp(52px,14vw,84px)}
    .story .head,.principles .head,.exhibits .head{grid-template-columns:1fr;gap:18px}
    .numbers .lede{grid-template-columns:1fr;gap:18px}
    .timeline{grid-template-columns:1fr 1fr;gap:28px 22px}
    .pillar{grid-template-columns:1fr;gap:26px;padding:40px 0}
    .studio-grid{grid-template-columns:1fr}
    .num-grid{grid-template-columns:1fr 1fr}
    .num-cell+.num-cell{border-left:0;padding-left:0}
    .num-cell{padding:18px 0;border-top:1px solid var(--ap-divider)}
    .p-row{grid-template-columns:1fr 1fr}
    .p-cell+.p-cell{border-left:0;padding-left:0}
    .p-cell{padding:24px 0;border-top:1px solid var(--ap-divider)}
    .api-grid{grid-template-columns:1fr;gap:38px}
    .ex-gallery{grid-template-columns:1fr 1fr}
    .ex-item{grid-column:auto !important}
    .story,.principles{padding:64px 0}
    .closing-section{padding:64px 0}
    .closing-section h2{font-size:clamp(44px,12vw,64px)}
    .exhibits{padding:64px 0}
  }
  @media (max-width:560px){
    .timeline,.num-grid,.p-row,.ex-gallery{grid-template-columns:1fr}
    .hero-ctas{flex-direction:column;align-items:stretch}
    .hero-meta{flex-wrap:wrap;gap:10px;line-height:1.6}
    .hero-meta .pill{white-space:nowrap}
    .hero-meta .sep{display:none}
    .hero-ctas .btn{justify-content:center}
    .num-cell .num{font-size:64px}
  }

  /* ══ MOBILE ≤860px — 2026-08 mobile design handoff ═══════════════════
     Phone layout per the designer's About screen. Desktop untouched.
     Elements marked .m-only exist for the phone layout only. */
  .m-only{display:none}
  @media (max-width:860px){
    body{min-width:0}
    .wrap{padding:0 18px}

    /* ── Hero: eyebrow + Anton H1 + italic tagline + intro + CTAs ── */
    .a-hero{margin-top:0;padding:24px 0 0;background:none}
    .a-hero::before{display:none}
    .a-hero .wrap{display:block}
    .hero-meta{display:none}
    .hero-eyebrow-m.m-only{display:block;font:700 10px/1.5 var(--ap-font-tag);letter-spacing:.22em;text-transform:uppercase;color:rgba(244,233,214,.5);margin-bottom:10px}
    .hero-display{font:400 50px/.9 var(--display);letter-spacing:0;text-transform:uppercase;color:var(--cream);margin:0}
    .hero-display .o2{font-style:normal}
    .hero-tag{font:italic 800 13px/1.5 var(--ap-font-sans);color:var(--cream);margin:12px 0 0}
    .hero-lede{font:400 12px/1.6 var(--ap-font-sans);color:rgba(244,233,214,.7);margin:8px 0 0;max-width:none}
    .hero-ctas{flex-direction:row;align-items:center;gap:10px;margin-top:16px}
    .hero-ctas .btn{height:40px;padding:0 16px;border-radius:6px;font:800 11px/1 var(--ap-font-sans);letter-spacing:.12em;text-transform:uppercase;justify-content:center}
    .hero-ctas .btn-primary{color:#0B0B0D}
    .hero-ctas .btn-ghost{background:transparent;border:1px solid var(--rule-strong);color:var(--cream)}
    .hero-ctas .btn .ch{display:none}
    .hero-card{display:none}

    /* Sections the mobile design omits: marquee, first two pillars,
       studio/team, closing. Exhibitions un-hidden 2026-09-14 (handoff
       turn 3) as an edge-to-edge scroller after the stats band. */
    .marquee,.studio,.closing-section{display:none}

    /* Design order puts the stats band before Hand-Drawn. Heart-Made. */
    main{display:flex;flex-direction:column}
    .a-hero{order:1}
    .story{order:2}
    .numbers{order:3}
    .exhibits{order:4}
    .pillars{order:5}
    .principles{order:6}
    .api-section{order:7}

    /* ── Exhibitions: phone rail, same card language as the Upcoming rail ── */
    .exhibits{padding:36px 0 0;border-top:0}
    .exhibits .head{display:block;margin-bottom:12px}
    .exhibits .head .eyebrow{font:700 10px/1 var(--ap-font-tag);letter-spacing:.22em;margin:0 0 8px}
    .exhibits .head h2{font:400 26px/1.05 var(--display);letter-spacing:0;text-transform:uppercase;color:var(--cream);margin:0}
    .exhibits .head h2 em{font-style:normal}
    .ex-filter{margin-bottom:0}
    .ex-filter button{height:30px;padding:0 14px;font-size:11px}
    .ex-gallery{display:flex;overflow-x:auto;gap:12px;margin:12px -18px 0;padding:0 18px 6px;scrollbar-width:none}
    .ex-gallery::-webkit-scrollbar{display:none}
    .ex-item,.ex-item.tall{flex:0 0 250px;height:180px;min-height:0;border-radius:12px}
    .ex-item .ex-type{top:10px;left:10px;height:24px;padding:0 10px;font-size:9px}
    .ex-item .ex-play{width:44px;height:44px}
    .ex-item .ex-play svg{width:16px;height:16px}
    .ex-item .ex-cap{padding:12px 14px}
    .ex-item .ex-cap .meta{font-size:9px;margin-bottom:6px}
    .ex-item .ex-cap h4{font:800 14px/1.25 var(--ap-font-sans)}
    .ex-item .ex-cap p{display:none}

    /* ── Our Story: stacked year cards, 2026 gets the orange border ── */
    .story{padding:36px 0 0}
    .story .head{display:block;margin-bottom:0}
    .story .head .eyebrow{font:700 10px/1 var(--ap-font-tag);letter-spacing:.22em;margin:0 0 8px}
    .story .head h2{font:400 30px/.95 var(--display);letter-spacing:0;text-transform:uppercase;color:var(--cream);margin:0 0 16px}
    .story .head h2 em{font-style:normal}
    .story .head p{display:none}
    .timeline{display:flex;flex-direction:column;gap:10px;border-top:0;padding-top:0}
    .timeline::before{display:none}
    .tl-step{display:grid;grid-template-columns:auto 1fr;column-gap:14px;row-gap:2px;background:var(--bg-2);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:14px}
    .tl-step+.tl-step{border-left:1px solid rgba(255,255,255,.08);padding-left:14px}
    .tl-step.now{border-color:var(--ap-orange-300)}
    .tl-step .year{grid-column:1;grid-row:1/span 2;font:400 22px/1.1 var(--display);font-style:normal;color:var(--ap-orange-300);margin:0}
    .tl-step .tag{display:none}
    .tl-step h4{grid-column:2;grid-row:1;font:700 12px/1.3 var(--ap-font-sans);margin:0}
    .tl-step p{grid-column:2;grid-row:2;font:400 11px/1.5 var(--ap-font-sans);color:rgba(244,233,214,.6)}

    /* ── Stats: Anton heading + 2×2 stat cards ── */
    .numbers{padding:36px 0 0;background:transparent;border:0}
    .numbers::before{display:none}
    .numbers .lede{display:block;margin-bottom:12px}
    .numbers .lede .eyebrow,.numbers .lede p{display:none}
    .numbers .lede h2{font:400 26px/1.05 var(--display);letter-spacing:0;text-transform:uppercase;color:var(--cream)}
    .numbers .lede h2 em{font:italic 900 26px/1 var(--ap-font-sans);text-transform:none}
    .num-grid{grid-template-columns:1fr 1fr;gap:10px}
    .num-cell{background:var(--bg-2);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:14px}
    .num-cell+.num-cell{border-left:1px solid rgba(255,255,255,.08);padding-left:14px}
    .num-cell .num{font:900 24px/1 var(--ap-font-sans);letter-spacing:0;margin:0 0 4px}
    .num-cell .num em{color:#fff;font-style:normal}
    .num-cell .num .plus{font-size:24px;font-style:normal;vertical-align:0;margin-left:0}
    .num-cell .num .sfx{color:var(--ap-orange-300)}
    .num-cell .lbl{font:600 8px/1.4 var(--ap-font-tag);letter-spacing:.16em;color:rgba(244,233,214,.5);max-width:none}

    /* ── Hand-Drawn. Heart-Made. — heading + paragraph only ── */
    .pillars{padding:36px 18px 0}   /* .pillars is its own .wrap */
    .pillars .pillar:not(:last-child){display:none}
    .pillar{display:block;padding:0}
    .pillar+.pillar{border-top:0}
    .p-text .eyebrow,.p-text .tags,.p-visual{display:none}
    .p-text h3{font:400 30px/.95 var(--display);letter-spacing:0;text-transform:uppercase;color:var(--cream);margin:0 0 8px;max-width:none}
    .p-text h3 em{font-style:normal}
    .p-text p{font:400 12px/1.6 var(--ap-font-sans);color:rgba(244,233,214,.7);max-width:none}

    /* ── Four Rules. One Mission. — 2×2 value cards ── */
    .principles{padding:36px 18px 0}   /* .principles is its own .wrap */
    .principles .head{display:block;margin-bottom:12px}
    .principles .head .eyebrow,.principles .head p{display:none}
    .principles .head h2{font:400 26px/1.05 var(--display);letter-spacing:0;text-transform:uppercase;color:var(--cream)}
    .principles .head h2 em{font-style:normal}
    .p-row{grid-template-columns:1fr 1fr;gap:10px;border:0}
    .p-cell{background:var(--bg-2);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:14px;gap:4px}
    .p-cell+.p-cell{border-left:1px solid rgba(255,255,255,.08);padding-left:14px}
    .p-cell:hover{background:var(--bg-2)}
    .p-cell h4{font:700 12px/1.3 var(--ap-font-sans)}
    .p-cell p{font:400 10px/1.5 var(--ap-font-sans);color:rgba(244,233,214,.6)}

    /* ── Plug In. Power Up. — bordered CTA card ── */
    .api-section{padding:36px 0 34px;background:transparent}
    .api-section::before{display:none}
    .api-grid{display:block;background:var(--bg-2);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:20px}
    .api-visual,.api-text .eyebrow{display:none}
    .api-text h2{font:400 28px/1.05 var(--display);letter-spacing:0;text-transform:uppercase;color:var(--cream);margin:0 0 8px}
    .api-text h2 em{font-style:normal}
    .api-text p{font:400 12px/1.6 var(--ap-font-sans);color:rgba(244,233,214,.7);margin:0 0 14px;max-width:none}
    .api-text .btn{height:42px;padding:0 18px;border-radius:8px;font:800 12px/1 var(--ap-font-sans);letter-spacing:.12em;text-transform:uppercase;color:#0B0B0D}
  }