:root{--paper:#eae9e4;--ink:#292927;--muted:#666660;--line:#ccccc4;--accent:var(--theo-pink);--ease:cubic-bezier(.22,1,.36,1);font-family:'Avenir Next',Avenir,'Trebuchet MS',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button:disabled{cursor:default}a{color:inherit;text-decoration:none}.masthead{margin:0 3.4%;min-height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.identity{font-size:25px;font-weight:600;letter-spacing:-1.6px}.identity-dot{font-size:12px;vertical-align:super;margin-left:4px}.edition{font-size:9px;line-height:1.5;letter-spacing:.8px;margin-left:9%}.info-toggle{border:0;background:none;font-size:12px;padding:12px 0}.info-toggle span{margin-left:20px;font-size:21px}main{margin:0 3.4%}.intro{display:flex;align-items:flex-end;justify-content:space-between;padding:42px 0 32px}.eyebrow,.micro,.cell-top,.colophon{font-size:9px;letter-spacing:1.1px;font-weight:500}.eyebrow{display:flex;align-items:center;gap:8px;margin:0 0 17px}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:var(--accent)}h1{font-size:clamp(42px,4.8vw,74px);font-weight:400;line-height:.97;letter-spacing:-3.8px;margin:0}h1 br{display:none}em{font-family:'Iowan Old Style',Baskerville,'Palatino Linotype',serif;font-weight:400}h1 em{margin-left:13px}.intro-aside{padding-right:2px}.intro-aside p{font-size:14px;line-height:1.45;margin:0 0 10px}.intro-aside>span{font-size:10px;color:var(--muted)}.stage-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.layout-controls{display:flex;gap:4px}.layout-controls button{border:0;background:transparent;font-size:10px;padding:8px 12px;border-radius:3px;color:var(--muted)}.layout-controls button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.layout-controls span{font-size:14px;margin-right:4px}.stage{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);background:var(--line);gap:1px;position:relative;isolation:isolate}.cell{position:relative;min-width:0;height:clamp(310px,32vw,460px);background:var(--paper);overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:21px 24px;transition:background .5s var(--ease)}.cell:hover,.cell:focus-within{background:#e4e3dc}.cell-top{display:flex;justify-content:space-between;position:relative;z-index:2;color:var(--muted);pointer-events:none}.cell-category{font-size:8px;letter-spacing:.9px}.letter-hit{position:absolute;width:60%;height:76%;left:20%;top:10%;padding:0;border:0;background:none;touch-action:none;user-select:none;cursor:grab;perspective:900px}.letter-hit:active{cursor:grabbing}.letter-hit:focus-visible{outline-offset:0;border-radius:40%}.letter-art{position:absolute;inset:0;display:block;transform-origin:50% 58%;will-change:transform}.letter-art img{width:100%;height:100%;position:absolute;inset:0;object-fit:contain;pointer-events:none;user-select:none}.compressed{opacity:0}.cell[data-letter=H] .letter-hit,.cell[data-letter=O] .letter-hit{width:64%;left:18%}.cell-bottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between;position:relative;pointer-events:none}.cell-bottom h2{font-size:21px;letter-spacing:-.8px;font-weight:400;margin:0}.cell-symbol{font-size:23px;font-weight:300;transition:transform .5s var(--ease)}.cell:hover .cell-symbol{transform:translate(3px,-3px)}.pressure{display:flex;gap:3px;align-items:flex-end;position:absolute;left:50%;bottom:3px;transform:translateX(-50%);opacity:0;transition:opacity .3s var(--ease)}.cell:hover .pressure,.cell:focus-within .pressure{opacity:1}.pressure i{height:8px;width:2px;background:#b8b8af}.pressure i:nth-child(2){height:10px}.pressure i:nth-child(3){height:12px}.pressure i:nth-child(4){height:14px}.pressure i:nth-child(5){height:16px}.pressure i:nth-child(6){height:18px}.pressure i:nth-child(7){height:20px}.pressure i:nth-child(8){height:22px}.pressure i.lit{background:var(--accent)}.stage-footer{display:flex;align-items:center;justify-content:space-between;padding:13px 0 20px;color:var(--muted);font-size:10px}.stage-footer p{margin:0}.stage-footer>div{display:flex;gap:22px}.stage-footer button{background:none;border:0;font-size:10px;padding:8px 0}.motion-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);margin-left:5px}#motion[aria-pressed=false] .motion-dot{background:var(--muted)}.colophon{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:22px 0 26px;font-size:8px;color:var(--muted)}.cursor{position:fixed;top:0;left:0;width:64px;height:64px;border:1px solid var(--accent);border-radius:50%;z-index:10;pointer-events:none;display:grid;place-items:center;opacity:0;color:var(--accent);transition:opacity .2s var(--ease);font-size:9px;letter-spacing:1px}.cursor.active{opacity:1}.cursor.pressed{background:var(--accent);color:var(--paper);border-color:var(--accent)}.stage[data-layout=line]{grid-template-columns:repeat(4,1fr)}.stage[data-layout=line] .cell{height:clamp(330px,42vw,580px);padding:20px 16px}.stage[data-layout=line] .cell-category{display:none}.stage[data-layout=line] .letter-hit{width:92%;left:4%;height:65%;top:17%}.stage[data-layout=line] .cell-bottom h2{font-size:18px}.stage[data-layout=line] .pressure{bottom:40px}dialog{background:var(--paper);color:var(--ink);border:0;padding:64px;width:min(620px,calc(100% - 32px));max-height:85dvh}dialog::backdrop{background:#25252266;backdrop-filter:blur(8px)}dialog h2{font-weight:400;font-size:64px;line-height:.95;letter-spacing:-3px;margin:28px 0}dialog p:not(.eyebrow){font-size:14px;line-height:1.7;max-width:420px}.close-dialog{border:0;background:none;position:absolute;right:25px;top:20px;font-size:12px}.dialog-help{border-top:1px solid var(--line);padding-top:20px;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.asset-error{display:grid;place-items:center;font-size:96px}.asset-error img{display:none}@media(min-width:1600px){main,.masthead{max-width:1700px;margin-left:auto;margin-right:auto}}@media(max-width:900px){h1 br{display:block}h1 em{margin-left:0}h1{font-size:58px}.intro{padding-top:32px}.cell{height:330px}.keyboard-help{display:none}}@media(max-width:600px){.masthead{min-height:74px;margin:0 5%}.identity{font-size:22px}.edition{display:none}.info-toggle{font-size:10px}.info-toggle span{margin-left:8px}main{margin:0 5%}.intro{padding:32px 0 28px;align-items:flex-end}.eyebrow{font-size:7px;letter-spacing:.7px}h1{font-size:46px;letter-spacing:-2.5px}.intro-aside p{font-size:10px}.intro-aside>span{display:none}.micro{font-size:6px;letter-spacing:.7px;max-width:120px;line-height:1.6}.layout-controls button{font-size:9px;padding:7px 9px}.cell{height:240px;padding:14px 12px}.cell-top{font-size:8px}.cell-category{display:none}.letter-hit,.cell[data-letter=H] .letter-hit,.cell[data-letter=O] .letter-hit{width:88%;left:6%;height:65%;top:17%}.cell-bottom h2{font-size:16px;letter-spacing:-.5px}.cell-symbol{font-size:18px}.pressure{display:none}.stage-footer{align-items:flex-start;gap:10px;font-size:8px}.stage-footer p{max-width:180px;line-height:1.7;padding-top:6px}.stage-footer>div{gap:13px}.stage-footer button{font-size:9px;white-space:nowrap}.colophon{font-size:6px;letter-spacing:.6px;gap:10px}.colophon span:first-child{display:none}.stage[data-layout=line]{gap:0;background:var(--paper)}.stage[data-layout=line] .cell{height:290px;padding:14px 4px;background:transparent}.stage[data-layout=line] .cell-top{justify-content:center;font-size:7px}.stage[data-layout=line] .cell-bottom{justify-content:center}.stage[data-layout=line] .cell-bottom h2{font-size:9px;letter-spacing:0}.stage[data-layout=line] .cell-symbol{display:none}.stage[data-layout=line] .letter-hit{width:110%;left:-5%;height:65%;top:16%}dialog{padding:50px 28px}dialog h2{font-size:50px}}@media(pointer:coarse){.cursor{display:none}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.cursor{display:none}}body.motion-off .cursor{display:none}
@media(min-width:901px){.intro{padding:28px 0 24px}.cell{height:clamp(250px,calc((100svh - 400px)/2),460px)}}