:root{--paper:oklch(98% .002 90);--ink:oklch(15% .005 90);--muted:rgba(0,0,0,.55);--line:rgba(0,0,0,.85)}*{box-sizing:border-box}html,body{min-width:0}body{margin:0;background:var(--paper);color:var(--ink);font-family:Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{opacity:.6}.brand:focus-visible,nav a:focus-visible,.button:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #111;outline-offset:4px}header{display:flex;align-items:center;justify-content:space-between;padding:20px 32px;border-bottom:1px solid var(--line);gap:28px}.brand{display:flex;align-items:center;gap:10px;flex:none;font:600 16px 'IBM Plex Mono',monospace;letter-spacing:.02em}.brand img{height:20px;width:auto;display:block}nav{display:flex;align-items:center;gap:28px;font:12px 'IBM Plex Mono',monospace;letter-spacing:.08em;text-transform:uppercase}nav .active:not(.contact){border-bottom:1.5px solid #111;padding-bottom:2px}nav .contact{font-size:11px;border:1px solid var(--line);padding:5px 10px;letter-spacing:.03em;text-transform:none}.build{flex:none;font:11px 'IBM Plex Mono',monospace;border:1px solid var(--line);padding:5px 10px;letter-spacing:.03em}.hero{position:relative;overflow:hidden;padding:120px 32px 100px;background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.05) 0 1px,transparent 1px 40px),repeating-linear-gradient(90deg,rgba(0,0,0,.05) 0 1px,transparent 1px 40px)}.hero-inner,.intro>div,.section>*,.concept{max-width:1200px;margin-left:auto;margin-right:auto;position:relative}.frame:before,.frame:after{content:"";position:absolute;inset:16px;pointer-events:none;background:linear-gradient(#111,#111) left top/16px 1.5px no-repeat,linear-gradient(#111,#111) left top/1.5px 16px no-repeat,linear-gradient(#111,#111) right top/16px 1.5px no-repeat,linear-gradient(#111,#111) right top/1.5px 16px no-repeat,linear-gradient(#111,#111) left bottom/16px 1.5px no-repeat,linear-gradient(#111,#111) left bottom/1.5px 16px no-repeat,linear-gradient(#111,#111) right bottom/16px 1.5px no-repeat,linear-gradient(#111,#111) right bottom/1.5px 16px no-repeat}.hero small,.intro small,.eyebrow{font:12px 'IBM Plex Mono',monospace;letter-spacing:.1em;color:var(--muted)}h1{font-size:96px;line-height:.95;font-weight:700;letter-spacing:-.02em;margin:0 0 32px}.hero small{display:block;margin-bottom:20px}.hero h1 span{animation:blink 1s step-end infinite}.hero p,.intro p,.lede{max-width:560px;font-size:20px;line-height:1.55;margin:0;color:rgba(0,0,0,.78)}.intro{padding:64px 32px 40px;border-bottom:1px solid var(--line)}.intro h1{font-size:56px;line-height:1;margin:16px 0}.intro p{font-size:17px;line-height:1.5}.section{padding:80px 32px}.concept-index{padding-top:48px;min-height:42vh}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:36px}.eyebrow{text-transform:uppercase;letter-spacing:.12em}.scribble{font:15px 'Architects Daughter',cursive;color:rgba(0,0,0,.65)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.card{position:relative;border:1px solid var(--line)}.card a{display:block;height:100%}.corners{position:absolute;inset:-1px;z-index:2;pointer-events:none;background:linear-gradient(#111,#111) left top/10px 1.5px no-repeat,linear-gradient(#111,#111) left top/1.5px 10px no-repeat,linear-gradient(#111,#111) right top/10px 1.5px no-repeat,linear-gradient(#111,#111) right top/1.5px 10px no-repeat,linear-gradient(#111,#111) left bottom/10px 1.5px no-repeat,linear-gradient(#111,#111) left bottom/1.5px 10px no-repeat,linear-gradient(#111,#111) right bottom/10px 1.5px no-repeat,linear-gradient(#111,#111) right bottom/1.5px 10px no-repeat}.media{aspect-ratio:4/3;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;background-image:repeating-linear-gradient(45deg,rgba(0,0,0,.08) 0 2px,transparent 2px 12px);overflow:hidden;font:11px 'IBM Plex Mono',monospace;color:var(--muted)}.media img,.hero-media img{width:100%;height:100%;object-fit:cover}.card-copy{padding:16px;display:flex;flex-direction:column;gap:6px}.card-title{display:flex;justify-content:space-between;align-items:center;gap:8px}.card h2{font-size:15px;margin:0}.card-title small{font:10px 'IBM Plex Mono',monospace;border:1px solid var(--line);padding:2px 6px;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.card-tags{font:11px 'IBM Plex Mono',monospace;letter-spacing:.05em;color:rgba(0,0,0,.4);text-transform:uppercase}.card p{font:12px/1.45 'IBM Plex Mono',monospace;color:var(--muted);margin:0}.empty{grid-column:1/-1;border:1.5px dashed rgba(0,0,0,.55);padding:60px 24px;text-align:center;font:13px/1.6 'IBM Plex Mono',monospace;color:var(--muted)}.concept{padding:64px 32px 100px}.hero-media{width:100%;aspect-ratio:16/7;background:repeating-linear-gradient(45deg,rgba(0,0,0,.08) 0 2px,transparent 2px 12px);margin-bottom:46px;overflow:hidden}.meta{font:12px 'IBM Plex Mono',monospace;color:var(--muted);margin:24px 0}.tag{border:1px solid var(--line);padding:3px 6px;margin-left:6px}.rich{max-width:760px;font-size:18px;line-height:1.7}.rich h1,.rich h2,.rich h3{font-size:1.5em;line-height:1.1;margin-top:2em}.rich blockquote{border-left:3px solid var(--ink);margin:1.5em 0;padding:.3em 1em;color:var(--muted)}.rich pre{overflow:auto;background:#171717;color:#f5f2ea;padding:16px}.button,button{display:inline-block;border:1px solid var(--line);background:#111;color:#fff;padding:10px 20px;font:11px 'IBM Plex Mono',monospace;letter-spacing:.03em;cursor:pointer}.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:48px}.contact-form{position:relative;border:1px solid var(--line);padding:32px;display:grid;gap:20px}.contact-form:before{content:"Send a message";font:11px 'IBM Plex Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:rgba(0,0,0,.45);margin-bottom:4px}.contact-form label{font:11px 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.contact-form input,.contact-form textarea{display:block;width:100%;border:0;border-bottom:1.5px solid var(--line);padding:8px 0;background:transparent;color:inherit;font:15px Helvetica,Arial,sans-serif}.contact-form label:first-child{position:absolute;left:-9999px}.notice{font:13px/1.45 'Architects Daughter',cursive;color:var(--muted)}.contact-grid aside{display:flex;flex-direction:column;gap:24px}.contact-grid aside h2{font:11px 'IBM Plex Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:rgba(0,0,0,.45);margin:0 0 12px}.contact-grid aside>div,.contact-grid aside{font-size:15px}footer{margin-top:auto;border-top:1px solid var(--line);color:var(--muted)}.marquee{overflow:hidden;white-space:nowrap;border-bottom:1px solid var(--line);padding:10px 0}.marquee>div{display:inline-flex;animation:marquee 22s linear infinite;font:12px 'IBM Plex Mono',monospace;letter-spacing:.04em}.marquee span{padding:0 24px}.footer-inner{max-width:1200px;margin:auto;padding:20px 32px;display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;font:14px 'Architects Daughter',cursive}.footer-inner b{font:11px 'IBM Plex Mono',monospace;letter-spacing:.06em}@keyframes blink{0%,50%{opacity:1}50.01%,100%{opacity:0}}@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@media(max-width:900px){header{gap:18px}.build{display:none}nav{gap:18px}.hero{padding-top:92px}.contact-grid{gap:28px}}@media(max-width:620px){header{padding:16px 18px;align-items:center;flex-wrap:wrap}.brand{font-size:14px}.brand img{height:18px}nav{order:3;width:100%;justify-content:space-between;gap:8px;font-size:10px;letter-spacing:.04em}nav .contact{font-size:10px;padding:4px 7px}.hero{padding:76px 20px 68px}.frame:before,.frame:after{inset:12px}h1{font-size:clamp(54px,17vw,72px);margin-bottom:24px}.hero p{font-size:17px;line-height:1.5}.intro{padding:52px 20px 32px}.intro h1{font-size:48px}.intro p{font-size:16px}.section{padding:52px 20px}.section-head{margin-bottom:24px}.scribble{font-size:14px}.cards{grid-template-columns:1fr;gap:18px}.empty{padding:42px 18px;font-size:12px}.concept{padding:42px 20px 72px}.hero-media{aspect-ratio:4/3;margin-bottom:28px}.rich{font-size:17px}.contact-grid{grid-template-columns:1fr;gap:28px}.contact-form{padding:24px 20px}.footer-inner{padding:18px 20px;flex-direction:column;align-items:flex-start}.marquee{font-size:11px}}@media(max-width:390px){nav{font-size:9px}nav .contact{font-size:9px}.hero{padding-left:16px;padding-right:16px}.section,.intro,.concept{padding-left:16px;padding-right:16px}}