@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Space+Grotesk:wght@400;500;700&display=swap";:root{color-scheme:dark;--bg: #040712;--bg-soft: rgba(7, 16, 28, .82);--panel: rgba(10, 21, 37, .78);--panel-strong: rgba(8, 17, 30, .92);--line: rgba(126, 173, 228, .18);--line-strong: rgba(126, 173, 228, .35);--text: #eef5ff;--text-dim: #adc3df;--accent: #57d0ff;--accent-2: #8de7c1;--accent-3: #f7a95b;--shadow: 0 30px 80px rgba(0, 0, 0, .4);--radius-xl: 28px;--radius-lg: 22px;--radius-md: 16px;--section-scroll-offset: 132px;--header-mask-height: 124px;--content-readability-opacity: .5;--content-readability-width: min(1280px, calc(100vw - 72px) )}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--text);font-family:Space Grotesk,Segoe UI,sans-serif}body::selection{background:#57d0ff47}img{max-width:100%;display:block}button,a{font:inherit}a{color:inherit;text-decoration:none}.route-loading{min-height:100vh;display:grid;place-items:center;padding:32px;color:var(--text-dim);background:radial-gradient(circle at top,rgba(87,208,255,.16),transparent 35%),radial-gradient(circle at 80% 18%,rgba(247,169,91,.14),transparent 22%),var(--bg)}.route-loading__copy{display:grid;gap:12px;width:min(560px,100%);padding:28px 30px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,#0e1828eb,#070d18f0);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.route-loading__eyebrow{font-size:.74rem;letter-spacing:.22em;text-transform:uppercase;color:var(--accent)}.route-loading__copy strong{font-size:clamp(1.4rem,3vw,2rem);color:var(--text)}.route-loading__copy p{margin:0;line-height:1.7}.route-loading__spinner{width:58px;height:58px;margin:0 auto 22px;border-radius:50%;border:2px solid rgba(87,208,255,.16);border-top-color:var(--accent);border-right-color:#f7a95be0;box-shadow:0 0 0 1px #57d0ff14,inset 0 0 28px #57d0ff14;animation:route-spin .95s linear infinite}.page-shell{position:relative;min-height:100vh;overflow:clip}.page-shell:before{content:none}.page-shell:after{content:"";position:fixed;top:-32vh;bottom:-32vh;left:50%;width:var(--content-readability-width);transform:translate(-50%);z-index:1;pointer-events:none;background:rgba(0,0,0,var(--content-readability-opacity));filter:blur(96px)}.page-shell .site-nav,.page-shell .section-advance,.page-shell .content-shell,.page-shell .scene-canvas,.page-shell .scene-static{transition:opacity .52s ease,transform .72s cubic-bezier(.2,.8,.2,1),filter .72s cubic-bezier(.2,.8,.2,1)}.page-shell .content-shell>*{transition:opacity .52s ease,transform .72s cubic-bezier(.2,.8,.2,1)}.page-shell--entering .site-nav{opacity:0;transform:translateY(-28px)}.page-shell--entering .section-advance{opacity:0;transform:translateY(24px) scale(.96)}.page-shell--entering .content-shell{opacity:.72}.page-shell--entering .content-shell>*{opacity:0;transform:translateY(28px)}.page-shell--entering .scene-canvas,.page-shell--entering .scene-static{opacity:.2;transform:scale(1.018);filter:blur(12px)}.page-shell--ready .site-nav,.page-shell--ready .section-advance,.page-shell--ready .content-shell,.page-shell--ready .scene-canvas,.page-shell--ready .scene-static,.page-shell--ready .content-shell>*{opacity:1;transform:none;filter:none}.page-shell--ready .content-shell>:nth-child(1){transition-delay:90ms}.page-shell--ready .content-shell>:nth-child(2){transition-delay:.15s}.page-shell--ready .content-shell>:nth-child(3){transition-delay:.21s}.page-shell--ready .content-shell>:nth-child(4){transition-delay:.27s}.page-shell--ready .content-shell>:nth-child(5){transition-delay:.33s}.page-shell--ready .content-shell>:nth-child(6){transition-delay:.39s}@keyframes route-spin{to{transform:rotate(360deg)}}.content-shell{position:relative;z-index:2;width:min(1180px,calc(100vw - 48px));margin:0 auto;padding:32px 0 80px}.home-shell{display:grid;gap:30px}.glass-card{background:linear-gradient(180deg,#122135c7,#09101ce0);border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.site-nav-shell{position:sticky;top:0;z-index:5;width:100%;margin:0;padding:16px 24px 0}.site-nav-shell:before{content:"";position:absolute;inset:0;z-index:0;background:#040712fb}.site-nav-shell:after{content:"";position:absolute;left:0;right:0;top:calc(100% - 2px);height:20px;z-index:0;pointer-events:none;background:linear-gradient(180deg,#040712b8,#04071285 36%,#0407123d,#04071200)}.site-nav{position:relative;z-index:1;display:grid;grid-template-areas:"topbar links actions";grid-template-columns:auto 1fr auto;gap:20px;align-items:center;width:100%;margin:0;padding:14px 18px;border:1px solid var(--line);border-radius:22px;background:#050a12e0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 14px 40px #00000047}.site-nav__topbar{grid-area:topbar;display:flex;align-items:center;justify-content:space-between;min-width:0}.site-nav__brand-link{display:inline-flex;gap:12px;align-items:center;flex-shrink:0;min-width:max-content}.site-nav__brand-link strong,.site-nav__brand-link small{display:block}.site-nav__brand-link>span:last-child{flex-shrink:0}.site-nav__brand-link small{color:var(--text-dim)}.site-nav__brand-mark{display:grid;flex:0 0 42px;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#57d0ff40,#f7a95b33);color:var(--text);font-family:IBM Plex Mono,monospace;font-weight:600}.site-nav__menu{display:contents}.site-nav__toggle{display:none;position:relative;width:44px;height:44px;flex:0 0 44px;border-radius:14px;border:1px solid var(--line);background:#09121fd1;color:var(--text);cursor:pointer}.site-nav__toggle span{position:absolute;left:11px;width:20px;height:2px;border-radius:999px;background:currentColor;transform-origin:center;transition:transform .22s ease,opacity .18s ease,top .22s ease}.site-nav__toggle span:nth-child(1){top:14px}.site-nav__toggle span:nth-child(2){top:21px}.site-nav__toggle span:nth-child(3){top:28px}.site-nav__toggle.is-open span:nth-child(1){top:21px;transform:rotate(45deg)}.site-nav__toggle.is-open span:nth-child(2){opacity:0}.site-nav__toggle.is-open span:nth-child(3){top:21px;transform:rotate(-45deg)}.site-nav__links,.site-nav__actions,.hero-panel__actions,.contact-links,.project-card__links,.ide-toolbar__actions,.chip-row{display:flex;gap:12px;flex-wrap:wrap}.site-nav__links{grid-area:links;justify-content:center;flex-wrap:nowrap;min-width:max-content}.site-nav__actions{grid-area:actions;flex-wrap:nowrap;min-width:max-content;justify-self:end}.site-nav__link{padding:10px 12px;border-radius:999px;color:var(--text-dim);transition:background-color .16s ease,color .16s ease}.site-nav__link:hover,.site-nav__link:focus-visible,.site-nav__link.is-active{background:#57d0ff1f;color:var(--text)}.site-nav__button,.cta-button,.project-card__links a,.contact-links a,.example-card{border-radius:999px;border:1px solid transparent;transition:transform .18s ease,border-color .18s ease,background-color .18s ease}.site-nav__button,.cta-button{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;background:linear-gradient(135deg,#57d0ff3d,#57d0ff1f);border-color:#57d0ff3d}.site-nav__button--ghost,.cta-button--secondary{background:transparent;border-color:var(--line)}.site-nav__button:hover,.cta-button:hover,.project-card__links a:hover,.contact-links a:hover,.example-card:hover,button:hover{transform:translateY(-1px)}.section-advance{position:fixed;left:0;right:0;bottom:28px;z-index:4;display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;padding:0;border:1px solid rgba(126,173,228,.2);border-radius:999px;background:#070e19d1;color:var(--text);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 42px #00000042;margin-inline:auto;cursor:pointer;transition:transform .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease,opacity .24s ease}.section-advance:hover,.section-advance:focus-visible{transform:translateY(-10%);border-color:#57d0ff5c;background:#0a1525f5;box-shadow:0 20px 46px #0000004d}.section-advance:focus-visible{outline:2px solid rgba(87,208,255,.38);outline-offset:3px}.section-advance__label{max-width:0;overflow:hidden;opacity:0;white-space:nowrap;font-size:.92rem;color:var(--text-dim);transform:translate(-8px);transition:max-width .24s ease,opacity .18s ease,transform .24s ease,margin-right .24s ease}.section-advance__icon{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#57d0ff3d,#57d0ff1a);color:var(--text);transition:transform .24s ease,background-color .18s ease}.section-advance:hover .section-advance__icon,.section-advance:focus-visible .section-advance__icon{background:linear-gradient(135deg,#57d0ff4d,#f7a95b29)}.section-advance__icon svg{width:18px;height:18px}.section-advance--return .section-advance__icon{transform:rotate(180deg)}.section-advance--return{width:fit-content;padding:10px 12px 10px 16px;gap:12px;max-width:calc(100vw - 44px)}.section-advance--return .section-advance__label{max-width:140px;margin-right:2px;opacity:1;transform:translate(0)}.section-advance--return:hover .section-advance__icon,.section-advance--return:focus-visible .section-advance__icon{transform:rotate(180deg)}.hero-panel{min-height:calc(100vh - 160px);display:grid;scroll-margin-top:var(--section-scroll-offset);grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:22px;align-items:stretch}.content-section,.ide-hero,.ide-workspace,.ide-sidebar,.ide-toolbar,.ide-panel,.contact-card,.feature-card,.metric-card,.skill-card,.project-card,.experience-card,.example-card{border-radius:var(--radius-xl)}.content-section,.ide-hero,.ide-workspace,.ide-sidebar,.ide-toolbar,.ide-panel,.contact-card{padding:28px}.hero-panel__copy{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:10px 0}.hero-panel__aside{display:grid;align-content:center;gap:22px;min-width:0;padding:10px 0}.hero-panel__eyebrow,.section-heading__eyebrow,.project-card__slug,.experience-card__company{display:inline-block;text-transform:uppercase;letter-spacing:.18em;font-size:.76rem;color:var(--accent)}.hero-panel h1,.ide-hero h1{margin:10px 0 12px;font-size:clamp(3rem,8vw,6rem);line-height:.95;text-shadow:0 10px 36px rgba(0,0,0,.38)}.hero-panel__title{font-size:clamp(1.2rem,2vw,1.7rem);color:var(--text);max-width:34rem;margin:0}.hero-panel__summary,.section-heading p,.ide-hero p,.experience-card__summary,.project-card p,.skill-card p,.contact-card p,.feature-card p{color:var(--text-dim);line-height:1.7}.hero-panel__summary{max-width:40rem;text-shadow:0 8px 24px rgba(0,0,0,.3)}.detail-list{margin:0;padding-left:1.2rem;color:var(--text);display:grid;gap:10px}.detail-list--hero{margin-top:14px;max-width:40rem;text-shadow:0 8px 24px rgba(0,0,0,.28)}.hero-panel__portrait-wrap{width:min(100%,470px);margin-left:auto;padding:12px;border-radius:24px;border:1px solid rgba(126,173,228,.12);background:radial-gradient(circle at top,#57d0ff2e,#57d0ff00 60%),linear-gradient(180deg,#0b14224d,#0b142214);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-panel__portrait{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:22px}.metric-grid,.impact-grid,.skill-grid{display:grid;gap:16px}.metric-grid{margin-top:0;grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card,.feature-card,.skill-card,.experience-card,.project-card,.example-card{padding:18px;background:#0b1626b3;border:1px solid var(--line)}.metric-card{text-decoration:none;color:inherit}.metric-card--interactive{display:block;transition:transform .16s ease,border-color .16s ease,background-color .16s ease,box-shadow .16s ease}.metric-card--interactive:hover,.metric-card--interactive:focus-visible{transform:translateY(-2px);border-color:#57d0ff57;background:#0f1d31d1;box-shadow:0 14px 32px #0000002e}.metric-card span{display:block;margin-bottom:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.12em;font-size:.76rem}.metric-card strong{font-size:1rem;line-height:1.5}.metric-card__link-value{display:inline-flex;align-items:center;gap:8px;line-height:1.2}.metric-card__link-indicator{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:1.05rem;height:1.05rem;aspect-ratio:1 / 1;border-radius:999px;border:1px solid rgba(87,208,255,.28);color:#8ddfff;transition:border-color .16s ease,background-color .16s ease,color .16s ease,transform .16s ease}.metric-card__link-indicator svg{width:.82rem;height:.82rem;display:block;transform:translate(1px,1px)}.metric-card--interactive:hover .metric-card__link-indicator,.metric-card--interactive:focus-visible .metric-card__link-indicator{border-color:#57d0ff6b;background:#57d0ff1f;color:#dff8ff;transform:translateY(-1px)}.content-section{display:grid;gap:24px;scroll-margin-top:var(--section-scroll-offset)}.section-heading h2{margin:10px 0 12px;font-size:clamp(1.9rem,4vw,3rem)}.impact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.experience-grid,.project-grid{display:grid;gap:18px}.experience-grid,.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.experience-card__header,.ide-panel__header,.ide-toolbar,.project-card__content,.ide-sidebar__section{display:flex;gap:16px}.experience-card__header,.ide-panel__header,.ide-toolbar{justify-content:space-between;align-items:start}.experience-card__meta{display:grid;gap:6px;justify-items:end;color:var(--text-dim);text-align:right}.experience-card .chip-row{margin-top:22px}.chip{display:inline-flex;align-items:center;padding:9px 12px;border-radius:999px;background:#57d0ff1f;border:1px solid rgba(87,208,255,.18);color:var(--text);font-size:.92rem}.chip--muted{background:#ffffff0f;border-color:#ffffff14}.project-card{overflow:hidden}.project-card__image{width:100%;height:240px;object-fit:cover}.project-card__content{flex-direction:column;padding:22px}.project-card__impact{padding-top:8px;border-top:1px solid var(--line)}.project-card__links a,.contact-links a{padding:10px 14px;background:#ffffff0a;border:1px solid var(--line)}.skill-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.contact-card{display:grid;gap:18px;grid-template-columns:1fr auto;align-items:center}.contact-links{justify-content:flex-end;justify-self:end}.scene-canvas,.scene-static{position:fixed;inset:0;z-index:0}.scene-static{background:radial-gradient(circle at top,rgba(87,208,255,.12),transparent 34%),var(--bg)}.scene-static__gradient,.scene-static__grid,.scene-static__glow{position:absolute}.scene-static__gradient,.scene-static__grid,.scene-static__glow{inset:0}.scene-static__gradient{background:radial-gradient(circle at 20% 20%,rgba(87,208,255,.14),transparent 32%),radial-gradient(circle at 80% 26%,rgba(247,169,91,.12),transparent 28%),radial-gradient(circle at 50% 80%,rgba(141,231,193,.1),transparent 30%)}.scene-static__grid{background-image:linear-gradient(rgba(126,173,228,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(126,173,228,.06) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(circle at center,rgba(0,0,0,1),transparent 80%);mask-image:radial-gradient(circle at center,rgba(0,0,0,1),transparent 80%)}.scene-static__glow--left{background:radial-gradient(circle at 10% 40%,rgba(87,208,255,.18),transparent 28%)}.scene-static__glow--right{background:radial-gradient(circle at 90% 20%,rgba(223,125,255,.16),transparent 26%)}.ide-shell{display:grid;gap:24px}.ide-workspace,.ide-workspace__body,.ide-panels,.ide-panel{display:grid;gap:18px}.ide-workspace__header{display:grid;gap:10px;grid-template-columns:minmax(0,1fr);align-items:start;min-width:0}.ide-workspace__header p{margin:0;color:var(--text-dim);line-height:1.6}.ide-workspace__title{margin:8px 0 12px;font-size:clamp(2.4rem,7vw,4rem);line-height:.94}.ide-workspace__example-meta{display:grid;gap:0}.ide-example-rail{position:relative;overflow:visible;padding:0 52px;border-radius:24px;min-width:0;max-width:100%}.ide-example-rail__scroller{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(208px,232px);gap:12px;overflow-x:auto;overflow-y:hidden;padding:6px 18px 12px;scrollbar-width:none;width:100%;max-width:100%;min-width:0;box-sizing:border-box;-webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.82) 28px,rgba(0,0,0,1) 68px,rgba(0,0,0,1) calc(100% - 68px),rgba(0,0,0,.82) calc(100% - 28px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.82) 28px,rgba(0,0,0,1) 68px,rgba(0,0,0,1) calc(100% - 68px),rgba(0,0,0,.82) calc(100% - 28px),transparent 100%)}.ide-example-rail__nav{position:absolute;top:50%;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid rgba(87,208,255,.18);border-radius:999px;background:#08101ceb;color:#d6e9ffeb;box-shadow:0 10px 24px #02071242;transform:translateY(calc(-50% - 6px));transition:transform .18s ease,border-color .18s ease,background-color .18s ease,color .18s ease}.ide-example-rail__nav:hover:not(:disabled){transform:translateY(calc(-50% - 7px));border-color:#57d0ff4d;background:#0e1a2afa}.ide-example-rail__nav:disabled{opacity:.42;cursor:default;transform:translateY(calc(-50% - 6px))}.ide-example-rail__nav svg{width:1rem;height:1rem}.ide-example-rail__nav--previous{left:4px}.ide-example-rail__nav--next{right:4px}.ide-example-rail__scroller::-webkit-scrollbar{display:none}.example-card{display:grid;gap:6px;min-height:104px;border-radius:28px;padding:16px 18px 18px;text-align:left;cursor:pointer;color:var(--text)}.example-card span{color:var(--text-dim);line-height:1.45}.example-card.is-active{border-color:#57d0ff66;background:#57d0ff1f}.ide-workspace__body{grid-template-columns:minmax(0,1.45fr) minmax(340px,.72fr);align-items:stretch;gap:18px;min-width:0}.ide-panel{grid-template-rows:auto minmax(0,1fr);align-content:start;height:100%;padding:0;min-width:0}.ide-panel__header{display:grid;gap:12px;grid-template-columns:minmax(0,1fr) auto;align-items:start;padding:0 8px}.ide-panel__actions{display:inline-flex;align-items:center;gap:12px;justify-self:end}.ide-panel__header h3,.ide-workspace__header h2{margin:0}.ide-panel__header>div>span{color:var(--text-dim);line-height:1.5}.ide-run-button{display:inline-flex;align-items:center;gap:10px;padding:.8rem 1.1rem;border:1px solid rgba(255,184,76,.42);border-radius:999px;background:linear-gradient(135deg,#ffb84cf5,#ff7838f5);color:#13233d;font:inherit;font-weight:700;line-height:1;box-shadow:0 10px 24px #ff8c3833;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.ide-run-button:hover{transform:translateY(-1px);box-shadow:0 14px 28px #ff8c3842;filter:saturate(1.06)}.ide-run-button:focus-visible{outline:2px solid rgba(255,224,168,.9);outline-offset:3px}.ide-run-button__icon{display:inline-flex;width:1rem;height:1rem}.ide-run-button__icon svg{width:100%;height:100%}.ide-editor{min-height:62vh;height:100%;border-radius:18px;overflow:hidden;border:1px solid rgba(87,208,255,.14)}.ide-editor--wide,.ide-panel--console{min-height:76vh}.console-output{margin:0;height:100%;min-height:0;padding:20px;border-radius:18px;border:1px solid rgba(247,169,91,.18);background:#050c15eb;color:#d9e8ff;font:.92rem/1.75 IBM Plex Mono,monospace;white-space:pre-wrap;overflow:auto}@media(max-width:1320px){.site-nav{grid-template-areas:"topbar actions" "links links";grid-template-columns:1fr auto;justify-items:stretch}.site-nav__links{width:100%;justify-content:flex-start}.site-nav__actions{width:auto;justify-self:end;justify-content:flex-end;align-self:center}.site-nav__button{width:auto;padding:12px 18px;white-space:nowrap}}@media(max-width:1180px){:root{--header-mask-height: 196px}.site-nav{grid-template-areas:"topbar actions" "links links";grid-template-columns:1fr auto;justify-items:start}.section-advance{bottom:22px}.hero-panel,.contact-card,.experience-grid,.impact-grid,.project-grid,.skill-grid,.ide-panels,.ide-hero,.ide-workspace__header,.ide-workspace__body{grid-template-columns:1fr}.hero-panel__aside{justify-items:center}.hero-panel__copy{width:fit-content;max-width:min(100%,760px);margin-inline:auto;justify-self:center}.hero-panel__aside{width:100%;max-width:760px;margin-inline:auto}.hero-panel__portrait-wrap{margin-inline:auto}.ide-example-rail{padding-inline:42px}.ide-example-rail__scroller{padding:6px 10px 8px;-webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.82) 18px,rgba(0,0,0,1) 42px,rgba(0,0,0,1) calc(100% - 42px),rgba(0,0,0,.82) calc(100% - 18px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.82) 18px,rgba(0,0,0,1) 42px,rgba(0,0,0,1) calc(100% - 42px),rgba(0,0,0,.82) calc(100% - 18px),transparent 100%)}.ide-example-rail__nav{width:34px;height:34px}.ide-example-rail__nav--previous{left:0}.ide-example-rail__nav--next{right:0}}@media(max-width:768px){:root{--section-scroll-offset: 196px;--header-mask-height: 108px;--content-readability-width: min(100vw - 28px, 980px)}.page-shell:has(.site-nav.is-mobile-open):before{height:360px}.route-loading{padding:18px}.route-loading__copy{padding:22px}.content-shell{width:min(100vw - 28px,1000px);padding-top:24px}.site-nav{grid-template-areas:"topbar" "menu";grid-template-columns:1fr;justify-items:stretch;gap:0}.site-nav-shell{padding:12px 14px 0}.site-nav__toggle{display:inline-flex;align-items:center;justify-content:center}.site-nav__menu{display:grid;grid-area:menu;gap:12px;width:100%;align-content:start;max-height:0;opacity:0;overflow:hidden;pointer-events:none;transform:translateY(-8px);transition:max-height .26s ease,opacity .18s ease,transform .26s ease,margin-top .26s ease;margin-top:0}.site-nav.is-mobile-open .site-nav__menu{max-height:420px;opacity:1;pointer-events:auto;transform:none;margin-top:14px}.section-advance{width:60px;max-width:none;bottom:18px}.section-advance--return{width:fit-content;max-width:min(420px,calc(100vw - 44px))}.site-nav__actions{display:grid;gap:12px;grid-area:auto;width:100%;grid-template-columns:1fr;justify-self:stretch;justify-content:flex-start;align-self:stretch;min-width:0}.site-nav__topbar{min-height:42px}.site-nav__button,.cta-button{width:100%;justify-self:stretch}.site-nav__links{grid-area:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;justify-content:stretch;width:100%;min-width:0}.site-nav__link{width:100%;text-align:center}.hero-panel h1{font-size:clamp(2.7rem,18vw,4.2rem)}.hero-panel__copy,.content-section,.ide-workspace,.contact-card{padding:22px}.hero-panel__copy,.hero-panel__aside{padding:0 10px}.hero-panel__portrait-wrap{width:min(100%,520px);margin-inline:auto}.ide-workspace__body{gap:22px}.ide-panel{padding:0}.ide-panel__header,.experience-card__header{justify-items:stretch}.ide-run-button{justify-self:stretch}.ide-panel__actions{display:grid;justify-self:stretch}.ide-workspace__header,.ide-workspace__example-meta{grid-template-columns:1fr}.experience-card__meta{justify-items:start;text-align:left}}@media(max-width:560px){.metric-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-reduced-motion:reduce){.route-loading__spinner{animation:none}.page-shell .site-nav,.page-shell .content-shell,.page-shell .content-shell>*,.page-shell .scene-canvas,.page-shell .scene-static{transition:none}}