@charset "UTF-8"; :root{--ink:#172321;--paper:#eeeee5;--muted:#59635c;--lime:#e6f196;--line:rgba(23,35,33,.22);color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid currentColor;outline-offset:6px}::selection{background:var(--lime);color:var(--ink)}.mono,.eyebrow{font-family:"Courier New",monospace;font-size:.75rem;line-height:1.5;letter-spacing:.085em;text-transform:uppercase}.skip{position:fixed;top:-100px;left:20px;padding:15px;background:var(--lime);z-index:100}.skip:focus{top:12px}.nav{position:absolute;inset:0 0 auto;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:24px 4.5%;color:var(--paper);border-bottom:1px solid #ffffff38}.wordmark{display:flex;align-items:center;gap:13px;font-size:1.35rem;letter-spacing:-.05em;font-weight:bold}.mark{font-weight:normal;font-size:1.6rem}.nav nav{display:flex;gap:34px;font-size:.875rem}.nav nav a{padding:10px 0;border-bottom:1px solid transparent}.nav nav a:hover{border-color:var(--lime)}.share{color:inherit;background:none;border:1px solid #ffffff60;border-radius:30px;padding:10px 18px;cursor:pointer;font-size:.875rem}.share span{margin-left:15px}.share:hover{background:var(--paper);color:var(--ink)}.hero{min-height:820px;height:100svh;max-height:1120px;position:relative;color:var(--paper);background:#111b1b;display:flex;flex-direction:column;justify-content:space-between;padding:120px 6% 34px;isolation:isolate}.hero-img,.hero-shade{position:absolute;inset:0;width:100%;height:100%;z-index:-2}.hero-img{object-fit:cover;object-position:63% center;filter:saturate(.55)}.hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(8,22,21,.82),rgba(8,22,21,.28) 65%),linear-gradient(0deg,#081615e8,transparent 70%)}.hero-top{display:flex;justify-content:space-between;color:#d6dcd0}.hero-title{padding:52px 0}.eyebrow{margin:0 0 25px;color:var(--lime)}h1,h2,.aside-line,.standout{font-family:Georgia,"Times New Roman",serif;font-weight:normal}h1{font-size:clamp(5rem,10.8vw,10.5rem);line-height:.92;letter-spacing:-.066em;margin:0 0 35px}h1 em{font-weight:normal;color:var(--lime)}.hero-desc{font-size:1.125rem;line-height:1.65;margin:0;max-width:420px}.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:30px}.hero-bottom p{font-size:.875rem;line-height:1.6;margin:0}.hero-bottom p span{color:#c3cdc2}.text-link{display:inline-flex;align-items:center;gap:26px;font-size:.875rem;padding:11px 0;border-bottom:1px solid currentColor}.text-link:hover{opacity:.7}.file-note{text-align:right;color:#c3cdc2}.section{padding:70px 6% 95px}.section-top{display:flex;justify-content:space-between;gap:20px;padding-bottom:24px;border-bottom:1px solid var(--line);color:var(--muted)}h2{font-size:clamp(2.65rem,4.6vw,4.75rem);line-height:1.06;letter-spacing:-.045em;margin:0}h2 em{font-weight:normal}.story-heading{display:flex;justify-content:space-between;gap:30px;align-items:center;margin:58px 0 60px}.clock{display:flex;align-items:center;gap:18px;margin:0;border-left:1px solid var(--line);padding-left:34px;max-width:240px}.clock span:first-child{font-family:Georgia,serif;font-size:5.8rem;letter-spacing:-.08em;line-height:1}.clock span:last-child{font-size:.875rem;line-height:1.4;max-width:80px}.story-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:10%}.story-grid aside{max-width:320px}.aside-line{font-size:1.65rem;line-height:1.32;margin:0 0 20px;letter-spacing:-.025em}.italic{font-style:italic;color:#65776c}.download{display:block;margin-top:70px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:.875rem;line-height:1.5}.download span{float:right}.download small{display:block;font-size:.75rem;color:var(--muted);margin-top:4px}.download:hover{color:#52705a}.synopsis{max-width:740px}.synopsis p{font-size:1.0625rem;line-height:1.85;margin:0 0 24px}.synopsis .standout{font-size:1.65rem;line-height:1.4;margin:32px 0}.synopsis .fine{font-size:.75rem;color:var(--muted);margin:20px 0 0}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.rest summary{display:flex;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;font-size:.875rem}.rest summary span,.plus{font-size:1.4rem;font-weight:normal;transition:transform .2s}.rest[open] summary span,details[open] .plus{transform:rotate(45deg)}.rest[open] summary{margin-bottom:28px}.horizon{margin:0;background:#182726;color:var(--paper)}.horizon img{display:block;width:100%;height:auto;min-height:100px;object-fit:cover}.horizon figcaption{padding:15px 6%;display:flex;justify-content:space-between;color:#b4c4bb}.inquiry{background:var(--lime);--line:#17232145;--muted:#445230;padding-bottom:85px}.inquiry-head{display:grid;grid-template-columns:1.25fr 1fr;gap:12%;margin:60px 0}.inquiry-head>p{font-size:1.25rem;line-height:1.65;align-self:end;margin:0;max-width:440px}.inquiry-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start}.contact-image{margin:0;position:sticky;top:35px}.contact-image img{display:block;width:100%;aspect-ratio:1/1.13;object-fit:cover;object-position:60% center}.contact-image figcaption{padding:14px 0;font-size:.75rem}.research>p{font-size:1rem;line-height:1.7;margin:0 0 22px}.research .research-intro{font-size:1.2rem;line-height:1.6}.research-item{display:grid;grid-template-columns:30px 1fr;gap:17px;border-top:1px solid var(--line);padding:20px 0}.research-item>.mono{padding-top:3px}h3{font-size:1.0625rem;margin:0 0 9px;letter-spacing:-.025em}.research-item p{font-size:1rem;line-height:1.65;margin:0}.research .source{font-size:.75rem;line-height:1.6;margin-top:12px;color:#46542f}.conversation{background:#f6f5ef}.conversation-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:11%;margin-top:60px}.conversation-grid>div>p{max-width:355px;font-size:1rem;line-height:1.75}.conversation-grid .intro{font-size:1.25rem;line-height:1.5;margin-top:27px}.questions details{border-top:1px solid var(--line)}.questions details:last-child{border-bottom:1px solid var(--line)}.questions summary{display:grid;grid-template-columns:28px 1fr 20px;gap:16px;padding:23px 0;align-items:center;font-size:1rem;line-height:1.4}.questions summary .mono{color:var(--muted)}.questions details p{font-size:1rem;line-height:1.75;padding:0 35px 0 44px;margin:0 0 25px;color:#46514a}.questions summary:hover{color:#628047}.school{position:relative;isolation:isolate;background:#111b1b;color:var(--paper);padding-top:85px;padding-bottom:85px;overflow:hidden}.school>img,.school-shade{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:75% center}.school>img{opacity:.75}.school-shade{z-index:-1;background:linear-gradient(90deg,#081615ed 0%,#081615b3 48%,#08161529 100%)}.school-content{max-width:620px}.school-content h2{font-size:clamp(2.7rem,5vw,5rem)}.school-content>p:not(.eyebrow){font-size:1.125rem;line-height:1.65;max-width:490px}.school-content .school-small{font-size:.875rem!important;color:#ced7cc}.school-content>.mono{display:inline-block;margin-top:20px;padding:10px 15px;border:1px solid #d7e7c36b;color:var(--lime);border-radius:20px}footer{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:32px 6%;background:#101d1b;color:var(--paper)}footer p{font-size:.75rem;line-height:1.6;color:#bdc9bd}footer .text-link{font-size:.75rem}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);opacity:0;padding:15px 22px;background:var(--lime);color:var(--ink);border:1px solid var(--ink);border-radius:3px;font-size:.875rem;z-index:10;transition:opacity .25s,transform .25s;pointer-events:none;max-width:90%;text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)} @media(min-width:1600px){.section{padding-left:max(6%,calc((100% - 1400px)/2));padding-right:max(6%,calc((100% - 1400px)/2))}} @media(max-width:800px){.nav{padding:18px 6%;flex-wrap:wrap;gap:10px}.nav nav{order:3;width:100%;justify-content:space-between;gap:16px;font-size:.875rem}.hero{padding-top:145px;min-height:740px;height:95svh}.hero-top{font-size:.75rem}.hero-top span:last-child{max-width:155px;text-align:right}.hero-title{padding:40px 0}h1{font-size:clamp(4.6rem,13vw,7rem)}.hero-bottom{align-items:center;flex-wrap:wrap}.file-note{display:none}.section{padding:45px 6% 60px}.section-top{font-size:.75rem}.section-top span:last-child{max-width:180px;text-align:right}.story-heading{margin:38px 0;align-items:start}.clock{padding-left:18px;gap:12px;max-width:160px}.clock span:first-child{font-size:3.5rem}.clock span:last-child{font-size:.75rem}.story-grid{grid-template-columns:1fr;gap:35px}.story-grid aside{max-width:none}.aside-line{display:inline;font-size:1.5rem}.aside-line br{display:none}.download{margin-top:28px;max-width:400px}.inquiry-head{grid-template-columns:1fr;gap:28px;margin:40px 0}.inquiry-head>p{max-width:600px;font-size:1.125rem}.inquiry-grid{grid-template-columns:1fr;gap:30px}.contact-image{position:static}.contact-image img{aspect-ratio:16/9;object-position:center 55%}.research-item{padding:22px 0}.conversation-grid{grid-template-columns:1fr;gap:28px;margin-top:40px}.conversation-grid>div>p{max-width:550px}.school{padding-top:60px;padding-bottom:65px}.school-shade{background:#081615b0}footer{flex-wrap:wrap}footer p{flex:1;min-width:180px}.horizon figcaption{gap:20px;font-size:.75rem}} @media(max-width:450px){.story-heading{display:block}.clock{border:0;padding:24px 0 0;max-width:none}.clock span:first-child{font-size:2.5rem}.clock span:last-child{max-width:none;font-size:.875rem}.hero-desc{font-size:1rem}.hero-bottom p{font-size:.75rem}.questions summary{grid-template-columns:24px 1fr 20px;gap:10px}.questions details p{padding-left:34px;padding-right:0}.section-top span:last-child{max-width:145px}footer .text-link{margin-left:auto}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}} @media print{.nav,.hero-img,.hero-shade,.horizon,.contact-image,.school,footer,#toast,.download{display:none}.hero{min-height:0;height:auto;padding:20px 0;background:white;color:black}.hero-top,.hero-bottom,.eyebrow{display:none}.hero h1{font-size:50px}.hero h1 em{color:black}.section{padding:20px 0;background:white}.story-grid,.inquiry-grid,.conversation-grid{display:block}.story-grid aside,.clock{display:none}.rest:not([open])>div{display:block}.inquiry-head{display:block}.questions details>p{display:block}.research-item{break-inside:avoid}} /* The portal is a fictional entrance; hosted access remains platform-controlled. */ [hidden]{display:none!important}body.portal-locked{background:#000;overflow:hidden}.portal{position:fixed;inset:0;z-index:1000;min-height:100svh;background:#000;color:#eeefe8;display:grid;place-items:center;overflow:auto;padding:48px 24px;transition:opacity .8s ease,filter .8s ease}.portal-core{width:min(640px,100%);margin:auto}.portal-brand{display:flex;align-items:center;justify-content:center;gap:clamp(30px,6vw,80px);transition:transform .7s ease}.portal-word{font:700 clamp(64px,12vw,140px)/1 Arial,Helvetica,sans-serif;letter-spacing:-.065em}.portal-ring{position:relative;flex:none;width:clamp(96px,15vw,162px);height:clamp(96px,15vw,162px);border:0;border-radius:50%;padding:0;background:transparent;color:#c7ffe4;cursor:pointer;transition:transform .6s ease}.portal-ring:hover{transform:scale(1.06)}.portal-ring:focus-visible{outline:1px solid #d2ffab;outline-offset:14px}.orbit{position:absolute;border-radius:50%;pointer-events:none;background:conic-gradient(from 0deg,#d9f3c7 0deg,#b7ffd3 35deg,#59888c 80deg,#ba8aff 115deg,#d8ffa3 170deg,#ff789d 215deg,#747efe 260deg,#82fff0 300deg,#d9f3c7 360deg);padding:2px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:portal-orbit 9s linear infinite}.orbit-outer{inset:0}.orbit-inner{inset:18%;animation-direction:reverse;animation-duration:7s;padding:1.5px}.portal-ring:after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:0 0 24px #a39aff12,inset 0 0 24px #c7fca309}.portal-form{width:min(430px,100%);margin:58px auto 0;font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;animation:portal-reveal .6s ease both}.portal-rule{display:flex;align-items:center;gap:16px;color:#8a938e;font-size:.75rem;letter-spacing:.16em;margin-bottom:28px}.portal-rule>span:first-child{flex:1;height:1px;background:linear-gradient(90deg,#667d6430,#a9d598)}.portal-rule button{background:none;border:0;color:#9eafa3;font-size:24px;padding:4px 0 4px 14px;cursor:pointer}.portal-form label{display:block;font-size:clamp(23px,4vw,32px);line-height:1.35;letter-spacing:.08em;font-weight:400;margin-bottom:25px}.portal-input-row{display:flex;min-height:64px;border:1px solid #637966;border-left:2px solid #ceffaf;background:linear-gradient(110deg,#131a14,#050706);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}.portal-input-row:focus-within{border-color:#d2ffab;box-shadow:inset 0 0 22px #beffad0b}.portal-input-row input{width:100%;min-width:0;background:none;border:0;color:#e0ffd4;font:inherit;font-size:18px;letter-spacing:.12em;padding:18px;outline:none}.portal-input-row input::placeholder{color:#617263;letter-spacing:.3em}.portal-input-row button{width:65px;flex:none;background:transparent;border:0;border-left:1px solid #3d4d3f;color:#daffc0;font-size:30px;cursor:pointer}.portal-input-row button:hover{background:#c5ffa719}.portal-input-row button:focus-visible{outline-offset:-5px}.portal-form p{min-height:20px;color:#849c88;font-size:.75rem;line-height:1.5;letter-spacing:.12em;margin:17px 0 0}.portal-form p.error{color:#ffb2c4}.portal-form p.accepted{color:#d2ffab}.portal.departing{opacity:0;filter:blur(12px);pointer-events:none}.portal-noscript{position:absolute;bottom:30px;font-size:16px}.portal-opening .portal-ring{transform:rotate(40deg) scale(.9)} @keyframes portal-orbit{to{transform:rotate(360deg)}}@keyframes portal-reveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}} @media(max-width:450px){.portal{padding:36px 28px}.portal-brand{gap:32px}.portal-word{font-size:80px}.portal-ring{width:106px;height:106px}.portal-form{margin-top:42px}.portal-form label{font-size:25px}} @media(prefers-reduced-motion:reduce){.orbit,.portal-form{animation:none!important}.portal{transition:none!important}} @media print{.portal{display:none!important}body.portal-locked{overflow:visible}} /* Continuous breathing and a panel drawn out of the aperture. */ .portal-ring{animation:portal-breathe 6s ease-in-out infinite;isolation:isolate} .portal-ring:before{content:"";position:absolute;inset:-14px;border-radius:50%;background:radial-gradient(circle,transparent 55%,#a4ffcb16 65%,#b398ff12 70%,transparent 74%);filter:blur(6px);animation:portal-aura 6s ease-in-out infinite;pointer-events:none} .orbit-outer{animation-duration:24s}.orbit-inner{animation-duration:19s} .portal-ring:after{animation:portal-aura 6s ease-in-out infinite} .portal-form{animation:none;transform-origin:50% 50%;will-change:transform,opacity,clip-path} .portal-opening .portal-ring{transform:none}.portal-brand{transition:none} @keyframes portal-breathe{0%,100%{scale:1;filter:brightness(.9)}50%{scale:1.065;filter:brightness(1.35)}} @keyframes portal-aura{0%,100%{opacity:.35}50%{opacity:1}} @media(prefers-reduced-motion:reduce){.portal-ring,.portal-ring:before,.portal-ring:after{animation:none!important}} @font-face{font-family:BDRMono;src:url("assets/bdrmono-light.otf") format("opentype");font-style:normal;font-weight:300;font-display:swap}.portal-form{font-family:BDRMono,monospace;font-weight:300}.portal-form .portal-sr-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.portal-form p{font-size:.875rem} /* Fixed apertures; only the color inside each fine ring travels. */ .portal-ring{animation:none;scale:1;filter:none;transition:none}.portal-ring:hover,.portal-opening .portal-ring{transform:none}.portal-ring:before{display:none}.portal-ring:after{animation:none;opacity:.5}.orbit-outer{animation-duration:32s}.orbit-inner{animation-duration:27s} /* Stripped-back film opening with supplied title artwork. */ .hero-title{width:100%;display:flex;align-items:center;flex:1;padding:40px 0}.hero-title h1{width:min(920px,78vw);margin:0;line-height:0;font-size:inherit}.title-art{display:block;width:100%;height:auto;mix-blend-mode:screen}.hero-bottom{justify-content:center}.nav nav{margin-left:auto;gap:32px}.nav nav a{font-family:BDRMono,monospace;letter-spacing:.04em}.hero-bottom .text-link{font-family:BDRMono,monospace} @media(max-width:800px){.nav nav{flex-wrap:wrap;justify-content:flex-start;gap:8px 22px}.nav nav a{font-size:.875rem}.hero-title h1{width:100%}.hero-title{padding:36px 0}.hero{min-height:650px}.hero-bottom{justify-content:center}} .portal-logo{display:block;width:clamp(180px,32vw,380px);height:auto;flex-shrink:1;min-width:0}.nav-logo{display:block;width:156px;height:auto}.nav .wordmark{flex:none;margin-right:30px}.portal-brand{gap:clamp(24px,5vw,64px)}@media(max-width:450px){.portal-logo{width:calc(100% - 124px)}.portal-brand{gap:24px}.portal-ring{width:100px;height:100px}.nav-logo{width:126px}} /* Sculpted obsidian mark merges into the surrounding darkness. */ .portal-logo,.nav-logo{mix-blend-mode:screen;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.portal-core{width:min(820px,100%)}.portal-logo{width:clamp(210px,42vw,530px);animation:obsidian-emerge 2.4s cubic-bezier(.2,.7,.2,1) both}.nav-logo{width:190px;filter:brightness(1.65)}.nav{background:linear-gradient(#000c,#0000)}@keyframes obsidian-emerge{from{opacity:0;filter:brightness(.1);transform:translateY(5px)}to{opacity:1;filter:brightness(1);transform:translateY(0)}}@media(max-width:450px){.portal-logo{width:calc(100% - 104px)}.portal-ring{width:80px;height:80px}.nav-logo{width:150px}}@media(prefers-reduced-motion:reduce){.portal-logo{animation:none}} /* Phosphor terminal entry. All lettering and input remain live. */ .crt-portal{padding:16px;background:#010302;color:#3cffa4;font-family:BDRMono,"Courier New",monospace;text-shadow:0 0 5px #22ff9870;display:flex;align-items:stretch;justify-content:center} .crt-screen{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;width:min(100%,1050px);min-height:calc(100svh - 32px);padding:clamp(32px,5vh,68px) clamp(24px,6vw,80px);border-radius:5% / 3%;background:radial-gradient(ellipse at center,#031b0f 0,#001107 55%,#000602 88%,#000 100%);box-shadow:inset 0 0 60px 20px #000,0 0 0 5px #060807;overflow:hidden} .crt-screen:after{content:"";pointer-events:none;position:absolute;inset:0;z-index:3;border-radius:inherit;background:repeating-linear-gradient(0deg,#0006 0px,#0006 1px,transparent 2px,transparent 5px);box-shadow:inset 0 0 60px #000b} .crt-system{font-size:clamp(16px,2.5vw,28px);line-height:1.35;letter-spacing:.025em;position:relative;z-index:1} .crt-word{font-family:Arial,Helvetica,sans-serif;font-weight:900;font-size:clamp(96px,24vw,255px);line-height:1;letter-spacing:-.065em;transform:scaleX(1.05);transform-origin:left center;margin:clamp(45px,8vh,100px) 0 36px;width:95%;color:transparent;background:repeating-linear-gradient(to bottom,#42ffad 0px,#42ffad 13px,transparent 13px,transparent 20px);background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 0 4px #25ff8666)} .crt-form{margin:0 0 auto;padding:0;width:100%;font:inherit}.crt-entry{display:flex;align-items:center;gap:16px;font-size:clamp(22px,4vw,45px);line-height:1.2}.crt-entry label{white-space:nowrap}.crt-input-wrap{position:relative;flex:1;min-width:0}.crt-entry input{width:100%;padding:5px 0;background:none;border:0;border-radius:0;outline:none;color:#43ffac;font:inherit;letter-spacing:.025em;text-shadow:0 0 5px #26ff9870;caret-color:#43ffac}.crt-input-wrap:focus-within{box-shadow:0 1px #43ffac66}.crt-cursor{position:absolute;left:0;top:15%;height:75%;width:.55em;background:#43ffac;box-shadow:0 0 7px #2aff9277;pointer-events:none;animation:crt-caret 1.2s steps(1) infinite}.has-value .crt-cursor,.crt-input-wrap:focus-within .crt-cursor{display:none}.crt-entry button{border:0;background:none;color:inherit;font:inherit;cursor:pointer;padding:5px;opacity:.65}.crt-entry button:hover,.crt-entry button:focus-visible{opacity:1}.crt-form p{font-size:clamp(14px,1.6vw,18px);min-height:26px;margin:16px 0 0}.crt-form p.error{color:#b4ffd5}.crt-footer{font-size:clamp(16px,2.5vw,28px);line-height:1.4;margin-top:70px;padding-bottom:12px}.crt-baseline{height:3px;background:#37fa98;margin-top:16px;box-shadow:0 0 7px #22ff9855}@keyframes crt-caret{50%{opacity:0}} @media(max-width:600px){.crt-portal{padding:8px}.crt-screen{min-height:calc(100svh - 16px);padding:45px 24px 35px}.crt-word{font-size:25vw;background-size:auto;background-image:repeating-linear-gradient(to bottom,#42ffad 0px,#42ffad 6px,transparent 6px,transparent 10px);margin:65px 0 45px}.crt-entry{gap:9px;font-size:clamp(20px,5vw,30px)}.crt-footer{margin-top:65px}.crt-system{font-size:clamp(14px,3.8vw,22px)}} @media(prefers-reduced-motion:reduce){.crt-cursor{animation:none}} .crt-system{font-size:clamp(14px,1.5vw,18px);line-height:1.5}.crt-copyright{font-family:Arial,Helvetica,sans-serif;font-size:1.2em;line-height:0;vertical-align:-.04em}@media(max-width:600px){.crt-system{font-size:clamp(12px,3vw,16px)}} .site-green-logo{display:block;font-family:Arial,Helvetica,sans-serif;font-weight:900;font-size:62px;line-height:1;letter-spacing:-.065em;color:transparent;background:repeating-linear-gradient(to bottom,#42ffad 0px,#42ffad 4px,transparent 4px,transparent 6px);background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 0 4px #25ff8666)}.nav nav a{color:#42ffad;text-shadow:0 0 5px #22ff9870}.nav nav a:hover{border-color:#42ffad}.nav .wordmark,footer .wordmark{color:#42ffad}@media(max-width:600px){.site-green-logo{font-size:48px}} @font-face{font-family:IBMBIOS;src:url("assets/Ac437_IBM_BIOS.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap} /* Story: deep blue field, broad reading column, oversized narrative beats. */ .story{background:#101947;color:#eaf0ff;padding-top:70px;padding-bottom:110px}.story-heading{margin:0 0 75px;align-items:center;gap:40px}.story-label{font-family:BDRMono,monospace;font-size:clamp(28px,4vw,56px);letter-spacing:.08em}.sunrise-software{width:min(440px,100%);color:#ffc8a6;flex:none}.sunrise-titlebar{display:flex;justify-content:space-between;gap:15px;border-bottom:2px solid #ffc8a6;padding:9px 0;font:14px IBMBIOS,monospace}.sunrise-lockup{display:flex;align-items:center;gap:24px;padding:20px 0}.sunrise-number{font:clamp(85px,10vw,130px)/1 Arial,sans-serif;font-weight:900;letter-spacing:-.09em;background:repeating-linear-gradient(0deg,#ffc8a6 0,#ffc8a6 5px,transparent 5px,transparent 7px);background-clip:text;-webkit-background-clip:text;color:transparent}.sunrise-type{font:clamp(17px,2vw,24px)/1.5 IBMBIOS,monospace;letter-spacing:-.03em}.sunrise-stripes{height:18px;background:repeating-linear-gradient(0deg,#ffc8a6 0,#ffc8a6 2px,transparent 2px,transparent 5px)}.story-grid{display:block}.story .synopsis{width:100%;max-width:1150px;margin:auto}.story .synopsis p{font-size:clamp(20px,2.2vw,29px);line-height:1.65;max-width:100%;margin:0 0 48px;color:#d8e0f8}.story .synopsis p:nth-child(2){max-width:900px;margin-left:auto}.story .synopsis .standout{font-family:BDRMono,monospace;font-size:clamp(30px,4.8vw,64px);line-height:1.2;color:#ffc8a6;border:0;padding:24px 0;margin:32px 0 70px}.story .synopsis p:last-child{font-size:clamp(24px,3vw,38px);line-height:1.45;color:#fff} .horizon figcaption{align-items:center;min-height:100px;gap:30px}.weather-caption{font-family:IBMBIOS,monospace;font-size:clamp(14px,1.5vw,21px);color:#42ffad;line-height:1.5}.redacted-note{position:relative;display:inline-block!important;min-width:245px;height:60px;transform:rotate(-4deg);text-transform:none;letter-spacing:0}.hand-note{font-family:"Bradley Hand","Segoe Print",cursive;font-style:italic;font-size:20px;color:#ddd4bd;white-space:nowrap}.redaction-bar{position:absolute;left:-6px;right:0;top:9px;height:19px;background:#050605;transform:rotate(2deg)}.redaction-stamp{position:absolute;right:0;bottom:0;font:12px IBMBIOS,monospace;color:#ff8378;border:1px solid;padding:4px 7px;transform:rotate(2deg)} .inquiry-head{margin-top:0}.inquiry h2,.conversation h2{font-family:BDRMono,monospace;font-size:clamp(30px,4vw,58px);line-height:1.15;letter-spacing:-.045em}.inquiry-head>p{font-size:clamp(23px,2.5vw,34px);line-height:1.4;max-width:650px}.inquiry-head>p span{box-shadow:inset 0 -.35em #99b745}.contact-image figcaption{font-family:IBMBIOS,monospace;font-size:14px;line-height:1.5}.conversation-grid{margin-top:0}footer .text-link{font-family:BDRMono,monospace;color:#42ffad} /* A handmade early-web enrollment page within Bill's world. */ .school-retro{background-color:#060d34;background-image:radial-gradient(#6686ce 1px,transparent 1px);background-size:37px 41px;color:#e7e9ff;text-align:center;padding:75px 6%;font-family:"Times New Roman",serif}.school-webpage{max-width:1000px;margin:auto;border:3px ridge #6d7af7;padding:28px clamp(16px,4vw,50px) 35px;background:#070d35e8;box-shadow:10px 10px 0 #0006}.school-welcome{display:flex;align-items:center;justify-content:center;gap:20px;font:14px IBMBIOS,monospace;color:#f6f78b;line-height:1.5}.school-welcome img{flex:none;image-rendering:pixelated}.school-retro h2{font-family:"Times New Roman",serif;font-weight:bold;font-size:clamp(34px,5vw,68px);line-height:1.05;color:#ffff9a;letter-spacing:-.025em;text-shadow:3px 3px #6749ae;margin:30px 0 15px}.school-retro h2 span{color:#72fff0}.school-motto{font-size:23px;font-style:italic;margin:14px 0 25px}.school-web-links{font-family:"Courier New",monospace;font-size:14px;line-height:2;color:#9293fc;margin-bottom:35px}.school-web-links a{text-decoration:underline;color:#91dbff}.school-enrollment{text-align:left;background:#c3c3c3;border:4px outset #ececec;color:#111;max-width:640px;margin:auto;font-family:Arial,Helvetica,sans-serif}.school-window-title{display:flex;justify-content:space-between;gap:12px;background:#000080;color:#fff;padding:9px 10px;font-size:16px;font-weight:bold}.school-window-body{padding:26px}.school-window-body p{font-size:16px;line-height:1.5}.school-window-body .school-form-heading{font-family:IBMBIOS,monospace;font-size:18px;line-height:1.4;margin-top:0}.school-window-body label{display:block;font:14px IBMBIOS,monospace;margin:25px 0 12px;line-height:1.5}.school-window-body input{width:100%;font:18px "Courier New",monospace;border:3px inset #efefef;border-radius:0;padding:12px;background:#fff;color:#111}.school-window-body button{display:block;max-width:100%;margin-top:18px;padding:13px 18px;font:bold 14px "Courier New",monospace;border:3px outset #eee;background:#ccc;color:#454545}.school-window-body .school-enrollment-status{font-size:14px;color:#444;margin-bottom:0}.school-course-note{display:flex;align-items:center;justify-content:center;gap:20px;max-width:640px;margin:30px auto 15px}.school-course-note p{font-size:18px;line-height:1.5;text-align:left}.school-new{font-family:Arial,sans-serif;font-weight:bold;color:#ffff00;display:inline-block;animation:school-spin 6s linear infinite}.school-construction{font:12px/1.8 IBMBIOS,monospace;color:#f3f382;margin-top:28px}@keyframes school-spin{to{transform:rotateY(360deg)}} @media(max-width:700px){.story-heading{flex-direction:column;align-items:flex-start;margin-bottom:50px}.sunrise-software{width:min(400px,100%)}.story{padding:45px 6% 60px}.story .synopsis .standout br{display:none}.horizon figcaption{flex-direction:column;align-items:flex-start;padding:20px 6%}.redacted-note{align-self:flex-end}.school-retro{padding:40px 4%}.school-welcome{font-size:12px;gap:8px}.school-welcome img{width:32px;height:32px}.school-window-body{padding:18px}.school-course-note{gap:14px}.school-webpage{padding:20px 12px}.school-construction{font-size:12px}.school-web-links{font-size:14px}} @media(prefers-reduced-motion:reduce){.school-new{animation:none}.school-welcome img{visibility:hidden}} .story-label{font-size:clamp(30px,4vw,54px);letter-spacing:-.045em;line-height:1.15;max-width:670px}.story-heading{align-items:flex-start}.sunrise-software{width:min(340px,100%)} .school-window-body button:not(:disabled){cursor:pointer;color:#111}.school-window-body button:not(:disabled):active{border-style:inset}.school-window-body input:focus-visible{outline:2px solid #000080;outline-offset:3px}.school-window-body button:focus-visible{outline:2px dotted #000080;outline-offset:3px} /* A short terminal boot, followed by a hard-edged framebuffer reveal. */ .portal.booting .crt-word,.portal.booting .crt-form{display:none} .terminal-boot{position:relative;margin:24px 0;font-family:BDRMono,monospace;color:#3cffa4;font-size:clamp(12px,1.6vw,17px);line-height:1.7} .boot-heading{letter-spacing:.12em;border-bottom:1px solid #3cffa455;padding-bottom:12px;margin-bottom:18px} .boot-log{min-height:18em;white-space:pre-wrap;overflow-wrap:anywhere;font-size:clamp(11px,1.5vw,16px)} .boot-meter{padding:5px;border:1px solid #3cffa4;height:28px;box-shadow:0 0 16px #3cffa415} .boot-fill{height:100%;width:0;background:repeating-linear-gradient(90deg,#3cffa4 0,#3cffa4 10px,transparent 10px,transparent 14px)} .boot-readout{display:flex;justify-content:space-between;margin-top:10px;letter-spacing:.08em} .boot-pixels{position:fixed;inset:0;z-index:1100;display:grid;pointer-events:auto;background:transparent} .boot-pixels i{display:block;background:#010503;animation:boot-pixel-clear 1ms steps(1,end) forwards} @keyframes boot-pixel-clear{to{visibility:hidden}} @media(prefers-reduced-motion:reduce){.boot-pixels{display:none}} /* Keep boot output between the system readout and authorization footer. */ .portal.booting .crt-screen{display:grid;grid-template-rows:auto 1fr auto;gap:clamp(18px,3vh,32px)} .portal.booting .terminal-boot{align-self:center;width:100%;min-width:0;margin:0;padding:12px 0} .portal.booting .crt-footer{margin-top:0} .portal.booting .boot-log{min-height:18em;height:auto;margin-bottom:20px;line-height:1.6} @media(max-height:650px){.portal.booting .crt-screen{padding-top:24px;padding-bottom:24px;gap:16px}.portal.booting .boot-heading{margin-bottom:10px;padding-bottom:8px}.portal.booting .terminal-boot{padding:0}} @font-face{font-family:Elza;src:url('assets/elzasemibold.otf') format('opentype');font-weight:600;font-display:swap} #story-title,.synopsis .standout,.weather-caption,#inquiry-title,footer .text-link{font-family:Elza,Arial,sans-serif;font-weight:600;letter-spacing:-.035em} .story-beat{display:block}.story-sequenced .story-beat,.story-sequenced .story-grid{opacity:0}.story-sequenced.story-visible .story-beat{animation:story-arrival .7s ease forwards}.story-sequenced.story-visible .story-beat:nth-child(2){animation-delay:.8s}.story-sequenced.story-visible .story-grid{animation:story-arrival .7s 1.6s ease forwards}@keyframes story-arrival{to{opacity:1}} .inquiry-head>p{font-family:Georgia,serif;font-style:italic;line-height:1.4}.inquiry-head>p span{background:none;border-bottom:1px solid currentColor}.contact-image figcaption{font-family:'Courier New',monospace;font-weight:400;letter-spacing:.1em;transform:rotate(-.4deg);color:#424837;text-shadow:.7px .3px #42483766,-.4px 0 #42483733}.inquiry>.questions{margin-top:70px} #school-title{font-family:'Times New Roman',serif;font-weight:900;font-size:clamp(32px,5vw,64px);letter-spacing:-.06em;color:#ffff00;text-shadow:2px 2px #f0f,4px 4px #00f,6px 6px #000;transform:rotate(-1deg)}#school-title span{color:#00ffff;text-decoration:underline} .school-web-links button{font:inherit;color:#9cf;text-decoration:underline;border:0;background:none;cursor:pointer;padding:0}.school-enrollment-status:empty{display:none}.school-dialog{width:min(520px,90vw);max-height:90svh;overflow:auto;background:#080824;color:#ffed9e;border:5px ridge #bbb;padding:24px;text-align:center;font-family:'Courier New',monospace}.school-dialog::backdrop{background:#000b}.school-dialog img{display:block;max-height:65svh;max-width:100%;margin:auto}.dialog-close{float:right;font:24px Arial;cursor:pointer}.school-dialog h2{font:700 24px 'Courier New',monospace}.blue-jay{position:fixed;z-index:2000;width:80px;height:80px;pointer-events:none;image-rendering:pixelated}.school-welcome img{image-rendering:pixelated} @media(prefers-reduced-motion:reduce){.story-sequenced .story-beat,.story-sequenced .story-grid{opacity:1!important;animation:none!important}} /* Larger story beats and the school's noisy early-web banner. */ .story-heading{flex-wrap:wrap;gap:30px}#story-title{max-width:none;width:100%;flex:1 0 100%;font-size:clamp(52px,8.8vw,128px);line-height:1.02;letter-spacing:-.055em}.story-heading .sunrise-software{margin-left:auto} .hero-bottom .text-link{color:#3cffa4}footer .text-link{font-family:BDRMono,monospace;font-weight:300;letter-spacing:0} #school-title{position:relative;isolation:isolate;padding:22px 12px;background:#536f86;overflow:hidden;transform:none;text-shadow:1px 0 #b3d52c,-1px 0 #b3d52c;font-family:'Times New Roman',serif;letter-spacing:.015em;color:#ffff00;line-height:1.05;font-size:clamp(30px,5vw,68px)}#school-title span{color:#ffff00;text-decoration:none}#school-title:before{content:'';position:absolute;inset:0;z-index:-1;background-image:url('assets/school-static.svg');background-size:360px 100px;image-rendering:pixelated;opacity:.9}.inquiry-grid>.questions{min-width:0;margin-top:0} /* Editorial inquiry and a subordinate, right-aligned target readout. */ #alien-lover #cassette-heading,#alien-lover>p{font-family:IBMBIOS,monospace;font-weight:400;letter-spacing:.035em;line-height:1.5}#alien-lover #cassette-heading{font-size:24px}#alien-lover>p{font-size:16px} #inquiry-title{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(48px,5.9vw,86px);letter-spacing:-.055em;line-height:1.03} .weather-caption{font-family:'Courier New',monospace;font-weight:400;letter-spacing:.1em;text-shadow:.7px .3px currentColor;transform:rotate(-.4deg)} .story-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,27%);align-items:center;gap:clamp(24px,4vw,60px)}#story-title{width:auto;min-width:0;font-size:clamp(52px,7.2vw,112px);line-height:1.02}.story-heading .sunrise-software{width:100%;margin:0;align-self:center}.story-heading .sunrise-titlebar{font-size:clamp(11px,1.15vw,16px)}.story-heading .sunrise-number{font-size:clamp(62px,7vw,100px)}.story-heading .sunrise-type{font-size:clamp(13px,1.5vw,21px)} @media(max-width:600px){.story-heading{grid-template-columns:minmax(0,1fr) 125px;gap:14px}#story-title{font-size:clamp(32px,7vw,46px)}.story-heading .sunrise-titlebar{font-size:9px;letter-spacing:0}.story-heading .sunrise-lockup{gap:8px;padding:12px 0;flex-wrap:wrap}.story-heading .sunrise-number{font-size:52px}.story-heading .sunrise-type{font-size:12px}} #school-signup button:disabled{background:#b9b9b9;color:#777;border-color:#aaa;box-shadow:none;cursor:default;text-shadow:1px 1px #ddd} .inquiry-head>p span{border-bottom:0;text-decoration:none;background:none} .sensoria-curatorial{max-width:1500px;margin:0 0 clamp(64px,9vw,140px);font-family:Elza,Arial,sans-serif;font-weight:600;font-size:clamp(34px,4.8vw,76px);line-height:1.13;letter-spacing:-.045em;text-wrap:pretty}.curatorial-film{font-size:.75em;letter-spacing:-.025em}.curatorial-thought{display:block;margin-top:.8em}.curatorial-invitation{display:block;margin-top:1.7em;max-width:740px;font-family:Georgia,serif;font-weight:400;font-size:.58em;line-height:1.35;letter-spacing:-.025em}@media(max-width:600px){.sensoria-curatorial{font-size:34px;line-height:1.16}.curatorial-invitation{font-size:24px}} .sensoria-curatorial .curatorial-film{font-family:Arial,Helvetica,sans-serif;font-weight:900;font-size:1em;line-height:inherit;letter-spacing:-.065em;color:transparent;background:repeating-linear-gradient(to bottom,#42ffad 0px,#42ffad 4px,transparent 4px,transparent 6px);background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 0 4px #25ff8666);box-decoration-break:clone;-webkit-box-decoration-break:clone} /* Quiet slate surface with clear contrast for the green film mark. */ #inquiry{background:linear-gradient(135deg,#202527 0%,#343a3d 58%,#292f32 100%);color:#f0f0e9}.sensoria-curatorial{margin-bottom:clamp(32px,4vw,56px)}#inquiry .questions details{border-color:#ffffff30}#inquiry .questions summary{color:#f0f0e9}#inquiry .questions p{color:#d4d9d7}#inquiry .questions .mono{color:#aebbb5}#inquiry .contact-image figcaption{color:#c8d2cb;text-shadow:none} #inquiry{position:relative;isolation:isolate}#inquiry:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('assets/sensoria-background.png') center center/cover no-repeat;opacity:.09}#inquiry .contact-image img{border:0;box-shadow:none;clip-path:inset(0 0 2px 0)} /* Anchor the background to viewport dimensions, not accordion height. */ #inquiry:before{background-size:auto max(100svh,140vw);background-position:center top} /* A sequence of photographic spreads and oversized story beats. */ #story .story-editorial{display:block;max-width:1440px;margin:auto}#story .story-editorial .synopsis{max-width:none;width:100%}.story-editorial .story-spread{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:clamp(28px,6vw,90px);margin:50px 0 100px}.story-editorial p{font-size:clamp(18px,1.8vw,25px);line-height:1.65;margin:0 0 1.3em}.story-editorial .story-art{margin:0}.story-art img{display:block;width:100%;height:auto}.story-art.listening{transform:rotate(1.2deg);margin:25px 10px}.story-art.dossier{transform:rotate(-2deg);margin:18px 10px;box-shadow:15px 25px 40px #0003}.story-editorial .story-lead{font-family:Elza,Arial,sans-serif;font-size:clamp(30px,3.4vw,49px);line-height:1.15;letter-spacing:-.04em;margin-bottom:1em}.story-lead span{color:#ffc298}.story-editorial .story-arrival{font-family:Elza,Arial,sans-serif;font-size:clamp(48px,7.7vw,110px);letter-spacing:-.055em;line-height:1.05;margin:0 0 45px}.story-editorial .maude-spread{grid-template-columns:1.25fr 1fr;align-items:start}.story-editorial .story-condition{font-family:Elza,Arial,sans-serif;font-size:clamp(28px,3vw,44px);line-height:1.15;color:#ffc298;letter-spacing:-.03em}.story-editorial .story-turn{font-family:Elza,Arial,sans-serif;font-size:clamp(30px,4.2vw,60px);line-height:1.18;letter-spacing:-.035em;margin:65px 0}.story-turn span{color:#ffc298}.story-editorial .story-release{font-family:Elza,Arial,sans-serif;font-size:clamp(30px,3.2vw,46px);line-height:1.2;color:#ffc298}.story-night{max-width:1080px;margin:0 auto 80px}.story-ending{border-top:1px solid #ffffff35;padding-top:55px;max-width:1080px;margin:auto}.story-editorial .story-last{font-family:Elza,Arial,sans-serif;font-size:clamp(36px,5vw,72px);line-height:1.12;letter-spacing:-.045em;margin:50px 0 0}@media(max-width:760px){.story-editorial .story-spread,.story-editorial .maude-spread{grid-template-columns:1fr;margin-bottom:60px}.story-art.listening{max-width:500px;justify-self:center}.story-editorial .story-turn{margin:45px 0}.story-night{margin-bottom:45px}} /* One type family, two sizes, and a restrained ambient backdrop. */ #story{--story-body:22px;--story-head:clamp(38px,5vw,64px);position:relative;isolation:isolate;overflow:hidden;background:#11191c;color:#eeeae2} #story:before{content:'';position:absolute;inset:-5%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 18% 20%,#37565966,transparent 55%),radial-gradient(ellipse at 85% 60%,#55394d55,transparent 55%),radial-gradient(ellipse at 30% 90%,#62503a44,transparent 50%);background-size:130% 120%;animation:story-ambient 32s ease-in-out infinite alternate} @keyframes story-ambient{from{background-position:0% 0%,100% 30%,20% 100%}to{background-position:100% 35%,0% 80%,80% 20%}} #story .story-editorial p{font-family:Arial,Helvetica,sans-serif;font-size:var(--story-body);font-weight:400;line-height:1.65;letter-spacing:0;color:#eeeae2;margin:0 0 1.4em} #story #story-title,#story .story-editorial .story-arrival,#story .story-editorial .story-last{font-family:Arial,Helvetica,sans-serif;font-size:var(--story-head);font-weight:700;line-height:1.08;letter-spacing:-.04em} #story .story-editorial .story-arrival{margin:0 0 40px}#story .story-editorial .story-last{margin:45px 0 0} #story .story-lead span,#story .story-turn span{color:inherit}#story .story-editorial .story-condition,#story .story-editorial .story-release{color:#efbd99}#story .story-editorial strong{font-weight:inherit;color:#efbd99} #story .story-art{transform:none}#story .story-night,#story .story-ending{max-width:850px} @media(max-width:600px){#story{--story-body:19px}} @media(prefers-reduced-motion:reduce){#story:before{animation:none}} /* A unified Helvetica system and consistent photographic framing. */ #story .story-art img{border:3px solid #b8b2a2;box-shadow:0 12px 32px #0003} #story .story-panorama{max-width:1080px;margin:20px auto 90px}#story .story-street{width:76%;margin:10px 0 80px auto} #story .story-lead{font-weight:700}#story .story-condition,#story .story-release{font-weight:700} @media(max-width:760px){#story .story-street{width:100%;margin-bottom:55px}#story .story-panorama{margin-bottom:55px}} /* Typography changes apply only to the story. */ #story .story-editorial p{font-family:Elza,Arial,sans-serif;font-weight:600} #story #story-title,#story .story-editorial .story-arrival,#story .story-editorial .story-last{font-family:Helvetica,'Helvetica Neue',Arial,sans-serif;font-weight:700} #story .story-editorial .story-condition,#story .story-editorial .story-release,#story .story-lead span{color:#efbd99} /* Tighter story flow with top-aligned portraits and full-width plot beats. */ #story #story-title{text-transform:none} #story .story-editorial .story-spread{align-items:start;margin:28px 0 26px;gap:clamp(24px,4vw,60px)} #story .story-art.listening,#story .story-art.dossier{margin:0;align-self:start} #story .story-editorial .maude-spread{grid-template-columns:1.45fr 1fr;align-items:stretch;margin-top:0;margin-bottom:28px} #story .maude-spread .story-art{display:flex;align-items:stretch}#story .maude-spread .story-art img{height:100%;object-fit:cover;object-position:center} #story .story-panorama{max-width:none;margin:20px 0 38px}#story .story-street{width:100%;margin:24px 0 34px} #story .story-editorial .story-arrival{margin:0 0 28px} #story .story-editorial .story-condition,#story .story-night .story-turn{font-family:Helvetica,'Helvetica Neue',Arial,sans-serif;font-weight:700;font-size:var(--story-head);line-height:1.1;letter-spacing:-.04em;margin:26px 0} #story .story-editorial .story-condition{color:#efbd99} #story .story-night{max-width:none;margin:0 0 32px}#story .story-ending{max-width:none;border:0;padding:0;margin:28px 0 0} #story .story-color-strip{width:100%;margin:30px 0}#story .story-color-strip img{width:100%;height:auto} @media(max-width:760px){#story .story-editorial .maude-spread{grid-template-columns:1fr}#story .maude-spread .story-art img{height:auto}#story .story-art.listening{justify-self:start;width:100%;max-width:none}} #story{animation:story-color-cycle 28s linear infinite;background-color:#142c32;background-image:none} @keyframes story-color-cycle{0%,100%{background-color:#142c32}25%{background-color:#28203e}50%{background-color:#38212d}75%{background-color:#16372f}} #story:before{opacity:.35} #story .story-heading{align-items:stretch}#story #story-title{display:flex;flex-direction:column;justify-content:space-between;margin:0}#story .story-beat+ .story-beat{margin-top:24px}#story .story-heading .sunrise-software{align-self:stretch;display:flex;flex-direction:column;justify-content:space-between} #story .story-editorial .maude-spread,#story .story-editorial .dossier-spread{align-items:stretch}#story .maude-spread>div,#story .dossier-spread>div{display:flex;flex-direction:column}#story .maude-spread>div>p:last-child,#story .dossier-spread>div>p:last-child{margin-bottom:0;margin-top:auto} #story .story-editorial .maude-spread .story-condition{font-size:clamp(30px,3.2vw,48px);line-height:1.12;padding-top:12px} #story .story-editorial .story-release{font-family:Helvetica,Arial,sans-serif;font-weight:700;font-size:clamp(32px,3.4vw,50px);line-height:1.12;margin:10px 0 26px} #story .dossier-spread .dossier{align-self:stretch}#story .dossier-spread .dossier img{height:100%;object-fit:cover} #story .story-night .story-turn{max-width:none;width:100%;text-wrap:wrap}#story .story-night .story-turn span{display:block;max-width:none;margin-top:.65em;color:#b8ddff} #story .story-editorial .story-last{color:#42ffad} @media(prefers-reduced-motion:reduce){#story{animation:none}} @media(max-width:760px){#story .dossier-spread .dossier img{height:auto}#story .maude-spread>div>p:last-child,#story .dossier-spread>div>p:last-child{margin-top:0}} /* Low-contrast charcoal atmosphere, without color cycling. */ #story{animation:none;background:#12191c} #story:before{inset:-8%;opacity:.7;background:radial-gradient(ellipse at 25% 30%,#51616838,transparent 55%),radial-gradient(ellipse at 75% 70%,#35474b40,transparent 60%);background-size:100% 100%;animation:story-haze 38s ease-in-out infinite alternate;transform-origin:center} #story:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('assets/dark-grain.svg') repeat;opacity:.1} @keyframes story-haze{from{transform:translate(-2%,-1%) scale(1)}to{transform:translate(3%,2%) scale(1.08)}} #inquiry .questions summary,#inquiry .questions p{font-family:Elza,Arial,sans-serif;font-weight:600}#inquiry .questions summary{text-transform:uppercase;letter-spacing:.01em} @media(prefers-reduced-motion:reduce){#story:before{animation:none}} /* Moving film grain and a more legible, slow charcoal texture. */ #story:after{inset:-80px;opacity:.32;background-size:150px 150px;animation:story-grain-drift 1.4s steps(6,end) infinite} @keyframes story-grain-drift{0%,100%{transform:translate(0,0)}16%{transform:translate(-24px,18px)}33%{transform:translate(32px,-20px)}50%{transform:translate(-16px,-36px)}66%{transform:translate(40px,22px)}83%{transform:translate(-34px,36px)}} #story:before{opacity:.95;background:radial-gradient(ellipse at 15% 25%,#647b8050,transparent 45%),radial-gradient(ellipse at 80% 65%,#465c6550,transparent 50%);animation:story-haze 18s ease-in-out infinite alternate} @media(prefers-reduced-motion:reduce){#story:after,#story:before{animation:none}} #story:before,#story:after{display:none} #story{position:relative;background:#11191d} .story-atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1;background:#11191d} .story-atmosphere .texture-cloud{position:absolute;inset:-100px;background:radial-gradient(ellipse 380px 240px at 20% 20%,#52636a 0,transparent 100%),radial-gradient(ellipse 420px 320px at 80% 55%,#3d5259 0,transparent 100%),radial-gradient(ellipse 400px 260px at 30% 90%,#3c444f 0,transparent 100%);background-size:1100px 950px;opacity:.55;filter:blur(32px);animation:texture-travel 18s linear infinite alternate} .story-atmosphere .texture-grain{position:absolute;inset:-80px;background:url('assets/dark-grain.svg') repeat;background-size:130px 130px;opacity:.38;animation:story-grain-drift 1.4s steps(6,end) infinite} @keyframes texture-travel{from{transform:translate(-70px,-70px)}to{transform:translate(70px,70px)}} @media(prefers-reduced-motion:reduce){.story-atmosphere .texture-cloud,.story-atmosphere .texture-grain{animation:none}} /* Responsive launch pass: preserve section typography while allowing reflow. */ html{background:#000} img{max-width:100%} .nav nav,.story-heading>* ,.story-spread>* ,.inquiry-grid>*{min-width:0} #story{--story-body:1.375rem;--story-head:clamp(2.375rem,5vw,4rem)} .crt-entry button{min-width:44px;min-height:44px} @media(max-width:900px){#story{--story-body:1.25rem}.nav nav{gap:8px 18px}.nav nav a{overflow-wrap:anywhere}} @media(max-width:600px){ #story{--story-body:1.1875rem;--story-head:clamp(2rem,8.5vw,2.75rem)} #story .story-heading{grid-template-columns:minmax(0,1fr);gap:28px;margin-bottom:36px} #story .story-heading .sunrise-software{width:100%;max-width:310px} #story .story-heading .sunrise-lockup{flex-wrap:nowrap;gap:20px;padding:14px 0} #story .story-heading .sunrise-titlebar{font-size:12px;gap:8px} #story .story-heading .sunrise-type{font-size:16px} #story .story-beat+.story-beat{margin-top:16px} #story .story-editorial .story-spread{gap:24px} .sensoria-curatorial{font-size:clamp(1.875rem,7.5vw,2.125rem)} .questions summary{grid-template-columns:24px minmax(0,1fr) 18px;gap:10px;overflow-wrap:anywhere} .questions details p{padding-left:0;padding-right:0} .school-window-body .school-form-heading{font-size:1rem;overflow-wrap:anywhere} .school-window-title{font-size:.875rem} .school-welcome{flex-wrap:wrap} .school-construction{overflow-wrap:anywhere} .crt-system{font-size:clamp(.75rem,3vw,1rem);overflow-wrap:anywhere} .crt-footer{font-size:clamp(.875rem,3.8vw,1.25rem)} } .nav-school-short{display:none} @media(max-width:760px){ .nav{display:flex;flex-direction:column;align-items:stretch;gap:18px;padding:22px 6% 16px} .nav .wordmark{margin:0;align-self:flex-start} .nav nav{display:grid;grid-template-columns:auto auto auto;justify-content:space-between;align-items:center;width:100%;margin:0;gap:12px} .nav nav a{display:block;white-space:nowrap;overflow-wrap:normal;font-size:clamp(.75rem,3.2vw,.875rem);line-height:1.4;padding:12px 0;min-height:44px;letter-spacing:0} .nav-school-full{display:none}.nav-school-short{display:inline} .hero{padding-top:165px} #story .story-editorial .story-spread{grid-template-columns:minmax(0,1fr);gap:22px;margin:0 0 28px} #story .story-editorial p{line-height:1.55;margin-bottom:1.15em} #story .story-spread>div>p:last-child{margin-bottom:0} #story .story-art{width:100%;min-width:0} #story .story-art img{height:auto;object-fit:contain} #story .story-editorial .story-arrival,#story .story-editorial .story-last,#story .story-night .story-turn{font-size:clamp(2rem,8vw,2.75rem);line-height:1.12;letter-spacing:-.035em;text-wrap:pretty} #story .story-editorial .story-condition,#story .story-editorial .story-release{font-size:clamp(1.875rem,7.5vw,2.5rem);line-height:1.15} #story .story-editorial .story-arrival{margin:28px 0 22px} #story .story-night .story-turn{margin:28px 0} #story .story-night .story-turn span{margin-top:.8em} #story .story-panorama,#story .story-street,#story .story-color-strip{margin:26px 0} } /* Section links align with section starts; images reserve space before loading. */ html{scroll-padding-top:0} #story,#inquiry,#school,#top{scroll-margin-top:0} /* Preserve source proportions. Layout columns must never stretch artwork. */ #story .story-editorial .story-art{display:block;align-self:start} #story .story-editorial .story-art img,.title-art,.contact-image img,.horizon img{display:block;width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:auto;object-fit:contain} .school-dialog img{width:auto;height:auto;max-width:100%;max-height:65svh;object-fit:contain} /* Hide only the supplied image's thin white edge without changing proportions. */ #inquiry .contact-image img{clip-path:inset(3px)} .horizon figcaption .redaction-stamp{display:block} .school-welcome{display:grid;grid-template-columns:32px minmax(0,1fr) 32px;align-items:center;gap:12px;max-width:780px;margin-inline:auto} .school-welcome img{width:32px;height:32px;justify-self:center} .school-welcome>span{min-width:0;text-align:center} @media(max-width:600px){.school-welcome{grid-template-columns:24px minmax(0,1fr) 24px;gap:8px}.school-welcome img{width:24px;height:24px}.school-welcome>span{font-size:12px;line-height:1.6}.horizon figcaption .redacted-note{height:72px;max-width:100%;margin-bottom:8px}.horizon figcaption .redaction-stamp{display:block;bottom:0}} .tape-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:20px;font:12px IBMBIOS,monospace}.tape-controls button{padding:10px 12px;min-height:44px;background:#bbb;color:#080824;border:3px outset #ddd;font:inherit;cursor:pointer}.tape-controls input{width:130px;max-width:100%;accent-color:#42ffad} .tape-player{margin-top:20px;padding:16px 0;border-block:1px solid #ffffff40;text-align:left}.tape-track{font:700 19px/1.3 "Courier New",monospace;color:#42ffad;overflow-wrap:anywhere}.tape-artist{display:flex;justify-content:space-between;gap:12px;margin-top:10px;font:12px/1.5 "Courier New",monospace;color:#ffed9e}#tape-next{margin-top:14px;padding:10px 12px;min-height:44px;font:700 13px "Courier New",monospace;background:#bbb;color:#080824;border:3px outset #ddd;cursor:pointer} .section-dock{position:fixed;z-index:30;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;gap:4px;padding:5px;background:#03100ff2;border:1px solid #42ffad70;box-shadow:0 6px 25px #0008;max-width:94vw} .section-dock[hidden]{display:none}.section-dock:after{content:'';position:absolute;bottom:0;left:0;height:2px;width:calc(var(--progress,0)*100%);background:#42ffad}.section-dock a{padding:12px 14px;font:12px/1.5 BDRMono,monospace;white-space:nowrap;color:#aac2b8}.section-dock a[aria-current]{color:#42ffad;background:#42ffad15} .evidence-trigger{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in;text-align:inherit}.evidence-trigger img{display:block;width:100%;height:auto}.evidence-dialog{width:min(1200px,95vw);max-height:94svh;background:#071311;color:#d8e8df;border:1px solid #42ffad70;padding:20px}.evidence-dialog h2{font:16px/1.5 BDRMono,monospace;letter-spacing:.02em;margin:0 44px 16px 0}.evidence-dialog .dialog-close{float:right}.evidence-controls{display:flex;justify-content:space-between;gap:8px}.evidence-controls button,.tape-transport button{min-height:44px;padding:10px 12px;background:#132823;border:1px solid #42ffad60;color:#42ffad;font:12px/1.4 BDRMono,monospace;cursor:pointer}#evidence-viewport{overflow:auto;max-height:65svh;background:#020705;touch-action:pan-x pan-y pinch-zoom}#evidence-viewport img{display:block;width:auto;height:auto;max-width:100%;max-height:65svh;margin:auto;object-fit:contain}#evidence-caption{font:14px/1.5 Arial,sans-serif;text-align:left;color:#becbc4} #tape-waveform{display:block;width:100%;height:64px;margin:16px 0 10px;border:1px solid #42ffad40}.tape-transport{display:grid;grid-template-columns:1fr 1fr 48px;gap:8px}.tape-transport #tape-next{margin:0;background:#132823;border:1px solid #42ffad60;color:#42ffad;font:12px/1.4 BDRMono,monospace}#tape-anomaly{font-size:25px}#tape-effect{font:11px/1.5 BDRMono,monospace;color:#efbd99;min-height:18px;margin-top:10px}body:has(dialog[open]) .section-dock{visibility:hidden} @media(max-width:600px){.section-dock a{padding:12px 10px;font-size:11px}.evidence-dialog{padding:14px}.evidence-controls button{font-size:11px;padding:10px 8px}.tape-transport button{padding:8px 4px;font-size:11px}footer{padding-bottom:95px}} #alien-lover .tape-player{margin-top:16px}#alien-lover .tape-controls{margin:12px 0 22px}#alien-lover>img{max-height:40svh}#alien-lover .tape-transport{flex-shrink:0} @font-face{font-family:DOSVJPN19;src:url('assets/Px437_DOS-V_re_JPN19.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap} .weather-caption,#inquiry .contact-image figcaption,#evidence-caption,#missing-notes p{font-family:DOSVJPN19,monospace;font-weight:400;font-style:normal;letter-spacing:0} #evidence-caption{font-size:16px;line-height:1.6;white-space:pre-line;overflow-wrap:break-word}#evidence-caption strong{font-weight:700;color:#e4f2eb} /* Viewport-sized atmosphere keeps recognizable motion throughout the briefing. */ #story{background:#050d12} #story>.story-atmosphere{z-index:0;background:#050d12} #story>:not(.story-atmosphere){position:relative;z-index:1} .briefing-field{position:absolute;top:0;left:0;width:100%;height:100svh;overflow:hidden;background:#050d12;--signal:#164844;--residue:url('assets/ocean-evidence.png')} .story-atmosphere .texture-cloud{inset:-35%;background:radial-gradient(ellipse at 25% 35%,var(--signal),transparent 48%),radial-gradient(ellipse at 78% 68%,#254754,transparent 42%);background-size:100% 100%;filter:blur(35px);opacity:.8;animation:briefing-current 22s ease-in-out infinite alternate} .ocean-undertow{position:absolute;inset:-40%;background:radial-gradient(ellipse at 65% 35%,#28615b88,transparent 26%),radial-gradient(ellipse at 30% 70%,#02070bf0,transparent 45%);filter:blur(24px);animation:briefing-undertow 17s ease-in-out infinite alternate} .evidence-residue{position:absolute;inset:5% -10%;background-image:var(--residue);background-size:cover;background-position:center;filter:grayscale(1) contrast(1.6) blur(3px);mix-blend-mode:screen;opacity:0;mask-image:radial-gradient(ellipse at 70% 55%,black,transparent 65%);animation:briefing-memory 29s linear infinite} .tracking-band{position:absolute;inset:-30% 0;background:linear-gradient(transparent 46%,#8ab8ac12 49%,#0008 50%,transparent 54%);animation:briefing-tracking 13s linear infinite} .story-atmosphere .texture-grain{inset:-50px;background-size:160px 160px;opacity:.22;animation:story-grain-drift .8s steps(6,end) infinite} .briefing-field:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,#0002 0 1px,transparent 1px 4px),linear-gradient(90deg,#02080d30,transparent 65%,#02080d50);pointer-events:none} @keyframes briefing-current{from{transform:translate(-10%,-8%) rotate(-8deg)}to{transform:translate(12%,10%) rotate(9deg)}} @keyframes briefing-undertow{from{transform:translate(12%,8%) scale(1)}to{transform:translate(-13%,-10%) scale(1.2)}} @keyframes briefing-memory{0%,35%,75%,100%{opacity:0;transform:translate(3%,2%) scale(1.06)}48%,58%{opacity:.075}70%{transform:translate(-3%,-2%) scale(1.12)}} @keyframes briefing-tracking{from{transform:translateY(-65%)}to{transform:translateY(65%)}} @media(prefers-reduced-motion:reduce){.briefing-field *{animation:none!important}.evidence-residue{opacity:.035}} /* Reconstructed OOOI dossier. Narrative remains stable; evidence carries interference. */ #story{--record-accent:#7dac9c;padding-top:36px} #story .tracking-band{display:none} #story .record-status{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #8cb5a466;border-bottom:1px solid #8cb5a433;padding:14px 0;font:12px/1.5 BDRMono,monospace;color:#9bbdaf} #story .file-index{display:flex;gap:4px;flex-wrap:wrap;align-items:center;margin:20px 0 60px} .index-agency{width:100%;font:11px/1.5 BDRMono,monospace;color:#829e92;margin-bottom:9px} .file-index button{border:1px solid #7cae9c40;background:#06110dc9;color:#a8bdb3;padding:12px 16px;min-height:44px;font:12px/1.4 BDRMono,monospace;cursor:pointer} .file-index button[aria-current=location]{background:#bed2bf;color:#07120e} #story .story-heading{align-items:start;margin-bottom:65px} #story .story-label,#story .story-arrival,#story .story-condition,#story .story-release,#story .story-turn,#story .story-last{font-family:BDRMono,monospace;font-weight:400;letter-spacing:-.045em} #story .story-label{font-size:clamp(32px,4vw,58px);line-height:1.15;text-transform:uppercase} #story .synopsis p{font-family:Elza,Arial,sans-serif;font-size:20px;line-height:1.7;font-weight:400;max-width:70ch} #story .synopsis .story-arrival,#story .synopsis .story-condition,#story .synopsis .story-release,#story .synopsis .story-turn,#story .synopsis .story-last{font-family:BDRMono,monospace;font-size:clamp(25px,3vw,40px);line-height:1.35;font-weight:400} .file-heading{display:flex;align-items:center;gap:22px;border-top:1px solid #8fb4a660;padding:24px 0;margin:75px 0 32px;scroll-margin-top:25px} .file-number{font:40px/1 DOSVJPN19,monospace;color:#709d8e} .file-note-label{font:11px/1.6 BDRMono,monospace;letter-spacing:.08em;color:#8da99e} .file-heading h3{font:clamp(20px,2.4vw,31px)/1.3 BDRMono,monospace;letter-spacing:-.03em;color:#d9e4d7;margin:6px 0 0} .file-classification{margin-left:auto;font:10px/1.6 BDRMono,monospace;color:#8da99e;text-align:right} #story .instrumented-evidence{position:relative;padding-top:30px;padding-bottom:32px;border:0;margin-bottom:40px} #story .instrumented-evidence img{border:0} .evidence-instrument{position:absolute;inset:0;pointer-events:none;overflow:hidden;font:11px/1.4 DOSVJPN19,monospace;color:#a9eac9} .instrument-id{position:absolute;top:5px;left:0;letter-spacing:.08em} .instrument-data{position:absolute;bottom:8px;left:0;background:#04110de0;padding:2px 5px} .target-reticle{position:absolute;top:38%;left:73%;font:34px/1 DOSVJPN19,monospace;color:#a5ecd980;text-shadow:0 0 10px #45eaba} .image-scan{position:absolute;left:0;right:0;top:30px;height:1px;background:#adfcd67a;box-shadow:0 0 14px #85ebbd;animation:evidence-sweep 14s linear infinite} .inspect-evidence-label{position:absolute;bottom:9px;right:0;font:10px/1.5 BDRMono,monospace;color:#b4cbbb;pointer-events:none} .instrumented-evidence:hover .inspect-evidence-label{color:#42ffad} .signal-slip .evidence-trigger{animation:evidence-slip .4s steps(2,end)} .signal-slip .target-reticle{left:38%;top:61%;color:#ffd3ae} #story>.transmission-network{position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,transparent 3%,#669f8d24 3%,#669f8d24 calc(3% + 1px),transparent calc(3% + 1px)),repeating-linear-gradient(0deg,transparent 0 690px,#669f8d16 691px,transparent 692px 950px)} .transmission-network:after{content:'';position:absolute;left:3%;width:2px;height:130px;background:linear-gradient(transparent,#9fe6c8,transparent);animation:record-packet 19s linear infinite;box-shadow:0 0 15px #4ee8b4} #story[data-record-phase="2"]{--record-accent:#ceb493} #story[data-record-phase="3"] .record-integrity{color:#eec1a3} @keyframes evidence-sweep{0%{top:30px;opacity:0}10%,75%{opacity:.45}100%{top:calc(100% - 32px);opacity:0}} @keyframes evidence-slip{0%,100%{transform:translateX(0);filter:none}25%{transform:translateX(3px);filter:contrast(1.3) hue-rotate(12deg)}60%{transform:translateX(-2px);filter:contrast(1.1)}} @keyframes record-packet{from{top:0}to{top:100%}} @media(max-width:700px){ #story .record-status{font-size:10px;flex-direction:column;gap:5px} #story .file-index{display:grid;grid-template-columns:1fr 1fr;margin-bottom:36px} .index-agency{grid-column:1/-1}.file-index button{text-align:left;font-size:10px;padding:12px 8px} #story .synopsis p{font-size:18px;line-height:1.7} .file-heading{gap:12px;margin-top:50px}.file-number{font-size:32px}.file-classification{display:none} #story .story-label{font-size:32px} .instrument-data{font-size:10px;max-width:65%}.inspect-evidence-label{font-size:8px} .target-reticle{font-size:24px} } @media(prefers-reduced-motion:reduce){.image-scan,.transmission-network:after,.signal-slip .evidence-trigger{animation:none!important}.image-scan{display:none}} #story #story-title .story-beat{font-family:BDRMono,monospace;font-size:clamp(30px,3.5vw,49px);font-weight:400;line-height:1.2;text-transform:uppercase;letter-spacing:-.045em} /* Synopsis typography supplied by the filmmaker; dossier labels retain their type. */ @font-face{font-family:Redaction20;src:url('assets/redaction20.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap} @font-face{font-family:DOSVANK24;src:url('assets/Px437_DOS-V_re_ANK24.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap} #story .synopsis p{font-family:DOSVANK24,monospace;font-weight:400} #story #story-title .story-beat, #story .synopsis .story-arrival, #story .synopsis .story-condition, #story .synopsis .story-release, #story .synopsis .story-turn, #story .synopsis .story-last{font-family:Redaction20,Georgia,serif;font-weight:400;text-transform:none;letter-spacing:normal} #story #story-title .story-beat{font-size:clamp(40px,5.2vw,72px)} #story .story-heading{margin-bottom:24px} #story #subject-easy{margin-top:24px} #story #contact-nha{margin-bottom:8px;padding-bottom:12px} #story .synopsis .story-arrival{margin-top:0} #story .synopsis .story-body-transition{font-family:DOSVANK24,monospace;font-size:20px;font-weight:400;line-height:1.7} .sunrise-readout{font:11px/1.5 DOSVANK24,monospace;color:#a4c4b6;white-space:pre-line;margin:14px 0 0;min-height:34px} .instrumented-evidence[data-scan="1"] .image-scan{height:16px;background:repeating-linear-gradient(0deg,#9bdcc850 0 1px,transparent 1px 4px);animation-duration:7s;animation-direction:reverse} .instrumented-evidence[data-scan="2"] .image-scan{width:2px;height:calc(100% - 62px);top:30px;background:#bed9c950;animation:scan-sideways 11s linear infinite} .instrumented-evidence[data-scan="3"] .image-scan{height:40px;background:linear-gradient(transparent,#5e8c792e,transparent);animation-duration:19s;animation-timing-function:steps(12)} .copy-slip{animation:copy-dislocation .35s steps(2,end)} @keyframes scan-sideways{from{left:0}to{left:100%}} @keyframes copy-dislocation{0%,100%{text-shadow:none;transform:none}30%{text-shadow:2px 0 #7eafa2,-2px 0 #b69683;transform:translateX(1px)}65%{text-shadow:-1px 0 #83bfad}} .agency-note{position:fixed;right:24px;bottom:90px;width:min(370px,calc(100vw - 32px));z-index:30;background:#b7bdb4;color:#101b18;border:3px outset #dbe0d4;box-shadow:7px 7px 0 #0008;font:16px/1.45 DOSVANK24,monospace} .agency-note[hidden]{display:none} .agency-note-bar{display:flex;justify-content:space-between;align-items:center;background:#142e2a;color:#ddeddb;padding:5px 8px;font:11px/1.5 BDRMono,monospace} .agency-note button{cursor:pointer;min-height:44px;border:2px outset #dce1d6;background:#bbc4b6;color:#10201a;padding:5px 12px} .agency-note-content{padding:16px}.agency-note-content p{margin:0 0 14px}.agency-note-sender{font-size:12px;display:block;margin-bottom:12px} @media(max-width:700px){#story .synopsis .story-body-transition{font-size:18px}.agency-note{right:16px;bottom:85px}#story #story-title .story-beat{font-size:40px}} @media(prefers-reduced-motion:reduce){.copy-slip{animation:none!important}} #story .synopsis p.copy-slip{animation:body-chromatic-fault .65s steps(3,end)} @keyframes body-chromatic-fault{0%,100%{filter:none;text-shadow:none;transform:none}18%{color:#c7f3e5;text-shadow:3px 0 #ee6482,-3px 0 #4eeaff;transform:translateX(1px)}42%{filter:hue-rotate(45deg);text-shadow:-2px 0 #ff79b0,2px 1px #52e6cb}67%{color:#d8c7f3;text-shadow:2px -1px #7bdfff,-2px 0 #db8e64}85%{text-shadow:1px 0 #d79bb9;filter:hue-rotate(-20deg)}} @media(prefers-reduced-motion:reduce){#story .synopsis p.copy-slip{animation:none!important}} /* Keep adjacent copy in normal flow and let full-width passages span the dossier. */ #story .maude-spread>div>p:last-child,#story .dossier-spread>div>p:last-child{margin-top:0} #story .maude-spread>div>p:nth-last-child(2){margin-bottom:16px} #story .story-editorial .maude-spread .story-condition{padding-top:0;font-size:clamp(32px,3.2vw,48px)} #story .synopsis .story-body-transition, #story .synopsis .story-night>p, #story .synopsis .story-ending>p{width:100%;max-width:none;margin-left:0;margin-right:0} #story .synopsis .story-night,#story .synopsis .story-ending{width:100%;max-width:none} .agency-note{max-height:calc(100dvh - 102px);overflow:auto}.agency-note-bar{color:#f0f3e9} /* Rare transmission collapse: color separation without luminance flashing. */ #site-content.transmission-collapse{animation:transmission-collapse 3s linear both;transform-origin:center center} @keyframes transmission-collapse{ 0%{filter:none;transform:none} 9%{filter:url(#oooi-chromatic-warp);transform:skewX(1deg) translateX(-3px)} 24%{filter:url(#oooi-chromatic-warp) hue-rotate(65deg);transform:skewX(-2deg) translateX(5px)} 43%{filter:url(#oooi-chromatic-warp) hue-rotate(-45deg);transform:skewX(2deg) translateX(-5px)} 62%{filter:url(#oooi-chromatic-warp) hue-rotate(110deg);transform:skewX(-1deg)} 73%{filter:none;transform:none} 80%{filter:none;transform:translate(4px,-2px)} 88%{transform:translate(-2px,1px)} 95%{transform:translate(1px,0)} 100%{filter:none;transform:none} } @media(prefers-reduced-motion:reduce){#site-content.transmission-collapse{animation:none!important}} .inspect-evidence-label{pointer-events:auto;cursor:pointer;border:0;background:#061710;padding:6px 8px;min-height:34px;z-index:3} .inspect-evidence-label:hover{background:#16392c;color:#67ffbf} .rgb-fault-layer{position:fixed;inset:0;overflow:hidden;z-index:999;pointer-events:none;mix-blend-mode:screen} .rgb-text-ghost{position:absolute;white-space:pre-wrap;overflow-wrap:break-word;opacity:0;animation:text-channel-scatter 2.8s steps(2,end) both} .rgb-source-fault{animation:source-channel-fault 3s steps(2,end) both} @keyframes text-channel-scatter{ 0%{opacity:0;transform:none} 8%{opacity:.9;transform:translate(calc(var(--dx)*.3),0) skewX(var(--skew))} 22%{opacity:.8;transform:translate(var(--dx),var(--dy)) skewX(calc(var(--skew)*-1));clip-path:inset(0 0 35% 0)} 38%{opacity:1;transform:translate(calc(var(--dx)*-1),calc(var(--dy)*.5)) skewX(var(--skew));clip-path:inset(25% 0 0 0)} 55%{opacity:.8;transform:translate(calc(var(--dx)*1.4),var(--dy));clip-path:inset(0)} 70%{opacity:.9;transform:translate(calc(var(--dx)*-.6),calc(var(--dy)*-1)) skewX(var(--skew))} 79%{opacity:0;transform:none} 86%{opacity:.6;transform:translate(7px,-2px)} 94%{opacity:.3;transform:translate(-3px,1px)} 100%{opacity:0;transform:none} } @keyframes source-channel-fault{0%,100%{text-shadow:none}12%,48%{text-shadow:9px 0 #ff245e,-12px 2px #288bff,3px -3px #3bff9c}30%,66%{text-shadow:-15px 0 #fa356a,13px -2px #36afff}78%{text-shadow:none}86%{text-shadow:3px 0 #ee4274,-3px 0 #42dccb}} @media(prefers-reduced-motion:reduce){.rgb-fault-layer{display:none}.rgb-source-fault{animation:none!important}} .analytics-disclosure{flex-basis:100%;max-width:750px;font:14px/1.6 Arial,sans-serif;color:#a9bcb0}.analytics-disclosure summary{cursor:pointer}.analytics-disclosure button{background:transparent;color:inherit;border:1px solid #718c7b;padding:10px;cursor:pointer} body.tint-quiet *,body.tint-quiet *:before,body.tint-quiet *:after{animation:none!important} body.tint-no-glitches .image-scan,body.tint-no-glitches .rgb-fault-layer{display:none} /* One measured stage shared by all exhibits; image and caption stay together. */ .evidence-dialog[open]{display:grid;grid-template-rows:auto auto auto;gap:14px;height:auto;overflow:hidden;box-sizing:border-box} .evidence-dialog .dialog-close{position:absolute;right:16px;top:16px;z-index:4} .evidence-dialog h2{margin:0 44px 0 0} #evidence-stage{height:var(--evidence-stage-height,65svh);display:flex;align-items:center;justify-content:center;min-height:0} #evidence-group{position:relative;top:var(--evidence-group-offset,0px);width:100%;display:flex;flex-direction:column;align-items:center;gap:12px;min-height:0} #evidence-viewport{position:relative;flex:none;min-height:0;max-height:none;width:100%;height:var(--evidence-image-height,40svh);isolation:isolate;overflow:auto;display:flex;align-items:flex-start} #evidence-viewport img{flex:none;align-self:center;object-fit:contain} #evidence-viewport.is-transferring{overflow:hidden} #evidence-viewport .evidence-outgoing{position:absolute;inset:0;width:100%;height:100%;max-width:100%;max-height:100%;margin:0;object-fit:contain;pointer-events:none;z-index:2} .evidence-transfer-scan{position:absolute;top:0;bottom:0;width:1px;background:#b4ffda;box-shadow:0 0 18px 5px #49ffad33;pointer-events:none;z-index:3} #evidence-caption{width:100%;box-sizing:border-box;margin:0;min-height:0;max-height:var(--evidence-caption-height,30svh);overflow:auto;overscroll-behavior:contain;padding-right:6px} .evidence-controls{align-self:end} @media(max-width:600px){.evidence-dialog[open]{gap:10px}} /* Footer alignment remains stable when the privacy disclosure is inserted. */ footer{display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px} footer>.text-link{justify-self:end;margin-left:auto;text-align:right} footer>.analytics-disclosure{grid-column:1/-1} /* Rare fictional identity check. No answers leave this browser. */ .identity-interrupt{width:min(620px,92vw);max-height:90svh;padding:0;background:#bec5b9;color:#091811;border:3px outset #e4eddf;box-shadow:12px 12px 0 #0008} .identity-interrupt::backdrop{background:#0009} .identity-interrupt header{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#39304f;color:#f1eedf;padding:12px;font:13px/1.5 BDRMono,monospace} .identity-close{min-width:38px;min-height:38px;background:#cbd1c2;color:#142118;border:3px outset #edf4e5;cursor:pointer;font:22px monospace} .identity-content{padding:clamp(20px,4vw,36px)} .identity-counter{font:13px/1.5 BDRMono,monospace;letter-spacing:.06em} .identity-content h2{font:clamp(24px,4vw,34px)/1.15 DOSVANK24,monospace;margin:22px 0 14px} .identity-instruction{font:16px/1.5 DOSVANK24,monospace} .identity-answers{display:grid;gap:10px;margin-top:26px} .identity-answers button{padding:15px;text-align:left;border:3px outset #f1f5e9;background:#d3d9cb;color:#0b1a11;font:18px/1.4 DOSVANK24,monospace;cursor:pointer} .identity-answers button:hover,.identity-answers button:focus-visible{background:#132b22;color:#b4ff9f} body.identity-red{background:#8c0000} body.identity-red #site-content{filter:sepia(1) saturate(8) hue-rotate(315deg)} body.identity-red #site-content *{color:#ffde8e!important;text-shadow:0 0 9px #ff3900!important} .identity-interrupt.identity-verdict{position:fixed;inset:0;margin:0;width:100vw;max-width:none;height:100dvh;max-height:none;border:0;box-shadow:none;background:#a00000e8;color:#ffe696;display:grid;place-items:center;padding:clamp(20px,5vw,70px);overflow:auto} .identity-verdict::backdrop{background:#af0000a8} .identity-verdict>.identity-close{position:absolute;right:20px;top:20px} .identity-result{width:min(1100px,100%);text-align:center} .identity-result h2{font:clamp(32px,6.6vw,92px)/1.03 DOSVANK24,monospace;letter-spacing:-.025em;margin:20px 0;overflow-wrap:anywhere;color:#fff0ae;text-shadow:3px 0 #ff4200,-3px 0 #f87100} .identity-final{font:clamp(18px,2.8vw,32px)/1.3 DOSVANK24,monospace} @media(prefers-reduced-motion:reduce){.identity-result h2{text-shadow:none}} /* Keep browser canvas and overscroll black across entrance and main content. */ html{background:#000;color-scheme:dark} body{background:#000} /* Unlisted cartridge terminal. */ .wrong-island-dialog{padding:0;border:1px solid #4b8a81;background:#070919;color:#bce9d5;width:min(720px,100vw);height:min(900px,100dvh);max-width:100vw;max-height:100dvh;overflow:hidden}.wrong-island-dialog::backdrop{background:#000e}.wrong-island-dialog iframe{border:0;width:100%;height:100%;display:block}.wrong-line{padding:clamp(25px,7vw,70px);font-family:IBMBIOS,monospace;text-align:center}.wrong-line h2{font-size:24px;color:#f88aac;line-height:1.6}.wrong-line p{font-size:12px;line-height:1.7}.wrong-line button{margin:10px 5px;padding:14px;border:1px solid #5aa48e;background:#17352e;color:#bce9d5;font:12px IBMBIOS,monospace;cursor:pointer} /* Project TINT internal message. */ #experiment-link{display:inline;border:0;border-bottom:0;border-radius:0;padding:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;line-height:inherit;text-align:inherit;cursor:pointer;transition:color .15s,text-shadow .15s}#experiment-link:hover,#experiment-link:focus-visible{color:#63ffcb;text-shadow:0 0 6px #24ffc9,0 0 18px #20ffbbaa;outline-color:#63ffcb} .experiment-dialog{padding:0;width:min(850px,94vw);max-width:94vw;max-height:88vh;max-height:88dvh;background:#071911;color:#c5f1d7;border:2px solid #74b293;box-shadow:6px 6px 0 #0008,0 0 35px #35ff9e16;overflow:hidden}.experiment-dialog[open]{display:flex;flex-direction:column}.experiment-dialog::backdrop{background:#000c;backdrop-filter:blur(3px)}.experiment-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 14px;background:#315b49;color:#e0ffe9;font:12px/1.5 IBMBIOS,monospace;flex-shrink:0}.experiment-close{border:2px outset #c1dfca;background:#9cbcaa;color:#081b12;font:20px/1 IBMBIOS,monospace;width:36px;height:32px;cursor:pointer;flex-shrink:0}.experiment-scroll{overflow:auto;min-height:0;padding:clamp(20px,4vw,40px);background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,#0002 4px);overscroll-behavior:contain}.experiment-file{font:12px/1.6 BDRMono,monospace;color:#72b995;margin:0 0 24px}.experiment-dialog h2{font:clamp(18px,3vw,26px)/1.4 IBMBIOS,monospace;color:#73ffbe;margin:0 0 28px}.experiment-copy{font:clamp(18px,2.3vw,22px)/1.55 DOSVANK24,monospace}.experiment-copy p{margin:0 0 1.1em}.experiment-copy p:last-child{margin-bottom:0}.experiment-dialog .experiment-status{display:block;margin:0;padding:12px 16px;border-top:1px solid #4d8066;background:#102a1e;color:#91c5a8;font:11px/1.5 BDRMono,monospace;flex-shrink:0}.experiment-cursor{color:#71ffbc;animation:experiment-blink 1s steps(1) infinite}.message-loading .experiment-scroll{animation:experiment-unroll .4s ease-out}.message-loading .experiment-copy p{animation:experiment-line .35s steps(6) both;animation-delay:calc(var(--message-line,0)*.12s)}.experiment-copy p:nth-child(2){--message-line:1}.experiment-copy p:nth-child(3){--message-line:2}.experiment-copy p:nth-child(4){--message-line:3}.experiment-copy p:nth-child(5){--message-line:4}.experiment-copy p:nth-child(6){--message-line:5}.experiment-copy p:nth-child(7){--message-line:6}.experiment-copy p:nth-child(8){--message-line:7}@keyframes experiment-unroll{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0)}}@keyframes experiment-line{from{opacity:0;clip-path:inset(0 0 100% 0)}to{opacity:1;clip-path:inset(0)}}@keyframes experiment-blink{50%{opacity:0}}@media(max-width:500px){.experiment-bar{font-size:10px}.experiment-dialog{max-height:90dvh}.experiment-dialog .experiment-status{font-size:10px}}@media(prefers-reduced-motion:reduce){.message-loading .experiment-scroll,.message-loading .experiment-copy p,.experiment-cursor{animation:none}} @font-face{font-family:RobotronA7100;src:url("assets/robotron-a7100.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap} footer>.analytics-disclosure{justify-self:start;text-align:left;font:18px/1.5 RobotronA7100,monospace;text-transform:none}.analytics-disclosure summary,.analytics-disclosure p,.analytics-disclosure a,.analytics-disclosure button{font-family:RobotronA7100,monospace;text-transform:none}.analytics-disclosure summary{font-size:18px}.analytics-disclosure button{font-size:inherit} /* Stationary dots illuminate in a slow traveling sequence. */ #experiment-link{background-image:radial-gradient(circle,rgba(145,202,183,.32) .65px,transparent .85px);background-size:7px 1px;background-repeat:repeat-x;background-position:0 100%;position:relative;animation:experiment-chromatic 11s ease-in-out infinite} #experiment-link:hover,#experiment-link:focus-visible{animation:none} #experiment-link::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;pointer-events:none;background:linear-gradient(90deg,transparent 0%,transparent 35%,#63ffcb55 43%,#baffeb 49%,#63ffcb 51%,transparent 56%,transparent 100%);background-size:250% 100%;background-repeat:no-repeat;mask-image:radial-gradient(circle at 50% 50%,#000 .8px,transparent 1px);mask-size:7px 2px;mask-repeat:repeat-x;-webkit-mask-image:radial-gradient(circle at 50% 50%,#000 .8px,transparent 1px);-webkit-mask-size:7px 2px;-webkit-mask-repeat:repeat-x;animation:experiment-dot-sequence 8s linear infinite} @keyframes experiment-dot-sequence{from{background-position:160% 0}to{background-position:-60% 0}} @keyframes experiment-chromatic{0%,100%{text-shadow:-.2px 0 #ff499b20,.2px 0 #44eaff20}35%{text-shadow:-1.2px .2px #ff499b65,1.2px -.2px #44eaff65}70%{text-shadow:.8px -.3px #ff499b50,-.8px .3px #44eaff50}} @media(prefers-reduced-motion:reduce){#experiment-link,#experiment-link:hover,#experiment-link:focus-visible,#experiment-link::after{animation:none}#experiment-link::after{display:none}} .wrong-island-redaction{position:absolute;z-index:4;border:0;padding:0;margin:0;border-radius:0;background:transparent;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.wrong-island-redaction[hidden]{display:none}.wrong-island-redaction:hover,.wrong-island-redaction:focus-visible,.wrong-island-redaction.is-tapped{background:#ffe62b;box-shadow:0 0 9px #ffe62b55;outline:none} .wrong-island-dialog.is-prompt{width:fit-content;height:auto;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto}.wrong-island-dialog.is-prompt .wrong-line{padding:24px;max-width:480px}.wrong-island-dialog.is-prompt .wrong-line p{margin:0 0 12px}.wrong-island-dialog.is-prompt .wrong-line h2{margin:0 0 14px;font-size:22px}.wrong-island-dialog.is-prompt .wrong-line button{margin:6px 4px;padding:12px} .wrong-island-dialog.is-prompt[open]{display:block;min-height:0;height:fit-content;inset:0;margin:auto;box-sizing:border-box}.wrong-island-dialog.is-prompt::backdrop{background:#0005} .wrong-line button:focus{outline:none}.wrong-line button:hover,.wrong-line button:focus-visible{outline:2px solid #bce9d5;outline-offset:5px;background:#245144}.wrong-island-dialog.is-prompt:focus{outline:none}