:root{
  --bg-top:#0f3b39; --bg-bot:#041514;
  --cream:#f5ebd7; --cream-soft:#d9d0bd; --orange:#ff6b1a; --bordeaux:#5a1226;
  --cyan:#33e6d9; --red:#ff3b2e;
  --font-head:"Bowlby One",Impact,"Arial Black",sans-serif;
  --font-body:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;color:var(--cream);font-family:var(--font-body);font-size:1.0625rem;line-height:1.65;
  background:linear-gradient(180deg,var(--bg-top) 0%,var(--bg-bot) 100%) fixed;background-color:var(--bg-bot)}
a{color:var(--orange);text-underline-offset:3px}
a:hover{color:var(--cream)}
img{max-width:100%;height:auto;display:block}
.wrap{width:min(1120px,100% - 40px);margin-inline:auto}

/* header */
.site-header{padding:22px 0}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.brand{font-family:var(--font-head);font-size:1.45rem;letter-spacing:.04em;color:var(--orange);text-decoration:none}
.nav{display:flex;gap:6px 26px;flex-wrap:wrap}
.nav a{color:var(--cream);text-decoration:none;font-weight:700;font-size:.82rem;letter-spacing:.16em;text-transform:uppercase;padding:6px 0;border-bottom:2px solid transparent}
.nav a:hover,.nav a[aria-current="page"]{color:var(--orange);border-bottom-color:var(--orange)}

