:root{--bg:#050507;--ink:#f6f1ec;--pink:#ff2f7f;--red:#ff2a30;--acid:#d5ff49;--silver:#d7d7dc;--muted:#aaa5ad;--black:#030304;--max:1260px}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}.skip{position:fixed;left:12px;top:-60px;z-index:9999;background:#fff;color:#000;padding:10px 14px}.skip:focus{top:12px}button,a{font:inherit}.panel{position:relative;min-height:100svh;overflow:hidden;padding:120px max(24px,calc((100vw - var(--max))/2)) 100px;display:flex;align-items:center}.panel:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.12;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E")}.reveal{position:relative;z-index:5}.kicker{font-size:12px;font-weight:900;letter-spacing:.22em;text-transform:uppercase;color:var(--pink);margin:0 0 22px}.cta,.art-button{border:0;border-radius:999px;padding:15px 21px;font-size:11px;font-weight:1000;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:.25s transform,.25s background,.25s color}.cta:hover,.art-button:hover{transform:translateY(-2px) scale(1.015)}.hot{background:var(--pink);color:#080408}.ghost{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.24)}.art-button{background:#fff;color:#050507}.art-button.invert{background:#050507;color:#fff;border:1px solid rgba(255,255,255,.35)}
.chrome{position:fixed;z-index:80;top:0;left:0;right:0;padding:13px 18px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(180deg,rgba(2,2,3,.92),rgba(2,2,3,.08));backdrop-filter:blur(8px)}.wordmark{color:white;text-decoration:none;font-size:17px;letter-spacing:-.05em}.wordmark span{color:var(--pink)}.chrome-controls{display:flex;gap:7px}.chrome-controls button{border:1px solid rgba(255,255,255,.24);background:rgba(5,5,7,.6);color:#fff;border-radius:999px;padding:9px 11px;font-size:9px;font-weight:900;letter-spacing:.08em;cursor:pointer}.audio-ribbon{position:fixed;z-index:76;left:18px;bottom:18px;max-width:min(560px,calc(100vw - 36px));display:grid;grid-template-columns:auto 1fr 32px 32px 32px;gap:9px;align-items:center;background:rgba(4,4,6,.82);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(14px);padding:10px 12px;border-radius:16px;transform:translateY(140%);transition:.3s}.audio-ribbon.on{transform:translateY(0)}.audio-ribbon span{font-size:8px;letter-spacing:.15em;color:var(--pink);font-weight:900}.audio-ribbon strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audio-ribbon button{border:0;background:#fff;color:#000;width:30px;height:30px;border-radius:50%;font-weight:900;cursor:pointer}
.entry{position:fixed;z-index:120;inset:0;display:grid;place-items:center;overflow:hidden;background:#050507}.entry.hidden{display:none}.entry-photo{position:absolute;inset:-5%;background:url('./assets/img/interview_photo.jpg') center 40%/cover no-repeat;filter:grayscale(1) contrast(1.18) brightness(.62);transform:scale(1.06)}.entry-vignette{position:absolute;inset:0;background:radial-gradient(circle at 52% 40%,transparent 0 20%,rgba(5,5,7,.35) 48%,#050507 90%),linear-gradient(90deg,rgba(5,5,7,.95) 0 34%,rgba(5,5,7,.2) 70%)}.entry-inner{position:relative;z-index:2;width:min(900px,90vw);margin-right:auto;margin-left:6vw}.series{font-size:11px;letter-spacing:.28em;font-weight:900;color:var(--pink)}.entry h1{font-family:Impact,'Arial Black',sans-serif;font-size:clamp(74px,12vw,180px);line-height:.76;letter-spacing:-.045em;margin:20px 0}.entry h1 span{display:block;color:transparent;-webkit-text-stroke:2px var(--pink);font-family:Georgia,serif;font-style:italic;font-size:.56em;letter-spacing:-.06em}.entry-dek{max-width:650px;font:italic 700 clamp(18px,2.1vw,31px)/1.25 Georgia,serif}.entry-actions{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0 15px}.entry small{color:#b9b2bb}
.hero{padding:0;min-height:115svh;align-items:flex-end}.hero-photo{position:absolute;inset:-12%;background:url('./assets/img/interview_photo.jpg') center 28%/cover no-repeat;filter:grayscale(1) contrast(1.18) brightness(.68);transform:scale(1.08)}.hero-scrim{position:absolute;inset:0;background:linear-gradient(90deg,#050507 0 26%,rgba(5,5,7,.12) 66%,#050507 110%),linear-gradient(0deg,#050507 0,transparent 45%)}.hero-copy{padding:0 max(24px,calc((100vw - var(--max))/2)) 120px;width:min(1040px,92vw)}.hero-copy h1{font:900 clamp(96px,17vw,260px)/.7 Impact,'Arial Black',sans-serif;letter-spacing:-.06em;margin:0;position:relative;z-index:2}.hero-copy h1 em{font-family:Georgia,serif;font-size:.44em;color:var(--pink);font-weight:700}.hero-line{max-width:720px;font:italic 700 clamp(20px,2.2vw,34px)/1.25 Georgia,serif;margin:28px 0 28px}.hero-echoes{position:absolute;inset:15% 0 auto;display:grid;gap:0;opacity:.13;mix-blend-mode:screen}.hero-echoes i{font:900 17vw/.7 Impact,sans-serif;white-space:nowrap;color:transparent;-webkit-text-stroke:2px #fff;transform:translateX(-2vw)}.hero-echoes i:nth-child(2){transform:translateX(16vw)}.hero-echoes i:nth-child(3){transform:translateX(40vw)}.runtime{position:absolute;right:3vw;bottom:5vh;color:#fff;font:900 clamp(48px,9vw,140px)/1 Impact,sans-serif;opacity:.18;letter-spacing:-.06em}
.attack{background:#ff2f7f;min-height:125svh;color:#080408}.comment-photo{position:absolute;right:-6vw;top:-8vh;width:58vw;height:118%;background:url('./assets/img/public_comment.jpg') center top/cover no-repeat;filter:grayscale(1) contrast(1.1);opacity:.22;transform:rotate(4deg) scale(1.05)}.attack-words{position:absolute;inset:10% -5%;display:flex;flex-direction:column;justify-content:space-around;font:900 clamp(70px,13vw,210px)/.74 Impact,sans-serif;color:transparent;-webkit-text-stroke:2px rgba(6,4,7,.45);transform:rotate(-4deg)}.attack-words span:nth-child(2){text-align:right}.attack-copy{width:min(760px,90vw)}.attack-copy h2{font:900 clamp(76px,11vw,165px)/.78 Impact,sans-serif;letter-spacing:-.055em;margin:0 0 32px}.attack-copy p{font:700 clamp(20px,2.2vw,31px)/1.35 Georgia,serif;max-width:700px}.source-photo{position:absolute;z-index:20;inset:7vh 6vw 7vh auto;width:min(420px,38vw);transform:translateX(130%) rotate(5deg);transition:.55s cubic-bezier(.2,.8,.2,1);box-shadow:0 40px 80px rgba(0,0,0,.5);border:8px solid #080408}.source-photo.open{transform:translateX(0) rotate(1deg)}.source-photo img{display:block;width:100%}
.escalation{background:#070507;min-height:125svh}.red-light{position:absolute;inset:-20%;background:radial-gradient(circle at 70% 45%,rgba(255,0,30,.62),transparent 25%),radial-gradient(circle at 20% 60%,rgba(255,47,127,.36),transparent 30%);filter:blur(30px);animation:siren 3.6s ease-in-out infinite alternate}.portrait-ghost{position:absolute;width:50vw;height:100%;top:0;background:url('./assets/img/interview_photo.jpg') center/cover no-repeat;filter:grayscale(1) contrast(1.35) brightness(.34);mix-blend-mode:screen;opacity:.36}.ghost-a{right:-3vw;clip-path:polygon(20% 0,100% 0,100% 100%,0 100%)}.ghost-b{right:28vw;transform:scaleX(-1);opacity:.12}.escalation-copy{max-width:1050px}.escalation-copy h2{font:900 clamp(86px,14vw,220px)/.66 Impact,sans-serif;letter-spacing:-.05em;margin:0}.escalation-copy h2 span{color:var(--red)}.precision{max-width:740px;margin:34px 0;font:700 clamp(18px,1.85vw,27px)/1.42 Georgia,serif;color:#eee7e9}.pulse-copy{position:absolute;z-index:9;right:4vw;bottom:10vh;width:min(420px,76vw);font:900 clamp(34px,5vw,74px)/.9 Impact,sans-serif;color:#fff;opacity:.08;transform:rotate(-4deg);transition:.25s}.pulse-copy.live{opacity:1;color:var(--acid);transform:rotate(2deg) scale(1.05)}
.contradiction{background:#020203;min-height:105svh;justify-content:center;text-align:center}.contradiction-copy{max-width:1040px}.quote-switch p{font:900 clamp(64px,11vw,170px)/.82 Impact,sans-serif;letter-spacing:-.055em;margin:14px 0}.quote-switch small{font:italic 700 17px/1.4 Georgia,serif;color:#aaa3ab}.fracture{position:absolute;inset:0;background:linear-gradient(104deg,transparent 49.3%,rgba(255,255,255,.6) 49.5%,transparent 49.7%),linear-gradient(78deg,transparent 59.3%,rgba(255,47,127,.6) 59.5%,transparent 59.7%);opacity:.18;mix-blend-mode:screen}
.kinnerton{background:linear-gradient(135deg,#e7dfd7 0 50%,#111114 50%);color:#070608;min-height:110svh}.kinnerton:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--pink);box-shadow:0 0 40px var(--pink)}.address{position:absolute;font:900 min(55vw,820px)/.8 Impact,sans-serif;color:rgba(255,255,255,.15);right:-2vw;bottom:-12vh;mix-blend-mode:difference}.kinnerton-copy{width:100%}.kinnerton-copy h2{display:grid;grid-template-columns:1fr auto 1fr;gap:28px;align-items:center;margin:0 0 30px;font:900 clamp(66px,9.5vw,150px)/.78 Impact,sans-serif;letter-spacing:-.05em}.kinnerton-copy h2 .owned{text-align:right;color:#070608}.kinnerton-copy h2 .lived{color:#fff}.kinnerton-copy h2 i{font-family:Georgia,serif;color:var(--pink);font-size:.7em}.kinnerton-copy p{max-width:870px;margin:30px auto;color:#2e292d;background:rgba(255,255,255,.82);padding:18px 22px;font:700 clamp(17px,1.7vw,25px)/1.4 Georgia,serif}.kinnerton .art-button{display:block;margin:auto;background:var(--pink)}.kinnerton.collide .owned{transform:translateX(25vw) rotate(7deg)}.kinnerton.collide .lived{transform:translateX(-25vw) rotate(-7deg)}.owned,.lived{transition:.45s cubic-bezier(.2,.8,.2,1)}
.anouska{background:#f2ece5;color:#080709;min-height:105svh;display:grid;grid-template-columns:1.05fr .95fr;gap:60px}.anouska-title h2{font:900 clamp(70px,9vw,140px)/.8 Impact,sans-serif;letter-spacing:-.05em;margin:0 0 30px}.anouska-title p:last-child{font:700 clamp(19px,2vw,30px)/1.38 Georgia,serif;max-width:760px}.rejector{display:grid;grid-template-columns:1fr 1fr;gap:12px}.rejector button{min-height:120px;border:3px solid #080709;background:transparent;color:#080709;font-weight:1000;font-size:15px;cursor:pointer;transition:.2s}.rejector button:hover,.rejector button.active{background:#080709;color:#fff;transform:rotate(-2deg)}#rejectReadout{grid-column:1/-1;background:var(--pink);color:#080709;padding:20px;font:900 26px/1.05 Impact,sans-serif;min-height:90px;display:grid;place-items:center;text-align:center}
.dogs{background:#11070e;min-height:110svh}.dog-source{position:absolute;right:-4vw;top:7vh;width:min(62vw,860px);height:88vh;background:url('./assets/img/spaniel_2.jpg') 45% 50%/cover no-repeat;filter:grayscale(.35) contrast(1.12) brightness(.52);transform:rotate(4deg) scale(1.03);box-shadow:0 40px 100px rgba(0,0,0,.65)}.dog-source:after{content:"";position:absolute;left:-24%;bottom:-12%;width:48%;height:55%;background:url('./assets/img/spaniel_1.jpg') center/cover no-repeat;transform:rotate(-10deg);border:8px solid #efe8df;box-shadow:0 28px 65px rgba(0,0,0,.55)}.dogs:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 42%,transparent 0 18%,#11070e 58%),linear-gradient(90deg,#11070e 0 38%,transparent 75%)}.dogs-copy{max-width:850px}.dogs-copy h2{font:900 clamp(80px,11vw,170px)/.78 Impact,sans-serif;letter-spacing:-.055em;margin:0 0 30px}.dogs-copy p{font:700 clamp(20px,2vw,30px)/1.35 Georgia,serif;max-width:690px}
.fan{background:radial-gradient(circle at 50% 30%,#fff0a6 0 4%,#ffdf3a 14%,#ff2f7f 42%,#5b22ff 72%,#050507 105%);color:#09040a;text-align:center;justify-content:center;min-height:115svh}.glitter-field{position:absolute;inset:0;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.5px),radial-gradient(circle,#fff0a6 0 2px,transparent 2.5px);background-size:21px 21px,47px 47px;animation:glitter 6s linear infinite;opacity:.72}.fan-copy{max-width:920px}.fan-copy h2{font:900 clamp(100px,16vw,240px)/.68 Impact,sans-serif;letter-spacing:-.06em;margin:0}.fan-copy h2 span{font-family:Georgia,serif;font-style:italic;color:white;text-shadow:0 5px 0 #a22266,0 14px 50px rgba(0,0,0,.3);font-size:.62em}.five{font:900 clamp(140px,24vw,360px)/.68 Impact,sans-serif;color:#fff7c8;text-shadow:0 6px 0 #d09900,0 18px 55px rgba(0,0,0,.35);transform:rotate(-5deg);margin:30px 0}.fan-copy p{max-width:760px;margin:20px auto;font:700 clamp(17px,1.7vw,25px)/1.35 Georgia,serif}.glitter{background:#080408;color:#fff}
.audio-art{background:#050507;min-height:115svh}.wave{position:absolute;inset:12% 0 auto;height:38vh;display:flex;justify-content:center;gap:1.6vw;align-items:center;opacity:.16}.wave i{width:2vw;min-width:7px;max-width:26px;background:linear-gradient(var(--pink),#fff);height:40%;animation:wave 1.2s ease-in-out infinite alternate}.wave i:nth-child(2n){height:80%;animation-delay:-.4s}.wave i:nth-child(3n){height:55%;animation-delay:-.8s}.audio-copy{width:100%;max-width:1100px;margin:auto}.audio-copy h2{font:900 clamp(74px,10vw,160px)/.78 Impact,sans-serif;letter-spacing:-.05em;margin:0 0 28px}.audio-copy h2 span{color:var(--pink)}.audio-copy>p:last-of-type{max-width:760px;font:700 22px/1.4 Georgia,serif}.clip-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:32px}.clip{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.045);color:#fff;min-height:94px;padding:15px;text-align:left;cursor:pointer;transition:.2s}.clip:hover,.clip.playing{border-color:var(--pink);background:rgba(255,47,127,.16);transform:translateY(-2px)}.clip span{display:block;color:var(--pink);font-size:9px;font-weight:900;letter-spacing:.13em}.clip strong{display:block;margin-top:8px;font-size:13px}.manual-status{margin-top:12px;color:#aaa3ab;font-size:11px;letter-spacing:.12em}
.finale{background:#020203;min-height:120svh}.final-portrait{position:absolute;inset:-12%;background:url('./assets/img/interview_photo.jpg') center 24%/cover no-repeat;filter:grayscale(1) contrast(1.35) brightness(.28);opacity:.55}.finale:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#020203 0 35%,transparent 80%),linear-gradient(0deg,#020203,transparent 50%)}.final-copy{max-width:1050px}.final-copy h2{font:900 clamp(82px,12vw,190px)/.73 Impact,sans-serif;letter-spacing:-.055em;margin:0 0 35px}.final-copy h2 span{color:var(--pink)}.final-copy>p:not(.kicker):not(.fineprint){max-width:760px;font:700 clamp(20px,2vw,31px)/1.37 Georgia,serif}.fineprint{margin-top:45px;color:#8f8991;font-size:10px;letter-spacing:.08em;max-width:720px}.toast{position:fixed;z-index:200;left:50%;bottom:92px;transform:translate(-50%,20px);opacity:0;background:#fff;color:#080408;padding:11px 16px;border-radius:999px;font-size:11px;font-weight:900;transition:.25s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}.dog-particle{position:fixed;z-index:150;top:-90px;width:70px;height:70px;border-radius:50%;overflow:hidden;pointer-events:none;box-shadow:0 8px 22px rgba(0,0,0,.35);border:2px solid rgba(255,255,255,.7);animation:dogfall var(--dur) linear forwards}.dog-particle img{width:100%;height:100%;object-fit:cover;display:block}.reduce-motion *{animation:none!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.reduce-motion .reveal{transform:none!important;opacity:1!important}
@keyframes siren{from{transform:translateX(-8vw) scale(.95)}to{transform:translateX(8vw) scale(1.05)}}@keyframes glitter{to{background-position:180px 90px,-90px 180px}}@keyframes wave{from{transform:scaleY(.35)}to{transform:scaleY(1.15)}}@keyframes dogfall{to{transform:translate(var(--drift),115vh) rotate(720deg);opacity:.15}}
@media(max-width:900px){.panel{padding:105px 22px 95px}.chrome-controls button:first-child{display:none}.audio-ribbon{grid-template-columns:auto 1fr 28px 28px 28px}.entry-inner{margin-left:3vw}.hero-copy{padding:0 22px 105px}.hero-copy h1{font-size:22vw}.comment-photo{width:80vw;right:-32vw}.attack-copy{width:78vw}.source-photo{width:62vw}.escalation-copy h2{font-size:17vw}.portrait-ghost{width:75vw}.kinnerton-copy h2{gap:12px;font-size:11vw}.anouska{grid-template-columns:1fr;gap:32px}.clip-strip{grid-template-columns:1fr 1fr}.dogs:before{background:linear-gradient(90deg,#11070e 0 30%,rgba(17,7,14,.65) 70%,#11070e)}.dogs-copy{max-width:80vw}}
@media(max-width:560px){.chrome{padding:11px 12px}.wordmark{font-size:15px}.chrome-controls{gap:4px}.chrome-controls button{font-size:8px;padding:8px}.entry h1{font-size:19vw}.entry-dek{font-size:18px}.hero{min-height:105svh}.hero-photo{background-position:47% 35%}.hero-copy h1{font-size:25vw}.hero-line{font-size:19px}.hero-echoes{top:18%}.runtime{bottom:13vh}.attack{min-height:110svh}.comment-photo{width:110vw;right:-62vw;opacity:.17}.attack-words{font-size:24vw}.attack-copy{width:88vw}.attack-copy h2{font-size:18vw}.source-photo{inset:10vh 8vw auto auto;width:84vw}.escalation{min-height:110svh}.escalation-copy h2{font-size:22vw}.precision{font-size:17px}.pulse-copy{bottom:8vh}.quote-switch p{font-size:18vw}.kinnerton{background:linear-gradient(180deg,#e7dfd7 0 50%,#111114 50%)}.kinnerton:before{top:50%;left:0;right:0;width:auto;height:2px;bottom:auto}.kinnerton-copy h2{grid-template-columns:1fr;gap:14px;text-align:center;font-size:18vw}.kinnerton-copy h2 .owned,.kinnerton-copy h2 .lived{text-align:center}.kinnerton-copy h2 .lived{color:#fff;text-shadow:0 1px 8px #000}.kinnerton.collide .owned{transform:translateY(15vh) rotate(5deg)}.kinnerton.collide .lived{transform:translateY(-15vh) rotate(-5deg)}.kinnerton-copy p{font-size:16px}.anouska-title h2{font-size:17vw}.anouska-title p:last-child{font-size:17px}.rejector{grid-template-columns:1fr}.rejector button{min-height:78px}.rejector button:last-of-type{grid-column:auto}#rejectReadout{grid-column:auto;font-size:22px}.dogs-copy{max-width:92vw}.dogs-copy h2{font-size:20vw}.fan-copy h2{font-size:24vw}.clip-strip{grid-template-columns:1fr}.audio-copy h2{font-size:18vw}.final-copy h2{font-size:20vw}.audio-ribbon span{display:none}.audio-ribbon{grid-template-columns:1fr 28px 28px 28px}}


/* P21 corrective interaction expansion — photographic, not interface-first */
.hero-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.hero{--mx:0;--my:0}.hero-photo{transition:filter .25s ease;transform-origin:center}.hero.pointer-live .hero-photo{filter:contrast(1.08) saturate(1.08)}.hero.pointer-live .hero-copy{transform:translate3d(calc(var(--mx)*10px),calc(var(--my)*7px),0)}
.samantha-overload-layer{position:fixed;inset:0;z-index:72;pointer-events:none;overflow:hidden}.overload-face{position:absolute;width:clamp(90px,13vw,220px);aspect-ratio:.72;background:url('./assets/img/interview_photo.jpg') center 28%/cover no-repeat;border-radius:2px;box-shadow:0 18px 60px rgba(0,0,0,.48);mix-blend-mode:screen;opacity:0;animation:faceIn .42s forwards cubic-bezier(.2,.8,.2,1)}.samantha-overload .hero-echoes{opacity:.44;filter:blur(.2px)}.samantha-overload .hero-copy h1{letter-spacing:-.08em;transform:scale(1.025)}
.attack-words span{cursor:pointer;transition:opacity .25s,filter .25s,transform .25s}.attack-words span:hover{filter:blur(0);opacity:1;transform:scale(1.035)}
.escalation-copy h2{cursor:crosshair}.escalation-copy h2 span,.escalation-copy h2{transition:filter .2s,letter-spacing .2s}.escalation.pressure-live h2{filter:blur(.35px) contrast(1.15);letter-spacing:-.075em}.escalation.pressure-live .portrait-ghost{opacity:.42!important;transform:scale(1.08)}
.kinnerton{--drag:0;touch-action:pan-y}.kinnerton.dragging .owned{transform:translateX(calc(var(--drag)*10vw)) rotate(calc(var(--drag)*4deg))}.kinnerton.dragging .lived{transform:translateX(calc(var(--drag)*-10vw)) rotate(calc(var(--drag)*-4deg))}.kinnerton.dragging .address{filter:blur(calc(var(--drag)*7px))}.kinnerton:after{content:'DRAG ACROSS THIS SCENE';position:absolute;left:50%;bottom:28px;transform:translateX(-50%);font:900 10px/1 Arial;letter-spacing:.22em;color:rgba(255,255,255,.48);mix-blend-mode:difference;z-index:8;pointer-events:none}
.rejector button.ejected{animation:eject .62s cubic-bezier(.17,.89,.32,1.28) forwards}
.fan{overflow:hidden}.fan-portrait{position:absolute;width:min(38vw,530px);aspect-ratio:.72;background:url('./assets/img/interview_photo.jpg') center 25%/cover no-repeat;filter:grayscale(1) contrast(1.15);opacity:.22;mix-blend-mode:multiply}.fan-portrait-a{left:-7vw;bottom:-20vh;transform:rotate(-12deg)}.fan-portrait-b{right:-8vw;top:-15vh;transform:rotate(11deg) scaleX(-1)}.fan-copy p{max-width:680px}.fan.glitter-live .fan-portrait-a{animation:fanA 1.1s cubic-bezier(.2,.8,.2,1)}.fan.glitter-live .fan-portrait-b{animation:fanB 1.1s cubic-bezier(.2,.8,.2,1)}
.audio-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.42;mix-blend-mode:screen;pointer-events:none}.audio-art{--audio:0}.audio-art .audio-copy h2{transform:scale(calc(1 + var(--audio)*.018));text-shadow:0 0 calc(10px + var(--audio)*24px) rgba(255,47,127,.28)}.audio-art.audio-live .wave{opacity:.08}
.glitter-particle{position:fixed;z-index:120;pointer-events:none;color:#fff7bd;text-shadow:0 0 9px #fff,0 0 18px #ff2f7f;font-style:normal;font-size:clamp(10px,1.7vw,24px);animation:glitterPop var(--gd) cubic-bezier(.16,.84,.28,1) forwards}
@keyframes faceIn{0%{opacity:0;transform:scale(.45) rotate(var(--rot))}100%{opacity:var(--op);transform:scale(1) rotate(var(--rot))}}@keyframes eject{0%{transform:translate3d(0,0,0) rotate(0);opacity:1}45%{transform:translate3d(14px,-12px,0) rotate(4deg);opacity:1}100%{transform:translate3d(var(--ex),var(--ey),0) rotate(var(--er));opacity:0}}@keyframes fanA{0%,100%{transform:rotate(-12deg) translateX(0)}50%{transform:rotate(-7deg) translateX(9vw) scale(1.05)}}@keyframes fanB{0%,100%{transform:rotate(11deg) scaleX(-1) translateX(0)}50%{transform:rotate(6deg) scaleX(-1) translateX(9vw) scale(1.05)}}@keyframes glitterPop{0%{opacity:0;transform:translate3d(0,0,0) scale(.2) rotate(0)}18%{opacity:1}100%{opacity:0;transform:translate3d(var(--gx),var(--gy),0) scale(1.3) rotate(280deg)}}
@media(max-width:560px){.hero-actions{flex-direction:column;align-items:flex-start}.hero-actions .art-button{width:100%}.kinnerton:after{font-size:8px;bottom:18px}.fan-portrait{width:62vw}.audio-canvas{opacity:.3}}
.reduce-motion .overload-face,.reduce-motion .fan-portrait,.reduce-motion .audio-canvas,.reduce-motion .glitter-particle{display:none!important}.reduce-motion .kinnerton:after{content:'MOTION REDUCED'}


/* SH-WEB-P23 corrective art direction: outlined 90s display type + cartoon eye interruptions */
:root{--teal:#23e6d2;--deep:#050507}
.hero-copy h1,.attack-copy h2,.escalation-copy h2,.quote-switch p,.anouska-title h2,.dogs-copy h2,.fan-copy h2,.audio-copy h2,.final-copy h2{
  paint-order:stroke fill;-webkit-text-stroke:3px var(--teal);text-shadow:5px 5px 0 #050507,8px 8px 0 rgba(35,230,210,.18)
}
.hero-copy h1 em{paint-order:stroke fill;-webkit-text-stroke:2px #050507;text-shadow:3px 3px 0 var(--teal)}
.attack-copy h2{color:#fff;-webkit-text-stroke:3px #050507;text-shadow:5px 5px 0 var(--teal)}
.anouska-title h2{color:#080709;-webkit-text-stroke:2px #fff;text-shadow:4px 4px 0 var(--teal)}
.entry h1{paint-order:stroke fill;-webkit-text-stroke:3px var(--teal);text-shadow:6px 6px 0 #000,9px 9px 0 rgba(255,47,127,.42)}
.entry h1 span{-webkit-text-stroke:2px #fff;text-shadow:3px 3px 0 #000}
.sitcom-bug{position:absolute;z-index:6;right:4vw;top:15vh;font:900 clamp(22px,3.2vw,54px)/.85 Impact,'Arial Black',sans-serif;letter-spacing:.02em;color:#fff;-webkit-text-stroke:2px #050507;text-shadow:3px 3px 0 var(--teal);transform:rotate(5deg);opacity:.78}

/* P23R1: photographed physical googly eyes. Source: Wikimedia Commons Googly.jpg, public domain. */
.eye-pop{position:absolute;z-index:14;width:170px;height:92px;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.16);filter:drop-shadow(0 13px 16px rgba(0,0,0,.62))}
.eye-pop .eye{position:absolute;top:7px;width:76px;height:76px;border-radius:50%;overflow:hidden;background-image:url("https://upload.wikimedia.org/wikipedia/commons/0/09/Googly.jpg");background-repeat:no-repeat;background-size:200% 100%;box-shadow:0 6px 16px rgba(0,0,0,.52);transform-origin:50% 100%;clip-path:circle(48% at 50% 50%)}
.eye-pop .eye.left{left:4px;background-position:left center}.eye-pop .eye.right{right:4px;background-position:right center}
.eye-pop.pop{opacity:1;animation:eyes-shell 1.28s cubic-bezier(.15,.9,.2,1) both}
.eye-pop.pop .eye.left{animation:left-eye-pop 1.28s cubic-bezier(.15,.9,.2,1) both}
.eye-pop.pop .eye.right{animation:right-eye-pop 1.28s cubic-bezier(.15,.9,.2,1) both}
.hero-eyes{left:53.6%;top:7.4%}.escalation-eyes{left:76%;top:31%}.finale-eyes{left:72%;top:30%}
@keyframes eyes-shell{0%,100%{opacity:0;transform:translate(-50%,-50%) scale(.12)}7%{opacity:1}16%,76%{opacity:1;transform:translate(-50%,-50%) scale(1)}90%{opacity:1;transform:translate(-50%,-50%) scale(.42)}}
@keyframes left-eye-pop{0%,100%{transform:translate(0,0) scale(.18) rotate(0)}18%{transform:translate(-10px,-3px) scale(.95) rotate(-2deg)}39%{transform:translate(-48px,-18px) scale(1.65) rotate(-11deg)}55%{transform:translate(-34px,-7px) scale(1.42) rotate(8deg)}73%{transform:translate(-21px,-4px) scale(1.18) rotate(-5deg)}90%{transform:translate(0,0) scale(.42) rotate(0)}}
@keyframes right-eye-pop{0%,100%{transform:translate(0,0) scale(.18) rotate(0)}18%{transform:translate(10px,-3px) scale(.95) rotate(2deg)}39%{transform:translate(48px,-18px) scale(1.65) rotate(11deg)}55%{transform:translate(34px,-7px) scale(1.42) rotate(-8deg)}73%{transform:translate(21px,-4px) scale(1.18) rotate(5deg)}90%{transform:translate(0,0) scale(.42) rotate(0)}}

@media(max-width:700px){
 .hero-copy h1,.attack-copy h2,.escalation-copy h2,.quote-switch p,.anouska-title h2,.dogs-copy h2,.fan-copy h2,.audio-copy h2,.final-copy h2{-webkit-text-stroke-width:2px;text-shadow:3px 3px 0 #050507,5px 5px 0 rgba(35,230,210,.18)}
 .entry h1{-webkit-text-stroke-width:2px;text-shadow:4px 4px 0 #000,6px 6px 0 rgba(255,47,127,.4)}
 .hero-eyes{left:58%;top:10.5%;transform:translate(-50%,-50%) scale(.72)}.escalation-eyes{left:70%;top:25%;transform:translate(-50%,-50%) scale(.7)}.finale-eyes{left:68%;top:25%;transform:translate(-50%,-50%) scale(.7)}
 .sitcom-bug{top:13vh;right:4vw;font-size:23px}
}
.reduce-motion .eye-pop{display:none!important}
@media(max-width:560px){
  .hero-copy h1{font-size:18vw;line-height:.74;letter-spacing:-.045em}
  .hero-copy h1 em{font-size:.58em}
}

/* SH-WEB-P24 — premium polish. Same concept, cleaner art direction. */
:root{--teal:#39e6d5;--cream:#f4eee7;--ink2:#0b0a0d;--magenta:#f02b77;--soft:#b8b0b7}
body{font-family:'DM Sans',Arial,Helvetica,sans-serif;text-rendering:optimizeLegibility}
.panel{isolation:isolate}
.panel:after{opacity:.075;mix-blend-mode:overlay}
.kicker{font-family:'DM Sans',Arial,sans-serif;font-size:11px;letter-spacing:.19em;font-weight:900;color:var(--teal)}
.entry-dek,.hero-line,.attack-copy p,.precision,.kinnerton-copy p,.anouska-title p:last-child,.dogs-copy p,.fan-copy p,.audio-copy>p:last-of-type,.final-copy p,.quote-switch small{font-family:'Newsreader',Georgia,serif}
.entry h1,.hero-copy h1,.attack-copy h2,.escalation-copy h2,.quote-switch p,.kinnerton-copy h2,.anouska-title h2,.dogs-copy h2,.fan-copy h2,.audio-copy h2,.final-copy h2,.attack-words,.runtime,.pulse-copy,.address{font-family:'Archivo Black','Arial Black',Impact,sans-serif!important}

/* Premium outlined display type: thinner stroke, one clean dimensional offset. */
.hero-copy h1,.attack-copy h2,.escalation-copy h2,.quote-switch p,.anouska-title h2,.dogs-copy h2,.fan-copy h2,.audio-copy h2,.final-copy h2{
  -webkit-text-stroke:1.5px var(--teal);paint-order:stroke fill;
  text-shadow:3px 3px 0 var(--ink2),7px 7px 22px rgba(0,0,0,.24);
  letter-spacing:-.045em;
}
.hero-copy h1{color:var(--cream);-webkit-text-stroke:2.25px var(--teal);text-shadow:4px 4px 0 #08070a,12px 12px 36px rgba(0,0,0,.34)}
.hero-copy h1 em{font-family:'Newsreader',Georgia,serif;font-style:italic;font-weight:650;color:#f13a7d;-webkit-text-stroke:1px #08070a;text-shadow:2px 2px 0 var(--teal),7px 8px 24px rgba(0,0,0,.3)}
.attack-copy h2{color:#fff;-webkit-text-stroke:1.5px #0a090c;text-shadow:3px 3px 0 var(--teal),8px 8px 26px rgba(0,0,0,.18)}
.anouska-title h2{color:#0a090b;-webkit-text-stroke:1px #fff;text-shadow:3px 3px 0 rgba(57,230,213,.72)}
.entry h1{-webkit-text-stroke:2px var(--teal);text-shadow:4px 4px 0 #050507,11px 11px 34px rgba(0,0,0,.45)}
.entry h1 span{font-family:'Newsreader',Georgia,serif;-webkit-text-stroke:1px #fff;text-shadow:2px 2px 0 #060507}

/* Kill the generic app-button look. */
.cta,.art-button,.chrome-controls button{border-radius:2px!important;font-family:'DM Sans',Arial,sans-serif;font-weight:900;letter-spacing:.14em;box-shadow:none}
.cta,.art-button{position:relative;border:1px solid currentColor;padding:14px 19px;background:transparent;color:inherit;overflow:hidden}
.cta:before,.art-button:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:var(--teal);transform:scaleX(.22);transform-origin:left;transition:transform .25s ease}
.cta:hover:before,.art-button:hover:before{transform:scaleX(1)}
.cta:hover,.art-button:hover{transform:translateY(-1px)}
.hot{background:var(--magenta);color:#080408;border-color:var(--magenta)}
.ghost{background:rgba(5,5,7,.22);color:#fff;border-color:rgba(255,255,255,.36)}
.art-button{background:#f4eee7;color:#070609;border-color:#f4eee7}.art-button.invert{background:#0a090c;color:#fff;border-color:rgba(255,255,255,.52)}
.chrome{padding:15px 20px;background:linear-gradient(180deg,rgba(3,3,5,.93),rgba(3,3,5,.32) 64%,transparent);backdrop-filter:blur(12px)}
.chrome-controls button{background:rgba(6,6,8,.64);padding:8px 12px;border:1px solid rgba(255,255,255,.18)}
.wordmark{font-family:'Archivo Black','Arial Black',sans-serif;font-size:15px;letter-spacing:-.04em}
.audio-ribbon{border-radius:3px;background:rgba(5,5,7,.9);border-color:rgba(255,255,255,.14);box-shadow:0 18px 60px rgba(0,0,0,.35)}
.audio-ribbon button{border-radius:2px;background:#f4eee7}

/* Entry and hero: editorial photograph first, interface second. */
.entry-photo{filter:grayscale(1) contrast(1.08) brightness(.62);transform:scale(1.035)}
.entry-vignette{background:linear-gradient(90deg,rgba(5,5,7,.96) 0 38%,rgba(5,5,7,.28) 66%,rgba(5,5,7,.62) 100%),linear-gradient(0deg,#050507 0,transparent 35%,rgba(5,5,7,.12) 100%)}
.entry-inner{width:min(820px,88vw);margin-left:7vw}
.entry h1{font-size:clamp(72px,10.4vw,158px);line-height:.79;margin:18px 0 24px}.entry h1 span{font-size:.48em}
.entry-dek{font-size:clamp(19px,1.85vw,28px);line-height:1.28;max-width:620px;color:#eee7e3}
.series{font-family:'DM Sans',Arial,sans-serif;color:var(--teal);letter-spacing:.26em}

.hero-photo{filter:grayscale(1) contrast(1.13) brightness(.66);background-position:center 24%;transform:scale(1.055)}
.hero-scrim{background:linear-gradient(90deg,#050507 0 21%,rgba(5,5,7,.08) 58%,rgba(5,5,7,.28) 82%,#050507 112%),linear-gradient(0deg,#050507 0,rgba(5,5,7,.42) 18%,transparent 48%)}
.hero-copy{padding-bottom:105px;width:min(980px,90vw)}
.hero-copy h1{font-size:clamp(88px,14.5vw,220px);line-height:.73}
.hero-line{font-size:clamp(20px,1.8vw,29px);line-height:1.34;max-width:660px;color:#eee8e4}
.hero-echoes{opacity:.075;mix-blend-mode:screen;top:17%}.hero-echoes i{-webkit-text-stroke:1px rgba(255,255,255,.8);font-size:14vw}
.runtime{opacity:.1;font-size:clamp(42px,7vw,100px)}
.sitcom-bug{top:16vh;right:4vw;font-size:clamp(18px,2.5vw,36px);color:var(--cream);-webkit-text-stroke:1px #08070a;text-shadow:2px 2px 0 var(--teal);opacity:.86;letter-spacing:.04em}

/* Sections use fewer effects, stronger composition. */
.attack{background:#e92e72;color:#09070a}.comment-photo{opacity:.16;filter:grayscale(1) contrast(1.12);width:52vw;right:-3vw;transform:rotate(2deg) scale(1.03)}
.attack-words{opacity:.56;font-size:clamp(62px,10vw,150px);-webkit-text-stroke:1px rgba(5,5,7,.42);transform:rotate(-2deg)}
.attack-copy{width:min(720px,88vw)}.attack-copy h2{font-size:clamp(70px,9vw,138px);line-height:.79}.attack-copy p{font-size:clamp(20px,1.8vw,28px)}
.source-photo{border:0;box-shadow:0 42px 110px rgba(0,0,0,.48);background:#0b0a0d;padding:5px}

.escalation{background:#060509}.red-light{opacity:.58;filter:blur(70px);animation-duration:5.5s}.portrait-ghost{opacity:.24;filter:grayscale(1) contrast(1.22) brightness(.42)}
.escalation-copy h2{font-size:clamp(78px,11.5vw,180px);line-height:.69}.precision{font-size:clamp(18px,1.65vw,25px);line-height:1.47;max-width:760px;color:#e5dfe2}.pulse-copy{opacity:.045}

.contradiction{background:radial-gradient(circle at 50% 50%,#121018 0,#040405 62%)}.quote-switch p{font-size:clamp(58px,9.2vw,140px);line-height:.86;color:var(--cream)}.fracture{opacity:.09}

.kinnerton{background:linear-gradient(135deg,#ebe4dc 0 50%,#0d0c10 50%)}.kinnerton-copy h2{font-size:clamp(58px,8vw,122px);gap:20px}.kinnerton-copy p{box-shadow:0 25px 70px rgba(0,0,0,.18);background:rgba(247,242,236,.92);font-size:clamp(17px,1.5vw,23px)}

.anouska{background:#f1ebe5}.rejector{gap:1px;background:#d5cdc7;border:1px solid #d5cdc7}.rejector button{border:0;border-radius:0;background:#f7f1eb;font-family:'DM Sans',Arial,sans-serif;letter-spacing:.08em;transition:background .2s,transform .2s}.rejector button:hover{background:#dffcf8}.anouska-title h2{font-size:clamp(66px,8vw,118px);line-height:.83}

.dogs{background:#10080f}.dogs:before{background:radial-gradient(circle at 70% 42%,transparent 0 16%,#10080f 58%),linear-gradient(90deg,#10080f 0 36%,transparent 76%)}.dog-source{box-shadow:0 45px 130px rgba(0,0,0,.6);filter:grayscale(.18) contrast(1.05) brightness(.62);transform:rotate(2deg) scale(1.02)}.dog-source:after{border:4px solid #eee7df;transform:rotate(-6deg)}.dogs-copy h2{font-size:clamp(72px,9.5vw,140px)}

/* Fan interruption: expensive excess, not rainbow-party CSS. */
.fan{background:radial-gradient(circle at 52% 45%,rgba(255,244,190,.95) 0 5%,rgba(240,43,119,.88) 24%,rgba(68,24,64,.96) 56%,#070508 92%);color:#f8f1eb}
.glitter-field{opacity:.46;background-image:radial-gradient(circle,rgba(255,255,255,.95) 0 .75px,transparent 1.1px),radial-gradient(circle,rgba(57,230,213,.82) 0 1px,transparent 1.4px);background-size:33px 33px,61px 61px;mix-blend-mode:screen}
.fan-copy h2{font-size:clamp(86px,13vw,190px);line-height:.72}.fan-copy h2 span{font-family:'Newsreader',Georgia,serif;color:#fff7d8;text-shadow:2px 2px 0 #4b1437,0 20px 70px rgba(0,0,0,.38)}
.fan-copy p{color:#f5eef2;font-size:clamp(18px,1.65vw,25px)}.fan-portrait{opacity:.17;filter:grayscale(1) contrast(1.08)}

.audio-art{background:radial-gradient(circle at 72% 34%,rgba(57,230,213,.07),transparent 28%),#050507}.wave{opacity:.075}.audio-canvas{opacity:.26}.audio-copy h2{font-size:clamp(68px,8.8vw,132px)}
.clip-strip{gap:1px;background:#242026;border:1px solid #242026}.clip{border:0;border-radius:0;background:#09080b;min-height:86px;padding:16px 17px}.clip:hover,.clip.playing{border:0;background:#18121a;transform:none;box-shadow:inset 0 -3px 0 var(--teal)}.clip span{color:var(--teal)}.clip strong{font-family:'DM Sans',Arial,sans-serif;font-weight:800}
.manual-status{color:#aaa2aa}

.finale{background:#060507}.final-portrait{opacity:.32;filter:grayscale(1) contrast(1.15) brightness(.52)}.final-copy h2{font-size:clamp(70px,9.3vw,140px);line-height:.79}.final-copy p{font-size:clamp(18px,1.6vw,24px);line-height:1.46}

/* Real physical googly-eye photograph, composited like an object rather than a sticker. */
.eye-pop{width:124px;height:62px;filter:drop-shadow(0 16px 18px rgba(0,0,0,.58));perspective:700px}
.eye-pop .eye{top:7px;width:48px;height:48px;border-radius:50%;background-image:url("https://upload.wikimedia.org/wikipedia/commons/2/27/Googly_eyes_%2814943528779%29.jpg");background-size:520px auto;background-repeat:no-repeat;box-shadow:inset 0 0 0 1px rgba(255,255,255,.52),inset -4px -5px 8px rgba(0,0,0,.15),0 7px 15px rgba(0,0,0,.48);clip-path:circle(48% at 50% 50%);backface-visibility:hidden}
.eye-pop .eye.left{left:8px;background-position:-307px -171px}.eye-pop .eye.right{right:8px;background-position:-380px -185px}
.eye-pop.pop{animation:premium-eyes-shell .96s cubic-bezier(.14,.86,.2,1) both}
.eye-pop.pop .eye.left{animation:premium-eye-left .96s cubic-bezier(.14,.86,.2,1) both}.eye-pop.pop .eye.right{animation:premium-eye-right .96s cubic-bezier(.14,.86,.2,1) both}
@keyframes premium-eyes-shell{0%,100%{opacity:0;transform:translate(-50%,-50%) scale(.18)}9%{opacity:1}20%,73%{opacity:1;transform:translate(-50%,-50%) scale(1)}92%{opacity:0;transform:translate(-50%,-50%) scale(.25)}}
@keyframes premium-eye-left{0%,100%{transform:translate3d(0,0,0) scale(.3) rotateY(0)}24%{transform:translate3d(-8px,-4px,60px) scale(1.05) rotate(-3deg)}45%{transform:translate3d(-31px,-18px,115px) scale(1.8) rotate(-9deg)}68%{transform:translate3d(-18px,-8px,72px) scale(1.25) rotate(5deg)}92%{transform:translate3d(0,0,0) scale(.35)}}
@keyframes premium-eye-right{0%,100%{transform:translate3d(0,0,0) scale(.3) rotateY(0)}24%{transform:translate3d(8px,-4px,60px) scale(1.05) rotate(3deg)}45%{transform:translate3d(31px,-18px,115px) scale(1.8) rotate(9deg)}68%{transform:translate3d(18px,-8px,72px) scale(1.25) rotate(-5deg)}92%{transform:translate3d(0,0,0) scale(.35)}}

.dog-particle img{border-radius:1px;box-shadow:0 13px 30px rgba(0,0,0,.34)}

@media(max-width:700px){
 .hero-copy h1,.attack-copy h2,.escalation-copy h2,.quote-switch p,.anouska-title h2,.dogs-copy h2,.fan-copy h2,.audio-copy h2,.final-copy h2{-webkit-text-stroke-width:1px;text-shadow:2px 2px 0 #050507,5px 5px 18px rgba(0,0,0,.24)}
 .entry h1{-webkit-text-stroke-width:1.5px;text-shadow:3px 3px 0 #000,8px 8px 24px rgba(0,0,0,.34)}
 .entry-inner{margin-left:6vw}.hero-copy h1{font-size:18.2vw;line-height:.76}.hero-line{font-size:18px}.sitcom-bug{font-size:19px;top:14vh}
 .eye-pop{transform:translate(-50%,-50%) scale(.74)}
 .attack-copy h2{font-size:16.5vw}.escalation-copy h2{font-size:19vw}.fan-copy h2{font-size:21vw}.audio-copy h2{font-size:16vw}.final-copy h2{font-size:17vw}
 .source-photo{width:82vw}.dog-source{opacity:.62}.dogs:before{background:linear-gradient(180deg,#10080f 0 35%,rgba(16,8,15,.2) 65%,#10080f 100%)}
}
.entry h1 span{color:#f13a7d!important;-webkit-text-stroke:1.1px #08070a!important;text-shadow:2px 2px 0 var(--teal),7px 8px 25px rgba(0,0,0,.34)!important}
.sitcom-bug{display:flex;align-items:flex-end;gap:.12em;transform:rotate(3deg);font-family:'DM Sans',Arial,sans-serif!important;text-shadow:none!important;-webkit-text-stroke:0!important}
.sitcom-bug span{font-family:'Newsreader',Georgia,serif;font-style:italic;font-weight:700;color:#f13a7d;font-size:.9em;line-height:.8;text-shadow:2px 2px 0 #050507}
.sitcom-bug b{font-family:'Archivo Black','Arial Black',sans-serif;font-weight:900;color:var(--cream);-webkit-text-stroke:1px var(--teal);paint-order:stroke fill;text-shadow:2px 2px 0 #050507}
.panel{scroll-margin-top:62px}
.eye-pop .eye.left{background-position:-330px -200px}.eye-pop .eye.right{background-position:-395px -200px}
@media(max-width:560px){.hero-copy h1{font-size:15.2vw!important;letter-spacing:-.035em}.hero-copy h1 em{font-size:.6em}.hero-copy{width:94vw}}