@font-face{font-family:Gilroy;src:url('assets/Gilroy-Black.ttf');font-weight:900;font-display:swap}@font-face{font-family:Inter;src:url('assets/InterVariable.ttf');font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--bg:#141118;--panel:#201b27;--text:#f8f6f3;--muted:#bdb4c6;--purple:#7b54b3;--lilac:#c9adeb;--teal:#00c4cc;--yellow:#f4d00a;--line:#3c3446;--display:Gilroy,Inter,sans-serif;--body:Inter,system-ui,sans-serif;--serif:'Iowan Old Style',Georgia,serif;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:36px}body{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.65 var(--body);-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure{margin:0}h1,h2{font:900 64px/.98 var(--display);letter-spacing:-.045em;text-wrap:balance}h3{font:600 23px/1.3 var(--body);letter-spacing:-.025em;text-wrap:pretty}p{color:var(--muted);max-width:65ch;text-wrap:pretty}em{font-family:var(--serif);font-weight:400;letter-spacing:-.065em}a{color:inherit;text-decoration:none}a,button{transition:color .2s,background .2s,transform .25s var(--ease)}a:hover{color:var(--lilac)}button,input{font:inherit}button{cursor:pointer;color:inherit}img{display:block;max-width:100%;height:auto}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--yellow);outline-offset:5px}::selection{background:var(--lilac);color:var(--bg)}.shell{width:min(1280px,calc(100% - 112px));margin-inline:auto}.eyebrow{font:600 11px/1.5 var(--body);text-transform:uppercase;letter-spacing:.16em;color:var(--lilac);display:block}.fine{font-size:12px;margin-top:18px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:24px;border:1px solid transparent;border-radius:4px;padding:15px 24px;min-height:54px;font:600 14px/1.4 var(--body);background:var(--purple);color:var(--text);width:fit-content}.btn:hover{color:var(--text);background:#815bb6;transform:translateY(-2px)}.btn:active{transform:scale(.98)}.btn span{font-size:22px;line-height:1}.btn.compact{padding:10px 18px;min-height:44px;font-size:12px;gap:24px}.link{display:inline-flex;align-items:center;gap:22px;min-height:44px;font-size:13px;font-weight:500}.link span{font-size:22px}.actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.lilac{color:var(--lilac)}.section{padding-block:100px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px}.section-head h2{margin-top:20px}.section-head>p{font-size:14px;max-width:370px}.review{height:40px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding-inline:24px;font-size:10px;color:var(--muted);background:#201b27}.review>a{display:flex;align-items:center;height:40px}.review>nav{display:flex;height:100%}.review nav a{min-width:44px;display:flex;align-items:center;justify-content:center}.review nav [aria-current]{background:var(--lilac);color:var(--bg)}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;z-index:10;border-bottom:1px solid var(--line)}.logo{display:inline-flex;align-items:center;gap:8px;min-height:44px;flex-shrink:0}.logo img{width:42px;height:auto}.logo span{font:900 26px/1 var(--display);letter-spacing:-.03em}.nav nav{display:flex;align-items:center;gap:36px}.nav nav>a{min-height:44px;display:inline-flex;align-items:center;font-size:12px;color:var(--text)}.nav nav>.link>span{display:none}.nav nav>a:hover{color:var(--lilac)}.nav nav>.btn:hover{color:var(--text)}.menu{display:none}.skip{position:fixed;top:-100px;left:16px;z-index:100;background:var(--purple);padding:12px}.skip:focus{top:16px}.tutorial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.thumb{position:relative;overflow:hidden}.thumb img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .38s var(--ease)}.thumb>span{position:absolute;bottom:12px;right:12px;background:var(--bg);color:var(--text);width:40px;height:40px;display:grid;place-items:center;font-size:22px}.tutorial:hover img{transform:scale(1.025)}.tutorial .eyebrow{margin-top:22px;font-size:9px}.tutorial h3{font-size:22px;margin-top:9px}.course{display:grid;grid-template-columns:1.05fr 1fr;gap:72px;align-items:center;border-block:1px solid var(--line);padding-block:80px}.course-art{position:relative}.course-art img{width:100%;height:540px;object-fit:cover;object-position:40%}.art-caption{font-size:10px;display:block;color:var(--muted);padding-top:12px}.course-copy h2{font-size:66px;margin-top:24px;margin-bottom:24px}.course-copy>p:not(.fine){max-width:430px;font-size:15px;margin-bottom:26px}.course-copy h2 em{color:var(--lilac)}.coming{display:inline-block;margin-top:20px;border:1px solid var(--line);padding:5px 11px;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--text)}.coming:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--teal);margin-right:9px}.about{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;padding-block:100px}.about h2{margin-block:24px}.about p{font-size:16px;margin-bottom:20px}.about .link{color:var(--lilac)}.footer{padding-top:80px;display:grid;grid-template-columns:1.2fr 1fr;gap:64px}.footer h2{font-size:48px;margin-top:20px;margin-bottom:24px}.footer-side{align-self:end;padding-bottom:6px}.footer-side>p{font-size:13px;margin-top:18px}.footer-side nav{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:20px}.footer-side nav>.link{font-size:12px;gap:8px}.legal{grid-column:1/-1;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:20px;font-size:11px;color:var(--muted)}.legal .link{font-size:11px}.legal .link span{font-size:15px}.resource-note{display:flex;align-items:center;gap:32px;padding:32px 0;border-block:1px solid var(--line)}.resource-note h3{font-size:19px;flex:1}.resource-note .eyebrow{font-size:9px}[hidden]{display:none!important}
/* AFTER HOURS: the site becomes a cinema screen. */
.cinema-hero{height:700px;position:relative;isolation:isolate;display:flex;align-items:center}.world{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}.cinema-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(20,17,24,.65),rgba(20,17,24,.12) 48%,transparent 75%),linear-gradient(0deg,var(--bg),transparent 20%)}.hero-content{padding-bottom:12px}.hero-content h1{font-size:100px;line-height:.96;margin:30px 0 24px;max-width:650px}.hero-content h1 em{color:#ede0fc}.hero-content>p{max-width:350px;font-size:15px;line-height:1.7;color:#ded6e5}.hero-content .actions{margin-top:30px}.hero-content .actions>.link{font-size:12px}.scene-caption{position:absolute;bottom:20px;left:56px;right:56px;display:flex;justify-content:space-between;font-size:9px;color:#c9becf;letter-spacing:.06em}.premiere{display:grid;grid-template-columns:.65fr 1.1fr 1fr;align-items:center;gap:32px;border-bottom:1px solid var(--line);padding-block:38px}.premiere>p{font-size:26px;color:var(--text);font-weight:500;line-height:1.3;letter-spacing:-.03em}.premiere>p em{font-size:28px}.play-reel{display:flex;align-items:center;gap:18px;background:transparent;border:0;text-align:left;justify-self:end;min-height:60px;padding:0}.play-symbol{border:1px solid var(--line);width:56px;height:56px;display:grid;place-items:center;border-radius:50%;font-size:25px}.play-reel>span:last-child{font-size:13px}.play-reel small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.play-reel:hover .play-symbol{background:var(--purple)}.cinema-about figure{width:75%;justify-self:center}.cinema-about img{width:100%;height:440px;object-fit:cover;object-position:center 20%;filter:grayscale(1)}.cinema-about figcaption{font-size:10px;color:var(--muted);padding-top:14px}.cinema-about h2{font-size:62px}
/* SIGNAL: graphic type and an interactive canvas, without rounded cards. */
.signal{--bg:#151419;--panel:#25202c;--line:#433c4b}.signal-hero{padding-top:42px}.signal-kicker{display:flex;align-items:center;justify-content:space-between}.signal-kicker>span:last-child{font-size:10px;color:var(--muted)}.signal-hero h1{font-size:clamp(64px,7.65vw,116px);line-height:.95;letter-spacing:-.045em;margin-top:36px;max-width:1280px}.signal-bottom{display:grid;grid-template-columns:1.1fr .7fr .9fr;gap:70px;margin-top:40px;align-items:center;padding-bottom:52px}.signal-bottom>div>p{font-size:14px;max-width:385px;margin-bottom:22px}.signal-word{display:flex;align-items:center;gap:16px}.signal-word img{width:92px}.signal-word span{font:900 30px/.95 var(--display);letter-spacing:-.04em}.course-ticket{background:var(--panel);border:1px solid var(--line);padding:20px 24px;position:relative}.course-ticket .eyebrow{font-size:9px}.course-ticket strong{display:block;font:900 36px/.95 var(--display);letter-spacing:-.04em;margin-block:16px}.course-ticket>span:last-child{font-size:10px}.course-ticket:after{content:'↗';position:absolute;right:20px;top:18px;color:var(--lilac);font-size:24px}.course-ticket:hover{background:#31263b}.gallery-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding-block:20px}.scene-buttons{display:flex;gap:12px}.scene-buttons button{min-height:44px;padding:10px 16px;font-size:11px;border:1px solid transparent;background:transparent;color:var(--muted)}.scene-buttons button[aria-pressed=true]{color:var(--text);border-bottom-color:var(--lilac);background:#25202c}.scene-buttons button:hover{color:var(--lilac)}.scene-stage figure>img{width:100%;height:530px;object-fit:cover;object-position:center 45%}.scene-stage figure[data-scene-panel=process]>img{object-fit:contain;background:var(--panel)}.scene-stage figcaption{display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:11px;padding-block:18px;color:var(--muted)}.scene-stage figcaption>span:first-child{color:var(--text)}.scene-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.signal-paths{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);margin-top:24px}.signal-paths>a{position:relative;display:block;padding:40px 32px;border-right:1px solid var(--line)}.signal-paths>a:first-child{padding-left:0}.signal-paths>a:last-child{border:0}.signal-paths>a>span:first-child{font-size:11px;color:var(--muted)}.signal-paths h2{font-size:55px;margin-top:16px}.signal-paths .path-arrow,.signal-paths>a>span:last-child:not(:first-child){position:absolute;right:30px;bottom:40px;font-size:30px;color:var(--lilac)}.signal .course{background:var(--panel);padding:52px;gap:56px;border:0;width:min(1392px,calc(100% - 48px))}.signal .course-art img{height:520px}.signal-about{padding-block:96px;border-bottom:1px solid var(--line)}.signal-about h2{font-size:55px;line-height:1.12;margin-block:30px 40px;max-width:1050px}.signal-about>div{display:flex;align-items:center;gap:20px}.signal-about img{width:56px;height:56px;border-radius:50%;object-fit:cover}.signal-about p{font-size:12px}.signal-about .link{margin-left:auto;color:var(--lilac)}
/* NOCTURNE: the personal editorial edition. */
.nocturne{--bg:#201824;--panel:#2b2130;--line:#4a3a50;--muted:#c5b9cb;--lilac:#d7b7ee}.nocturne .btn{border-radius:0}.nocturne .nav nav>.btn{background:transparent;border-color:var(--lilac);color:var(--lilac)}.nocturne-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:start;padding-block:76px 88px}.nocturne-title h1{font-size:clamp(60px,6.4vw,95px);line-height:1.02;margin-block:32px}.nocturne-title h1 em{color:var(--lilac)}.nocturne-intro{display:grid;grid-template-columns:110px 1fr;gap:36px;align-items:start;margin-top:40px;max-width:580px}.nocturne-intro p{font-size:14px;max-width:350px}.issue{font:900 21px/1.05 var(--display);letter-spacing:-.025em;color:var(--yellow)}.issue>span{display:block;font-size:48px;margin-top:20px}.nocturne-art{padding-top:70px}.nocturne-art figure>img{height:410px;object-fit:cover;object-position:38%;width:100%}.nocturne-art figcaption{font-size:10px;margin-top:14px;color:var(--muted)}.nocturne-course{border-top:1px solid var(--line);padding-top:24px;margin-top:30px;display:grid;grid-template-columns:.8fr 1.2fr;gap:24px}.nocturne-course .eyebrow{font-size:9px;margin-top:4px}.nocturne-course a{font-size:14px;line-height:1.7;min-height:48px}.nocturne-course strong{font-weight:600}.nocturne-course a>span{margin-left:15px;color:var(--lilac)}.nocturne-index{display:grid;grid-template-columns:1fr 1.15fr;gap:80px;border-block:1px solid var(--line);padding-block:48px}.nocturne-index h2{font-size:48px;margin-top:20px}.index-links>a{display:flex;align-items:center;gap:24px;min-height:80px;border-bottom:1px solid var(--line)}.index-links>a:last-child{border-bottom:0}.index-links>a>span:first-child{font-size:11px;color:var(--lilac)}.index-links>a>span:last-child{margin-left:auto;font-size:22px;color:var(--lilac)}.index-links h3{font-size:20px;font-weight:500}.selected .section-head{margin-bottom:28px}.selected-story{display:grid;grid-template-columns:1.12fr 1fr;gap:72px;align-items:center}.selected-story img{width:100%;aspect-ratio:1.3;object-fit:cover;object-position:55%;filter:saturate(.85)}.selected-story h2{font-size:58px;margin-block:24px}.selected-story p{font-size:15px;margin-bottom:28px;max-width:390px}.nocturne .course{grid-template-columns:1fr 1.1fr;gap:90px}.nocturne .course-art img{height:540px;object-position:25%}.nocturne .course-copy h2{font-size:66px}.nocturne-about h2{font-size:58px;line-height:1.05}.nocturne-about>div:last-child{padding-top:36px}.signature{display:flex;align-items:center;gap:25px;font:italic 38px var(--serif);margin-top:30px}.nocturne .footer{border-top:1px solid var(--line)}
/* Local design review */
.hub-hero{padding-block:64px 52px}.hub-hero h1{font-size:100px;margin-block:26px}.hub-hero h1 em{color:var(--lilac)}.hub-hero>div{display:flex;justify-content:space-between;gap:48px;align-items:end}.hub-hero p{max-width:550px;font-size:16px}.hub-badge{font-size:11px;color:var(--lilac);text-align:right;line-height:1.8}.hub-options{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.hub-preview{display:block;position:relative;border:1px solid var(--line);overflow:hidden}.hub-preview img{width:100%;aspect-ratio:1.44;object-fit:cover;object-position:top;transition:transform .3s var(--ease)}.hub-preview:hover img{transform:scale(1.02)}.hub-preview>span{display:block;padding:12px 16px;background:var(--panel);font-size:11px;color:var(--lilac)}.hub-options article>.eyebrow{font-size:10px;margin-top:26px}.hub-options h2{font-size:39px;margin-block:14px}.hub-options article>p{font-size:14px;min-height:78px}.hub-options article>.link{color:var(--lilac);margin-top:18px}.hub-options details{border-top:1px solid var(--line);margin-top:18px;padding-top:12px}.hub-options summary{min-height:44px;cursor:pointer;font-size:11px;color:var(--muted);padding-top:8px}.hub-options details p{font-size:12px;padding-bottom:16px}.hub-pick{margin-top:60px;padding-block:48px;border-block:1px solid var(--line)}.hub-pick h2{font-size:44px;margin-top:24px;margin-bottom:24px}.hub-pick p{max-width:800px;font-size:15px}.hub-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;padding-block:48px}.hub-notes h3{font-size:18px;margin-bottom:14px}.hub-notes p{font-size:13px}.attribution{border-top:1px solid var(--line);padding-block:24px}.attribution p{font-size:11px;max-width:800px}.attribution .link{font-size:11px}
/* Reel is user-initiated, using native controls. */
dialog{padding:0;border:1px solid var(--line);background:var(--bg);color:var(--text);width:min(1050px,92vw);max-height:90dvh}dialog::backdrop{background:rgba(10,8,14,.9)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 20px;border-bottom:1px solid var(--line)}.dialog-head h2{font:600 16px var(--body);letter-spacing:0}.close-reel{width:44px;height:44px;background:transparent;border:1px solid var(--line);font-size:25px}dialog video{display:block;width:100%;max-height:68dvh}dialog p{font-size:12px;padding:16px 20px}
@media(prefers-reduced-motion:no-preference){.hero-content,.signal-hero h1,.nocturne-title{animation:entry .7s var(--ease) both}@keyframes entry{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}}
@media(min-width:1600px){.cinema-hero{height:760px}.hero-content h1{font-size:114px}.signal-hero h1{font-size:116px}}
@media(max-width:1100px){.shell{width:calc(100% - 64px)}h2{font-size:54px}.nav nav{gap:24px}.cinema-hero{height:660px}.hero-content h1{font-size:88px}.scene-caption{left:32px;right:32px}.hero-content .actions{gap:16px}.hero-content .btn{padding-inline:18px;font-size:12px}.premiere{grid-template-columns:.6fr 1fr 1fr;gap:24px}.premiere>p{font-size:24px}.course{gap:48px}.course-copy h2{font-size:58px}.course-art img{height:490px}.about{gap:64px}.cinema-about h2{font-size:54px}.tutorial h3{font-size:20px}.signal-bottom{gap:32px}.signal-hero h1{font-size:7.65vw}.signal-word{display:block}.signal-word img{width:70px;margin-bottom:10px}.signal-word span{font-size:24px}.signal .course{padding:40px;gap:40px}.signal-paths h2{font-size:44px}.signal-paths .path-arrow,.signal-paths>a>span:last-child:not(:first-child){right:16px;font-size:25px}.nocturne-hero{gap:40px}.nocturne-title h1{font-size:6.3vw}.nocturne-art figure>img{height:370px}.nocturne-art{padding-top:56px}.nocturne-intro{gap:24px;grid-template-columns:85px 1fr}.nocturne-index{gap:40px}.nocturne-index h2{font-size:44px}.selected-story{gap:48px}.selected-story h2{font-size:48px}.nocturne .course{gap:56px}.nocturne .course-copy h2{font-size:58px}.hub-options h2{font-size:34px}.hub-options article>p{min-height:95px}}
@media(max-width:800px){.shell{width:calc(100% - 48px)}.nav{height:78px}.nav nav{gap:18px}.nav nav>a{font-size:11px}.logo span{font-size:24px}.logo img{width:36px}.section{padding-block:72px}.section-head h2{font-size:50px}.section-head>p{max-width:270px;font-size:13px}.hero-content h1{font-size:80px}.hero-content>p{max-width:310px;font-size:14px}.hero-content .actions{flex-direction:column;align-items:start;gap:10px}.cinema-hero{height:680px}.world{object-position:60%}.cinema-hero:after{background:linear-gradient(90deg,rgba(20,17,24,.85),rgba(20,17,24,.25) 65%,transparent),linear-gradient(0deg,var(--bg),transparent 30%)}.premiere{grid-template-columns:1fr 1fr}.premiere>.eyebrow{grid-column:1/-1}.premiere>p{font-size:26px}.play-reel{justify-self:start}.tutorial-grid{gap:20px}.tutorial h3{font-size:18px}.tutorial .eyebrow{font-size:8px}.course{gap:36px;padding-block:64px}.course-copy h2{font-size:48px}.course-art img{height:450px}.course-copy>p:not(.fine){font-size:14px}.course .btn{font-size:12px;padding:14px 18px;gap:18px}.about{gap:40px;padding-block:72px}.about h2{font-size:44px}.about p{font-size:14px}.cinema-about figure{width:100%}.cinema-about img{height:360px}.resource-note{gap:20px}.resource-note .eyebrow{display:none}.resource-note h3{font-size:18px}.footer{gap:40px;padding-top:64px}.footer h2{font-size:42px}.signal-bottom{grid-template-columns:1.2fr .8fr;gap:32px}.signal-word{display:none}.signal-kicker>span:last-child{display:none}.signal-hero h1{font-size:7.7vw}.signal-hero .eyebrow{font-size:10px}.gallery-heading{align-items:start;gap:16px;flex-direction:column}.scene-stage figure>img{height:430px}.signal-paths>a{padding:30px 20px}.signal-paths h2{font-size:38px}.signal-paths>a>span:first-child{font-size:9px}.signal-paths .path-arrow,.signal-paths>a>span:last-child:not(:first-child){position:static;display:block;margin-top:16px}.signal .course{padding:32px;gap:32px}.signal .course-art img{height:450px}.signal-about h2{font-size:44px}.nocturne-hero{grid-template-columns:1fr;gap:44px;padding-block:56px}.nocturne-title h1{font-size:82px;max-width:650px}.nocturne-intro{max-width:540px;grid-template-columns:105px 1fr}.nocturne-intro p{font-size:15px}.issue>span{display:none}.nocturne-art{padding-top:0;display:grid;grid-template-columns:1.3fr .8fr;align-items:center;gap:40px}.nocturne-art figure>img{height:310px}.nocturne-course{display:block;margin:0}.nocturne-course .eyebrow{margin-bottom:16px}.nocturne-course a{display:block}.nocturne-index{gap:32px;grid-template-columns:1fr 1fr}.nocturne-index h2{font-size:38px}.index-links h3{font-size:17px}.index-links>a{gap:16px}.selected-story{gap:32px}.selected-story h2{font-size:42px}.selected-story p{font-size:14px}.nocturne .course{gap:40px}.nocturne .course-copy h2{font-size:48px}.nocturne .course-art img{height:450px}.nocturne-about h2{font-size:44px}.hub-hero h1{font-size:86px}.hub-options{grid-template-columns:1fr}.hub-options article{display:grid;grid-template-columns:1fr 1fr;gap:0 32px;padding-bottom:28px;border-bottom:1px solid var(--line)}.hub-preview{grid-column:1;grid-row:1/7;align-self:start}.hub-options article>.eyebrow{margin-top:0}.hub-options article>p{min-height:0}.hub-options details{grid-column:2}.hub-pick h2{font-size:40px}.hub-notes{gap:28px}}
@media(max-width:600px){.shell{width:calc(100% - 40px)}html{scroll-padding-top:24px}.review{height:44px;padding-inline:16px}.review>a{height:44px}.review>span{display:none}.nav{height:76px}.logo img{width:37px}.logo span{font-size:26px}.menu{display:flex;gap:14px;align-items:center;min-height:44px;padding:8px 0 8px 12px;background:transparent;border:0;font-size:13px}.menu span{font-size:22px}.nav nav{display:none;position:absolute;left:-20px;right:-20px;top:76px;padding:20px;background:var(--bg);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:8px;box-shadow:0 16px 25px rgba(10,8,14,.3)}.nav nav.open{display:flex}.nav nav>a{font-size:15px;padding:10px 12px;min-height:48px}.nav nav .btn{width:100%;margin-top:8px;justify-content:center}.section{padding-block:56px}.section-head{display:block;margin-bottom:28px}.section-head h2{font-size:44px}.section-head>p{max-width:340px;margin-top:24px;font-size:14px}.section-head>.link{margin-top:18px}.eyebrow{font-size:9px}.hero-content{padding-bottom:0}.hero-content h1{font-size:clamp(65px,16vw,85px);margin-block:24px;line-height:.96}.cinema-hero{height:730px;align-items:start;padding-top:48px}.world{object-position:63% center}.cinema-hero:after{background:linear-gradient(90deg,rgba(20,17,24,.85),rgba(20,17,24,.45) 62%,rgba(20,17,24,.12)),linear-gradient(0deg,var(--bg),transparent 28%)}.hero-content>p{font-size:15px;max-width:290px;color:#e7dfed}.hero-content .actions{gap:12px;margin-top:24px}.hero-content .btn{font-size:13px;padding-inline:20px}.hero-content .actions>.link{font-size:13px}.scene-caption{left:20px;right:20px;font-size:8px;gap:24px;bottom:18px}.scene-caption>span:last-child{max-width:100px;text-align:right}.premiere{grid-template-columns:1fr;gap:22px;padding-block:30px}.premiere>.eyebrow{grid-column:1}.premiere>p{font-size:27px}.play-reel{width:100%}.play-reel>span:last-child{font-size:13px}.tutorial-grid{grid-template-columns:1fr;gap:32px}.tutorial .eyebrow{font-size:9px;margin-top:18px}.tutorial h3{font-size:23px;max-width:330px}.course{grid-template-columns:1fr;padding-block:48px;gap:32px}.course-art img{height:300px;object-position:35%}.art-caption{font-size:9px}.course-copy h2{font-size:57px;margin-block:22px}.course-copy>p:not(.fine){font-size:15px}.course .btn{font-size:14px;min-height:54px;padding-inline:20px}.course .fine{font-size:11px}.coming{font-size:9px}.about{grid-template-columns:1fr;gap:28px;padding-block:56px}.cinema-about figure{width:80%;justify-self:start}.cinema-about img{height:320px}.about h2{font-size:48px}.about p{font-size:15px}.resource-note{display:block;padding-block:24px}.resource-note h3{font-size:20px;margin-bottom:8px}.footer{grid-template-columns:1fr;padding-top:48px;gap:40px}.footer h2{font-size:43px}.footer-side>p{font-size:14px}.footer-side nav{gap:12px 24px}.legal{font-size:10px;padding-block:16px;gap:20px}.signal-hero{padding-top:32px}.signal-hero h1{font-size:clamp(38px,8.8vw,62px);margin-top:24px;line-height:1.07;letter-spacing:-.035em;text-wrap:initial}.signal-bottom{grid-template-columns:1fr;gap:28px;margin-top:28px;padding-bottom:32px}.signal-bottom>div>p{font-size:15px}.course-ticket{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:12px;padding:20px}.course-ticket .eyebrow{grid-column:1}.course-ticket strong{font-size:32px;margin:0;grid-row:1/3;grid-column:2}.course-ticket>span:last-child{max-width:130px;line-height:1.6;font-size:11px}.course-ticket:after{right:14px;top:14px;font-size:20px}.gallery-heading{padding-block:18px;gap:14px}.scene-buttons{gap:4px;width:100%;justify-content:space-between}.scene-buttons button{padding:10px 11px;font-size:10px}.scene-stage figure>img{height:340px;object-position:38%}.scene-stage figcaption{display:block;font-size:10px;padding-block:16px}.scene-stage figcaption>span:last-child{display:block;font-size:9px;margin-top:6px}.signal-paths{grid-template-columns:1fr;margin-top:12px}.signal-paths>a,.signal-paths>a:first-child{display:flex;align-items:center;gap:16px;padding:24px 0;border-right:0;border-bottom:1px solid var(--line)}.signal-paths>a:last-child{border:0}.signal-paths>a>span:first-child{font-size:9px;max-width:80px;min-width:80px}.signal-paths h2{font-size:40px;margin:0}.signal-paths .path-arrow,.signal-paths>a>span:last-child:not(:first-child){margin-left:auto;margin-top:0;font-size:25px}.signal .course{width:100%;padding:36px 20px;gap:32px}.signal .course-art img{height:290px}.signal-about{padding-block:56px}.signal-about h2{font-size:38px;line-height:1.14;margin-block:24px}.signal-about>div{flex-wrap:wrap;gap:16px}.signal-about .link{margin-left:0;width:100%}.nocturne-hero{padding-block:40px;gap:32px}.nocturne-title h1{font-size:clamp(52px,13vw,76px);margin-block:24px;line-height:1.06}.nocturne-intro{grid-template-columns:74px 1fr;gap:22px;margin-top:26px}.nocturne-intro p{font-size:14px}.issue{font-size:19px;padding-top:4px}.nocturne-art{display:block}.nocturne-art figure>img{height:340px;object-position:37%}.nocturne-art figcaption{font-size:9px}.nocturne-course{display:grid;grid-template-columns:1fr 1.3fr;margin-top:24px;padding-top:20px;gap:18px}.nocturne-course a{font-size:13px}.nocturne-course .eyebrow{font-size:8px}.nocturne-index{grid-template-columns:1fr;padding-block:40px;gap:24px}.nocturne-index h2{font-size:43px}.index-links h3{font-size:19px}.index-links>a{min-height:76px}.selected .section-head{display:flex;align-items:center;gap:20px}.selected .section-head .link{margin:0;font-size:12px}.selected-story{grid-template-columns:1fr;gap:28px}.selected-story img{aspect-ratio:16/9;object-position:center}.selected-story h2{font-size:48px}.selected-story p{font-size:15px}.nocturne .course{grid-template-columns:1fr;gap:32px}.nocturne .course-art img{height:320px}.nocturne .course-copy h2{font-size:56px}.nocturne-about h2{font-size:46px}.nocturne-about>div:last-child{padding-top:0}.hub-hero{padding-block:40px}.hub-hero h1{font-size:67px;margin-block:24px}.hub-hero>div{display:block}.hub-hero p{font-size:15px}.hub-badge{display:block;text-align:left;margin-top:22px;font-size:10px}.hub-options article{display:block;padding-bottom:28px}.hub-options article>.eyebrow{margin-top:24px}.hub-options h2{font-size:42px}.hub-options article>p{font-size:15px}.hub-options article>.link{margin-top:14px}.hub-options details{margin-top:12px}.hub-pick{margin-top:28px;padding-block:36px}.hub-pick h2{font-size:38px}.hub-pick p{font-size:14px}.hub-notes{grid-template-columns:1fr;gap:28px;padding-block:36px}.hub-notes p{font-size:14px}.dark-hub .nav>.link{font-size:10px;max-width:110px}.dark-hub .logo span{font-size:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}