:root{--paper:#f7f6f2;--ink:#222;--mist:#d8d7d0;--shadow:#666;--line:#9b9a94}*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:var(--paper);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;letter-spacing:.01em}.home{min-height:100vh}.threshold{min-height:100vh;position:relative;display:grid;place-items:center}.grid-door{display:grid;grid-template-columns:repeat(2,42px);gap:34px}.square{width:42px;height:42px;border:1px solid var(--ink);display:block;position:relative;text-decoration:none;color:var(--ink);background:rgba(255,255,255,.15);transition:transform .9s ease, background .9s ease, box-shadow .9s ease, border-color .9s ease}.square:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0 48%,rgba(0,0,0,.08) 49% 51%,transparent 52%);opacity:0;transition:opacity .9s ease}.square:hover,.square:focus-visible{transform:skewY(-9deg) skewX(4deg) translateY(-3px);background:#ecebe5;box-shadow:18px 18px 0 -10px rgba(0,0,0,.12);border-color:#555;outline:none}.square:hover:before,.square:focus-visible:before{opacity:1}.square span{position:absolute;top:52px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:.67rem;opacity:0;transition:opacity .8s ease;color:#444}.square:hover span,.square:focus-visible span{opacity:.8}.corner-name{position:fixed;left:clamp(18px,5vw,70px);bottom:clamp(18px,5vw,60px);font-size:.68rem;line-height:1.55;color:#555}.hidden-door{position:fixed;right:clamp(18px,5vw,70px);bottom:clamp(18px,5vw,60px);font-size:.75rem;text-decoration:none;color:#d6d4cc;transition:color .8s ease}.hidden-door:hover,.hidden-door:focus-visible{color:#777}.work-page{min-height:100vh;padding:clamp(22px,5vw,78px)}.quiet-nav{display:flex;justify-content:space-between;align-items:flex-start;font-size:.72rem;margin-bottom:8vh}.quiet-nav a{color:#555;text-decoration:none}.quiet-nav a:hover{text-decoration:underline}.work{display:grid;grid-template-columns:minmax(220px,440px) minmax(260px,620px);gap:clamp(32px,8vw,110px);align-items:center;max-width:1180px;margin:0 auto}.work img{width:100%;height:auto;display:block;filter:grayscale(8%);box-shadow:0 30px 80px rgba(0,0,0,.08)}.work-text{max-width:460px}.eyebrow{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:#777}.work h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(2rem,4vw,4.5rem);line-height:.98;margin:.5rem 0 1.5rem}.work p{font-size:1rem;line-height:1.75;color:#333}.meta{margin-top:2.5rem;font-size:.78rem;line-height:1.65;color:#666}.next{display:inline-block;margin-top:3rem;color:#333;text-decoration:none;border-bottom:1px solid #aaa}.micro{max-width:820px;margin:12vh auto}.micro h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(2.2rem,6vw,6rem);margin:0 0 3rem}.micro p{font-size:1.05rem;line-height:1.8}.micro-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:3rem 0}.micro-grid img{width:100%;height:auto;display:block}.small{font-size:.78rem;color:#666}@media(max-width:760px){.work{grid-template-columns:1fr}.grid-door{grid-template-columns:repeat(2,36px);gap:28px}.square{width:36px;height:36px}.work h1{font-size:2.3rem}.micro-grid{grid-template-columns:1fr}}