:root{--color-bg:#0d0d0d;--color-surface:#ffffff14;--color-surface-strong:#ffffff24;--color-text:#f5f5f5;--color-text-muted:#f5f5f5b8;--color-accent:#ff6b1a;--color-accent-hover:#ff8340;--color-on-accent:#fff;--font-sans:"Poppins", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--fs-xs:.75rem;--fs-sm:.9375rem;--fs-md:1.0625rem;--fs-lg:clamp(1.5rem, 1rem + 1.5vw, 2rem);--fs-xl:clamp(2rem, 1.2rem + 2.6vw, 3rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-24:6rem;--container-max:80rem;--gutter:clamp(1rem, .5rem + 2.5vw, 2.5rem);--header-offset:clamp(1rem, .6rem + 1.5vw, 2rem);--radius-pill:999px;--ease-out:cubic-bezier(.22, 1, .36, 1);--duration:.4s}*,:before,:after{box-sizing:border-box}*{margin:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--color-bg);min-height:100vh;color:var(--color-text);font-family:var(--font-sans);font-size:var(--fs-md);-webkit-font-smoothing:antialiased;cursor:default;line-height:1.6;overflow-x:hidden}a,button,[role=button],label{cursor:pointer}input,textarea,[contenteditable=true]{cursor:text}body.is-locked{overflow:hidden}img,picture,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:0 0;border:0}ul,ol{padding:0;list-style:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.container{width:100%;max-width:var(--container-max);padding-inline:var(--gutter);margin-inline:auto}.skip-link{top:-100px;left:var(--gutter);z-index:100;padding:var(--space-2) var(--space-4);background:var(--color-accent);border-radius:var(--radius-pill);position:absolute}.skip-link:focus{top:var(--space-4)}.section{padding-block:var(--space-24);border-top:1px solid var(--color-surface)}.section__eyebrow{margin-bottom:var(--space-4);color:var(--color-accent);font-size:var(--fs-sm);font-weight:500}.section__title{max-width:20ch;margin-bottom:var(--space-6);font-size:var(--fs-xl);font-weight:500;line-height:1.15}.section__text{max-width:55ch;margin-bottom:var(--space-8);color:var(--color-text-muted)}.section__head{margin-bottom:var(--space-12)}.section__head .section__title{margin-bottom:0}.todo{text-underline-offset:.2em;-webkit-text-decoration:underline dashed #ff6b1ab3;text-decoration:underline dashed #ff6b1ab3;text-decoration-thickness:1px}.site-footer{border-top:1px solid var(--color-surface);color:var(--color-text-muted);font-size:var(--fs-sm)}.site-footer__inner{justify-content:space-between;gap:var(--space-4);padding-block:var(--space-8);flex-wrap:wrap;display:flex}.site-footer__links{gap:var(--space-2) var(--space-6);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.site-footer__link{transition:color var(--duration) var(--ease-out)}.site-footer__link:hover{color:var(--color-accent)}.site-header{top:var(--header-offset);left:var(--gutter);z-index:50;position:fixed}.nav-pill{align-items:center;gap:var(--space-6);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(12px);transition:background var(--duration) var(--ease-out), color var(--duration) var(--ease-out), gap var(--duration) var(--ease-out), padding var(--duration) var(--ease-out), transform var(--duration) var(--ease-out);background:#282828b3;display:flex}.nav-pill:hover{background:#373737cc}.nav-pill:active{transform:scale(.97)}.nav-pill__brand{align-items:center;gap:var(--space-3);white-space:nowrap;max-width:12rem;transition:max-width var(--duration) var(--ease-out), opacity calc(var(--duration) * .6) var(--ease-out);font-size:1.25rem;font-weight:400;display:flex;overflow:hidden}.logo-mark{border:2px solid var(--color-accent);width:1.375rem;height:1.375rem;transition:transform .6s var(--ease-out);border-radius:50%;position:relative}.nav-pill:hover .logo-mark,.nav-pill[aria-expanded=true] .logo-mark{transform:rotate(180deg)}.logo-mark:before,.logo-mark:after{content:"";background:var(--color-accent);border-radius:2px;width:2px;position:absolute;top:2px;bottom:2px}.logo-mark:before{left:30%}.logo-mark:after{right:30%}.nav-pill__icon{width:2.75rem;height:2.75rem;transition:background var(--duration) var(--ease-out);border-radius:50%;place-items:center;display:grid}.nav-pill:hover .nav-pill__icon,.nav-pill[aria-expanded=true] .nav-pill__icon{background:var(--color-surface)}.burger{width:20px;height:14px;position:relative}.burger__line{width:100%;height:2px;transition:rotate .22s var(--ease-out) 0s, translate .22s var(--ease-out) .18s, opacity 0s linear .18s;background:currentColor;border-radius:2px;margin-top:-1px;position:absolute;top:50%;left:0}.burger__line:first-child{translate:0 -6px}.burger__line:nth-child(3){translate:0 6px}.nav-pill[aria-expanded=true] .burger__line{transition:translate .22s var(--ease-out) 0s, rotate .26s var(--ease-out) .18s, opacity 0s linear .18s;translate:0}.nav-pill[aria-expanded=true] .burger__line:first-child{rotate:45deg}.nav-pill[aria-expanded=true] .burger__line:nth-child(2){opacity:0}.nav-pill[aria-expanded=true] .burger__line:nth-child(3){rotate:-45deg}.site-header.is-collapsed .nav-pill{background:var(--color-accent);color:var(--color-bg);gap:0;padding:0}.site-header.is-collapsed .nav-pill:hover{background:var(--color-accent-hover)}.site-header.is-collapsed .nav-pill__brand{opacity:0;max-width:0}.site-header.is-collapsed .nav-pill:hover .nav-pill__icon{background:0 0}.site-header.is-collapsed .nav-pill[aria-expanded=true]{color:var(--color-text);background:#282828b3}.site-header.is-collapsed .nav-pill[aria-expanded=true] .nav-pill__icon{background:var(--color-surface)}.menu{--menu-x:4rem;--menu-y:3.5rem;z-index:40;clip-path:circle(0% at var(--menu-x) var(--menu-y));background:#121212;transition:clip-path .7s cubic-bezier(.76,0,.24,1);display:flex;position:fixed;inset:0}.menu[hidden]{display:none}.menu.is-open{clip-path:circle(150% at var(--menu-x) var(--menu-y))}.menu:before{content:"";pointer-events:none;background:radial-gradient(circle,#ff6b1a2e,#0000 60%);width:60vmax;height:60vmax;position:absolute;bottom:-20vmax;right:-20vmax}.menu__inner{justify-content:space-between;gap:var(--space-12);padding-top:calc(var(--header-offset) + 6rem);padding-bottom:var(--space-12);flex-direction:column;display:flex;position:relative;overflow-y:auto}.menu__list{gap:var(--space-1);padding:0;list-style:none;display:grid}.menu__item{overflow:hidden}.menu__link{align-items:flex-start;gap:var(--space-4);transition:translate .6s var(--ease-out), opacity var(--duration) var(--ease-out);display:inline-flex;translate:0 105%}.menu.is-open .menu__link{transition-delay:calc(.25s + var(--i) * 70ms), 0s;translate:0}.menu__index{color:var(--color-accent);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;padding-top:.9em;font-weight:500}.menu__label{letter-spacing:-.03em;font-size:clamp(2.25rem,min(1rem + 4.5vw,8.5vh),5.25rem);font-weight:500;line-height:1.05;display:inline-block;overflow:hidden}.menu__roll{transition:translate .5s var(--ease-out);display:inline-block;position:relative}.menu__roll:after{content:attr(data-text);color:var(--color-accent);position:absolute;top:100%;left:0}.menu__link:hover .menu__roll,.menu__link:focus-visible .menu__roll{translate:0 -100%}.menu__list:hover .menu__link:not(:hover){opacity:.3}.menu__footer{justify-content:space-between;align-items:flex-end;gap:var(--space-4);padding-top:var(--space-6);border-top:1px solid var(--color-surface-strong);color:var(--color-text-muted);font-size:var(--fs-sm);opacity:0;transition:opacity .4s var(--ease-out), translate .4s var(--ease-out);flex-wrap:wrap;display:flex;translate:0 1rem}.menu.is-open .menu__footer{opacity:1;transition-delay:.55s;translate:0}.menu__mail{color:var(--color-text);transition:background-size var(--duration) var(--ease-out), color var(--duration);background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat}.menu__mail:hover{color:var(--color-accent);background-size:100% 1px}.badge{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--color-surface-strong);border-radius:var(--radius-pill);font-size:var(--fs-xs);-webkit-backdrop-filter:blur(8px);font-weight:400;display:inline-flex}.badge__dot{background:var(--color-accent);border-radius:50%;width:.5rem;height:.5rem;position:relative}.badge__dot:after{content:"";border-radius:inherit;background:inherit;animation:pulse 2s var(--ease-out) infinite;position:absolute;inset:0}@keyframes pulse{to{opacity:0;transform:scale(2.6)}}.button{--btn-inset:.25rem;--btn-icon:2.625rem;--btn-gap:var(--space-4);--btn-end:var(--space-8);--btn-shift:calc(var(--btn-icon) + var(--btn-gap) + var(--btn-inset) - var(--btn-end));min-height:calc(var(--btn-icon) + var(--btn-inset) * 2);padding-inline:calc(var(--btn-inset) + var(--btn-icon) + var(--btn-gap)) var(--btn-end);border-radius:var(--radius-pill);font-size:var(--fs-sm);isolation:isolate;transition:background var(--duration) var(--ease-out), color var(--duration) var(--ease-out);align-items:center;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.button__icon{top:var(--btn-inset);left:var(--btn-inset);width:var(--btn-icon);height:var(--btn-icon);transition:left .55s var(--ease-out), background var(--duration) var(--ease-out), color var(--duration) var(--ease-out);border-radius:50%;place-items:center;display:grid;position:absolute}.button__icon svg{transition:rotate .55s var(--ease-out)}.button:hover .button__icon svg,.button:focus-visible .button__icon svg{rotate:180deg}.button__label{transition:translate .55s var(--ease-out)}.button:hover .button__icon,.button:focus-visible .button__icon{left:calc(100% - var(--btn-icon) - var(--btn-inset))}.button:hover .button__label,.button:focus-visible .button__label{translate:calc(var(--btn-shift) * -1) 0}.button--primary{background:var(--color-accent);color:var(--color-on-accent)}.button--primary .button__icon{background:var(--color-on-accent);color:var(--color-accent)}.button--primary:hover,.button--primary:focus-visible{background:var(--color-on-accent);color:var(--color-bg)}.button--primary:hover .button__icon,.button--primary:focus-visible .button__icon{background:var(--color-accent);color:var(--color-on-accent)}.hero{min-height:100svh;padding-top:calc(var(--header-offset) + 5rem);isolation:isolate;flex-direction:column;justify-content:flex-end;display:flex;position:relative;overflow:hidden}.hero__portrait{z-index:-1;position:absolute;inset:0}.hero__portrait img{object-fit:cover;object-position:center 20%;width:100%;height:100%}.hero__portrait:after{content:"";background:linear-gradient(to bottom, #0d0d0d59, transparent 30%), linear-gradient(to top, var(--color-bg), transparent 25%);position:absolute;inset:0}.hero__content{z-index:1;gap:var(--space-8);margin-bottom:var(--space-8);align-items:end;display:grid;position:relative}.hero__intro{justify-items:start;gap:var(--space-4);display:grid}.hero__title{max-width:14ch;font-size:var(--fs-xl);letter-spacing:-.01em;font-weight:500;line-height:1.15}.hero__aside{justify-items:start;gap:var(--space-6);max-width:24rem;display:grid}.hero__text{color:var(--color-text-muted);font-size:var(--fs-sm);font-weight:300}.hero__name{letter-spacing:-.04em;white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;width:fit-content;margin-inline:auto;padding-bottom:.2em;font-size:26vw;font-weight:500;line-height:.78}@media (width<=899px){.hero__portrait:after{background:linear-gradient(to bottom, #0d0d0d59, transparent 30%), linear-gradient(to top, var(--color-bg) 15%, #0d0d0d99 55%, transparent 80%)}}@media (width>=900px){.hero__content{grid-template-columns:1fr auto;align-items:center;margin-top:auto;margin-bottom:auto}.hero__aside{max-width:20rem}}.hero__intro,.hero__aside,.hero__name{animation:rise .9s var(--ease-out) both}.hero__aside{animation-delay:.12s}.hero__name{animation-delay:.24s}@keyframes rise{0%{opacity:0;transform:translateY(24px)}}.tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.tags li{padding:var(--space-1) var(--space-3);border:1px solid var(--color-surface-strong);border-radius:var(--radius-pill);color:var(--color-text-muted);font-size:var(--fs-xs)}.status{align-items:center;gap:var(--space-2);font-size:var(--fs-xs);color:var(--color-text-muted);display:inline-flex}.status:before{content:"";background:currentColor;border-radius:50%;width:.5rem;height:.5rem}.status--live{color:#4ade80}.status--retired{color:#fbbf24}.status--unlaunched{color:#93c5fd}.status--archived{color:var(--color-text-muted)}.work-stack{gap:var(--space-8);display:grid}.work-card{transform-origin:top}@media (width>=900px) and (height>=640px){.work-card{top:calc(var(--header-offset) + 5rem + var(--i) * 1.25rem);will-change:transform;position:sticky}}.work-card__link{border:1px solid var(--color-surface);min-height:min(36rem,75vh);transition:border-color var(--duration) var(--ease-out);background:#161616;border-radius:1.75rem;display:grid;overflow:hidden}.work-card__link:hover{border-color:#ff6b1a80}.work-card__body{align-items:flex-start;gap:var(--space-6);flex-direction:column;padding:clamp(1.5rem,1rem + 2vw,3rem);display:flex}.work-card__meta{gap:var(--space-4);align-items:center;display:flex}.work-card__index{color:var(--color-accent);font-size:var(--fs-xs);font-weight:500}.work-card__title{letter-spacing:-.03em;font-size:clamp(2.5rem,1.5rem + 4vw,5rem);font-weight:500;line-height:1}.work-card__pitch{max-width:34ch;color:var(--color-text-muted)}.work-card__cta{align-items:center;gap:var(--space-2);font-size:var(--fs-sm);margin-top:auto;font-weight:500;display:inline-flex}.work-card__cta svg{transition:translate var(--duration) var(--ease-out)}.work-card__link:hover .work-card__cta{color:var(--color-accent)}.work-card__link:hover .work-card__cta svg{translate:.35rem}.work-card__visual{background:radial-gradient(circle at 70% 30%,#ff6b1a59,#0000 60%),#1d1d1d;place-items:center;min-height:18rem;display:grid;position:relative;overflow:hidden}.work-card__visual>*{transition:transform .8s var(--ease-out)}.work-card__link:hover .work-card__visual>*{transform:scale(1.04)}.work-card__visual--shot{background:#050607}.work-card__visual--shot img{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.work-card__visual--framed{background:radial-gradient(circle at 50% 60%,#d4af3738,#0000 65%),#121212;padding:clamp(1rem,3vw,2.5rem)}.work-card__visual--blue{background:radial-gradient(circle at 50% 60%,#38bdf838,#0000 65%),#121212}.work-card__visual--framed .browser-frame{border-radius:.75rem;width:100%}.work-card__visual--framed .browser-frame__bar{padding:.45rem .7rem}.work-card__visual--framed .browser-frame__dots i{width:.55rem;height:.55rem}.work-card__visual--framed .browser-frame__url{padding:.15rem .75rem;font-size:.65rem}.app-grid{grid-template-columns:repeat(5,1fr);gap:clamp(.6rem,.4rem + 1vw,1rem);width:min(80%,22rem);display:grid;rotate:-8deg}.app-grid--icons{grid-template-columns:repeat(4,1fr);width:min(78%,20rem)}.app-grid--icons img{aspect-ratio:1;border-radius:24%;width:100%;height:auto;box-shadow:0 10px 30px #0006}.app-grid__icon{aspect-ratio:1;background:linear-gradient(135deg, hsl(var(--h) 85% 62%), hsl(calc(var(--h) + 40) 80% 45%));border-radius:24%;box-shadow:0 10px 30px #00000059}@media (width>=900px){.work-card__link{grid-template-columns:1fr 1.15fr}.work-card__visual{min-height:100%}}.archive{margin-top:var(--space-24)}.archive__title{margin-bottom:var(--space-6);color:var(--color-text-muted);font-size:var(--fs-sm);font-weight:500}.archive__row{gap:var(--space-1) var(--space-4);padding-block:var(--space-6);border-top:1px solid var(--color-surface-strong);transition:color var(--duration) var(--ease-out), padding var(--duration) var(--ease-out);grid-template-columns:4rem 1fr;display:grid}.archive__list{border-bottom:1px solid var(--color-surface-strong)}.archive__note{margin-top:var(--space-1);color:var(--color-text-muted);font-size:var(--fs-sm);font-weight:400;display:block}.archive__demo{margin-left:var(--space-2);border-radius:var(--radius-pill);color:var(--color-accent);font-size:var(--fs-xs);border:1px solid;padding:.1em .6em;display:inline-block}.archive__year,.archive__role,.archive__type{color:var(--color-text-muted);font-size:var(--fs-sm)}.archive__name{font-size:var(--fs-lg);font-weight:500;line-height:1.2}.archive__role,.archive__type{grid-column:2}@media (width>=768px){.archive__row{grid-template-columns:5rem 1fr 12rem 10rem;align-items:center}.archive__role,.archive__type{grid-column:auto}.archive__type{text-align:right}.archive__row:hover{padding-inline:var(--space-4);color:var(--color-accent)}}.preview{z-index:30;aspect-ratio:4/3;background:linear-gradient(135deg, hsl(var(--h,20) 80% 55%), hsl(calc(var(--h,20) + 50) 70% 35%));color:#fff;pointer-events:none;opacity:0;width:18rem;transition:opacity .25s var(--ease-out), scale .25s var(--ease-out);border-radius:1rem;place-items:center;font-weight:500;display:grid;position:fixed;top:0;left:0;scale:.8}.preview.has-image{background:center / cover no-repeat var(--preview-image);color:#0000;box-shadow:0 20px 50px #00000080}.preview.has-code{aspect-ratio:auto;background:0 0;width:auto;max-width:min(36rem,50vw);display:block;box-shadow:0 20px 50px #00000080}.preview.has-code .code-window{white-space:pre;overflow:hidden}.preview.is-visible{opacity:1;scale:1}.about__grid{gap:var(--space-8);display:grid}.skills{border-top:1px solid var(--color-surface-strong);grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));display:grid}.skills li{padding-block:var(--space-4);border-bottom:1px solid var(--color-surface-strong)}.skills li:before{content:"+";margin-right:var(--space-3);color:var(--color-accent)}@media (width>=900px){.about__grid{grid-template-columns:1fr 1.3fr}}.contact__grid{gap:var(--space-6);display:grid}.contact-card{align-items:flex-start;gap:var(--space-4);border:1px solid var(--color-surface);background:#161616;border-radius:1.5rem;flex-direction:column;padding:clamp(1.5rem,1rem + 2vw,2.5rem);display:flex}.contact-card__title{font-size:var(--fs-lg);font-weight:500;line-height:1.2}.contact-card__text{margin-bottom:var(--space-4);color:var(--color-text-muted)}.contact__elsewhere{margin-top:var(--space-8);color:var(--color-text-muted)}.contact__elsewhere a{color:var(--color-text);text-underline-offset:.2em;transition:color var(--duration) var(--ease-out);text-decoration:underline}.contact__elsewhere a:hover{color:var(--color-accent)}@media (width>=768px){.contact__grid{grid-template-columns:1fr 1fr}}.case-hero{padding-top:calc(var(--header-offset) + 8rem);padding-bottom:var(--space-12)}.back-link{align-items:center;gap:var(--space-2);margin-bottom:var(--space-12);color:var(--color-text-muted);font-size:var(--fs-sm);transition:color var(--duration) var(--ease-out);display:inline-flex}.back-link svg{transition:translate var(--duration) var(--ease-out)}.back-link:hover{color:var(--color-accent)}.back-link:hover svg{translate:-.25rem}.case-hero__title{letter-spacing:-.04em;font-size:clamp(3.5rem,2rem + 8vw,9rem);font-weight:500;line-height:.95}.case-hero__lead{max-width:40ch;margin-top:var(--space-6);color:var(--color-text-muted);font-size:var(--fs-lg);line-height:1.4}.case-hero__actions{align-items:center;gap:var(--space-4) var(--space-8);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.text-link{color:var(--color-text-muted);font-size:var(--fs-sm);text-underline-offset:.25em;text-decoration:underline;-webkit-text-decoration-color:var(--color-surface-strong);text-decoration-color:var(--color-surface-strong);transition:color var(--duration) var(--ease-out)}.text-link:hover{color:var(--color-accent)}.shot{border:1px solid var(--color-surface-strong);background:#fff;border-radius:1rem;margin:0;overflow:hidden}.shot img{width:100%;height:auto}.store-shots{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.store-shots img{border-radius:.75rem;width:100%;height:auto}@media (width<=600px){.store-shots{grid-template-columns:repeat(2,minmax(0,1fr))}}.case-facts{gap:var(--space-6);margin-top:var(--space-12);padding-top:var(--space-6);border-top:1px solid var(--color-surface-strong);grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));display:grid}.case-facts dt{margin-bottom:var(--space-1);color:var(--color-text-muted);font-size:var(--fs-xs)}.case-facts dd{font-size:var(--fs-sm);margin:0}.case-cover .work-card__visual{border-radius:1.75rem;min-height:clamp(20rem,50vw,38rem)}.case-body{padding-block:var(--space-16)}.case-section{gap:var(--space-6);padding-block:var(--space-16);border-top:1px solid var(--color-surface);display:grid}.case-section__title{gap:var(--space-4);font-size:var(--fs-lg);align-self:start;font-weight:500;line-height:1.2;display:flex}.case-section__title span{color:var(--color-accent);font-size:var(--fs-xs);padding-top:.35em}.case-section__content{gap:var(--space-6);min-width:0;display:grid}.case-section__content>p{max-width:60ch;color:var(--color-text-muted)}@media (width>=900px){.case-section{gap:var(--space-12);grid-template-columns:1fr 2fr}.case-section__title{top:calc(var(--header-offset) + 5rem);position:sticky}}.flow{gap:var(--space-8);counter-reset:flow;display:grid}.flow__node{padding:var(--space-6);border:1px solid var(--color-surface-strong);background:#161616;border-radius:1.25rem;position:relative}.flow__node--accent{background:linear-gradient(160deg,#ff6b1a1f,#161616 60%);border-color:#ff6b1a99}.flow__node:not(:last-child):after{content:"";left:50%;bottom:calc(var(--space-8) * -1 + .4rem);width:2px;height:calc(var(--space-8) - .8rem);background:linear-gradient(var(--color-accent), transparent);position:absolute}.flow__label{margin-bottom:var(--space-2);font-weight:500;display:block}.flow__text,.flow__note{color:var(--color-text-muted);font-size:var(--fs-sm)}.flow__note:before{content:"↻";margin-right:var(--space-2);color:var(--color-accent)}.apps{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));display:grid}.app-tile{gap:var(--space-2);padding:var(--space-4);border:1px solid var(--color-surface);transition:border-color var(--duration) var(--ease-out), translate var(--duration) var(--ease-out);background:#161616;border-radius:1.25rem;display:grid}.app-tile:hover{border-color:#ff6b1a80;translate:0 -4px}.app-tile .app-grid__icon{width:3.5rem;margin-bottom:var(--space-2)}.app-tile__name{font-weight:500}.app-tile__text{color:var(--color-text-muted);font-size:var(--fs-xs)}.decisions{gap:var(--space-4);display:grid}.decision{padding:var(--space-6);border-left:2px solid var(--color-accent);background:#161616;border-radius:0 1rem 1rem 0}.decision__title{margin-bottom:var(--space-2);font-size:var(--fs-md);font-weight:500}.decision__text{color:var(--color-text-muted);font-size:var(--fs-sm)}.stats{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,12.5rem),1fr));display:grid}.stats:has(>:nth-child(4):last-child){grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr))}.stat{padding:var(--space-6);border:1px solid var(--color-surface);background:#161616;border-radius:1.25rem}.stat__value{letter-spacing:-.02em;font-size:clamp(2rem,1.5rem + 2vw,3rem);font-weight:500;line-height:1.1;display:block}.stat__label{color:var(--color-text-muted);font-size:var(--fs-sm)}.case-next{padding-block:var(--space-24);border-top:1px solid var(--color-surface);text-align:center;display:block}.case-next__eyebrow{color:var(--color-text-muted);font-size:var(--fs-sm)}.case-next__title{letter-spacing:-.04em;transition:color var(--duration) var(--ease-out), translate .6s var(--ease-out);font-size:clamp(3rem,1.5rem + 8vw,8rem);font-weight:500;line-height:1.05;display:inline-block}.case-next:hover .case-next__title{color:var(--color-accent);translate:.5rem}.concepts__head .section__text{margin-top:var(--space-6);margin-bottom:0}.concept-list{border-top:1px solid var(--color-surface-strong)}.concept-row{gap:var(--space-4) var(--space-6);padding-block:var(--space-8);border-bottom:1px solid var(--color-surface-strong);transition:padding var(--duration) var(--ease-out);grid-template-columns:2.5rem 1fr auto;align-items:start;display:grid}.concept-row__index{color:var(--color-accent);font-size:var(--fs-xs);padding-top:.6em;font-weight:500}.concept-row__main{gap:var(--space-2);display:grid}.concept-row__title{letter-spacing:-.03em;transition:color var(--duration) var(--ease-out);font-size:clamp(2rem,1.4rem + 2.5vw,3.5rem);font-weight:500;line-height:1.05}.concept-row__text{max-width:60ch;color:var(--color-text-muted)}.concept-row__meta{color:var(--color-text-muted);font-size:var(--fs-sm);grid-column:2}.concept-row__arrow{border:1px solid var(--color-surface-strong);width:3rem;height:3rem;transition:background var(--duration) var(--ease-out), border-color var(--duration) var(--ease-out), rotate var(--duration) var(--ease-out);border-radius:50%;grid-area:1/3;place-items:center;display:grid}.concept-row:hover .concept-row__title{color:var(--color-accent)}.concept-row--external .concept-row__arrow{rotate:-45deg}.concept-row:hover .concept-row__arrow{background:var(--color-accent);border-color:var(--color-accent);rotate:-45deg}@media (width>=900px){.concept-row{grid-template-columns:3rem 1fr 12rem auto}.concept-row__meta{grid-column:3;padding-top:.6em}.concept-row__arrow{grid-column:4}.concept-row:hover{padding-inline:var(--space-4)}}.status--concept{color:#a78bfa}.concept-tags{margin-top:var(--space-6)}.concept-note{max-width:60ch;padding:var(--space-6);color:var(--color-text-muted);font-size:var(--fs-sm);border:1px dashed #a78bfa80;border-radius:1rem}.reading-progress{z-index:35;background:var(--color-accent);width:100%;height:3px;transform:scaleX(var(--progress,0));transform-origin:0;position:fixed;top:0;left:0}.concept-layout{gap:var(--space-12);padding-block:var(--space-16);grid-template-columns:minmax(0,1fr);display:grid}.concept-toc{display:none}.concept-toc__title{margin-bottom:var(--space-4);color:var(--color-text-muted);font-size:var(--fs-xs)}.concept-toc ol{gap:var(--space-1);border-left:1px solid var(--color-surface-strong);display:grid}.concept-toc__link{gap:var(--space-3);padding:var(--space-2) var(--space-4);color:var(--color-text-muted);font-size:var(--fs-sm);transition:color var(--duration) var(--ease-out), border-color var(--duration) var(--ease-out);border-left:2px solid #0000;margin-left:-1px;display:flex}.concept-toc__link span{color:var(--color-accent);font-size:var(--fs-xs);line-height:2}.concept-toc__link:hover{color:var(--color-text)}.concept-toc__link[aria-current=true]{border-left-color:var(--color-accent);color:var(--color-text)}@media (width>=1024px){.concept-layout{gap:var(--space-16);grid-template-columns:13rem minmax(0,1fr)}.concept-toc{top:calc(var(--header-offset) + 6rem);align-self:start;display:block;position:sticky}}.concept-body{gap:var(--space-24);grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.chapter{scroll-margin-top:calc(var(--header-offset) + 5rem)}.chapter__head{gap:var(--space-2);margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-surface-strong);display:grid}.chapter__index{color:var(--color-accent);font-size:var(--fs-xs);font-weight:500}.chapter__title{font-size:var(--fs-xl);letter-spacing:-.02em;font-weight:500;line-height:1.1}.chapter__kicker{color:var(--color-text-muted)}.chapter__intro{margin-bottom:var(--space-8)}.prose{color:#f5f5f5d1;max-width:68ch;font-weight:300;line-height:1.75}.prose>*+*{margin-top:1.1em}.prose h3,.prose h4{color:var(--color-text);scroll-margin-top:calc(var(--header-offset) + 5rem);margin-top:2.2em;font-weight:500;line-height:1.25}.prose h3{font-size:var(--fs-lg)}.prose h4{font-size:var(--fs-md)}.prose h3+*,.prose h4+*{margin-top:.6em}.prose strong{color:var(--color-text);font-weight:500}.prose em{color:var(--color-text)}.prose a{color:var(--color-accent);text-underline-offset:.2em;text-decoration:underline}.prose ul,.prose ol{gap:.5em;padding-left:1.4em;display:grid}.prose ul{list-style:none}.prose ul li{position:relative}.prose ul li:before{content:"";background:var(--color-accent);width:.4em;height:2px;position:absolute;top:.75em;left:-1.1em}.prose ol{list-style:decimal}.prose ol li::marker{color:var(--color-accent);font-size:.9em}.prose code{background:var(--color-surface-strong);color:var(--color-text);border-radius:.3em;padding:.1em .4em;font-size:.88em}.prose pre{padding:var(--space-6);border:1px solid var(--color-surface-strong);background:#161616;border-radius:1rem;line-height:1.6;overflow-x:auto}.prose pre code{color:var(--color-text);background:0 0;padding:0}.prose hr{background:var(--color-surface-strong);border:0;height:1px;margin-block:2.5em}.prose blockquote{padding-left:var(--space-6);border-left:2px solid var(--color-accent);color:var(--color-text)}.prose table{border-collapse:collapse;width:100%;font-size:var(--fs-sm)}.prose th,.prose td{padding:var(--space-3);border-bottom:1px solid var(--color-surface-strong);text-align:left}.canvas{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));display:grid}.canvas__box{padding:var(--space-6);border:1px solid var(--color-surface);font-size:var(--fs-sm);transition:border-color var(--duration) var(--ease-out);background:#161616;border-radius:1.25rem}.canvas__box:hover{border-color:#ff6b1a66}.canvas__box h3{font-size:var(--fs-md);margin-top:0}.canvas__box:has(h3[id$=unique-value-proposition]){background:linear-gradient(160deg,#ff6b1a1f,#161616 60%);border-color:#ff6b1a99}.case-section--wide{grid-template-columns:minmax(0,1fr)!important}.case-section--wide .case-section__title{position:static}.case-hero__stats{margin-top:var(--space-8)}.sysmap-layout{gap:var(--space-8);grid-template-columns:minmax(0,1fr);display:grid}.sysmap{min-width:0;top:calc(var(--header-offset) + 4.5rem);z-index:1;padding:var(--space-4);border:1px solid var(--color-surface-strong);background:#121212;border-radius:1.5rem;align-self:start;margin:0;position:sticky}.sysmap__scroll{overflow:hidden}.sysmap__canvas{min-width:40rem;padding:var(--space-2);transform-origin:0 0;grid-template-rows:repeat(4,auto);grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(1.25rem,3vw,2.5rem) clamp(.75rem,1.5vw,1.25rem);display:grid;position:relative}.sysmap__edges{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.sysmap__edge{fill:none;stroke:#ffffff2e;stroke-width:1.5px;transition:stroke .4s var(--ease-out), opacity .4s var(--ease-out)}.sysmap__edge.is-focus{stroke:var(--color-accent);stroke-width:2px;stroke-dasharray:6 6;animation:.9s linear infinite sysmap-flow}.has-focus .sysmap__edge:not(.is-focus){opacity:.25}@keyframes sysmap-flow{to{stroke-dashoffset:-12px}}.sysmap__node{--kind:255 255 255;z-index:1;grid-column:var(--col);grid-row:var(--row);border:1px solid rgb(var(--kind) / .45);transition:opacity .4s var(--ease-out), border-color .4s var(--ease-out), box-shadow .4s var(--ease-out), translate .4s var(--ease-out);background:#1a1a1a;border-radius:.75rem;gap:.15rem;padding:.6rem .75rem;font-size:.75rem;line-height:1.3;display:grid;position:relative}.sysmap__node strong{color:var(--color-text);font-weight:500}.sysmap__node span{color:var(--color-text-muted);font-size:.68rem}.sysmap__node--frontend{--kind:56 189 248}.sysmap__node--backend{--kind:74 222 128}.sysmap__node--database{--kind:167 139 250}.sysmap__node--cloud{--kind:251 191 36}.sysmap__node--security{--kind:248 113 113}.sysmap__node--external{--kind:163 163 163}.has-focus .sysmap__node:not(.is-focus){opacity:.3}.sysmap__node.is-focus{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent), 0 10px 30px #ff6b1a2e;translate:0 -2px}.sysmap-steps{gap:var(--space-4);display:grid}.sysmap-step{padding:var(--space-6);border:1px solid var(--color-surface);color:var(--color-text-muted);transition:border-color .4s var(--ease-out), background .4s var(--ease-out);border-radius:1.25rem}.sysmap-step.is-active{background:#151515;border-color:#ff6b1a80}.sysmap-step__index{color:var(--color-accent);font-size:var(--fs-xs);font-weight:500}.sysmap-step__title{margin-block:var(--space-1) var(--space-3);color:var(--color-text);font-size:var(--fs-lg);font-weight:500;line-height:1.2}.sysmap-step p+p{margin-top:var(--space-3)}.sysmap-step__why{font-size:var(--fs-sm)}.sysmap-step__why strong{color:var(--color-accent);font-weight:500}@media (width>=1100px){.sysmap-layout{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:start}.sysmap-steps{gap:40vh;padding-block:10vh 30vh}}@media (width<=1099px){.sysmap{top:calc(var(--header-offset) + 4rem)}}.app-tile__meta{color:var(--color-text-muted);font-size:var(--fs-xs);opacity:.7}.app-tile--link{height:100%}.app-tile--link .app-tile__meta{color:var(--color-accent);opacity:1}.app-tile__icon{width:3.5rem;height:3.5rem;margin-bottom:var(--space-2);border-radius:24%}.app-tile__stores{gap:var(--space-1) var(--space-3);margin-top:var(--space-1);font-size:var(--fs-xs);flex-wrap:wrap;display:flex}.app-tile__stores a{color:var(--color-accent)}.app-tile__stores a:hover{text-decoration:underline}.principles{gap:var(--space-4);counter-reset:principle;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}@media (width>=640px){.principles{grid-template-columns:repeat(2,minmax(0,1fr))}}.principles li{counter-increment:principle;padding:var(--space-6);border:1px solid var(--color-surface);color:var(--color-text-muted);font-size:var(--fs-sm);background:#161616;border-radius:1.25rem}.principles li:before{content:counter(principle, decimal-leading-zero);margin-bottom:var(--space-2);color:var(--color-accent);font-size:var(--fs-xs);font-weight:500;display:block}.principles strong{margin-bottom:var(--space-1);color:var(--color-text);font-size:var(--fs-md);font-weight:500;display:block}.hq-notes{gap:var(--space-3);color:var(--color-text-muted);font-size:var(--fs-sm);display:grid}.hq-notes strong{color:var(--color-text);font-weight:500}.spotlight-head{align-items:center;gap:var(--space-4);display:flex}.spotlight-head img{border-radius:24%;flex:none;width:4.5rem;height:4.5rem}.spotlight-head p{color:var(--color-text-muted)}.spotlight-head strong{color:var(--color-text);font-size:var(--fs-lg);font-weight:500;display:block}.phase-strip{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.phase-strip__item{margin:0}.phase-strip__item video{aspect-ratio:1;object-fit:cover;background:#f1ebe4;border-radius:1rem;width:100%;display:block}.phase-strip__item figcaption{margin-top:var(--space-2);color:var(--color-text-muted);font-size:var(--fs-xs);line-height:1.4;display:grid}.phase-strip__item figcaption strong{color:var(--color-text);font-size:var(--fs-sm);font-weight:500}.phase-strip__note{font-size:var(--fs-sm)}.phones{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.phone{border:1px solid var(--color-surface-strong);background:#222;border-radius:1.75rem;margin:0;padding:.35rem;overflow:hidden;box-shadow:0 20px 50px #00000073}.phone img{border-radius:1.4rem;width:100%;height:auto}@media (width<=600px){.phase-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.phones{gap:var(--space-2)}.phone{border-radius:1rem;padding:.2rem}.phone img{border-radius:.8rem}}.browser-frame{border:1px solid var(--color-surface-strong);background:#1b1b1b;border-radius:1rem;margin:0;overflow:hidden;box-shadow:0 30px 80px #0000008c,0 0 0 1px #ffffff08}.browser-frame__bar{align-items:center;gap:var(--space-4);border-bottom:1px solid var(--color-surface-strong);background:#232323;padding:.7rem 1rem;display:flex}.browser-frame__dots{gap:.4rem;display:flex}.browser-frame__dots i{background:#ff5f57;border-radius:50%;width:.7rem;height:.7rem}.browser-frame__dots i:nth-child(2){background:#febc2e}.browser-frame__dots i:nth-child(3){background:#28c840}.browser-frame__url{border-radius:var(--radius-pill);max-width:22rem;color:var(--color-text-muted);font-size:var(--fs-xs);text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#151515;flex:1;margin-inline:auto;padding:.3rem 1rem;overflow:hidden}.browser-frame img{width:100%;height:auto}.oss__intro{margin-top:var(--space-6);margin-bottom:0}.code-window{padding:var(--space-4) var(--space-6);border:1px solid var(--color-surface-strong);color:var(--color-text);background:#0f0f0f;border-radius:1rem;margin:0;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.8rem;line-height:1.7;overflow-x:auto}.code-window__c{color:#f5f5f566}.code-window__p{color:var(--color-accent)}.code-window__s{color:#86efac}