:root{--paper: #f1f2f4;--ink: #161c2c;--muted: #5d6577;--hair: #c9ced8;--tekhelet: #2a4a9e;--serif: "Spectral", "Iowan Old Style", Georgia, serif;--mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;--gutter: clamp(16px, 5vw, 72px);--measure: 1240px}@media(prefers-color-scheme:dark){:root{--paper: #0e1322;--ink: #e3e7ef;--muted: #98a1b5;--hair: #2a3350;--tekhelet: #8fa9f0}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif);font-weight:300;font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.22em;text-decoration-color:var(--hair)}a:hover{color:var(--tekhelet);text-decoration-color:currentColor}:focus-visible{outline:2px solid var(--tekhelet);outline-offset:3px}img{display:block;max-width:100%;height:auto}.bd-calm img{filter:saturate(.5) contrast(.88) brightness(1.04) sepia(.12)}h1,h3{margin:0;font-weight:300}.hero{padding-bottom:clamp(56px,10vw,128px)}.hero-text{display:grid;gap:.6em 4rem;align-items:baseline}@media(min-width:880px){.hero-text{grid-template-columns:1fr 1fr}}.hero-seal{grid-column:1 / -1;width:96px;margin:0}.hero h1{font-size:clamp(2.2rem,4.6vw,3.6rem);line-height:1.05;letter-spacing:-.01em}.hero-text p{max-width:32em;margin:0;color:var(--muted)}main{max-width:var(--measure);margin:0 auto;padding:0 var(--gutter) clamp(80px,12vw,160px)}.field{padding-block:clamp(56px,10vw,128px) 0}.works{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));column-gap:clamp(24px,3vw,48px);row-gap:clamp(40px,5vw,64px);margin:0;padding:0;list-style:none}.work{display:grid;min-width:0;grid-row:span 2;grid-template-rows:subgrid;row-gap:0}.work-body{grid-row:2;padding-top:18px;text-align:center}.works:not(:has(.plate)) .work-body{padding-top:0}@media(hover:hover){.work{grid-row:span 1;grid-template-rows:auto}.work>*{grid-area:1 / 1}.work-body{z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1em;background:color-mix(in srgb,var(--paper) 82%,transparent);opacity:0;transition:opacity .2s ease;pointer-events:none}.work-body a{pointer-events:auto}.work:hover .work-body,.work:focus-within .work-body{opacity:1}.work:has(.plate--code:focus-within) .work-body{opacity:0}}.chords{display:none}@media(hover:hover)and (min-width:760px){main{max-width:none;padding:0}.ring{--tile: 17cqmin;--edge: 2cqmin;--inset: calc(var(--edge) + var(--tile));position:relative;height:100svh;padding:0;container-type:size}.ring .hero{position:absolute;top:50%;left:50%;z-index:1;width:44cqmin;aspect-ratio:1;display:grid;place-items:center;padding:0;border-radius:50%;background:radial-gradient(closest-side,var(--paper) 62%,transparent);transform:translate(-50%,-50%);text-align:center}.ring .hero-text{grid-template-columns:none;gap:.5em;justify-items:center}.ring .hero-seal{width:13cqmin}.ring .hero h1{font-size:4cqmin;text-wrap:balance}.ring .hero-text p{font-size:max(15px,2cqmin)}.chords{display:block;position:absolute;top:var(--inset);left:var(--inset);width:calc(100% - 2 * var(--inset));height:calc(100% - 2 * var(--inset));overflow:visible}.chord{stroke:var(--tekhelet);stroke-opacity:calc(.5 + .5 * var(--lit, 0));stroke-width:calc(1px + 1px * var(--lit, 0));vector-effect:non-scaling-stroke;transition:stroke-opacity .2s ease,stroke-width .2s ease}.ring .works{display:block;position:absolute;inset:0}.ring .work{--out: calc(var(--tile) * var(--reach));position:absolute;left:calc(50% + var(--cos) * (50% - var(--inset) + var(--out)) - var(--tile) * var(--w) / 2);top:calc(50% + var(--sin) * (50% - var(--inset) + var(--out)) - var(--tile) * var(--h) / 2);width:calc(var(--tile) * var(--w));height:calc(var(--tile) * var(--h));grid-template-rows:100%}.ring .plate{height:100%;aspect-ratio:auto}.ring .work-body{opacity:var(--lit, 0);padding:.5em}.ring .work h3{font-size:clamp(.95rem,1.6cqmin,1.15rem)}.ring .work-body .where{font-size:.8rem}.ring .plate--code{padding:7%;font-size:.72rem}}.plate{margin:0;aspect-ratio:1}.plate a{display:block;height:100%}.plate img{width:100%;height:100%;object-fit:contain}.plate--hung{display:flex;align-items:center}.plate--hung a{--wire: var(--muted);--frame: 13px;--oak: #b0814f;--grain-h: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='60'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.003 0.18' numOctaves='4' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.27 0 0 0 0 0.16 0 0 0 0 0.07 2.6 0 0 0 -1.05'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");--grain-v: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='1600'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.18 0.003' numOctaves='4' seed='11' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.27 0 0 0 0 0.16 0 0 0 0 0.07 2.6 0 0 0 -1.05'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");position:relative;isolation:isolate;width:100%;height:auto;margin-top:16%;padding:var(--frame);background:var(--grain-h),linear-gradient(rgb(255 255 255 / .12),transparent 40%,rgb(0 0 0 / .1)),var(--oak);box-shadow:inset 0 0 0 1px #0000004d,0 2px 3px #00000024,0 14px 28px -12px #0006}.plate--hung a:before,.plate--hung a:after{content:"";position:absolute;inset:0;z-index:-1;background:var(--grain-v),linear-gradient(90deg,rgb(255 255 255 / .1),transparent 50%,rgb(0 0 0 / .1)),var(--oak);box-shadow:inset 0 0 0 1px #0000004d}.plate--hung a:before{clip-path:polygon(0 0,var(--frame) var(--frame),var(--frame) calc(100% - var(--frame)),0 100%)}.plate--hung a:after{clip-path:polygon(100% 0,100% 100%,calc(100% - var(--frame)) calc(100% - var(--frame)),calc(100% - var(--frame)) var(--frame))}.plate--hung img{height:auto}.wire{position:absolute;bottom:calc(100% - 3px);left:22%;right:22%;aspect-ratio:56 / 12;background:linear-gradient(to top left,transparent calc(50% - .6px),var(--wire) 0 calc(50% + .6px),transparent 0) left / 50% 100% no-repeat,linear-gradient(to top right,transparent calc(50% - .6px),var(--wire) 0 calc(50% + .6px),transparent 0) right / 50% 100% no-repeat}.wire:after{content:"";position:absolute;top:0;left:50%;width:11px;height:11px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 35% 30%,#f6e8bf,#c29a52 45%,#6e5326);box-shadow:1px 2px 3px #00000059}.plate--code{display:flex;flex-direction:column;min-width:0;overflow:hidden;padding:8% 8% 7%;border:1px solid var(--hair);border-radius:4px;background:color-mix(in srgb,var(--ink) 4%,transparent);font-family:var(--mono);font-weight:300;font-size:clamp(.8rem,1.15vw,.95rem);cursor:text}.plate--code:hover,.plate--code:focus-within{border-color:var(--tekhelet)}.plate--code pre{flex:1;display:flex;flex-direction:column;min-width:0;margin:0;font:inherit}.plate--code .klipse-snippet{flex:1}.plate--code .CodeMirror{height:100%;border:0;background:transparent;color:var(--ink);font:inherit;line-height:1.6}.plate--code .CodeMirror-cursor{border-left-color:var(--ink)}.plate--code .CodeMirror-selected{background:var(--hair)!important}.plate--code .cm-s-default span{color:inherit}.plate--code .cm-s-default .cm-comment{color:var(--muted)}.plate--code .klipse-result{padding-top:.9em;border-top:1px solid var(--hair)}.plate--code .klipse-result .CodeMirror{height:auto;color:var(--tekhelet)}.plate--code .klipse-result .cm-s-default span{color:var(--tekhelet)}@media(prefers-color-scheme:dark){.plate--ink img{filter:invert(1) hue-rotate(180deg)}}.work h3{font-size:1.4rem;font-weight:400;line-height:1.25}.work-body p{max-width:30em;margin:.4em auto 0}.work-body .where{margin-top:.1em;color:var(--muted);font-size:.9rem}