:root{--font-serif:Georgia, "Times New Roman", serif;--font-mono:"IBM Plex Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;--bg:#f3eff7;--soft:#ece3f6;--ink:#241c33;--ink2:#5e5670;--accent:#6e4fc9;--accent2:#4a3382;--line:#dad0e8;--card:#fff}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}img,svg{max-width:100%;display:block}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}::selection{background:var(--line);color:var(--ink)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}main a:not([class]){color:var(--accent2);text-underline-offset:2px}main a:not([class]):hover{color:var(--accent)}.container{max-width:1160px;margin-inline:auto}.container-narrow{max-width:720px;margin-inline:auto}.section{padding:clamp(56px,7vw,88px) clamp(20px,5vw,56px)}.section-card{background:var(--card)}.section-line-top{border-top:1px solid var(--line)}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.grid-auto--sm{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.grid-auto--md{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-auto--lg{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.eyebrow{font-family:var(--font-mono), monospace;color:var(--accent2);letter-spacing:.06em;margin:0 0 12px;font-size:12px}h1,h2{font-family:var(--font-serif), serif;margin:0;font-weight:600}h1{max-width:16ch;font-size:clamp(32px,5vw,52px);line-height:1.15}h2{margin-bottom:32px;font-size:clamp(24px,3vw,32px);line-height:1.3}h3{margin:0 0 6px;font-size:15px;font-weight:600}.lede{color:var(--ink2);max-width:52ch;margin:0 0 32px;font-size:clamp(16px,1.6vw,18px);line-height:1.65}.muted{color:var(--ink2)}.mono{font-family:var(--font-mono), monospace}.skip-link{background:var(--accent);color:#fff;font:600 14px var(--font-mono), monospace;z-index:100;border-radius:6px;padding:12px 18px;position:absolute;top:0;left:-9999px}.skip-link:focus{top:16px;left:16px}.site-header{z-index:20;background:color-mix(in srgb, var(--bg) 85%, transparent);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:14px clamp(20px,5vw,56px);display:flex;position:sticky;top:0}.site-header .brand-name{font-family:var(--font-serif), serif;white-space:nowrap;font-size:clamp(16px,2vw,18px);font-weight:600}.site-header .brand-role{font-family:var(--font-mono), monospace;color:var(--ink2);letter-spacing:.04em;white-space:nowrap;font-size:10px}.btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:10px;padding:16px 26px;font-size:16px;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex}.btn:hover,.btn:focus-visible{background:var(--accent2);color:#fff}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-header{font-family:var(--font-mono), monospace;white-space:nowrap;flex-shrink:0;padding:10px 16px;font-size:13px;font-weight:600}.hero{background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:22px 22px}.hero-inner{flex-wrap:wrap;align-items:center;gap:clamp(32px,6vw,64px);display:flex}.hero-text{flex:420px;min-width:0}.hero-visual{flex:340px;min-width:0;max-width:500px}.site-builder{border:1px solid var(--line);background:var(--card);border-radius:14px;overflow:hidden;box-shadow:0 34px 70px -28px #241c334d}.site-builder-top{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg) 55%, white);align-items:center;gap:12px;padding:12px 14px;display:flex}.builder-dots{gap:6px;display:flex}.builder-dots span{background:var(--line);border-radius:50%;width:9px;height:9px}.builder-address{border:1px solid var(--line);min-height:28px;font-family:var(--font-mono), monospace;color:var(--ink2);background:#fff;border-radius:999px;flex:1;justify-content:center;align-items:center;padding:0 12px;font-size:11px;display:flex}.site-builder-body{grid-template-columns:110px minmax(0,1fr);min-height:360px;display:grid}.builder-column{min-width:0}.builder-sidebar{border-right:1px solid var(--line);background:linear-gradient(#6e4fc90f,#6e4fc903);flex-direction:column;gap:10px;padding:20px 14px;display:flex}.builder-pill{border:1px solid var(--line);min-height:34px;font-family:var(--font-mono), monospace;color:var(--ink2);background:#fff;border-radius:999px;align-items:center;padding:0 12px;font-size:11px;animation:4s ease-in-out infinite builderPulse;display:inline-flex}.builder-pill.active{background:var(--accent);color:#fff;border-color:var(--accent)}.builder-main{flex-direction:column;gap:14px;padding:18px;display:flex}.typing-window{border:1px solid var(--line);background:linear-gradient(#f3eff78c,#ffffffeb);border-radius:10px;align-content:start;gap:6px;min-height:84px;padding:14px 16px;display:grid}.typing-line{white-space:nowrap;font-family:var(--font-mono), monospace;color:var(--ink2);border-right:1px solid #241c3359;width:0;font-size:12px;animation:6s steps(28,end) infinite typing;display:inline-flex;overflow:hidden}.typing-line-two{animation-delay:1.2s}.typing-line-three{animation-delay:2.4s}.builder-hero-card{border:1px solid var(--line);background:linear-gradient(#6e4fc914,#fffffffa);border-radius:12px;padding:18px}.hero-chip{min-height:24px;color:var(--accent2);font-family:var(--font-mono), monospace;text-transform:uppercase;letter-spacing:.04em;background:#6e4fc91f;border-radius:999px;align-items:center;padding:0 10px;font-size:10px;display:inline-flex}.builder-title,.builder-text{background:linear-gradient(90deg,#6e4fc938,#6e4fc914);border-radius:999px}.builder-title{width:68%;height:16px;margin-top:14px;animation:3.4s ease-in-out infinite shimmer}.builder-text{height:10px;margin-top:10px}.builder-text-long{width:88%}.builder-text-short{width:56%}.builder-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.builder-button{border:1px solid var(--line);min-height:34px;font-family:var(--font-mono), monospace;color:var(--ink2);background:#fff;border-radius:8px;align-items:center;padding:0 12px;font-size:11px;display:inline-flex}.builder-button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.builder-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.builder-card{border:1px solid var(--line);opacity:0;background:#fff;border-radius:10px;align-content:start;gap:8px;min-height:92px;padding:14px;animation:4.8s ease-in-out infinite cardIn;display:grid;transform:translateY(10px)}.builder-card i{background:#6e4fc91f;border-radius:8px;width:28px;height:28px}.builder-card b{font-size:13px}.builder-card small{color:var(--ink2);font-size:12px}.builder-card.delay-one{animation-delay:.2s}.builder-card.delay-two{animation-delay:.5s}.builder-card.delay-three{animation-delay:.8s}@keyframes typing{0%,10%{opacity:.6;width:0}18%,28%{opacity:1;width:100%}35%,to{opacity:.4;width:0}}@keyframes shimmer{0%,to{opacity:.65;transform:scaleX(.98)}50%{opacity:1;transform:scaleX(1)}}@keyframes builderPulse{0%,to{transform:translate(0)}50%{transform:translate(2px)}}@keyframes cardIn{0%,18%{opacity:0;transform:translateY(10px)}24%,75%{opacity:1;transform:translateY(0)}to{opacity:.84;transform:translateY(0)}}.card{border:1px solid var(--line);background:var(--card);border-radius:10px;padding:22px}.card-plain{border:1px solid var(--line);border-radius:10px;padding:20px}.num-tag{font-family:var(--font-mono), monospace;color:var(--ink2);font-size:12px}.step-badge{background:var(--accent);color:#fff;width:26px;height:26px;font-family:var(--font-mono), monospace;border-radius:6px;justify-content:center;align-items:center;margin-bottom:12px;font-size:12px;font-weight:600;display:inline-flex}.diff-item{border-left:3px solid var(--accent);padding-left:16px}.checklist{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.checklist li{align-items:center;gap:10px;font-size:15px;display:flex}.check{color:var(--accent);font-weight:700}.service-card{flex-direction:column;gap:8px;display:flex}.service-card h3{font-size:16px}.service-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;display:flex}.process-list{margin:0;padding:0;list-style:none}.example-card{border:1px solid var(--line);border-radius:10px;overflow:hidden}.example-card h3{margin:0;font-size:14px}.example-thumb{background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:10px 10px;height:64px}.example-body{padding:16px}.example-head{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:5px;display:flex}.example-more{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.example-more ul{flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.example-more li{gap:7px;font-size:12px;display:flex}.toggle-btn{font-family:var(--font-mono), monospace;color:var(--accent2);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin:12px 0 0;padding:6px 0;font-size:12px;font-weight:600;display:flex}.about-inner{flex-wrap:wrap;align-items:flex-start;gap:clamp(24px,5vw,48px);display:flex}.about-photo{flex:0 220px;min-width:160px}.about-photo-frame{aspect-ratio:1;border:1px solid var(--ink);justify-content:center;align-items:center;width:100%;display:flex;position:relative}.about-photo-frame span.corner{border-color:var(--accent);border-style:solid;border-width:0;width:10px;height:10px;position:absolute}.about-photo-frame span.corner.tl{border-top-width:2px;border-left-width:2px;top:-1px;left:-1px}.about-photo-frame span.corner.br{border-bottom-width:2px;border-right-width:2px;bottom:-1px;right:-1px}.about-signature{background:linear-gradient(145deg, var(--card), var(--soft));flex-direction:column;gap:10px}.about-signature strong{font-family:var(--font-serif), serif;letter-spacing:-.08em;color:var(--accent2);font-size:clamp(64px,9vw,104px);line-height:.8}.about-signature>span:not(.corner){max-width:140px;font-family:var(--font-mono), monospace;letter-spacing:.08em;text-align:center;text-transform:uppercase;color:var(--ink2);font-size:9px;line-height:1.5}.about-text{flex:340px;min-width:0}.about-text p{color:var(--ink2);max-width:60ch;margin:0 0 18px;font-size:15px;line-height:1.7}.tag-list{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.tag-list li{font-family:var(--font-mono), monospace;border:1px solid var(--line);border-radius:4px;padding:6px 12px;font-size:11px}.faq-item{border-bottom:1px solid var(--line)}.faq-item h3{margin:0;font-size:15px}.faq-btn{width:100%;font:inherit;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;margin:0;padding:16px 0;font-weight:600;display:flex}.faq-icon{color:var(--accent2);font-family:var(--font-mono), monospace;flex-shrink:0}.faq-answer{color:var(--ink2);margin:0 0 16px;font-size:14px;line-height:1.6}.cta-final{text-align:center;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:22px 22px}.contact-divider{max-width:420px;font-family:var(--font-mono), monospace;color:var(--ink2);align-items:center;gap:12px;margin:28px auto;font-size:12px;display:flex}.contact-divider:before,.contact-divider:after{content:"";background:var(--line);flex:1;height:1px}.contact-form{text-align:left;flex-direction:column;gap:14px;max-width:440px;margin-inline:auto;display:flex}.form-row{flex-direction:column;gap:6px;display:flex}.form-row label{font-family:var(--font-mono), monospace;color:var(--ink2);font-size:12px}.form-row input,.form-row textarea{font:inherit;color:var(--ink);background:var(--card);border:1px solid var(--line);resize:vertical;border-radius:6px;padding:12px 14px;font-size:15px}.form-row input:focus-visible,.form-row textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.form-error{color:#b3261e;margin:0;font-size:13px}.site-footer{border-top:1px solid var(--line);color:var(--ink2);flex-wrap:wrap;justify-content:space-between;gap:8px;padding:22px clamp(20px,5vw,56px);font-size:12px;display:flex}.fab{background:var(--accent);color:#fff;z-index:30;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;text-decoration:none;transition:background .15s;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 12px 28px -8px #4a338280}.fab:hover,.fab:focus-visible{background:var(--accent2)}[hidden]{display:none!important}.header-brand{flex-direction:column;min-width:0;text-decoration:none;display:flex}.site-nav{justify-content:center;align-items:center;gap:clamp(14px,2.5vw,30px);margin-left:auto;display:flex}.site-nav a{font-family:var(--font-mono), monospace;color:var(--ink2);font-size:12px;text-decoration:none}.site-nav a:hover{color:var(--accent2)}.projects-section{overflow:clip}.projects-heading{grid-template-columns:minmax(0,1fr) minmax(260px,.72fr);align-items:end;gap:32px;margin-bottom:28px;display:grid}.projects-heading h2{margin-bottom:0}.projects-heading>p{color:var(--ink2);max-width:52ch;margin:0;font-size:14px;line-height:1.7}.project-selector{border:1px solid var(--line);background:var(--bg);border-bottom:0;border-radius:12px 12px 0 0;grid-template-columns:repeat(6,minmax(0,1fr));display:grid;overflow:hidden}.project-tab{text-align:left;min-height:92px;color:var(--ink);border:0;border-right:1px solid var(--line);cursor:pointer;background:0 0;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-content:center;column-gap:10px;padding:16px;display:grid;position:relative}.project-tab:last-child{border-right:0}.project-tab:after{content:"";background:var(--project-accent);transform-origin:0;height:3px;transition:transform .2s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.project-tab.is-active:after{transform:scaleX(1)}.project-tab>span{font-family:var(--font-mono), monospace;color:var(--ink2);grid-row:1/span 2;align-self:center;font-size:11px}.project-tab strong{align-self:end;font-size:13px;line-height:1.25}.project-tab small{font-family:var(--font-mono), monospace;color:var(--ink2);text-transform:uppercase;letter-spacing:.03em;align-self:start;margin-top:3px;font-size:9px}.project-showcase{border:1px solid var(--line);background:var(--card);border-radius:0 0 14px 14px;padding:clamp(18px,3vw,32px)}.project-context{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:28px;margin-bottom:22px;display:grid}.project-index,.project-category{font-family:var(--font-mono), monospace;letter-spacing:.04em;color:var(--ink2);font-size:10px}.project-category{color:var(--accent2);text-transform:uppercase;margin:8px 0 6px}.project-model-note{background:var(--soft);color:var(--accent2);font-family:var(--font-mono), monospace;letter-spacing:.03em;border-radius:999px;margin:0 0 14px;padding:6px 10px;font-size:10px;display:inline-flex}.project-context h3{font-family:var(--font-serif), serif;margin:0 0 8px;font-size:clamp(23px,3vw,34px);line-height:1.16}.project-description{max-width:65ch;color:var(--ink2);margin:0;font-size:14px;line-height:1.65}.project-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.project-link{border:1px solid var(--line);min-height:44px;font-family:var(--font-mono), monospace;color:var(--accent2);border-radius:7px;justify-content:center;align-items:center;padding:10px 15px;font-size:11px;font-weight:600;text-decoration:none;display:inline-flex}.project-link:hover{border-color:var(--accent);background:var(--soft)}.project-link-primary{color:#fff;background:var(--accent);border-color:var(--accent)}.project-link-primary:hover{color:#fff;background:var(--accent2);border-color:var(--accent2)}.browser-shell{border:1px solid color-mix(in srgb, var(--project-bg) 55%, #fff);background:var(--project-bg);border-radius:11px;overflow:hidden;box-shadow:0 28px 70px -36px #241c3394}.browser-toolbar{background:color-mix(in srgb, var(--project-bg) 92%, #fff);color:#fff;border-bottom:1px solid #ffffff29;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:15px;height:43px;padding:0 14px;display:grid}.browser-dots{gap:6px;display:flex}.browser-dots i{background:#ffffff6b;border-radius:50%;width:8px;height:8px;display:block}.browser-dots i:first-child{background:var(--project-accent)}.browser-address{text-overflow:ellipsis;white-space:nowrap;width:min(100%,510px);font-family:var(--font-mono), monospace;text-align:center;color:#ffffffb8;border:1px solid #ffffff24;border-radius:5px;justify-self:center;padding:5px 12px;font-size:9px;overflow:hidden}.browser-status{font-family:var(--font-mono), monospace;letter-spacing:.08em;color:var(--project-accent);font-size:8px}.browser-viewport{background:#fff;height:clamp(470px,63vw,680px);position:relative}.browser-viewport iframe{background:#fff;border:0;width:100%;height:100%}.project-loading{z-index:2;background:var(--bg);color:var(--ink2);font-family:var(--font-mono), monospace;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:11px;display:flex;position:absolute;inset:0}.project-loading span{border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite project-spin}.project-hint{text-align:center;color:var(--ink2);font-family:var(--font-mono), monospace;margin:12px 0 0;font-size:10px}@keyframes project-spin{to{transform:rotate(360deg)}}.about-engineering-link{color:var(--accent2);font-family:var(--font-mono), monospace;text-underline-offset:4px;margin-top:20px;font-size:12px;font-weight:600;display:inline-flex}.cta-lede{margin-inline:auto}.engineering-page{background:var(--bg)}.engineering-hero{background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:22px 22px;align-items:center;min-height:72vh;display:flex}.engineering-hero-inner{grid-template-columns:minmax(0,1.05fr) minmax(320px,.8fr);align-items:end;gap:clamp(36px,8vw,100px);display:grid}.engineering-hero h1{max-width:11ch;font-size:clamp(44px,7vw,82px);line-height:1.02}.engineering-hero-copy>p{color:var(--ink2);margin:0;font-size:clamp(17px,2vw,21px);line-height:1.65}.engineering-actions{flex-wrap:wrap;align-items:center;gap:18px;margin-top:30px;display:flex}.text-link{color:var(--accent2);font-family:var(--font-mono), monospace;text-underline-offset:4px;font-size:12px;font-weight:600}.engineering-thesis>h2{max-width:18ch}.layer-list{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.layer-list article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--card);flex-direction:column;min-height:190px;padding:20px;display:flex}.layer-list span{font-family:var(--font-mono), monospace;color:var(--accent2);font-size:10px}.layer-list strong{font-family:var(--font-serif), serif;margin:auto 0 8px;font-size:18px;line-height:1.25}.layer-list p{color:var(--ink2);margin:0;font-size:12.5px;line-height:1.55}.engineering-section-heading{grid-template-columns:minmax(0,.8fr) minmax(280px,.55fr);column-gap:40px;margin-bottom:34px;display:grid}.engineering-section-heading .eyebrow{grid-column:1/-1}.engineering-section-heading h2{margin:0}.engineering-section-heading>p:last-child{color:var(--ink2);margin:0;font-size:14px;line-height:1.65}.engineering-project-list{border-top:1px solid var(--line)}.engineering-project-card{border-bottom:1px solid var(--line);grid-template-columns:70px minmax(0,1fr);gap:22px;padding:32px 0;display:grid}.engineering-project-card h3{font-family:var(--font-serif), serif;font-size:clamp(22px,3vw,31px);line-height:1.2}.engineering-project-card p{max-width:75ch;color:var(--ink2);line-height:1.68}.engineering-question{font-size:16px;font-weight:600;color:var(--ink)!important}.engineering-tags{flex-wrap:wrap;gap:7px;margin:18px 0 0;padding:0;list-style:none;display:flex}.engineering-tags li{border:1px solid var(--line);font-family:var(--font-mono), monospace;color:var(--ink2);border-radius:4px;padding:5px 9px;font-size:9px}.engineering-path{grid-template-columns:minmax(0,.75fr) minmax(320px,.85fr);gap:clamp(34px,8vw,100px);display:grid}.engineering-path h2{max-width:18ch}.engineering-prose p{color:var(--ink2);margin:0 0 20px;font-size:16px;line-height:1.75}.stack-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.stack-item{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--card);padding:24px}.stack-item h3{font-family:var(--font-serif), serif;font-size:20px}.stack-item p{color:var(--ink2);margin:8px 0 0;font-size:14px;line-height:1.65}.engineering-contact{text-align:center;background:var(--soft)}.engineering-contact h2{margin-inline:auto}.engineering-contact p{max-width:54ch;color:var(--ink2);margin:0 auto 26px}@media (max-width:850px){.site-nav{display:none}.projects-heading,.project-context,.engineering-hero-inner,.engineering-path{grid-template-columns:1fr}.project-actions{justify-content:flex-start}.project-selector{border-bottom:1px solid var(--line);border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:12px}.project-tab:nth-child(2n){border-right:0}.project-tab{border-bottom:1px solid var(--line)}.project-showcase{border-radius:12px}.layer-list{grid-template-columns:repeat(2,minmax(0,1fr))}.layer-list article:last-child{grid-column:1/-1;min-height:150px}.engineering-section-heading{grid-template-columns:1fr;gap:12px}}@media (max-width:560px){.site-header{padding-inline:16px}.brand-role{display:none}.btn-header{padding:10px 12px;font-size:11px}.project-tab{min-height:76px;padding:12px}.project-tab strong{font-size:11px}.project-tab small{display:none}.project-showcase{padding:14px}.project-context{gap:18px}.project-actions{grid-template-columns:1fr;display:grid}.project-link{width:100%}.browser-toolbar{grid-template-columns:auto minmax(0,1fr)}.browser-status{display:none}.browser-address{text-align:left}.browser-viewport{height:530px}.project-hint{line-height:1.5}.engineering-hero{min-height:auto}.engineering-hero h1{font-size:clamp(42px,14vw,62px)}.layer-list,.stack-grid{grid-template-columns:1fr}.layer-list article:last-child{grid-column:auto}.engineering-project-card{grid-template-columns:1fr;gap:8px}}.preview-controls{color:var(--ink2);font-family:var(--font-mono), monospace;letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:14px;margin:0 0 12px;font-size:10px;display:flex}.preview-controls>span{color:var(--ink);font-weight:600}.preview-controls small{color:var(--ink2);font-size:9px}.device-switch{border:1px solid var(--line);background:var(--bg);border-radius:9px;grid-template-columns:repeat(2,auto);gap:4px;padding:4px;display:inline-grid}.device-switch button{min-height:36px;color:var(--ink2);font:600 10px var(--font-mono), monospace;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:7px;padding:0 12px;display:inline-flex}.device-switch button svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.device-switch button.is-active{color:#fff;background:var(--accent2)}.browser-toolbar{background:#241c33}.browser-viewport{justify-content:center;align-items:flex-start;height:auto;min-height:220px;transition:height .2s;display:flex;overflow:hidden}.browser-canvas{background:#fff;flex:none;position:relative;overflow:hidden}.browser-canvas iframe{transform-origin:0 0;background:#fff;border:0;max-width:none;position:absolute;inset:0 auto auto 0}.browser-shell.preview-mobile{width:min(100%,430px);margin-inline:auto}@media (max-width:850px){.project-selector{grid-template-columns:repeat(2,minmax(0,1fr))}.project-tab:nth-child(2n){border-right:0}.project-tab:nth-last-child(-n+2){border-bottom:0}}@media (max-width:560px){html,body{overflow-x:clip}.section{padding:50px 16px}h1{font-size:clamp(34px,10.6vw,42px);line-height:1.08}h2{margin-bottom:24px;font-size:clamp(26px,8vw,32px);line-height:1.18}.lede{margin-bottom:24px;font-size:16px;line-height:1.58}.hero-inner{gap:28px}.hero-text{flex-basis:100%}.hero-visual{width:100%;max-width:330px;margin-inline:auto}.hero-mock .mock-body{padding:16px}.hero-mock .box{height:48px}.btn{justify-content:center;width:100%;padding:14px 18px;font-size:14px}.site-header{gap:10px;padding:12px 14px}.site-header .brand-name{font-size:15px}.btn-header{width:auto;min-height:40px;padding:10px 12px;font-size:10px}.grid-auto,.grid-auto--sm,.grid-auto--md,.grid-auto--lg{grid-template-columns:1fr}.card,.card-plain{padding:18px}.about-inner{gap:28px}.about-photo{flex-basis:180px;max-width:180px}.projects-heading{margin-bottom:20px}.projects-heading>p{font-size:13px;line-height:1.6}.project-selector{border-radius:10px;margin-bottom:10px}.project-tab{column-gap:7px;min-height:70px;padding:10px}.project-tab strong{font-size:10.5px;line-height:1.2}.project-tab>span{font-size:9px}.project-showcase{padding:12px}.project-context h3{font-size:27px}.project-description{font-size:13px;line-height:1.55}.preview-controls{flex-wrap:wrap;align-items:flex-start;gap:8px}.preview-controls>span{width:100%}.preview-controls small{align-self:center;margin-left:auto}.device-switch{flex:1;width:auto}.device-switch button{justify-content:center;width:100%;padding-inline:10px}.browser-toolbar{gap:9px;height:38px;padding:0 10px}.browser-dots{gap:4px}.browser-dots i{width:6px;height:6px}.browser-address{padding:4px 8px;font-size:7.5px}.browser-status{font-size:7px}.project-hint{font-size:9px}.fab{width:50px;height:50px;bottom:14px;right:14px}.engineering-hero{min-height:auto}.engineering-hero-inner{gap:24px}.engineering-hero h1{font-size:clamp(37px,11.5vw,48px);line-height:1.02}.engineering-hero-copy>p{font-size:16px;line-height:1.58}.engineering-actions{flex-direction:column;align-items:stretch;gap:12px}.engineering-section-heading h2,.engineering-thesis h2,.engineering-path h2{font-size:clamp(27px,8vw,34px)}.engineering-project-card h3{font-size:24px}.engineering-prose p{font-size:15px;line-height:1.65}.layer-list article{min-height:150px;padding:17px}.stack-item{padding:18px}}@media (min-width:981px){.project-selector{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr))}.project-tab{border-bottom:1px solid var(--line)}.project-tab:nth-child(4n){border-right:0}.project-tab:nth-last-child(-n+3){border-bottom:0}}.project-selector{background:var(--line);border-bottom:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px}.project-tab,.project-tab:nth-child(n){background:var(--bg);border:0}.project-tab:hover{background:var(--soft)}.project-tab.is-active{background:var(--card)}.browser-shell{contain:layout paint}.browser-viewport{isolation:isolate}.browser-canvas,.browser-canvas iframe{backface-visibility:hidden}.project-loading{pointer-events:none}@media (max-width:850px){.project-selector{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:420px){.project-tab{min-height:72px}.project-tab strong{overflow-wrap:anywhere}}@media (max-width:560px){.site-builder-body{grid-template-columns:1fr}.builder-sidebar{border-right:0;border-bottom:1px solid var(--line);flex-flow:wrap}.builder-grid{grid-template-columns:1fr}}