@font-face{font-family:Anton;src:url(assets/anton-400.woff2) format("woff2");font-style:normal;font-display:swap}
@font-face{font-family:Barlow;src:url(assets/barlow-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Barlow;src:url(assets/barlow-600.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:Barlow;src:url(assets/barlow-700.woff2) format("woff2");font-weight:700;font-display:swap}
:root{--ink:#17111b;--chalk:#fff3de;--body:#d8cbd3;--pink:#ff6d99;--hot:#ff5582;--peach:#ffbf80;--mono:ui-monospace,"Courier New",monospace;--display:Anton,Impact,"Arial Narrow",sans-serif;--gutter:clamp(24px,5.25vw,102px);color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:12px}body{margin:0;background:var(--ink);color:var(--chalk);font:400 18px/1.5 Barlow,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{touch-action:manipulation}button,input{font:inherit}button,a{color:inherit}a{text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #4ff2df;outline-offset:5px}button{background:none;border:0}.defs{position:absolute;width:0;height:0;overflow:hidden}.skip{position:fixed;z-index:20;top:8px;left:10px;background:var(--chalk);color:var(--ink);padding:12px 20px;transform:translateY(-200%)}.skip:focus{transform:none}.container,.mast-inner,.hero-inner{width:min(100%,1800px);margin:auto;padding-inline:var(--gutter)}h1,h2,h3,p{margin:0}a svg,button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:square}
.mast{position:relative;z-index:3;background:#17101c;border-bottom:1px solid #59384a}.mast-inner{height:69px;display:flex;align-items:center;gap:52px}.brand{display:inline-flex;align-items:center;gap:9px}.brand>span{font:italic 27px/.95 var(--display);letter-spacing:-.8px;display:block}.brand-coffee{font:700 10px/1.1 Barlow,sans-serif;letter-spacing:4.5px;color:var(--pink);display:block;margin:4px 0 0 2px}.brand img{width:37px;height:37px}.mast nav{display:flex;gap:34px;margin-left:auto;align-items:center}.mast nav a{font-size:15px;font-weight:600;color:#eadfe1;transition:color .18s}.mast nav a:hover{color:var(--pink)}.radio{border:1px solid #775b70;display:flex;align-items:center;gap:10px;padding:8px 11px;color:var(--chalk);font:700 12px/1.2 var(--mono);border-radius:3px}.radio b{font-size:9px;color:var(--pink);border-left:1px solid #816272;padding-left:8px}.bars{color:var(--pink);display:flex;align-items:center;gap:2px;height:16px}.bars i{width:2px;height:5px;background:currentColor}.bars i:nth-child(2),.bars i:nth-child(4){height:11px}.bars i:nth-child(3){height:16px}.radio[aria-pressed=true] .bars i{animation:meter .64s ease-in-out infinite alternate}.bars i:nth-child(even){animation-delay:-.35s!important}
.hero{position:relative;isolation:isolate;overflow:hidden;background:#34172b}.scene,.hero-shade,.beam{position:absolute;inset:0;pointer-events:none}.scene{z-index:-3;overflow:hidden}.scene picture,.scene img{display:block;width:100%;height:100%}.scene img{object-fit:cover;object-position:center 40%;transform:scale(1.012) translate(var(--px,0px),var(--py,0px));transition:transform .65s cubic-bezier(.22,.65,.2,1)}.hero-shade{z-index:-2;background:linear-gradient(90deg,rgba(23,8,28,.58),rgba(33,9,30,.19) 41%,transparent 60%),linear-gradient(0deg,rgba(19,9,22,.82),transparent 16%)}.beam{z-index:-1;opacity:.11;background:linear-gradient(112deg,transparent 47%,#ffbb8e 50%,transparent 53%);animation:searchlight 14s ease-in-out infinite;mix-blend-mode:screen}.hero-inner{position:relative;min-height:clamp(568px,43.7vw,750px);display:flex;flex-direction:column;justify-content:center;padding-block:34px 75px}.hero-copy{max-width:48%}.hero-kicker,.eyebrow,.level,.motion,.case-tag,.case-art>span,.role,.d-id,.film-head,.transport,.d-notes{font:700 11px/1.4 var(--mono);letter-spacing:1.5px;text-transform:uppercase}.hero-kicker,.eyebrow{display:flex;align-items:center;gap:10px;color:var(--pink)}.hero-kicker>span,.eyebrow>span{height:2px;width:25px;background:currentColor}.hero-kicker{color:#ffbdad;margin-bottom:22px}.hero h1{display:flex;flex-direction:column;align-items:flex-start;font:400 clamp(90px,8.65vw,158px)/.94 var(--display);letter-spacing:-.035em;transform:skew(-5deg);transform-origin:left bottom;text-shadow:2px 2px 0 #452434}.hero h1>span:last-child{background:linear-gradient(155deg,#ffc182 3%,#ff8d7d 46%,#ff6798 95%);color:transparent;background-clip:text;-webkit-background-clip:text;text-shadow:none}.hero-copy>p{max-width:413px;font-size:clamp(17px,1.32vw,22px);font-weight:600;line-height:1.4;color:#f7e5e4;margin:19px 0 24px}.actions{display:flex;align-items:center;gap:22px}.primary{background:var(--hot);color:#21101e;font-weight:700;font-size:16px;padding:13px 18px;display:inline-flex;align-items:center;gap:19px;border:1px solid #ff8cad;box-shadow:3px 3px 0 #39132b;transition:background .2s,transform .2s}.primary:hover{background:#ff94b6;transform:translateY(-2px)}.dispatch{display:flex;align-items:center;gap:8px;color:var(--chalk);font-size:15px;font-weight:700;padding:8px 0}.play-icon{border:1px solid #e8bbc9;border-radius:50%;display:grid;place-items:center;width:26px;height:26px;padding-left:2px;font:10px/1 Arial;color:#fff1db}.dispatch:hover .play-icon{color:var(--ink);background:var(--chalk)}.hero-foot{position:absolute;bottom:18px;left:var(--gutter);right:var(--gutter);display:flex;align-items:center;justify-content:space-between}.level,.motion{font-size:10px;letter-spacing:1.3px;color:#eed9e2;display:flex;align-items:center;gap:12px}.stars{color:var(--pink);font-family:Arial,sans-serif;font-size:18px;letter-spacing:3px}.motion{background:#20131cd9;border:1px solid #957681;padding:7px 10px;gap:8px;border-radius:2px}.motion-icon{font-size:12px;color:#ffc385}
.tape{overflow:hidden;background:#faac7a;color:#271326;border-block:2px solid #1b1420;padding:6px 0}.tape-run{display:flex;width:max-content;animation:tape 45s linear infinite}.tape-run span{white-space:nowrap;font:700 11px/1.4 var(--mono);letter-spacing:2px}
.lineup{padding-block:clamp(52px,5.5vw,88px) clamp(60px,6.5vw,100px)}.section-top{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:30px}.section-top h2,.night h2{font:400 clamp(47px,5.35vw,90px)/1.07 var(--display);letter-spacing:-.026em}.section-top h2 span{color:var(--pink)}.eyebrow{margin-bottom:12px}.section-top>p{color:#d7c7ce;font-size:16px;margin-bottom:4px}.cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.75vw,34px)}.case-card{--accent:#d09cff;--panel:#302230}.guava{--accent:#ff8b94;--panel:#39222e}.mac{--accent:#8be3ca;--panel:#1c3233}.case-card button{display:block;text-align:left;width:100%;padding:0;border:1px solid #66505e;overflow:hidden;background:var(--panel);transition:border-color .2s}.case-card button:hover,.case-card button:focus-visible{border-color:var(--accent)}.case-art{position:relative;overflow:hidden;aspect-ratio:1.65;background:var(--accent)}.case-art img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s}.case-card button:hover img{transform:scale(1.055)}.case-art>span,.d-art>span{position:absolute;top:15px;left:15px;background:var(--ink);color:var(--chalk);padding:4px 7px;font-size:10px;letter-spacing:1px}.case-art i{position:absolute;bottom:-.08em;right:5px;color:var(--chalk);font:400 clamp(48px,5vw,82px)/1 var(--display);-webkit-text-stroke:1px var(--ink);text-shadow:3px 2px 0 var(--ink);transform:skew(-6deg)}.case-body{padding:17px 18px 20px}.case-body>div{display:flex;justify-content:space-between;align-items:center;gap:10px}.case-tag{color:var(--accent);font-size:10px}.case-tag b{opacity:.55}.case-body h3{font:400 clamp(28px,2.7vw,48px)/1.2 var(--display);letter-spacing:-.015em}.case-arrow{font-size:21px;border:1px solid #907988;width:33px;height:33px;display:grid;place-items:center;line-height:1;color:var(--accent);border-radius:50%}
.crew{background:#f3e9d7;color:#271c26}.crew>.container{padding-block:clamp(50px,5.3vw,90px)}.crew .eyebrow,.crew .section-top h2 span{color:#9e335c}.crew .section-top>p{color:#58464c}.crew-rows{border-top:2px solid #453640}.crew-row{display:grid;grid-template-columns:67px 1fr auto;align-items:center;gap:24px;padding:24px 0;border-bottom:1px solid #c0acaa}.sigil{height:66px;width:66px;display:grid;place-items:center;background:#f6d392;color:#532948;border:1px solid #b19e89;box-shadow:2px 2px #baa6a0}.brands .sigil{background:#9cdad7;color:#15393c}.attorney .sigil{background:#dbb8d6;color:#3e233b}.sigil svg{width:50px;height:50px;stroke:currentColor;stroke-width:2;fill:none;stroke-linejoin:round}.role{font-size:10px;letter-spacing:1.1px;color:#6b4854}.crew-row h3{font:400 clamp(25px,2.2vw,35px)/1.3 var(--display)}.crew-row p{font-size:16px;color:#56464d;max-width:660px;margin-top:4px}.crew-row>a,.night a{font-size:15px;font-weight:700;display:inline-flex;align-items:center;gap:8px;border-bottom:1px solid currentColor;padding-bottom:3px}.crew-row>a svg,.night a svg{width:15px;height:15px}.crew-row>a:hover{color:#8f2450}
.night{background:#361a34;border-bottom:1px solid #644154}.night-inner{display:flex;align-items:center;gap:28px;padding-block:36px}.night .stars{font-size:15px;letter-spacing:1px;white-space:nowrap}.night h2{font-size:30px}.night p{font-size:16px;color:#e3cdd6;margin-top:5px}.night a{margin-left:auto;flex-shrink:0;color:var(--peach)}footer.container{display:flex;gap:30px;align-items:center;padding-block:29px}.foot-brand{display:flex;align-items:center;gap:8px;font:400 18px/1 var(--display);flex-shrink:0}footer p{font-size:13px;color:#c3b2bd;max-width:600px}footer a{margin-left:auto;white-space:nowrap;font-size:14px}
dialog{margin:auto;border:1px solid #9a728d;background:var(--ink);color:var(--chalk);max-height:90dvh;padding:0;max-width:calc(100vw - 30px);overscroll-behavior:contain}dialog::backdrop{background:#110b18bd;backdrop-filter:blur(6px)}dialog[open]{animation:open .2s ease both}body:has(dialog[open]){overflow:hidden}.close{position:absolute;top:10px;right:10px;z-index:2;border-radius:50%;background:#251726;color:var(--chalk);border:1px solid #c5a3b7;font:28px/1 Barlow,sans-serif;width:38px;height:38px;display:grid;place-items:center}.case-dialog{width:780px}.d-grid{display:grid;grid-template-columns:35% 65%}.d-art{min-height:320px;position:relative;background:var(--accent)}.d-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.d-art>span{font:700 11px/1.4 var(--mono);text-transform:uppercase}.d-copy{padding:36px 34px 24px}.d-copy .eyebrow,.d-notes{color:var(--accent)}.d-copy h2{font:400 43px/1.12 var(--display);margin-top:10px;letter-spacing:-1px}.d-notes{margin:10px 0 20px;font-size:10px}.d-copy h3,.verdict>p{font-size:16px;margin:12px 0 4px;font-weight:700}.d-copy>p:not(.eyebrow,.d-notes){font-size:16px;color:var(--body)}.verdict{border-block:1px solid #584151;padding:4px 0 5px;margin-block:17px}.verdict>div{display:flex;gap:8px;margin:7px 0 0}.verdict button{border:1px solid var(--accent);font-weight:700;padding:6px 12px;font-size:14px}.verdict button[aria-pressed=true]{color:#221521;background:var(--accent)}#verdict-message{display:block;min-height:21px;color:var(--accent);font-size:13px;margin:4px 0}.next-case{display:flex;align-items:center;gap:10px;color:var(--chalk);font-size:14px;font-weight:700;padding:6px 0}.film-dialog{width:min(840px,95vw);background:#17101b}.film-head,.transport{display:flex;align-items:center;padding:15px 18px;height:50px;color:var(--pink)}.film-head .close{top:6px;right:8px}.film-frame{aspect-ratio:1.86;position:relative;overflow:hidden;isolation:isolate;display:flex;align-items:flex-end}.film-bg,.film-tint{position:absolute;inset:0;z-index:-1}.film-bg{background-size:cover;background-position:center}.film-tint{background:linear-gradient(15deg,#1f0c21 1%,#1e112733 70%)}.film-type{padding:5%;max-width:84%}.film-type p{font:700 11px/1.4 var(--mono);letter-spacing:2px;color:var(--peach)}.film-type h2{font:400 clamp(25px,5vw,68px)/1.06 var(--display);margin-top:9px}.transport{gap:14px;font-size:10px;height:auto}.transport button{font:inherit;color:var(--chalk);width:56px;padding:8px 0;border:1px solid #7c5d71}.track{flex:1;height:3px;background:#604258}.track i{display:block;background:var(--pink);width:0;height:100%}
@keyframes tape{to{transform:translateX(-25%)}}@keyframes searchlight{0%,28%,100%{transform:translateX(-110%)}63%,99%{transform:translateX(110%)}}@keyframes meter{to{transform:scaleY(.35)}}@keyframes open{from{opacity:0;transform:translateY(6px)}}
html[data-motion=off]{scroll-behavior:auto}html[data-motion=off] *,html[data-motion=off] *::after{animation-play-state:paused!important;transition:none!important}html[data-motion=off] .beam{display:none}html[data-motion=off] .scene img,html[data-motion=off] .case-card img{transform:none}html[data-motion=off] dialog[open]{animation:none}
@media (prefers-reduced-motion:reduce){html:not([data-motion=on]){scroll-behavior:auto}html:not([data-motion=on]) *{animation:none!important;transition:none!important}}
@media(min-width:1800px){.hero-inner{min-height:760px}.scene img{object-position:50% 44%}}
@media(max-width:920px){:root{--gutter:30px}.hero-inner{min-height:550px}.hero-copy{max-width:51%}.hero h1{font-size:clamp(83px,10vw,95px)}.scene img{object-position:58% center}.hero-shade{background:linear-gradient(90deg,#240e26c4,transparent 70%),linear-gradient(0deg,#140b19b3,transparent 20%)}.section-top>p{font-size:15px}.crew-row{grid-template-columns:55px 1fr auto;gap:16px}.sigil{width:52px;height:55px}.night-inner{gap:18px}.night .stars{display:none}.case-art{aspect-ratio:1.25}.case-body{padding:12px}.case-arrow{width:28px;height:28px}.actions{gap:14px}.primary{padding:12px;gap:10px}}
@media(max-width:640px){:root{--gutter:20px}.mast-inner{height:58px;gap:14px}.brand{gap:6px}.brand img{width:30px;height:30px}.brand>span{font-size:22px}.brand-coffee{font-size:8px;letter-spacing:4px;margin-top:3px}.mast nav{gap:14px}.mast nav a{font-size:13px}.radio{padding:6px;gap:5px}.radio>span:nth-child(2){position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.radio b{font-size:8px;padding-left:5px}.hero-inner{min-height:0;padding-top:clamp(228px,66vw,370px);padding-bottom:54px;justify-content:flex-end}.hero-copy{max-width:100%}.scene{height:clamp(345px,99vw,520px);inset:0 0 auto}.hero{background:#241221}.scene img{object-position:50% 28%;object-fit:cover;transform:none}.hero-shade{background:linear-gradient(0deg,#241221 0%,#241221 24%,#241221f2 31%,#24122122 62%,transparent 85%)}.hero-kicker{font-size:9px;letter-spacing:1.2px;margin-bottom:12px}.hero h1{font-size:clamp(68px,17vw,94px);line-height:.94}.hero-copy>p{max-width:390px;font-size:16px;margin:12px 0 18px}.primary{padding:11px 14px;font-size:15px}.dispatch{font-size:14px}.hero-foot{bottom:10px}.level,.motion{font-size:8px;letter-spacing:1px}.level{gap:7px}.stars{font-size:14px;letter-spacing:2px}.motion{padding:4px 8px}.tape{padding:5px 0}.tape-run span{font-size:9px}.lineup,.crew>.container{padding-block:44px}.section-top{display:block;margin-bottom:21px}.section-top h2{font-size:clamp(43px,10.5vw,65px)}.section-top>p{margin:10px 0 0}.section-top>p br{display:none}.eyebrow{font-size:10px;margin-bottom:7px}.cases{grid-template-columns:1fr;gap:18px}.case-art{aspect-ratio:1.95}.case-art i{font-size:58px}.case-body{padding:13px 15px}.case-body h3{font-size:34px}.crew-row{grid-template-columns:44px 1fr;column-gap:13px;row-gap:10px;padding-block:20px}.sigil{width:43px;height:47px;align-self:start}.sigil svg{width:38px;height:38px}.crew-row>a{grid-column:2;justify-self:start}.crew-row p{font-size:15px}.crew-row h3{font-size:26px}.night-inner{display:block;padding-block:28px}.night a{margin-top:13px}footer.container{flex-wrap:wrap;gap:12px;padding-block:22px}footer .foot-brand{order:0}footer p{order:2}footer a{order:1}.d-grid{display:block}.d-art{height:110px;min-height:0}.d-copy{padding:18px 20px}.d-copy h2{font-size:32px}.d-art>span{top:10px;left:10px}.d-copy .d-notes{margin:7px 0 12px}.film-frame{aspect-ratio:1.3}.film-type{max-width:95%}.film-type h2{font-size:36px}.d-copy .eyebrow{margin:0}}
@media(max-width:360px){:root{--gutter:14px}.mast nav{gap:9px}.mast-inner{gap:10px}.radio{padding:5px}.primary{padding:10px}.actions{gap:10px}.dispatch{font-size:13px}}

html[data-motion=on] .hero h1>span{animation:headline-in .65s cubic-bezier(.16,.9,.24,1) both}
html[data-motion=on] .hero h1>span+span{animation-delay:.1s}
@keyframes headline-in{from{clip-path:inset(0 0 100% 0);transform:translateY(14px)}to{clip-path:inset(-4% -5% -4% -5%);transform:none}}
.film-frame::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,#1b0c1918 4px);mix-blend-mode:multiply}
@media(min-width:641px){.scene img{object-position:center top}}
@media(max-width:640px){.scene{mask-image:linear-gradient(to bottom,#000 0%,#000 56%,transparent 100%)}.scene img{object-position:50% top}.radio{min-height:34px}.hero-kicker{color:#ffd5c6;text-shadow:0 1px 4px #28101d}}
.radio-panel[hidden]{display:none}.radio-panel{position:absolute;right:var(--gutter);top:calc(100% + 8px);z-index:4;width:225px;padding:15px 17px;background:#231422f7;box-shadow:4px 4px 0 #130c19a8;border:1px solid #ae768d;display:grid}.radio-panel>span,.mix label{font:700 10px/1.4 var(--mono);text-transform:uppercase;letter-spacing:1px;color:var(--pink)}.radio-panel strong{font:400 25px/1.35 var(--display)}.radio-panel>a{font-size:13px;color:var(--peach);width:fit-content}.mix{display:flex;align-items:center;gap:8px;margin:10px 0 0}.mix input{accent-color:var(--pink);min-width:45px;flex:1;width:70px}.mix button{font-size:14px;padding:7px;color:var(--chalk)}footer p a{margin:0;font-size:inherit;white-space:normal;text-decoration:underline;color:#e5c5d4}.transport #film-sound{width:75px}
@media(max-width:640px){.radio>span:nth-child(2){position:static;clip-path:none;height:auto;width:auto;overflow:visible;font:700 10px/1.3 Barlow,sans-serif}.radio{min-height:36px}.radio b{padding-left:3px}}