/* hero */
.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,72px);align-items:center;padding:clamp(24px,5vw,64px) 0 clamp(48px,7vw,96px)}
.eyebrow{font-weight:800;font-size:.82rem;letter-spacing:.28em;text-transform:uppercase;color:var(--cream-soft);margin:0 0 14px}
h1{font-family:var(--font-head);font-weight:400;font-size:clamp(3.4rem,10.5vw,7.6rem);line-height:.92;letter-spacing:.01em;color:var(--orange);margin:0 0 20px;text-transform:uppercase}
.tagline{font-family:var(--font-head);font-size:clamp(1.15rem,2.6vw,1.6rem);line-height:1.25;color:var(--cream);margin:0 0 24px;max-width:22ch}
.lede{max-width:54ch;color:var(--cream);margin:0 0 30px;font-size:1.12rem}
.button{display:inline-block;background:var(--orange);color:#1a0508;font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:.86rem;padding:15px 26px;border-radius:3px;text-decoration:none;transition:transform .15s ease,background .15s ease}
.button:hover{background:var(--cream);color:#1a0508;transform:translateY(-2px)}
.button:focus-visible,a:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}

/* portrait with glitch edge */
.portrait{position:relative;aspect-ratio:1/1;max-width:560px;justify-self:end;width:100%}
.portrait img{width:100%;height:100%;object-fit:cover;border-radius:3px;box-shadow:0 30px 60px rgba(0,0,0,.45)}
.portrait .g{position:absolute;left:-18px;height:9px;width:34px;background:var(--cyan)}
.portrait .g::after{content:"";position:absolute;left:-12px;top:0;height:6px;width:12px;background:var(--red)}
.portrait .g1{top:12%}.portrait .g2{top:27%;left:-30px;width:46px}.portrait .g3{top:41%}.portrait .g4{top:58%;left:-24px;width:40px}.portrait .g5{top:73%}.portrait .g6{top:88%;left:-34px;width:50px}
.badge{position:absolute;right:14px;bottom:14px;background:rgba(4,21,20,.86);color:var(--cream);font-weight:800;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;padding:8px 12px;border-radius:2px}

/* blocks */
section{padding:clamp(36px,6vw,72px) 0}
h2{font-family:var(--font-head);font-weight:400;font-size:clamp(1.7rem,4vw,2.6rem);line-height:1.1;color:var(--orange);margin:0 0 18px;text-transform:uppercase}
h3{font-family:var(--font-head);font-weight:400;font-size:1.2rem;color:var(--cream);margin:0 0 10px;text-transform:uppercase;letter-spacing:.02em}
.single{display:grid;grid-template-columns:minmax(220px,380px) 1fr;gap:clamp(24px,5vw,64px);align-items:center}
.single img{width:100%;border-radius:3px;box-shadow:0 24px 50px rgba(0,0,0,.5)}
.soon{display:inline-block;margin:0 0 14px;padding:5px 12px;border:2px solid var(--orange);color:var(--orange);font-weight:800;font-size:.74rem;letter-spacing:.22em;text-transform:uppercase;border-radius:2px}
.cols{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(18px,3vw,36px)}
.card{background:rgba(245,235,215,.06);border:1px solid rgba(245,235,215,.14);border-radius:4px;padding:clamp(22px,3vw,34px)}
.card p{margin:0}
.card.accent{border-color:var(--orange)}
.list{margin:0;padding:0;list-style:none}
.list li{padding:9px 0 9px 26px;position:relative;border-bottom:1px solid rgba(245,235,215,.1)}
.list li:last-child{border-bottom:0}
.list li::before{content:"";position:absolute;left:0;top:1.05em;width:12px;height:6px;background:var(--orange)}
.statement{font-family:var(--font-head);font-size:clamp(1.5rem,3.6vw,2.4rem);line-height:1.2;color:var(--cream);max-width:26ch;margin:0 0 28px}
.channels{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.channel{display:block;text-decoration:none;color:var(--cream);background:rgba(245,235,215,.06);border:1px solid rgba(245,235,215,.14);border-radius:4px;padding:22px 24px;transition:border-color .15s ease,transform .15s ease}
.channel:hover{border-color:var(--orange);transform:translateY(-2px);color:var(--cream)}
.channel strong{display:block;font-family:var(--font-head);font-weight:400;font-size:1.25rem;color:var(--orange);text-transform:uppercase}
.channel span{color:var(--cream-soft);font-size:.95rem}
.page-head{padding:clamp(20px,4vw,48px) 0 0}
.page-head h1{font-size:clamp(2.6rem,8vw,5.4rem)}
.prose{max-width:62ch}
.prose p{margin:0 0 18px}
.faq{border-left:6px solid var(--orange);padding:6px 0 6px 24px;max-width:62ch}

/* footer */
.site-footer{padding:48px 0 56px;border-top:1px solid rgba(245,235,215,.14);color:var(--cream-soft);font-size:.95rem}
.site-footer .wrap{display:grid;gap:10px}
.site-footer p{margin:0}
.site-footer .ai{color:var(--cream);font-weight:600}

@media (max-width:820px){
  .hero{grid-template-columns:1fr}
  .portrait{justify-self:center;max-width:420px;order:-1}
  .single,.cols,.channels{grid-template-columns:1fr}
  .single img{max-width:360px}
  .nav{gap:4px 18px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* press kit downloads */
.downloads{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}
.dl{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:var(--cream);background:rgba(245,235,215,.06);border:1px solid rgba(245,235,215,.14);border-radius:4px;padding:16px;transition:border-color .15s ease,transform .15s ease}
.dl:hover{border-color:var(--orange);transform:translateY(-2px);color:var(--cream)}
.dl strong{font-family:var(--font-head);font-weight:400;font-size:1.05rem;color:var(--orange);text-transform:uppercase}
.dl span{color:var(--cream-soft);font-size:.92rem;line-height:1.4}
.dl > img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:3px}
.dl .dl-box{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;border-radius:3px;background:rgba(245,235,215,.08);font-family:var(--font-head);font-size:2rem;color:var(--cream);letter-spacing:.06em}
.dl .dl-box.dl-logo{padding:14px;background:#f5ebd7}
.dl .dl-box.dl-logo.dark{background:#041514}
.dl .dl-box img{width:100%;height:auto}
@media (max-width:820px){.downloads{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.downloads{grid-template-columns:1fr}}

/* videos */
.video-block{display:grid;grid-template-columns:minmax(260px,340px) 1fr;gap:clamp(24px,5vw,56px);align-items:center;margin-top:18px}
.embed{position:relative;width:100%;aspect-ratio:9/16;background:#000;border-radius:4px;overflow:hidden;box-shadow:0 24px 50px rgba(0,0,0,.5)}
.embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-text .lede{max-width:46ch}
@media (max-width:820px){.video-block{grid-template-columns:1fr}.embed{max-width:340px}}