*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #131210;--bg-raised: #1a1917;--line: #2c2a26;--line-strong: #45423c;--cream: #ece7dc;--cream-dim: #b5afa2;--muted: #7d776b;--accent: #ff6b3d;--accent-soft: rgba(255, 107, 61, .14);--font-display: "Fraunces", Georgia, serif;--font-body: "Space Grotesk", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--ease: cubic-bezier(.22, 1, .36, 1);--ease-expo: cubic-bezier(.16, 1, .3, 1)}html{overflow-y:scroll;scrollbar-color:var(--line-strong) var(--bg)}body{font-family:var(--font-body);background:var(--bg);color:var(--cream);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}::selection{background:var(--accent);color:var(--bg)}a{color:inherit;text-decoration:none}button{font-family:inherit;background:none;border:none;color:inherit;cursor:pointer}img{max-width:100%}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.mono-label{font-family:var(--font-mono);font-size:.68rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.mono-label .tick{color:var(--accent)}.section{max-width:1200px;margin:0 auto;padding:0 2.5rem}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--line);margin-bottom:3rem}.section-head h2{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.25rem);font-weight:350;letter-spacing:-.02em;line-height:1}.section-head h2 em{font-style:italic;font-weight:320;color:var(--accent)}.grain{position:fixed;inset:-50%;width:200%;height:200%;pointer-events:none;z-index:2000;opacity:.022;background-size:180px 180px;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain-shift .9s steps(4) infinite}@keyframes grain-shift{0%{transform:translate(0)}25%{transform:translate(-2%,3%)}50%{transform:translate(3%,-2%)}75%{transform:translate(-3%,-3%)}to{transform:translate(2%,2%)}}@media(prefers-reduced-motion:reduce){.grain{animation:none}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.site-footer{margin-top:8rem;border-top:1px solid var(--line);background:var(--bg-raised)}.footer-cta-block{max-width:1200px;margin:0 auto;padding:5rem 2.5rem 4rem}.footer-cta{display:block;margin:1.5rem 0 1.25rem;width:fit-content}.footer-cta-line{display:block;font-family:var(--font-display);font-size:clamp(2.75rem,8vw,6rem);font-weight:340;letter-spacing:-.03em;line-height:1.02;color:var(--cream);transition:color .4s ease,transform .5s var(--ease-expo)}.footer-cta-italic{font-style:italic;color:var(--cream-dim)}.footer-cta:hover .footer-cta-line{color:var(--accent);transform:translate(12px)}.footer-cta:hover .footer-cta-italic{transition-delay:.05s}.footer-quote{font-size:.95rem;color:var(--muted);max-width:380px}.footer-grid{max-width:1200px;margin:0 auto;padding:0 2.5rem 4rem;display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:2rem}.footer-links{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.footer-links a{width:fit-content;font-size:.95rem;color:var(--cream-dim);transition:color .25s ease,transform .3s var(--ease)}.footer-links a:hover,.footer-links a.active{color:var(--cream);transform:translate(4px)}.footer-time{font-family:var(--font-mono);font-size:1.05rem;color:var(--cream);margin-top:1rem;font-variant-numeric:tabular-nums}.footer-loc-label{margin-top:1.5rem}.footer-loc{font-size:.95rem;color:var(--cream-dim);margin-top:.35rem}.footer-base{border-top:1px solid var(--line);padding:1.5rem 2.5rem;max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;gap:1rem;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}@media(max-width:700px){.footer-cta-block{padding:3.5rem 1.25rem 3rem}.footer-grid{grid-template-columns:1fr 1fr;padding:0 1.25rem 3rem}.footer-col-meta{grid-column:1 / -1}.footer-base{padding:1.25rem;flex-direction:column;gap:.35rem}}.site{position:relative;min-height:100vh;display:flex;flex-direction:column}.site-main{flex:1;padding-top:6.5rem}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;transition:transform .45s var(--ease-expo)}.site-header:before{content:"";position:absolute;inset:0;background:#131210bf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);opacity:0;transition:opacity .3s ease;pointer-events:none}.site-header.header-scrolled:before{opacity:1}.site-header.header-hidden{transform:translateY(-100%)}.header-inner{position:relative;max-width:1200px;margin:0 auto;padding:1.4rem 2.5rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.wordmark{font-family:var(--font-display);font-size:1.5rem;font-weight:450;letter-spacing:-.02em;color:var(--cream);line-height:1}.wordmark-dot{color:var(--accent)}.site-nav{display:flex;gap:2.25rem}.nav-link{position:relative;display:inline-flex;align-items:baseline;gap:.45rem;font-size:.82rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--cream-dim);padding:.3rem 0;transition:color .3s ease}.nav-index{font-family:var(--font-mono);font-size:.58rem;color:var(--muted);transition:color .3s ease}.nav-link:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:right;transition:transform .4s var(--ease-expo)}.nav-link:hover,.nav-link.active{color:var(--cream)}.nav-link:hover .nav-index,.nav-link.active .nav-index{color:var(--accent)}.nav-link:hover:after,.nav-link.active:after{transform:scaleX(1);transform-origin:left}.header-cta{font-family:var(--font-mono);font-size:.68rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--cream);border:1px solid var(--line-strong);border-radius:999px;padding:.55rem 1.3rem;transition:border-color .3s ease,background .3s ease,color .3s ease}.header-cta:hover{border-color:var(--accent);background:var(--accent);color:var(--bg)}@media(max-width:640px){.header-inner{padding:1.1rem 1.25rem}.site-header:before{opacity:1}.site-nav{gap:1.25rem}.nav-index,.header-cta{display:none}.site-main{padding-top:5.5rem}}.loader-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg);z-index:9999;transition:opacity .5s ease,visibility .5s ease}.loader-overlay.loader-fade-out{opacity:0;visibility:hidden;pointer-events:none}.loader-inner{display:flex;flex-direction:column;align-items:center;gap:1.25rem}.loader-name{font-family:var(--font-display);font-style:italic;font-weight:340;font-size:2rem;color:var(--cream);animation:loader-breathe 1.2s ease-in-out infinite alternate}.loader-bar{width:140px;height:1px;background:var(--line-strong);overflow:hidden}.loader-bar-fill{display:block;height:100%;width:100%;background:var(--accent);transform-origin:left;animation:loader-fill .8s var(--ease-expo) forwards}@keyframes loader-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes loader-breathe{0%{opacity:.55}to{opacity:1}}@media(pointer:fine){body.has-custom-cursor,body.has-custom-cursor a,body.has-custom-cursor button{cursor:none}}.cursor-dot,.cursor-ring{position:fixed;top:0;left:0;pointer-events:none;z-index:3000;will-change:transform}@media(pointer:coarse){.cursor-dot,.cursor-ring{display:none}}.cursor-dot:after{content:"";position:absolute;top:-3px;left:-3px;width:6px;height:6px;border-radius:50%;background:var(--accent)}.cursor-ring:after{content:"";position:absolute;top:-18px;left:-18px;width:36px;height:36px;border:1px solid rgba(236,231,220,.45);border-radius:50%;transition:transform .35s var(--ease),background .35s var(--ease),border-color .35s var(--ease)}.cursor-ring-hover:after{transform:scale(1.6);border-color:var(--accent);background:#ff6b3d14}.cursor-ring-down:after{transform:scale(.9)}.cursor-label{position:absolute;transform:translate(-50%,-50%);font-family:var(--font-mono);font-size:.55rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--bg);opacity:0;transition:opacity .25s ease;white-space:nowrap}.cursor-ring-label:after{transform:scale(2.6);background:var(--accent);border-color:var(--accent)}.cursor-ring-label .cursor-label{opacity:1}.scroll-reveal{opacity:0;transform:translateY(36px);transition:opacity .8s var(--ease-expo),transform .8s var(--ease-expo)}.scroll-reveal.scroll-reveal-visible{opacity:1;transform:translateY(0)}.dot-field{position:absolute;inset:0;width:100%;height:100%;display:block}.work-list{position:relative}.work-row{display:grid;grid-template-columns:3.5rem 1fr auto 2rem;align-items:center;gap:1.5rem;padding:1.75rem .75rem;border-bottom:1px solid var(--line);position:relative;overflow:hidden;transition:padding .4s var(--ease-expo)}.work-row:first-child{border-top:1px solid var(--line)}.work-row:before{content:"";position:absolute;inset:0;background:var(--cream);transform:scaleY(0);transform-origin:bottom;transition:transform .45s var(--ease-expo);z-index:0}.work-row:hover:before{transform:scaleY(1);transform-origin:top}.work-row>*{position:relative;z-index:1;transition:color .3s ease}.work-row-index{font-family:var(--font-mono);font-size:.72rem;color:var(--muted)}.work-row-title{font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2.5rem);font-weight:360;letter-spacing:-.02em;line-height:1.1;color:var(--cream)}.work-row-tags{display:inline-flex;align-items:center;gap:.75rem;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.work-row-badge{padding:.25rem .7rem;border-radius:999px;font-weight:700}.work-row-badge.is-client{background:#5eb28626;color:#5eb286}.work-row-badge.is-mock{background:var(--accent-soft);color:var(--accent)}.work-row-badge.is-tool{background:#78a0ff24;color:#9eb8ff}.work-row-arrow{font-size:1.1rem;color:var(--muted);transition:transform .35s var(--ease-expo),color .3s ease}.work-row:hover .work-row-title,.work-row:hover .work-row-index,.work-row:hover .work-row-tags{color:var(--bg)}.work-row:hover .work-row-badge.is-client{background:#2f6b4f2e;color:#2f6b4f}.work-row:hover .work-row-badge.is-mock{background:#ff6b3d2e}.work-row:hover .work-row-badge.is-tool{background:#78a0ff38;color:#6b8fd4}.work-row:hover .work-row-arrow{color:var(--bg);transform:translate(4px,-4px)}.work-preview{position:fixed;top:0;left:0;width:320px;aspect-ratio:16 / 10;pointer-events:none;z-index:50;opacity:0;scale:.9;transition:opacity .3s ease,scale .35s var(--ease-expo);will-change:transform;border-radius:6px;overflow:hidden;box-shadow:0 24px 60px -12px #0009}.work-preview-visible{opacity:1;scale:1}.work-preview img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}@media(max-width:760px){.work-row{grid-template-columns:2.25rem 1fr 1.5rem;gap:.75rem;padding:1.4rem .5rem}.work-row-tags,.work-preview{display:none}}.now-building{margin-top:8rem}.now-status{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.66rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--cream-dim);border:1px solid var(--line-strong);border-radius:999px;padding:.4rem 1rem;white-space:nowrap}.now-status-dot{width:7px;height:7px;border-radius:50%;background:#5eb286;animation:now-pulse 2s ease-in-out infinite}@keyframes now-pulse{0%,to{opacity:1;box-shadow:0 0 #5eb28680}50%{opacity:.6;box-shadow:0 0 0 5px #5eb28600}}.now-card{display:grid;grid-template-columns:1.35fr 1fr;gap:2.5rem;align-items:stretch;background:var(--bg-raised);border:1px solid var(--line);border-radius:8px;padding:1.75rem}.now-media{position:relative;border-radius:4px;overflow:hidden;min-height:0;border:1px solid var(--line)}.now-media img{width:100%;height:100%;object-fit:cover;object-position:left top;display:block;transition:transform .8s var(--ease-expo)}.now-media:hover img{transform:scale(1.03)}.now-content{display:flex;flex-direction:column;justify-content:center}.now-title{font-family:var(--font-display);font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:380;letter-spacing:-.02em;margin:.75rem 0;color:var(--cream)}.now-desc{font-size:.95rem;line-height:1.7;color:var(--cream-dim);margin-bottom:1.5rem}.now-features{list-style:none;margin:0 0 1.75rem;padding:0}.now-features li{position:relative;padding-left:1.4rem;margin-bottom:.65rem;font-size:.88rem;line-height:1.55;color:var(--cream-dim)}.now-features li:before{content:"→";position:absolute;left:0;color:var(--accent);font-size:.8rem}.now-tools{display:flex;flex-wrap:wrap;gap:.5rem}.now-tool{font-family:var(--font-mono);font-size:.64rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--cream-dim);border:1px solid var(--line-strong);border-radius:999px;padding:.35rem .85rem}@media(max-width:900px){.now-card{grid-template-columns:1fr}.now-media{aspect-ratio:16 / 10}}@media(max-width:640px){.now-building{margin-top:5rem}.now-card{padding:1rem;gap:1.5rem}}.stack-section{margin-top:8rem}.stack-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.stack-cell{position:relative;display:flex;flex-direction:column;gap:.2rem;padding:1.5rem 1.4rem 1.3rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;transition:background .35s ease}.stack-cell:hover{background:var(--bg-raised)}.stack-cell-index{font-family:var(--font-mono);font-size:.6rem;color:var(--muted);margin-bottom:.8rem}.stack-cell-icon{font-size:1.4rem;line-height:1;color:var(--muted);margin-bottom:.6rem;transition:color .35s ease,transform .4s var(--ease-expo)}.stack-cell-icon img{width:1.4rem;height:1.4rem;display:block;filter:grayscale(1) brightness(1.4);transition:filter .35s ease}.stack-cell:hover .stack-cell-icon{color:var(--accent);transform:translateY(-3px)}.stack-cell:hover .stack-cell-icon img{filter:none}.stack-cell-name{font-size:.95rem;font-weight:600;color:var(--cream)}.stack-cell-desc{font-size:.78rem;color:var(--muted)}@media(max-width:640px){.stack-section{margin-top:5rem}.stack-grid{grid-template-columns:repeat(2,1fr)}.stack-cell{padding:1.1rem 1rem}}.world-map-section{margin:0}.world-map-wrapper{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23ff6b3d' d='M12 0C7.31 0 3.5 3.81 3.5 8.5c0 5.25 8.5 15.5 8.5 15.5s8.5-10.25 8.5-15.5C20.5 3.81 16.69 0 12 0z'/%3E%3Ccircle cx='12' cy='8' r='3' fill='%23131210'/%3E%3C/svg%3E") 12 22,pointer;user-select:none;-webkit-user-select:none;border:1px solid var(--line);border-radius:8px;background:var(--bg-raised);overflow:hidden}.world-map-wrapper *{outline:none}.world-map-wrapper path{outline:none;transition:fill .3s ease}.world-map-wrapper path:hover{fill:#2c2a25}.world-map-svg{width:100%;height:auto;max-height:440px;display:block}.pin-owner,.pin-visitor,.pin-other{filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}.pin-owner{animation:pin-glow 2.4s ease-in-out infinite}@keyframes pin-glow{0%,to{opacity:1}50%{opacity:.65}}.hero{position:relative;min-height:calc(100vh - 6.5rem);display:flex;align-items:center;overflow:hidden}.hero-inner{position:relative;z-index:1;max-width:1200px;width:100%;margin:0 auto;padding:0 2.5rem 4rem;pointer-events:none}.hero-inner a,.hero-inner .mono-label{pointer-events:auto}.hero-kicker{margin-bottom:2rem}.hero-title{font-family:var(--font-display);font-weight:330;font-size:clamp(3.5rem,13vw,10rem);line-height:.95;letter-spacing:-.04em;text-transform:uppercase}.hero-title-line{display:block}.hero-title-italic{font-style:italic;text-transform:none;font-weight:300;color:transparent;-webkit-text-stroke:1px var(--cream-dim);margin-left:clamp(1rem,8vw,7rem)}.hero-meta{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;margin-top:3rem}.hero-bio{max-width:460px;font-size:1.02rem;line-height:1.7;color:var(--cream-dim)}.hero-facts{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;flex-shrink:0}.hero-scroll{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);z-index:1}.hero-scroll-arrow{display:inline-block;animation:scroll-bob 1.6s ease-in-out infinite}@keyframes scroll-bob{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.work-section{margin-top:7rem}.section-link{color:var(--cream-dim);transition:color .25s ease;white-space:nowrap}.section-link:hover{color:var(--accent)}.map-section{margin-top:8rem}@media(max-width:760px){.hero{min-height:calc(100svh - 5.5rem)}.hero-inner{padding:0 1.25rem 3rem}.hero-meta{flex-direction:column;align-items:flex-start;margin-top:2rem}.hero-facts{align-items:flex-start}.work-section{margin-top:4.5rem}.map-section{margin-top:5rem}}.about-facts{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);margin-bottom:4rem}.about-fact{display:flex;flex-direction:column;gap:.4rem;padding:1.4rem 1.5rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .3s ease}.about-fact:hover{background:var(--bg-raised)}.about-fact-value{font-family:var(--font-display);font-size:1.5rem;font-weight:380;color:var(--cream)}.about-story{max-width:640px}.about-story p{font-size:1.12rem;line-height:1.8;color:var(--cream-dim);margin-bottom:1.5rem}.about-story p:first-letter{color:var(--cream)}.about-photos{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;margin-top:5rem}.about-photo{margin:0}.about-photo-offset{transform:translateY(3rem)}.about-photo img{width:100%;aspect-ratio:4 / 5;object-fit:cover;display:block;border-radius:6px;border:1px solid var(--line);filter:saturate(.85);transition:filter .5s ease,transform .6s var(--ease-expo)}.about-photo:hover img{filter:saturate(1);transform:scale(1.015)}.about-photo figcaption{margin-top:.8rem}@media(max-width:700px){.about-facts{grid-template-columns:repeat(2,1fr);margin-bottom:3rem}.about-photos{grid-template-columns:1fr;gap:2rem;margin-top:3rem}.about-photo-offset{transform:none}}.project-card{border:1px solid var(--line);border-radius:8px;background:var(--bg-raised);overflow:hidden;transition:border-color .4s ease,transform .45s var(--ease-expo)}.project-card:hover{border-color:var(--line-strong);transform:translateY(-4px)}.project-media{position:relative;display:block;overflow:hidden;aspect-ratio:16 / 9;border-bottom:1px solid var(--line)}.project-media img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:transform .8s var(--ease-expo)}.project-card:hover .project-media img{transform:scale(1.04)}.project-media-empty{width:100%;height:100%;background:var(--line)}.project-badge{position:absolute;top:1rem;left:1rem;font-family:var(--font-mono);font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:.32rem .8rem;border-radius:999px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.project-badge.is-client{background:#5eb28633;color:#7ecfa4}.project-badge.is-mock{background:#ff6b3d33;color:#ff9670}.project-badge.is-tool{background:#78a0ff2e;color:#9eb8ff}.project-body{padding:1.75rem}.project-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.project-title{font-family:var(--font-display);font-size:1.6rem;font-weight:380;letter-spacing:-.02em;color:var(--cream)}.project-visit{font-size:1.1rem;color:var(--muted);transition:color .25s ease,transform .35s var(--ease-expo)}.project-visit:hover{color:var(--accent);transform:translate(3px,-3px)}.project-description{font-size:.92rem;line-height:1.7;color:var(--cream-dim);margin:0}.project-credentials{font-family:var(--font-mono);font-size:.72rem;line-height:1.6;color:var(--muted);margin:1rem 0 0}.project-tools{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.25rem}.project-tool{font-family:var(--font-mono);font-size:.62rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--cream-dim);border:1px solid var(--line-strong);border-radius:999px;padding:.3rem .75rem}@media(max-width:640px){.project-body{padding:1.25rem}.project-title{font-size:1.35rem}}.page-hero{padding:3rem 0 4rem;border-bottom:1px solid var(--line);margin-bottom:3.5rem}.page-title{font-family:var(--font-display);font-size:clamp(3rem,9vw,6.5rem);font-weight:330;letter-spacing:-.03em;line-height:1;margin:1.25rem 0}.page-title em{font-style:italic;font-weight:300;color:transparent;-webkit-text-stroke:1px var(--cream-dim)}.page-intro{max-width:520px;font-size:1rem;line-height:1.7;color:var(--cream-dim)}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}@media(max-width:860px){.projects-grid{grid-template-columns:1fr}.page-hero{padding:1.5rem 0 2.5rem;margin-bottom:2.5rem}}.app-content{opacity:0;transition:opacity .6s ease}.app-content.content-visible{opacity:1}