/* ==========================================================================
   Homepage
   ========================================================================== */

/* ---------- Marquee hero ---------- */
.home-hero{position:relative;min-height:100svh;display:grid;align-items:end;overflow:hidden;isolation:isolate;background:#1a1519}
.home-hero__media{position:absolute;inset:0;z-index:-2}
.home-hero__media img{width:100%;height:100%;object-fit:cover;object-position:50% 12%}
.home-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(18,13,16,.55) 0%,rgba(18,13,16,0) 16%,rgba(18,13,16,0) 34%,rgba(18,13,16,.78) 52%,rgba(18,13,16,.94) 66%,var(--c-house) 100%)}
.home-hero__content{padding-block:calc(var(--header-h) + 40px) clamp(28px,6vw,72px)}
.home-hero__kicker{margin-bottom:var(--s-4)}
.home-hero__name{font:400 var(--t-name)/.8 var(--f-marquee);text-transform:uppercase;letter-spacing:-.005em;margin:0 0 var(--s-5)}
.home-hero__name span{display:block}
.home-hero__name span+span{color:transparent;-webkit-text-stroke:1.5px var(--c-platinum)}
@supports not (-webkit-text-stroke:1px black){.home-hero__name span+span{color:var(--c-platinum)}}
.home-hero__pos{font:italic 400 clamp(1.25rem,2.4vw,1.85rem)/1.3 var(--f-aside);max-width:30ch;margin-bottom:var(--s-6)}
.home-hero__next{display:inline-flex;flex-wrap:wrap;gap:6px 12px;align-items:baseline;margin-top:var(--s-5);font-size:.92rem;color:var(--c-platinum);text-decoration:none}
.home-hero__next b{font:700 .7rem/1 var(--f-body);letter-spacing:.2em;text-transform:uppercase;color:var(--c-lame)}
.home-hero__next:hover span{text-decoration:underline}
@media (min-width:960px){
  .home-hero{align-items:center}
  .home-hero__media{left:auto;width:58%}
  .home-hero__media img{object-position:50% 18%}
  .home-hero::after{background:
    linear-gradient(90deg,var(--c-house) 0%,var(--c-house) 38%,rgba(18,13,16,.6) 50%,rgba(18,13,16,0) 66%),
    linear-gradient(180deg,rgba(18,13,16,.5) 0%,transparent 18%,transparent 78%,var(--c-house) 100%)}
  .home-hero__content{padding-block:calc(var(--header-h) + 32px) 64px}
  .home-hero__name{font-size:clamp(7rem,15.5vw,15rem)}
}
/* Load moment */
.js .home-hero__media img{transform:scale(1.06);transition:transform 2s var(--ease)}
.js .home-hero.is-loaded .home-hero__media img{transform:none}
.js .home-hero [data-rise]{opacity:0;transform:translateY(34px);transition:opacity 1s var(--ease),transform 1s var(--ease);transition-delay:calc(var(--i,0) * 120ms + 200ms)}
.js .home-hero.is-loaded [data-rise]{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.js .home-hero__media img,.js .home-hero [data-rise]{transform:none;opacity:1;transition:none}}

/* ---------- Who the hell ---------- */
.who{display:grid;gap:clamp(32px,6vw,88px);grid-template-columns:1fr;align-items:center}
@media (min-width:900px){.who{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}}
.who__photo{max-width:520px}
.who__title{font-size:var(--t-h2);max-width:14ch}

/* ---------- Live ---------- */
.live-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:var(--s-5);margin-bottom:var(--s-6)}

/* ---------- Showreel ---------- */
.reel{display:grid;gap:var(--s-6);grid-template-columns:1fr;align-items:start}
@media (min-width:900px){.reel{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}}

/* ---------- Cover moment ---------- */
.cover-moment{display:grid;gap:clamp(32px,6vw,80px);grid-template-columns:1fr;align-items:center}
@media (min-width:860px){.cover-moment{grid-template-columns:minmax(0,4fr) minmax(0,6fr)}}
.cover-moment__img{max-width:400px;transform:rotate(-2deg);box-shadow:0 40px 90px rgba(0,0,0,.6);border-radius:var(--radius);overflow:hidden}
.cover-moment__quotes{display:grid;gap:var(--s-7)}

/* ---------- Filmstrip ---------- */
.filmstrip{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(220px,28vw,360px);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-inline:var(--gutter);padding-bottom:var(--s-4);scrollbar-width:thin;scrollbar-color:var(--c-velvet) transparent}
.filmstrip figure{margin:0;scroll-snap-align:start;aspect-ratio:4/5;border-radius:var(--radius);overflow:hidden;background:var(--c-house-2)}
.filmstrip img{width:100%;height:100%;object-fit:cover}
.filmstrip:focus-visible{outline-offset:-2px}

/* ---------- Social ---------- */
.social-block{display:grid;gap:clamp(32px,5vw,64px);grid-template-columns:1fr}
@media (min-width:960px){.social-block{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center}}
.handle{font:400 clamp(2.8rem,8.5vw,6.8rem)/.9 var(--f-marquee);text-transform:uppercase;color:inherit;text-decoration:none;word-break:break-word}
.handle:hover{color:var(--c-velvet)}
.insta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;list-style:none;margin:0;padding:0}
.insta-grid a{display:block;aspect-ratio:1;overflow:hidden;border-radius:var(--radius)}
.insta-grid img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.insta-grid a:hover img{transform:scale(1.05)}
.program .tip-card{border-color:var(--c-rule-light)}
@media (prefers-reduced-motion:reduce){.insta-grid img{transition:none}}