@import "https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,340;0,9..144,470;0,9..144,560;1,9..144,470&family=Inter:wght@400;500;600&display=swap";*{box-sizing:border-box}:root{--bg:#faf6ee;--bg-alt:#f1ead9;--ink:#211e1b;--ink-soft:#6b6459;--accent:#2e4b7a;--accent-soft:#dbe3ee;--rule:#e1d8c4;--rust:#b1502f;--max:1120px;--glow-1:#2e4b7a0f;--glow-2:#b1502f0d;--header-bg:#faf6eedb;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink-soft);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,sans-serif;font-size:16px;line-height:1.6;transition:background-color .25s,color .25s}[data-theme=dark]{--bg:#16140f;--bg-alt:#1e1b15;--ink:#ece7db;--ink-soft:#a39c8c;--accent:#7fa2e0;--accent-soft:#263049;--rule:#322d24;--rust:#d97a52;--glow-1:#7fa2e012;--glow-2:#d97a520f;--header-bg:#16140fdb;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:radial-gradient(circle at 10% 10%, var(--glow-1) 0%, transparent 50%), radial-gradient(circle at 90% 10%, var(--glow-2) 0%, transparent 50%), var(--bg);color:var(--ink-soft);background-attachment:fixed;margin:0;padding:0;transition:background-color .25s,color .25s}#root{max-width:100%;min-height:100vh;margin:0 auto}.wrap{max-width:var(--max);margin:0 auto;padding:0 28px}@media (width>=900px){.wrap{padding:0 48px}}h1,h2,h3,h4{letter-spacing:-.01em;color:var(--ink);margin:0;font-family:Fraunces,serif;font-weight:560;line-height:1.15}h1{letter-spacing:-.015em;font-size:44px;line-height:1.12}@media (width>=640px){h1{font-size:58px}}@media (width>=1000px){h1{font-size:66px}}h2{letter-spacing:-.01em;font-size:30px}h3{font-size:24px}h4{font-size:17px}p{margin:0;line-height:1.6}a{color:inherit;transition:color .25s}button{cursor:pointer;background:0 0;border:none;font-family:inherit;transition:all .25s}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.page{display:none}.page.is-active{display:block}.kicker{text-transform:uppercase;letter-spacing:1px;color:var(--accent);margin-bottom:12px;font-size:14px;font-weight:500;display:block}.lede{color:var(--ink-soft);font-size:18px;line-height:1.65}.btn-primary{background:var(--ink);color:var(--bg);border:1px solid var(--ink);border-radius:100px;align-items:center;gap:8px;padding:13px 24px;font-size:14.5px;font-weight:500;text-decoration:none;transition:all .25s;display:inline-flex}.btn-primary:hover{color:var(--ink);background:0 0}.icon-link{border:1.5px solid var(--rule);width:44px;height:44px;color:var(--ink-soft);border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:all .25s;display:inline-flex}.icon-link:hover{border-color:var(--accent);color:var(--accent)}.icon-link svg{width:20px;height:20px}.tag{background:var(--accent-soft);color:var(--accent);border-radius:100px;padding:4px 10px;font-size:12.5px;font-weight:500;transition:all .25s;display:inline-block}.tags{flex-wrap:wrap;gap:8px;margin-bottom:2px;display:flex}section{border-bottom:1px solid var(--rule);padding:76px 0;transition:border-color .25s}@media (width<=768px){section{padding:48px 0}}.section-head{margin-bottom:48px}.section-head h2{margin:8px 0 12px}.section-head .desc{color:var(--ink-soft);max-width:46ch;font-size:15.5px;line-height:1.6}header{z-index:50;background:var(--header-bg);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--rule);transition:all .25s;position:sticky;top:0}.header-wrap{align-items:center;gap:24px;padding-top:18px;padding-bottom:18px;display:flex}.logo-link{align-items:center;gap:12px;margin-right:auto;text-decoration:none;display:flex}.logo-mark{object-fit:contain;mix-blend-mode:multiply;background:0 0;width:38px;height:38px}[data-theme=dark] .logo-mark{mix-blend-mode:screen;filter:brightness(1.2)}.logo-text{color:var(--ink);letter-spacing:-.01em;font-family:Fraunces,serif;font-size:19px;font-weight:560}.nav-links{align-items:center;gap:32px;display:none}@media (width>=820px){.nav-links{display:flex}}.nav-links a{color:var(--ink-soft);font-size:14.5px;font-weight:500;text-decoration:none;transition:color .25s}.nav-links a:hover,.nav-links a.active{color:var(--ink)}.header-actions{align-items:center;gap:12px;display:flex}.btn-pill{background:var(--ink);color:var(--bg);border:1px solid var(--ink);border-radius:100px;padding:9px 18px;font-size:14px;font-weight:500;text-decoration:none;transition:all .25s;display:none}@media (width>=480px){.btn-pill{display:inline-block}}.btn-pill:hover{color:var(--ink);background:0 0}.theme-toggle{width:38px;height:38px;color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .25s;display:flex}.theme-toggle:hover{background:var(--bg-alt);color:var(--ink)}.theme-toggle svg{width:20px;height:20px}.theme-toggle .sun{display:none}[data-theme=dark] .theme-toggle .sun{display:block}[data-theme=dark] .theme-toggle .moon{display:none}.nav-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;padding:8px;display:flex}@media (width>=820px){.nav-toggle{display:none}}.nav-toggle span{background:var(--ink);width:24px;height:2px;transition:all .25s;display:block}.mobile-nav{background:var(--bg);border-bottom:1px solid var(--rule);flex-direction:column;display:none}.mobile-nav.open{display:flex}@media (width>=820px){.mobile-nav{display:none!important}}.mobile-nav a{color:var(--ink-soft);border-top:1px solid var(--rule);padding:14px 28px;font-size:15px;font-weight:500;text-decoration:none;transition:all .25s}.mobile-nav a:hover,.mobile-nav a.active{color:var(--ink);background:var(--bg-alt)}.hero{padding:60px 0 76px}@media (width>=768px){.hero{padding:90px 0 76px}}.hero-intro{color:var(--accent);letter-spacing:.01em;margin-bottom:14px;font-family:Fraunces,serif;font-size:17px;font-style:italic;font-weight:470}.hero-grid{grid-template-columns:1fr;gap:48px;margin-bottom:48px;display:grid}@media (width>=900px){.hero-grid{grid-template-columns:1.4fr 1fr;gap:60px}}.hero-left h1{max-width:15ch;margin-bottom:22px}.hero-left .lede{max-width:46ch;margin-bottom:32px;font-size:18px;line-height:1.65}.hero-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.icon-links{gap:12px;display:flex}.hero-right{display:none}@media (width>=900px){.hero-right{justify-content:center;align-items:center;display:flex}}.hero-seal{background:var(--bg-alt);border:1.5px solid var(--rule);text-align:center;border-radius:16px;padding:32px;transition:all .25s;transform:rotate(3deg)}.hero-seal svg{width:100%;max-width:240px;height:auto;margin-bottom:16px}.seal-caption{color:var(--ink-soft);margin:10px 0 0;font-size:11.5px;line-height:1.4}.meta-line{color:var(--ink-soft);border-top:1px solid var(--rule);flex-wrap:wrap;align-items:center;gap:10px 28px;margin-top:56px;padding-top:22px;font-size:13.5px;transition:border-color .25s;display:flex}.meta-line strong{color:var(--ink);font-weight:600}.meta-line .divider{color:var(--rule)}@media (width<=768px){.meta-line .divider{display:none}.meta-line{flex-direction:column;align-items:flex-start;gap:8px}}#work .project{border-top:1px solid var(--rule);grid-template-columns:1fr;gap:32px;padding:48px 0;transition:border-color .25s;display:grid}@media (width>=768px){#work .project{grid-template-columns:200px 1fr;gap:48px}}#work .project:first-child{border-top:none}.project-side{text-align:center}.project-visual{border:1.5px solid var(--rule);background:var(--bg-alt);border-radius:12px;margin-bottom:16px;padding:20px;transition:all .25s;display:inline-block}.project:nth-child(odd) .project-visual{transform:rotate(1.4deg)}.project:nth-child(2n) .project-visual{transform:rotate(-1.4deg)}.project-visual svg{width:140px;height:100px;display:block}.project-index{color:var(--ink-soft);margin-top:12px;font-family:Fraunces,serif;font-size:15px;font-style:italic;font-weight:470;display:block}.project h3{color:var(--ink);margin-bottom:8px}.project .desc{color:var(--ink-soft);max-width:56ch;margin-bottom:16px;font-size:15.5px;line-height:1.6}.project-links{flex-wrap:wrap;gap:20px;display:flex}.project-links a{color:var(--ink);border-bottom:1px solid var(--rule);align-items:center;gap:7px;padding-bottom:2px;font-size:13.5px;font-weight:500;text-decoration:none;transition:all .25s;display:inline-flex}.project-links a:hover{border-color:var(--accent);color:var(--accent)}.project-links svg{width:16px;height:16px}.steps{gap:40px;display:grid}.step{grid-template-columns:60px 1fr;align-items:start;gap:24px;display:grid}.step .num{background:var(--accent-soft);width:60px;height:60px;color:var(--rust);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:Fraunces,serif;font-size:20px;font-style:italic;font-weight:560;display:flex}.step h4{color:var(--ink);margin:8px 0 6px;font-size:17px;font-weight:560}.step p{color:var(--ink-soft);max-width:52ch;margin:0;font-size:15px;line-height:1.6}.stack-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;display:grid}.stack-cat h4{color:var(--ink-soft);margin:0 0 12px;font-family:Inter,sans-serif;font-size:14.5px;font-weight:500}.stack-cat .tags .tag{border:1px solid var(--rule);color:var(--ink);background:0 0;transition:all .25s}.phase{margin-bottom:72px}.phase:last-child{margin-bottom:0}.phase-head{margin-bottom:40px}.phase-badge{color:var(--rust);background:#b1502f14;border-radius:100px;margin-bottom:10px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-block}.phase-head h3{color:var(--ink);margin:0 0 6px;font-size:19px}.phase-head p{color:var(--ink-soft);max-width:60ch;margin-top:0;font-size:14.5px}.expertise-list{flex-direction:column;gap:0;display:flex}.expertise-item{border-bottom:1px solid var(--rule);grid-template-columns:1fr;gap:20px;padding:32px 0;transition:all .25s;display:grid}@media (width>=768px){.expertise-item{grid-template-columns:180px 1fr 1.2fr;gap:32px}}.expertise-item:last-child{border-bottom:none}.expertise-left{flex-direction:column;gap:6px;display:flex}.expertise-code{color:var(--accent);font-family:Fraunces,serif;font-size:20px;font-style:italic;font-weight:560;line-height:1}.expertise-label{color:var(--ink-soft);font-size:12px;font-weight:500}.expertise-middle{color:var(--ink-soft);font-size:14px;line-height:1.6}.expertise-right{flex-direction:column;gap:4px;display:flex}.built-label{color:var(--rust);text-transform:uppercase;letter-spacing:.02em;font-size:11.5px;font-weight:500}.expertise-right p{color:var(--ink);margin:0;font-size:14px;line-height:1.55}.notebar{background:var(--accent-soft);border-bottom:1px solid var(--rule);padding:20px 0;transition:all .25s}.notebar .wrap{align-items:center;gap:12px;display:flex}.notebar .dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:8px;height:8px}.notebar p{color:var(--ink-soft);margin:0;font-size:15px}.notebar strong{color:var(--ink);font-weight:600}.role{border-top:1px solid var(--rule);padding:48px 0;transition:border-color .25s}.role:first-child{border-top:none}.role-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:12px;display:flex}.role h3{color:var(--ink);margin:0;font-size:22px}.role time{color:var(--ink-soft);font-size:15px;font-weight:500}.company{color:var(--accent);margin-bottom:20px;font-size:16px;font-weight:600;display:block}.role ul{margin:0;padding:0;list-style:none}.role li{color:var(--ink-soft);margin-bottom:12px;padding-left:20px;line-height:1.6;position:relative}.role li:before{content:"—";color:var(--rust);font-weight:600;position:absolute;left:0}.contact{text-align:center;border-bottom:1px solid var(--rule);padding:80px 0;transition:border-color .25s}@media (width<=768px){.contact{padding:56px 0}}.contact h2{margin:12px 0 20px}.contact-links{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:32px;display:flex}.contact-links a{color:var(--ink);background:var(--bg-alt);border:1.5px solid var(--rule);border-radius:50px;padding:14px 28px;font-size:17px;font-weight:500;text-decoration:none;transition:all .25s}.contact-links a:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.about-hero{padding:80px 0}@media (width<=768px){.about-hero{padding:56px 0}}.about-grid{grid-template-columns:1fr;gap:60px;display:grid}@media (width>=968px){.about-grid{grid-template-columns:1.6fr 1fr}}.about-body{color:var(--ink-soft);font-size:18px;line-height:1.65}.about-body p{margin:0 0 24px}.about-body strong{color:var(--ink);font-weight:600}.pull{color:var(--ink);border-left:3px solid var(--rust);margin:40px 0;padding:32px 0 32px 24px;font-family:Fraunces,serif;font-size:22px;font-style:italic;line-height:1.45}.about-portrait{text-align:center;margin-bottom:40px}.about-portrait svg{border:1.5px solid var(--rule);background:var(--bg-alt);border-radius:12px;width:100%;max-width:220px;height:auto;margin-bottom:12px;padding:24px;transform:rotate(-2deg)}.about-portrait .cap{color:var(--ink-soft);margin-top:12px;font-size:14px;display:block}.facts{background:var(--bg-alt);border:1.5px solid var(--rule);border-radius:12px;padding:28px;transition:all .25s}.facts dl{grid-template-columns:auto 1fr;gap:16px 24px;margin:0;display:grid}.facts dt{color:var(--ink-soft);font-size:14px;font-weight:600}.facts dd{color:var(--ink);margin:0;font-size:15px;font-weight:500}.blog-hero{text-align:center;padding:80px 0 40px}@media (width<=768px){.blog-hero{padding:56px 0 32px}}.post-list{padding:40px 0 80px}@media (width<=768px){.post-list{padding:32px 0 56px}}.post-item{border-top:1px solid var(--rule);grid-template-columns:1fr;gap:20px;padding:48px 0;transition:border-color .25s;display:grid}@media (width>=768px){.post-item{grid-template-columns:160px 1fr;gap:40px}}.post-item time{color:var(--ink-soft);font-size:15px;font-weight:500}.post-tag{color:var(--rust);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:12px;font-weight:600;display:inline-block}.post-item h3{color:var(--ink);margin:0 0 16px;font-size:26px}.post-item .desc{color:var(--ink-soft);margin-bottom:16px;line-height:1.6}.post-item .read{color:var(--accent);font-size:15px;font-weight:600;text-decoration:none;transition:color .25s;display:inline-block}.post-item .read:hover{color:var(--rust)}.post-full{padding:80px 0}@media (width<=768px){.post-full{padding:56px 0}}.post-meta{color:var(--ink-soft);margin-bottom:16px;font-size:14px;font-weight:500}.post-full h2{color:var(--ink);margin:0 0 40px;font-size:36px}@media (width>=768px){.post-full h2{font-size:44px}}.prose{color:var(--ink-soft);font-size:18px;line-height:1.7}.prose p{margin:0 0 28px}.prose strong{color:var(--ink);font-weight:600}.prose code{background:var(--bg-alt);color:var(--rust);border-radius:4px;padding:3px 8px;font-family:Monaco,Menlo,monospace;font-size:16px}.back-top{background:var(--bg-alt);color:var(--ink);border:1.5px solid var(--rule);border-radius:50px;margin-top:56px;padding:14px 28px;font-weight:600;text-decoration:none;transition:all .25s;display:inline-block}.back-top:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}footer{background:var(--bg);padding:40px 0;transition:background-color .25s}footer .wrap{color:var(--ink-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;font-size:14px;display:flex}@media (width<=768px){footer .wrap{text-align:center;flex-direction:column}}