/* Savage Youth — self-contained responsive film site. No external fonts or CSS dependencies. */
:root {
  color-scheme: dark light;
  --ink:#10151e; --ink-deep:#0a0e15; --ink-muted:#29323b; --cream:#f4f0e9;
  --paper:#faf8f3; --cream-deep:#e6e0d6; --white:#f6f4ef; --muted:#a2a9b2;
  --red:#ff806f; --teal:#88d6d1; --lime:#dbff82; --line:rgba(255,255,255,.15);
  --font:Inter,"Helvetica Neue",Helvetica,Arial,sans-serif; --display:Impact,"Arial Narrow", "Helvetica Neue Condensed", "Arial Black", sans-serif;
  --max:1216px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;min-width:320px;background:var(--ink);color:var(--white);font:400 17px/1.7 var(--font);-webkit-font-smoothing:antialiased}
img,video{display:block;max-width:100%}img{height:auto}
figure,blockquote{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}a,button{touch-action:manipulation}
a:focus-visible,button:focus-visible,video:focus-visible{outline:3px solid var(--teal);outline-offset:5px}
::selection{background:var(--red);color:var(--ink)}
h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.12}
.container{width:min(calc(100% - 96px),var(--max));margin-inline:auto}
.skip-link{position:fixed;left:20px;top:-120px;z-index:1000;padding:11px 20px;background:var(--lime);color:var(--ink);font-weight:800;border-radius:4px}
.skip-link:focus{top:10px}
.site-header{height:92px;position:sticky;top:0;z-index:40;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(13,18,27,.93);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%;gap:32px}
.brand{display:flex;align-items:center;gap:12px;line-height:.92;letter-spacing:-.05em;flex-shrink:0}
.brand-mark{display:grid;place-items:center;border:1px solid rgba(255,255,255,.36);width:45px;height:45px;border-radius:50%;font:900 15px/1 var(--font);letter-spacing:-1px}
.brand-mark span,.footer-brand span{color:var(--red)}
.brand-name{font:900 18px/.84 var(--font);letter-spacing:-1.2px}
.primary-nav{display:flex;align-items:center;gap:42px}
.primary-nav a{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.13em;color:#d3d8da;transition:color .18s}
.primary-nav a:hover,.primary-nav a[aria-current="page"]{color:var(--lime)}
.primary-nav .nav-trailer{display:inline-flex;gap:10px;align-items:center;border:1px solid rgba(255,255,255,.38);padding:13px 20px;border-radius:2px;color:var(--white)}
.primary-nav .nav-trailer:hover{border-color:var(--lime);color:var(--lime)}
.tiny-play{font-size:9px}
.nav-toggle{display:none}
.hero{position:relative;overflow:hidden}
.hero-home{background:radial-gradient(ellipse at 83% 44%,#243041 0%,transparent 47%),linear-gradient(135deg,var(--ink-deep) 0%,#151c28 75%,#151d26 100%)}
.hero-home::after{position:absolute;content:"";inset:auto -10% -200px 38%;height:500px;border:1px solid rgba(255,255,255,.045);transform:rotate(-15deg);pointer-events:none}
.hero-grid{min-height:690px;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:48px;padding-block:94px 65px}
.hero-copy{position:relative;z-index:2}
.eyebrow,.kicker,.fact-label,.person-index,.role,.footer-label{font-size:11px;line-height:1.5;font-weight:900;letter-spacing:.19em;text-transform:uppercase}
.eyebrow{color:#d5d7da;display:flex;align-items:center;gap:11px;margin-bottom:25px}
.eyebrow-sep{color:#737e8c;margin-inline:5px}
.signal-dot{display:inline-block;width:8px;height:8px;flex-shrink:0;background:var(--red);box-shadow:0 0 0 5px rgba(255,128,111,.14);border-radius:50%}
.hero h1{font:900 clamp(77px,9.1vw,145px)/.84 var(--display);letter-spacing:-.045em;white-space:nowrap;margin:0 0 27px}
.hero h1 span{color:var(--red)}.hero h1 i{font-style:normal;color:var(--teal)}
.hero-tagline{font-weight:800;font-size:clamp(19px,2.1vw,25px);line-height:1.4;margin-bottom:16px;letter-spacing:-.04em}
.hero-description{font-size:16px;color:#c1c9d0;max-width:425px;line-height:1.8}
.hero-actions{display:flex;flex-wrap:wrap;gap:17px;align-items:center;margin-top:30px}
.button{display:inline-flex;justify-content:center;align-items:center;gap:13px;min-height:52px;padding:13px 23px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.09em;border-radius:2px;transition:background .18s,color .18s,transform .18s,border-color .18s;line-height:1.45}
.button:hover{transform:translateY(-2px)}
.button-primary{color:var(--ink);background:var(--lime)}.button-primary:hover{background:#f0ffbe}
.button-text{padding-inline:12px;color:#f6f4ee}.button-text:hover{color:var(--teal)}
.button-outline{border:1px solid #727d87;background:transparent;color:var(--white)}.button-outline:hover{background:var(--white);color:var(--ink)}
.button-dark{background:var(--ink);color:var(--white)}.button-dark:hover{background:#394453}
.button-full{width:100%}
.hero-art{position:relative;isolation:isolate;max-width:640px;justify-self:end;width:100%;transform:rotate(1.5deg)}
.hero-art::before{content:"";position:absolute;inset:20px -20px -20px 20px;border:1px solid rgba(255,255,255,.24);z-index:-1}
.hero-art picture{display:block;overflow:hidden;background:#203044;box-shadow:0 34px 100px rgba(0,0,0,.48)}
.hero-art img{width:100%;aspect-ratio:16/9;object-fit:cover}
.hero-art figcaption{display:flex;justify-content:space-between;gap:10px;margin-top:20px;font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:#a6b1bd;transform:rotate(-1.5deg)}
.hero-index{display:flex;justify-content:space-between;padding-bottom:28px;font-size:10px;letter-spacing:.2em;font-weight:800;color:#aab3bd}
.down-arrow{font-size:22px;display:inline-block;vertical-align:middle;margin-left:14px}
.fact-strip{background:#202832;border-block:1px solid rgba(255,255,255,.09)}
.fact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.fact-grid>div{padding:24px 22px 25px 0;display:flex;flex-direction:column;gap:6px}
.fact-grid>div+div{border-left:1px solid rgba(255,255,255,.14);padding-left:26px}
.fact-label{color:#a6b3bd;font-size:10px}
.fact-grid strong{font-size:15px;letter-spacing:-.02em;font-weight:800}
.section{padding:112px 0}
.section-cream{background:var(--cream);color:var(--ink)}
.section-dark{background:var(--ink);color:var(--white)}
.kicker{color:#bf564a;margin-bottom:20px}.kicker-light{color:var(--teal)}
.section-title{font-size:clamp(37px,5.1vw,67px);line-height:1.05;letter-spacing:-.062em;font-weight:900;margin-bottom:30px;max-width:840px}
.section-title em{font:italic 400 1.05em/1.04 Georgia,"Times New Roman",serif;letter-spacing:-.08em}
.editorial-grid{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,.87fr);align-items:center;gap:clamp(44px,7vw,110px)}
.editorial-main p:not(.kicker),.cast-teaser p,.heading-aside,.crew-description{color:#4f575b;font-size:16px;line-height:1.88}
.editorial-main .lead,.prose .lead{color:var(--ink);font-size:21px;line-height:1.65;font-weight:600;letter-spacing:-.02em}
.editorial-main p{max-width:665px}
.inline-link{display:inline-flex;align-items:center;gap:18px;margin-top:12px;padding-bottom:6px;border-bottom:2px solid #b4574f;text-transform:uppercase;letter-spacing:.09em;font-size:12px;font-weight:900;color:var(--ink);transition:gap .2s,color .2s}
.inline-link:hover{gap:26px;color:#aa5049}
.inline-link-light{color:var(--white);border-color:var(--teal)}.inline-link-light:hover{color:var(--teal)}
.side-still{position:relative;align-self:center}
.side-still::after{content:"";position:absolute;z-index:0;inset:20px -22px 19px 22px;background:#dec7b8;transform:rotate(7deg)}
.side-still img{position:relative;z-index:1;aspect-ratio:4/4.5;object-fit:cover;width:100%;filter:saturate(.91);box-shadow:0 28px 44px rgba(20,25,32,.14)}
.side-still figcaption{position:relative;z-index:2;margin-top:20px;font-size:11px;line-height:1.5;text-transform:uppercase;letter-spacing:.11em;color:#65645e}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:70px;margin-bottom:45px}
.section-heading .section-title{margin-bottom:0}
.heading-aside{max-width:330px;flex-shrink:0;margin-bottom:7px}
.section-dark .heading-aside{color:#aab3bd}
.theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.theme-card{min-height:235px;border:1px solid rgba(255,255,255,.2);background:#19212c;padding:27px 30px 34px;display:flex;flex-direction:column}
.theme-number{font:900 12px/1 var(--font);letter-spacing:.18em;color:var(--teal);margin-bottom:33px}
.theme-card h3{font-size:26px;font-weight:900;letter-spacing:-.055em;margin-bottom:12px}
.theme-card p{font-size:15px;line-height:1.75;color:#acb5bc;margin-bottom:0}
.section-video{background:#e9e3d9;color:var(--ink)}
.video-shell{background:#0b1016;position:relative;box-shadow:0 40px 70px rgba(31,34,39,.21)}
.video-shell video{width:100%;aspect-ratio:16/9;object-fit:contain;background:#030507}
.video-caption{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-bottom:1px solid #b7aea1;padding:18px 0 22px;font:800 10px/1.5 var(--font);letter-spacing:.17em;color:#585c60;text-transform:uppercase}
.watch-panel{padding-top:52px;display:flex;align-items:center;justify-content:space-between;gap:50px}
.watch-panel h3{font-size:28px;letter-spacing:-.06em;margin-bottom:10px}
.watch-panel p:not(.kicker){color:#51565a;font-size:15px;margin-bottom:0;max-width:540px}
.watch-panel .button{color:var(--ink);border-color:#424b55;flex-shrink:0}
.watch-panel .button:hover{background:var(--ink);color:var(--white)}
.cast-teaser-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}
.cast-teaser p{max-width:480px}
.cast-teaser-names{border-top:1px solid #c5bcb0}
.cast-teaser-names>div{display:grid;grid-template-columns:36px 1fr 85px;align-items:baseline;gap:15px;padding:23px 0;border-bottom:1px solid #c5bcb0}
.cast-teaser-names span{font:800 12px/1 var(--font);color:#be6b5e}
.cast-teaser-names strong{font-size:19px;letter-spacing:-.045em}
.cast-teaser-names small{text-align:right;color:#68635c;font-size:13px}
.site-footer{background:#080c12;color:#e8e8e6;border-top:1px solid rgba(255,255,255,.12);padding-top:70px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:100px;padding-bottom:74px}
.footer-brand{font:900 clamp(25px,3.5vw,42px)/1 var(--display);letter-spacing:-.03em}
.footer-brand em{color:var(--red);font-style:normal}
.footer-grid p{max-width:390px;font-size:14px;color:#9ea6ad;line-height:1.8;margin-top:22px;margin-bottom:0}
.footer-grid nav,.footer-grid>div:last-child{display:flex;flex-direction:column;align-items:start;gap:14px}
.footer-label{color:var(--teal);margin-bottom:7px}
.footer-grid nav a,.footer-grid>div:last-child a{font-size:13px;color:#cbd0d5}.footer-grid nav a:hover,.footer-grid>div:last-child a:hover{color:var(--lime)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.13);padding-block:24px;display:flex;justify-content:space-between;gap:25px;color:#89929e;font-size:11px;letter-spacing:.04em}
/* Subpages */
.inner-hero{position:relative;overflow:hidden;padding:40px 0 106px;background:linear-gradient(125deg,#0e131b 0%,#1a2735 100%)}
.inner-hero::before{content:"";position:absolute;inset:0;opacity:.34;pointer-events:none;background-size:cover;background-position:right 46%;mix-blend-mode:screen}
.inner-about::before{background-image:linear-gradient(to right,#0f141e 35%,rgba(16,20,29,.3)),url('/images/scene-town.webp')}
.inner-cast::before{background-image:linear-gradient(to right,#0f141e 30%,rgba(16,20,29,.3)),url('/images/scene-friends.webp')}
.inner-hero .container{position:relative;z-index:1}
.breadcrumbs{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:600;color:#a9b3bf;margin-bottom:79px}
.breadcrumbs a:hover{color:var(--teal)}.breadcrumbs span[aria-current]{color:var(--white)}
.inner-hero h1{font:900 clamp(61px,8.2vw,115px)/.93 var(--display);letter-spacing:-.04em;margin:0 0 24px}
.inner-hero h1 em{color:var(--red);font-style:normal}
.inner-intro{max-width:690px;font-size:clamp(18px,2.15vw,23px);line-height:1.65;color:#d0d6dc;margin-bottom:0}
.inner-hero .button{margin-top:28px}
.article-layout{display:grid;grid-template-columns:minmax(0,735px) minmax(230px,320px);justify-content:space-between;gap:clamp(40px,6.5vw,110px);align-items:start}
.prose h2{font-size:clamp(28px,3vw,38px);line-height:1.22;letter-spacing:-.055em;margin:45px 0 18px}
.prose .kicker+h2{margin-top:0}
.prose p{font-size:16px;line-height:1.9;color:#444b51;margin-bottom:22px}
.prose .lead{font-size:20px;color:#242a2c}
.prose strong{color:#242c30}
.prose cite{font-style:italic}
.article-figure{margin:42px 0 54px}
.article-figure img{width:100%;aspect-ratio:16/9;object-fit:cover;box-shadow:0 18px 34px rgba(20,25,32,.15)}
.article-figure figcaption{font-size:11px;color:#77716c;letter-spacing:.08em;text-transform:uppercase;line-height:1.7;margin-top:12px}
.article-note{padding:29px 32px;background:#e6ded3;border-left:4px solid var(--red);margin:39px 0 48px;position:relative}
.article-note .note-mark{font:bold 52px/.9 Georgia,serif;color:#c66154;display:block}
.article-note p{font-size:18px;font-weight:600;color:#27313a;line-height:1.65;margin:9px 0 16px}
.article-note a{font-size:12px;font-weight:800;color:#995149;border-bottom:1px solid currentColor}
.source-box{padding:24px 28px;border:1px solid #c9c0b3;margin-top:30px}
.source-box h3{font-size:17px;letter-spacing:-.03em;margin-bottom:8px}
.prose .source-box p{font-size:13px;line-height:1.8;margin-bottom:0}
.source-box a,.cast-note a{color:#9c5548;text-decoration:underline;text-underline-offset:3px}
.article-sidebar{position:sticky;top:125px}
.sidebar-card{padding:29px;background:#202a33;color:var(--white)}
.sidebar-card .kicker{color:var(--teal)}
.sidebar-card h2{font:900 49px/.91 var(--display);letter-spacing:-.03em;margin:25px 0}
.sidebar-card h2 span{color:var(--red)}
.sidebar-card dl{margin:0 0 32px}
.sidebar-card dl>div{padding:16px 0;border-bottom:1px solid rgba(255,255,255,.17)}
.sidebar-card dt{color:#b3bdc8;font-size:10px;text-transform:uppercase;letter-spacing:.15em;margin-bottom:5px;font-weight:800}
.sidebar-card dd{font-size:14px;font-weight:700;margin:0}
.timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;margin:0;gap:0}
.timeline li{padding:28px 34px 10px 0;border-top:2px solid #64717e;position:relative}
.timeline li::before{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:var(--lime);left:0;top:-7px;box-shadow:0 0 0 6px var(--ink)}
.timeline-year{font:900 clamp(35px,5vw,61px)/1 var(--display);color:var(--red)}
.timeline h3{font-size:20px;margin:22px 0 12px;letter-spacing:-.04em}
.timeline p{font-size:14px;line-height:1.8;color:#adb5be;max-width:300px}
.final-cta{padding-block:82px}.final-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:45px}
.final-cta .section-title{margin:0}
/* Cast */
.lead-cast-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.person-card{background:#18232d;min-height:340px;padding:30px;display:flex;flex-direction:column;justify-content:space-between;color:var(--white);position:relative;overflow:hidden}
.person-card::after{content:"";height:120px;width:120px;border:1px solid #4a5b62;border-radius:50%;position:absolute;right:-47px;top:38px}
.person-card:nth-child(2){background:#244048}.person-card:nth-child(3){background:#3b3037}
.person-index{color:#c3cad1}.person-card:nth-child(2) .person-index{color:#b2ece1}
.person-card h3{font-size:clamp(25px,3vw,39px);line-height:1.04;letter-spacing:-.065em;margin:0 0 13px}
.person-card .role{color:var(--lime);margin:0 0 16px}
.person-card p:not(.role){font-size:14px;color:#e0dfe1;line-height:1.75;margin:0}
.relationships{margin-top:75px;padding:37px 43px 45px;border:1px solid #d0c6b9;background:#ede8e0}
.relation-heading{text-align:center}.relation-heading .kicker{margin-bottom:7px}.relation-heading h3{font-size:25px;letter-spacing:-.05em;margin-bottom:8px}
.relation-heading p{font-size:14px;color:#585d5e;margin-bottom:38px}
.relation-flow{display:grid;grid-template-columns:minmax(0,1fr) minmax(96px,.65fr) minmax(0,1fr) minmax(96px,.65fr) minmax(0,1fr);align-items:center;gap:8px}
.relation-node{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:120px;border:2px solid #c7b6a8;background:#f8f5f0;padding:16px;text-align:center}
.relation-node strong{font-size:23px;line-height:1.2;letter-spacing:-.055em}
.relation-node small{font-size:11px;color:#656460;margin-top:9px}
.relation-node-emphasis{background:#202b36;border-color:#202b36;color:var(--white)}.relation-node-emphasis small{color:#d0d8de}
.relation-link{display:flex;align-items:center;justify-content:center;gap:5px;position:relative;text-align:center;height:100%}
.relation-link::before{position:absolute;content:"";height:2px;background:#bc7568;left:0;right:0;top:50%}
.relation-link::after{content:"→";position:absolute;right:-1px;top:calc(50% - 18px);font-size:23px;color:#a7554d;font-weight:900}
.relation-link span{position:relative;z-index:1;top:-35px;background:#ede8e0;font-size:10px;line-height:1.45;color:#824f48;padding:1px 7px;text-transform:uppercase;letter-spacing:.04em;font-weight:800}
.image-interlude{padding-block:55px;background:#111923}
.wide-still{position:relative;max-width:960px;margin-inline:auto}
.wide-still img{width:100%;aspect-ratio:16/7;object-fit:cover;object-position:50% 40%;filter:saturate(.82)}
.wide-still figcaption{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#b3bfca;margin-top:15px}
.ensemble-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.ensemble-card{padding:29px;background:#e6ded3;min-height:170px;display:flex;flex-direction:column}
.ensemble-card .person-index{color:#a5534a}.ensemble-card h3{font-size:21px;letter-spacing:-.05em;line-height:1.22;margin:auto 0 6px}.ensemble-card p{color:#6d6a65;font-size:13px;margin:0}
.cast-note{font-size:14px;color:#666b6f;margin:26px 0 0}
.crew-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:100px}
.crew-description{color:#afbac3;max-width:475px}
.crew-list{margin:0;border-top:1px solid rgba(255,255,255,.23)}
.crew-list>div{display:grid;grid-template-columns:180px minmax(0,1fr);gap:28px;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.19)}
.crew-list dt{font-size:11px;letter-spacing:.11em;text-transform:uppercase;font-weight:800;color:var(--teal)}
.crew-list dd{font-size:16px;font-weight:700;line-height:1.5;margin:0}
@media (max-width:1100px){
 .container{width:min(calc(100% - 64px),var(--max))}.primary-nav{gap:22px}
 .hero-grid{min-height:630px;gap:25px}.hero h1{font-size:clamp(72px,9vw,112px)}
 .section{padding-block:86px}.cast-teaser-grid{gap:55px}
 .footer-grid{gap:55px}
 .article-layout{grid-template-columns:minmax(0,1fr) 260px;gap:38px}
 .relation-flow{grid-template-columns:minmax(0,1fr) 84px minmax(0,1fr) 84px minmax(0,1fr)}
 .crew-layout{gap:55px}
}
@media (max-width:760px){
 html{scroll-padding-top:80px}
 .container{width:calc(100% - 40px)}
 .site-header{height:76px}
 .brand-mark{width:40px;height:40px}.brand-name{font-size:16px}
 .js .nav-toggle{display:flex;width:43px;height:42px;padding:11px 9px;background:transparent;border:1px solid rgba(255,255,255,.35);flex-direction:column;justify-content:space-around;cursor:pointer}
 .nav-toggle span{height:2px;width:100%;background:#f0efea}
 .primary-nav{gap:10px;flex-wrap:wrap;justify-content:flex-end}
 .primary-nav a{font-size:10px}
 .primary-nav .nav-trailer{padding:10px 12px}
 .js .primary-nav{display:none;position:absolute;left:0;right:0;top:76px;background:#151c26;padding:20px;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid rgba(255,255,255,.18);box-shadow:0 25px 50px rgba(0,0,0,.35)}
 .js .primary-nav.is-open{display:flex}
 .js .primary-nav a{font-size:13px;padding:12px 2px;border-bottom:1px solid rgba(255,255,255,.12)}
 .js .primary-nav .nav-trailer{margin-top:12px;justify-content:center;border:1px solid rgba(255,255,255,.36)}
 .hero-grid{grid-template-columns:1fr;padding-block:77px 43px;min-height:0;gap:60px}
 .hero h1{font-size:clamp(76px,15vw,116px)}
 .hero-art{max-width:590px;justify-self:center;transform:rotate(1.3deg);width:calc(100% - 23px)}
 .hero-index{padding-bottom:20px}.hero-home::after{display:none}
 .fact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .fact-grid>div{border-bottom:1px solid rgba(255,255,255,.11);padding:18px 12px 19px 0}
 .fact-grid>div+div{border-left:0;padding-left:0}
 .fact-grid>div:nth-child(even){border-left:1px solid rgba(255,255,255,.11);padding-left:23px}
 .section{padding-block:75px}
 .editorial-grid,.cast-teaser-grid,.article-layout,.crew-layout{grid-template-columns:1fr;gap:45px}
 .editorial-grid .side-still{max-width:510px}
 .side-still img{aspect-ratio:16/10}
 .section-heading{align-items:start;flex-direction:column;gap:22px}
 .heading-aside{max-width:570px}
 .theme-grid{grid-template-columns:1fr;gap:12px}
 .theme-card{min-height:0;padding:23px 26px}.theme-number{margin-bottom:20px}
 .watch-panel{flex-direction:column;align-items:flex-start;gap:24px}
 .footer-grid{grid-template-columns:1.5fr 1fr;gap:45px}
 .footer-grid>div:last-child{grid-column:2;grid-row:1}
 .footer-grid nav{grid-column:1;grid-row:2}
 .footer-bottom{flex-direction:column;gap:6px}
 .inner-hero{padding:23px 0 77px}.breadcrumbs{margin-bottom:68px}
 .inner-hero h1{font-size:clamp(55px,11vw,84px)}
 .article-sidebar{position:static;max-width:500px}
 .sidebar-card dl{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
 .timeline{grid-template-columns:1fr;gap:25px}.timeline li{border-top:0;border-left:2px solid #64717e;padding:0 10px 10px 25px}
 .timeline li::before{top:0;left:-7px}.timeline-year{font-size:42px}.timeline h3{margin-top:11px}
 .final-cta-inner{align-items:flex-start;flex-direction:column;gap:30px}
 .lead-cast-grid{grid-template-columns:1fr}.person-card{min-height:260px}
 .person-card h3{font-size:35px}.person-card .role{margin-bottom:10px}
 .relation-flow{grid-template-columns:1fr;gap:3px;max-width:320px;margin-inline:auto}
 .relation-link{min-height:54px;transform:rotate(90deg);width:55px;justify-self:center}
 .relation-link span{display:none}
 .relation-link::after{top:calc(50% - 18px)}
 .relation-node{min-height:93px;width:100%}
 .relationships{padding:28px 18px 38px;margin-top:55px}
 .ensemble-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .crew-list>div{grid-template-columns:130px 1fr;gap:18px}
}
@media (max-width:480px){
 .container{width:calc(100% - 34px)}
 .hero-grid{padding-top:60px}.hero h1{font-size:clamp(64px,17vw,91px)}
 .hero-description{font-size:15px}
 .hero-actions{align-items:stretch;flex-direction:column}.hero-actions .button{width:100%}
 .hero-index{font-size:9px}
 .eyebrow{font-size:9px;letter-spacing:.13em;flex-wrap:wrap}
 .fact-grid strong{font-size:13px}.fact-grid>div:nth-child(even){padding-left:15px}
 .section-title{font-size:clamp(33px,9.7vw,46px)}
 .section{padding-block:62px}
 .editorial-main .lead,.prose .lead{font-size:18px}
 .editorial-main p:not(.kicker),.prose p{font-size:15px}
 .cast-teaser-names>div{grid-template-columns:27px 1fr 56px;gap:8px}.cast-teaser-names strong{font-size:15px}.cast-teaser-names small{font-size:11px}
 .footer-grid{grid-template-columns:1fr;gap:33px}.footer-grid nav,.footer-grid>div:last-child{grid-column:auto;grid-row:auto}.footer-grid{padding-bottom:40px}
 .inner-hero h1{font-size:clamp(52px,12.5vw,75px)}.inner-hero{padding-bottom:62px}.breadcrumbs{margin-bottom:50px}
 .prose h2{font-size:29px}.article-figure{margin-block:30px 38px}.article-note{padding:22px}
 .sidebar-card dl{display:block}
 .ensemble-grid{grid-template-columns:1fr}.ensemble-card{min-height:125px;padding:24px}
 .crew-list>div{grid-template-columns:1fr;gap:8px}
 .person-card{min-height:250px}
 .video-caption{font-size:9px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Prevent decorative still backing from extending beyond the phone viewport. */
@media (max-width:760px){.side-still::after{right:0;left:12px}}


/* ABOUT: film-centered youth issues and clearly separated contemporary context */
.youth-challenges{background:linear-gradient(165deg,#141d29 0%,#0e131c 100%)}
.youth-challenges-heading{margin-bottom:43px}
.youth-feature{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:center;gap:clamp(30px,5vw,85px);padding-bottom:50px}
.youth-feature-copy{max-width:470px}
.detail-label,.issue-number,.digital-index{display:block;font-size:11px;font-weight:900;letter-spacing:.19em;text-transform:uppercase}
.detail-label{color:var(--teal);margin-bottom:22px}
.youth-feature h3{font-size:clamp(28px,3vw,41px);line-height:1.14;letter-spacing:-.055em;margin:0 0 18px}
.youth-feature-copy p{font-size:16px;color:#b8c3cb;line-height:1.85;margin:0}
.youth-feature-image{min-width:0}
.youth-feature-image img{width:100%;aspect-ratio:16/9;object-fit:cover;box-shadow:22px 22px 0 rgba(255,255,255,.055)}
.youth-feature-image figcaption{font-size:11px;line-height:1.6;letter-spacing:.08em;text-transform:uppercase;color:#aab7c1;margin-top:15px}
.issues-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.issue-card{border:1px solid rgba(255,255,255,.19);background:rgba(255,255,255,.035);padding:31px 29px 34px}
.issue-number{color:var(--red);margin-bottom:33px}
.issue-card h3{font-size:clamp(20px,2vw,25px);letter-spacing:-.04em;line-height:1.23;margin:0 0 17px}
.issue-card p{color:#b6c0c9;font-size:14px;line-height:1.8;margin:0}
.digital-risk{color:var(--ink);background:#f3eee5}
.digital-heading{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:clamp(35px,6vw,90px);align-items:end;margin-bottom:62px}
.digital-risk .section-title{color:var(--ink);font-size:clamp(41px,5.8vw,74px);margin-bottom:19px}
.digital-risk .section-title em{color:#a74f43}
.digital-deck{max-width:690px;color:#414951;font-size:19px;line-height:1.7;margin:0}
.context-note{display:flex;gap:16px;padding:25px 26px;border:1px solid #d3c9bd;background:#e8e0d5}
.context-icon{display:grid;flex:0 0 29px;width:29px;height:29px;place-items:center;color:#fff;background:#26333e;border-radius:50%;font:bold 16px Georgia,serif}
.context-note strong{font-size:13px;line-height:1.5;letter-spacing:.01em}
.context-note p{font-size:13px;color:#50555a;line-height:1.8;margin:8px 0 0}
.digital-articles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(40px,7vw,110px);row-gap:42px}
.digital-article{border-top:2px solid #182734;padding-top:26px}
.digital-index{color:#af5e50;margin-bottom:20px}
.digital-article h3{font-size:clamp(24px,2.5vw,32px);letter-spacing:-.05em;line-height:1.2;margin:0 0 17px}
.digital-article p{font-size:15px;line-height:1.85;color:#465057;margin:0 0 17px}
.digital-article p:last-child{margin-bottom:0}
.digital-article a,.evidence-panel a{color:#9d493e;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.digital-article a:hover,.evidence-panel a:hover{color:#632b24}
.evidence-panel{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:clamp(35px,6vw,88px);background:#dfd6c8;border:1px solid #d1c5b7;padding:clamp(24px,4vw,45px);margin-top:62px;align-items:center}
.evidence-copy .kicker{color:#994e43;margin-bottom:17px}
.evidence-copy h3{font-size:clamp(25px,3vw,37px);letter-spacing:-.05em;line-height:1.18;margin:0 0 16px}
.evidence-copy p{font-size:14px;line-height:1.8;color:#4d5254;margin:0 0 13px}
.evidence-copy .evidence-source{font-size:12px;margin-bottom:0}
.evidence-chart{display:grid;gap:25px}
.chart-label{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;font-size:14px;font-weight:800}
.chart-label strong{font:900 29px/1 var(--display);letter-spacing:-.025em}
.chart-track{height:16px;overflow:hidden;border-radius:2px;background:#f7f3ec;border:1px solid #d1c7b9}
.chart-fill{display:block;height:100%;background:#a95446}
.chart-fill-alt{background:#385c66}
.evidence-chart .chart-footnote{font-size:11px;line-height:1.6;color:#596168;margin:0}
.digital-afterword{border-left:3px solid #ae594d;padding:5px 0 5px 22px;max-width:870px;margin:36px 0 0;font-size:15px;font-weight:600;line-height:1.8;color:#333c42}
@media(max-width:950px){
 .youth-feature{gap:34px}
 .issues-grid{gap:12px}
 .issue-card{padding:24px 22px 28px}
 .digital-heading{gap:32px}
}
@media(max-width:760px){
 .youth-feature{grid-template-columns:1fr;gap:27px}
 .youth-feature-copy{max-width:700px}
 .issues-grid,.digital-articles{grid-template-columns:1fr}
 .issues-grid{gap:12px}
 .issue-number{margin-bottom:19px}
 .digital-heading,.evidence-panel{grid-template-columns:1fr}
 .digital-heading{margin-bottom:40px}
 .context-note{max-width:650px}
 .digital-articles{row-gap:35px}
 .evidence-panel{margin-top:48px;gap:30px}
}
@media(max-width:480px){
 .youth-challenges-heading{margin-bottom:30px}
 .youth-feature{padding-bottom:33px}
 .youth-feature-image img{box-shadow:10px 10px 0 rgba(255,255,255,.055)}
 .digital-risk .section-title{font-size:clamp(36px,10.4vw,50px)}
 .digital-deck{font-size:16px}
 .context-note{padding:20px}
 .evidence-panel{padding:22px}
}



/* ===============================================================
   SAVAGE YOUTH / HAND-MADE ZINE EDITION
   Visual reference: the original film artwork. Rounded paint,
   misregistered print, handwritten marks and nocturnal color.
   No fonts, scripts or images are fetched from other domains.
   =============================================================== */
:root{
  color-scheme:dark;
  --ink:#07182e;--ink-deep:#051126;--ink-muted:#244a57;
  --cream:#efe6d8;--paper:#f7ecdc;--cream-deep:#c9d7c7;
  --white:#fdf4e8;--muted:#b5cbce;--red:#ff8c68;--teal:#5de0f1;
  --lime:#a2d3a4;--line:rgba(117,220,231,.25);
  --font:Trebuchet MS,Arial,Helvetica,sans-serif;
  --display:Impact,Haettenschweiler,"Arial Narrow Bold","Arial Black",sans-serif;
}
html{scroll-padding-top:100px}
body{background:var(--ink-deep);color:var(--white);font-family:var(--font);font-size:16px;overflow-x:clip}
::selection{background:#fc8967;color:#06152d}
a:focus-visible,button:focus-visible,video:focus-visible{outline:3px dashed #ffae7c;outline-offset:5px}
.container{max-width:1180px}
.skip-link{background:#f59a70;color:#07182e;border-radius:18px 12px 22px 9px}
/* Marker writing, free brush strokes, imperfect underlines */
.kicker,.eyebrow,.fact-label,.footer-label,.person-index,.role,.detail-label,.issue-number,.digital-index{
  font-family:var(--font);letter-spacing:.14em;font-weight:900;
}
.kicker{color:#23657b;display:inline-flex;gap:10px;align-items:center;margin-bottom:22px;font-size:11px}
.kicker::before{content:'✳';color:#fb785c;font-size:18px;letter-spacing:0;transform:rotate(-20deg)}
.kicker-light{color:#6ce4ef}
.section-title{font-family:var(--display);text-transform:uppercase;line-height:.99;font-weight:900;letter-spacing:-.012em;font-size:clamp(46px,6.4vw,86px);max-width:890px;margin-bottom:31px}
.section-title em{display:inline-block;font-family:"Trebuchet MS",Georgia,serif;font-style:italic;font-weight:900;text-transform:none;letter-spacing:-.072em;line-height:1.08;position:relative;color:#187998;transform:rotate(-2deg);text-shadow:1px 1px 0 rgba(6,37,66,.08)}
.section-title em::after{content:"";position:absolute;left:2%;right:1%;bottom:-9px;height:13px;background:linear-gradient(90deg,rgba(47,202,222,.7),rgba(86,215,202,.85) 56%,transparent);border-radius:50% 7% 60% 15%;transform:rotate(-2deg);clip-path:polygon(0 50%,6% 14%,25% 40%,60% 0,95% 35%,100% 65%,61% 85%,15% 100%)}
.section-dark .section-title em,.youth-challenges .section-title em{color:#7ceaf7}
.heading-aside{font-size:16px;line-height:1.8}
/* Doodled header — not an agency navigation bar */
.site-header{height:86px;background:rgba(5,16,35,.93);border-bottom:0;box-shadow:none;backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px)}
.site-header::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:10px;background:linear-gradient(90deg,transparent 3%,rgba(78,224,238,.42) 25%,rgba(82,222,218,.72) 38%,transparent 78%);border-radius:45%;transform:rotate(-.2deg);pointer-events:none;opacity:1}
.brand{gap:9px;transform:rotate(-3deg)}
.brand-mark{width:48px;height:48px;transform:rotate(-12deg);border:2px dashed #64d8ed;border-radius:41% 59% 55% 45%/61% 35% 65% 39%;color:#eafcff;background:rgba(15,97,121,.48);font-family:var(--display);font-size:21px;box-shadow:4px 2px 0 rgba(83,220,235,.17)}
.brand-mark::after{content:"";position:absolute;height:35px;width:3px;top:6px;right:7px;background:#ff976d;border-radius:6px;transform:rotate(25deg)}
.brand-mark span{color:#fa8b69}
.brand-name{font-family:var(--display);font-style:italic;font-size:22px;letter-spacing:.018em;line-height:.82;color:#a5edfb;text-shadow:2px 2px 0 #154969}
.primary-nav{gap:34px}
.primary-nav a{text-transform:uppercase;font-size:13px;letter-spacing:.035em;color:#d2e8e7;position:relative;transform:rotate(-1deg)}
.primary-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:5px;background:#fd8d66;transform:rotate(-3deg);border-radius:50%;transition:right .2s}
.primary-nav a:hover::after,.primary-nav a[aria-current=page]::after{right:0}
.primary-nav a:hover,.primary-nav a[aria-current=page]{color:#75e5f2;text-decoration:none}
.primary-nav .nav-trailer{background:#f48e6f;color:#07182e;transform:rotate(3deg);border:0;border-radius:45px 26px 48px 16px;padding:13px 22px;box-shadow:4px 5px 0 #2d7b8d}
.primary-nav .nav-trailer::after{display:none}
.primary-nav .nav-trailer:hover{color:#061729;background:#66e0ee;transform:rotate(-2deg)}
.nav-toggle{border-radius:42% 58% 40% 60% !important;background:rgba(44,114,130,.24) !important;border:2px solid #62dbe8 !important}
.nav-toggle span{background:#80edf3!important}
/* Splashy, recognizable film hero */
.hero-home{
  background:
    radial-gradient(ellipse at 76% 32%,rgba(62,141,132,.53),transparent 47%),
    radial-gradient(ellipse at 82% 85%,rgba(178,82,79,.25),transparent 45%),
    radial-gradient(ellipse at 7% 24%,rgba(16,70,130,.65),transparent 56%),
    linear-gradient(125deg,#07132e,#0c3660 61%,#1e5166);
  isolation:isolate;
}
.hero-home::before{content:"";position:absolute;inset:0;opacity:.24;background:url('/images/paint-splatter.svg') 2% 20%/560px auto no-repeat,url('/images/film-grain.webp') repeat 0 0/250px;mix-blend-mode:screen;pointer-events:none}
.hero-home::after{content:"";position:absolute;inset:auto -3% -45px -3%;height:138px;background:url('/images/paint-drips-night.svg') center top/100% 100% no-repeat;transform:none;border:0;z-index:3;pointer-events:none}
.hero-grid{min-height:670px;padding:72px 0 85px;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:clamp(28px,5.3vw,88px);align-items:center}
.hero-copy{z-index:4}
.eyebrow{color:#d7e9dc;letter-spacing:.1em;font-size:11px;margin-bottom:4px}
.signal-dot{background:#fba071;width:10px;height:10px;box-shadow:0 0 0 4px rgba(255,136,94,.16);border-radius:45% 55% 35% 65%;transform:rotate(22deg)}
.brush-title{margin:0 0 -8px;max-width:570px;width:100%;line-height:1;position:relative;white-space:normal;font-size:0}
.brush-title img{display:block;width:min(100%,545px);height:auto;filter:drop-shadow(5px 7px 1px rgba(0,22,66,.4));transform:rotate(-6deg) scale(1.09);transform-origin:38% 50%}
.visually-hidden{position:absolute!important;height:1px;width:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hero-tagline{font-family:var(--display);font-weight:900;font-size:clamp(27px,3.1vw,43px);line-height:1.04;text-transform:uppercase;letter-spacing:.007em;max-width:490px;transform:rotate(-2deg);margin:4px 0 20px;color:#f8eedc;text-shadow:2px 3px 0 #0a3252}
.hero-description{font-size:16px;line-height:1.75;color:#d9e6da;max-width:425px}
.hero-actions{gap:16px;margin-top:32px}
.button{min-height:55px;padding:14px 25px;border-radius:40px 17px 46px 24px;letter-spacing:.035em;font-size:13px;font-weight:900;position:relative;transform:rotate(-2deg);transition:transform .22s,background .22s,color .22s,box-shadow .22s}
.button:hover{transform:rotate(1deg) translateY(-3px)}
.button-primary{background:#fd916d;color:#0a2040;box-shadow:5px 6px 0 rgba(5,24,45,.9);border:2px solid #ffc6a2}
.button-primary:hover{background:#ffb68c;box-shadow:7px 8px 0 rgba(5,24,45,.75)}
.button-text{padding-inline:10px;color:#86e2ee;text-transform:none;font-style:italic;transform:rotate(1deg);font-size:15px}
.button-text:hover{color:#ffb589}
.button-outline{border:2px solid #8be4ed;background:rgba(7,42,72,.5);color:#e5faf2;box-shadow:5px 6px 0 rgba(34,122,134,.32)}
.button-outline:hover{background:#5ee0ee;color:#06162d}
.button-dark{background:#071e37;color:#eef9f4;border:2px solid #17546f;box-shadow:5px 6px 0 #74bbba}
.hero-art{max-width:670px;width:100%;position:relative;transform:rotate(5deg);filter:drop-shadow(5px 13px 0 rgba(1,12,31,.35));isolation:isolate}
.hero-art::before{content:"";position:absolute;inset:-14px -9px -12px -12px;z-index:-2;background:#81d7ca;transform:rotate(-6deg);border:0;border-radius:60% 40% 46% 54% / 28% 43% 57% 72%;opacity:.95}
.hero-art::after{content:"";position:absolute;right:-35px;bottom:30px;width:175px;height:166px;background:url('/images/scribble-orbit.svg') center/contain no-repeat;z-index:3;pointer-events:none;transform:rotate(-20deg);opacity:.88}
.hero-art picture{display:block;overflow:hidden;border-radius:52% 48% 38% 62% / 34% 53% 47% 66%;box-shadow:none;position:relative;background:#23455b;clip-path:none}
.hero-art img{aspect-ratio:1.12/1;object-fit:cover;object-position:center;filter:saturate(1.1) contrast(1.04)}
.hero-art figcaption{font-family:var(--font);color:#c9e5df;font-size:10px;max-width:90%;margin-top:23px;transform:rotate(-5deg);font-weight:900}
.hero-sticker{position:absolute;z-index:5;right:-12px;top:-21px;display:grid;place-items:center;min-width:108px;min-height:92px;border:3px dashed #ffc8a0;border-radius:54% 46% 59% 41%/40% 64% 36% 60%;background:#eb8167;color:#091d37;font:900 15px/1.1 var(--display);text-align:center;text-transform:uppercase;letter-spacing:.02em;transform:rotate(13deg);box-shadow:4px 8px 0 rgba(4,24,40,.5)}
.hero-index{position:relative;z-index:4;color:#a1dbdd;padding-bottom:33px;transform:rotate(-.4deg)}
.hero-index span:last-child{font-family:var(--font)}
/* Facts are a loose strip of film labels, not a KPI dashboard */
.fact-strip{background:#06182f;position:relative;z-index:2;border:0}
.fact-grid{gap:12px;padding:20px 0 28px}
.fact-grid>div,.fact-grid>div+div{padding:12px 20px 14px 0;border-left:0;border-bottom:2px dashed rgba(100,197,198,.37);transform:rotate(-1deg)}
.fact-grid>div:nth-child(2n){transform:rotate(1deg)}
.fact-label{color:#80c9d2;font-size:10px;letter-spacing:.1em}
.fact-grid strong{color:#f4eadc;font-family:var(--font);font-size:15px}
/* Broad hand-painted transitions instead of flat section rectangles */
.section{position:relative;padding-block:120px;isolation:isolate}
.section>.container{position:relative;z-index:2}
.section-cream{background:var(--cream);color:#0a2744}
.section-cream::before{content:"";position:absolute;inset:0;background:url('/images/film-grain.webp') 0 0/300px repeat;opacity:.035;pointer-events:none;z-index:0}
.section-dark{background:#06182f;color:#f8f0e4}
.section-dark::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 100% 10%,rgba(35,126,141,.2),transparent 54%),url('/images/film-grain.webp') repeat/270px;opacity:.46;pointer-events:none;z-index:0}
#story{padding-top:128px}
#story::after,.cast-teaser::after{content:"";position:absolute;top:calc(100% - 3px);left:0;right:0;height:108px;background:url('/images/paint-drips-paper.svg') top center/100% 100% no-repeat;z-index:5;pointer-events:none}
/* Film text as a zine editorial */
.editorial-grid{gap:clamp(40px,7vw,100px)}
.editorial-main p:not(.kicker),.cast-teaser p,.heading-aside,.crew-description{color:#355369;line-height:1.78;font-size:16px}
.editorial-main .lead,.prose .lead{color:#0c2d4d;font-size:21px;line-height:1.55;font-weight:900}
.inline-link{border-bottom:0;color:#0c5374;font-size:14px;font-style:italic;transform:rotate(-1deg);letter-spacing:0;text-transform:none;padding:8px 5px;position:relative}
.inline-link::after{content:"";position:absolute;left:2px;right:8px;bottom:4px;height:5px;background:#f88e68;border-radius:50%;transform:rotate(-2deg);opacity:.9}
.inline-link:hover{color:#ba603f;gap:22px}
.inline-link-light{color:#88e9ef}.inline-link-light::after{background:#fb9772}
.side-still{max-width:100%}
.side-still::after{inset:18px -14px -9px 16px;transform:rotate(6deg);background:#f58b6e;border-radius:48% 52% 59% 41%/26% 59% 41% 74%;z-index:0}
.side-still img{border-radius:42% 58% 56% 44%/27% 47% 53% 73%;aspect-ratio:1/1.06;object-fit:cover;box-shadow:none;transform:rotate(-3deg);filter:saturate(1.1)}
.side-still figcaption{transform:rotate(-2deg);color:#4c7282;font-weight:800;font-size:10px}
.section-heading{gap:60px;margin-bottom:55px}
.section-dark .heading-aside{color:#b0d0d4}
.theme-grid{gap:25px;align-items:stretch;padding:12px 8px 5px}
.theme-card{min-height:295px;background:#14556a;border:0;padding:38px 33px 38px;box-shadow:7px 10px 0 rgba(1,10,26,.45);transform:rotate(-2deg);border-radius:37% 19% 26% 12%/15% 25% 20% 15%;overflow:visible;position:relative}
.theme-card:nth-child(2){background:#643c5b;transform:rotate(2.2deg) translateY(24px);border-radius:17% 42% 14% 33% / 14% 23% 31% 17%}
.theme-card:nth-child(3){background:#2b615e;transform:rotate(-1.6deg) translateY(5px);border-radius:28% 14% 45% 19%/18% 28% 16% 25%}
.theme-card::before{content:"";position:absolute;width:60%;height:110px;top:-10px;left:18%;background:url('/images/paint-drips-teal.svg') center top/100% 100% no-repeat;opacity:.5;pointer-events:none}
.theme-card:nth-child(2)::before{left:32%;background-image:url('/images/paint-drips-indigo.svg');opacity:.7}
.theme-card:nth-child(3)::before{left:8%;background-image:url('/images/paint-drips-night.svg');opacity:.65}
.theme-number{position:relative;color:#9de8e9;font-family:var(--display);font-size:22px;letter-spacing:.015em;margin-bottom:43px;transform:rotate(-6deg)}
.theme-card h3{position:relative;font:900 clamp(29px,3.3vw,41px)/1.06 var(--display);text-transform:uppercase;letter-spacing:0;color:#fff5e6;margin-bottom:18px}
.theme-card p{position:relative;color:#e5f0e6;line-height:1.75;font-size:15px}
/* Trailer on a handmade dark purple screening surface */
.section-video{background:radial-gradient(ellipse at 92% 12%,rgba(123,73,108,.47),transparent 44%),linear-gradient(150deg,#262145,#142344 90%);color:#f6edde}
.section-video .section-title em{color:#74e3ed}
.section-video .heading-aside{color:#bcd3db}
.video-shell{border:8px solid #09152c;box-shadow:14px 16px 0 rgba(74,210,216,.3);transform:rotate(-.65deg);border-radius:18px 12px 26px 15px;overflow:hidden;position:relative}
.video-shell::before{content:"";position:absolute;width:75px;height:25px;top:-7px;left:calc(50% - 40px);background:rgba(193,229,216,.36);transform:rotate(-9deg);z-index:5;pointer-events:none}
.video-caption{border-bottom:2px dashed rgba(130,222,227,.43);color:#bad0d3}
.watch-panel h3{font-family:var(--display);font-size:34px;text-transform:uppercase;letter-spacing:0}
.watch-panel p:not(.kicker){color:#c0d0d5}
.watch-panel .button{color:#eef9f7;border-color:#69d9e8}
.watch-panel .button:hover{background:#76dce7;color:#07182e}
.cast-teaser-names{border-top:2px dashed #88a7a8}
.cast-teaser-names>div{border-bottom:2px dashed #b2bab0;transform:rotate(-.6deg)}
.cast-teaser-names strong{font-family:var(--display);font-size:23px;letter-spacing:0;text-transform:uppercase}
.cast-teaser-names span{color:#d36b4d}
.cast-teaser-names small{color:#245d72}
/* Poster-style subpage title cards */
.inner-hero{background:radial-gradient(ellipse at 92% 40%,rgba(75,151,141,.38),transparent 49%),linear-gradient(120deg,#07142d,#123e63 73%,#326a74);border:0;padding:37px 0 114px;isolation:isolate}
.inner-hero::before{background-size:cover;background-position:center;opacity:.2;mix-blend-mode:screen}
.inner-about::before{background-image:linear-gradient(90deg,#07142d 10%,transparent),url('/images/scene-town.webp')}
.inner-cast::before{background-image:linear-gradient(90deg,#07142d 10%,transparent),url('/images/scene-friends.webp')}
.inner-hero::after{content:"";position:absolute;inset:auto 0 -55px;height:115px;width:100%;background:url('/images/paint-drips-night.svg') top center/100% 100%;border:0;z-index:4;pointer-events:none}
.inner-hero .container{z-index:5}
.breadcrumbs{margin-bottom:83px;letter-spacing:.03em;color:#b5d9d4}
.breadcrumbs a:hover{color:#e5a083}
.inner-hero h1{font-family:var(--display);font-weight:900;font-size:clamp(74px,10.3vw,146px);line-height:.94;letter-spacing:.005em;transform:rotate(-3deg);transform-origin:left center;color:#f1eadb;text-shadow:5px 7px 0 rgba(6,24,45,.45);max-width:1000px}
.inner-hero h1 em{font-family:"Trebuchet MS",Arial,sans-serif;font-weight:900;font-style:italic;color:#65e6f4;text-shadow:3px 5px 0 #13516e;display:inline-block;transform:rotate(4deg)}
.inner-hero h1::after{content:"";display:block;background:url('/images/scribble-arrow.svg') center/contain no-repeat;width:180px;height:85px;position:absolute;right:9%;top:15%;transform:rotate(-17deg);opacity:.9;pointer-events:none}
.inner-intro{color:#d7e8df;max-width:680px;font-size:clamp(19px,2.2vw,25px);line-height:1.6}
/* Article / about: pages torn from a notebook */
.article-layout{gap:clamp(40px,6vw,95px)}
.prose h2{font-family:var(--display);font-size:clamp(33px,3.5vw,46px);line-height:1.03;font-weight:900;text-transform:uppercase;letter-spacing:.005em;color:#0d3a58;margin:48px 0 21px;transform:rotate(-.7deg)}
.prose p{color:#345668;font-size:16px;line-height:1.83}
.prose strong{color:#0d3c56}
.article-figure{transform:rotate(-1.5deg)}
.article-figure img{border:7px solid #f9f2e8;border-radius:25px 16px 42px 15px;box-shadow:10px 11px 0 #74b6b4}
.article-figure figcaption{color:#477c89;font-weight:700}
.article-note{border:0;background:#bcd6d0;border-radius:34px 17px 48px 24px;padding:32px 38px;transform:rotate(-1.2deg);box-shadow:9px 12px 0 rgba(15,101,120,.2)}
.article-note .note-mark{font-size:65px;color:#e66d4e}
.article-note p{color:#123c51}
.article-note a{color:#145a70}
.source-box{border:2px dashed #75a5a5;border-radius:18px 32px 20px 27px;background:rgba(226,238,219,.75)}
.source-box a,.cast-note a{color:#0c758c}
.sidebar-card{background:linear-gradient(155deg,#194e69,#0b2547 86%);border:3px solid #54acb7;border-radius:31px 42px 22px 58px/45px 20px 35px 26px;box-shadow:12px 12px 0 #9cbbc0;clip-path:none;transform:rotate(2.2deg);position:relative}
.sidebar-card::before{content:"";position:absolute;top:-12px;left:32%;height:75px;width:48%;background:url('/images/paint-drips-teal.svg') center/100% 100%;opacity:.8;pointer-events:none}
.sidebar-card .kicker{color:#91e9ee}
.sidebar-card h2{font-size:55px;color:#f5eee4;position:relative}
.sidebar-card h2 span{color:#77e5f3}
.sidebar-card dt{color:#a8d3d5}
.timeline li{border-top:3px dashed #4e8597;transform:rotate(-1deg)}
.timeline li:nth-child(even){transform:rotate(1.7deg)}
.timeline li::before{border:0;background:#fb9872;border-radius:60% 40% 53% 47%;box-shadow:0 0 0 7px #06182f}
.timeline-year{font-size:clamp(49px,6vw,78px);color:#7ee5ed;letter-spacing:0}
.timeline h3{font-family:var(--display);text-transform:uppercase;font-size:27px;letter-spacing:0}
.timeline p{color:#c7d7d9}
/* Human, messy, larger character forms instead of corporate feature tiles */
.person-card{min-height:372px;padding:40px 34px 35px;overflow:visible;border:0;border-radius:38px 91px 28px 76px/76px 33px 68px 30px;box-shadow:9px 10px 0 #71b7b8;background:linear-gradient(150deg,#17677f,#0a2a55);transform:rotate(-2deg)}
.person-card:nth-child(2){background:linear-gradient(140deg,#337a64,#0a3f57);border-radius:76px 28px 87px 27px/32px 82px 44px 68px;transform:rotate(2.5deg) translateY(28px)}
.person-card:nth-child(3){background:linear-gradient(145deg,#704b6b,#1a2d58);border-radius:30px 90px 68px 21px/74px 28px 50px 52px;transform:rotate(-1.5deg)}
.person-card::after{content:"";position:absolute;right:-18px;top:11px;width:150px;height:135px;border:0;border-radius:0;background:url('/images/paint-splatter.svg') center/cover;opacity:.65;transform:rotate(-18deg)}
.person-card::before{content:"";position:absolute;top:-7px;left:18%;width:48%;height:108px;background:url('/images/paint-drips-teal.svg') top center/100% 100%;opacity:.5;pointer-events:none}
.person-card:nth-child(2)::before{background-image:url('/images/paint-drips-night.svg')}
.person-card:nth-child(3)::before{background-image:url('/images/paint-drips-indigo.svg')}
.person-card .person-index{position:relative;color:#dbf5df;font-size:13px;transform:rotate(-2deg)}
.person-card h3{position:relative;font-family:var(--display);font-size:clamp(36px,4.2vw,53px);line-height:.94;font-weight:900;letter-spacing:0;text-transform:uppercase;color:#f5eee0;margin-bottom:21px}
.person-card .role{font-size:12px;letter-spacing:.1em;color:#79f0f4;margin-bottom:14px}
.person-card:nth-child(2) .role{color:#b6e9b7}.person-card:nth-child(3) .role{color:#ffc3a1}
.person-card p:not(.role){font-size:14px;line-height:1.78;color:#edf2eb}
.relationships{margin-top:113px;background:#c7dad0;border:3px dashed #5296a3;border-radius:53px 19px 62px 24px/23px 65px 35px 43px;box-shadow:12px 13px 0 #76aaa8;transform:rotate(-.7deg);padding:46px}
.relation-heading h3{color:#0c3553;font-family:var(--display);font-size:32px;text-transform:uppercase;letter-spacing:0}
.relation-heading p{color:#355e6b}
.relation-node{border:3px solid #6faaa6;border-radius:26px 43px 19px 39px/43px 25px 31px 24px;background:#f4eedf;clip-path:none;transform:rotate(-3deg)}
.relation-node:nth-of-type(5){transform:rotate(3deg)}
.relation-node strong{font-family:var(--display);text-transform:uppercase;font-size:27px;letter-spacing:0}
.relation-node-emphasis{background:#195574;border-color:#195574;color:#f1f3e8;transform:rotate(2deg)}
.relation-link::before{height:4px;background:#eb815f;transform:rotate(-4deg);border-radius:50%}
.relation-link::after{color:#e87351}
.relation-link span{background:#c7dad0;color:#91503e}
.image-interlude{background:linear-gradient(130deg,#0e1d40,#18365b)}
.wide-still{transform:rotate(-1.4deg)}
.wide-still img{border:8px solid #dfd0b8;box-shadow:15px 14px 0 #328a9a;border-radius:20px 58px 16px 49px/45px 15px 45px 26px;filter:saturate(1.1)}
.ensemble-grid{gap:18px}
.ensemble-card{background:#c9d5c7;border:0;border-radius:34px 12px 58px 25px / 22px 52px 15px 39px;min-height:192px;padding:29px;transform:rotate(-2deg);box-shadow:5px 7px 0 #8fb0a9;overflow:visible}
.ensemble-card:nth-child(2n){transform:rotate(2deg) translateY(12px);background:#c8d9d4;border-radius:18px 49px 21px 58px/52px 20px 43px 24px}
.ensemble-card:nth-child(3n){background:#e4c9bd}
.ensemble-card::after{content:"";position:absolute;right:9px;top:-3px;width:65px;height:70px;border:0;background:url('/images/paint-drips-teal.svg') top/100% 100%;transform:rotate(-13deg);opacity:.6;pointer-events:none}
.ensemble-card .person-index{color:#af5b48}
.ensemble-card h3{font-family:var(--display);text-transform:uppercase;letter-spacing:.008em;font-size:28px;color:#092e4e}
.ensemble-card p{color:#45646c}
.crew-list{border-top:2px dashed #4e9bb0}
.crew-list>div{border-bottom:2px dashed rgba(94,165,178,.52);transform:rotate(-.3deg)}
.crew-list dt{color:#88e7ef}
.crew-description{color:#bed3d1}
/* Youth challenges: spots of bold paint floating above nighttime */
.youth-challenges{background:radial-gradient(ellipse at 6% 28%,rgba(68,113,144,.27),transparent 44%),linear-gradient(160deg,#081833,#104160)}
.youth-feature h3{font-family:var(--display);text-transform:uppercase;font-size:clamp(34px,4vw,54px);font-weight:900;letter-spacing:0;color:#f6edde;line-height:1.06;transform:rotate(-2deg)}
.youth-feature-copy p{color:#c7dada}
.youth-feature-image{transform:rotate(2.2deg)}
.youth-feature-image img{border:9px solid #153f54;border-radius:40px 20px 64px 24px/20px 52px 33px 43px;box-shadow:12px 12px 0 #2c8998;filter:saturate(1.15)}
.youth-feature-image figcaption{color:#bbe0de}
.issues-grid{gap:24px;padding:8px 8px 12px}
.issue-card{background:#16617c;border:0;border-radius:55px 26px 58px 20px/26px 63px 24px 50px;min-height:350px;padding:42px 32px;box-shadow:7px 10px 0 #082a49;transform:rotate(-2deg)}
.issue-card:nth-child(2){background:#6b4263;transform:rotate(2deg) translateY(23px);border-radius:22px 68px 23px 54px/58px 22px 53px 25px}
.issue-card:nth-child(3){background:#316e5f;transform:rotate(-1.4deg);border-radius:70px 20px 43px 29px/32px 49px 19px 70px}
.issue-card::before{content:"";position:absolute;right:23px;top:-3px;width:55%;height:105px;background:url('/images/paint-drips-night.svg') center/100% 100% no-repeat;opacity:.45;pointer-events:none}
.issue-number{font-size:12px;color:#ffb28e;margin-bottom:27px;position:relative}
.issue-card h3{font-family:var(--display);text-transform:uppercase;letter-spacing:0;color:#fbf1e9;font-size:clamp(26px,2.8vw,37px);line-height:1.06;margin-bottom:20px;position:relative}
.issue-card p{color:#e1eeee;font-size:14px;line-height:1.79;position:relative}
/* Light research pages read as hand-drawn scrapbook, not marketing analytics */
.digital-risk{background:radial-gradient(ellipse at 97% 6%,rgba(129,186,162,.36),transparent 43%),#e4ebdc;color:#0b2f48}
.digital-risk::before{content:"";position:absolute;inset:0;background:url('/images/film-grain.webp') repeat/280px;opacity:.06;pointer-events:none}
.digital-risk .section-title{color:#0c3554;font-size:clamp(48px,6vw,82px)}
.digital-risk .section-title em{color:#267e8e}
.digital-deck{color:#355764;font-size:18px;line-height:1.75}
.context-note{background:#f5ddc7;border:0;border-radius:36px 18px 44px 20px/20px 41px 15px 37px;box-shadow:7px 9px 0 #bbd2cb;transform:rotate(2deg);padding:28px}
.context-icon{background:#ec8766;border-radius:45% 55% 38% 62%;color:#071b34;font-weight:900}
.context-note strong{color:#0d3b50;font-size:14px}
.context-note p{color:#4c6670}
.digital-articles{column-gap:76px;row-gap:66px}
.digital-article{padding:24px 14px 0 8px;border-top:5px solid #ec8764;transform:rotate(-.7deg);border-radius:10% 18% 0 0 / 8% 5% 0 0;position:relative}
.digital-article:nth-child(even){border-top-color:#5dafa6;transform:rotate(1deg) translateY(20px)}
.digital-article::before{content:"";position:absolute;top:-9px;left:6px;width:49%;height:7px;border-radius:70%;background:#ec8764;transform:rotate(-2deg)}
.digital-article:nth-child(even)::before{background:#5dafa6}
.digital-index{color:#b4604c;font-size:12px;margin-bottom:24px}
.digital-article:nth-child(even) .digital-index{color:#447d72}
.digital-article h3{font-family:var(--display);text-transform:uppercase;font-size:clamp(29px,3.2vw,42px);line-height:1.08;letter-spacing:0;color:#0d3955;margin-bottom:21px}
.digital-article p{color:#3a5d68;font-size:15px;line-height:1.82}
.digital-article a,.evidence-panel a{color:#0b7892;text-decoration-color:#d3795e}
.digital-article a:hover,.evidence-panel a:hover{color:#b55644}
.evidence-panel{background:linear-gradient(135deg,#123d5f,#185e6c 95%);border:0;border-radius:75px 28px 62px 25px/29px 72px 25px 56px;box-shadow:13px 14px 0 #8fb7ac;margin-top:106px;padding:clamp(36px,5vw,62px);transform:rotate(-1.2deg);overflow:visible;color:#f8efe3}
.evidence-panel::before{content:"";position:absolute;right:26px;top:-25px;width:220px;height:130px;background:url('/images/paint-drips-teal.svg') center/100% 100%;border:0;transform:rotate(8deg);pointer-events:none;opacity:.57}
.evidence-copy .kicker{color:#86f1ef}
.evidence-copy h3{font-family:var(--display);font-size:clamp(30px,3.7vw,47px);text-transform:uppercase;font-weight:900;letter-spacing:0;color:#f8f1e7}
.evidence-copy p{color:#c5e0db}
.evidence-copy strong{color:#f1f6ee}
.evidence-copy .evidence-source{color:#bce3df}
.evidence-panel a{color:#a8f1f0}
.evidence-chart{gap:28px}
.chart-label{color:#f0f2ea}
.chart-label strong{font-size:37px;color:#91e7ee}
.chart-track{border:0;height:24px;border-radius:50px 21px 55px 20px;background:rgba(4,26,44,.75);transform:rotate(-1deg)}
.chart-fill{background:linear-gradient(90deg,#ff936e,#6de6e7);border-radius:50px 15px 43px 20px;transform:rotate(.6deg)}
.chart-fill-alt{background:linear-gradient(90deg,#96cfa6,#48d1d9)}
.evidence-chart .chart-footnote{color:#b6d7d8}
.digital-afterword{margin-top:53px;border-left:0;border-top:4px dashed #e68f73;padding:30px 0 0;color:#23546c;font-size:17px;font-style:italic;max-width:820px}
/* Ending is a late-night gig-poster footer */
.final-cta{border-top:0}
.site-footer{background:radial-gradient(ellipse at 92% 90%,rgba(52,140,142,.21),transparent 45%),linear-gradient(130deg,#05102a,#092a4c);border-top:0;padding-top:90px;position:relative;isolation:isolate}
.site-footer::before{content:"";position:absolute;left:0;right:0;top:-38px;height:105px;background:url('/images/paint-drips-night.svg') center/100% 100% no-repeat;pointer-events:none}
.footer-brand{font-family:var(--display);text-transform:uppercase;font-size:clamp(35px,4.1vw,55px);letter-spacing:0;transform:rotate(-3deg);display:inline-block}
.footer-brand em{font-family:"Trebuchet MS",sans-serif;font-style:italic;font-weight:900;color:#73e3f1;display:inline-block;transform:rotate(4deg)}
.footer-brand span{color:#ff916a}
.footer-grid p{color:#adc9ce}
.footer-label{color:#7ee4ee}
.footer-grid nav a,.footer-grid>div:last-child a{color:#d4e5dd;font-size:14px}
.footer-grid nav a:hover,.footer-grid>div:last-child a:hover{color:#fcad83}
.footer-bottom{border-top:2px dashed rgba(94,174,185,.4);color:#8eb2ba}
/* Responsiveness keeps the looseness but avoids offscreen decorative elements */
@media(max-width:1100px){
 .hero-grid{gap:35px}.hero-art::after{right:-10px}
 .section-title{font-size:clamp(43px,6vw,71px)}
 .person-card{padding:35px 27px}
 .issue-card{padding:37px 26px}
}
@media(max-width:760px){
 .site-header{height:76px}
 .js .primary-nav{background:#0a2440;border-bottom:3px dashed #6bced9;border-radius:0 0 28px 18px;box-shadow:0 18px 30px rgba(3,15,28,.5)}
 .js .primary-nav a{font-size:14px;padding:17px 10px;border-bottom:1px dashed rgba(101,188,201,.4);transform:none}
 .js .primary-nav .nav-trailer{border:0;transform:rotate(-1deg);margin:13px 9px 5px;box-shadow:3px 4px 0 #2b8297}
 .brand-mark{width:40px;height:40px;font-size:17px}.brand-name{font-size:19px}
 .hero-grid{grid-template-columns:1fr;padding:60px 0 65px;gap:58px}
 .brush-title{width:min(100%,520px);margin-bottom:4px}
 .brush-title img{max-width:500px}
 .hero-art{max-width:610px;justify-self:center;width:calc(100% - 26px);transform:rotate(3deg)}
 .hero-art img{aspect-ratio:1.4/1}
 .hero-index{font-size:9px}
 .fact-grid{gap:0}
 .fact-grid>div,.fact-grid>div+div{padding:18px 12px;border-left:0}
 .fact-grid>div:nth-child(even){border-left:0;padding-left:15px}
 .section{padding:95px 0}
 .section-title{font-size:clamp(44px,9vw,70px)}
 .theme-grid,.issues-grid,.lead-cast-grid{grid-template-columns:1fr;gap:29px;padding-inline:8px}
 .theme-card,.theme-card:nth-child(2),.theme-card:nth-child(3){transform:rotate(-1.6deg);min-height:0;padding:36px 32px}
 .theme-card:nth-child(2){transform:rotate(1.5deg);margin-bottom:0}
 .theme-card:nth-child(3){transform:rotate(-1deg)}
 .issue-card,.issue-card:nth-child(2),.issue-card:nth-child(3){transform:rotate(-1deg);min-height:0;padding:38px 34px}
 .issue-card:nth-child(2){transform:rotate(1deg)}
 .person-card,.person-card:nth-child(2),.person-card:nth-child(3){min-height:275px;padding:38px 37px;transform:rotate(-1.5deg)}
 .person-card:nth-child(2){transform:rotate(1.5deg)}
 .relationships{margin-top:70px;padding:33px 22px}
 .relation-node{transform:none}.relation-link::before{transform:none}
 .inner-hero{padding:25px 0 94px}.inner-hero h1{font-size:clamp(63px,11vw,97px)}
 .inner-hero h1::after{right:0;top:-53px;width:100px}
 .breadcrumbs{margin-bottom:66px}
 .sidebar-card{transform:rotate(1deg)}
 .timeline li{border-top:0;border-left:3px dashed #5688a1}
 .digital-articles{grid-template-columns:1fr;gap:45px}
 .digital-article:nth-child(even){transform:rotate(.5deg) translateY(0)}
 .digital-heading{gap:30px}
 .evidence-panel{margin-top:80px;grid-template-columns:1fr;padding:40px 32px;gap:32px}
 .ensemble-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
 .ensemble-card{min-height:150px}
 .footer-grid{gap:40px}
}
@media(max-width:480px){
 .container{width:calc(100% - 34px)}
 .hero-grid{padding:51px 0 50px;gap:43px}
 .hero-tagline{font-size:30px}
 .hero-description{font-size:15px}
 .hero-art{width:calc(100% - 21px)}
 .hero-sticker{right:-10px;top:-18px;min-width:80px;min-height:71px;font-size:12px}
 .hero-art::after{width:100px;height:100px;right:-10px;bottom:14px}
 .hero-art figcaption{font-size:9px}
 .hero-actions{flex-direction:column;align-items:flex-start}
 .hero-actions .button{width:auto;max-width:100%}
 .section{padding:73px 0}
 .section-title{font-size:clamp(39px,10.5vw,56px)}
 .section-title em::after{height:8px;bottom:-4px}
 .section-heading{gap:17px}
 .editorial-main .lead,.prose .lead{font-size:18px}
 .editorial-main p:not(.kicker),.prose p{font-size:15px}
 .theme-card,.theme-card:nth-child(2),.theme-card:nth-child(3){padding:33px 27px;border-radius:60px 20px 65px 18px/25px 63px 25px 55px}
 .theme-card h3{font-size:31px}
 .inner-hero h1{font-size:clamp(60px,12.1vw,78px)}
 .inner-hero h1::after{display:none}
 .inner-intro{font-size:18px}
 .sidebar-card{padding:29px 26px}
 .issue-card,.issue-card:nth-child(2),.issue-card:nth-child(3){padding:35px 27px}
 .issue-card h3{font-size:31px}
 .digital-risk .section-title{font-size:clamp(40px,10.3vw,58px)}
 .digital-article h3{font-size:34px}
 .evidence-panel{padding:35px 24px;border-radius:35px 19px 50px 21px}
 .chart-label strong{font-size:32px}
 .relation-heading h3{font-size:27px}
 .relationships{padding:28px 19px}
 .ensemble-grid{grid-template-columns:1fr}
 .ensemble-card{min-height:120px}
 .cast-teaser-names strong{font-size:17px}
 .watch-panel{gap:25px}
 .footer-brand{font-size:40px}
}
@media(prefers-reduced-motion:reduce){.brand,.theme-card,.person-card,.issue-card{transition:none}}
/* Final phone-edge guards: handwritten art stays inside narrow viewports. */
html,body{overflow-x:clip}
.youth-challenges::after{content:"";position:absolute;top:calc(100% - 2px);left:0;right:0;height:115px;background:url('/images/paint-drips-night.svg') top center/100% 100% no-repeat;pointer-events:none;z-index:5}
.section-video::after{content:"";position:absolute;top:calc(100% - 2px);left:0;right:0;height:92px;background:url('/images/paint-drips-indigo.svg') top center/100% 100% no-repeat;pointer-events:none;z-index:5}
@media(max-width:760px){
 .hero h1.brush-title img{transform:rotate(-3deg) scale(1.015);transform-origin:center}
 .hero h1.brush-title{margin-inline:auto}
 .theme-grid,.issues-grid,.lead-cast-grid{padding-inline:16px}
 .digital-articles{padding-inline:9px}
}
@media(max-width:480px){
 .hero h1.brush-title img{transform:rotate(-2.5deg) scale(.98)}
 .theme-grid,.issues-grid,.lead-cast-grid{padding-inline:17px}
 .theme-card,.theme-card:nth-child(2),.theme-card:nth-child(3){transform:rotate(-.7deg)}
 .issue-card,.issue-card:nth-child(2),.issue-card:nth-child(3){transform:rotate(-.6deg)}
 .person-card,.person-card:nth-child(2),.person-card:nth-child(3){transform:rotate(-.6deg)}
 .digital-article,.digital-article:nth-child(even){transform:rotate(-.2deg)}
}
/* Keep the trailer action in the first desktop view instead of below the poster. */
@media(min-width:761px){
 .hero-grid{min-height:620px;padding-block:56px 62px}
 .hero h1.brush-title img{width:min(100%,465px);transform:rotate(-5deg) scale(1.03)}
 .hero-tagline{font-size:clamp(28px,2.45vw,35px);line-height:1.06;margin-top:4px}
 .hero-actions{margin-top:25px}
}