.hero{padding-block:clamp(1.75rem,1rem + 4vw,4rem) clamp(3rem,2rem + 5vw,6rem);position:relative;overflow:hidden}@media (height<=880px) and (width>=901px){.hero{min-height:auto;padding-block:clamp(1.25rem,.5rem + 2vw,2.5rem) clamp(2rem,1rem + 3vw,3.5rem)}.hero-title{font-size:clamp(2.4rem,1.4rem + 2.6vw,3.7rem)}.hero-sub,.hero-metrics{margin-block-end:var(--space-5)}}.hero-glow{aspect-ratio:1;background:radial-gradient(circle, var(--glow), transparent 62%);filter:blur(12px);pointer-events:none;z-index:0;width:min(70vw,760px);position:absolute;inset-block-start:-18%;inset-inline-end:-10%}.hero-inner{z-index:1;grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(2rem,5vw,4.5rem);display:grid;position:relative}.hero-copy{max-width:38rem}.hero-status{border:1px solid var(--line);border-radius:var(--r-pill);font-family:var(--font-mono);font-size:var(--fs-mono);letter-spacing:.06em;color:var(--text-muted);align-items:center;gap:.55rem;margin-block-end:var(--space-5);padding:.4rem .85rem;display:inline-flex}.status-dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 0 var(--accent-soft);animation:pulse 2.6s var(--ease-out) infinite;border-radius:50%}@keyframes pulse{0%{box-shadow:0 0 oklch(81% .1 78/.45)}70%{box-shadow:0 0 0 8px oklch(81% .1 78/0)}to{box-shadow:0 0 oklch(81% .1 78/0)}}@media (prefers-reduced-motion:reduce){.status-dot{animation:none}}.hero-title{text-wrap:balance;margin-block-end:var(--space-5)}.hero-sub{margin-block-end:var(--space-6)}.hero-metrics{padding-block:var(--space-4);border-block:1px solid var(--line);flex-wrap:wrap;gap:clamp(1.2rem,3.5vw,2.6rem);margin-block-end:var(--space-6);display:flex}.hero-metric-value{color:var(--text);font-size:clamp(1.4rem,1.1rem + 1vw,1.9rem);font-weight:600;line-height:1}.hero-metric-label{margin-block-start:.4rem}.hero-cta{gap:var(--space-3);flex-wrap:wrap;margin-block-end:var(--space-5);display:flex}.hero-trust{color:var(--text-faint);font-size:var(--fs-mono);letter-spacing:.04em}.hero-stage{aspect-ratio:1.04;justify-self:end;width:min(100%,30rem);position:relative}.hero-phone{width:56%;position:absolute}.hero-phone-front{z-index:2;filter:drop-shadow(0 30px 50px oklch(0% 0 0/.45));inset-block-end:0;inset-inline-end:8%;transform:rotate(-4deg)}.hero-phone-back{z-index:1;opacity:.92;filter:drop-shadow(0 24px 44px oklch(0% 0 0/.4));inset-block-start:0;inset-inline-start:6%;transform:rotate(5deg)}@media (width<=900px){.hero-inner{grid-template-columns:1fr;gap:clamp(2rem,7vw,3.5rem)}.hero-copy{max-width:none}.hero-stage{aspect-ratio:auto;width:min(56%,14rem);order:2;justify-self:center;margin-block-start:var(--space-4)}.hero-phone{width:100%;position:static}.hero-phone-back{display:none}.hero-phone-front{filter:drop-shadow(0 24px 44px oklch(0% 0 0/.4));transform:none}}@media (width<=380px){.hero-stage{width:min(66%,13rem)}}.device{aspect-ratio:.49;border:1px solid var(--line-strong);background:linear-gradient(160deg,oklch(30% .02 255),oklch(12% .015 255));border-radius:2.4rem;width:100%;padding:.5rem;position:relative;box-shadow:inset 0 1px oklch(100% 0 0/.08)}.device:after{content:"";border-radius:var(--r-pill);z-index:2;background:oklch(8% .01 255);width:32%;height:.42rem;position:absolute;inset-block-start:.95rem;inset-inline-start:50%;transform:translate(-50%)}.device-screen{background:radial-gradient(120% 80% at 50% 0%, var(--primary-soft), transparent 60%), linear-gradient(180deg, oklch(19% .018 255), oklch(12% .015 255));text-align:center;border-radius:2rem;place-content:center;gap:1rem;width:100%;height:100%;padding:1.2rem;display:grid;position:relative;overflow:hidden}.device-screen img.shot{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.device-splash{justify-items:center;gap:.85rem;display:grid}.device-splash img{aspect-ratio:1;object-fit:cover;border:1px solid var(--line);border-radius:22%;width:clamp(56px,26%,96px);box-shadow:0 8px 24px oklch(0% 0 0/.4)}.device-splash .device-name{color:oklch(97% .004 250);letter-spacing:-.01em;font-size:.95rem;font-weight:700}.device-splash .device-dots{justify-content:center;gap:.3rem;display:flex}.device-splash .device-dots span{background:oklch(100% 0 0/.25);border-radius:50%;width:5px;height:5px}.device-splash .device-dots span:first-child{background:var(--primary)}.tier-label{margin-block-end:var(--space-4)}.more-label{margin-block-start:var(--space-8)}.tech-tags{flex-wrap:wrap;gap:.45rem;display:flex}.store-links{flex-wrap:wrap;gap:.5rem;display:flex}.store-badge{border-radius:var(--r-pill);border:1px solid var(--line-strong);font-size:var(--fs-sm);color:var(--text);transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);align-items:center;gap:.45rem;padding:.5rem .85rem;font-weight:600;display:inline-flex}.store-badge:hover{border-color:var(--primary-line);background:var(--primary-soft)}.store-icon{border-radius:var(--r-pill);border:1px solid var(--line);width:38px;height:38px;color:var(--text-muted);transition:color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);place-items:center;display:inline-grid}.store-icon:hover{color:var(--text);border-color:var(--primary-line);background:var(--primary-soft)}.feat-card{align-items:center;gap:clamp(1.4rem,3vw,2.6rem);padding:clamp(1.25rem,3vw,2.2rem);display:grid}.feat-hero{background:linear-gradient(150deg, var(--surface-2), var(--surface));grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)}.feat-hero .feat-device{width:min(100%,17rem);margin-inline:auto}.feat-hero .feat-title{font-size:var(--fs-h3)}.feat-card:hover{border-color:var(--primary-line)}.feat-grid{gap:var(--space-5);grid-template-columns:1fr 1fr;align-items:stretch;margin-block-start:var(--space-5);display:grid}.feat-grid>*{flex-direction:column;display:flex}.feat-grid .feat-card{flex:1;grid-template-columns:minmax(0,7.5rem) minmax(0,1fr);align-items:stretch}.feat-grid .feat-device{align-self:start;width:100%}.feat-grid .feat-content{flex-direction:column;display:flex}.feat-grid .feat-actions{margin-block-start:auto;padding-block-start:var(--space-2)}.feat-metric{font-size:var(--fs-sm);margin-block-end:.5rem}.feat-title{font-size:var(--fs-lg);margin-block-end:.55rem;font-weight:700}.feat-blurb{font-size:var(--fs-sm);margin-block-end:var(--space-4);line-height:1.55}.feat-tech{margin-block-end:var(--space-4)}.feat-actions{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.compact-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),1fr));display:grid}.compact-card{justify-content:space-between;align-items:center;gap:var(--space-3);padding:.85rem 1rem;display:flex}.compact-card:hover{border-color:var(--primary-line)}.compact-main{text-align:start;flex:1;align-items:center;gap:.85rem;min-width:0;display:flex}.compact-logo{object-fit:cover;border:1px solid var(--line);border-radius:12px;flex-shrink:0;width:44px;height:44px}.compact-text{gap:.2rem;min-width:0;display:grid}.compact-name{font-weight:600;font-size:var(--fs-sm);color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.compact-links{flex-shrink:0}.project-modal{border:1px solid var(--line-strong);border-radius:var(--r-lg);background:var(--surface);width:min(92vw,720px);height:fit-content;max-height:88vh;color:var(--text);overscroll-behavior:contain;margin:auto;padding:0;position:fixed;inset:0;overflow:auto}.project-modal::backdrop{backdrop-filter:blur(4px);background:oklch(8% .01 255/.62)}.project-modal-inner{grid-template-columns:minmax(0,.7fr) minmax(0,1fr);gap:clamp(1.2rem,3vw,2rem);padding:clamp(1.4rem,3vw,2.2rem);display:grid;position:relative}.modal-close{z-index:2;background:var(--surface-2);position:absolute;inset-block-start:.9rem;inset-inline-end:.9rem}.modal-device{align-self:center;width:min(100%,13rem);margin-inline:auto}.modal-body{min-width:0}.modal-title{font-size:var(--fs-h3);margin-block-end:.4rem}.modal-metric{font-size:var(--fs-sm);margin-block-end:var(--space-4)}.modal-blurb{color:var(--text-muted);margin-block-end:var(--space-5)}.modal-tech{gap:.6rem;margin-block-end:var(--space-5);display:grid}.modal-casestudy{margin-block-start:var(--space-4)}@media (width<=820px){.feat-hero{grid-template-columns:1fr}.feat-hero .feat-device{width:min(60%,13rem)}.feat-grid,.project-modal-inner{grid-template-columns:1fr}.modal-device{width:min(46%,10rem)}}@media (width<=520px){.feat-grid .feat-card{gap:var(--space-4);grid-template-columns:minmax(0,6rem) minmax(0,1fr)}}.about-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start;gap:clamp(2rem,5vw,4.5rem);display:grid}.about-heading{margin-block-end:var(--space-5)}.about-para{font-size:var(--fs-lg);color:var(--text-muted);max-width:60ch;line-height:1.65}.about-para+.about-para{margin-block-start:var(--space-4)}.about-para:first-of-type{color:var(--text)}.about-aside{padding:var(--space-5);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface)}.about-profile{align-items:center;gap:var(--space-4);border-block-end:1px solid var(--line);margin-block-end:var(--space-2);padding-block-end:var(--space-4);display:flex}.about-avatar{object-fit:cover;border:1px solid var(--line-strong);border-radius:50%;flex-shrink:0;width:56px;height:56px}.about-avatar-mono{background:var(--primary-soft);color:var(--primary);letter-spacing:.02em;place-items:center;font-size:1.1rem;font-weight:700;display:grid}.about-profile-meta{gap:.25rem;min-width:0;display:grid}.about-profile-name{font-weight:700;font-size:var(--fs-lg);color:var(--text)}.about-facts{gap:0;display:grid}.fact-row{justify-content:space-between;align-items:baseline;gap:var(--space-4);padding-block:var(--space-4);border-block-end:1px solid var(--line);display:flex}.fact-row:last-child{border-block-end:0;padding-block-end:0}.fact-val{color:var(--text);text-align:end;font-weight:600}@media (width<=820px){.about-grid{grid-template-columns:1fr}}.timeline{gap:var(--space-5);padding-inline-start:clamp(1.1rem,3vw,1.75rem);display:grid;position:relative}.timeline:before{content:"";background:linear-gradient(var(--line-strong), transparent);width:1px;position:absolute;inset-block:.6rem;inset-inline-start:0}.role{position:relative}.role-node{background:var(--primary);width:9px;height:9px;box-shadow:0 0 0 4px var(--bg);border-radius:50%;position:absolute;inset-block-start:1.7rem;inset-inline-start:calc(-1*clamp(1.1rem,3vw,1.75rem) - .5px);transform:translate(-50%)}.role-card{padding:clamp(1.1rem,2.5vw,1.6rem)}.role-card:hover{border-color:var(--line-strong)}.role-head{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.role-title{font-size:var(--fs-lg);font-weight:700}.role-company{color:var(--primary);font-weight:600;font-size:var(--fs-sm);margin-block-start:.15rem}.role-period{font-size:var(--fs-mono);color:var(--text-faint);white-space:nowrap;flex-shrink:0}.role-type{margin-block:.7rem .6rem;display:block}.role-summary{font-size:var(--fs-sm);line-height:1.55}.role-detail{transition:grid-template-rows var(--dur) var(--ease-out);grid-template-rows:0fr;display:grid}.role-detail[data-open=true]{grid-template-rows:1fr}.role-detail-inner{overflow:hidden}.role-bullets{gap:.6rem;padding-block-start:var(--space-4);display:grid}.role-bullets li{font-size:var(--fs-sm);color:var(--text-muted);padding-inline-start:1.1rem;line-height:1.55;position:relative}.role-bullets li:before{content:"";background:var(--primary);border-radius:50%;width:5px;height:5px;position:absolute;inset-block-start:.6em;inset-inline-start:0}.role-projects{gap:.6rem;margin-block-start:var(--space-4);display:grid}.role-toggle{margin-block-start:var(--space-4)}.chev-up{transform:rotate(180deg)}@media (prefers-reduced-motion:reduce){.role-detail{transition:none}}.training{border-block-start:1px solid var(--line);margin-block-start:var(--space-7);padding-block-start:var(--space-6)}.training-heading{margin-block-end:var(--space-4)}.training-list{gap:0;display:grid}.training-row{align-items:baseline;gap:var(--space-4);padding-block:var(--space-4);border-block-end:1px solid var(--line);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;display:grid}.training-row:last-child{border-block-end:0}.training-title{font-weight:600}.training-degree .training-title:before{content:"";background:var(--primary);vertical-align:middle;border-radius:50%;width:6px;height:6px;margin-inline-end:.55rem;display:inline-block}.training-org{font-size:var(--fs-sm)}.training-year{font-size:var(--fs-mono);color:var(--text-faint);text-align:end}@media (width<=620px){.training-row{gap:.2rem var(--space-4);grid-template-columns:1fr auto;grid-template-areas:"title year""org org"}.training-title{grid-area:title}.training-org{grid-area:org}.training-year{grid-area:year}}.cap-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));display:grid}.cap-card{padding:clamp(1.3rem,2.5vw,1.8rem);position:relative;overflow:hidden}.cap-card:hover{border-color:var(--primary-line);transform:translateY(-3px)}.cap-accent{background:var(--primary);width:2.5rem;height:2px;transition:width var(--dur) var(--ease-out);position:absolute;inset-block-start:0;inset-inline-start:0}.cap-card:hover .cap-accent{width:4.5rem}.cap-title{font-size:var(--fs-lg);margin-block:var(--space-4) .6rem;font-weight:700}.cap-desc{font-size:var(--fs-sm);line-height:1.55}@media (prefers-reduced-motion:reduce){.cap-card:hover{transform:none}}.stack-groups{gap:clamp(1.5rem, 4vw, 2.75rem) var(--space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.stack-label{border-block-end:1px solid var(--line);margin-block-end:var(--space-4);padding-block-end:var(--space-3)}.stack-chips{flex-wrap:wrap;gap:.5rem;display:flex}.stack-chips .tag{color:var(--text)}.contact{position:relative;overflow:hidden}.contact:before{content:"";aspect-ratio:1.4;background:radial-gradient(circle, var(--glow), transparent 60%);pointer-events:none;width:min(80vw,720px);position:absolute;inset-block-start:-30%;inset-inline-start:50%;transform:translate(-50%)}.contact-inner{max-width:var(--container-narrow);position:relative}.contact-heading{max-width:18ch;margin-block-end:var(--space-4)}.contact-lead .lead{max-width:52ch}.contact-channels{gap:var(--space-3);margin-block:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));display:grid}.channel{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);color:var(--text);transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);align-items:center;gap:.7rem;padding:.95rem 1.1rem;font-weight:600;display:flex}.channel:hover{border-color:var(--primary-line);background:var(--primary-soft);transform:translateY(-2px)}.channel svg{color:var(--primary);flex-shrink:0}.form-open{width:fit-content}.contact-form{padding:clamp(1.3rem,3vw,2rem);position:relative}.form-close{position:absolute;inset-block-start:.9rem;inset-inline-end:.9rem}.form-grid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.field{gap:.45rem;display:grid}.field-full{grid-column:1/-1}.field input,.field select,.field textarea{border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--bg);width:100%;color:var(--text);font:inherit;font-size:var(--fs-sm);transition:border-color var(--dur-fast) var(--ease-out);padding:.8rem .9rem}.field textarea{resize:vertical;min-height:7rem}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--primary);outline:none}.form-submit{grid-column:1/-1;justify-self:start}.form-fallback{font-size:var(--fs-sm);grid-column:1/-1}.form-thanks{font-size:var(--fs-lg);color:var(--text);padding-block:var(--space-4)}@media (width<=560px){.form-grid{grid-template-columns:1fr}.form-submit{justify-self:stretch}}@media (prefers-reduced-motion:reduce){.channel:hover{transform:none}}