.nav{position:sticky;top:0;z-index:50;background:var(--nav-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--edge)}.nav__progress{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--accent-grad);transform:scaleX(0);transform-origin:left}.nav__inner{display:flex;align-items:center;gap:var(--space-3);height:64px}.nav__brand{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-mono);font-weight:500;font-size:1.05rem;letter-spacing:.02em}.nav__brand-mark{width:10px;height:10px;border-radius:3px;background:var(--accent-grad);box-shadow:0 0 12px #ff8a5e80}.nav__links{display:flex;gap:var(--space-3);margin-left:var(--space-2)}.nav__link{font-size:.92rem;font-weight:500;color:var(--text-2);transition:color .2s var(--ease-out)}.nav__link:hover{color:var(--text-1)}.nav__actions{margin-left:auto;display:flex;align-items:center;gap:.35rem}.nav__icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-s);color:var(--text-2);transition:color .2s var(--ease-out),background-color .2s var(--ease-out),transform .2s var(--ease-out)}.nav__icon:hover{color:var(--text-1);background:var(--bg-2);transform:translateY(-1px)}.nav__burger{display:none;position:relative;width:38px;height:38px;border-radius:var(--radius-s)}.nav__burger-bar{position:absolute;left:9px;width:20px;height:2px;border-radius:2px;background:var(--text-1);transition:transform .3s var(--ease-swift),top .3s var(--ease-swift)}.nav__burger-bar:nth-child(1){top:15px}.nav__burger-bar:nth-child(2){top:22px}.nav__burger-bar.is-x1{top:18px;transform:rotate(45deg)}.nav__burger-bar.is-x2{top:18px;transform:rotate(-45deg)}@media(max-width:767px){.nav__links{position:absolute;top:64px;left:0;right:0;flex-direction:column;gap:0;margin:0;padding:var(--space-1) 1.25rem var(--space-2);background:var(--nav-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--edge);display:none}.nav__links.is-open{display:flex}.nav__link{padding:.8rem 0;font-size:1.05rem;border-bottom:1px solid var(--edge)}.nav__link:last-child{border-bottom:none}.nav__burger{display:block}.nav__actions{gap:.15rem}.nav__icon{width:36px;height:36px}}@media(max-width:420px){.nav__actions .nav__icon[title=Resume]{display:none}}.hero{position:relative;overflow:hidden;min-height:calc(100svh - 64px);display:flex;align-items:center}.hero:before{content:"";position:absolute;inset:-20% -10% auto;height:100%;background:radial-gradient(ellipse 55% 45% at 72% 35%,rgba(255,138,94,.1),transparent 70%),radial-gradient(ellipse 40% 35% at 20% 15%,rgba(255,179,92,.05),transparent 70%);pointer-events:none}.hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;cursor:grab;touch-action:pan-y}.hero__bg.is-grabbing{cursor:grabbing}.hero{-webkit-user-select:none;user-select:none}.hero__copy{-webkit-user-select:text;user-select:text}.hero__inner{position:relative;width:100%;padding:var(--space-5) 0;pointer-events:none}.hero__copy a,.hero__copy button{pointer-events:auto}.hero__copy{max-width:40rem}.hero__headline{font-size:var(--step-4);font-weight:700;margin-top:var(--space-2);text-wrap:balance}.hero__headline.grad-text{filter:drop-shadow(0 4px 28px rgba(255,122,84,.22));background-size:220% 100%;animation:name-shimmer 7s var(--ease-swift) infinite alternate}@keyframes name-shimmer{0%{background-position:0% 0}to{background-position:100% 0}}.hero__tagline{font-family:var(--font-display);font-size:var(--step-2);font-weight:500;line-height:1.2;letter-spacing:-.01em;color:var(--text-1);margin-top:var(--space-3)}.hero__sub{margin-top:var(--space-2);max-width:34rem;font-size:var(--step-1);line-height:1.55;color:var(--text-2)}.hero__cta{display:flex;gap:var(--space-2);margin-top:var(--space-4)}.btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;border-radius:999px;font-weight:600;font-size:.95rem;transition:transform .25s var(--ease-out),box-shadow .25s var(--ease-out),background-color .25s var(--ease-out)}.btn:after{content:"";position:absolute;top:0;bottom:0;left:-80%;width:55%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.32),transparent);transform:skew(-20deg);transition:left .55s var(--ease-swift);pointer-events:none}.btn:hover:after{left:125%}.btn--primary{background:var(--accent-grad);color:var(--accent-ink);box-shadow:0 4px 20px #ff7a5459,var(--top-light)}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px #ff7a5473}.btn--ghost{border:1px solid var(--edge-strong);color:var(--text-1);background:var(--bg-1);box-shadow:var(--shadow-1),var(--top-light)}.btn--ghost:hover{transform:translateY(-2px);border-color:var(--edge-lit);box-shadow:var(--shadow-2)}.hero__stack{margin-top:var(--space-4)}.hero__caption{position:absolute;right:1.5rem;bottom:1.2rem;margin:0;pointer-events:none}.hero__caption:before{content:"";display:inline-block;width:7px;height:7px;margin-right:.55rem;border-radius:50%;background:var(--accent-solid);box-shadow:0 0 8px #ffa14e99}@media(max-width:880px){.hero{min-height:calc(100svh - 64px);align-items:flex-start}.hero__inner{padding-top:var(--space-4)}.hero__caption{right:auto;left:1.25rem}}.about{padding:var(--space-6) 0 var(--space-5)}.about__heading{font-size:var(--step-3);font-weight:600;margin-top:var(--space-1)}.about__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--space-5);margin-top:var(--space-4);align-items:start}.about__text{display:flex;flex-direction:column;gap:var(--space-3);font-size:var(--step-1);line-height:1.65;color:var(--text-2)}.about__text p:first-child{color:var(--text-1)}.about__facts{list-style:none;display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0}.about__fact{display:flex;flex-direction:column;gap:.3rem;padding:var(--space-3);border-radius:var(--radius-m);background:var(--bg-1);border:1px solid var(--edge);box-shadow:var(--shadow-1),var(--top-light);transition:transform .3s var(--ease-out),box-shadow .3s var(--ease-out),border-color .3s var(--ease-out)}.about__fact:hover{transform:translateY(-3px);border-color:var(--edge-lit);box-shadow:var(--shadow-2),var(--top-light)}.about__fact-value{font-family:var(--font-display);font-size:var(--step-3);font-weight:600;line-height:1}.about__fact-label{color:var(--text-2);font-size:.92rem}@media(max-width:900px){.about__grid{grid-template-columns:1fr;gap:var(--space-4)}}.projects{padding:var(--space-6) 0}.projects__heading{font-size:var(--step-3);font-weight:600;margin-top:var(--space-1)}.projects__grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--space-3);margin-top:var(--space-4)}.card{display:flex;flex-direction:column;border-radius:var(--radius-l);background:var(--bg-1);border:1px solid var(--edge);box-shadow:var(--shadow-1),var(--top-light);overflow:hidden;transition:transform .35s var(--ease-out),box-shadow .35s var(--ease-out),border-color .35s var(--ease-out)}.card:hover{transform:translateY(-6px);box-shadow:var(--shadow-2),var(--top-light);border-color:var(--edge-strong)}.card--wide{grid-column:span 7}.card--narrow{grid-column:span 5}.card--featured{position:relative;background:linear-gradient(var(--bg-1),var(--bg-1)) padding-box,linear-gradient(140deg,rgba(255,179,92,.55),rgba(255,107,94,.12) 45%,transparent 70%) border-box;border:1px solid transparent;box-shadow:var(--shadow-2),var(--top-light)}.card--featured:hover{box-shadow:var(--shadow-3),0 12px 48px #ff7a5424}.card__media-link{display:block}.card__title-link{display:inline-flex;align-items:center;gap:.6rem}.card__title-link:hover{color:var(--accent-solid)}.card__media{position:relative;height:220px;overflow:hidden}.card--featured .card__media{height:260px}.card__heatmap{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 120% 100% at 50% 120%,#241318,#160f14 60%,#120d11)}:root[data-theme=light] .card__heatmap{background:radial-gradient(ellipse 120% 100% at 50% 120%,#fbe9d8,#f8f1e6 60%,#f5efe6)}.card__heatmap-layer{position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;background:radial-gradient(ellipse 30% 40% at 30% 60%,rgba(255,107,94,.5),transparent 70%),radial-gradient(ellipse 35% 30% at 70% 40%,rgba(255,179,92,.45),transparent 70%),radial-gradient(ellipse 25% 35% at 55% 75%,rgba(255,138,94,.3),transparent 70%),radial-gradient(ellipse 20% 25% at 42% 30%,rgba(94,158,255,.18),transparent 70%);filter:blur(18px);animation:heatmap-drift 14s ease-in-out infinite alternate}.card__heatmap-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(244,237,229,.16) 1px,transparent 1.4px);background-size:14px 14px;-webkit-mask-image:radial-gradient(ellipse 90% 90% at 50% 55%,black 30%,transparent 80%);mask-image:radial-gradient(ellipse 90% 90% at 50% 55%,black 30%,transparent 80%)}:root[data-theme=light] .card__heatmap-grid{background-image:radial-gradient(rgba(36,27,22,.2) 1px,transparent 1.4px)}@keyframes heatmap-drift{0%{transform:translate3d(-3%,-2%,0) scale(1)}to{transform:translate3d(3%,3%,0) scale(1.08)}}.card__forensics{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,rgba(255,138,94,.14),transparent 45%),repeating-linear-gradient(0deg,transparent 0px,transparent 3px,rgba(244,237,229,.025) 3px,rgba(244,237,229,.025) 4px),radial-gradient(ellipse 100% 90% at 80% 10%,#201623,#140f15 65%)}:root[data-theme=light] .card__forensics{background:linear-gradient(160deg,rgba(224,90,53,.12),transparent 45%),repeating-linear-gradient(0deg,transparent 0px,transparent 3px,rgba(36,27,22,.03) 3px,rgba(36,27,22,.03) 4px),radial-gradient(ellipse 100% 90% at 80% 10%,#f3e6da,#f7f1e8 65%)}.card__scanline{position:absolute;left:0;right:0;height:34%;background:linear-gradient(180deg,transparent,rgba(255,138,94,.09) 50%,rgba(255,138,94,.16) 52%,transparent 53%);animation:scan 7s var(--ease-swift) infinite}@keyframes scan{0%{top:-35%}60%{top:100%}to{top:100%}}.card__pipeline{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(200deg,rgba(255,179,92,.1),transparent 50%),radial-gradient(ellipse 110% 100% at 20% 110%,#1d1520,#130e13 65%)}:root[data-theme=light] .card__pipeline{background:linear-gradient(200deg,rgba(232,135,58,.12),transparent 50%),radial-gradient(ellipse 110% 100% at 20% 110%,#f6e9db,#f8f2e9 65%)}.card__pipeline-flow{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(115deg,transparent 0 26px,rgba(255,138,94,.14) 26px 30px,transparent 30px 72px,rgba(255,179,92,.08) 72px 76px);background-size:220% 100%;animation:pipeline-flow 16s linear infinite}:root[data-theme=light] .card__pipeline-flow{background:repeating-linear-gradient(115deg,transparent 0 26px,rgba(224,90,53,.14) 26px 30px,transparent 30px 72px,rgba(209,106,30,.09) 72px 76px);background-size:220% 100%}@keyframes pipeline-flow{0%{background-position:0 0}to{background-position:-400px 0}}.card__pipeline-nodes{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(244,237,229,.2) 1.2px,transparent 1.6px);background-size:26px 26px;-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 25%,transparent 78%);mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 25%,transparent 78%)}:root[data-theme=light] .card__pipeline-nodes{background-image:radial-gradient(rgba(36,27,22,.22) 1.2px,transparent 1.6px)}.card__geometry{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 110% 100% at 70% -10%,#1c1420,#130e13 70%)}:root[data-theme=light] .card__geometry{background:radial-gradient(ellipse 110% 100% at 70% -10%,#f4e8dc,#f8f2e9 70%)}.card__geometry svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.card__geometry-hull polygon{fill:#ff8a5e12;stroke:#ff8a5e8c;stroke-width:1.6;stroke-linejoin:round}.card__geometry-tree path{fill:none;stroke:#ffb35c59;stroke-width:1.3;stroke-linecap:round}.card__geometry-points circle{fill:#f4ede58c}:root[data-theme=light] .card__geometry-hull polygon{fill:#e05a3514;stroke:#e05a3599}:root[data-theme=light] .card__geometry-tree path{stroke:#d16a1e73}:root[data-theme=light] .card__geometry-points circle{fill:#241b1680}.card__repos{list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0}.card__repo-link{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-mono);font-size:.82rem;color:var(--accent-solid);transition:color .2s var(--ease-out)}.card__repo-link:hover{color:var(--text-1)}.card__flag{position:absolute;top:1rem;left:1.1rem;padding:.3rem .7rem;border-radius:999px;background:var(--accent-grad);color:var(--accent-ink);font-weight:500}.card__body{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);flex:1}.card__title{display:flex;align-items:center;gap:.6rem;font-size:var(--step-2);font-weight:600}.card__arrow{display:inline-flex;color:var(--text-3);transition:transform .3s var(--ease-out),color .3s var(--ease-out)}.card:hover .card__arrow{transform:translate(3px,-3px);color:var(--accent-solid)}.card__note{margin-top:-.5rem}.card__blurb{color:var(--text-2);font-size:.97rem;line-height:1.65}.card__tech{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;margin:auto 0 0;padding:0}.card__chip{font-family:var(--font-mono);font-size:.75rem;padding:.3rem .65rem;border-radius:999px;border:1px solid var(--edge-strong);background:var(--bg-2);color:var(--text-2)}@media(max-width:900px){.card--wide,.card--narrow{grid-column:span 12}.card__media,.card--featured .card__media{height:200px}}.experience{padding:var(--space-6) 0}.experience__heading{font-size:var(--step-3);font-weight:600;margin-top:var(--space-1)}.timeline{list-style:none;margin:var(--space-4) 0 0;padding:0;position:relative}.timeline:before{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:2px;background:linear-gradient(180deg,var(--accent-solid),var(--edge-strong) 30%,var(--edge))}.timeline__item{position:relative;padding-left:var(--space-4);margin-bottom:var(--space-3)}.timeline__item:last-child{margin-bottom:0}.timeline__dot{position:absolute;left:0;top:28px;width:16px;height:16px;border-radius:50%;background:var(--bg-0);border:2px solid var(--accent-solid);box-shadow:0 0 10px #ffa14e59}.timeline__card{padding:var(--space-3);border-radius:var(--radius-m);background:var(--bg-1);border:1px solid var(--edge);box-shadow:var(--shadow-1),var(--top-light);transition:transform .3s var(--ease-out),box-shadow .3s var(--ease-out),border-color .3s var(--ease-out)}.timeline__card:hover{transform:translate(4px);border-color:var(--edge-lit);box-shadow:var(--shadow-2),var(--top-light)}.timeline__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);flex-wrap:wrap}.timeline__org{font-size:var(--step-1);font-weight:600}.timeline__title{margin-top:.3rem;color:var(--accent-solid);font-weight:500;font-size:.95rem}.timeline__points{margin:var(--space-1) 0 0;padding-left:1.1rem;color:var(--text-2);font-size:.95rem;line-height:1.6}.timeline__points li+li{margin-top:.35rem}.skills{padding:var(--space-6) 0}.skills__heading{font-size:var(--step-3);font-weight:600;margin-top:var(--space-1)}.skills__groups{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4)}.skills__group{padding:var(--space-3);border-radius:var(--radius-m);background:var(--bg-1);border:1px solid var(--edge);box-shadow:var(--shadow-1),var(--top-light)}.skills__group--primary{border-color:var(--edge-strong)}.skills__group-name{margin-bottom:var(--space-2)}.skills__list{list-style:none;display:flex;flex-wrap:wrap;gap:.6rem;margin:0;padding:0}.skills__chip{font-family:var(--font-mono);font-size:.85rem;padding:.45rem .9rem;border-radius:999px;border:1px solid var(--edge-strong);background:var(--bg-2);color:var(--text-2);transition:color .2s var(--ease-out),border-color .2s var(--ease-out),transform .2s var(--ease-out)}.skills__chip:hover{transform:translateY(-2px);color:var(--text-1);border-color:var(--edge-lit)}.skills__chip--primary{font-size:.95rem;padding:.55rem 1.1rem;color:var(--text-1);border-color:#ffa14e4d;background:linear-gradient(180deg,var(--bg-3),var(--bg-2))}:root[data-theme=light] .skills__chip--primary{border-color:#d16a1e59}.contact{position:relative;padding:var(--space-6) 0 var(--space-4);overflow:hidden}.contact:before{content:"";position:absolute;inset:auto -20% -40%;height:90%;background:radial-gradient(ellipse 60% 55% at 50% 100%,rgba(255,122,84,.12),transparent 70%);pointer-events:none}.contact__inner{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}.contact__heading{font-size:var(--step-3);font-weight:600;margin-top:var(--space-1);max-width:24ch;text-wrap:balance}.contact__sub{margin-top:var(--space-2);max-width:44ch;color:var(--text-2);font-size:var(--step-1);line-height:1.6}.contact__actions{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;justify-content:center}.contact__links{display:flex;gap:.5rem}.contact__icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:var(--radius-s);color:var(--text-2);border:1px solid var(--edge-strong);background:var(--bg-1);box-shadow:var(--shadow-1),var(--top-light);transition:color .2s var(--ease-out),transform .2s var(--ease-out),border-color .2s var(--ease-out)}.contact__icon:hover{color:var(--text-1);transform:translateY(-2px);border-color:var(--edge-lit)}.contact__fine{margin-top:var(--space-5);text-transform:none;letter-spacing:.04em}:root,:root[data-theme=dark]{--bg-0: #0f0b0d;--bg-1: #171114;--bg-2: #201820;--bg-3: #2a1f28;--text-1: #f4ede5;--text-2: #b3a69e;--text-3: #7d716b;--accent-1: #ffb35c;--accent-2: #ff6b5e;--accent-solid: #ffa14e;--accent-ink: #1a0f08;--accent-grad: linear-gradient(120deg, var(--accent-1), var(--accent-2));--edge: rgba(244, 237, 229, .08);--edge-strong: rgba(244, 237, 229, .14);--edge-lit: rgba(255, 179, 92, .35);--shadow-1: 0 1px 2px rgba(0, 0, 0, .4), 0 4px 12px rgba(0, 0, 0, .35);--shadow-2: 0 2px 4px rgba(0, 0, 0, .45), 0 12px 32px rgba(0, 0, 0, .45);--shadow-3: 0 4px 8px rgba(0, 0, 0, .5), 0 24px 64px rgba(0, 0, 0, .55);--top-light: inset 0 1px 0 rgba(255, 245, 235, .06);--pt-ref: rgba(179, 166, 158, .5);--pt-src: #ff8a5e;--pt-locked: #ffc46b;--pt-line: rgba(255, 138, 94, .28);--pt-ambient: rgba(210, 195, 185, .55);--pt-link: rgba(210, 195, 185, .16);--pt-far: #ff5f70;--nav-bg: rgba(15, 11, 13, .72);color-scheme:dark}:root[data-theme=light]{--bg-0: #faf5ee;--bg-1: #ffffff;--bg-2: #fdf9f3;--bg-3: #f4ece1;--text-1: #241b16;--text-2: #6d5f55;--text-3: #99897d;--accent-1: #e8873a;--accent-2: #e04f42;--accent-solid: #d16a1e;--accent-ink: #ffffff;--accent-grad: linear-gradient(120deg, var(--accent-1), var(--accent-2));--edge: rgba(36, 27, 22, .09);--edge-strong: rgba(36, 27, 22, .16);--edge-lit: rgba(209, 106, 30, .4);--shadow-1: 0 1px 2px rgba(60, 40, 20, .08), 0 4px 12px rgba(60, 40, 20, .08);--shadow-2: 0 2px 4px rgba(60, 40, 20, .08), 0 12px 32px rgba(60, 40, 20, .12);--shadow-3: 0 4px 8px rgba(60, 40, 20, .1), 0 24px 64px rgba(60, 40, 20, .16);--top-light: inset 0 1px 0 rgba(255, 255, 255, .9);--pt-ref: rgba(109, 95, 85, .45);--pt-src: #e05a35;--pt-locked: #d16a1e;--pt-line: rgba(224, 90, 53, .3);--pt-ambient: rgba(90, 75, 65, .5);--pt-link: rgba(90, 75, 65, .14);--pt-far: #d43d52;--nav-bg: rgba(250, 245, 238, .78);color-scheme:light}:root{--font-display: "Clash Display", "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace;--step--1: clamp(.8rem, .78rem + .1vw, .85rem);--step-0: clamp(.95rem, .9rem + .2vw, 1.05rem);--step-1: clamp(1.15rem, 1.05rem + .4vw, 1.35rem);--step-2: clamp(1.5rem, 1.3rem + .9vw, 2rem);--step-3: clamp(2.1rem, 1.7rem + 1.8vw, 3.1rem);--step-4: clamp(2.9rem, 2.1rem + 3.6vw, 5rem);--space-1: .5rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2.5rem;--space-5: 4rem;--space-6: 7rem;--radius-s: 10px;--radius-m: 16px;--radius-l: 24px;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-swift: cubic-bezier(.65, 0, .35, 1);--container: 1120px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--bg-0);color:var(--text-1);font-family:var(--font-body);font-size:var(--step-0);line-height:1.6;-webkit-font-smoothing:antialiased;transition:background-color .35s var(--ease-out),color .35s var(--ease-out)}h1,h2,h3{font-family:var(--font-display);line-height:1.05;letter-spacing:-.02em;margin:0;color:var(--text-1)}p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}img,canvas{display:block;max-width:100%}:focus-visible{outline:2px solid var(--accent-solid);outline-offset:3px;border-radius:4px}::selection{background:var(--accent-solid);color:var(--accent-ink)}.container{width:min(var(--container),100% - 2.5rem);margin-inline:auto}.mono-label{font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:.14em;text-transform:uppercase;color:var(--text-3)}.grad-text{background:var(--accent-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out);transition-delay:var(--reveal-delay, 0s)}.reveal--left{transform:translate(-44px)}.reveal--right{transform:translate(44px)}.reveal--zoom{transform:scale(.92)}.reveal.is-visible{opacity:1;transform:none}.grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:60;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E")}:root[data-theme=light] .grain{opacity:.03}.spot{position:relative}.spot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .35s var(--ease-out);background:radial-gradient(260px circle at var(--spot-x, 50%) var(--spot-y, 50%),rgba(255,161,78,.1),transparent 65%)}.spot:hover:after{opacity:1}:root[data-theme=light] .spot:after{background:radial-gradient(260px circle at var(--spot-x, 50%) var(--spot-y, 50%),rgba(209,106,30,.08),transparent 65%)}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}*,*:before,*:after{animation-duration:.01ms;animation-iteration-count:1;transition-duration:.01ms}}