@charset "UTF-8";
:root{--paper:#e8e2cf;--paper-light:#f1ecdf;--ink:#20231d;--red:#be3d27;--muted:#655f50;--line:rgba(32,35,29,.27);--mono:"Courier New",Courier,monospace;--display:Impact,"Arial Narrow","Helvetica Neue",sans-serif;--body:"Helvetica Neue",Arial,sans-serif;--serif:Georgia,"Times New Roman",serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:95px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased}
body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:90;opacity:.038;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='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.9' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
::selection{background:var(--red);color:var(--paper)}
button,a{-webkit-tap-highlight-color:transparent}
button{font:inherit;color:inherit;cursor:pointer}
a{color:inherit;text-decoration:none}
img{display:block;width:100%;height:auto;object-fit:cover}
figure,h1,h2,h3,h4,p,blockquote{margin:0}
p{font-size:16px;line-height:1.65}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--red);outline-offset:6px}
.dark button:focus-visible,.dark a:focus-visible{outline-color:var(--paper)}
.mono,.small-label,.section-kicker{font-family:var(--mono);font-size:11px;letter-spacing:.07em;line-height:1.45;font-weight:400}
.small-label{display:block;text-transform:uppercase;margin-bottom:22px}
.section-pad{padding:56px 6.5% 112px}
.section-kicker{display:flex;justify-content:space-between;gap:24px;padding-bottom:20px;border-bottom:1px solid var(--line);text-transform:uppercase}
.display{font-family:var(--display);font-weight:900;letter-spacing:-.035em;line-height:.93;text-transform:uppercase}
.paper{background:var(--paper)}
.dark{background:var(--ink);color:var(--paper);--line:rgba(232,226,207,.27)}
.handwritten{display:block;font-family:var(--serif);font-style:italic;font-size:24px;line-height:1.25;transform:rotate(-5deg)}
.red{color:var(--red)}
.skip-link{position:fixed;left:16px;top:-100px;padding:16px;z-index:150;background:var(--paper)}
.skip-link:focus{top:12px}
.masthead{height:76px;padding:0 3%;background:var(--paper);display:flex;align-items:center;gap:22px;position:sticky;top:0;z-index:50;border-bottom:1px solid var(--ink)}
.wordmark{font:900 44px/.9 var(--display);letter-spacing:-.1em;display:flex;align-items:center;gap:7px}
.wordmark-star{color:var(--red);font:30px/1 var(--body);margin-top:2px}
.masthead-location{font:10px/1.4 var(--mono);letter-spacing:.025em}
.masthead-location span{color:var(--muted)}
.masthead nav{display:flex;gap:27px;margin-left:auto}
.masthead nav a{font:11px/1 var(--mono);padding:15px 0;position:relative}
.masthead nav a:after{content:"";position:absolute;bottom:5px;left:0;width:0;height:2px;background:var(--red);transition:width .2s}
.masthead nav a:hover:after,.masthead nav a[aria-current]:after{width:100%}
.motion-toggle{border:0;border-left:1px solid var(--line);background:none;padding:10px 0 10px 24px;margin-left:10px;display:flex;align-items:center;gap:8px;font:10px var(--mono)}
.motion-icon{font-size:15px}
.menu-toggle{display:none}
.reading-progress{position:absolute;bottom:-2px;left:0;height:3px;background:var(--red);width:100%;transform:scaleX(0);transform-origin:left}
.hero{height:min(850px,calc(100svh - 76px));min-height:620px;position:relative;overflow:hidden;color:var(--paper);background:#242e27}
.hero-image{position:absolute;inset:0;height:100%;object-position:50% 55%;filter:saturate(.73) brightness(.84);transform:scale(1.035)}
.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,17,14,.46),transparent 48%,rgba(9,14,10,.88))}
.hero-topline{position:relative;z-index:1;margin:0 3.5%;padding:28px 0 0;display:flex;justify-content:space-between;font-size:11px}
.hero h1{position:relative;z-index:1;font:900 clamp(90px,18.2vw,292px)/.94 var(--display);text-align:center;letter-spacing:-.025em;margin:12px 2% 0;transform:scaleX(1.055);text-shadow:1px 1px 0 #aaa48d;mix-blend-mode:screen}
.hero-stamp{position:absolute;top:47%;right:7.5%;font:900 24px/.95 var(--display);border:2px solid var(--paper);padding:16px 24px;transform:rotate(8deg);text-align:center}
.hero-stamp em{font-family:var(--serif);font-weight:400;line-height:1.4;font-size:27px}
.hero-bottom{position:absolute;bottom:50px;left:6.5%;right:6.5%;display:flex;justify-content:space-between;align-items:flex-end;gap:24px}
.hero-small{font-size:10px;margin-bottom:15px}
.hero-line{font:clamp(30px,3.6vw,54px)/1.05 var(--serif);letter-spacing:-.04em}
.round-link{width:125px;height:125px;border:1px solid var(--paper);border-radius:50%;display:flex;align-items:center;justify-content:center;gap:14px;transition:background .2s,color .2s;transform:rotate(-8deg)}
.round-link:hover{background:var(--paper);color:var(--ink)}
.round-link>span:first-child{font:12px/1.35 var(--mono)}
.round-link .arrow{font-size:35px}
.hero-edge{position:absolute;left:17px;bottom:50px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:8px}
.format-strip{display:flex;justify-content:space-around;align-items:center;gap:20px;padding:24px 5%;border-bottom:1px solid var(--ink);font-size:11px}
.format-strip i{font-style:normal;color:var(--red);font-size:22px}
.logline-block{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:75px 0 95px;align-items:center}
.logline-block h2{font-size:clamp(64px,7.6vw,122px)}
.outline{color:transparent;-webkit-text-stroke:1.5px var(--ink)}
.logline-copy>p{font:clamp(23px,2.1vw,33px)/1.32 var(--serif);letter-spacing:-.025em}
.logline-copy .handwritten{margin:35px 0 0;color:var(--red);text-align:right;font-size:21px}
.synopsis-grid{display:grid;grid-template-columns:1.03fr 1fr;gap:12%;padding:15px 0 50px;align-items:center}
.bedroom-collage{position:relative;padding:0 35px 120px 0}
.snapshot{padding:13px 13px 0;background:var(--paper-light);box-shadow:0 8px 18px #20231d26}
.snapshot img{filter:saturate(.7)}
.snapshot figcaption{font:9px/1.3 var(--mono);padding:15px 0 16px;letter-spacing:.07em}
.large-snapshot{transform:rotate(-5deg);width:89%}
.large-snapshot img{aspect-ratio:4/4.7;object-position:center}
.small-snapshot{position:absolute;width:69%;right:-18px;bottom:0;transform:rotate(7deg)}
.small-snapshot img{aspect-ratio:1.35}
.tape{position:absolute;width:108px;height:35px;background:#d0b27288;backdrop-filter:blur(1px);clip-path:polygon(2% 0,97% 4%,100% 92%,0 100%)}
.tape-one{top:-10px;left:25%;transform:rotate(-10deg)}
.synopsis-copy h3{font:46px/.99 var(--serif);letter-spacing:-.045em;margin-bottom:32px}
.synopsis-copy h3 em{font-weight:400;color:var(--red)}
.synopsis-copy p{margin-top:19px}
.synopsis-copy .closing-line{padding-top:21px;border-top:1px solid var(--line);font-weight:600;margin-top:28px}
.conflict{background:var(--red);color:var(--paper);--line:#e8e2cf66;position:relative;padding-bottom:80px}
.conflict:before{content:"";position:absolute;top:-13px;left:0;right:0;height:14px;background:var(--red);clip-path:polygon(0 65%,2% 90%,5% 30%,9% 80%,13% 22%,17% 90%,20% 35%,25% 62%,28% 15%,33% 80%,38% 35%,43% 70%,48% 20%,52% 65%,55% 10%,60% 70%,65% 35%,70% 80%,75% 15%,80% 70%,85% 35%,91% 78%,95% 25%,100% 65%,100% 100%,0 100%)}
.conflict-head{display:grid;grid-template-columns:1.6fr 1fr;gap:13%;padding:65px 0}
.conflict h2{font-size:clamp(55px,7.5vw,116px)}
.conflict h2>span{color:var(--ink)}
.conflict-note{align-self:center}
.asterisk{font-size:90px;line-height:1;display:block;margin-bottom:32px}
.conflict-note p{font:27px/1.25 var(--serif);letter-spacing:-.03em;max-width:290px}
.stakes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.stakes-grid article{padding-top:22px;border-top:1px solid var(--line)}
.stakes-grid h3{font:26px var(--serif);letter-spacing:-.035em;margin:18px 0 12px}
.stakes-grid p{font-size:14px;line-height:1.6}
.world{padding-bottom:100px}
.world-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;padding:65px 0 55px}
.world-heading h2{font-size:clamp(62px,7.8vw,126px)}
.world-heading h2 em{font-family:var(--serif);font-weight:400;text-transform:none;font-size:.79em;letter-spacing:-.065em}
.world-heading>p{font-size:14px;line-height:1.6;max-width:330px;padding-bottom:7px}
.filmstrip{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;position:relative;background:#12150f;padding:24px 18px 20px;margin:0 -2%}
.filmstrip:before,.filmstrip:after{content:"";position:absolute;height:7px;left:0;right:0;background:repeating-linear-gradient(90deg,transparent 0 9px,var(--paper) 9px 16px,transparent 16px 28px);opacity:.5}
.filmstrip:before{top:6px}.filmstrip:after{bottom:6px}
.film-frame{border:0;padding:0;background:none;text-align:left;overflow:hidden}
.film-frame img{aspect-ratio:1.35;filter:saturate(.65);transition:filter .35s,transform .5s}
.film-frame:hover img{filter:saturate(1);transform:scale(1.025)}
.film-frame span{display:flex;align-items:center;justify-content:space-between;padding:15px 0 7px;font:9px/1.3 var(--mono);letter-spacing:.035em}
.film-frame i{font-style:normal;font-size:17px}
.world-bottom{display:flex;justify-content:space-between;gap:28px;margin:22px -2% 0}
.world-bottom>span{font-size:9px;opacity:.75}
.world-bottom p{text-align:right;font-size:12px;line-height:1.5}
.tone-section{display:grid;grid-template-columns:1fr 1fr;gap:16%;margin-top:100px;padding-top:45px;border-top:1px solid var(--line)}
.tone-intro h3{font:65px/.95 var(--serif);letter-spacing:-.055em;margin-bottom:27px}
.tone-intro p{font-size:15px;max-width:340px}
.tone-list>div{display:grid;grid-template-columns:.8fr 1fr;gap:24px;padding:20px 0;border-bottom:1px solid var(--line)}
.tone-list>div:first-child{padding-top:0}
.tone-list h4{font:27px/1.2 var(--serif);letter-spacing:-.035em}
.tone-list p{font-size:13px;line-height:1.5}
.tone-list .tone-footnote{font:italic 21px/1.35 var(--serif);margin-top:28px;color:#cdc6ac}
.people-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin:65px 0 60px}
.people-heading h2{font-size:clamp(86px,10vw,158px)}
.people-heading>div{max-width:340px;padding-bottom:6px}
.people-heading>div>p{font:27px/1.25 var(--serif);letter-spacing:-.03em;margin-bottom:32px}
.people-heading .small-label{font-size:9px;max-width:260px;margin-bottom:0}
.band-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.character:nth-child(even){padding-top:35px}
.character-image{position:relative;background:#817653;padding:9px 9px 31px;transform:rotate(-2deg)}
.character:nth-child(even) .character-image{transform:rotate(2deg);background:#bd4d35}
.character:nth-child(3) .character-image{background:#353b31}
.character-image img{aspect-ratio:.84;filter:saturate(.5);transition:filter .4s}
.character-image:hover img{filter:saturate(1)}
.character:nth-child(1) .character-image img{object-position:62% 50%}
.character:nth-child(3) .character-image img{object-position:40% 50%}
.character:nth-child(4) .character-image img{object-position:70% 50%}
.character-role{position:absolute;bottom:11px;left:9px;color:var(--paper);font:8px/1 var(--mono);letter-spacing:.025em}
.character-number{position:absolute;top:16px;left:18px;color:var(--paper);font:34px/1 var(--display);text-shadow:0 1px 5px #000}
.character-name{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px;margin:30px 0 13px}
.character-name h3{font:45px/1 var(--display);letter-spacing:-.02em}
.character-name span{font-size:9px}
.character>p{font-size:14px;line-height:1.6}
details summary{list-style:none;cursor:pointer}
details summary::-webkit-details-marker{display:none}
.character-arc{border-bottom:1px solid var(--line);margin-top:20px}
.character-arc summary{display:flex;justify-content:space-between;gap:15px;padding:10px 0;font:10px/1.3 var(--mono)}
.character-arc summary span{font-size:18px;line-height:.8}
.character-arc p{padding:10px 0 20px;font-size:13px;line-height:1.6}
details[open] summary>i,details[open] summary>.track-plus,details[open] summary>.bonus-plus,details[open].character-arc summary>span{transform:rotate(45deg)}
.orbit{display:grid;grid-template-columns:.85fr 1.3fr;gap:12%;padding-top:95px}
.orbit-title h3{font:54px/1 var(--serif);letter-spacing:-.05em}
.supporting-list details{border-bottom:1px solid var(--line)}
.supporting-list details:first-child{border-top:1px solid var(--line)}
.supporting-list summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0}
.supporting-list summary strong{font:26px/1 var(--display);letter-spacing:.01em}
.supporting-list summary small{font:9px/1.5 var(--mono);display:block;margin-top:7px;letter-spacing:.03em}
.supporting-list summary i{font-style:normal;font-size:25px;font-weight:300;transition:transform .2s}
.supporting-list details>div{padding:0 45px 24px 0}
.supporting-list p{font-size:15px}
.supporting-list .arc-line{font:italic 20px/1.35 var(--serif);color:var(--red);margin-top:14px}
.interlude{height:670px;position:relative;overflow:hidden;color:var(--paper);background:var(--ink)}
.interlude img{position:absolute;inset:0;height:100%;object-position:50% 43%;filter:grayscale(1) brightness(.52);opacity:.8}
.interlude:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#171b16a8,transparent)}
.interlude>div{position:relative;z-index:1;padding:60px 9%}
.interlude .mono{font-size:10px}
.interlude blockquote{font:900 clamp(76px,9.5vw,148px)/.88 var(--display);text-transform:uppercase;letter-spacing:-.025em;margin:48px 0 30px}
.interlude blockquote em{font-family:var(--serif);font-weight:400;text-transform:none;letter-spacing:-.07em}
.episodes-heading{padding:60px 0 65px}
.episodes-heading h2{font-size:clamp(65px,8.9vw,143px)}
.episodes-heading p{margin-top:27px;font:22px/1.3 var(--serif);letter-spacing:-.02em}
.record-layout{display:grid;grid-template-columns:.9fr 1.2fr;gap:13%}
.record-column{align-self:start;position:sticky;top:120px;padding-top:30px}
.record-package{position:relative;width:90%;margin:35px 0 40px}
.record-sleeve{width:100%;aspect-ratio:1;position:relative;background:var(--red);transform:rotate(-6deg);box-shadow:0 5px 15px #0003;z-index:2;padding:15px;color:var(--paper);overflow:hidden}
.record-sleeve>img{position:absolute;inset:0;height:100%;filter:grayscale(1) brightness(.65);mix-blend-mode:luminosity;opacity:.7}
.sleeve-top,.sleeve-bottom{position:absolute;left:15px;right:15px;display:flex;justify-content:space-between;font-size:8px}
.sleeve-top{top:15px}.sleeve-bottom{bottom:15px}
.record-sleeve>p{font:900 clamp(60px,6.5vw,100px)/.85 var(--display);letter-spacing:-.03em;position:absolute;left:25px;bottom:50px}
.vinyl{position:absolute;right:-27%;top:1%;width:98%;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle at center,#111 0 2px,#30302b 3px,#111 4px,#1f211b 5px);box-shadow:3px 4px 10px #0004;display:grid;place-items:center;animation:spin 28s linear infinite;animation-play-state:paused}
.record-column.in-view .vinyl{animation-play-state:running}
.vinyl:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--paper)}
.vinyl-label{width:33%;aspect-ratio:1;border-radius:50%;background:var(--red);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;text-align:center;color:var(--paper)}
.vinyl-label span{font:7px var(--mono)}.vinyl-label b{font-size:27px;line-height:1}
.record-caption{padding-top:20px;max-width:360px}
.record-caption .small-label{margin-bottom:15px}
.record-caption p{font-size:14px;margin-bottom:15px}
.record-note{font-size:20px;color:var(--red);margin:30px 0 0 15px}
.tracklist-header{display:flex;justify-content:space-between;gap:15px;padding:0 0 16px;border-bottom:2px solid var(--ink);font-size:9px}
.episode{border-bottom:1px solid var(--line)}
.episode summary{display:grid;grid-template-columns:42px 1fr 25px;align-items:center;gap:16px;padding:24px 0;transition:color .2s}
.episode summary:hover{color:var(--red)}
.track-no{font:13px/1.2 var(--mono);align-self:start;margin-top:5px}
.track-title{font:25px/1.03 var(--serif);letter-spacing:-.025em}
.track-title small{font:9px/1.2 var(--mono);letter-spacing:.04em;display:block;margin-top:11px;color:var(--muted)}
.track-plus{font-size:27px;font-weight:300;transition:transform .2s}
.episode[open] .track-title{color:var(--red)}
.episode-body{margin-left:58px;padding:0 24px 25px 0}
.episode-body p{font-size:14px;line-height:1.6;margin-bottom:14px}
.episode-body p:last-child{margin-bottom:0}
.bonus-tracks{border:1px solid var(--ink);margin-top:75px}
.bonus-tracks>summary{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:25px 30px}
.bonus-tracks summary .mono{font-size:9px}
.bonus-tracks summary strong{display:block;font:26px/1.1 var(--serif);margin-top:9px;letter-spacing:-.02em}
.bonus-plus{font-size:35px;font-weight:300;transition:transform .2s}
.bonus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:10px 30px 35px}
.bonus-grid h3{font:24px var(--serif);margin-bottom:12px}
.bonus-grid p{font-size:14px}
.bonus-grid small{display:block;font:9px/1.5 var(--mono);margin-top:12px}
.why{background:#b8b79b;padding-bottom:90px}
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding-top:65px;align-items:center}
.why h2{font:clamp(55px,6vw,90px)/.96 var(--serif);letter-spacing:-.055em}
.why h2 em{color:var(--red);font-weight:400}
.why-copy p{font-size:16px;margin-bottom:20px}
.why-copy .lead{font:29px/1.2 var(--serif);letter-spacing:-.035em;margin-bottom:25px}
.theme-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.theme-tags span{font:10px var(--mono);padding:8px 11px;border:1px solid var(--ink);text-transform:uppercase}
.future-title{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;padding:65px 0 60px}
.future-title h2{font-size:clamp(65px,8.7vw,140px)}
.future-title .handwritten{font-size:24px;max-width:210px;margin:0 25px 20px 0}
.season-futures{display:grid;grid-template-columns:repeat(3,1fr);gap:42px}
.season-futures article{border-top:1px solid var(--line);padding-top:25px}
.future-number{font:65px/1 var(--display);color:#999e82;display:block;margin-bottom:38px;letter-spacing:-.04em}
.season-futures .mono{font-size:9px}
.season-futures h3{font:32px/1.05 var(--serif);letter-spacing:-.04em;margin:12px 0 20px}
.season-futures p{font-size:14px;color:#d1cbb9}
.beyond{display:grid;grid-template-columns:1fr 1fr;gap:12%;margin-top:85px;padding-top:40px;border-top:1px solid var(--line)}
.beyond h3{font:55px/1 var(--serif);letter-spacing:-.05em}
.beyond-list p{font-size:14px;margin-bottom:25px}
.beyond-list strong{font:9px/1.3 var(--mono);display:block;letter-spacing:.07em;color:#b9bea2;margin-bottom:8px}
.outro{height:600px;position:relative;background:#1f2825;color:var(--paper);overflow:hidden}
.outro>img{position:absolute;inset:0;height:100%;object-position:50% 52%;filter:brightness(.48) saturate(.7)}
.outro:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0b151b7d,transparent)}
.outro-content{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:center;padding:65px 6.5%}
.outro .mono{font-size:10px}
.outro h2{font-size:clamp(75px,10vw,157px);margin:35px 0}
.outro-link{font:italic 29px var(--serif);display:flex;align-items:center;gap:35px;width:fit-content;border-bottom:1px solid var(--paper);padding-bottom:10px}
.outro-link span{font:28px var(--body);transition:transform .2s}
.outro-link:hover span{transform:translate(4px,-4px)}
footer{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:35px 6.5%}
.footer-logo{font:30px var(--display);letter-spacing:-.03em}
footer p{font-size:9px!important;line-height:1.6!important}
footer a{font-size:9px!important}
.photo-dialog{background:var(--ink);color:var(--paper);border:1px solid #8c8e7c;padding:22px;width:min(1000px,92vw);max-height:92svh}
.photo-dialog::backdrop{background:#0c100deb;backdrop-filter:blur(8px)}
.dialog-header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}
.dialog-header .mono{font-size:10px}
.close-dialog{background:transparent;border:1px solid #e8e2cf60;padding:10px 15px;font:11px var(--mono)}
.lightbox-image-wrap{background:#141610;display:flex;align-items:center;justify-content:center;height:min(62svh,650px)}
.lightbox-image-wrap img{height:100%;width:100%;object-fit:contain}
.lightbox-caption{display:flex;justify-content:space-between;align-items:center;gap:18px;padding-top:20px}
.lightbox-caption button{border:1px solid #e8e2cf60;background:transparent;width:45px;height:45px;font-size:23px;flex-shrink:0}
.lightbox-caption p{flex:1;font:italic 20px var(--serif)}
.lightbox-caption small{display:block;font:8px/1.3 var(--mono);margin-top:8px;letter-spacing:.04em}
.photo-count{font-size:10px}
.reveal.ready-to-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
.reveal.ready-to-reveal.is-visible{opacity:1;transform:translateY(0)}
@keyframes spin{to{transform:rotate(360deg)}}
html[data-motion="off"]{scroll-behavior:auto}
html[data-motion="off"] *,html[data-motion="off"] *:before,html[data-motion="off"] *:after{animation:none!important;transition:none!important}
html[data-motion="off"] .reveal{opacity:1;transform:none}
@container sleeve (min-width:1700px) {
  .section-pad {padding-left:max(6.5%,calc((100vw - 1480px)/2));padding-right:max(6.5%,calc((100vw - 1480px)/2))}
  .hero h1 {font-size:18vw}
}
@media (max-width:1100px) {
  .masthead {gap:16px}
  .masthead nav {gap:18px}
  .masthead-location {display:none}
  .motion-toggle {padding-left:18px}
}
@container sleeve (max-width:1100px) {
  .section-pad {padding:45px 5% 85px}
  .hero {min-height:610px}
  .hero h1 {margin-top:30px}
  .hero-stamp {top:48%;font-size:22px}
  .logline-block {gap:6%;padding-top:60px}
  .synopsis-grid {gap:8%}
  .synopsis-copy h3 {font-size:38px}
  .synopsis-copy p {font-size:15px}
  .band-grid {gap:18px}
  .character-name {gap:7px}
  .character-name h3 {font-size:37px}
  .character-role {font-size:7px}
  .character>p {font-size:13px}
  .world-heading>p {max-width:260px}
  .tone-section {gap:10%}
  .record-layout {gap:10%}
  .track-title {font-size:23px}
  .record-sleeve>p {left:20px}
}
@media (max-width:760px) {
  html {scroll-padding-top:80px}
  .masthead {height:64px;padding:0 5%;gap:15px}
  .wordmark {font-size:38px}
  .wordmark-star {font-size:25px}
  .masthead-location {display:block;font-size:8px}
  .motion-toggle {margin-left:auto;border-left:0;padding:10px 3px}
  .motion-label {display:none}
  .menu-toggle {display:flex;gap:18px;align-items:center;background:none;border:1px solid var(--ink);padding:9px 12px;font:10px var(--mono)}
  .menu-toggle span {font-size:18px;line-height:10px}
  .masthead nav {position:absolute;top:63px;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--ink);margin:0;padding:15px 5% 25px;display:none}
  .masthead nav.is-open {display:flex;flex-direction:column;gap:2px}
  .masthead nav a {font-size:17px;padding:15px 0}
  .masthead nav a:after {display:none}
  .format-strip {gap:10px;flex-wrap:wrap;font-size:8px;padding:17px 5%;justify-content:center}
  .format-strip i {font-size:15px}
  .format-strip span:nth-of-type(3) {display:none}
  .format-strip i:nth-of-type(3) {display:none}
  footer {padding:28px 6%;flex-wrap:wrap;gap:22px}
  .footer-logo {font-size:30px}
  footer p {font-size:8px!important}
  footer>a {width:100%;border-top:1px solid var(--line);padding-top:18px}
  .photo-dialog {padding:15px;width:94vw}
  .lightbox-image-wrap {height:55svh}
  .lightbox-caption {gap:10px}
  .lightbox-caption button {width:36px;height:40px}
  .lightbox-caption p {font-size:16px}
  .lightbox-caption small {font-size:6px}
  .photo-count {font-size:8px}
  .dialog-header .mono {font-size:8px}
}
@container sleeve (max-width:760px) {
  .section-pad {padding:35px 6% 70px}
  .section-kicker {font-size:9px;gap:20px;padding-bottom:15px}
  .section-kicker span:last-child {text-align:right;max-width:46%}
  .hero {height:calc(90svh - 64px);min-height:550px;max-height:850px}
  .hero-topline {margin:0 6%;padding-top:22px;font-size:8px}
  .hero h1 {font-size:19vw;letter-spacing:-.035em;margin:32px 3% 0;transform:none}
  .hero-image {object-position:50% 50%}
  .hero-stamp {top:38%;right:9%;padding:12px 18px;font-size:19px;transform:rotate(8deg)}
  .hero-stamp em {font-size:21px}
  .hero-bottom {left:6%;right:6%;bottom:37px;gap:15px}
  .hero-small {font-size:7px;letter-spacing:.05em}
  .hero-line {font-size:32px}
  .round-link {width:90px;height:90px;flex-shrink:0;gap:8px}
  .round-link>span:first-child {font-size:9px}
  .round-link .arrow {font-size:24px}
  .hero-edge {display:none}
  .logline-block {grid-template-columns:1fr;gap:32px;padding:48px 0 50px}
  .logline-block h2 {font-size:clamp(70px,14vw,105px)}
  .logline-copy>p {font-size:26px}
  .small-label {font-size:9px;margin-bottom:18px}
  .logline-copy .handwritten {margin-top:27px;font-size:20px}
  .synopsis-grid {grid-template-columns:1fr;gap:60px;padding-bottom:20px}
  .bedroom-collage {max-width:450px;width:94%;margin:10px auto 0;padding-bottom:105px}
  .large-snapshot {width:83%;margin-left:8px}
  .large-snapshot img {aspect-ratio:1/1.12}
  .small-snapshot {width:64%;right:0}
  .synopsis-copy h3 {font-size:43px}
  .synopsis-copy p {font-size:16px}
  .conflict-head {grid-template-columns:1fr;gap:30px;padding:45px 0 38px}
  .conflict h2 {font-size:clamp(57px,12vw,90px)}
  .conflict-note {display:flex;align-items:center;gap:25px}
  .asterisk {font-size:68px;margin-bottom:0}
  .conflict-note p {font-size:23px;max-width:330px}
  .stakes-grid {grid-template-columns:1fr;gap:24px}
  .stakes-grid h3 {font-size:27px;margin:13px 0 10px}
  .stakes-grid p {font-size:15px}
  .stakes-grid .mono {font-size:9px}
  .world-heading {display:block;padding:45px 0 30px}
  .world-heading h2 {font-size:clamp(64px,13vw,100px)}
  .world-heading>p {max-width:none;font-size:14px;margin-top:30px}
  .world-heading>p br:nth-child(3) {display:none}
  .filmstrip {grid-template-columns:1fr;gap:18px;margin:0;padding:27px 17px}
  .filmstrip:before, .filmstrip:after {height:8px}
  .film-frame img {aspect-ratio:1.6}
  .film-frame span {font-size:9px}
  .world-bottom {display:block;margin:20px 0 0}
  .world-bottom p {text-align:left;font-size:13px;margin-top:15px}
  .tone-section {grid-template-columns:1fr;gap:35px;margin-top:50px;padding-top:35px}
  .tone-intro h3 {font-size:60px}
  .tone-intro p {max-width:none}
  .tone-list>div {grid-template-columns:.7fr 1fr}
  .tone-list h4 {font-size:27px}
  .people-heading {margin:45px 0 35px;align-items:center;gap:18px}
  .people-heading h2 {font-size:clamp(65px,13.7vw,105px)}
  .people-heading>div {max-width:190px}
  .people-heading>div>p {font-size:19px;margin-bottom:20px}
  .people-heading .small-label {font-size:7px;line-height:1.6}
  .band-grid {grid-template-columns:repeat(2,1fr);gap:30px 20px}
  .character:nth-child(even) {padding-top:25px}
  .character-name {display:block;margin-top:23px}
  .character-name h3 {font-size:37px;margin-bottom:6px}
  .character-name span {font-size:8px}
  .character>p {font-size:13px}
  .character-image {padding:7px 7px 29px}
  .character-role {font-size:6px;letter-spacing:0;left:7px}
  .character-number {font-size:28px;left:14px;top:14px}
  .character-arc summary {font-size:9px}
  .orbit {grid-template-columns:1fr;gap:30px;padding-top:55px}
  .orbit-title h3 {font-size:45px}
  .supporting-list details>div {padding-right:15px}
  .interlude {height:530px}
  .interlude>div {padding:45px 7%}
  .interlude blockquote {font-size:85px;margin-top:50px}
  .interlude .mono {font-size:8px}
  .episodes-heading {padding:45px 0 35px}
  .episodes-heading h2 {font-size:clamp(46px,10.7vw,80px)}
  .episodes-heading p {font-size:21px;max-width:350px}
  .record-layout {grid-template-columns:1fr;gap:35px}
  .record-column {position:relative;top:auto;padding-top:0}
  .record-package {width:65%;max-width:290px;margin:30px 0 35px 5%}
  .record-sleeve>p {font-size:70px}
  .vinyl-label span {font-size:6px}
  .vinyl-label b {font-size:24px}
  .record-caption {max-width:none}
  .record-caption p {font-size:15px}
  .record-note {font-size:20px;margin:20px 0 20px 5px}
  .episode summary {grid-template-columns:30px 1fr 20px;gap:12px;padding:23px 0}
  .track-title {font-size:25px}
  .track-title small {font-size:8px}
  .track-no {font-size:11px}
  .episode-body {margin-left:42px;padding-right:3px}
  .episode-body p {font-size:15px}
  .bonus-tracks {margin-top:40px}
  .bonus-tracks>summary {padding:22px 18px}
  .bonus-tracks summary strong {font-size:23px}
  .bonus-tracks summary .mono {font-size:8px}
  .bonus-grid {grid-template-columns:1fr;gap:27px;padding:10px 20px 25px}
  .why-grid {grid-template-columns:1fr;gap:35px;padding-top:45px}
  .why h2 {font-size:68px}
  .why-copy .lead {font-size:29px}
  .future-title {display:block;padding:45px 0 35px}
  .future-title h2 {font-size:clamp(65px,13vw,95px)}
  .future-title .handwritten {font-size:22px;margin:35px 0 15px;max-width:none}
  .season-futures {grid-template-columns:1fr;gap:30px}
  .season-futures article {display:grid;grid-template-columns:80px 1fr;gap:20px;padding-top:25px}
  .future-number {font-size:50px;margin:0}
  .season-futures h3 {font-size:32px;margin-top:9px}
  .season-futures p {font-size:15px}
  .beyond {grid-template-columns:1fr;gap:30px;margin-top:50px;padding-top:30px}
  .beyond h3 {font-size:48px}
  .beyond-list p {font-size:15px}
  .outro {height:500px}
  .outro-content {padding:45px 6%}
  .outro .mono {font-size:8px}
  .outro h2 {font-size:clamp(64px,13vw,100px)}
  .outro-link {font-size:27px}
}
@media (max-width:360px) {
  .masthead-location {display:none}
}
@container sleeve (max-width:360px) {
  .hero-line {font-size:27px}
  .round-link {width:75px;height:75px}
  .hero-topline {font-size:7px}
  .people-heading>div>p {font-size:16px}
  .character-role {font-size:5.5px}
  .track-title {font-size:23px}
  .interlude blockquote {font-size:75px}
  .why h2 {font-size:59px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal.ready-to-reveal{opacity:1;transform:none}}
@media print{
  .masthead,.format-strip,.motion-toggle,.round-link,.photo-dialog,.reading-progress,.skip-link{display:none!important}
  body:after{display:none}.hero{height:650px}.section-pad{padding:40px 5%}.reveal{opacity:1!important;transform:none!important}.record-column{position:static}.vinyl{animation:none}.dark,.conflict,.why{print-color-adjust:exact;-webkit-print-color-adjust:exact}.character,.season-futures article,.stakes-grid article{break-inside:avoid}.episode-body,.supporting-list details>div,.character-arc p,.bonus-grid{display:block!important}details{content-visibility:visible}footer{break-inside:avoid}
}
