:root{--bg:#fcfcfb;--panel:#f4f4f0;--ink:#16161a;--muted:#55555f;--accent:#00595b;--rule:#e3e3dd;--measure:34rem;--hero-bg:#0b1615;--hero-ink:#f5f6f1;--hero-muted:#b7c4c2;--hero-accent:#6fd9d1}@property --p{syntax:"<number>";inherits:true;initial-value:0}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--ink);--p:0;--tail:clamp(0, calc((var(--p,0) - .6) / .4), 1);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.6}a{color:var(--accent);text-underline-offset:.18em}a:hover{text-decoration-thickness:.16em}:focus-visible{outline:.18em solid var(--accent);outline-offset:.15em}.skip{position:absolute;left:-9999px}.skip:focus{z-index:10;background:var(--accent);color:var(--bg);padding:.5rem .75rem;text-decoration:none;top:.5rem;left:.5rem}.site-header{border-bottom:1px solid var(--rule)}.nav-list{max-width:var(--measure);flex-wrap:wrap;gap:.15rem 1.15rem;margin:0 auto;padding:.7rem 1.25rem;font-size:.9rem;list-style:none;display:flex}.nav-list a{color:var(--muted);border-bottom:.16em solid #0000;padding:.15rem 0;text-decoration:none;display:inline-block}.nav-list a:hover{color:var(--ink);border-bottom-color:var(--accent)}.nav-list a[aria-current=page]{color:var(--ink);border-bottom-color:var(--accent);font-weight:700}main{max-width:var(--measure);margin:0 auto;padding:2.25rem 1.25rem 2rem}.hero-full{--bg:var(--hero-bg);--ink:var(--hero-ink);--muted:var(--hero-muted);--accent:var(--hero-accent);z-index:0;width:100vw;min-height:calc(100dvh - var(--header-h,0px));background:var(--bg);color:var(--ink);justify-content:center;align-items:center;margin-left:calc(50% - 50vw);padding:1.5rem 1.25rem;display:flex;position:relative;overflow:clip}.hero{z-index:1;width:100%;max-width:var(--measure);opacity:calc(1 - var(--tail,0));position:relative}.scroll-cue{z-index:1;background:var(--accent);width:1px;height:2.25rem;opacity:calc(1 - var(--p,0));position:absolute;bottom:1.75rem;left:50%;transform:translate(-50%)}.scroll-cue:after{content:"";border-right:1px solid var(--accent);border-bottom:1px solid var(--accent);width:.5rem;height:.5rem;position:absolute;bottom:-.3rem;left:50%;transform:translate(-50%)rotate(45deg)}.board{height:auto;color:var(--accent);display:block}.hero-board{opacity:.55;width:min(75vw,30rem);transform:scale(calc(.55 + 1.25 * var(--p,0)));z-index:0;margin:auto;position:absolute;inset:0}.board-rule{width:1.6rem;margin:2.5rem auto 0}.answer{z-index:1;gap:.55rem;margin:0;font-weight:400;display:grid;position:relative}.answer-who{letter-spacing:.09em;text-transform:uppercase;color:var(--accent);font-size:.8rem;font-weight:600}.answer-when{letter-spacing:-.025em;font-size:clamp(3rem,15vw,4rem);font-weight:700;line-height:1.02}.when-half{display:block}.when-half-first{transform:translateX(calc(var(--p,0) * -9vw))}.when-half-second{transform:translateX(calc(var(--p,0) * 9vw))}@supports (animation-timeline:scroll(root block)){@keyframes hero-scroll-progress{0%{--p:0}to{--p:1}}body{animation-name:hero-scroll-progress;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:scroll(root);animation-range:0 60dvh}}@media (prefers-reduced-motion:reduce){body{--p:1;--tail:0;animation:none}}.answer-where{font-size:clamp(1.4rem,6vw,2.6rem);font-weight:600;line-height:1.25}.lead{margin:0 0 1.75rem;font-size:1.075rem}h1:not(.answer){letter-spacing:-.02em;margin:0 0 1rem;font-size:clamp(1.75rem,8vw,2.5rem);font-weight:700;line-height:1.15}h2{letter-spacing:.07em;text-transform:uppercase;color:var(--accent);margin:2.25rem 0 .5rem;font-size:.95rem;font-weight:700}p{margin:0 0 1rem}main ul{margin:0 0 1.25rem;padding-left:1.15rem}main li{margin-bottom:.55rem}main li::marker{color:var(--accent)}[data-byline]{border-left:.25rem solid var(--accent);background:var(--panel);margin:0 0 2rem;padding:.9rem 1.1rem;font-size:.95rem}.page-body{--seam:6rem;z-index:1;background:var(--bg);min-height:60dvh;transform:translateY(calc(var(--tail,0) * -1 * var(--seam)));position:relative}.page-body:before{content:"";height:var(--seam);background-image:repeating-linear-gradient(to bottom, var(--rule) 0 1px, transparent 1px 1.5rem), repeating-linear-gradient(to right, var(--rule) 0 1px, transparent 1px 3rem);opacity:.7;pointer-events:none;position:absolute;inset:0 0 auto;mask-image:linear-gradient(#000,#0000)}.site-footer{border-top:1px solid var(--rule);margin-top:2.5rem}.site-footer p{max-width:var(--measure);color:var(--muted);margin:0 auto;padding:1.15rem 1.25rem 2rem;font-size:.85rem}@media (width>=46rem){main{padding-top:3.25rem}.answer{gap:.7rem}h2{margin-top:2.75rem}}@media (width>=1200px){main{grid-template-columns:var(--measure) minmax(20rem, 1fr);column-gap:4rem;max-width:min(88rem,94vw);display:grid}main>h1,main>[data-byline],main>.hero-full{grid-column:1/-1}.page-body{grid-column:1/-1;grid-template-columns:var(--measure) minmax(20rem, 1fr);column-gap:4rem;display:grid}.col-aside{background:var(--panel);border-left:.25rem solid var(--accent);align-self:start;padding:1.5rem 1.75rem}.col-aside>h2:first-child{margin-top:0}}