:root{color-scheme:dark;--bg:#090f18;--blue:#9ed0ff;--muted:#849fb8;--line:#9ed0ff30;--ease:cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:60px}body{margin:0;background:var(--bg);color:var(--blue);font:17px/1.75 ABeeZee,Arial,sans-serif}body::after{content:"";position:fixed;inset:-10%;background:url('assets/grain.svg');opacity:.035;pointer-events:none;z-index:9;animation:grain .7s steps(2) infinite}.wrap{width:66.6667%;max-width:1280px;margin-inline:auto}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--blue);outline-offset:7px}.pixel{font-family:'Pixelify Sans',monospace}h1,h2,blockquote{font-family:Aboreto,serif;font-weight:400;line-height:1.12;margin:0}p{margin:0 0 32px}.skip-link{position:fixed;top:10px;left:10px;z-index:100;transform:translateY(-160%);background:var(--bg);padding:12px}.skip-link:focus{transform:none}.page-nav{position:absolute;z-index:3;top:34px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;font-size:14px}.page-nav>a:first-child{display:flex;align-items:center;gap:12px}.page-nav>a:first-child>span:first-child{font-size:24px}.page-nav img{display:block}.anta-hero{min-height:660px;height:min(56vw,960px);position:relative;isolation:isolate;text-align:center;padding:clamp(180px,14vw,275px) 20px 0}.hero-landscape{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#090f183d 0%,#090f1859 40%,#090f18 94%),url('assets/footer.webp') center top/cover no-repeat}.anta-hero h1{font-size:clamp(32px,2.8vw,54px);letter-spacing:-.06em;text-shadow:0 0 28px #9ed0ff60}.read-story{display:inline-flex;gap:18px;align-items:center;font-size:14px;position:absolute;bottom:70px;left:50%;transform:translateX(-50%);white-space:nowrap}.read-story span{display:inline-block;animation:hint 2.5s ease-in-out infinite}.story{display:grid;grid-template-columns:36% 64%;padding:60px 0 140px;gap:0}.story-heading{align-self:start;position:sticky;top:80px;padding-right:40px}.eyebrow{display:block;font-size:13px;color:var(--muted);margin-bottom:24px}.story-heading h2{font-size:clamp(34px,3.1vw,60px);letter-spacing:-.06em;text-shadow:0 0 25px #9ed0ff30}.story-symbol{object-fit:contain;margin-top:35px;image-rendering:auto}.story-copy{max-width:730px;color:#a9bed2}.story-copy .lead{font-size:clamp(21px,1.55vw,30px);line-height:1.5;color:var(--blue)}.story-copy strong{font-weight:400;color:var(--blue);border-bottom:1px solid var(--blue)}.anagram{display:flex;align-items:center;gap:30px;padding:30px 0 36px;margin-bottom:36px;border-block:1px solid var(--line);font-family:'Pixelify Sans',monospace;font-size:clamp(36px,4vw,70px);letter-spacing:.06em;color:var(--blue)}.anagram>span:first-child{color:var(--muted)}.anagram-arrow{font:26px ABeeZee,sans-serif;opacity:.5}.quote-block{padding:32px 0 10px;margin-block:18px 36px;border-block:1px solid var(--line)}.quote-block p{font-size:15px;color:var(--muted)}.quote-block blockquote{font-size:clamp(28px,2.55vw,46px);letter-spacing:-.055em;color:var(--blue);margin:30px 0;text-shadow:0 0 26px #9ed0ff35}.closing{color:var(--blue);padding-top:25px}.back-button{display:inline-flex;align-items:center;gap:38px;border:1px solid #9ed0ff90;border-radius:100px;padding:12px 26px;font-size:14px;color:var(--blue);transition:background .4s,box-shadow .4s}.back-button:hover{background:#9ed0ff10;box-shadow:0 0 24px #9ed0ff20}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-block:34px;font-size:13px;color:var(--muted)}footer>a{font-size:25px}footer button:hover{color:var(--blue)}
.anta-loader{display:none;position:fixed;inset:0;z-index:50;background:var(--bg);place-items:center;pointer-events:none}.is-loading .anta-loader{display:grid}.is-loading .page-nav,.is-loading main,.is-loading footer{visibility:hidden}.loader-question{display:flex;align-items:center;justify-content:center;gap:.22em;font:clamp(24px,2.7vw,52px)/1.25 Aboreto,serif;letter-spacing:-.065em}.loader-question img{width:1.25em;height:1.25em;object-fit:contain;margin-left:.25em;animation:icon-appear 1s var(--ease) both}.word-window{display:grid;overflow:hidden;padding:.25em .08em;margin-inline:-.08em}.word-window>span{grid-area:1/1}.wrong{animation:wrong-out .75s var(--ease) both;animation-delay:calc(.65s + var(--i)*.12s)}.correct{animation:correct-in .95s var(--ease) both;animation-delay:calc(.78s + var(--i)*.12s)}.word-window:nth-child(even) .wrong{animation-name:wrong-out-reverse}.word-window:nth-child(even) .correct{animation-name:correct-in-reverse}.is-loading .anta-loader{animation:loader-exit .95s var(--ease) 2.35s both}.motion:not(.is-loading) .anta-hero h1{animation:hero-in 1.7s var(--ease) both}.motion:not(.is-loading) .hero-landscape{animation:landscape-in 2.1s var(--ease) both}.motion .reveal{opacity:0;transform:translateY(30px);filter:blur(6px);transition:opacity 1s var(--ease),transform 1.3s var(--ease),filter 1.3s var(--ease)}.motion .reveal.visible{opacity:1;transform:none;filter:none}
@keyframes wrong-out{0%{opacity:1;transform:none;filter:blur(0)}100%{opacity:0;transform:translateY(-130%);filter:blur(6px)}}@keyframes wrong-out-reverse{0%{opacity:1;transform:none;filter:blur(0)}100%{opacity:0;transform:translateY(130%);filter:blur(6px)}}@keyframes correct-in{0%{opacity:0;transform:translateY(130%);filter:blur(8px)}100%{opacity:1;transform:none;filter:blur(0)}}@keyframes correct-in-reverse{0%{opacity:0;transform:translateY(-130%);filter:blur(8px)}100%{opacity:1;transform:none;filter:blur(0)}}@keyframes loader-exit{to{opacity:0;transform:translateY(-30px);filter:blur(12px);visibility:hidden}}@keyframes icon-appear{from{opacity:0;transform:translateX(20px);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}@keyframes hero-in{from{opacity:0;transform:translateY(22px);filter:blur(12px)}to{opacity:1;transform:none;filter:none}}@keyframes landscape-in{from{opacity:.35;transform:scale(1.025)}to{opacity:1;transform:none}}@keyframes hint{50%{transform:translateY(6px)}}@keyframes grain{0%,100%{transform:translate(0)}30%{transform:translate(-2%,1%)}65%{transform:translate(1%,-2%)}}
@media(max-width:760px){body{font-size:16px}.wrap{width:calc(100% - 44px)}.page-nav{top:24px}.page-nav .pixel{font-size:12px}.anta-hero{height:620px;min-height:0;padding-top:170px;overflow:hidden}.anta-hero h1{font-size:32px;max-width:440px;margin:auto}.hero-landscape{background-size:auto 620px;background-position:68% top}.read-story{bottom:46px}.story{grid-template-columns:1fr;padding:26px 0 70px;gap:42px}.story-heading{position:static;padding:0}.story-heading h2{font-size:42px}.story-heading h2 br{display:none}.story-symbol{width:44px;height:44px;margin-top:24px}.eyebrow{margin-bottom:15px}.anagram{gap:24px}.quote-block blockquote{font-size:30px}.quote-block blockquote br{display:none}.loader-question{font-size:25px;gap:.12em}.loader-question img{width:32px;height:32px}.story-copy p{line-height:1.7}footer{flex-wrap:wrap;gap:18px;font-size:12px}.story-copy .lead{font-size:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.anta-loader{display:none!important}.is-loading .page-nav,.is-loading main,.is-loading footer{visibility:visible}.motion .reveal{opacity:1;transform:none;filter:none}}