@font-face{font-family:oswald;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/oswald-300.woff2)format('woff2')}@font-face{font-family:space grotesk;font-style:normal;font-weight:400 500;font-display:swap;src:url(/fonts/space-grotesk.woff2)format('woff2')}:root{--color-bg:#0a0a0a;--color-text:#f0f0f0;--color-text-muted:#888888;--color-cyan:#00d4ff;--color-magenta:#ff00aa;--font-display:'Oswald', sans-serif;--font-body:'Space Grotesk', sans-serif;--font-size-body:clamp(1rem, 2.2vw, 1.1rem);--font-size-intro:clamp(1.05rem, 2.5vw, 1.15rem);--font-size-title:clamp(2rem, 7vw, 4rem);--font-size-signature:clamp(0.75rem, 1.6vw, 0.85rem);--font-size-end:clamp(1.2rem, 3vw, 1.5rem);--max-width:58ch;--line-height-poetry:1.75}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}*{scrollbar-width:thin;scrollbar-color:var(--color-text-muted)transparent}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background:0 0}*::-webkit-scrollbar-thumb{background:var(--color-text-muted);border-radius:3px}html{height:100%}body{min-height:100%;background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--font-size-body);-webkit-font-smoothing:antialiased}html.is-home,html.is-home body{height:100%;overflow:hidden}.section{position:fixed;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;opacity:0;visibility:hidden;transition:opacity .4s ease;overflow-y:auto;-webkit-overflow-scrolling:auto;overscroll-behavior:contain}.section.active{opacity:1;visibility:visible}.landing{text-align:center;overflow:hidden}.landing::before{content:'';position:absolute;top:0;left:0;right:0;height:40%;background:radial-gradient(ellipse at top,rgba(0,212,255,5%) 0%,transparent 70%);pointer-events:none}.intro{max-width:var(--max-width);font-size:var(--font-size-intro);letter-spacing:.02em;line-height:1.8}.intro p{margin-bottom:1.8em;opacity:.9}.signature{font-family:var(--font-display);font-weight:300;font-size:var(--font-size-signature);letter-spacing:.3em;text-transform:uppercase;margin-top:4em;color:var(--color-text-muted)}.scroll-hint{position:absolute;bottom:calc(3rem + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--color-text-muted);font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;opacity:.5;animation:pulse 2s ease-in-out infinite}.scroll-hint::after{content:'';width:1px;height:30px;background:linear-gradient(to bottom,var(--color-text-muted),transparent)}@keyframes pulse{0%,100%{opacity:.3}50%{opacity:.6}}.visual{padding:0;overflow:hidden}.visual-bg{position:absolute;inset:0;opacity:.7;display:none}.gradient-1{background:linear-gradient(135deg,#00d4ff 0%,#0066aa 25%,#1a1a2e 50%,#4a0066 75%,#ff00aa 100%)}.gradient-2{background:linear-gradient(45deg,#0a0a0a 0%,#1a0a1a 20%,#3d0a3d 40%,#0a1a3d 60%,#0a2a2a 80%,#0a0a0a 100%)}.gradient-3{background:linear-gradient(180deg,#001a33 0%,#003355 30%,#004466 50%,#003355 70%,#001a33 100%)}.gradient-4{background:linear-gradient(225deg,#1a0a0a 0%,#3d1a0a 30%,#0a1a1a 60%,#0a3d3d 100%)}.gradient-5{background:linear-gradient(90deg,#0a0a1a 0%,#1a0a2a 25%,#2a0a3a 50%,#1a0a2a 75%,#0a0a1a 100%)}.visual-title{position:relative;z-index:1;font-family:var(--font-display);font-weight:300;font-size:var(--font-size-title);text-transform:lowercase;letter-spacing:.12em;text-align:center;line-height:1.15;text-shadow:0 0 40px rgba(0,212,255,.3),0 0 80px rgba(255,0,170,.2)}.text{text-align:center;justify-content:flex-start;padding-top:15vh;padding-bottom:15vh}.text::before{content:'';position:fixed;left:50%;top:2rem;transform:translateX(-50%);width:1px;height:5vh;background:linear-gradient(to bottom,var(--color-cyan),transparent);opacity:.3}.piece-content{max-width:var(--max-width);line-height:var(--line-height-poetry)}.piece-content p{margin-bottom:2.5em;opacity:.9}.line-emphasis{font-weight:500}.piece-page .section{position:relative;opacity:1;visibility:visible;overflow:visible;height:auto;min-height:100vh}.scroll-continue{margin-top:4rem;color:var(--color-text-muted);font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;opacity:.4}.end-page{text-align:center;overflow:hidden}.end-page::after{content:'';position:absolute;bottom:0;left:0;right:0;height:40%;background:radial-gradient(ellipse at bottom,rgba(255,0,170,5%) 0%,transparent 70%);pointer-events:none}.end-content{max-width:var(--max-width)}.end-content h2{font-family:var(--font-display);font-weight:300;font-size:var(--font-size-end);letter-spacing:.1em;margin-bottom:2em;text-transform:lowercase}.end-content p{color:var(--color-text-muted);line-height:1.8;margin-bottom:1.5em}.end-links{display:flex;gap:3rem;justify-content:center;margin-top:4em;flex-wrap:wrap}.end-links a{font-family:var(--font-display);font-weight:300;font-size:var(--font-size-signature);letter-spacing:.25em;text-transform:uppercase;color:var(--color-text-muted);text-decoration:none;padding:.5em 0;border-bottom:1px solid transparent;transition:all .3s ease}.end-links a:hover{color:var(--color-cyan);border-bottom-color:var(--color-cyan)}.scroll-up-hint{position:absolute;top:3rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--color-text-muted);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;opacity:.4}.scroll-up-hint::before{content:'';width:1px;height:25px;background:linear-gradient(to top,var(--color-text-muted),transparent)}@media(max-width:700px){.visual-title{font-size:clamp(1.8rem,9vw,2.5rem);letter-spacing:.08em}.end-links{flex-direction:column;gap:1.5rem}}@media(prefers-reduced-motion:reduce){.scroll-hint{animation:none;opacity:.5}.section{transition-duration:.01ms}}