:root{--accent:#c41e3a;--mono:Arial, Helvetica, sans-serif;--band-left:clamp(9rem, 26vw, 17rem);--band-right:clamp(6.5rem, 20vw, 15rem);--band-gap:clamp(.75rem, 2vw, 2rem);--bg:#17181a;--ink:#e6e4dd;--ink-dim:#e6e4dd73}[data-theme=light]{--bg:#f2ede2;--ink:#26211a;--ink-dim:#26211a80}*{box-sizing:border-box;margin:0}body{background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;transition:background .6s,color .6s;overflow-x:hidden}body:before{content:"";z-index:-2;pointer-events:none;position:fixed;inset:0}[data-theme=light] body:before{background:radial-gradient(120vmax 90vmax at 50% 40%, #ffffff59, transparent 62%), radial-gradient(140vmax 110vmax at 50% 50%, transparent 58%, #3e302017 100%), var(--bg)}[data-theme=dark] body:before{background:radial-gradient(120vmax 90vmax at 50% 40%, #e2e8f00a, transparent 62%), radial-gradient(140vmax 110vmax at 50% 50%, transparent 55%, #0006 100%), var(--bg)}body:after{content:"";z-index:-1;pointer-events:none;opacity:.055;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"240\" height=\"240\"><filter id=\"n\"><feTurbulence type=\"fractalNoise\" baseFrequency=\"0.9\" numOctaves=\"2\" stitchTiles=\"stitch\"/><feColorMatrix type=\"saturate\" values=\"0\"/></filter><rect width=\"240\" height=\"240\" filter=\"url(%23n)\"/></svg>");background-size:240px 240px;position:fixed;inset:0}[data-theme=dark] body:after{opacity:.05;mix-blend-mode:screen}.intro{grid-template-columns:1fr var(--band-left) var(--band-right) 1fr;column-gap:var(--band-gap);grid-template-rows:auto auto;align-content:center;width:100%;min-height:100vh;padding:2rem;display:grid;position:relative}.intro-name{white-space:nowrap;letter-spacing:.05em;color:#5c5850;grid-area:1/2;place-self:end start;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:clamp(1.4rem,4vw,2.5rem);font-weight:700}[data-theme=dark] .intro-name{color:var(--ink)}.intro-anim{aspect-ratio:749/856;grid-area:1/3/3;align-self:center;width:100%;position:relative}.intro-anim:after{content:"";background:#5c5850;width:2px;height:28vh;position:absolute;top:50%;right:-6%;transform:translateY(-50%)}[data-theme=dark] .intro-anim:after{background:var(--ink)}.intro-anim canvas,.intro-anim img{width:100%;height:100%;display:block}.intro-anim img{position:absolute;inset:0}.intro-subtext{text-align:left;font-family:var(--mono);letter-spacing:.05em;color:var(--ink-dim);grid-area:2/2;place-self:start;margin-top:1.5rem;font-size:.7rem;line-height:2}.index{grid-template-columns:1fr var(--band-left) var(--band-right) 1fr;column-gap:var(--band-gap);grid-template-rows:auto 1fr auto;min-height:100vh;padding:14vh 2rem 12vh;display:grid}.entry-list{text-align:right;grid-area:1/3;padding:0 12% 0 0;list-style:none}.intro-wing{object-fit:contain;pointer-events:none;grid-area:3/2;place-self:end start;width:100%;max-width:22rem;height:auto;transform:rotate(15deg)}.entry-list li{margin-bottom:1.4rem}.entry-link{font-family:var(--mono);letter-spacing:.08em;color:var(--ink-dim);text-underline-offset:.3em;font-size:.95rem;text-decoration:underline;text-decoration-thickness:1px;transition:color .25s}.entry-link:hover,.entry-link:focus-visible{color:var(--accent);outline:none}.entry-list-date{font-family:var(--mono);letter-spacing:.12em;color:var(--ink-dim);margin-left:1rem;font-size:.68rem}.entry-page{max-width:38rem;margin:0 auto;padding:18vh 1.5rem 20vh}.entry-back{z-index:5;font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim);border-bottom:1px solid #0000;font-size:.72rem;text-decoration:none;transition:color .25s,border-color .25s;position:fixed;top:2rem;left:2rem}.entry-back:hover,.entry-back:focus-visible{color:var(--accent);border-bottom-color:var(--accent);outline:none}.entry-title{letter-spacing:.05em;color:#5c5850;margin-bottom:.9rem;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.5rem;font-weight:700}[data-theme=dark] .entry-title{color:var(--ink)}.entry-date{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:1.4rem;font-size:.66rem}.entry-body{color:var(--ink-dim);white-space:pre-line;font-size:.92rem;line-height:1.8}.entry-body-link{color:var(--ink);text-underline-offset:.25em;text-decoration:underline;transition:color .25s}.entry-body-link:hover,.entry-body-link:focus-visible{color:var(--accent);outline:none}@media (width<=640px){.intro{padding:1.5rem}.intro-name{letter-spacing:.1em}.index{padding:12vh 1.5rem}.entry-back{top:1.25rem;left:1.25rem}.entry-page{padding:14vh 1.5rem 16vh}}
