@font-face{font-family:Barlow Condensed;src:url(barlow-condensed.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:Instrument Sans;src:url(instrument-sans.woff2) format("woff2");font-weight:400 700;font-display:swap}
:root{--paper:#111115;--dark:#111115;--ink:#f6f2eb;--muted:#a8acb8;--accent:#db705e;--line:#464650}
body{font-family:"Instrument Sans",system-ui,sans-serif}
.frame{width:min(100% - 56px,1360px)}
header{border:0}
.bar{border-bottom:1px solid var(--line);min-height:88px;justify-content:flex-start;gap:clamp(2rem,6vw,6rem)}
.brand{display:flex;align-items:center}
.brand img{display:block;width:clamp(135px,15vw,195px);height:auto}
.desktop-nav{display:flex;gap:clamp(1.2rem,3vw,3rem)}
nav a[aria-current=page]{color:var(--accent)}
.mobile-nav{display:none}
h1,h2,h3{font-family:"Barlow Condensed","Arial Narrow",system-ui,sans-serif}
h1{letter-spacing:-.025em}
h2{letter-spacing:-.015em}
.cta{border-radius:3px;background:var(--accent);color:#111115;justify-content:center}
.cta:hover{background:#ef907f}
.card,.measure{background:#18181e}
.front-grid{display:grid;grid-template-columns:minmax(0,2.65fr) minmax(0,1fr);gap:clamp(14px,2.1vw,32px);margin-top:24px}
.cover{position:relative;min-height:clamp(440px,43vw,615px);display:flex;align-items:flex-end;isolation:isolate;background:#181722;overflow:hidden}
.cover-image,.cover::after{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.cover-image{object-fit:cover;object-position:center}
.cover::after{content:"";background:linear-gradient(180deg,transparent 20%,rgba(12,12,16,.05) 45%,rgba(12,12,16,.89) 100%)}
.cover-copy{padding:clamp(20px,3vw,42px);max-width:100%}
.cover h1{font-size:clamp(4.75rem,10vw,9rem);line-height:.8;margin:0;letter-spacing:-.022em}
.cover p{font:700 clamp(1.65rem,3.6vw,3.5rem)/.96 "Barlow Condensed",sans-serif;text-transform:uppercase;margin:.38em 0 .62em;max-width:23ch}
.cover .cta{padding:.62rem 1.5rem}
.front-rail{display:grid;align-content:start;gap:clamp(12px,1.6vw,23px);min-width:0}
.section-heading{display:flex;align-items:center;gap:.25em;margin:0;font-size:clamp(2.35rem,4.15vw,4rem);line-height:.94;text-transform:uppercase}
.section-heading::before{content:"";background:var(--accent);width:.14em;height:.83em;flex:none}
.rail-item a,.video-card a{text-decoration:none;display:block}
.rail-item img,.video-image img,.clip-still img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.rail-item h3,.video-card h3{margin:.34em 0 0;font-size:clamp(1.35rem,2vw,1.9rem);line-height:1.04;text-transform:uppercase}
.rail-item a:hover h3,.video-card a:hover h3{color:var(--accent)}
.front-videos,.front-stats{padding-block:clamp(1.75rem,3.3vw,3.1rem)}
.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:1.15rem}
.video-image{position:relative;background:#24232d}
.play-mark{position:absolute;top:50%;left:50%;width:0;height:0;border-top:13px solid transparent;border-bottom:13px solid transparent;border-left:20px solid var(--ink);transform:translate(-38%,-50%);filter:drop-shadow(0 1px 5px #111)}
.duration{position:absolute;right:8px;bottom:8px;padding:.1rem .35rem;background:#111115;color:var(--ink);font-size:.83rem}
.video-card p{margin:.3rem 0 0;color:var(--muted);font-size:.86rem}
.front-stats{display:flex;gap:1rem;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:1rem}
.front-stats p{margin:.65rem 0 0;color:var(--muted)}
.front-videos + .edition{padding-top:1rem}
.clip-grid{display:grid;grid-template-columns:minmax(0,2.6fr) minmax(0,1fr);gap:2rem}
.clip-context{border-left:1px solid var(--line);padding-left:1.6rem}
.clip-still{position:relative;display:block;margin:1.25rem 0 .6rem}
.clip-still .play-mark{border-top-width:18px;border-bottom-width:18px;border-left-width:29px}
.clip-context .video-grid{grid-template-columns:1fr}
@media(max-width:760px){
  .frame{width:calc(100% - 28px)}
  .bar{min-height:66px;justify-content:space-between;flex-wrap:nowrap;gap:1rem;padding-block:0}
  .brand img{width:138px}
  .desktop-nav{display:none}
  .mobile-nav{display:block;position:relative;z-index:5}
  .mobile-nav summary{display:grid;place-items:center;min-width:44px;min-height:44px;cursor:pointer;list-style:none}
  .mobile-nav summary::-webkit-details-marker{display:none}
  .menu-icon{width:24px;height:17px;border-block:2px solid var(--ink);position:relative}
  .menu-icon::after{content:"";position:absolute;top:calc(50% - 1px);left:0;width:100%;border-top:2px solid var(--ink)}
  .mobile-nav nav{position:absolute;right:0;top:100%;display:grid;background:var(--paper);border:1px solid var(--line);min-width:184px;gap:0;padding:.25rem .85rem;box-shadow:0 8px 28px #0008}
  .mobile-nav nav a{font-size:1rem;padding:.62rem 0}
  .front-grid{display:contents}
  .front-rail{order:2;padding-block:1.2rem 1.9rem}
  .front-rail img{max-height:240px}
  main.frame:has(.cover){display:flex;flex-direction:column}
  .front-videos{order:1}
  .front-videos + .edition{order:3}
  .front-stats{order:4}
  .cover{margin-inline:-14px;min-height:clamp(370px,112vw,540px)}
  .cover-image{object-position:57% 50%}
  .cover-copy{width:100%;padding:0 16px 18px}
  .cover h1{font-size:clamp(4.2rem,17vw,7rem)}
  .cover p{font-size:clamp(1.7rem,7vw,2.55rem);max-width:15ch}
  .cover .cta{width:100%}
  .video-grid,.clip-grid{grid-template-columns:1fr}
  .front-stats{align-items:flex-start;flex-direction:column}
  .clip-context{padding-left:0;border-left:0;border-top:1px solid var(--line);padding-top:1rem}
}

.news-list{max-width:850px;margin-top:2rem;border-top:1px solid var(--line)}
.news-entry{display:grid;grid-template-columns:minmax(8.5rem,23%) 1fr;gap:1.2rem;padding:1.25rem 0;border-bottom:1px solid var(--line)}
.news-entry time{color:var(--muted);padding-top:.4rem}
.news-entry h2{margin:0;font-size:clamp(1.65rem,3vw,2.4rem)}
.news-entry h2 a{text-decoration:none}
.news-entry h2 a:hover{color:var(--accent)}
.news-entry p{margin:.45rem 0 0;color:var(--muted)}
@media(max-width:540px){.news-entry{grid-template-columns:1fr;gap:.3rem}}