:root{--paper:#f8f7f1;--ink:#152e3c;--muted:#4f6065;--line:#c5cbc6;--rust:#91411e;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;--serif:Georgia,"Times New Roman",serif}*{box-sizing:border-box}html{scroll-padding-top:1rem}body{margin:0;background:var(--paper);color:var(--ink);font:1.04rem/1.62 system-ui,sans-serif}a{color:inherit;text-underline-offset:.22em}a:hover{text-decoration:underline;color:var(--rust)}a:focus-visible{outline:3px solid #bd581d;outline-offset:4px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.09;text-wrap:balance}h1{font-size:clamp(3rem,6.8vw,6.6rem);letter-spacing:-.056em}h2{font-size:clamp(2.25rem,4.3vw,4rem);letter-spacing:-.045em}h3{font-size:clamp(1.7rem,3vw,2.65rem);letter-spacing:-.036em}img{max-width:100%;height:auto;display:block}.shell{width:min(1180px,90%);margin:auto}.top,.footrow,.row,.actions,nav{display:flex;align-items:center;justify-content:space-between;gap:1.1rem;flex-wrap:wrap}.top{padding:1.1rem 0;border-bottom:1px solid var(--ink)}nav{gap:clamp(.8rem,3vw,2.4rem)}.word{display:inline-flex;align-items:center;gap:.7rem;text-decoration:none;font:600 1.02rem system-ui}.word img{width:35px}.top nav a{font-size:.94rem;text-decoration:none}.top nav a:hover{text-decoration:underline}.skip{position:absolute;left:1rem;top:-6rem;background:white;padding:.5rem;z-index:3}.skip:focus{top:0}.hero,.feature{display:grid;grid-template-columns:1.18fr 1fr;align-items:center;gap:clamp(1.8rem,5vw,5rem)}.hero{padding:clamp(2.5rem,5vw,5.2rem) 0}.k,.micro,.num,figcaption,.chip{font:600 .72rem/1.55 var(--mono);letter-spacing:.09em;text-transform:uppercase}.k,.num{color:var(--rust)}.k:before{content:"";display:inline-block;width:1.8rem;height:2px;background:currentColor;vertical-align:middle;margin-right:.65rem}.hero h1{margin:.8rem 0 .7rem}.role{font-family:var(--serif);font-size:clamp(1.45rem,2.5vw,2.15rem);line-height:1.2}.intro{max-width:49ch;margin:1.15rem 0;color:var(--muted)}.actions{justify-content:flex-start;gap:1.45rem;margin:1.35rem 0 .45rem}.button{background:var(--ink);color:white;padding:.65rem 1.15rem;text-decoration:none;font-weight:600;display:inline-block}.button:hover{background:#294e61;color:white}.mail,figcaption,.micro{color:var(--muted)}.mail{font-size:.86rem}.plate img{width:100%;border-radius:2px}.plate figcaption{display:flex;justify-content:space-between;padding:.65rem 0;border-bottom:1px solid var(--line)}.section{border-top:1px solid var(--ink);padding:2rem 0 3rem}.sectionhead{margin-bottom:1.7rem}.row{align-items:baseline}.feature{background:#e9ede7;padding:clamp(1.3rem,3vw,2.9rem);gap:3vw}.feature h3,.project h3,.side h3{margin:.6rem 0}.project h3 a,.feature h3 a{text-decoration:none}.project h3 a:hover,.feature h3 a:hover{text-decoration:underline}.feature p,.project p,.side p{max-width:55ch}.links{display:flex;flex-wrap:wrap;gap:.6rem 1.35rem;margin-top:1rem;font-size:.94rem;font-weight:600}.sheet{padding:1.5rem;background:#fffdf6;color:var(--ink);border:1px solid #a7b1aa;box-shadow:5px 5px 0 #d0d8cf}.sheet strong{display:block;margin:.4rem 0 .9rem;font:normal 2rem var(--serif)}.sheet span{display:block;border-top:1px solid var(--line);padding:.4rem 0;font:.82rem var(--mono)}.pair,.side{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,4rem);margin-top:2rem}.project,.side article{min-width:0}.visual{height:clamp(9rem,15vw,12rem);margin-bottom:1rem;overflow:hidden;background:#e7ece7;border:1px solid var(--line);display:flex;align-items:center;justify-content:center}.visual img{width:94%;align-self:flex-start;margin-top:1rem}.stat{background:#203f4e;color:white;gap:1.2rem}.stat b{font:normal clamp(3rem,6vw,5.4rem) var(--serif)}.stat small{font:.8rem/1.6 var(--mono)}.side h3{font-size:1.6rem}.side article+article{border-left:1px solid var(--line);padding-left:2rem}.side img{margin:1rem 0;width:min(100%,420px)}.side p+p,.prose p+p{margin-top:.9rem}footer{background:#163546;color:#fff;padding:2rem 0}footer a:hover{color:#eedcc7}.footrow{align-items:flex-start}.footrow nav{font-size:.94rem}.articlehead{max-width:56rem;padding:3.3rem 0 2rem}.articlehead h1{font-size:clamp(2.65rem,5.6vw,5rem);margin:1rem 0}.deck{max-width:60ch;font:1.4rem/1.48 var(--serif);margin-top:1rem}.prose{max-width:71ch;margin:0 auto 3.5rem}.prose h2{font-size:2rem;margin:2rem 0 .8rem}.prose figure,.prose table{margin:1.5rem 0}.prose figcaption{margin-top:.55rem;text-transform:none;letter-spacing:.01em}.prose img{border:1px solid var(--line)}.flow{border-block:1px solid var(--line);padding:1rem 0;display:flex;gap:1rem;flex-wrap:wrap;justify-content:space-between;color:var(--rust);font-family:var(--mono)}table{width:100%;border-collapse:collapse;font-size:.94rem}th,td{text-align:left;padding:.65rem .35rem;border-bottom:1px solid var(--line)}caption{text-align:left;font-weight:bold}.end{border-top:1px solid var(--ink);padding:1.5rem 0 2.5rem}.end a{max-width:100%}.error{padding:5rem 0}.error p{margin:1rem 0}@media(max-width:740px){.hero,.feature,.pair,.side{grid-template-columns:1fr}.hero{gap:1.2rem}.plate{max-width:31rem}.plate img{max-height:15rem;object-fit:cover}.side article+article{padding:1.5rem 0 0;border-left:0;border-top:1px solid var(--line)}.section{padding:1.6rem 0 2rem}.stat b{font-size:3.6rem}.articlehead{padding-top:2rem}}@media(max-width:440px){.hero .plate{display:none}.top{gap:.7rem}.top nav{gap:.75rem}.top nav a{font-size:.85rem}.top .word{font-size:.94rem}.word img{width:28px}.sheet{padding:1rem}.shell{width:90%}th,td{font-size:.81rem}}
