:root{--night:#08080b;--cream:#efede7;--accent:#3155ff;--accent-soft:#8fa2ff;--muted:#efede79e;--font-sans:"Helvetica Neue", "Avenir Next", Helvetica, Arial, sans-serif;--font-display:"Iowan Old Style", Baskerville, "Palatino Linotype", Georgia, serif}*{box-sizing:border-box}html{overscroll-behavior:none}body{background:var(--night);color:var(--cream);font-family:var(--font-sans);font-optical-sizing:auto;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}::selection{background:var(--accent);color:#fff}.motion-ready [data-reveal]{opacity:0;will-change:opacity, transform;transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1);transform:translateY(28px)}.motion-ready [data-reveal].is-visible{opacity:1;transform:none}.motion-ready .home-copy h2[data-reveal]{transition-delay:70ms}.motion-ready .home-copy .lede[data-reveal]{transition-delay:.14s}.motion-ready .home-copy .contact-link[data-reveal]{transition-delay:.21s}.motion-ready .home-copy .site-footer[data-reveal]{transition-delay:.28s}.experience-canvas{z-index:0;opacity:0;transition:opacity 1.2s;position:fixed;inset:0}.has-3d .experience-canvas{opacity:1}.static-grid{z-index:0;background-image:linear-gradient(#efede70f 1px,#0000 1px),linear-gradient(90deg,#efede70f 1px,#0000 1px);background-size:8vw 8vw;transition:opacity 1.2s;position:fixed;inset:0;-webkit-mask-image:radial-gradient(#000,#0000 80%);mask-image:radial-gradient(#000,#0000 80%)}.has-3d .static-grid{opacity:0}.home{min-height:100svh;padding:110px max(4vw, env(safe-area-inset-right)) max(40px, env(safe-area-inset-bottom)) max(4vw, env(safe-area-inset-left));grid-template-rows:1fr auto;grid-template-columns:minmax(0,1fr) auto;gap:24px 40px;display:grid;position:relative;overflow-x:clip}.has-3d .home{cursor:grab;touch-action:pinch-zoom;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.has-3d .home:active{cursor:grabbing}.has-3d .home a{cursor:pointer}.site-header{z-index:10;width:100%;padding:max(28px, env(safe-area-inset-top)) max(4vw, env(safe-area-inset-right)) 28px max(4vw, env(safe-area-inset-left));justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0}.wordmark{letter-spacing:-.075em;align-items:baseline;gap:9px;margin:0;font-size:1.3rem;font-weight:900;display:flex}.wordmark span{letter-spacing:.16em;font-size:.54rem}.site-nav{align-items:center;gap:22px;display:flex}.nav-link{letter-spacing:.1em;text-transform:uppercase;font-size:.68rem;font-weight:700;transition:color .18s}.nav-link:hover{color:var(--accent-soft)}.nav-contact{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.1em;text-transform:uppercase;background:#08080b59;border:1px solid #efede799;border-radius:999px;align-items:center;gap:12px;padding:12px 16px;font-size:.68rem;font-weight:700;transition:background .18s,color .18s;display:flex}.nav-contact:hover{background:var(--cream);color:var(--night)}.nav-contact svg{width:14px;height:14px}.hero-mark{z-index:1;letter-spacing:-.075em;flex-direction:column;grid-column:1/-1;align-self:center;align-items:center;margin:0 0 6vh;font-size:clamp(5rem,18vw,16rem);font-weight:900;line-height:.8;transition:color .8s;display:flex;position:relative}.hero-mark span{letter-spacing:.5em;margin-top:.4em;font-size:.12em}.will-3d .hero-mark,.has-3d .hero-mark{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.home-copy{z-index:1;opacity:var(--ui,1);grid-area:2/1;max-width:500px;position:relative}.eyebrow{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:10px;margin:0 0 22px;font-size:.64rem;font-weight:700;display:flex}.eyebrow>span{background:var(--accent);border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 0 6px #3155ff33}.home-copy h2{letter-spacing:-.055em;margin:0;font-size:clamp(2.4rem,4.2vw,4.4rem);font-weight:400;line-height:.92}.home-copy h2 em{color:var(--accent-soft);font-family:var(--font-display);font-style:italic;display:block}.lede{max-width:430px;color:var(--muted);margin:20px 0 0;font-size:clamp(.95rem,1.1vw,1.08rem);line-height:1.55}.contact-link{border-top:1px solid #efede780;border-bottom:1px solid #efede780;justify-content:space-between;align-items:center;gap:24px;margin-top:26px;padding:16px 0;font-size:clamp(1rem,1.3vw,1.2rem);transition:color .18s,padding .18s;display:flex}.contact-link:hover{color:var(--accent-soft);padding-right:6px}.contact-link svg{flex-shrink:0;width:20px;height:20px}.site-footer{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-top:18px;font-size:.6rem;font-weight:700}.page{max-width:860px;min-height:100svh;padding:150px max(4vw, env(safe-area-inset-right)) max(40px, env(safe-area-inset-bottom)) max(4vw, env(safe-area-inset-left));margin:0 auto}.page-title{letter-spacing:-.055em;margin:0;font-size:clamp(3rem,7vw,5.6rem);font-weight:400;line-height:.92}.page-title em{color:var(--accent-soft);font-family:var(--font-display);font-style:italic}.page .lede{max-width:620px;margin-top:26px}.page .contact-link{max-width:620px;margin-top:32px}.work-list,.built-list,.link-list{margin:0;padding:0;list-style:none}.work-list{border-top:1px solid #efede780;margin-top:56px}.work-row{border-bottom:1px solid #efede780;grid-template-columns:minmax(0,1fr) auto 20px;align-items:center;gap:24px;padding:26px 0;transition:color .18s,padding .18s;display:grid}.work-row:hover{color:var(--accent-soft);padding-right:6px}.work-name{letter-spacing:-.04em;font-size:clamp(1.6rem,3.2vw,2.4rem)}.work-meta{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:.64rem;font-weight:700}.work-row svg,.link-list svg{width:20px;height:20px}.project-section{margin-top:64px}.project-section h2{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin:0 0 18px;font-size:.64rem;font-weight:700}.built-list li{border-bottom:1px solid #efede726;padding:14px 0;font-size:clamp(1rem,1.3vw,1.15rem);line-height:1.5}.link-list a{align-items:center;gap:10px;padding:8px 0;font-size:clamp(1rem,1.3vw,1.15rem);transition:color .18s;display:inline-flex}.link-list a:hover{color:var(--accent-soft)}.back-link{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-top:64px;font-size:.68rem;font-weight:700;transition:color .18s;display:inline-block}.back-link:hover{color:var(--cream)}.page .site-footer{margin-top:48px}.warp-message{display:none}.has-3d .warp-message{z-index:2;color:#fff;letter-spacing:-.055em;width:max-content;max-width:92vw;opacity:var(--peak,0);pointer-events:none;text-align:center;transform:translate(-50%, -50%) scale(calc(.92 + .08 * var(--peak,0)));margin:0;font-size:clamp(2.2rem,5.5vw,5.6rem);line-height:.95;display:block;position:fixed;top:64%;left:50%}.warp-message em{font-family:var(--font-display);font-style:italic}.warp-message span{letter-spacing:.16em;opacity:.85;text-transform:uppercase;margin-top:22px;font-size:.72rem;font-weight:700;display:block}@media (max-width:760px),(max-aspect-ratio:1){.site-header{padding:max(18px, env(safe-area-inset-top)) 20px 18px}.home{padding:96px 20px calc(20px + env(safe-area-inset-bottom));grid-template-rows:1fr auto;grid-template-columns:1fr;gap:18px}.hero-mark{font-size:clamp(4rem,24vw,9rem)}.home-copy{grid-row:2;max-width:none}.eyebrow{letter-spacing:.12em;margin-bottom:14px;font-size:.6rem}.home-copy h2{font-size:clamp(2.2rem,10.5vw,3.2rem)}.lede{margin-top:12px;font-size:.92rem}.contact-link{margin-top:18px;padding:13px 0}.site-footer{margin-top:12px}.has-3d .warp-message{font-size:clamp(2.2rem,11vw,3.4rem);top:60%}.warp-message em{display:block}.site-nav{gap:16px}.page{padding:120px 20px calc(28px + env(safe-area-inset-bottom))}.work-row{grid-template-columns:minmax(0,1fr) 20px;gap:6px 16px}.work-meta{grid-row:2}.work-row svg{grid-area:1/2/3}}@media (max-height:520px) and (min-aspect-ratio:1){.site-header{padding:max(14px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) 14px max(24px, env(safe-area-inset-left))}.home{padding:64px max(24px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));grid-template-columns:minmax(0,1fr);gap:12px}.hero-mark{margin:0;font-size:clamp(3rem,16vh,6rem)}.home-copy{max-width:min(460px,50vw)}.eyebrow{margin-bottom:10px}.home-copy h2{font-size:clamp(1.7rem,8vh,2.4rem)}.home .lede,.home .site-footer{display:none}.contact-link{margin-top:12px;padding:10px 0;font-size:.95rem}.has-3d .warp-message{font-size:clamp(1.8rem,10vh,3rem);top:66%}.warp-message em{display:inline}}@media (max-width:360px){.nav-contact{padding:11px 14px}}@media (prefers-reduced-motion:reduce){.motion-ready [data-reveal]{opacity:1;transition:none;transform:none}}