/* Brand New Colors / homepage layer (November 2026).
   Ink header and hero, a double feature (Shtick City + Far West), a title ticker and a typographic collection index. */
body.home .studio-header{background:#0b0e12;border-bottom-color:#232831}
body.home .studio-header .studio-mark{color:#ece8df}
body.home .studio-header .studio-mark small{color:#a3a8b1}
body.home .studio-header nav a,body.home .studio-header nav a:not(.studio-nav-btn){color:#c4c6cb}
body.home .studio-header nav a:hover{color:#fff;text-decoration-color:#8fb4e0}
body.home .studio-header nav .studio-nav-btn{background:#ece8df;border-color:#ece8df;color:#0b0e12}
body.home .studio-header nav .studio-nav-btn:hover{background:#8fb4e0;border-color:#8fb4e0;color:#0b0e12}

.home-hero{background:#0b0e12;color:#ece8df;padding:clamp(44px,6vw,80px) var(--gutter) clamp(56px,7vw,96px);display:flex;flex-direction:column;gap:clamp(32px,4vw,56px)}
.home-hero :focus-visible{outline-color:#8fb4e0}
.home-kicker{display:block;font:500 13px/1.5 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#a3a8b1;margin:0 0 28px}
.home-hero h1{margin:0;font:800 clamp(52px,12vw,184px)/.88 var(--serif);letter-spacing:-.035em!important}
.home-hero h1 span,.home-hero h1 em{display:inline-block;font-style:normal;animation:home-rise .9s cubic-bezier(.2,.7,.1,1) both}
.home-hero h1 em{color:#8fb4e0;animation-delay:.3s}
.home-hero-row{display:flex;flex-wrap:wrap;gap:28px 72px;align-items:flex-end;justify-content:space-between}
.home-hero-row p{margin:0;flex:1 1 420px;min-width:0;max-width:34em;font:400 clamp(19px,2vw,23px)/1.45 var(--sans);color:#c4c6cb;text-wrap:pretty}
.home-hero .studio-buttons{gap:12px 28px}
.home-hero .btn.ink{background:#ece8df;border-color:#ece8df;color:#0b0e12;padding:18px 28px;font-size:17px;font-weight:600}
.home-hero .btn.ink:hover{background:#8fb4e0;border-color:#8fb4e0;color:#0b0e12}
.home-link{display:inline-flex;align-items:center;min-height:44px;color:#ece8df;font-weight:500;text-underline-offset:5px}
.home-link:hover{color:#8fb4e0}

.home-bill{display:flex;flex-direction:column;gap:28px;border-top:1px solid #ece8df;padding-top:20px}
.home-bill-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 32px;margin:0;font:500 13px/1.5 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.home-bill-head span+span{color:#a3a8b1}
.home-features{display:flex;flex-wrap:wrap;gap:48px 32px;align-items:flex-start}
.home-feature{flex:5 1 340px;min-width:0;display:flex;flex-direction:column;gap:22px}
.home-feature.lead{flex:7 1 420px}
.home-feature-media{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;border:1px solid #2a303a;background:#12151b}
.home-feature-media img,.home-feature-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:left top}
.home-feature-media video{object-position:center}
.home-feature-media img+img{opacity:0;animation:home-fade 15s linear 5s infinite}
.home-feature-media img+img+img{animation-delay:10s}
.home-feature-body{display:flex;flex-direction:column;gap:14px}
.home-feature-label{margin:0;font:500 13px/1.5 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#8fb4e0}
.home-feature.series .home-feature-label{color:#d9a441}
.home-feature h2{margin:0;font:800 clamp(44px,6vw,88px)/.92 var(--serif)}
.home-feature h2 a{color:inherit;text-decoration:none}
.home-feature h2 a:hover{color:#8fb4e0}
.home-feature p.home-feature-text{margin:0;max-width:34em;color:#c4c6cb;font-size:17px;line-height:1.55;text-wrap:pretty}
.home-feature-text em{color:#ece8df}
.home-feature-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 28px}
.home-play{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:#ece8df;font-weight:600;text-underline-offset:5px}
.home-play:hover{color:#8fb4e0}
.home-play svg{flex:none;fill:currentColor}
.home-feature-actions small{font-size:14px;line-height:1.5;color:#a3a8b1}

.home-ticker{overflow:hidden;border-bottom:1px solid var(--ink);padding:22px 0;background:var(--paper)}
.home-ticker-track{display:flex;width:max-content;font:800 clamp(34px,5vw,64px)/1 var(--serif);letter-spacing:-.035em;white-space:nowrap;animation:home-ticker 70s linear infinite}
.home-ticker:hover .home-ticker-track,.home-ticker:focus-within .home-ticker-track{animation-play-state:paused}
.home-ticker-track>div{display:flex;gap:36px;padding-right:36px}
.home-ticker a{color:var(--ink);text-decoration:none}
.home-ticker a:hover{color:var(--tekhelet)}
.home-ticker i{font-style:normal;color:var(--tekhelet)}

.home-index{display:flex;flex-direction:column;margin:8px var(--gutter) 28px;border-top:2px solid var(--ink)}
.home-index-row{appearance:none;background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;font:inherit;color:inherit;text-align:left;text-decoration:none;cursor:pointer;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 32px;padding:18px 0;width:100%}
.home-index-row b{flex:1 1 320px;font:800 clamp(30px,4.6vw,60px)/1.02 var(--serif);letter-spacing:-.04em}
.home-index-row span{flex:2 1 320px;min-width:0;color:var(--soft);font-size:16px;line-height:1.5}
.home-index-row small{font:500 14px/1 var(--mono);color:var(--muted)}
.home-index-row small.new{color:var(--tekhelet)}
.home-index-row:hover b{color:var(--tekhelet)}

@keyframes home-rise{from{opacity:0;transform:translateY(.22em)}}
@keyframes home-fade{0%{opacity:0}4%{opacity:1}33%{opacity:1}37%{opacity:0}100%{opacity:0}}
@keyframes home-ticker{to{transform:translateX(-50%)}}
@media(max-width:790px){
  body.home .studio-header nav a:not(.studio-nav-btn){color:#c4c6cb}
  .home-kicker{margin-bottom:20px}
}
@media(prefers-reduced-motion:reduce){
  .home-hero h1 span,.home-hero h1 em,.home-ticker-track,.home-feature-media img+img{animation:none}
  .home-ticker{overflow-x:auto}
}