*{box-sizing:border-box} :root{--ink:#141320;--paper:#f4eddd;--accent:#eece48;--ease:cubic-bezier(.22,1,.36,1)}body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,Helvetica,sans-serif;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}#stage{position:relative;width:100%;height:100svh;min-height:480px;overflow:hidden;isolation:isolate;background:var(--ink);transition:background 1s}.ambient{position:absolute;inset:0;background:radial-gradient(ellipse at 10% 90%,var(--accent),transparent 68%);opacity:.12;transition:background 1s}.dots{position:absolute;inset:0;background-image:radial-gradient(currentColor 1px,transparent 1.5px);background-size:7px 7px;opacity:.09;mask-image:linear-gradient(110deg,black,transparent 80%);pointer-events:none}header{position:absolute;z-index:10;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:28px 4.8%;font-size:11px;letter-spacing:2px;font-weight:700}.wordmark{color:inherit;text-decoration:none;border-bottom:2px solid var(--accent);padding-bottom:7px}header button{border:0;background:transparent;font-size:12px;letter-spacing:.5px}#chapter{opacity:.65}#hero{position:absolute;left:44%;top:16%;width:52%;height:69%;overflow:hidden;transform:rotate(0deg);border:3px solid #090914;box-shadow:13px 13px 0 var(--accent);transition:left 1.1s var(--ease),top 1.1s var(--ease),width 1.1s var(--ease),height 1.1s var(--ease),transform 1.1s var(--ease),box-shadow 1s;will-change:transform}#photo{width:100%;height:100%;object-fit:cover;transform:scale(1);transition:opacity .25s,transform 1.6s var(--ease)}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,12,24,.25),transparent 70%)}#ghost{position:absolute;font-size:clamp(160px,28vw,480px);font-weight:900;line-height:.8;color:var(--accent);opacity:.09;left:1%;bottom:12%;font-style:italic;transition:transform 1.4s var(--ease)}#content{position:absolute;z-index:3;left:6%;top:50%;transform:translateY(-50%);width:48%;padding:25px 0}.eyebrow{font-size:clamp(10px,1.05vw,16px);font-weight:700;letter-spacing:3px;margin:0 0 22px;color:var(--accent)}h1{font-size:clamp(46px,6.4vw,106px);line-height:.95;letter-spacing:-.055em;font-weight:900;margin:0;text-transform:uppercase;font-style:italic;text-shadow:4px 4px 0 #141320}h1 .line{display:block;overflow:hidden;padding:0 10px 8px 0}h1 .line span{display:block;transform-origin:left bottom;animation:titleIn 1s var(--ease) both;animation-delay:calc(var(--i)*100ms)}.byline{font-size:17px;letter-spacing:.7px;margin-top:30px}.bullets{list-style:none;padding:0;margin:30px 0 0;max-width:550px}.bullets li{font-size:clamp(16px,1.6vw,25px);line-height:1.4;margin:15px 0;padding-left:24px;position:relative;animation:copyIn .9s var(--ease) both;animation-delay:calc(250ms + var(--i)*140ms)}.bullets li:before{content:"";position:absolute;left:0;top:.5em;width:8px;height:8px;background:var(--accent);transform:rotate(45deg)}.introHint{opacity:.6;font-size:12px;margin-top:34px;letter-spacing:1px}footer{position:absolute;z-index:10;left:4.8%;right:4.8%;bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:20px}footer nav{display:flex;align-items:center;gap:10px}footer button{background:transparent;border:1px solid #ffffff30;padding:10px 14px;font-size:12px}footer button:hover{background:var(--accent);color:var(--ink)}footer button:disabled{opacity:.25;cursor:default}#prev,#next{font-size:24px;padding:5px 18px}#next{background:var(--paper);color:var(--ink)}.progress{display:flex;gap:18px;align-items:center}#count{font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}#segments{display:flex;gap:5px}#segments button{width:20px;height:3px;border:0;padding:0;background:#ffffff28;transition:background .5s,transform .5s}#segments button.active{background:var(--accent);transform:scaleY(2)}#sourceCredit{position:absolute;right:5%;bottom:91px;max-width:50%;text-align:right;font-size:10px;opacity:.65}#wipe{position:absolute;z-index:6;inset:-15%;background:var(--accent);transform:translateX(-130%) skewX(-12deg);pointer-events:none}.cover #hero,.anchor #hero{left:28%;top:0;width:75%;height:100%;transform:rotate(0);border:0;box-shadow:none}.cover .shade,.anchor .shade{background:linear-gradient(90deg,#141320 0%,#14132080 40%,#14132010 100%),linear-gradient(0deg,#141320 0%,transparent 25%)}.cover #content{width:75%}.cover h1{font-size:clamp(64px,10.5vw,165px)}.cover h1 .line:nth-child(2){color:var(--accent)}.cover #ghost{display:none}.anchor #content{width:80%}.anchor h1{font-size:clamp(64px,10vw,155px)}.anchor .eyebrow{background:var(--accent);color:var(--ink);display:inline-block;padding:10px 17px;transform:rotate(-3deg)}.anchor #ghost{opacity:.22;left:58%;bottom:16%}.poster #hero{left:61%;width:31%;height:70%;top:15%;transform:rotate(0deg)}.poster #photo{object-fit:contain;background:#f8f4e5;transform:scale(1)}.wide #hero{left:42%;width:54%;top:18%;height:64%;transform:rotate(0deg)}.wide #content{width:43%}.wide h1{font-size:clamp(40px,5.8vw,90px)}.sources #hero{opacity:0}.sources #content{width:88%;top:48%}.sources h1{font-size:clamp(38px,5vw,80px)}.references{display:grid;grid-template-columns:1fr 1fr;gap:26px 45px;margin-top:30px}.references a{color:inherit;text-decoration:none;border-top:1px solid #ffffff40;padding-top:16px;animation:copyIn .8s var(--ease) both;animation-delay:calc(var(--i)*100ms)}.references a:hover{color:var(--accent)}.references strong{font-size:clamp(18px,2vw,30px);display:block}.references small{display:block;line-height:1.6;margin-top:10px;font-size:13px;opacity:.75}dialog{width:min(650px,90vw);border:1px solid #ffffff30;background:#201c30;color:var(--paper);padding:40px;line-height:1.65;box-shadow:0 30px 90px #0008}dialog::backdrop{background:#060510bb;backdrop-filter:blur(10px)}dialog small{letter-spacing:3px;color:var(--accent)}dialog h2{font-size:32px;line-height:1.1}#closeNotes{position:absolute;right:15px;top:10px;border:0;background:none;font-size:28px}.noteHint{font-size:12px;opacity:.65;border-top:1px solid #ffffff30;padding-top:16px}@keyframes titleIn{from{transform:translateY(120%) rotate(6deg)}to{transform:translateY(0) rotate(0)}}@keyframes copyIn{from{opacity:0;transform:translateX(-35px)}to{opacity:1;transform:translateX(0)}}.reduced *{animation-duration:.001ms!important;transition-duration:.001ms!important}.reduced #wipe{display:none}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}@media(max-width:700px){header{padding:20px 6%}#chapter,header button span{display:none}#content,.wide #content{width:88%;top:auto;bottom:110px;transform:none;padding:0}#hero,.wide #hero,.poster #hero{left:12%;top:12%;width:82%;height:42%;transform:rotate(-3deg)}.poster #hero{left:42%;width:48%}h1,.wide h1{font-size:clamp(34px,9vw,62px)}.bullets{margin-top:16px}.bullets li{font-size:16px;margin:9px 0}.cover #content,.anchor #content{width:88%;top:43%;bottom:auto;transform:translateY(-30%)}.cover h1,.anchor h1{font-size:clamp(50px,12vw,90px)}.cover #hero,.anchor #hero{left:0;width:100%;top:0;height:100%}.cover .shade,.anchor .shade{background:linear-gradient(90deg,#141320cc,#14132030),linear-gradient(0deg,#141320,transparent)}#sourceCredit{display:none}#segments{display:none}footer{left:6%;right:6%;bottom:22px}footer nav{gap:6px}footer button{padding:9px;font-size:10px}#prev,#next{padding:5px 12px}#motion{max-width:70px}#ghost{bottom:37%}.references{grid-template-columns:1fr;gap:12px;margin-top:15px}.references small{font-size:10px;margin-top:3px}.references strong{font-size:16px}.sources #content{top:15%;bottom:auto;transform:none}.sources h1{font-size:36px}}