@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,500&family=Inter:wght@300;400;500;600&display=swap');

:root { --ink:#050505; --paper:#f5f3ed; --gold:#c9a227; --muted:#a6a39b; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--ink); overflow-x:hidden; }
body { width:100%; max-width:100%; margin:0; overflow-x:hidden; background:var(--ink); color:var(--paper); font-family:'Inter',sans-serif; }
a { color:inherit; text-decoration:none; }
.site-header { position:absolute; z-index:10; top:0; left:0; width:100%; display:flex; justify-content:space-between; align-items:center; padding:28px 4.5vw; border-bottom:1px solid #ffffff24; }
.wordmark { font-family:'Cormorant Garamond',serif; font-size:25px; letter-spacing:.13em; font-weight:600; }
nav { display:flex; gap:34px; align-items:center; font-size:11px; letter-spacing:.13em; text-transform:uppercase; }
nav a { opacity:.76; transition:.2s; } nav a:hover { opacity:1; }
.nav-support { color:var(--gold); }
.hero { min-height:100svh; position:relative; display:flex; align-items:center; overflow:hidden; background:#050505 url('/images/hero.png') center/cover no-repeat; }
.hero:after { content:""; position:absolute; inset:0; opacity:.13; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E"); mix-blend-mode:soft-light; pointer-events:none; }
.hero-wash { position:absolute; inset:0; background:linear-gradient(90deg,#050505 0%,#050505dc 40%,transparent 74%),linear-gradient(0deg,#050505 0%,transparent 35%); }
.hero-content { position:relative; z-index:2; padding:130px 7vw 100px; }
.eyebrow { text-transform:uppercase; letter-spacing:.22em; font-size:20px; font-weight:600; }
.gold { color:var(--gold); }
.hero h1 { font-family:'Cormorant Garamond',serif; font-size:clamp(92px,15.3vw,230px); line-height:.62; letter-spacing:-.055em; font-weight:500; margin:65px 0 55px; }
.hero-subtitle { font-family:'Cormorant Garamond',serif; font-size:clamp(24px,2.5vw,38px); line-height:1.15; margin:0 0 38px; }
.hero-actions { display:flex; gap:12px; flex-wrap:wrap; }
.hero-figure { display:none; }
.button { min-height:52px; display:inline-flex; align-items:center; justify-content:center; gap:18px; padding:0 24px; text-transform:uppercase; letter-spacing:.15em; font-size:10px; font-weight:600; transition:.25s; }
.button-solid { color:#080808; background:var(--gold); } .button-solid:hover { background:#e1be42; transform:translateY(-2px); }
.button-ghost { border:1px solid #ffffff52; } .button-ghost:hover { border-color:var(--paper); }
.hero-questions { position:absolute; right:4.5vw; bottom:11vh; display:flex; flex-direction:column; align-items:flex-end; font-family:'Cormorant Garamond',serif; color:#ffffff68; font-size:19px; font-style:italic; gap:5px; }
.section { position:relative; padding:130px 7vw; border-top:1px solid #ffffff14; }
.section-index { position:absolute; right:4vw; top:55px; color:#ffffff28; font-family:'Cormorant Garamond',serif; font-size:16px; }
.intro { display:grid; grid-template-columns:1.25fr .75fr; gap:11vw; }
.intro-heading h2 { font:500 clamp(46px,6vw,88px)/.98 'Cormorant Garamond',serif; letter-spacing:-.035em; margin:35px 0 0; }
.intro-heading em { color:var(--gold); font-weight:400; }
.intro-copy { padding-top:42px; color:#c5c3bd; font-size:19.5px; line-height:1.85; max-width:590px; }
.intro-copy>p { margin:0 0 23px; }
.question-stack { border-top:1px solid #ffffff29; margin-top:48px; }
.question-stack span { display:block; font:italic 22px/1.1 'Cormorant Garamond',serif; color:var(--paper); padding:15px 0; border-bottom:1px solid #ffffff16; }
.journey { background:#0b0b0a; }
.journey-head { display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:78px; }
.journey-head h2 { font:500 clamp(60px,10vw,150px)/.8 'Cormorant Garamond',serif; letter-spacing:-.04em; margin:42px 0 0; }
.journey-head>p { max-width:420px; color:var(--muted); font-size:17px; line-height:1.7; }
.episode-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid #ffffff27; border-bottom:1px solid #ffffff27; }
.episode { position:relative; min-height:560px; padding:45px 34px 50px; border-right:1px solid #ffffff27; overflow:hidden; }
.episode:last-child { border:0; }
.episode-number { position:absolute; right:15px; top:0; color:#ffffff0a; font:500 180px/1 'Cormorant Garamond',serif; }
.episode-label { position:relative; color:var(--gold); text-transform:uppercase; letter-spacing:.22em; font-size:13.5px; margin:0 0 120px; }
.episode h3 { position:relative; font:500 clamp(32px,3vw,48px)/1 'Cormorant Garamond',serif; letter-spacing:.03em; margin:0 0 8px; }
.episode h4 { color:var(--gold); font:italic 21px/1.2 'Cormorant Garamond',serif; margin:0 0 32px; }
.episode>p:not(.episode-label) { color:#9d9b95; font-size:15.6px; line-height:1.75; }
.for-who { display:grid; grid-template-columns:1.25fr .75fr; gap:10vw; align-items:end; min-height:760px; }
.audience-title h2 { font:500 clamp(50px,7vw,104px)/.83 'Cormorant Garamond',serif; letter-spacing:-.04em; margin:55px 0 0; }
.audience-title em { color:var(--gold); font-weight:400; }
.audience-body>p { color:#aaa8a2; font-size:18.2px; line-height:1.8; margin:0 0 45px; max-width:520px; }
.audience-asks { border-top:1px solid #ffffff2e; }
.audience-asks span { display:block; padding:14px 0; border-bottom:1px solid #ffffff1b; font:italic 21px/1.1 'Cormorant Garamond',serif; }
.trailer { background:#efede6; color:#090909; }
.trailer .section-index { color:#00000030; }
.trailer-heading { display:flex; justify-content:space-between; align-items:end; margin-bottom:55px; }
.trailer-heading h2 { font:500 clamp(53px,8vw,118px)/.85 'Cormorant Garamond',serif; letter-spacing:-.04em; margin:38px 0 0; }
.trailer-heading>p { max-width:380px; color:#55534d; font-size:17px; line-height:1.7; }
.video-frame { aspect-ratio:16/7.5; min-height:360px; position:relative; display:grid; place-items:center; overflow:hidden; background:linear-gradient(#0004,#000b),url('/images/final.png') center 48%/cover no-repeat; }
.video-frame:after { content:""; position:absolute; inset:18px; border:1px solid #ffffff4f; pointer-events:none; }
.video-copy { z-index:2; text-align:center; }.video-copy>p { font:500 clamp(55px,9vw,130px)/.8 'Cormorant Garamond',serif; letter-spacing:.08em; margin:0 0 38px; color:white; }
.video-copy button { border:0; color:white; background:none; cursor:default; }.play { display:grid; place-items:center; margin:auto; width:66px; height:66px; padding-left:5px; border-radius:50%; border:1px solid #c9a227; color:var(--gold); font-size:16px; }.video-copy small { display:block; text-transform:uppercase; letter-spacing:.2em; font-size:8px; margin-top:14px; }
.support { text-align:center; padding-top:160px; padding-bottom:150px; background:radial-gradient(circle at 50% 45%,#3b2d173d,transparent 35%),#080807; }
.support-mark { color:var(--gold); font-size:30px; margin-bottom:45px; }.support h2 { font:500 clamp(65px,10vw,142px)/.78 'Cormorant Garamond',serif; letter-spacing:-.045em; margin:48px 0 80px; }.support h2 em { color:var(--gold); font-weight:400; }
.support-bottom { max-width:970px; display:flex; align-items:center; gap:70px; text-align:left; margin:auto; }.support-bottom>p { color:#aaa8a2; font-size:17px; line-height:1.8; margin:0; flex:1; }.support-bottom .button { flex:none; }
.follow { display:grid; grid-template-columns:1fr 1fr; gap:10vw; background:#10100f; }.follow h2 { font:500 clamp(65px,9vw,130px)/.78 'Cormorant Garamond',serif; margin:45px 0 0; }.follow-right { padding-top:40px; }.follow-right>p { color:#a9a7a0; max-width:430px; font-size:18.2px; line-height:1.7; margin:0 0 60px; }.follow-right>a { display:flex; justify-content:space-between; border-top:1px solid #ffffff31; padding:22px 4px; text-transform:uppercase; letter-spacing:.16em; font-size:12px; }.follow-right>a:last-child { border-bottom:1px solid #ffffff31; }.follow-right>a:hover { color:var(--gold); }
.finale { min-height:100svh; display:grid; place-items:center; position:relative; text-align:center; background:#050505 url('/images/final.png') center/cover no-repeat; }.finale:after { content:""; position:absolute; inset:0; background:linear-gradient(#05050588,#050505b5 65%,#050505); }.finale-content { position:relative; z-index:2; padding:100px 20px; }.final-lines { margin-bottom:16vh; }.final-lines p { font:italic clamp(24px,3vw,42px)/1.4 'Cormorant Garamond',serif; margin:0; color:#d7d5ce; }.final-lines em { color:var(--gold); }.finale h2 { font:500 clamp(80px,14vw,210px)/.7 'Cormorant Garamond',serif; letter-spacing:-.035em; margin:0 0 45px; }.final-sub { font:400 clamp(18px,2vw,28px)/1.2 'Cormorant Garamond',serif; max-width:580px; margin:auto; }
footer { display:grid; grid-template-columns:1fr auto 1fr; gap:30px; align-items:center; padding:40px 4.5vw; color:#86847d; font-size:9px; text-transform:uppercase; letter-spacing:.12em; border-top:1px solid #ffffff1c; } footer .wordmark { color:var(--paper); font-size:20px; } .footer-links { display:flex; gap:30px; } footer>p { text-align:right; }
/* Compact desktop layout for laptops and shorter browser windows. */
@media (min-width:801px) and (max-width:1600px), (min-width:801px) and (max-height:950px) {
  .site-header { padding:20px 4vw; }
  .wordmark { font-size:21px; }
  nav { gap:28px; font-size:9px; }
  .hero-content { padding:92px 6vw 48px; }
  .eyebrow { font-size:13px; }
  .hero h1 { font-size:clamp(105px,11vw,168px); margin:38px 0 30px; }
  .hero-subtitle { font-size:clamp(21px,2vw,30px); margin-bottom:28px; }
  .button { min-height:44px; padding:0 19px; font-size:9px; }
  .hero-questions { bottom:7vh; font-size:16px; }

  .section { padding:78px 6vw; }
  .section-index { top:30px; font-size:13px; }
  .intro { min-height:min(720px, 82vh); align-items:center; gap:8vw; }
  .intro-heading h2 { font-size:clamp(42px,5vw,68px); margin-top:24px; }
  .intro-copy { padding-top:20px; font-size:15px; line-height:1.65; }
  .intro-copy>p { margin-bottom:16px; }
  .question-stack { margin-top:28px; }
  .question-stack span { padding:10px 0; font-size:18px; }

  .journey-head { margin-bottom:42px; }
  .journey-head h2 { font-size:clamp(62px,8vw,104px); margin-top:25px; }
  .journey-head>p { max-width:340px; font-size:14px; line-height:1.55; }
  .episode { min-height:400px; padding:28px 25px 30px; }
  .episode-number { font-size:125px; }
  .episode-label { margin-bottom:72px; font-size:10px; }
  .episode h3 { font-size:clamp(27px,2.6vw,38px); }
  .episode h4 { margin-bottom:20px; font-size:18px; }
  .episode>p:not(.episode-label) { font-size:13px; line-height:1.55; }

  .for-who { min-height:min(680px, 82vh); gap:8vw; }
  .audience-title h2 { font-size:clamp(48px,6vw,78px); margin-top:32px; }
  .audience-body>p { font-size:15px; line-height:1.6; margin-bottom:28px; }
  .audience-asks span { padding:10px 0; font-size:18px; }

  .trailer-heading { margin-bottom:35px; }
  .trailer-heading h2 { font-size:clamp(52px,7vw,88px); margin-top:24px; }
  .trailer-heading>p { font-size:14px; line-height:1.55; }
  .video-frame { min-height:280px; max-height:62vh; }
  .video-copy>p { font-size:clamp(55px,7vw,95px); margin-bottom:24px; }
  .play { width:54px; height:54px; }

  .support { min-height:min(720px, 86vh); padding-top:90px; padding-bottom:80px; }
  .support-mark { margin-bottom:28px; }
  .support h2 { font-size:clamp(62px,8vw,105px); margin:30px 0 48px; }
  .support-bottom { gap:50px; max-width:840px; }
  .support-bottom>p { font-size:14px; line-height:1.6; }

  .follow { min-height:min(610px, 75vh); align-items:center; }
  .follow h2 { font-size:clamp(60px,7.5vw,95px); margin-top:28px; }
  .follow-right { padding-top:0; }
  .follow-right>p { font-size:15px; margin-bottom:35px; }
  .follow-right>a { padding:16px 4px; font-size:10px; }

  .final-lines { margin-bottom:10vh; }
  .final-lines p { font-size:clamp(22px,2.4vw,34px); }
  .finale h2 { font-size:clamp(90px,11vw,155px); margin-bottom:30px; }
  .final-sub { font-size:clamp(17px,1.7vw,23px); }
  footer { padding:28px 4vw; }
}
@media(max-width:800px){
  main,.section,.site-header,footer{max-width:100%}.intro,.for-who,.follow,.episode-grid,footer{grid-template-columns:minmax(0,1fr)}.episode,.follow-right{min-width:0}.follow h2{max-width:100%;font-size:clamp(38px,12vw,58px);line-height:.86;letter-spacing:-.025em;overflow-wrap:anywhere}.footer-links{max-width:100%}
  .site-header { padding:22px 20px; } nav a:not(.nav-support){display:none}.hero{min-height:0;display:block;background:#050505}.hero-wash{display:none}.hero-content{padding:132px 22px 64px}.hero h1{font-size:clamp(88px,31vw,132px);margin:48px 0 38px}.hero-subtitle br{display:none}.hero-actions{align-items:stretch}.hero-actions .button{flex:1 1 100%}.hero-figure{display:block;position:relative;z-index:1;width:100%;aspect-ratio:4/5;max-height:650px;background:url('/images/hero.png') 74% center/cover no-repeat}.hero-figure:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#050505 0%,transparent 24%,transparent 72%,#050505aa 100%)}.hero-questions{display:none}.section{padding:95px 22px}.intro,.for-who,.follow{grid-template-columns:1fr;gap:25px}.intro-copy{padding-top:0}.journey-head,.trailer-heading{display:block}.journey-head>p,.trailer-heading>p{margin-top:30px}.episode-grid{grid-template-columns:1fr}.episode{min-height:auto;border-right:0;border-bottom:1px solid #ffffff27;padding:38px 12px}.episode-label{margin-bottom:65px}.episode:last-child{border-bottom:0}.for-who{min-height:auto}.audience-body{margin-top:45px}.video-frame{aspect-ratio:4/5;min-height:0}.support-bottom{display:block;text-align:center}.support-bottom .button{margin-top:38px}.follow-right{padding-top:20px}.finale{background-position:63% center}footer{grid-template-columns:1fr;text-align:center}.footer-links{flex-wrap:wrap;justify-content:center}footer>p{text-align:center}
}