:root{--paper: #f4f2ed;--ink: #141414;--ink-70: rgba(20, 20, 20, .7);--ink-64: rgba(20, 20, 20, .64);--ink-45: rgba(20, 20, 20, .45);--accent: #5995c9;--accent-ink: #2f6ea6;--accent-deep: #285f90;--rule: 1.5px solid var(--ink);--font: Archivo, "Helvetica Neue", Helvetica, sans-serif;--mono: ui-monospace, Menlo, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);overflow-x:hidden}a{color:inherit;text-decoration:none}a:hover{color:var(--accent-ink)}button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}h1,h2,h3,p{margin:0}::selection{background:var(--accent-ink);color:var(--paper)}:focus-visible{outline:2px solid var(--accent-ink);outline-offset:3px}section:focus-visible{outline:none}.sheet-item:focus-visible,.proj-row:focus-visible,.hero-cta:focus-visible{outline-offset:-2px}::-webkit-scrollbar{width:10px;background:var(--paper)}::-webkit-scrollbar-thumb{background:var(--ink);border:3px solid var(--paper)}.mono{font-family:var(--mono)}.eyebrow{font:400 11px/1.6 var(--mono);text-transform:uppercase;letter-spacing:.08em}.muted{color:var(--ink-64)}.rough1{filter:url(#rf1)}.rough2{filter:url(#rf2)}.rough3{filter:url(#rf3)}.rough-off{filter:none}.skip{position:absolute;left:16px;top:-48px;z-index:30;padding:10px 14px;background:var(--ink);color:var(--paper);font:500 13px/1 var(--font)}.skip:focus{top:12px;color:var(--paper)}.nav{display:flex;justify-content:space-between;align-items:center;padding:0 48px;height:64px;font:400 13px/1 var(--mono);text-transform:uppercase;letter-spacing:.08em}.nav-brand{font:inherit}.nav-links button{font:inherit;text-transform:inherit;letter-spacing:inherit}.nav-links button:hover,.nav-links button.is-active{color:var(--accent-ink)}.nav-links button.is-active{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1.5px}.nav-burger{display:none;position:relative;width:44px;height:44px;flex-direction:column;justify-content:center;gap:7px;padding:0 9px}.nav-burger span{height:1.8px;background:var(--ink);transition:transform .2s ease,opacity .2s ease}.nav-burger.is-open span:nth-child(1){transform:translateY(8.8px) rotate(45deg)}.nav-burger.is-open span:nth-child(2){opacity:0}.nav-burger.is-open span:nth-child(3){transform:translateY(-8.8px) rotate(-45deg)}.sheet-scrim{position:fixed;inset:0;z-index:19;background:#14141459}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:20;background:var(--paper);border-top:1px solid var(--ink);padding:16px 20px 20px;display:flex;flex-direction:column;gap:2px}.sheet>.eyebrow{margin-bottom:10px}.sheet-item{position:relative;display:flex;justify-content:space-between;align-items:center;padding:12px 14px;font:600 26px/1 var(--font);letter-spacing:-.03em}.sheet-item:hover,.sheet-item:active,.sheet-item:focus-visible{color:var(--paper)}.sheet-item-border{position:absolute;inset:0;border:1.3px solid var(--ink)}.sheet-item-fill{position:absolute;inset:3px;background:var(--ink);opacity:0}.sheet-item:hover .sheet-item-fill,.sheet-item:active .sheet-item-fill,.sheet-item:focus-visible .sheet-item-fill{opacity:1}.sheet-item-label{position:relative}.hero{display:grid;grid-template-columns:7fr 5fr;height:clamp(560px,calc(100vh - 104px),720px);border-top:var(--rule);border-bottom:var(--rule)}.hero-copy{padding:40px 48px;border-right:var(--rule);display:flex;flex-direction:column;justify-content:space-between}.hero-title{font:700 clamp(64px,9.2vw,118px)/.9 var(--font);letter-spacing:-.05em;text-wrap:balance}.hero-dot{position:relative;display:inline-block;width:.42em;height:.42em;margin-left:.06em;vertical-align:baseline}.hero-dot span{position:absolute;inset:0;background:var(--accent)}.hero-sub{font:400 20px/1.35 var(--font);max-width:520px;color:#141414cc}.hero-art{display:flex;flex-direction:column}.hero-stage{position:relative;flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-frame{position:absolute;inset:36px 36px 28px 28px;border:2px solid var(--ink);transform:rotate(-1.5deg)}.hero-hatch{position:absolute;inset:24px 44px 40px 20px;opacity:.55;background:repeating-linear-gradient(-45deg,var(--accent) 0 2px,transparent 2px 9px)}.hero-block{position:absolute;inset:30px 30px 34px 34px;background:var(--accent);transform:rotate(1.2deg)}.hero-stage canvas{position:relative;display:block}.hero-cta{height:96px;padding:0 32px;border-top:var(--rule);display:flex;align-items:center;justify-content:space-between;font:600 26px/1 var(--font);letter-spacing:-.02em}.hero-cta:hover{color:var(--accent-ink)}.hero-cta svg{overflow:visible}.hero-cta path{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.hero-m{display:flex;flex-direction:column;gap:24px;padding:28px 20px 40px;border-top:1px solid var(--ink)}.hero-m-logo{position:relative;width:200px;height:200px;align-self:flex-end}.hero-m-block{position:absolute;inset:0;background:var(--accent);transform:rotate(3deg)}.hero-m-logo canvas{position:relative;display:block}.hero-m-title{font:600 42px/.98 var(--font);letter-spacing:-.04em;text-wrap:pretty}.hl{position:relative;display:inline-block}.hl-mark{position:absolute;left:-3px;right:-4px;bottom:2px;height:9px;background:#5995c973}.hl-text{position:relative}.btn-ink{position:relative;align-self:flex-start;height:52px;padding:0 26px;font:500 15px/1 var(--font);color:#fff}.btn-ink-fill{position:absolute;inset:0;background:var(--ink)}.btn-ink-label{position:relative}.band{display:grid;grid-template-columns:repeat(12,1fr);border-bottom:var(--rule)}.band-label{grid-column:1 / 3;padding:32px 40px 32px 48px;border-right:var(--rule)}.band-label .num{font-size:11px;letter-spacing:.08em;margin-bottom:20px}.band-label h2{font:700 36px/.95 var(--font);letter-spacing:-.04em}.stack-cols{grid-column:3 / 13;display:grid;grid-template-columns:repeat(3,1fr)}.band-note{margin-top:24px;font:400 12px/1.5 var(--font);color:var(--ink-64);display:flex;gap:8px;align-items:center}.box-key{width:12px;height:12px}.stack-note{font:400 14px/1.45 var(--font);color:var(--ink-70);margin:-4px 0 6px}.stack-col{padding:32px 28px;border-right:1.5px solid rgba(20,20,20,.2);display:flex;flex-direction:column;gap:14px}.stack-col:last-child{border-right:none}.stack-head{line-height:1;padding-bottom:10px;border-bottom:1px solid var(--ink)}.stack-item{display:flex;align-items:center;gap:10px;font:500 15px/1.2 var(--font);letter-spacing:-.01em}.box{position:relative;width:14px;height:14px;flex:none}.box-line{position:absolute;inset:0;border:1.3px solid var(--ink)}.box-fill{position:absolute;inset:3px;background:var(--accent);opacity:0}.is-shipped .box-fill,.box-key .box-fill{opacity:1}.proj-label{display:flex;flex-direction:column;justify-content:space-between;gap:32px}.proj-counter{position:relative;width:100px;height:100px;display:flex;align-items:center;justify-content:center;font:700 48px/1 var(--font);letter-spacing:-.05em;color:var(--accent-ink)}.proj-ring{position:absolute;inset:0;border:2px solid var(--accent-ink);border-radius:50%;transform:rotate(-12deg)}.proj-list{grid-column:3 / 9;padding:32px;border-right:var(--rule);display:flex;flex-direction:column}.proj-row{position:relative;display:grid;grid-template-columns:36px 1fr auto;gap:16px;align-items:baseline;padding:14px 0;border-top:1px solid var(--ink-45);text-align:left;color:var(--ink-70)}.proj-row.is-active,.proj-row:hover{color:var(--ink)}.proj-item{display:flex;flex-direction:column}.proj-row .mono{font-size:12px;line-height:1}.proj-title{position:relative;display:inline-block;justify-self:start;font:500 18px/1.2 var(--font);letter-spacing:-.01em}.proj-ul{position:absolute;left:0;right:0;bottom:-4px;height:2px;background:var(--accent);opacity:0}.proj-row.is-active .proj-ul{opacity:1}.proj-tech{font:400 12px/1 var(--font);color:var(--ink-64)}.proj-end{border-top:1px solid var(--ink-45)}.proj-detail{grid-column:9 / 13;padding:32px;display:flex;flex-direction:column;justify-content:center}.proj-card{position:relative;padding:28px 28px 24px}.proj-card-border{position:absolute;inset:0;border:var(--rule)}.proj-card-body{position:relative;display:flex;flex-direction:column;gap:16px}.proj-card-top{display:flex;justify-content:space-between;align-items:baseline}.proj-card-top .eyebrow{line-height:1}.proj-card-icon{display:flex;opacity:.85}.proj-card-icon svg{width:20px;height:20px}.proj-card h3{font:600 26px/1.1 var(--font);letter-spacing:-.025em}.proj-card p{font:400 16px/1.5 var(--font);color:#141414cc;max-width:60ch;min-height:4.5em}.proj-private{font:400 14px/1 var(--font);color:var(--ink-64);min-height:44px;display:flex;align-items:center}.proj-card-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.proj-card-foot a{font:500 14px/1 var(--font);display:flex;gap:8px;align-items:center;min-height:44px}.tags{display:flex;gap:6px;flex-wrap:wrap}.tag{font:400 12px/1 var(--font);padding:5px 10px;background:#5995c929;color:var(--accent-deep)}.contact-text{grid-column:3 / 9;padding:32px;border-right:var(--rule);display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:14px}.contact-copy{font:500 14px/1 var(--font);min-height:44px;text-decoration:underline;text-underline-offset:4px;color:var(--accent-ink)}.contact-copy:hover{color:var(--accent-deep)}.contact-text p{font:400 22px/1.35 var(--font);letter-spacing:-.01em;max-width:420px}.contact-links{grid-column:9 / 13;display:flex;flex-direction:column}.contact-link{position:relative;flex:1;min-height:80px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;font:500 18px/1 var(--font)}.contact-link>span{position:relative}.contact-link+.contact-link{border-top:var(--rule)}.contact-email,.contact-email:hover{color:#fff}.contact-email:hover .contact-fill{background:var(--accent-deep)}.contact-link>.contact-fill{position:absolute;inset:6px;background:var(--accent-ink)}.foot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:20px 48px 28px;font-size:11px;line-height:1.5;text-transform:uppercase;letter-spacing:.08em;color:#14141499}.foot button{font:inherit;text-transform:inherit;letter-spacing:inherit;color:inherit;min-height:44px;padding:0 8px;margin:-12px -8px;text-decoration:underline;text-underline-offset:4px}.foot button:hover{color:var(--accent-ink)}@media(max-width:1439px){.band-label{grid-column:1 / 4}.stack-cols{grid-column:4 / 13}.proj-list,.contact-text{grid-column:4 / 9}}@media(max-width:1023px){.band-label{grid-column:1 / 5}.stack-cols{grid-column:5 / 13}.hero{grid-template-columns:1fr 1fr}.hero-copy{padding:32px}.hero-stage{padding:24px}.proj-list,.contact-text{grid-column:5 / 13;border-right:none}.proj-detail,.contact-links{grid-column:5 / 13;border-top:var(--rule)}.contact-links{padding:0}}@media(max-width:767px){.nav{padding:0 20px;border-bottom:1px solid var(--ink);font-family:var(--font)}.nav-brand{font:700 18px/1 var(--font);letter-spacing:-.02em;text-transform:none}.nav-links,.nav-mail{display:none}.nav-burger{display:flex}.band{grid-template-columns:1fr}.band-label,.stack-cols,.proj-list,.proj-detail,.contact-text,.contact-links{grid-column:1 / -1}.band-label{padding:28px 20px;border-right:none;border-bottom:var(--rule)}.hero-m .eyebrow{margin-top:4px}.proj-label{flex-direction:row;align-items:flex-end}.proj-counter{width:72px;height:72px;font-size:34px}.stack-cols{grid-template-columns:1fr}.band-note{margin-top:16px}.stack-col{padding:24px 20px;border-right:none;border-bottom:1px solid rgba(20,20,20,.2);display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}.stack-head,.stack-note{grid-column:1 / -1}.stack-col:last-child{border-bottom:none}.proj-list{padding:20px}.proj-item .proj-card{margin:4px 0 18px;padding:22px 20px 18px}.proj-item .proj-card p{min-height:0}.foot{flex-direction:column;align-items:flex-start;gap:10px}.foot button{margin:0 -8px}.proj-row{grid-template-columns:32px 1fr}.proj-tech{grid-column:2}.contact-text{padding:28px 20px;border-bottom:var(--rule)}.contact-text p{font-size:20px}.contact-link{min-height:72px;padding:0 20px}.foot{padding:20px 20px 28px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}