:root{--paper:#f0eadf;--paper-deep:#e4ddcf;--ink:#151316;--muted:#625e58;--orange:#ff6a3d;--blue:#1f46d7;--acid:#d6ff39;--yellow:#f1dd62;--line:#15131638;--font-display:Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;--font-body:"Arial Narrow", Arial, sans-serif;--font-mono:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--font-hand:"Bradley Hand", "Segoe Print", "Comic Sans MS", cursive}*{box-sizing:border-box}html{color:var(--ink);background:#d9d3c8}body{min-width:320px;font-family:var(--font-body);background:radial-gradient(circle at 20% 10%, #ffffff8c, transparent 28rem), linear-gradient(90deg, #00000004 1px, transparent 1px), var(--paper);background-size:auto,5px 5px,auto;margin:0}body:before{content:"";pointer-events:none;opacity:.22;mix-blend-mode:multiply;background-image:repeating-radial-gradient(circle at 0 0,#0000 0 2px,#00000009 3px 4px);position:fixed;inset:0}a{color:inherit}a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.skip-link{z-index:100;background:var(--ink);color:#fff;padding:.7rem 1rem;position:fixed;top:.5rem;left:.5rem;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.site-shell{background:color-mix(in srgb, var(--paper) 92%, white);border:1px solid #00000059;width:min(1500px,100% - 2rem);margin:1rem auto;box-shadow:0 16px 45px #0003}.site-header{border-bottom:1px solid var(--line);align-items:center;gap:2rem;min-height:64px;padding:0 1.5rem;display:flex}.monogram{font-family:var(--font-display);letter-spacing:.02em;margin-right:auto;font-size:1.55rem;text-decoration:none}.desktop-nav{gap:clamp(1rem,2.4vw,2.6rem);font-size:.82rem;display:flex}.desktop-nav a{text-decoration:none}.desktop-nav a:hover{text-underline-offset:.25rem;text-decoration:underline 2px}.mobile-menu{display:none;position:relative}.mobile-menu summary{cursor:pointer;align-content:center;gap:4px;width:32px;height:32px;list-style:none;display:grid}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary span{background:var(--ink);height:2px}.mobile-menu nav{z-index:20;color:#f1ede3;background:#151515;align-content:start;gap:1rem;width:min(88vw,360px);min-height:460px;padding:2.2rem;display:grid;position:absolute;top:42px;right:-1.5rem;box-shadow:8px 12px #00000038}.mobile-menu nav a{font-size:1.8rem;text-decoration:none}.mobile-menu nav p{color:var(--yellow);font-family:var(--font-hand);margin-top:4rem;transform:rotate(-3deg)}.site-footer{border-top:1px solid var(--line);grid-template-columns:1fr auto;align-items:end;gap:.75rem 2rem;padding:2rem 1.5rem;display:grid}.site-footer p{font-family:var(--font-hand);margin:0}.site-footer div{gap:1.2rem;display:flex}.site-footer small{color:var(--muted);grid-column:1/-1}.page-intro{max-width:1100px;padding:clamp(3rem,8vw,7rem) clamp(1.25rem,6vw,6rem) 3rem}.page-intro .eyebrow,.eyebrow{font-family:var(--font-mono);letter-spacing:.06em;font-size:.77rem}.page-intro h1{font-family:var(--font-display);letter-spacing:-.045em;margin:.1em 0;font-size:clamp(4rem,13vw,9rem);line-height:.9}.page-intro>p:last-child{max-width:54ch;font-family:Georgia,serif;font-size:clamp(1.05rem,2vw,1.4rem)}.card-grid{grid-template-columns:repeat(3,1fr);gap:1rem;padding:1rem clamp(1.25rem,6vw,6rem) 5rem;display:grid}.notice-card{border:2px solid var(--ink);background:var(--yellow);max-width:720px;box-shadow:5px 6px 0 var(--ink);margin:0 clamp(1.25rem,6vw,6rem) 5rem;padding:1.5rem;transform:rotate(-1deg)}.project-card{border:1px solid var(--ink);flex-direction:column;justify-content:end;gap:.2rem;min-height:210px;padding:1.2rem;text-decoration:none;transition:transform .12s,box-shadow .12s;display:flex;position:relative;box-shadow:4px 5px #0003}.project-card:hover{transform:translateY(-5px)rotate(-.6deg);box-shadow:7px 10px #0003}.project-card--dark{color:#fff;background:#20201f}.project-card--blue{color:#fff;background:var(--blue)}.project-card--paper{background:#c9bca7}.project-card__eyebrow{font-family:var(--font-mono);opacity:.75;margin-bottom:auto;font-size:.66rem}.project-card strong{font-family:var(--font-mono);font-size:clamp(1rem,2vw,1.35rem)}.project-card__arrow{font-size:1.2rem;position:absolute;top:.8rem;right:.9rem}@media (width<=860px){.site-shell{width:calc(100% - 1rem);margin:.5rem auto}.site-header{min-height:54px;padding:0 1rem}.desktop-nav{display:none}.mobile-menu{display:block}.card-grid,.site-footer{grid-template-columns:1fr}.site-footer small{grid-column:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}