:root{--paper:#fff1e2;--card:#fffaf4;--ink:#2d1022;--muted:#7d4a5c;--rule:#f3cdb3;--accent:#e0245e;--sun:#ffb627;--tangerine:#ff7a1a;--coral:#ff3d6e;--magenta:#c2268f;--teal:#12a594;--sunset:linear-gradient(110deg, var(--sun), var(--tangerine) 30%, var(--coral) 62%, var(--magenta));--glow-1:#ffc94d;--glow-2:#ff8a5c;--glow-3:#ff6fa8;--glow-a:.55;--display:"Fraunces", "Iowan Old Style", Georgia, serif;--body:"Newsreader", "Iowan Old Style", Georgia, serif;--mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", monospace;color-scheme:light dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#1e0d19;--card:#2a1424;--ink:#fed;--muted:#d9a7b6;--rule:#4b2440;--accent:#ff6f91;--glow-a:.32}}:root[data-theme=dark]{--paper:#1e0d19;--card:#2a1424;--ink:#fed;--muted:#d9a7b6;--rule:#4b2440;--accent:#ff6f91;--glow-a:.32}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}*{box-sizing:border-box}html,body{min-height:100%;margin:0;overflow-x:clip}body{background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;font-size:1.125rem;line-height:1.55}.glow{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.glow i{aspect-ratio:1;filter:blur(70px);width:62vmax;opacity:var(--glow-a);border-radius:50%;animation:26s ease-in-out infinite alternate drift;position:absolute}.glow i:first-child{background:radial-gradient(circle, var(--glow-1), transparent 65%);top:-28vmax;left:-18vmax}.glow i:nth-child(2){background:radial-gradient(circle, var(--glow-3), transparent 65%);animation-duration:31s;animation-direction:alternate-reverse;top:-22vmax;right:-26vmax}.glow i:nth-child(3){background:radial-gradient(circle, var(--glow-2), transparent 65%);animation-duration:37s;bottom:-34vmax;left:18vw}@keyframes drift{to{transform:translate(6vmax,5vmax)scale(1.12)}}body:before{content:"";pointer-events:none;z-index:-1;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}main{flex-direction:column;justify-content:center;max-width:68rem;min-height:100svh;margin:0 auto;padding:clamp(2.5rem,8vh,6rem) clamp(1rem,6vw,4.5rem);display:flex;position:relative}h1{font-family:var(--display);font-optical-sizing:auto;font-variation-settings:"SOFT" 100, "WONK" 1;letter-spacing:-.035em;margin:0;font-size:clamp(3.75rem,15vw,11.5rem);font-weight:420;line-height:.88}h1>span{display:block}h1 .last{padding-left:clamp(1.5rem,9vw,8rem);font-style:italic;font-weight:380}.sunset-text{background:var(--sunset);color:#0000;background-size:220% 100%;-webkit-background-clip:text;background-clip:text;padding-right:.06em;animation:9s ease-in-out infinite alternate slide}@keyframes slide{to{background-position:100% 0}}.dot{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;font-style:normal;transition:color .4s;display:inline-block}.dot.spin{animation:.5s cubic-bezier(.3,1.6,.5,1) hop}@keyframes hop{40%{transform:translateY(-.25em)rotate(-12deg)}}.dot:focus-visible,.theme-toggle:focus-visible,.book:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.theme-toggle{z-index:1;border:1px solid var(--rule);background:var(--card);color:var(--muted);box-shadow:0 6px 18px -10px color-mix(in srgb, var(--coral) 60%, transparent);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border-radius:999px;padding:.35rem .7rem;font-size:.72rem;transition:color .2s,border-color .2s;position:fixed;top:clamp(1rem,3vw,1.75rem);right:clamp(1rem,3vw,1.75rem)}.theme-toggle:hover{color:var(--ink);border-color:var(--ink)}.to-light,:root[data-theme=dark] .to-dark{display:none}:root[data-theme=dark] .to-light{display:inline}@media (prefers-color-scheme:dark){:root:not([data-theme]) .to-dark{display:none}:root:not([data-theme]) .to-light{display:inline}}.book{background:var(--sunset);color:#fff;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;text-shadow:0 1px 2px #78143259;box-shadow:0 10px 24px -10px color-mix(in srgb, var(--coral) 80%, transparent), inset 0 1px 0 #ffffff59;background-size:180% 100%;border-radius:999px;align-self:flex-start;margin:0 0 clamp(1.5rem,4vh,2.5rem);padding:.85rem 1.5rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:transform .25s cubic-bezier(.3,1.6,.5,1),background-position .5s,box-shadow .25s}.book:hover{box-shadow:0 16px 30px -12px color-mix(in srgb, var(--magenta) 85%, transparent), inset 0 1px 0 #ffffff59;background-position:100% 0;transform:translateY(-3px)scale(1.03)}.book.secondary{color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:0 0;margin-top:calc(-1*clamp(.75rem,2vh,1.5rem))}footer{overflow-wrap:anywhere;line-height:2;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:clamp(2.5rem,7vh,4.5rem);font-size:.72rem}footer a{color:inherit;text-underline-offset:.2em}footer a:hover{color:var(--accent)}hr{background:var(--sunset);border:0;border-radius:4px;width:100%;height:4px;margin:clamp(2rem,5vh,3.5rem) 0 1.5rem}.lower{align-items:start;gap:clamp(2rem,5vw,4rem);display:grid}.details{flex-direction:column;display:flex}.portrait{background:color-mix(in srgb, var(--paper) 70%, #fff);width:calc(100% - 1.5rem);max-width:22rem;box-shadow:0 1px 0 var(--rule), 0 18px 40px -24px color-mix(in srgb, var(--ink) 60%, transparent);justify-self:center;margin:0;padding:.6rem .6rem 1.8rem;transform:rotate(-1.5deg)}.portrait img{aspect-ratio:1;object-fit:cover;filter:saturate(.92)contrast(1.02);width:100%;height:auto;display:block}@media (width>=56rem){.lower{grid-template-columns:1fr minmax(16rem,22rem)}.portrait{grid-area:1/2;width:100%;margin-top:.5rem;transform:rotate(-2deg)}.details{grid-area:1/1}}.tagline{max-width:34ch;margin:0 0 clamp(2rem,5vh,3rem);font-size:clamp(1.25rem,2.4vw,1.6rem);line-height:1.35}ol{max-width:28rem;margin:0;padding:0;list-style:none}li+li{border-top:1px solid var(--rule)}nav a{color:inherit;grid-template-columns:2.75rem 1fr auto;align-items:center;padding:.8rem 0;text-decoration:none;display:grid}.num{background:var(--chip,var(--sun));color:#fff;width:1.75rem;height:1.75rem;font-family:var(--mono);border-radius:50%;justify-self:start;place-items:center;font-size:.72rem;font-weight:500;transition:transform .3s cubic-bezier(.3,1.6,.5,1);display:grid}li:nth-child(3n+2) .num{--chip:var(--coral)}li:nth-child(3n+3) .num{--chip:var(--magenta)}nav a:hover .num{transform:rotate(-12deg)scale(1.12)}.label{font-size:1.2rem}.arrow{color:var(--accent);opacity:0;transition:transform .25s,opacity .25s;transform:translate(-.4rem)}nav a:hover .label,nav a:focus-visible .label{color:var(--accent);font-style:italic}nav a:hover .arrow,nav a:focus-visible .arrow{opacity:1;transform:none}nav a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.rise{animation:.9s cubic-bezier(.2,.7,.1,1) both rise;animation-delay:calc(var(--i) * 90ms)}@keyframes rise{0%{opacity:0;transform:translateY(.6em)}}@media (prefers-reduced-motion:reduce){.rise,.glow i,.sunset-text,.policy h1 em{animation:none}.arrow,.dot,.book,.theme-toggle{transition:none}.dot.spin{animation:none}}.policy{justify-content:flex-start;max-width:44rem;padding-top:clamp(4.5rem,12vh,7rem)}.back{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);align-self:flex-start;margin-bottom:2.5rem;font-size:.75rem;text-decoration:none}.back:hover{color:var(--accent)}.policy h1{font-size:clamp(3rem,10vw,5.5rem);line-height:.9}.policy h1 em{background:var(--sunset);color:#0000;background-size:220% 100%;-webkit-background-clip:text;background-clip:text;padding-left:clamp(1rem,5vw,3rem);padding-right:.08em;font-weight:380;animation:9s ease-in-out infinite alternate slide;display:inline-block}.policy .meta{border-bottom:1px solid var(--rule);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:1.25rem 0 2rem;padding-bottom:1.5rem;font-size:.75rem}.policy .lede{font-size:1.3rem;line-height:1.45}.policy h2{font-family:var(--display);letter-spacing:-.01em;margin:2.5rem 0 .5rem;font-size:1.45rem;font-weight:450}.policy p{margin:0 0 1rem}.policy strong{font-weight:600}.policy a:not(.back):not(.book){color:inherit;text-decoration-color:var(--accent);text-underline-offset:.18em}.policy a:not(.back):not(.book):hover{color:var(--accent)}
