@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Instrument+Serif:ital@0;1&display=swap";:root{--desk: #ece7db;--desk-hi: #f6f2e7;--desk-low: #e0dac9;--desk-edge: #d7d1bf;--card: #f8f5ec;--ink: #241e15;--muted: #7a7260;--mug: #1b7267;--print: #e08a4e}*{margin:0;padding:0;box-sizing:border-box}::selection{background:#e08a4e61;color:var(--ink)}body{font-family:DM Sans,sans-serif;background:radial-gradient(ellipse 120% 90% at 50% 38%,var(--desk-hi) 0%,var(--desk) 55%,var(--desk-low) 100%);color:var(--ink)}img{width:100%;height:100%;object-fit:contain}.topbar{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:baseline;padding:1.4rem 2.25rem;z-index:30;pointer-events:none;mix-blend-mode:difference}.topbar a{pointer-events:auto;text-decoration:none;color:#fff}.wordmark{font-weight:800;font-size:1.15rem;letter-spacing:-.025em}.wordmark sup{opacity:.5;font-size:.58em;font-weight:500;margin-left:.12em}.topnav{display:flex;gap:1.75rem}.topnav a{font-size:.85rem;font-weight:450;color:#fff9;transition:color .16s ease}.topnav a:hover{color:#fff;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.4em}.desk{position:relative;width:100%;height:100svh;max-width:1400px;margin:0 auto}.header{position:absolute;width:min(460px,88vw);text-align:center;display:flex;flex-direction:column;gap:1.1rem;pointer-events:none;z-index:10}.header:before{content:"";position:absolute;inset:-3rem -3.5rem;z-index:-1;background:radial-gradient(closest-side,#f6f2e7eb,#f6f2e799 55%,#f6f2e700)}.kicker{font-family:"Instrument Serif",serif;font-style:italic;font-weight:400;font-size:1.05rem;letter-spacing:.01em;color:var(--muted)}.header h1{font-family:"Instrument Serif",serif;font-weight:400;font-size:clamp(3.1rem,5.8vw,5rem);letter-spacing:-.02em;line-height:.96;text-wrap:balance}.header h1 em{font-style:italic;color:var(--mug);text-decoration:underline wavy var(--print);text-decoration-thickness:.04em;text-underline-offset:.1em}.lede{font-size:.95rem;font-weight:420;line-height:1.7;color:var(--muted);max-width:40ch;margin:0 auto}.item{position:absolute;will-change:top,left,transform}.corner{position:fixed;bottom:1.5rem;font-family:"Instrument Serif",serif;font-style:italic;font-size:.95rem;letter-spacing:.01em;color:var(--muted);z-index:20;pointer-events:none}.corner-left{left:2.25rem}.corner-right{right:2.25rem}.dock{position:fixed;bottom:5.5svh;left:50%;transform:translate(-50%);z-index:20;text-align:center}.dock-label{font-family:"Instrument Serif",serif;font-style:italic;font-size:.95rem;color:var(--muted);margin-bottom:.6rem}.modes{display:flex;gap:.4rem;justify-content:center}.modes button{display:flex;align-items:center;gap:.45rem;padding:.6rem 1.05rem;font-family:inherit;font-size:.8rem;font-weight:550;letter-spacing:.01em;color:var(--ink);background:var(--card);border:1px solid rgba(36,30,21,.16);border-radius:999px;box-shadow:0 1px 2px #241e1512;transition:background .3s ease,color .3s ease,border-color .3s ease,transform .15s ease;cursor:pointer}.modes button svg{font-size:1rem}.modes button:hover{border-color:var(--ink)}.modes button:focus-visible{outline:2px solid var(--mug);outline-offset:2px}.modes button:active{transform:scale(.95)}.modes button.active{background:var(--mug);border-color:var(--mug);color:var(--card)}@media(max-width:1400px){.desk{overflow-x:hidden}}@media(max-width:1000px){.desk:after{content:"";position:absolute;inset:0;background:#ece7db8c}}@media(max-width:768px){.topbar{padding:1.1rem 1.25rem}.topnav{gap:1.1rem}.topnav a{font-size:.8rem}.header{gap:.9rem}.header h1{font-size:clamp(2.7rem,12vw,3.6rem)}.lede{font-size:.9rem;max-width:34ch}.item img{transform:scale(.82)}.corner{display:none}.dock{bottom:4.5svh}.dock-label{margin-bottom:.55rem}.modes button{padding:.55rem .9rem;font-size:.75rem}}