:root{--paper:#fff;--ink:#000;--soft:#6b6b6b;--faint:#9a9a9a}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background:var(--paper);color:var(--ink);letter-spacing:.01em;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font:12px/1.6 Helvetica Neue,Helvetica,Arial,sans-serif}main{max-width:1140px;margin:0 auto;padding:18vh 24px 96px}h1,h2,p,ol{font-size:inherit;font-weight:inherit;margin:0;padding:0}header{text-align:center;margin-bottom:96px}header img{margin:0 auto 20px;display:block}h1{letter-spacing:.22em;text-transform:uppercase;margin-right:-.22em;font-weight:500}header p{color:var(--soft);margin-top:6px}ol{list-style:none}li{--gap:32px}li+li{margin-top:112px}figure{margin:0 0 20px;position:relative}li>figure{--win:min(864px, (100% + 40px) / (1 + 2 * var(--side,0)));width:var(--win);margin-top:calc(var(--win) * var(--t,0));margin-bottom:calc(var(--gap) + var(--win) * var(--b,0));margin-left:auto;margin-right:auto}li>figure>img{filter:drop-shadow(0 0 .5px #00000073)drop-shadow(0 2px 5px #00000024)drop-shadow(0 18px 44px #0000004d)}figure img{width:100%;height:auto;display:block}.glass{aspect-ratio:1;background:var(--paper);box-shadow:0 0 0 1.5px var(--paper), 0 0 0 2px #00000040, 0 2px 5px #0000002e, 0 18px 44px #0000006b;border-radius:50%;position:absolute;overflow:hidden;transform:translate(-50%,-50%)}.examples{max-width:864px;margin:36px auto 0}.examples .row{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px;display:grid}.examples figure{margin:0}.examples figcaption,.examples p{color:var(--faint);text-align:center}.examples figcaption{margin-top:6px}.examples p{text-wrap:pretty;max-width:344px;margin:10px auto 0}.label{max-width:338px;margin:0 auto;padding-left:30px;position:relative}.leader{left:0;top:calc(-1 * var(--gap));width:20px;height:calc(var(--gap) + .8em);border-left:1px solid var(--ink);border-bottom:1px solid var(--ink);opacity:.35;pointer-events:none;position:absolute}.leader:before,.leader:after{content:"";background:var(--ink);border-radius:50%;width:3px;height:3px;position:absolute}.leader:before{top:-1.5px;left:-2px}.leader:after{bottom:-2px;right:-1.5px}h2{font-weight:500}.label p{color:var(--soft);text-wrap:pretty;margin-top:2px}footer{text-align:center;color:var(--faint);margin-top:112px}::selection{background:var(--ink);color:var(--paper)}