@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Outfit:wght@500;600;700;800&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#070b14;--bg-soft:#0d1322;--bg-grad-1:#050813;--bg-grad-2:#070b14;--panel:#0c111eb8;--panel-strong:#0d1221eb;--surface-soft:#ffffff0a;--text:#eef3ff;--muted:#a9b3ca;--line:#ffffff1a;--accent:#84d6ff;--accent-2:#8f7bff;--shadow:0 20px 80px #00000059;--on-photo-text:#eef3ff;--on-photo-muted:#eef3ffbf}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (prefers-color-scheme:light){:root{--bg:#eef1f7;--bg-soft:#e4e9f3;--bg-grad-1:#f7f9fc;--bg-grad-2:#eaeff8;--panel:#ffffffb8;--panel-strong:#ffffffeb;--surface-soft:#0a12200b;--text:#0b1220;--muted:#5b6478;--line:#0a12201a;--accent:#1f6fa8;--accent-2:#5b4bb8;--shadow:0 20px 60px #0f172a14}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at top left, #84d6ff24, transparent 28%), radial-gradient(circle at top right, #8f7bff2e, transparent 30%), linear-gradient(180deg, var(--bg-grad-1) 0%, var(--bg-grad-2) 48%, var(--bg-grad-1) 100%);color:var(--text);margin:0;font-family:Inter,system-ui,sans-serif;transition:background-color .3s,color .3s}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}.page-shell{width:min(1200px,100vw - 32px);margin:0 auto;padding:24px 0 48px}.page-shell--compact{padding-bottom:72px}.page-shell--nav{padding-bottom:0}.topbar{justify-content:space-between;align-items:center;gap:16px;padding:8px 0 28px;display:flex}.brand{align-items:center;gap:14px;display:inline-flex}.brand-mark{border:1px solid var(--line);width:44px;height:44px;box-shadow:var(--shadow);background:linear-gradient(145deg,#84d6ff3d,#8f7bff3d);border-radius:14px;place-items:center;display:grid}.brand-mark svg{width:22px;height:22px;color:var(--text)}.brand strong,.brand small{display:block}.brand strong{font-size:.98rem}.brand small{color:var(--muted);margin-top:2px}.topnav{color:var(--muted);flex-wrap:wrap;gap:14px;display:inline-flex}.topnav a{border:1px solid #0000;border-radius:999px;padding:10px 14px;transition:all .2s}.topnav a:hover{color:var(--text);border-color:var(--line);background:var(--surface-soft)}.hero{max-width:74ch;padding:40px 0 8px}.eyebrow,.section-kicker{text-transform:uppercase;letter-spacing:.18em;color:var(--accent);margin:0 0 12px;font-size:.75rem;font-weight:700}.hero h1,.section-head h1,.section-head h2,.panel h2,.card h3{margin:0;font-family:Outfit,Inter,sans-serif;line-height:.98}.hero h1{letter-spacing:-.05em;font-size:clamp(2.6rem,5.4vw,4.6rem)}.lede{max-width:60ch;color:var(--muted);margin:22px 0 0;font-size:1.05rem;line-height:1.7}.cta-row{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.btn{border:1px solid var(--line);border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 18px;transition:transform .2s,border-color .2s,background .2s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{color:#04101c;background:linear-gradient(135deg,#8ad8ff,#a69cff);border-color:#0000}.btn-secondary{background:var(--surface-soft)}.btn-ghost{color:var(--muted)}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:620px;margin:28px 0 0;padding:0;list-style:none;display:grid}.stats li,.panel,.card,.contact-card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:28px}.stats li{padding:18px 16px}.stats span{color:var(--muted);margin-bottom:8px;font-size:.84rem;display:block}.stats strong{font-size:.98rem;line-height:1.35;display:block}.parallax{width:100vw;margin-left:calc(50% - 50vw)}.parallax__visuals{background:linear-gradient(#050813 0%,#0d1322 100%);height:100vh;position:relative;overflow:hidden}.parallax__layers{position:absolute;inset:0}.parallax__layer{will-change:transform;position:absolute;inset:0}.parallax__layer-img{filter:saturate(1.05)contrast(1.03)brightness(.8);width:100%;height:auto}.parallax__layer-title{text-align:center;justify-content:center;align-items:center;height:100%;display:flex}.parallax__title{letter-spacing:-.05em;color:var(--on-photo-text);text-shadow:0 8px 40px #00000080;margin:0;font-family:Outfit,Inter,sans-serif;font-size:clamp(3rem,9.5vw,8rem);font-weight:800;line-height:.94}.parallax__fade{pointer-events:none;background:linear-gradient(#060a1233 0%,#0000 30%,#060a1299 100%);position:absolute;inset:0}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:56px;display:grid}.panel,.card,.contact-card{padding:26px}.panel h2,.section-head h2{letter-spacing:-.04em;font-size:clamp(1.8rem,3vw,3.1rem)}.panel p{color:var(--muted);line-height:1.75}.panel code{background:var(--surface-soft);color:var(--text);border-radius:999px;padding:2px 8px}.link-nav{border-top:1px solid var(--line);margin-top:96px}.link-nav-item{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:24px;padding:34px 6px;transition:padding-left .35s cubic-bezier(.16,1,.3,1);display:flex}.link-nav-item:hover,.link-nav-item:focus-visible{padding-left:22px}.link-nav-title{letter-spacing:-.04em;color:var(--muted);font-family:Outfit,Inter,sans-serif;font-size:clamp(2rem,5vw,4rem);font-weight:700;transition:color .35s}.link-nav-item:hover .link-nav-title,.link-nav-item:focus-visible .link-nav-title{color:var(--text)}.link-nav-sub{color:var(--accent);opacity:0;white-space:nowrap;font-size:.95rem;transition:opacity .35s,transform .35s;transform:translate(-14px)}.link-nav-item:hover .link-nav-sub,.link-nav-item:focus-visible .link-nav-sub{opacity:1;transform:translate(0)}.section-block{padding:96px 0 0}.section-head{margin-bottom:24px}.section-head h2{max-width:12ch}.stack-carousel{-webkit-user-select:none;user-select:none;margin-top:40px;padding:40px 0;position:relative;overflow:hidden}.stack-carousel__surface{z-index:200;cursor:grab;touch-action:pan-y;position:absolute;inset:0}.stack-carousel__surface:active{cursor:grabbing}.stack-carousel__track{height:min(58vw,420px);min-height:300px;position:relative}.stack-card{background:var(--panel-strong);border:1px solid var(--line);width:min(64vw,300px);height:min(58vw,380px);box-shadow:var(--shadow);will-change:transform, opacity;border-radius:24px;position:absolute;top:50%;left:50%;overflow:hidden}.stack-card__art{background:radial-gradient(circle at 30% 20%, hsla(var(--art-hue), 90%, 70%, .55), transparent 55%), radial-gradient(circle at 75% 80%, hsla(calc(var(--art-hue) + 60), 85%, 60%, .45), transparent 55%), linear-gradient(160deg, #0d1322, #050813);position:absolute;inset:0}.stack-card__badge{color:#04101c;text-transform:uppercase;letter-spacing:.08em;background:#ffffffeb;border-radius:999px;padding:6px 14px;font-size:.7rem;font-weight:700;position:absolute;top:16px;right:16px}.stack-card__meta{color:var(--on-photo-text);position:absolute;bottom:18px;left:18px;right:18px}.stack-card__title{letter-spacing:-.02em;margin:0 0 6px;font-family:Outfit,Inter,sans-serif;font-size:1.15rem;font-weight:700}.stack-card__desc{color:var(--on-photo-muted);margin:0;font-size:.82rem;line-height:1.5}@media (width<=640px){.stack-carousel__track{height:min(80vw,340px)}.stack-card{width:min(72vw,260px);height:min(80vw,340px)}}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.card span{color:var(--accent);letter-spacing:.16em;font-size:.78rem;font-weight:700}.card h3{letter-spacing:-.03em;margin:16px 0 10px;font-size:1.5rem}.card p{color:var(--muted);margin:0;line-height:1.7}.contact-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.contact-card{gap:12px;min-height:150px;display:grid}.contact-card span{color:var(--muted)}.contact-card strong{font-size:1.08rem;line-height:1.4}.footer{color:var(--muted);text-align:center;padding:80px 0 0}.page-copy{padding-top:42px}.cv-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px;display:grid}.list{color:var(--muted);margin:0;padding-left:18px;line-height:1.8}.list a{color:var(--accent);text-underline-offset:2px;text-decoration:underline}.list a:hover{color:var(--text)}.card-grid--portfolio{margin-top:24px}.reveal{will-change:transform, opacity}@media (width<=980px){.topbar,.content-grid,.card-grid,.contact-row,.cv-grid{grid-template-columns:1fr;display:grid}.topbar{display:flex}.stats{grid-template-columns:1fr;max-width:none}.content-grid{margin-top:40px}.section-block{padding-top:72px}.parallax__visuals{height:min(78vh,700px)}}@media (width<=640px){.page-shell{width:min(100vw - 24px,1200px)}.topnav{gap:6px}.topnav a{padding:8px 10px}.hero{padding-top:24px}.lede{font-size:1rem}.panel,.card,.contact-card{border-radius:22px;padding:20px}.parallax{margin-top:40px}.parallax__visuals{border-radius:24px;height:min(66vh,560px)}.link-nav-item{flex-direction:column;align-items:flex-start;gap:6px;padding:24px 4px}.link-nav-sub{opacity:1;transform:none}}.consent-banner{z-index:1000;background:var(--panel-strong);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;display:flex;position:fixed;bottom:16px;left:16px;right:16px}.consent-banner p{max-width:60ch;color:var(--muted);margin:0;font-size:.88rem;line-height:1.5}.consent-banner__actions{flex-shrink:0;gap:10px;display:flex}.consent-banner .btn{min-height:40px;padding:0 16px;font-size:.88rem}@media (width<=640px){.consent-banner{flex-direction:column;align-items:stretch}.consent-banner__actions{justify-content:flex-end}}