:root{--color-paper:#F5EFE4;--color-paper-alt:#EFE6D3;--color-ink:#2B2420;--color-ink-soft:#6B6055;--color-orange:#E8622C;--color-orange-dark:#C94F1E;--color-teal:#2F6F5E;--color-tan:#E4D5B7;--color-border:#D8C9A8;--color-card:#FBF7EE;--font-display:"Fraunces", Georgia, serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", monospace;--radius:10px;--wrap-width:1080px}@media(prefers-color-scheme:dark){:root{--color-paper:#201B17;--color-paper-alt:#29231D;--color-ink:#F3ECDD;--color-ink-soft:#B9AC9A;--color-border:#46392C;--color-card:#2A241E;--color-tan:#3A2F22}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background-color:var(--color-paper);background-image:radial-gradient(rgba(43,36,32,5%) 1px,transparent 1px);background-size:7px 7px;color:var(--color-ink);font-family:var(--font-body);line-height:1.6;font-size:17px}img{max-width:100%;display:block}a{color:var(--color-orange-dark)}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.15;margin:0 0 .5em;font-weight:600}p{margin:0 0 1em}.wrap{max-width:var(--wrap-width);margin:0 auto;padding:0 24px}.wrap-narrow{max-width:720px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.site-header{padding:20px 0;border-bottom:2px dashed var(--color-border)}.site-header .wrap{display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--color-ink);font-family:var(--font-display);font-weight:700;font-size:1.15rem}.logo-mark{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--color-orange);color:#fff;font-family:var(--font-display);font-weight:700;transform:rotate(-6deg)}.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;background:0 0;border:2px solid var(--color-border);border-radius:6px;cursor:pointer}.nav-toggle span{display:block;height:2px;background:var(--color-ink);margin:0 6px}.site-nav ul{display:flex;gap:28px;list-style:none;margin:0;padding:0}.site-nav a{text-decoration:none;color:var(--color-ink);font-weight:500;font-family:var(--font-mono);font-size:.9rem;letter-spacing:.02em;text-transform:lowercase;border-bottom:2px solid transparent;padding-bottom:2px}.site-nav a:hover,.site-nav a[aria-current=page]{border-bottom-color:var(--color-orange)}@media(max-width:720px){.nav-toggle{display:flex}.site-nav{display:none;width:100%;order:3}.site-nav.is-open{display:block}.site-header .wrap{flex-wrap:wrap}.site-nav ul{flex-direction:column;gap:4px;padding-top:16px}.site-nav a{display:block;padding:8px 0}}.hero{padding:90px 0 70px}.eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;color:var(--color-teal);margin-bottom:14px}.hero h1{font-size:clamp(2rem,4.5vw,3.2rem);max-width:16ch}.hero .lede{max-width:60ch;font-size:1.1rem;color:var(--color-ink-soft)}.btn{display:inline-block;background:var(--color-orange);color:#fff;text-decoration:none;font-weight:600;padding:12px 26px;border-radius:var(--radius);border:2px solid var(--color-orange-dark);box-shadow:3px 3px 0 var(--color-orange-dark);transition:transform .1s ease,box-shadow .1s ease}.btn:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--color-orange-dark)}.domains{padding:40px 0 80px}.domain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:24px}.domain-card{background:var(--color-card);border:2px dashed var(--color-border);border-radius:var(--radius);padding:24px}.domain-card h3{margin-bottom:4px}.tag-label{font-family:var(--font-mono);font-size:.8rem;color:var(--color-teal);margin-bottom:12px}@media(max-width:820px){.domain-grid{grid-template-columns:1fr}}.workshop{padding:40px 0 90px}.section-note{color:var(--color-ink-soft);max-width:60ch}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px;margin-top:24px}.project-card{position:relative;background:var(--color-tan);border:2px dashed var(--color-border);border-radius:var(--radius);padding:22px;transition:transform .15s ease}.project-card:hover{transform:rotate(-1deg)}.project-card h3{margin-bottom:8px}.project-card h3 a{color:var(--color-ink);text-decoration:none}.project-card h3 a:hover{color:var(--color-orange-dark)}.project-card .washi{position:absolute;top:-10px;left:20px;width:60px;height:22px;background:var(--color-teal);opacity:.55;transform:rotate(-5deg);border-radius:2px}.card-meta{display:flex;gap:8px;margin-bottom:10px;flex-wrap:wrap}.badge{font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;padding:3px 9px;border-radius:999px;border:1px solid var(--color-border);background:var(--color-paper-alt);color:var(--color-ink-soft)}.badge-status.status-concept{color:var(--color-ink-soft)}.badge-status.status-prototype{color:#fff;background:var(--color-teal);border-color:var(--color-teal)}.badge-status.status-shipped{color:#fff;background:var(--color-orange);border-color:var(--color-orange-dark)}.page{padding:70px 0}.page h1{font-size:clamp(1.8rem,4vw,2.6rem)}.page ul{padding-left:1.2em}.back-link{font-family:var(--font-mono);font-size:.85rem;text-decoration:none;color:var(--color-ink-soft)}.back-link:hover{color:var(--color-orange-dark)}.contact-form{margin-top:32px;display:flex;flex-direction:column;gap:18px}.form-field{display:flex;flex-direction:column;gap:6px}.form-field label{font-family:var(--font-mono);font-size:.85rem;color:var(--color-ink-soft)}.form-field input,.form-field textarea{font:inherit;padding:10px 12px;border:2px solid var(--color-border);border-radius:var(--radius);background:var(--color-card);color:var(--color-ink);resize:vertical}.form-field input:focus,.form-field textarea:focus{outline:2px solid var(--color-orange);outline-offset:1px}.contact-form .btn{align-self:flex-start;cursor:pointer;font:inherit}.hp-field{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.form-status{margin:0;color:var(--color-ink-soft);font-size:.9rem}.site-footer{border-top:2px dashed var(--color-border);padding:30px 0 60px;color:var(--color-ink-soft);font-size:.9rem}.site-footer p{margin:0 0 4px}.site-footer a{color:var(--color-ink-soft)}