*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#eee9df;color:#203836;font:16px/1.65 system-ui,sans-serif}a{color:inherit}header{display:flex;justify-content:space-between;align-items:center;padding:20px 5vw;border-bottom:1px solid #c1c9bb}header>a:last-child{text-decoration:none;font-size:13px}.brand{display:inline-flex;align-items:baseline;font:800 36px/1 Arial,sans-serif;letter-spacing:-.09em;text-decoration:none}.portrait{display:inline-block;width:.9em;height:1.05em;overflow:hidden;border:2px solid;transform:translateY(.1em)}.o{border-radius:50%}.d{border-radius:2px 50% 50% 2px;margin-left:.12em}.portrait img{width:100%;height:100%;object-fit:cover;display:block}.o img{object-position:0 50%}.d img{object-position:50% 24%}.brand small{font-size:.54em;color:#537743;margin-left:.08em;letter-spacing:-.04em}.intro{padding:75px 6vw 40px;background:radial-gradient(ellipse at 85% 30%,#d4e2b6,transparent 48%)}.eyebrow{font:11px/1.5 monospace;letter-spacing:.15em;text-transform:uppercase}h1{font-size:clamp(64px,10vw,150px);font-weight:550;letter-spacing:-.08em;line-height:.98;margin:35px 0}h1 em{font-family:Georgia,serif;font-weight:400;color:#4d6a40}.lede{font-size:clamp(22px,3vw,36px);line-height:1.4;letter-spacing:-.03em}.intro-bottom{display:flex;justify-content:space-between;align-items:center;gap:32px}.intro-bottom p{max-width:550px;color:#596b60}.begin{padding:16px 22px;border:1px solid #3c5745;border-radius:40px;text-decoration:none;white-space:nowrap}.facts{display:flex;gap:10vw;border-top:1px solid #bcc8ae;margin-top:40px;padding:25px 0}.facts span{font:11px monospace}.facts b{display:block;font:40px system-ui;letter-spacing:-.05em;margin-bottom:6px}.scope,.directory{padding:40px 6vw}.scope{background:#e1e5d7}.scope p,.directory>p{max-width:900px}h2{font-size:clamp(24px,3.3vw,44px);line-height:1.15;letter-spacing:-.045em;font-weight:550}.references{font-size:12px}.references a{text-underline-offset:3px}#pause{margin:25px 8px 0 6vw;accent-color:#1e5555}.pause{font:13px monospace}#pause:checked~.gallery .demo *{animation-play-state:paused!important}.directory{padding-top:20px}.directory details{border-bottom:1px solid #b4c3b6}.directory summary{padding:17px 0;cursor:pointer;font-size:18px}.directory summary span{float:right;font:12px monospace;margin-top:8px}.catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:10px 0 24px}.catalog a{padding:9px;font-size:12px;text-decoration:none;border:1px solid #c9d2c2;overflow-wrap:anywhere}.catalog a:hover{background:#d5e1c7}.catalog b{font:10px monospace;color:#5c7760}.example{border-top:1px solid #afc0b0;content-visibility:auto;contain-intrinsic-size:auto 790px;scroll-margin-top:20px}.example:target{outline:3px solid #6b8e6b;outline-offset:-3px}.example-heading{display:flex;gap:30px;align-items:flex-start;padding:35px 6vw 20px}.example-heading>div{min-width:0;flex:1}.serial{font:12px monospace;padding-top:3px;color:#6b7d6c;white-space:nowrap}.example-heading h2{margin:10px 0 15px;overflow-wrap:anywhere}.tags{display:flex;gap:6px;flex-wrap:wrap}.tags span{font:11px monospace;border:1px solid #b3c3ad;border-radius:30px;padding:5px 10px}.back{font:12px monospace;text-decoration:none;white-space:nowrap}.demo{min-height:420px!important}.under{padding:24px 6vw}.reading{max-width:980px}.reading h3{font:12px monospace;text-transform:uppercase;letter-spacing:.08em}.reading ul{columns:2;column-gap:40px;padding-left:20px;font-size:14px}.reading li{break-inside:avoid;margin-bottom:9px}.reading p{font-size:15px;color:#4c6456}.reading .caveat{font-size:12px}.source{margin-top:24px;border-top:1px solid #bcc9b7;border-bottom:1px solid #bcc9b7}.source summary{cursor:pointer;padding:16px 0;font:13px monospace}.source summary span{float:right;color:#647761;font-size:11px}.source>p{font-size:13px;max-width:800px}.source h4{font:12px monospace}.source pre{background:#122c30;color:#d4edcb;padding:22px;border-radius:7px;overflow:auto;font:12px/1.7 monospace;max-height:520px;tab-size:2}.source code{user-select:all}.next{display:flex;justify-content:space-between;padding:0 6vw 28px;font:12px monospace}.next a{text-decoration:none}footer{padding:40px 6vw;background:#143033;color:#d6e4ce;display:flex;gap:30px;flex-wrap:wrap;font:11px monospace}a:focus-visible,summary:focus-visible,pre:focus-visible{outline:3px solid #bd714b;outline-offset:4px}@media(max-width:700px){header{padding:18px 5vw}.brand{font-size:28px}.intro{padding-top:40px}.intro-bottom{align-items:flex-start;flex-direction:column}.facts{gap:14vw}.facts b{font-size:32px}.catalog{grid-template-columns:1fr}.example-heading{gap:14px;flex-wrap:wrap}.example-heading .serial{width:100%}.example-heading h2{font-size:27px}.reading ul{columns:1}.source summary span{float:none;display:block;margin:7px 0 0 18px}.demo{min-height:320px!important}.directory summary span{font-size:10px}.source pre{padding:14px;font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Stable deep links across the long atlas: do not estimate off-screen heights. */
html{scroll-behavior:auto!important}.example{content-visibility:visible!important;contain-intrinsic-size:none!important}
.atlas-nav{display:flex;gap:20px;flex-wrap:wrap;justify-content:flex-end;font-size:12px}.atlas-nav a{text-decoration:none}.atlas-nav a:first-child{font-weight:700;color:#42633d}