:root{color-scheme:light;--ink:#39124e;--pink:#ee81b3;--paper:#f6c6dc;--line:#68265930}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:#87285e #f6c6dc}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #822aac;outline-offset:6px}.skip-link{position:fixed;top:10px;left:10px;z-index:50;padding:16px;background:white;transform:translateY(-150%)}.skip-link:focus{transform:none}#field{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.site-header{position:fixed;inset:0 0 auto;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:24px 4vw;border-bottom:1px solid var(--line);background:#f6c6dcbb;backdrop-filter:blur(18px)}.brand{font-size:27px;font-weight:700;letter-spacing:-1.2px;display:flex;align-items:center}.brand>span{font-weight:400}.brand i{font:12px monospace;border:1px solid #6f3165;border-radius:4px;padding:5px;margin-left:13px;letter-spacing:0}nav{display:flex;gap:30px;font-size:14px}nav a{position:relative;padding:8px 0}nav a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:currentColor;transition:width .3s}nav a:hover::after,nav a[aria-current]::after{width:100%}#motion{border:1px solid var(--line);border-radius:30px;padding:10px 16px;background:transparent;font-size:14px;min-height:42px}.chapter{position:relative;min-height:100svh;display:flex;align-items:center;padding:150px 7vw 160px;z-index:1;pointer-events:none}.chapter a,.chapter button{pointer-events:auto}.chapter-copy{max-width:760px}.eyebrow{font:13px/1.6 monospace;letter-spacing:2px;margin:0 0 30px}h1,h2{font-weight:500;letter-spacing:-.065em;line-height:1.04;margin:0}h1{font-size:clamp(76px,9.3vw,152px)}h2{font-size:clamp(52px,6.6vw,104px)}h1 em,h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#8e2869;letter-spacing:-.07em}.whisper{font-size:18px;line-height:1.65;margin:30px 0;color:#643253}.pulse-trigger,.restart{display:inline-flex;align-items:center;gap:44px;padding:17px 24px;background:#401250;color:#ffe5ef;border:1px solid #401250;border-radius:40px;font-size:16px;transition:transform .25s,box-shadow .25s}.pulse-trigger:hover,.restart:hover{transform:translateY(-4px);box-shadow:0 12px 30px #68184d30}.pulse-trigger span{font-size:24px}.field-note{position:absolute;right:9vw;bottom:155px;font:14px/1.9 monospace;border-left:1px solid #662965;padding-left:18px}.field-note span{font-size:13px;color:#693852}.scroll-cue{position:absolute;left:7vw;bottom:65px;font-size:14px;display:flex;align-items:center;gap:28px}.scroll-cue span{font-size:22px}.offset-right{margin-left:auto;text-align:right}.final-chapter .chapter-copy{max-width:1000px}.restart{margin-top:36px}footer{position:absolute;bottom:105px;left:7vw;right:7vw;display:flex;justify-content:space-between;font-size:13px}.cursor-lens{position:fixed;top:0;left:0;width:64px;height:64px;border:1px solid #91357770;border-radius:50%;pointer-events:none;z-index:6;opacity:0;transition:opacity .3s}body.pointer-active .cursor-lens{opacity:1}@media(min-width:1000px){.chapter-copy{animation:arrive .9s ease-out both}}@keyframes arrive{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}@media(max-width:750px){.site-header{padding:16px 6vw;gap:10px}.brand{font-size:24px}.brand i{display:none}nav{gap:12px;font-size:12px}#motion{padding:8px 12px}#motion span{display:none}.chapter{padding:145px 7vw 210px;align-items:flex-start;min-height:100svh}.chapter-copy{max-width:100%}h1{font-size:clamp(68px,16vw,110px)}h2{font-size:clamp(44px,10vw,72px)}.eyebrow{font-size:12px;margin-bottom:25px}.whisper{font-size:16px;margin:22px 0}.offset-right{text-align:left;margin-left:0}.field-note{right:7vw;bottom:130px;font-size:12px}.field-note span{font-size:12px}.scroll-cue{bottom:145px;font-size:12px;max-width:130px;gap:8px}footer{bottom:100px;font-size:12px;gap:20px}footer span:last-child{max-width:180px;text-align:right}.pulse-trigger{padding:12px 20px}.cursor-lens{display:none}}@media(max-width:390px){nav{gap:9px}.brand{font-size:21px}.site-header{padding:16px 4vw}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
