:root{--paper:#d9d9d4;--yellow:#dff23c;--ink:#24251f;--rule:#98988f}
*{box-sizing:border-box}html{background:var(--paper);color:var(--ink)}body{margin:0;padding:0 3.4%;font-family:Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--ink);outline-offset:8px}::selection{background:var(--yellow)}
.masthead{min-height:120px;display:flex;align-items:center;border-bottom:1px solid var(--rule);gap:60px}.wordmark{font-size:26px;line-height:.94;font-weight:500;letter-spacing:-.055em}.edition{font-size:13px;line-height:1.35}.status{margin-left:auto;font-size:14px;display:flex;gap:12px;align-items:center}.status i{display:block;width:11px;height:11px;background:var(--yellow)}
main{padding-top:35px}.intro{display:flex;justify-content:space-between;font-size:13px}.index{font-size:11px;letter-spacing:.065em}.hero{min-height:550px;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:4%;position:relative;padding:50px 0 45px}h1{font-size:clamp(68px,8.5vw,150px);font-weight:500;letter-spacing:-.065em;line-height:.94;margin:0;position:relative;z-index:2}.full-stop{color:#7d7e71}.art{position:relative;aspect-ratio:1;max-width:480px;width:86%;justify-self:center;isolation:isolate}.pixel-field{position:absolute;inset:7%;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(12,1fr);background:#cecec7}.pixel{background:transparent}.pixel.on{background:var(--yellow)}.pixel.outline{outline:1px solid #85867b;outline-offset:-1px}.crop{position:absolute;width:13px;height:13px;border-color:var(--ink);border-style:solid}.top-left{top:2%;left:2%;border-width:1px 0 0 1px}.top-right{top:2%;right:2%;border-width:1px 1px 0 0}.bottom-left{bottom:2%;left:2%;border-width:0 0 1px 1px}.bottom-right{bottom:2%;right:2%;border-width:0 1px 1px 0}.escape{position:absolute;display:block;width:7.17%;aspect-ratio:1;background:var(--yellow);opacity:0}.escape-one{left:-17%;top:23%;animation:escape-one 15s steps(1,end) infinite}.escape-two{right:-12%;bottom:9%;animation:escape-two 19s steps(1,end) infinite}.project-note{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;padding:12px 0 45px}.project-note p{font-size:clamp(22px,2.4vw,34px);line-height:1.15;letter-spacing:-.025em;margin:0}.project-note .small-note{font-size:15px;line-height:1.45;letter-spacing:0;color:#54554c;padding-right:4%}footer{border-top:1px solid var(--rule);display:flex;justify-content:space-between;align-items:center;min-height:95px;font-size:13px}.footer-sign{display:flex;gap:20px;align-items:center}.footer-sign i{width:23px;height:23px;background:var(--yellow)}
@keyframes escape-one{0%,25%,60%,100%{opacity:0}9%,43%{opacity:1}43%{transform:translate(-40px,80px)}}@keyframes escape-two{0%,40%,82%,100%{opacity:0}20%,67%{opacity:1}67%{transform:translate(-40px,-140px)}}
.escape{animation-play-state:paused}.motion-running .escape{animation-play-state:running}.motion-control{font:inherit;color:inherit;background:none;border:0;min-height:44px;padding:10px 5px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.motion-control:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.motion-control:disabled{cursor:default;text-decoration:none;color:#54554c}
@media(min-width:1600px){body{max-width:1900px;margin:auto}.hero{min-height:680px}.art{max-width:570px}}
@media(max-width:800px){.masthead{min-height:98px;gap:25px}.wordmark{font-size:24px}.edition{display:none}.intro{font-size:11px}.index{font-size:10px}.hero{grid-template-columns:1fr;gap:52px;padding-top:48px;padding-bottom:38px;min-height:0}h1{font-size:clamp(62px,12vw,96px)}.art{width:70%;max-width:380px;justify-self:center;margin-right:0;margin-top:8px}.project-note{align-items:flex-start;flex-direction:column;gap:23px;padding-bottom:35px}.project-note p{font-size:25px}.project-note .small-note{font-size:14px}.desktop-break{display:none}footer{min-height:85px}.escape-one{left:-27%}}
@media(prefers-reduced-motion:reduce){.escape{animation:none}.escape-one{opacity:1}.pixel{transition:none}}
@media(max-width:480px){footer{flex-wrap:wrap;gap:0 20px;padding:15px 0}.motion-control{order:3;flex-basis:100%;text-align:left;padding-left:0}}

/* One fixed reviewed letter; no font file is served. */
.support{background:var(--ink);color:var(--paper);padding:42px;display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin:8px 0 45px}.support-label{font-size:11px;letter-spacing:.08em;margin:0 0 24px}.support h2{font-size:clamp(46px,5.5vw,80px);font-weight:500;letter-spacing:-.055em;line-height:.98;margin:0}.support-link{background:var(--yellow);color:var(--ink);display:flex;align-items:center;justify-content:space-between;gap:36px;min-height:76px;padding:22px 26px;font-size:19px}.support-link:hover{background:var(--paper)}.support-link:focus-visible{outline-color:var(--yellow)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:800px){.support{padding:28px;align-items:stretch;flex-direction:column;gap:30px;margin-bottom:35px}.support-link{min-height:68px;padding:20px}.support-label{font-size:10px}}
.hero{isolation:isolate}.handwriting-backdrop{position:absolute;inset:0;overflow:clip;pointer-events:none;z-index:0}.handwriting-echo{position:absolute;width:200%;height:auto;max-width:none;left:-50%;top:50%;transform:translateY(-50%);opacity:.085;pointer-events:none;z-index:0}.art{z-index:1}
@media(max-width:800px){.handwriting-echo{width:300%;left:-100%;top:48%}}