.site-footer[data-astro-cid-lejjx2fa]{position:relative;padding-block:clamp(5rem,3rem + 6vw,9rem) 2rem;background:var(--bg-alt);color:var(--fg-secondary);overflow:clip;isolation:isolate}.site-footer__glow[data-astro-cid-lejjx2fa]{position:absolute;left:50%;bottom:-35%;z-index:-1;width:min(110vw,1400px);aspect-ratio:2;border-radius:50%;background:radial-gradient(ellipse,rgb(var(--brand-glow-rgb) / .35),transparent 65%);filter:blur(70px);transform:translate(-50%);pointer-events:none}.site-footer__inner[data-astro-cid-lejjx2fa]{display:flex;flex-direction:column;gap:clamp(3.5rem,2rem + 4vw,6rem)}.site-footer__finale[data-astro-cid-lejjx2fa]{display:flex;flex-direction:column;gap:1rem}.site-footer__kicker[data-astro-cid-lejjx2fa]{font-size:var(--type-body-large);font-weight:600;letter-spacing:-.015em;color:var(--accent)}.site-footer__cta[data-astro-cid-lejjx2fa]{display:inline-flex;align-items:center;align-self:flex-start;gap:clamp(1rem,2vw,2rem);color:var(--fg)}.site-footer__cta-text[data-astro-cid-lejjx2fa]{position:relative;font-family:var(--font-display);font-size:clamp(2.5rem,1.2rem + 5vw,6rem);font-weight:700;line-height:1;letter-spacing:-.05em}.site-footer__cta-text[data-astro-cid-lejjx2fa]:after{content:"";position:absolute;left:0;right:0;bottom:-.08em;height:.06em;border-radius:999px;background:var(--gradient-brand);transform:scaleX(0);transform-origin:right;transition:transform .7s var(--spring-default)}.site-footer__cta[data-astro-cid-lejjx2fa]:hover .site-footer__cta-text[data-astro-cid-lejjx2fa]:after,.site-footer__cta[data-astro-cid-lejjx2fa]:focus-visible .site-footer__cta-text[data-astro-cid-lejjx2fa]:after{transform:scaleX(1);transform-origin:left}.site-footer__cta-arrow[data-astro-cid-lejjx2fa]{flex:none;display:grid;place-items:center;width:clamp(3.5rem,2.5rem + 3vw,5.5rem);aspect-ratio:1;border-radius:50%;background:var(--gradient-button);color:var(--on-brand);box-shadow:0 20px 50px -18px rgb(var(--brand-glow-rgb) / .9);overflow:hidden;transition:transform .6s var(--spring-bouncy)}.site-footer__cta-arrow[data-astro-cid-lejjx2fa] svg[data-astro-cid-lejjx2fa]{transition:transform .5s var(--spring-default)}.site-footer__cta[data-astro-cid-lejjx2fa]:hover .site-footer__cta-arrow[data-astro-cid-lejjx2fa]{transform:rotate(-45deg) scale(1.08)}.site-footer__cta[data-astro-cid-lejjx2fa]:hover .site-footer__cta-arrow[data-astro-cid-lejjx2fa] svg[data-astro-cid-lejjx2fa]{animation:site-footer-arrow-loop .6s var(--spring-default)}.site-footer__cta[data-astro-cid-lejjx2fa]:active .site-footer__cta-arrow[data-astro-cid-lejjx2fa]{transform:rotate(-45deg) scale(.94);transition-duration:.12s}@keyframes site-footer-arrow-loop{45%{transform:translate(160%)}46%{transform:translate(-160%)}to{transform:none}}.site-footer__grid[data-astro-cid-lejjx2fa]{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr) minmax(0,.8fr) auto;gap:clamp(2rem,1rem + 3vw,4rem);align-items:start}.site-footer__status[data-astro-cid-lejjx2fa]{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;padding:1.5rem;border-radius:var(--radius-large);background:var(--tile);box-shadow:inset 0 0 0 1px var(--separator)}.site-footer__availability[data-astro-cid-lejjx2fa]{display:flex;align-items:center;gap:.625rem;font-weight:600;color:var(--fg)}.site-footer__pulse[data-astro-cid-lejjx2fa]{position:relative;width:10px;height:10px;border-radius:50%;background:var(--success)}.site-footer__pulse[data-astro-cid-lejjx2fa]:after{content:"";position:absolute;inset:0;border-radius:inherit;background:inherit;animation:site-footer-pulse 2.4s ease-out infinite}@keyframes site-footer-pulse{to{opacity:0;transform:scale(3)}}.site-footer__clock[data-astro-cid-lejjx2fa]{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem;font-size:var(--type-body-large)}.site-footer__time[data-astro-cid-lejjx2fa]{font-family:var(--font-display);font-size:clamp(2rem,1.5rem + 1.5vw,2.75rem);font-weight:700;letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--fg)}.site-footer__reply[data-astro-cid-lejjx2fa]{font-size:var(--type-caption)}.site-footer__email[data-astro-cid-lejjx2fa]{margin-top:.25rem;font-weight:600;color:var(--accent);transition:color .2s ease}.site-footer__email[data-astro-cid-lejjx2fa]:hover{color:var(--fg)}.site-footer__heading[data-astro-cid-lejjx2fa]{margin-bottom:1rem;font-size:var(--type-callout);font-weight:600;color:var(--fg-tertiary)}.site-footer__column[data-astro-cid-lejjx2fa] ul[data-astro-cid-lejjx2fa]{display:flex;flex-direction:column;gap:.625rem}.site-footer__link[data-astro-cid-lejjx2fa]{display:inline-flex;align-items:center;gap:.5rem;font-size:var(--type-body);font-weight:500;color:var(--fg);transition:color .2s ease,translate .4s var(--spring-default)}.site-footer__link[data-astro-cid-lejjx2fa]:before{content:"→";width:0;overflow:hidden;color:var(--accent);opacity:0;transition:width .4s var(--spring-default),opacity .2s ease}.site-footer__link[data-astro-cid-lejjx2fa]:hover{color:var(--accent)}.site-footer__link[data-astro-cid-lejjx2fa]:hover:before{width:1.1em;opacity:1}.site-footer__top-button[data-astro-cid-lejjx2fa]{position:relative;display:grid;place-items:center;width:4.5rem;height:4.5rem;border-radius:50%;background:var(--tile);color:var(--fg);transition:transform .5s var(--spring-bouncy)}.site-footer__top-ring[data-astro-cid-lejjx2fa]{position:absolute;inset:0;border-radius:inherit;background:conic-gradient(var(--accent) calc(var(--page-progress, 0) * 360deg),var(--fill-strong) 0);mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 3px))}.site-footer__top-button[data-astro-cid-lejjx2fa] svg[data-astro-cid-lejjx2fa]{transition:transform .5s var(--spring-bouncy)}.site-footer__top-button[data-astro-cid-lejjx2fa]:hover{transform:translateY(-4px)}.site-footer__top-button[data-astro-cid-lejjx2fa]:hover svg[data-astro-cid-lejjx2fa]{transform:translateY(-3px)}.site-footer__top-button[data-astro-cid-lejjx2fa]:active{transform:scale(.92);transition-duration:.12s}.site-footer__wordmark[data-astro-cid-lejjx2fa]{display:flex;justify-content:space-between;gap:.2em;margin-inline:-.04em;font-family:var(--font-display);font-size:min(13.4vw,13.5rem);font-weight:800;line-height:1;letter-spacing:-.055em;color:var(--fg);white-space:nowrap;user-select:none}.site-footer__word[data-astro-cid-lejjx2fa]{display:flex;overflow:clip;overflow-clip-margin:.12em;padding-bottom:.06em}.site-footer__word--accent[data-astro-cid-lejjx2fa]{color:var(--accent)}.site-footer__letter[data-astro-cid-lejjx2fa]{display:inline-block;transition:transform .7s var(--spring-bouncy)}.site-footer__letter[data-astro-cid-lejjx2fa]:hover{transform:translateY(-.12em) rotate(-6deg);transition-duration:.3s}html[data-reveal-ready] .site-footer__wordmark[data-astro-cid-lejjx2fa] .site-footer__letter[data-astro-cid-lejjx2fa]{translate:0 105%;transition:translate 1.1s var(--spring-default) calc(var(--letter-index) * 45ms),transform .7s var(--spring-bouncy)}html[data-reveal-ready] .site-footer__wordmark[data-astro-cid-lejjx2fa][data-revealed] .site-footer__letter[data-astro-cid-lejjx2fa]{translate:none}.site-footer__legal[data-astro-cid-lejjx2fa]{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem 2rem;margin-top:calc(-1*clamp(2rem,1rem + 3vw,4.5rem));font-size:var(--type-caption)}.site-footer__copyright[data-astro-cid-lejjx2fa]{font-family:var(--font-display)}.site-footer__legal[data-astro-cid-lejjx2fa] a[data-astro-cid-lejjx2fa]{transition:color .2s ease}.site-footer__legal[data-astro-cid-lejjx2fa] a[data-astro-cid-lejjx2fa]:hover{color:var(--fg)}@media(max-width:1000px){.site-footer__grid[data-astro-cid-lejjx2fa]{grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer__status[data-astro-cid-lejjx2fa]{grid-column:1 / -1}.site-footer__top-button[data-astro-cid-lejjx2fa]{grid-column:1 / -1;justify-self:end}}@media(max-width:640px){.site-footer__cta-arrow[data-astro-cid-lejjx2fa]{display:none}}@media(prefers-reduced-motion:reduce){.site-footer__pulse[data-astro-cid-lejjx2fa]:after{animation:none}.site-footer__cta[data-astro-cid-lejjx2fa]:hover .site-footer__cta-arrow[data-astro-cid-lejjx2fa],.site-footer__letter[data-astro-cid-lejjx2fa]:hover,.site-footer__top-button[data-astro-cid-lejjx2fa]:hover{transform:none}.site-footer__cta[data-astro-cid-lejjx2fa]:hover .site-footer__cta-arrow[data-astro-cid-lejjx2fa] svg[data-astro-cid-lejjx2fa]{animation:none}html[data-reveal-ready] .site-footer__wordmark[data-astro-cid-lejjx2fa] .site-footer__letter[data-astro-cid-lejjx2fa]{translate:none;transition:none}}.scroll-band[data-astro-cid-3v56hney]{display:flex;flex-direction:column;gap:.25rem;padding-block:clamp(3rem,2rem + 4vw,6rem);background:var(--bg);overflow:clip}.scroll-band__row[data-astro-cid-3v56hney]{font-family:var(--font-display);display:flex;width:max-content;gap:clamp(1.5rem,3vw,3rem);font-size:clamp(3rem,1.5rem + 7vw,8.5rem);font-weight:800;line-height:1;letter-spacing:-.055em;white-space:nowrap;will-change:transform}.scroll-band__row--filled[data-astro-cid-3v56hney]{transform:translate3d(-5%,0,0)}.scroll-band__row--outlined[data-astro-cid-3v56hney]{transform:translate3d(-40%,0,0)}.scroll-band__word[data-astro-cid-3v56hney]{display:inline-flex;align-items:center;gap:clamp(1.5rem,3vw,3rem)}.scroll-band__word[data-astro-cid-3v56hney]:after{content:"";width:.18em;height:.18em;border-radius:50%;background:var(--gradient-brand)}.scroll-band__row--filled[data-astro-cid-3v56hney] .scroll-band__word[data-astro-cid-3v56hney]{color:var(--fg)}.scroll-band__row--filled[data-astro-cid-3v56hney] .scroll-band__word[data-astro-cid-3v56hney]:nth-child(4n+2){background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent;padding-block:.08em}.scroll-band__word[data-astro-cid-3v56hney]{transition:color .4s ease,-webkit-text-stroke-color .4s ease}.scroll-band__row--filled[data-astro-cid-3v56hney] .scroll-band__word[data-astro-cid-3v56hney]:hover{color:var(--accent)}.scroll-band__row--outlined[data-astro-cid-3v56hney] .scroll-band__word[data-astro-cid-3v56hney]:hover{-webkit-text-stroke-color:var(--accent)}.scroll-band__row--outlined[data-astro-cid-3v56hney] .scroll-band__word[data-astro-cid-3v56hney]{color:transparent;-webkit-text-stroke:1.5px var(--separator-strong)}@media(prefers-reduced-motion:reduce){.scroll-band__row--filled[data-astro-cid-3v56hney],.scroll-band__row--outlined[data-astro-cid-3v56hney]{transform:translate3d(-10%,0,0)}}.word-rotator{display:inline-block;vertical-align:bottom}.word-rotator__window{position:relative;display:inline-grid;height:1.3em;overflow:hidden;vertical-align:bottom;transition:width var(--spring-default-duration) var(--spring-default)}.word-rotator__word{grid-area:1 / 1;justify-self:start;white-space:nowrap;line-height:1.3;background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent;transition:transform var(--spring-bouncy-duration) var(--spring-bouncy),opacity .3s ease,filter .3s ease}.word-rotator__word[data-state=active]{transform:none;opacity:1}.word-rotator__word[data-state=leaving]{transform:translateY(-110%);opacity:0;filter:blur(6px)}.word-rotator__word[data-state=waiting]{transform:translateY(110%);opacity:0;filter:blur(6px);transition:none}@media(prefers-reduced-motion:reduce){.word-rotator__window{transition:none}.word-rotator__word,.word-rotator__word[data-state]{transform:none;filter:none;transition:opacity .4s ease}}.avatar{position:relative;flex:none;display:inline-block;width:var(--avatar-size);height:var(--avatar-size)}.avatar__image{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:50% 30%;box-shadow:0 0 0 2px var(--bg),0 0 0 3px rgb(var(--brand-glow-rgb) / .6)}.avatar__status{position:absolute;right:-1px;bottom:-1px;width:max(8px,calc(var(--avatar-size) * .26));height:max(8px,calc(var(--avatar-size) * .26));border-radius:50%;background:var(--success);box-shadow:0 0 0 2px var(--bg)}.avatar__status:after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--success);animation:avatar-availability-pulse 2.4s ease-out infinite}@keyframes avatar-availability-pulse{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}@media(prefers-reduced-motion:reduce){.avatar__status:after{animation:none}}.hero{position:relative;padding-top:calc(var(--nav-height) + clamp(4rem,2rem + 8vw,9rem));overflow:clip;background:var(--bg)}.hero__backdrop{position:absolute;inset:0;z-index:0;pointer-events:none}.hero__orb{position:absolute;border-radius:50%;filter:blur(80px);will-change:translate}.hero__orb--pointer{top:12%;left:50%;width:min(60vw,720px);aspect-ratio:1;margin:calc(min(60vw,720px)/-2) 0 0 calc(min(60vw,720px)/-2);background:radial-gradient(circle,rgb(var(--brand-glow-rgb) / .42),rgb(var(--brand-light-rgb) / .12) 50%,transparent 70%)}.hero__orb--warm{top:34%;right:-10%;width:min(50vw,600px);aspect-ratio:1;background:radial-gradient(circle,rgb(var(--brand-light-rgb) / .22),transparent 65%)}[data-theme=light] .hero__orb--pointer{background:radial-gradient(circle,rgb(var(--brand-glow-rgb) / .3),rgb(var(--brand-light-rgb) / .1) 50%,transparent 70%)}.hero__grid{position:absolute;inset:0;background-image:linear-gradient(var(--separator) 1px,transparent 1px),linear-gradient(90deg,var(--separator) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(ellipse 70% 55% at 50% 30%,#000 20%,transparent 75%);opacity:.55}.hero__copy{position:relative;z-index:1;display:flex;flex-direction:column;gap:1.5rem;opacity:calc(1 - var(--progress, 0) * 2.2);transform:translate3d(0,calc(var(--progress, 0) * -12vh),0)}.hero__badge .avatar{transition:transform var(--spring-bouncy-duration) var(--spring-bouncy)}.hero__badge:hover .avatar{transform:scale(1.18) rotate(-6deg)}.hero__badge{display:inline-flex;align-items:center;align-self:flex-start;gap:.625rem;padding:.375rem 1rem .375rem .375rem;border-radius:22px;background:var(--fill);box-shadow:inset 0 0 0 1px var(--separator);font-size:var(--type-caption);color:var(--fg-secondary);animation:hero-fade-up .9s var(--spring-default) both}.hero__title{font-family:var(--font-display);display:flex;flex-direction:column;font-size:clamp(4rem,1rem + 13vw,12.5rem);line-height:.86;letter-spacing:-.065em}.hero__title-line{display:block;padding-bottom:.06em;overflow:clip;overflow-clip-margin:.1em}.hero__title-line--accent{align-self:flex-end;margin-right:-.04em}.hero__title-line--accent .hero__letter{color:color-mix(in oklab,var(--brand-ink-start),var(--brand-ink-end) var(--letter-warmth, 0%))}.hero__letter{display:inline-block;translate:0 calc(var(--proximity, 0) * -.12em);scale:calc(1 + var(--proximity, 0) * .1);rotate:calc(var(--proximity, 0) * -4deg);transform-origin:50% 85%;animation:hero-letter-rise 1.2s var(--spring-bouncy) both;animation-delay:calc(var(--letter-index) * 45ms + .15s);transition:translate .48s var(--spring-bouncy),scale .48s var(--spring-bouncy),rotate .48s var(--spring-bouncy),color .3s ease}.hero__title-line:not(.hero__title-line--accent) .hero__letter{color:color-mix(in oklab,var(--fg),var(--brand-400) calc(var(--proximity, 0) * 100%))}.hero__title-line--accent .hero__title-dot{color:var(--brand-ink-end)}.hero__intro{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:2rem 3rem;margin-top:1rem;animation:hero-fade-up 1s var(--spring-default) .7s both}.hero__lede{max-width:30ch;font-size:clamp(1.25rem,1rem + 1vw,1.75rem);font-weight:500;line-height:1.3;letter-spacing:-.02em;color:var(--fg-secondary)}.hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.25rem 1.75rem}.hero__cta{min-height:56px;padding-inline:2rem;font-size:1.0625rem}.hero__stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);margin-top:clamp(5rem,3rem + 6vw,9rem);border-top:1px solid var(--separator)}.hero__stat{display:flex;flex-direction:column-reverse;gap:.5rem;padding:2rem 1.5rem 0 0}.hero__stat+.hero__stat{padding-left:1.5rem;border-left:1px solid var(--separator)}.hero__stat{cursor:default}.hero__stat-value{font-family:var(--font-display);transition:translate .6s var(--spring-bouncy);font-size:clamp(3rem,2rem + 4vw,5.5rem);font-weight:700;line-height:.9;letter-spacing:-.05em;font-variant-numeric:tabular-nums;white-space:nowrap}.hero__stat:hover .hero__stat-value{translate:0 -6px}.hero__stat-suffix{display:inline-block;transition:transform var(--spring-bouncy-duration) var(--spring-bouncy);background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.hero__stat:hover .hero__stat-suffix{transform:rotate(-10deg) scale(1.15)}.hero__stat-label{font-size:var(--type-caption);color:var(--fg-secondary)}.hero__marquee{position:relative;z-index:1;margin-top:clamp(4rem,3rem + 4vw,6rem);padding-block:1.5rem;border-block:1px solid var(--separator);overflow:clip;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.hero__marquee-track{display:flex;width:max-content;animation:hero-marquee 55s linear infinite;will-change:transform}.hero__marquee:hover .hero__marquee-track{animation-play-state:paused}.hero__marquee-group{display:flex}.hero__marquee-item{font-family:var(--font-display);transition:color .3s ease;display:inline-flex;align-items:center;gap:2.5rem;padding-right:2.5rem;font-size:clamp(1.5rem,1.2rem + 1.4vw,2.5rem);font-weight:700;letter-spacing:-.03em;color:var(--fg-tertiary);white-space:nowrap}.hero__marquee-item:hover{color:var(--accent)}.hero__marquee-item:after{content:"";width:8px;height:8px;border-radius:50%;background:var(--gradient-brand)}@keyframes hero-letter-rise{0%{opacity:0;transform:translate3d(0,.9em,0) rotate(6deg);filter:blur(8px)}}@keyframes hero-fade-up{0%{opacity:0;transform:translate3d(0,1.5rem,0)}}@keyframes hero-fade-in{0%{opacity:0}}@keyframes hero-marquee{to{transform:translate3d(-50%,0,0)}}@media(max-width:720px){.hero__title-line--accent{align-self:flex-start}.hero__stat,.hero__stat+.hero__stat{padding:1.5rem .5rem 0 0}.hero__stat+.hero__stat{padding-left:.75rem}.hero__stat-value{font-size:clamp(1.875rem,.75rem + 6vw,3rem)}}@media(prefers-reduced-motion:reduce){.hero__letter,.hero__badge,.hero__intro{animation-name:hero-fade;animation-duration:.5s}.hero__copy{transform:none}.hero__marquee-track{animation:none}.hero__stat:hover .hero__stat-value,.hero__stat:hover .hero__stat-suffix,.hero__badge:hover .avatar{translate:none;transform:none}@keyframes hero-fade{0%{opacity:0}}}.laptop-story{position:relative;height:360vh;background:var(--bg);--lid: min(1, calc(var(--story-progress, 0) / .2))}.laptop-story__sticky{position:sticky;top:0;display:grid;grid-template-rows:auto 1fr auto;justify-items:center;align-items:center;gap:clamp(1rem,3vh,2.5rem);height:100svh;padding:calc(var(--nav-height) + 2.5rem) var(--gutter) 2.5rem;overflow:clip}.laptop-story__sticky:before{content:"";position:absolute;inset:20% 10% 0;z-index:-1;border-radius:50%;background:radial-gradient(circle,rgb(var(--brand-glow-rgb) / calc(.12 + var(--lid) * .2)),transparent 65%);filter:blur(40px);pointer-events:none}.laptop-story__copy{display:grid;width:min(100%,760px);min-height:9.5rem;text-align:center}.laptop-story__intro,.laptop-story__caption{grid-area:1 / 1;display:flex;flex-direction:column;align-items:center;gap:.75rem;opacity:0;filter:blur(8px);transform:translateY(1.25rem);pointer-events:none;transition:opacity .5s ease,filter .5s ease,transform .7s var(--spring-default)}.laptop-story__intro[data-visible],.laptop-story__caption[data-visible]{opacity:1;filter:none;transform:none;pointer-events:auto}.laptop-story__headline{font-family:var(--font-display);font-size:clamp(2rem,1.2rem + 3.4vw,4rem);font-weight:700;line-height:1.04;letter-spacing:-.045em}.laptop-story__project{font-weight:600;font-size:var(--type-body);color:var(--accent)}.laptop-story__title{font-family:var(--font-display);font-size:clamp(1.75rem,1.1rem + 2.6vw,3.25rem);font-weight:700;line-height:1.05;letter-spacing:-.04em}.laptop-story__description{max-width:46ch;color:var(--fg-secondary)}.laptop{position:relative;width:min(940px,86vw,calc((100svh - var(--nav-height) - 19rem) * 1.52));perspective:1800px;perspective-origin:50% 10%;transform:translateY(calc((1 - var(--lid)) * 2rem)) scale(calc(.82 + var(--lid) * .18))}.laptop__lid{position:relative;aspect-ratio:16 / 10.4;transform-origin:50% 100%;transform:rotateX(calc((1 - var(--lid)) * 58deg))}.laptop__face{position:absolute;inset:0;border-radius:3.2% 3.2% 1.2% 1.2%/5% 5% 1.8% 1.8%}.laptop__face--screen{padding:1.7% 1.7% 2.6%;background:#07090e;box-shadow:inset 0 0 0 2px #2a2e38,0 0 0 1px #ffffff14}.laptop__camera{position:absolute;top:.6%;left:50%;z-index:2;width:9%;height:2.6%;border-radius:0 0 8px 8px;background:#07090e;transform:translate(-50%)}.laptop__display{filter:brightness(calc(.35 + var(--lid) * .65));position:relative;width:100%;height:100%;overflow:hidden;border-radius:.8%/1.2%;background:#000}.laptop__shot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;opacity:0;transform:scale(1.06);transition:opacity .6s ease,transform 1.2s var(--spring-default)}.laptop__shot[data-visible]{opacity:1;transform:none}.laptop__glare{position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.12),transparent 35%);pointer-events:none}.laptop__base{position:relative;width:116%;height:clamp(10px,1.7vw,18px);margin-left:-8%;border-radius:2px 2px 40% 40%/2px 2px 100% 100%;background:linear-gradient(180deg,#e4e7ee,#b7bcc7 45%,#7f8592);box-shadow:0 1px #ffffff80 inset}.laptop__notch{position:absolute;top:0;left:50%;width:14%;height:45%;border-radius:0 0 10px 10px;background:linear-gradient(180deg,#9ca2ae,#c4c8d1);transform:translate(-50%)}.laptop__shadow{position:absolute;left:5%;right:5%;bottom:-26px;height:30px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.45),transparent);filter:blur(8px);z-index:-1}.laptop-story__dots{display:flex;gap:.5rem;padding:.375rem;border-radius:var(--radius-pill);background:var(--fill);box-shadow:inset 0 0 0 1px var(--separator);opacity:calc(var(--lid) * 1.2 - .2)}.laptop-story__dot{position:relative;min-height:36px;padding:.375rem .875rem;border-radius:var(--radius-pill);font-size:var(--type-caption);font-weight:600;color:var(--fg-secondary);transition:background-color .3s ease,color .3s ease,transform .16s var(--ease-press)}.laptop-story__dot:hover{color:var(--fg)}.laptop-story__dot:active{transform:scale(.94)}.laptop-story__dot[aria-current]{background:var(--gradient-button);color:var(--on-brand)}@media(max-width:640px){.laptop{width:92vw}.laptop-story__dot{padding-inline:.625rem;font-size:var(--type-footnote)}}@media(prefers-reduced-motion:reduce){.laptop-story{--lid: 1}.laptop-story__intro,.laptop-story__caption,.laptop__shot{filter:none;transform:none;transition:opacity .3s ease}}.reveal-word{display:inline-block;overflow:clip;overflow-clip-margin:.12em;padding-bottom:.06em;margin-bottom:-.06em;vertical-align:top}.reveal-word__inner{display:inline-block}html[data-reveal-ready] [data-reveal=words][data-reveal]{opacity:1;filter:none;transform:none}html[data-reveal-ready] [data-reveal=words] .reveal-word__inner{transform:translate3d(0,105%,0) rotate(4deg);transform-origin:left bottom;transition:transform 1.1s var(--spring-bouncy);transition-delay:calc(var(--word-index) * 70ms)}html[data-reveal-ready] [data-reveal=words][data-revealed] .reveal-word__inner{transform:none}@media(prefers-reduced-motion:reduce){html[data-reveal-ready] [data-reveal=words] .reveal-word__inner{transform:none;transition:none}}.portrait{position:relative;perspective:1200px}.portrait__halo{position:absolute;inset:8% -6% -4%;border-radius:50%;background:radial-gradient(circle,rgb(var(--brand-glow-rgb) / .55),rgb(var(--brand-glow-rgb) / .15) 45%,transparent 70%);filter:blur(50px);opacity:calc(.4 + var(--progress, .5) * .6);pointer-events:none}.portrait__card{position:relative;margin:0;aspect-ratio:4 / 5;border-radius:var(--radius-large);overflow:hidden;background:var(--brand-900);box-shadow:inset 0 0 0 1px rgb(var(--brand-light-rgb) / .25),0 30px 80px -30px rgb(var(--brand-glow-rgb) / .7),var(--shadow-raised);isolation:isolate;will-change:transform}.portrait__image{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;object-position:50% 22%;scale:calc(1.18 - var(--progress, .5) * .18);transform-origin:50% 30%}.portrait__card:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(180deg,transparent,rgba(1,11,46,.85));pointer-events:none}.portrait__glare{position:absolute;inset:0;z-index:2;background:radial-gradient(circle at var(--tilt-glare-x, 50%) var(--tilt-glare-y, 0%),rgba(255,255,255,.28),transparent 55%);opacity:calc(var(--tilt-hover, 0) * .9);mix-blend-mode:soft-light;pointer-events:none}.portrait__caption{position:absolute;left:1.25rem;right:1.25rem;bottom:1.25rem;z-index:1;display:flex;flex-direction:column;gap:.25rem;color:#fff;transform:translateZ(40px)}.portrait__name{font-family:var(--font-display);font-size:clamp(1.5rem,1.2rem + 1vw,2rem);font-weight:700;letter-spacing:-.03em;line-height:1.1}.portrait__role{font-size:var(--type-caption);color:#ffffffb8}.portrait__availability{position:absolute;top:1rem;left:1rem;z-index:1;display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .75rem;border-radius:var(--radius-pill);background:#010b2e73;-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);box-shadow:inset 0 0 0 1px #ffffff2e;font-size:var(--type-caption);color:#fff;white-space:nowrap}.portrait__availability-dot{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 10px var(--success)}@media(prefers-reduced-motion:reduce){.portrait__image{scale:1}}@media(prefers-reduced-transparency:reduce){.portrait__availability{font-size:var(--type-caption);background:var(--brand-900);-webkit-backdrop-filter:none;backdrop-filter:none}}.about__intro{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(2.5rem,2rem + 4vw,6rem);align-items:center;margin-bottom:clamp(4rem,3rem + 5vw,8rem)}.about__intro .portrait{max-width:440px}.about__intro-text{display:flex;flex-direction:column;gap:1.5rem}.about__greeting{font-weight:600;font-size:var(--type-body);color:var(--accent)}.about__statement{font-family:var(--font-display);max-width:20ch;font-size:clamp(2rem,1.2rem + 2.4vw,3.25rem);font-weight:700;line-height:1.06;letter-spacing:-.045em;--lit-words: calc((var(--progress, 1) - .15) / .3 * var(--word-count))}.about__statement-detail{max-width:52ch;color:var(--fg)}.about__word{opacity:clamp(.13,calc(var(--lit-words) - var(--word-index)),1);transition:opacity .12s linear}.about__word[data-emphasized]{background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.about__grid{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto auto;gap:clamp(.75rem,1.5vw,1.25rem)}.about__experience{grid-column:span 7;grid-row:span 2}.about__education,.about__location{grid-column:span 5}.about__tile-title{display:flex;align-items:center;gap:.625rem;margin-bottom:2rem;font-size:var(--type-callout);font-weight:600;color:var(--fg-secondary)}.about__tile-title svg{color:var(--accent)}.about__timeline{position:relative;display:flex;flex-direction:column;padding-left:1.75rem}.about__timeline:before,.about__timeline:after{content:"";position:absolute;top:.5rem;bottom:.5rem;left:4px;width:2px;border-radius:2px}.about__timeline:before{background:var(--separator)}.about__timeline:after{background:var(--gradient-brand);transform:scaleY(clamp(0,calc((var(--progress, 1) - .2) / .45),1));transform-origin:top}.about__timeline-item{position:relative;display:grid;grid-template-columns:7.5rem 1fr;gap:1rem;padding-block:1.25rem}.about__timeline-item:before{content:"";transition:background .3s ease,transform var(--spring-bouncy-duration) var(--spring-bouncy),box-shadow .3s ease;position:absolute;top:1.6rem;left:calc(-1.75rem - 1px);width:12px;height:12px;border-radius:50%;background:var(--tile-bg);box-shadow:inset 0 0 0 2px var(--accent)}.about__timeline-item:hover:before{background:var(--gradient-brand);box-shadow:inset 0 0 0 2px var(--accent),0 0 14px rgb(var(--brand-glow-rgb) / .7);transform:scale(1.35)}.about__timeline-body{transition:translate .5s var(--spring-default)}.about__timeline-item:hover .about__timeline-body{translate:6px 0}.about__timeline-item:hover .about__timeline-period{color:var(--accent)}.about__timeline-item:first-child{padding-top:0}.about__timeline-item:first-child:before{top:.35rem}.about__timeline-period{font-family:var(--font-display);font-size:var(--type-caption);color:var(--fg-secondary);padding-top:.3rem}.about__timeline-body{display:flex;flex-direction:column;gap:.375rem}.about__timeline-role{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem .625rem;font-size:1.25rem;font-weight:700;line-height:1.25;letter-spacing:-.02em}.about__timeline-company{font-size:var(--type-caption);font-weight:400;color:var(--accent)}.about__timeline-description{font-size:var(--type-callout);line-height:1.55;color:var(--fg-secondary)}.about__certifications{display:flex;flex-direction:column;gap:1.5rem}.about__certification{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.about__certification-title{font-size:1.25rem;font-weight:700;line-height:1.25;letter-spacing:-.02em}.about__certification-period{font-family:var(--font-display);font-size:var(--type-caption);color:var(--fg-secondary)}.about__location{display:flex;flex-direction:column;gap:.75rem}.about__location-icon{margin-bottom:.5rem;color:var(--accent);transition:transform var(--spring-bouncy-duration) var(--spring-bouncy);transform-origin:50% 100%}.about__location:hover .about__location-icon{transform:translateY(-4px) scale(1.1);animation:about-pin-bounce .9s var(--spring-bouncy)}@keyframes about-pin-bounce{30%{transform:translateY(-10px) scale(1.1)}}.about__certification-title{transition:color .3s ease}.about__certification:hover .about__certification-title{color:var(--accent)}.about__location-description{color:var(--fg-secondary)}.about__location-since{margin-top:auto;padding-top:1rem;font-size:var(--type-caption);color:var(--fg-secondary)}@media(max-width:860px){.about__intro{grid-template-columns:1fr}.about__intro .portrait{width:min(100%,420px)}}@media(max-width:900px){.about__experience,.about__education,.about__location{grid-column:1 / -1;grid-row:auto}}@media(max-width:560px){.about__timeline-item{grid-template-columns:1fr;gap:.375rem}}@media(prefers-reduced-motion:reduce){.about__word{opacity:1}.about__timeline:after{transform:none}.about__timeline-item:hover:before,.about__location:hover .about__location-icon{transform:none;animation:none}.about__timeline-item:hover .about__timeline-body{translate:none}}.browser-frame{display:flex;flex-direction:column;border-radius:clamp(10px,1.4vw,16px);overflow:hidden;background:#e3e8f2;box-shadow:0 0 0 1px #00000014,var(--shadow-raised)}[data-theme=dark] .browser-frame{background:#161b2c;box-shadow:0 0 0 1px #ffffff1a,var(--shadow-raised)}.browser-frame__toolbar{display:flex;align-items:center;gap:6px;height:clamp(22px,2.6vw,34px);padding-inline:clamp(8px,1.2vw,14px)}.browser-frame__light{width:clamp(7px,.8vw,11px);aspect-ratio:1;border-radius:50%;background:#ff5f57}.browser-frame__light:nth-child(2){background:#febc2e}.browser-frame__light:nth-child(3){background:#28c840}.browser-frame__address{flex:0 1 38%;height:52%;margin-inline:auto;border-radius:6px;background:#0000000f}[data-theme=dark] .browser-frame__address{background:#ffffff14}.browser-frame__screen{width:100%;height:auto}.phone-frame{position:relative;padding:clamp(5px,.6vw,9px);border-radius:clamp(28px,3.6vw,48px);background:#1d1d1f;box-shadow:inset 0 0 0 1.5px #3a3a3c,0 0 0 1px #0003,var(--shadow-raised)}.phone-frame__island{position:absolute;top:clamp(11px,1.3vw,18px);left:50%;width:30%;height:clamp(10px,1.2vw,18px);border-radius:var(--radius-pill);background:#000;transform:translate(-50%)}.phone-frame__screen{width:100%;height:auto;border-radius:clamp(23px,3vw,40px)}.projects{overflow:clip}.projects__note{max-width:44ch;margin-top:.5rem}.projects__viewport{position:relative;overflow:clip;overflow-clip-margin:2rem;touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none;cursor:grab}.projects__viewport[data-dragging]{cursor:grabbing}.projects__viewport[data-dragging] .project-card__hit-area{pointer-events:none}.projects__track{display:flex;gap:clamp(.75rem,1.5vw,1.25rem);width:max-content;padding-inline:max(var(--gutter),(100% - var(--content-width-wide)) / 2);will-change:transform}.project-card{position:relative;flex:none;display:flex;flex-direction:column;width:clamp(17.5rem,78vw,26rem);height:clamp(30rem,128vw,38rem);border-radius:var(--radius-large);background:var(--tile-bg);box-shadow:var(--shadow-tile),inset 0 0 0 1px var(--separator);overflow:hidden;isolation:isolate;transition:scale .16s var(--ease-press),box-shadow .4s ease}.project-card:hover{box-shadow:var(--shadow-raised),inset 0 0 0 1px var(--separator)}.project-card:has(.project-card__hit-area:active){scale:.98}.project-card__glare{position:absolute;inset:0;z-index:2;border-radius:inherit;background:radial-gradient(circle at var(--tilt-glare-x, 50%) var(--tilt-glare-y, 0%),rgba(255,255,255,.22),transparent 55%);opacity:calc(var(--tilt-hover, 0) * .9);mix-blend-mode:soft-light;pointer-events:none}.project-card__visual{transition:scale .9s var(--spring-default)}.project-card:hover .project-card__visual{scale:1.04}.project-card__copy{position:relative;z-index:1;display:flex;flex-direction:column;gap:.375rem;padding:clamp(1.5rem,1.2rem + 1vw,2rem)}.project-card__category{font-size:var(--type-caption);color:var(--fg-secondary)}.project-card__title{font-family:var(--font-display);font-size:clamp(1.75rem,1.4rem + 1vw,2.25rem);font-weight:700;line-height:1.05;letter-spacing:-.035em}.project-card__glow{position:absolute;inset:40% -20% -30%;z-index:-1;background:radial-gradient(closest-side,color-mix(in srgb,var(--project-color) 35%,transparent),transparent);opacity:.8}.project-card__visual{position:absolute;pointer-events:none;-webkit-user-drag:none}.project-card__visual img{-webkit-user-drag:none}.project-card .project-visual--browser{left:1.75rem;bottom:18%;width:165%}.project-card .project-visual--phone{left:50%;bottom:-14%;width:58%;transform:translate(-50%)}.project-card .project-visual--placeholder{inset:auto 0 0;height:62%}.project-visual--placeholder{display:grid;place-items:center;background:radial-gradient(circle at 30% 30%,color-mix(in srgb,var(--project-color) 70%,white) 0%,transparent 55%),radial-gradient(circle at 70% 80%,var(--project-color) 0%,transparent 60%),color-mix(in srgb,var(--project-color) 18%,var(--tile-bg))}.project-visual__monogram{font-family:var(--font-display);font-size:6rem;font-weight:700;letter-spacing:-.06em;color:#ffffffeb}.project-card__plus{position:absolute;right:1.25rem;bottom:1.25rem;z-index:2;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--gradient-button);color:var(--on-brand);box-shadow:0 6px 20px -6px rgb(var(--brand-glow-rgb) / .7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform var(--spring-snappy-duration) var(--spring-snappy),background-color .2s ease}.project-card:hover .project-card__plus{transform:scale(1.12) rotate(90deg)}.project-card__hit-area{position:absolute;inset:0;z-index:3;border-radius:inherit;cursor:inherit}.project-card__hit-area:focus-visible{outline-offset:-3px;border-radius:var(--radius-large)}.projects__controls{display:flex;align-items:center;gap:1.5rem;margin-top:2rem}.projects__scrubber{position:relative;flex:1;height:2px;border-radius:2px;background:var(--separator);overflow:hidden}.projects__scrubber-thumb{position:absolute;inset:0 auto 0 0;width:28%;border-radius:inherit;background:var(--gradient-brand);transform:translate(calc(var(--carousel-progress, 0) * (100% / .28 - 100%)))}.projects__hint{font-size:var(--type-caption);color:var(--fg-secondary);white-space:nowrap}.projects__paddles{display:flex;gap:.75rem}.projects__paddle{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--fill-strong);color:var(--fg);transition:background-color .2s ease,opacity .2s ease,transform .16s var(--ease-press)}.projects__paddle:hover:not(:disabled){background:color-mix(in srgb,var(--fg) 16%,transparent)}.projects__paddle svg{transition:transform var(--spring-bouncy-duration) var(--spring-bouncy)}.projects__paddle:hover:not(:disabled) svg{transform:translate(var(--paddle-nudge, 2px))}.projects__paddle:first-child{--paddle-nudge: -2px}.projects__paddle:active:not(:disabled){transform:scale(.92);transition-duration:80ms}.projects__paddle:disabled{opacity:.36;cursor:default}.project-sheet-layer{position:fixed;inset:0;z-index:100;display:flex;align-items:flex-end;justify-content:center;padding-top:max(2.5rem,env(safe-area-inset-top))}.project-sheet-scrim{position:absolute;inset:0;background:var(--scrim);opacity:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.project-sheet{position:relative;display:flex;flex-direction:column;width:100%;max-height:100%;border-radius:20px 20px 0 0;background:var(--bg);box-shadow:var(--shadow-sheet);overflow:hidden;opacity:0;transform-origin:50% 50%;will-change:transform,opacity}.project-sheet__handle{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.75rem clamp(1.5rem,4vw,3rem) 1rem;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}.project-sheet[data-dragging] .project-sheet__handle{cursor:grabbing}.project-sheet__grabber{position:absolute;top:.5rem;left:50%;width:36px;height:5px;border-radius:var(--radius-pill);background:var(--separator-strong);transform:translate(-50%)}.project-sheet__heading{display:flex;flex-direction:column;gap:.375rem;padding-top:.5rem}.project-sheet__category{font-size:var(--type-caption);font-weight:600;color:var(--fg-secondary)}.project-sheet__close{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--fill-strong);color:var(--fg-secondary);transition:background-color .2s ease,color .2s ease,transform .16s var(--ease-press)}.project-sheet__close:hover{color:var(--fg);transform:rotate(90deg)}.project-sheet__close{transition:background-color .2s ease,color .2s ease,transform var(--spring-bouncy-duration) var(--spring-bouncy)}.project-sheet__close:active{transform:scale(.9);transition-duration:80ms}.project-sheet__body{display:flex;flex-direction:column;gap:2rem;padding:0 clamp(1.5rem,4vw,3rem) max(2.5rem,env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain}.project-sheet__body>*{flex-shrink:0}.project-sheet__description{max-width:52ch;color:var(--fg-secondary)}.project-sheet__gallery{display:flex;gap:1rem;padding:2rem;margin-inline:calc(-1*clamp(1.5rem,4vw,3rem));padding-inline:clamp(1.5rem,4vw,3rem);background:var(--bg-alt);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.project-sheet__gallery::-webkit-scrollbar{display:none}.project-sheet__visual{flex:none;scroll-snap-align:center}.project-sheet__gallery[data-device=web] .project-sheet__visual{width:100%}.project-sheet__gallery[data-device=mobile]{justify-content:safe center}.project-sheet__gallery[data-device=mobile] .project-sheet__visual{width:clamp(150px,42vw,220px)}.project-sheet__gallery .project-visual--placeholder{width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-medium)}.project-sheet__facts{display:flex;flex-direction:column}.project-sheet__fact{display:grid;grid-template-columns:9rem 1fr;gap:1rem;align-items:baseline;padding-block:1rem;border-top:1px solid var(--separator)}.project-sheet__fact dt{font-size:var(--type-caption);color:var(--fg-secondary)}.project-sheet__chips{display:flex;flex-wrap:wrap;gap:.5rem}.project-sheet__cta{align-self:flex-start}@media(min-width:735px){.project-sheet-layer{align-items:center;padding:clamp(1.5rem,5vh,4rem) var(--gutter)}.project-sheet{width:min(100%,880px);border-radius:var(--radius-large)}.project-sheet__grabber{display:none}.project-sheet__handle{padding-top:2.5rem}}@media(max-width:560px){.project-sheet__fact{grid-template-columns:1fr;gap:.5rem}}@media(prefers-reduced-motion:reduce){.project-card,.project-card:has(.project-card__hit-area:active),.project-card:hover .project-card__plus{transform:none}}@media(prefers-reduced-transparency:reduce){.project-sheet-scrim,.project-card__plus{-webkit-backdrop-filter:none;backdrop-filter:none}.project-card__plus{background:var(--fg)}}.iphone-frame{position:relative;width:100%;aspect-ratio:720 / 1560;padding:3.4%;border-radius:15%/7%;background:linear-gradient(140deg,#5d6272,#2c303b 18%,#1a1d26,#3a3f4c 82%,#6a7080);box-shadow:inset 0 0 0 1.5px #ffffff47,inset 0 0 0 4px #0c0e14,0 60px 120px -40px #000000b3,0 30px 60px -30px rgb(var(--brand-glow-rgb) / .35)}.iphone-frame__body{position:relative;width:100%;height:100%;border-radius:12.4%/5.8%;background:#000;padding:1.6%}.iphone-frame__screen{position:relative;width:100%;height:100%;overflow:hidden;border-radius:11.2%/5.2%;background:#05070d;isolation:isolate}.iphone-frame__island{position:absolute;top:1.9%;left:50%;z-index:3;width:31%;height:4%;border-radius:999px;background:#000;transform:translate(-50%);pointer-events:none}.iphone-frame__reflection{position:absolute;inset:0;z-index:2;background:linear-gradient(115deg,rgba(255,255,255,.09) 0%,transparent 32%,transparent 70%,rgba(255,255,255,.04) 100%);pointer-events:none}.iphone-frame__button{position:absolute;width:1.2%;border-radius:3px;background:linear-gradient(90deg,#2a2e39,#5d6272)}.iphone-frame__button--action{left:-.9%;top:17%;height:4.2%}.iphone-frame__button--volume-up{left:-.9%;top:24%;height:7.5%}.iphone-frame__button--volume-down{left:-.9%;top:33%;height:7.5%}.iphone-frame__button--power{right:-.9%;top:26%;height:11%;background:linear-gradient(270deg,#2a2e39,#5d6272)}.demos{overflow:clip}.demos__intro{max-width:40ch}.demos__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px) minmax(0,1fr);align-items:center;gap:clamp(2rem,1rem + 4vw,5rem)}.demos__selector{display:flex;flex-direction:column;gap:.625rem;justify-self:end;width:min(100%,320px)}.demos__app{position:relative;display:flex;align-items:center;gap:.875rem;width:100%;min-height:68px;padding:.75rem 1rem;border-radius:var(--radius-medium);background:transparent;text-align:left;color:var(--fg-secondary);transition:background-color .3s ease,color .3s ease,box-shadow .3s ease,translate .5s var(--spring-default),transform .16s var(--ease-press)}.demos__app:hover{background:var(--fill);color:var(--fg)}.demos__app:active{transform:scale(.97)}.demos__app[aria-selected=true]{background:var(--tile);color:var(--fg);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--app-accent) 45%,transparent),0 18px 40px -22px color-mix(in srgb,var(--app-accent) 80%,transparent);translate:6px 0}.demos__app-monogram{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:color-mix(in srgb,var(--app-accent) 18%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--app-accent) 40%,transparent);color:var(--app-accent);font-size:.8125rem;font-weight:800;letter-spacing:.02em;transition:transform var(--spring-bouncy-duration) var(--spring-bouncy)}.demos__app[aria-selected=true] .demos__app-monogram{background:var(--app-accent);color:#0b1020;transform:rotate(-6deg) scale(1.06)}.demos__app-text{display:flex;flex-direction:column;gap:.125rem;min-width:0}.demos__app-name{font-size:1.0625rem;font-weight:700;letter-spacing:-.02em}.demos__app-kind{font-size:var(--type-caption);color:var(--fg-secondary)}.demos__app-progress{position:absolute;left:1rem;right:1rem;bottom:.4rem;height:2px;border-radius:2px;background:var(--app-accent);transform:scaleX(var(--video-progress, 0));transform-origin:left;opacity:0}.demos__app[aria-selected=true] .demos__app-progress{opacity:1}.demos__stage{position:relative;display:grid;justify-items:center;gap:1.25rem}.demos__stage-glow{position:absolute;inset:5% -30%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--demo-accent) 40%,transparent),rgb(var(--brand-glow-rgb) / .2) 45%,transparent 70%);filter:blur(60px);transition:background .8s ease;pointer-events:none}.demos__phone{position:relative;width:min(100%,calc((100svh - 14rem) * 720 / 1560));min-width:220px;will-change:transform}.showcase-video{display:block;width:100%;height:100%;object-fit:cover;cursor:pointer;animation:showcase-video-in .7s var(--spring-default) both}@keyframes showcase-video-in{0%{opacity:0;transform:scale(1.06);filter:blur(14px)}}.demos__play-toggle{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--fill-strong);color:var(--fg);transition:background-color .2s ease,transform .16s var(--ease-press)}.demos__play-toggle:hover{background:color-mix(in srgb,var(--fg) 16%,transparent)}.demos__play-toggle:active{transform:scale(.9)}.demos__details{display:flex;flex-direction:column;align-items:flex-start;gap:.875rem;max-width:320px;animation:demos-details-in .6s var(--spring-default) both}@keyframes demos-details-in{0%{opacity:0;transform:translateY(.75rem)}}.demos__details-kind{font-weight:600;font-size:var(--type-body);color:var(--demo-accent)}.demos__details-title{font-family:var(--font-display);font-size:var(--type-title);font-weight:700;line-height:1.05;letter-spacing:-.035em}.demos__details-summary{color:var(--fg-secondary);line-height:1.55}.demos__details-tech{display:flex;flex-wrap:wrap;gap:.375rem}.demos__details-proof{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;color:var(--fg)}.demos__details-proof svg{color:var(--success)}.demos__details-links{display:flex;flex-wrap:wrap;gap:.625rem;margin-top:.5rem}@media(max-width:1000px){.demos__layout{grid-template-columns:1fr;justify-items:center;gap:2rem}.demos__selector{flex-direction:row;justify-self:stretch;width:auto;margin-inline:calc(-1 * var(--gutter));padding:.5rem var(--gutter);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none}.demos__selector::-webkit-scrollbar{display:none}.demos__app{flex:none;width:auto;min-width:200px;scroll-snap-align:start}.demos__app[aria-selected=true]{translate:0 -3px}.demos__stage{width:min(78vw,320px)}.demos__details{align-items:center;max-width:44ch;text-align:center}.demos__details-tech,.demos__details-links{justify-content:center}}@media(prefers-reduced-motion:reduce){.showcase-video,.demos__details{animation-name:demos-fade}.demos__app[aria-selected=true]{translate:none}@keyframes demos-fade{0%{opacity:0}}}.window-lights{display:flex;flex:none;gap:.4rem}.window-lights i{width:11px;height:11px;border-radius:50%;background:#ff5f57}.window-lights i:nth-child(2){background:#febc2e}.window-lights i:nth-child(3){background:#28c840}.build-device{--editor-w: min(620px, 50vw);--editor-h: min(420px, 56svh);--phone-h: min(620px, 70svh);--phone-w: calc(var(--phone-h) * .47);position:relative;width:calc(var(--editor-w) + (var(--phone-w) - var(--editor-w)) * var(--morph-eased));height:calc(var(--editor-h) + (var(--phone-h) - var(--editor-h)) * var(--morph-eased));border-radius:calc(16px + var(--morph-eased) * var(--phone-w) * .15);background:#070b18;box-shadow:0 0 0 calc(var(--morph-eased) * 9px) #0b0e16,0 0 0 calc(1px + var(--morph-eased) * 10px) #ffffff24,0 40px 90px -40px rgb(var(--brand-glow-rgb) / .7);overflow:clip;isolation:isolate}.build-device__window{position:absolute;top:0;left:50%;display:flex;flex-direction:column;width:var(--editor-w);height:var(--editor-h);opacity:clamp(0,calc(1 - var(--morph) * 1.8),1);transform:translate(-50%) scale(calc(1 - var(--morph-eased) * .3));transform-origin:top center}.build-device__toolbar{display:flex;align-items:center;gap:1rem;padding:.875rem 1.125rem;background:#ffffff08}.build-device__titles{display:grid}.build-device__title{grid-area:1 / 1;font-size:var(--type-caption);color:#eef2fb8c;opacity:var(--pane-visibility)}.build-device__panes{position:relative;flex:1;min-height:0}.build-device__pane{position:absolute;inset:0;opacity:var(--pane-visibility);transform:translateY(calc((1 - var(--pane-visibility)) * 14px)) scale(calc(.97 + var(--pane-visibility) * .03))}.build-device__screen{position:absolute;top:50%;left:50%;width:var(--phone-w);height:var(--phone-h);opacity:clamp(0,calc((var(--morph) - .35) * 2.2),1);transform:translate(-50%,-50%) scale(calc(1.12 - var(--morph-eased) * .12))}.build-device__island{position:absolute;top:calc(var(--phone-h) * .018);left:50%;width:calc(var(--phone-w) * .32);height:calc(var(--phone-w) * .09);border-radius:999px;background:#000;opacity:var(--morph-eased);transform:translate(-50%) scaleX(calc(.4 + var(--morph-eased) * .6))}.delivery-toasts{--tests-toast: calc(clamp(0, calc((var(--app-scroll) - .08) * 8), 1)*(1 - clamp(0, calc((var(--app-scroll) - .5) * 8), 1))) ;--published-toast: clamp(0, calc((var(--app-scroll) - .62) * 8), 1);position:absolute;top:3.6em;left:.7em;right:.7em;display:grid;font-size:calc(var(--phone-w) / 20)}.delivery-toast{grid-area:1 / 1;display:flex;align-items:center;gap:.6em;padding:.7em .8em;border-radius:1.1em;background:#ffffffe0;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);box-shadow:0 .6em 1.6em -.6em #0b102059;font-size:.8em;font-weight:600;color:#0b1020}.delivery-toast--tests{opacity:var(--tests-toast);transform:translateY(calc((1 - var(--tests-toast)) * -1.5em)) scale(calc(.9 + var(--tests-toast) * .1))}.delivery-toast--published{opacity:var(--published-toast);transform:translateY(calc((1 - var(--published-toast)) * -1.5em)) scale(calc(.9 + var(--published-toast) * .1))}.delivery-toast__icon{flex:none;display:grid;place-items:center;width:1.9em;height:1.9em;border-radius:.5em;background:var(--gradient-button);color:#fff}.delivery-toast__icon--success{background:#16a34a}@media(max-width:900px){.build-device{--editor-w: calc(100vw - 2 * var(--gutter, 1.25rem));--editor-h: min(360px, 44svh);--phone-h: min(520px, 54svh)}}.orders-app{position:absolute;inset:0;display:flex;flex-direction:column;font-size:calc(var(--phone-w) / 20);background:#f4f5f9;color:#0b1020;text-align:left}.orders-app__status-bar{display:flex;justify-content:space-between;align-items:center;height:3.6em;padding:1.1em 2em 0;font-size:.82em;font-weight:700}.orders-app__status-icons{display:flex;align-items:center;gap:.4em}.orders-app__signal{display:flex;align-items:flex-end;gap:.12em;height:.75em}.orders-app__signal i{width:.2em;border-radius:1px;background:currentColor}.orders-app__signal i:nth-child(1){height:35%}.orders-app__signal i:nth-child(2){height:55%}.orders-app__signal i:nth-child(3){height:78%}.orders-app__signal i:nth-child(4){height:100%}.orders-app__battery{width:1.6em;height:.78em;border-radius:.22em;box-shadow:inset 0 0 0 1.5px #0b102066;background:linear-gradient(90deg,currentColor 72%,transparent 72%) 2px 2px / calc(100% - 4px) calc(100% - 4px) no-repeat}.orders-app__viewport{position:relative;flex:1;min-height:0;overflow:hidden}.orders-app__content{display:flex;flex-direction:column;gap:.8em;padding:.6em 1.1em 1.4em;transform:translateY(calc(var(--app-scroll, 0) * var(--app-overflow, 0px) * -1));will-change:transform}.orders-app__title{font-family:var(--font-display);font-size:2.05em;font-weight:700;line-height:1.1;letter-spacing:-.035em}.orders-app__search{display:flex;align-items:center;gap:.5em;padding:.65em .85em;border-radius:.85em;background:#e6e8ef;font-size:.86em;color:#6b7285}.orders-app__summary{display:flex;justify-content:space-between;align-items:flex-end;gap:1em;padding:1.05em 1.1em;border-radius:1.2em;background:var(--gradient-button);color:#fff}.orders-app__summary-text{display:flex;flex-direction:column;gap:.2em}.orders-app__summary-label{font-size:.78em;opacity:.8}.orders-app__summary-value{font-family:var(--font-display);font-size:1.45em;font-weight:700;letter-spacing:-.03em}.orders-app__summary-trend{align-self:flex-start;margin-top:.3em;padding:.2em .55em;border-radius:1em;background:#fff3;font-size:.72em;font-weight:600}.orders-app__sparkline{display:flex;align-items:flex-end;gap:.22em;height:3.2em}.orders-app__sparkline i{width:.42em;height:calc(var(--volume) * 100%);border-radius:.2em;background:#ffffffd9}.orders-app__section-title{margin-top:.3em;font-size:.95em;font-weight:700;color:#4a5166}.orders-app__orders{display:flex;flex-direction:column;gap:.5em}.orders-app__order{display:grid;grid-template-columns:2.4em minmax(0,1fr) auto;align-items:center;gap:.7em;padding:.7em;border-radius:.95em;background:#fff}.orders-app__avatar{display:grid;place-items:center;width:2.4em;height:2.4em;border-radius:50%;font-size:.82em;font-weight:700;color:#fff}.orders-app__order-text{display:flex;flex-direction:column;gap:.15em;min-width:0}.orders-app__customer{overflow:hidden;font-size:.92em;font-weight:600;white-space:nowrap;text-overflow:ellipsis}.orders-app__order-meta{font-size:.74em;color:#6b7285;white-space:nowrap}.orders-app__order-meta [data-status=preparing]{color:#b45309}.orders-app__order-meta [data-status=delivering]{color:#1d4fd8}.orders-app__order-meta [data-status=delivered]{color:#15803d}.orders-app__amount{font-size:.92em;font-weight:700;font-variant-numeric:tabular-nums}.orders-app__tab-bar{display:grid;grid-template-columns:repeat(4,1fr);padding:.55em .6em 1.5em;background:#fffffff0;box-shadow:0 -1px #0b10200f}.orders-app__tab{display:flex;flex-direction:column;align-items:center;gap:.2em;font-size:.62em;font-weight:600;color:#8a90a2}.orders-app__tab[data-active]{color:#1d4fd8}.brief-pane{display:flex;flex-direction:column;height:100%;padding:clamp(1rem,.6rem + 1.4vw,1.75rem) clamp(1.25rem,.8rem + 1.6vw,2.25rem);color:#eef2fb}.brief-pane__title{font-family:var(--font-display);font-size:clamp(1.125rem,.9rem + .9vw,1.625rem);font-weight:700;letter-spacing:-.03em}.brief-pane__meta{margin-top:.25rem;font-size:var(--type-caption);color:#eef2fb80}.brief-pane__needs{display:flex;flex-direction:column;gap:clamp(.5rem,.3rem + .6vw,.875rem);margin-top:clamp(.875rem,.5rem + 1vw,1.5rem)}.brief-pane__need{--need-checked: clamp(0, calc((var(--brief-progress) * var(--need-count) - var(--need-index)) * 2), 1);display:flex;align-items:center;gap:.75rem;font-size:clamp(.8125rem,.7rem + .35vw,1rem);opacity:calc(.4 + var(--need-checked) * .6)}.brief-pane__checkbox{position:relative;flex:none;display:grid;place-items:center;width:1.25rem;height:1.25rem;border-radius:6px;box-shadow:inset 0 0 0 1.5px #eef2fb4d;color:#fff;isolation:isolate}.brief-pane__checkbox:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--gradient-button);opacity:var(--need-checked)}.brief-pane__checkbox svg{transform:scale(var(--need-checked))}.design-pane{display:grid;grid-template-columns:minmax(0,.32fr) minmax(0,1fr);height:100%;color:#eef2fb}.design-pane__tokens{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#ffffff06}.design-pane__label{font-size:.6875rem;font-weight:600;color:#eef2fb80}.design-pane__label+.design-pane__swatches,.design-pane__label+.design-pane__type-sample{margin-bottom:.5rem}.design-pane__swatches{display:grid;grid-template-columns:repeat(2,1fr);gap:.375rem}.design-pane__swatches i{aspect-ratio:1.6;border-radius:6px;box-shadow:inset 0 0 0 1px #ffffff1a}.design-pane__type-sample{font-family:var(--font-display);font-size:clamp(1.75rem,1.2rem + 1.4vw,2.5rem);font-weight:700;line-height:1;letter-spacing:-.04em}.design-pane__type-names{font-size:.6875rem;color:#eef2fb80}.design-pane__canvas{position:relative;display:grid;place-items:center;background-color:#0b1022;background-image:radial-gradient(rgb(255 255 255 / .07) 1px,transparent 1px);background-size:16px 16px}.design-pane__frame{display:flex;flex-direction:column;gap:5%;width:34%;aspect-ratio:9 / 18;padding:7% 6%;border-radius:14px;background:#f4f5f9;box-shadow:0 0 0 1px #7fb0ff80}.design-pane__block{--block-designed: clamp(0, calc(var(--design-progress) * 9 - var(--block-index)), 1);position:relative;display:block;border-radius:5px;box-shadow:inset 0 0 0 1px #0b10202e}.design-pane__block:after{content:"";position:absolute;inset:0;border-radius:inherit;background:#fff;opacity:var(--block-designed)}.design-pane__block--title{width:60%;height:7%}.design-pane__block--title:after{background:#0b1020}.design-pane__block--search{height:7%}.design-pane__block--search:after{background:#e6e8ef}.design-pane__block--card{height:22%;border-radius:8px}.design-pane__block--card:after{background:var(--gradient-button)}.design-pane__block--row{height:9%}.design-pane__comment{--comment-visible: clamp(0, calc((var(--design-progress) - .78) * 10), 1);position:absolute;top:16%;right:6%;display:flex;align-items:flex-start;gap:.5rem;max-width:44%;padding:.5rem .75rem .5rem .5rem;border-radius:14px 14px 14px 4px;background:#fff;box-shadow:0 12px 30px -12px #00000080;font-size:clamp(.6875rem,.6rem + .25vw,.8125rem);line-height:1.3;color:#0b1020;opacity:var(--comment-visible);transform:translateY(calc((1 - var(--comment-visible)) * 10px)) scale(calc(.9 + var(--comment-visible) * .1));transform-origin:bottom left}.design-pane__comment strong{display:block;font-weight:700}.design-pane__comment-avatar{flex:none;display:grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:50%;background:#e0892b;font-size:.6875rem;font-weight:700;color:#fff}.design-pane__approval{--approval-visible: clamp(0, calc((var(--design-progress) - .9) * 12), 1);position:absolute;right:6%;bottom:7%;display:flex;align-items:center;gap:.4rem;padding:.4rem .8rem .4rem .5rem;border-radius:999px;background:#16a34a;font-size:clamp(.6875rem,.6rem + .25vw,.8125rem);font-weight:700;white-space:nowrap;color:#fff;opacity:var(--approval-visible);transform:scale(calc(.8 + var(--approval-visible) * .2));transform-origin:bottom right}.design-pane__approval span{font-weight:500;opacity:.85}.code-pane{height:100%;margin:0;padding:1rem 1.25rem 1.25rem 0;overflow:hidden;font-family:var(--font-mono);font-size:clamp(.625rem,.45rem + .45vw,.875rem);line-height:1.75;color:#eef2fbd9}.code-pane__line{--line-typed: clamp(0, calc(var(--type-progress) * var(--line-count) - var(--line-index)), 1);display:grid;grid-template-columns:3em max-content;white-space:pre}.code-pane__line-number{padding-right:1.25em;text-align:right;color:#ffffff47;opacity:clamp(0,calc(var(--line-typed) * 4),1);user-select:none}.code-pane__line-text{position:relative;min-height:1.75em}.code-pane__typed{display:block;clip-path:inset(-2px calc((1 - var(--line-typed)) * 100%) -2px 0)}.code-pane__caret{position:absolute;top:.2em;bottom:.2em;left:calc(var(--line-typed) * 100%);width:2px;border-radius:1px;background:var(--brand-300);opacity:clamp(0,calc(min(var(--line-typed),1 - var(--line-typed))*40),1)}.code-pane [data-token=comment]{color:#5a6478}.code-pane [data-token=string]{color:#a9cbff}.code-pane [data-token=keyword]{color:#5b8cff}.code-pane [data-token=declaration]{color:#fff;font-weight:600}.code-pane [data-token=type]{color:#c3d4ff}.code-pane [data-token=identifier]{color:#eef2fbd9}.code-pane [data-token=punctuation]{color:#eef2fb80}@media(max-width:900px){.design-pane{grid-template-columns:1fr}.design-pane__tokens{display:none}.code-pane{font-size:.5625rem}.code-pane__line{grid-template-columns:2.5em max-content}}@media(prefers-reduced-motion:reduce){.code-pane__typed{clip-path:none}.code-pane__caret{display:none}}.existing-app{position:absolute;inset:0;font-size:calc(var(--window-w) / 48);text-align:left}.legacy-app,.modern-app{position:absolute;inset:0;display:grid}.legacy-app{grid-template-columns:22% 1fr;grid-template-rows:auto 1fr;background:#dcdcdc;font-family:Verdana,Tahoma,Geneva,sans-serif;font-size:.82em;color:#222}.legacy-app__header{grid-column:1 / -1;padding:.6em .9em;background:linear-gradient(#4a6d97,#2b4a6f);font-size:.95em;color:#e8e8e8}.legacy-app__menu{display:flex;flex-direction:column;gap:.7em;padding:1em .9em;background:#c8c8c8;box-shadow:inset -1px 0 #9a9a9a}.legacy-app__menu span{color:#1a3fb0;text-decoration:underline}.legacy-app__main{display:flex;flex-direction:column;align-items:flex-start;gap:.8em;padding:1em;background:#f2f2f2}.legacy-app__title{font-family:Times New Roman,Times,serif;font-size:1.35em;font-weight:700;color:#333}.legacy-app__table{width:100%;border-collapse:collapse;background:#fff;font-size:.92em}.legacy-app__table th,.legacy-app__table td{padding:.35em .5em;border:1px solid #9a9a9a}.legacy-app__table th{background:silver;text-align:left}.legacy-app__button{padding:.35em 1em;border:1px solid #555555;background:linear-gradient(#f4f4f4,#bdbdbd);font-size:.85em;font-weight:700}.existing-app__modern{position:absolute;inset:0;clip-path:inset(0 calc((1 - var(--redesign-progress)) * 100%) 0 0)}.modern-app{grid-template-columns:24% 1fr;background:#fff;color:#0b1020}.modern-app__sidebar{display:flex;flex-direction:column;gap:.35em;padding:1.1em .8em;background:#f4f5f9}.modern-app__brand{margin-bottom:.8em;padding-left:.4em;font-family:var(--font-display);font-size:1.15em;font-weight:700;letter-spacing:-.03em;color:#1d4fd8}.modern-app__menu-item{display:flex;align-items:center;gap:.55em;padding:.5em .6em;border-radius:.6em;font-size:.85em;font-weight:600;color:#5b6275}.modern-app__menu-item[data-active]{background:#fff;box-shadow:0 1px 3px #0b102014;color:#1d4fd8}.modern-app__main{display:flex;flex-direction:column;gap:1em;padding:1.2em 1.4em;min-width:0}.modern-app__heading{display:flex;justify-content:space-between;align-items:center}.modern-app__title{font-family:var(--font-display);font-size:1.6em;font-weight:700;letter-spacing:-.035em}.modern-app__action{display:flex;align-items:center;gap:.35em;padding:.5em .9em;border-radius:999px;background:var(--gradient-button);font-size:.78em;font-weight:600;color:#fff}.modern-app__kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:.6em}.modern-app__kpi{display:flex;flex-direction:column;gap:.2em;padding:.7em .8em;border-radius:.8em;background:#f4f5f9}.modern-app__kpi span{font-size:.72em;color:#6b7285}.modern-app__kpi strong{font-family:var(--font-display);font-size:1.3em;letter-spacing:-.03em}.modern-app__table{display:flex;flex-direction:column;gap:.3em}.modern-app__row{display:grid;grid-template-columns:1.8em minmax(0,1.6fr) .8fr 1.2fr .8fr;align-items:center;gap:.6em;padding:.45em .5em;border-radius:.6em;font-size:.8em}.modern-app__row:nth-child(odd){background:#f8f9fc}.modern-app__avatar{display:grid;place-items:center;width:1.8em;height:1.8em;border-radius:50%;font-size:.8em;font-weight:700;color:#fff}.modern-app__customer{overflow:hidden;font-weight:600;white-space:nowrap;text-overflow:ellipsis}.modern-app__time{color:#6b7285}.modern-app__status{justify-self:start;padding:.2em .6em;border-radius:999px;font-size:.85em;font-weight:600;white-space:nowrap}.modern-app__status[data-status=preparing]{background:#fef3c7;color:#b45309}.modern-app__status[data-status=delivering]{background:#dbe6ff;color:#1d4fd8}.modern-app__status[data-status=delivered]{background:#dcfce7;color:#15803d}.modern-app__amount{justify-self:end;font-weight:700;font-variant-numeric:tabular-nums}.existing-app__wipe-handle{position:absolute;top:0;bottom:0;left:calc(var(--redesign-progress) * 100%);width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 12px rgb(var(--brand-glow-rgb) / .9);opacity:clamp(0,calc(min(var(--redesign-progress),1 - var(--redesign-progress))*30),1)}.existing-app__wipe-handle:after{content:"‹ ›";position:absolute;top:50%;left:50%;display:grid;place-items:center;width:2.4em;height:2.4em;border-radius:50%;background:#fff;box-shadow:0 4px 14px #0b10204d;font-size:.9em;font-weight:700;color:#1d4fd8;transform:translate(-50%,-50%)}@media(max-width:900px){.legacy-app,.modern-app{grid-template-columns:1fr}.legacy-app__menu,.modern-app__sidebar,.modern-app__time{display:none}.modern-app__row{grid-template-columns:1.8em minmax(0,1.6fr) 1.2fr .8fr}}@property --performance-score{syntax: "<integer>"; initial-value: 42; inherits: false;}.renovation-device{--window-w: min(640px, 52vw);--window-h: min(440px, 58svh);position:relative;display:flex;flex-direction:column;width:var(--window-w);height:var(--window-h);border-radius:16px;background:#070b18;box-shadow:0 0 0 1px #ffffff1f,0 40px 90px -40px rgb(var(--brand-glow-rgb) / .7);overflow:clip;isolation:isolate}.renovation-device__toolbar{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#ffffff0a}.renovation-device__address{display:grid;flex:1;min-width:0;max-width:24rem;margin-inline:auto;padding:.3rem .875rem;border-radius:8px;background:#ffffff0f;font-size:var(--type-caption);text-align:center;color:#eef2fb99}.renovation-device__address>span{grid-area:1 / 1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.renovation-device__address-app{opacity:calc(1 - var(--diff-visibility))}.renovation-device__address-diff{opacity:var(--diff-visibility)}.renovation-device__body{position:relative;flex:1;min-height:0}.renovation-device__app,.renovation-device__diff{position:absolute;inset:0}.renovation-device__app{opacity:calc(1 - var(--diff-visibility));transform:scale(calc(1 - var(--diff-visibility) * .04))}.renovation-device__diff{background:#070b18;opacity:var(--diff-visibility);transform:translateY(calc((1 - var(--diff-visibility)) * 14px))}.audit-overlay{--audit-fade: calc(1 - clamp(0, calc(var(--redesign-progress) * 4), 1)) ;position:absolute;inset:0;font-size:calc(var(--window-w) / 52);opacity:var(--audit-fade);pointer-events:none}.audit-overlay__marker{--marker-visible: clamp(0, calc((var(--audit-progress) * 5 - var(--marker-index) - .4) * 3), 1);position:absolute;display:flex;align-items:center;gap:.45em;padding:.35em .75em .35em .35em;border-radius:999px;background:#ff4e42;box-shadow:0 0 0 .35em #ff4e4240,0 8px 20px -6px #00000080;font-family:var(--font-body);font-size:.9em;font-weight:700;white-space:nowrap;color:#fff;opacity:var(--marker-visible);transform:scale(calc(.6 + var(--marker-visible) * .4));transform-origin:left center}.audit-overlay__marker i{display:grid;place-items:center;width:1.4em;height:1.4em;border-radius:50%;background:#fff;font-style:normal;color:#ff4e42}.audit-overlay__score{--score-visible: clamp(0, calc((var(--audit-progress) - .75) * 6), 1);position:absolute;right:4%;bottom:6%;display:flex;align-items:center;gap:.6em;padding:.6em .9em .6em .6em;border-radius:1em;background:#0b1020;font-family:var(--font-body);font-size:.95em;font-weight:600;color:#eef2fb;opacity:var(--score-visible);transform:translateY(calc((1 - var(--score-visible)) * 1em))}.audit-overlay__score strong{display:grid;place-items:center;width:2.4em;height:2.4em;border-radius:50%;box-shadow:inset 0 0 0 .25em #ff4e42;font-size:1.1em;color:#ff4e42}.performance-panel{--panel-visible: clamp(0, calc(var(--optimise-progress) * 6), 1);--score-fill: clamp(0, calc((var(--optimise-progress) - .12) / .55), 1);--metric-swap: clamp(0, calc((var(--score-fill) - .45) * 5), 1);position:absolute;right:4%;bottom:6%;display:flex;align-items:center;gap:1em;padding:.9em 1.2em .9em .9em;border-radius:1.2em;background:#0b1020;box-shadow:0 20px 40px -16px #0009;font-size:calc(var(--window-w) / 48);color:#eef2fb;opacity:var(--panel-visible);transform:translateY(calc((1 - var(--panel-visible)) * 1.5em)) scale(calc(.92 + var(--panel-visible) * .08));transform-origin:bottom right}.performance-panel__ring{position:relative;width:4.6em;height:4.6em;--score-color: color-mix(in srgb, #0cce6b calc(var(--score-fill) * 100%), #ff4e42)}.performance-panel__ring svg{width:100%;height:100%;transform:rotate(-90deg)}.performance-panel__track,.performance-panel__value{fill:none;stroke-width:9}.performance-panel__track{stroke:#ffffff1a}.performance-panel__value{stroke:var(--score-color);stroke-linecap:round;stroke-dasharray:var(--ring-circumference);stroke-dashoffset:calc(var(--ring-circumference) * (.58 - var(--score-fill) * .56))}.performance-panel__score{--performance-score: calc(42 + 56 * var(--score-fill));position:absolute;inset:0;display:grid;place-items:center;counter-reset:performance var(--performance-score);font-family:var(--font-display);font-size:1.45em;font-weight:700;color:var(--score-color)}.performance-panel__score:before{content:counter(performance)}.performance-panel__metrics{display:flex;flex-direction:column;gap:.3em}.performance-panel__title{font-family:var(--font-display);font-size:1.1em;font-weight:700}.performance-panel__metric{display:flex;justify-content:space-between;gap:1.5em;font-size:.85em;color:#eef2fba6}.performance-panel__values{display:flex;gap:.5em}.performance-panel__values s{position:relative;text-decoration:none;opacity:calc(1 - var(--metric-swap) * .55)}.performance-panel__values s:after{content:"";position:absolute;left:-2px;right:-2px;top:50%;height:1.5px;background:currentColor;transform:scaleX(var(--metric-swap));transform-origin:left}.performance-panel__values b{color:#0cce6b;opacity:var(--metric-swap)}.update-toast{--toast-visible: clamp(0, calc((var(--optimise-progress) - .8) * 8), 1);position:absolute;left:4%;bottom:6%;display:flex;align-items:center;gap:.6em;padding:.55em 1em .55em .55em;border-radius:999px;background:#0b1020;box-shadow:0 16px 32px -12px #0009;font-size:calc(var(--window-w) / 46);font-weight:600;white-space:nowrap;color:#eef2fb;opacity:var(--toast-visible);transform:translateY(calc((1 - var(--toast-visible)) * 1.2em))}.update-toast__icon{display:grid;place-items:center;width:1.6em;height:1.6em;border-radius:50%;background:#16a34a;color:#fff}.diff-pane{height:100%;margin:0;padding:1rem 1.25rem 1rem 0;overflow:hidden;font-family:var(--font-mono);font-size:clamp(.5625rem,.4rem + .4vw,.8125rem);line-height:1.7;color:#eef2fbd9}.diff-pane__line{display:grid;grid-template-columns:2.5em max-content;max-height:1.7em;overflow:hidden;white-space:pre}.diff-pane__marker{text-align:center;color:#eef2fb59}.diff-pane__text{position:relative}.diff-pane__line--removed{--line-change: clamp(0, calc(var(--diff-progress) * 2 * var(--removed-count) - var(--change-index)), 1);--strike: clamp(0, calc(var(--line-change) * 2), 1);--collapse: clamp(0, calc((var(--line-change) - .5) * 2), 1);max-height:calc((1 - var(--collapse)) * 1.7em);background:#ff4e4224;opacity:calc(1 - var(--collapse))}.diff-pane__line--removed .diff-pane__marker{color:#ff7a70}.diff-pane__line--removed .diff-pane__text:after{content:"";position:absolute;left:0;right:0;top:50%;height:1.5px;background:#ff7a70;transform:scaleX(var(--strike));transform-origin:left}.diff-pane__line--added{--line-change: clamp(0, calc((var(--diff-progress) - .5) * 2 * var(--added-count) - var(--change-index)), 1);max-height:calc(clamp(0,calc(var(--line-change) * 4),1)*1.7em);background:#0cce6b1f}.diff-pane__line--added .diff-pane__marker{color:#4ade80}.diff-pane__line--added .diff-pane__text{clip-path:inset(-2px calc((1 - var(--line-change)) * 100%) -2px 0)}.diff-pane [data-token=comment]{color:#5a6478}.diff-pane [data-token=string]{color:#a9cbff}.diff-pane [data-token=keyword]{color:#5b8cff}.diff-pane [data-token=declaration]{color:#fff;font-weight:600}.diff-pane [data-token=type]{color:#c3d4ff}.diff-pane [data-token=identifier]{color:#eef2fbd9}.diff-pane [data-token=punctuation]{color:#eef2fb80}@media(max-width:900px){.update-toast{left:50%;top:4%;bottom:auto;transform:translate(-50%,calc((1 - var(--toast-visible)) * -1.2em))}.renovation-device{--window-w: calc(100vw - 2 * var(--gutter, 1.25rem));--window-h: min(380px, 46svh)}.diff-pane{font-size:.5rem}.diff-pane__line{grid-template-columns:2em max-content}}.expertise__philosophy{max-width:46ch;margin-top:.75rem}.build-story{position:relative;height:1040vh;--creation: clamp(0, calc(var(--story-progress, 0) / .44), 1);--brief-progress: clamp(0, calc(var(--creation) / .2), 1);--to-design: clamp(0, calc((var(--creation) - .22) / .05), 1);--design-progress: clamp(0, calc((var(--creation) - .27) / .19), 1);--to-code: clamp(0, calc((var(--creation) - .47) / .05), 1);--type-progress: clamp(0, calc((var(--creation) - .52) / .16), 1);--morph: clamp(0, calc((var(--creation) - .7) / .1), 1);--morph-eased: calc(var(--morph) * var(--morph) * (3 - 2 * var(--morph)));--app-scroll: clamp(0, calc((var(--creation) - .8) / .18), 1);--delivery-progress: clamp(0, calc((var(--creation) - .7) / .28), 1);--pane-0-visibility: calc(1 - var(--to-design));--pane-1-visibility: calc(var(--to-design) * (1 - var(--to-code)));--pane-2-visibility: var(--to-code);--creation-exit: clamp(0, calc((var(--story-progress, 0) - .445) / .035), 1);--interlude: clamp(0, calc((var(--story-progress, 0) - .46) / .1), 1);--interlude-visibility: calc(clamp(0, calc((var(--interlude) - .1) * 4), 1)*(1 - clamp(0, calc((var(--interlude) - .62) * 4), 1))) ;--mission-entry: clamp(0, calc((var(--story-progress, 0) - .55) / .035), 1);--mission: clamp(0, calc((var(--story-progress, 0) - .57) / .43), 1);--audit-progress: clamp(0, calc(var(--mission) / .22), 1);--redesign-progress: clamp(0, calc((var(--mission) - .27) / .19), 1);--to-diff: clamp(0, calc((var(--mission) - .5) / .04), 1);--diff-progress: clamp(0, calc((var(--mission) - .54) / .16), 1);--from-diff: clamp(0, calc((var(--mission) - .72) / .04), 1);--diff-visibility: calc(var(--to-diff) * (1 - var(--from-diff)));--optimise-progress: clamp(0, calc((var(--mission) - .77) / .2), 1)}.build-story__sticky{position:sticky;top:0;display:grid;align-items:center;height:100svh;padding-top:var(--nav-height);overflow:clip}.build-story__glow{position:absolute;right:12%;top:50%;width:min(70vw,760px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgb(var(--brand-glow-rgb) / .4),rgb(var(--brand-glow-rgb) / .08) 45%,transparent 70%);filter:blur(60px);opacity:calc(.35 + var(--morph-eased) * .65);transform:translateY(-50%) scale(calc(.8 + var(--morph-eased) * .3));pointer-events:none}.build-story__sticky>*{grid-area:1 / 1}.build-story__layout{position:relative;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,1rem + 4vw,5rem);align-items:center}.build-story__layer--creation{opacity:calc(1 - var(--creation-exit));transform:translateY(calc(var(--creation-exit) * -2.5rem)) scale(calc(1 - var(--creation-exit) * .05))}.build-story__layer--mission{opacity:var(--mission-entry);transform:translateY(calc((1 - var(--mission-entry)) * 2.5rem)) scale(calc(.96 + var(--mission-entry) * .04))}.build-story__interlude{display:flex;flex-direction:column;align-items:center;align-self:center;justify-self:center;gap:.5rem;text-align:center;opacity:var(--interlude-visibility);transform:scale(calc(.72 + var(--interlude) * .42));pointer-events:none}.build-story__interlude-word{font-family:var(--font-display);font-size:clamp(7rem,4rem + 18vw,20rem);font-weight:800;line-height:.9;letter-spacing:-.06em;background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.build-story__interlude-line{font-family:var(--font-display);font-size:clamp(1.25rem,1rem + 1.2vw,2rem);font-weight:600;letter-spacing:-.03em;color:var(--fg-secondary)}.build-story__mission-cta{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-top:.5rem}.build-story__billing{padding:.375rem .875rem;border-radius:999px;background:var(--fill);font-size:var(--type-callout);font-weight:600}.build-story__chapters{display:flex;flex-direction:column;gap:1.5rem}.build-story__track{font-size:var(--type-body-large);font-weight:600;letter-spacing:-.015em;color:var(--accent)}.build-story__chapter-stack{display:grid}.build-story__chapter{grid-area:1 / 1;display:flex;flex-direction:column;gap:1rem;opacity:0;transform:translateY(1.25rem);filter:blur(6px);pointer-events:none;transition:opacity .45s ease,filter .45s ease,transform .8s var(--spring-default)}.build-story__chapter[data-active]{opacity:1;transform:none;filter:none;pointer-events:auto}.build-story__chapter-title{font-size:clamp(2rem,1.3rem + 2.4vw,3.5rem);font-weight:700;line-height:1.04;letter-spacing:-.045em}.build-story__chapter-description{max-width:40ch;font-size:var(--type-body-large);line-height:1.5;color:var(--fg-secondary)}.build-story__tags{display:flex;flex-wrap:wrap;gap:.5rem}.build-story__progress{display:flex;gap:.5rem;width:min(100%,20rem)}.build-story__segment{position:relative;flex:1;height:1.5rem}.build-story__segment:before,.build-story__segment-fill{content:"";position:absolute;left:0;right:0;top:50%;height:4px;margin-top:-2px;border-radius:2px}.build-story__segment:before{background:var(--fill-strong)}.build-story__segment-fill{background:var(--gradient-brand);transform:scaleX(var(--segment-fill, 0));transform-origin:left}.build-story__segment:hover:before{background:var(--fg-tertiary)}.build-story__stage{display:grid;place-items:center;min-height:min(620px,72svh)}@media(max-width:900px){.build-story{height:940vh}.build-story__mission-cta{flex-wrap:nowrap;margin-top:0}.build-story__mission-cta .button{padding:.625rem 1.125rem;font-size:var(--type-callout);white-space:nowrap}.build-story__billing{font-size:var(--type-caption);white-space:nowrap}.build-story__sticky{align-items:start;padding-top:calc(var(--nav-height) + 1rem)}.build-story__layout{grid-template-columns:1fr;gap:1.25rem}.build-story__chapters{gap:.75rem}.build-story__track{font-size:var(--type-callout)}.build-story__chapter{gap:.5rem}.build-story__chapter-title{font-size:clamp(1.5rem,1.1rem + 2vw,2.25rem)}.build-story__chapter-description{font-size:var(--type-callout)}.build-story__tags{display:none}.build-story__stage{min-height:0}}@media(prefers-reduced-motion:reduce){.build-story__layer--creation,.build-story__layer--mission,.build-story__interlude{transform:none}.build-story__chapter,.build-story__chapter[data-active]{transform:none;filter:none;transition:opacity .3s ease}}@property --kpi-revenue{syntax: "<integer>"; initial-value: 0; inherits: false;}@property --kpi-orders{syntax: "<integer>"; initial-value: 0; inherits: false;}@property --kpi-satisfaction{syntax: "<integer>"; initial-value: 0; inherits: false;}@property --audit-score{syntax: "<integer>"; initial-value: 0; inherits: false;}.services__intro{max-width:40ch}.services-viewer{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:clamp(1.5rem,1rem + 3vw,4rem);align-items:center}.services-viewer__list{display:flex;flex-direction:column;gap:.625rem}.services-viewer__item{border-radius:26px;background:var(--tile-bg);box-shadow:inset 0 0 0 1px var(--separator);transition:box-shadow .4s ease,background-color .4s ease}.services-viewer__item[data-selected]{box-shadow:inset 0 0 0 1px rgb(var(--brand-light-rgb) / .35),0 24px 50px -30px rgb(var(--brand-glow-rgb) / .8)}.services-viewer__pill{display:flex;align-items:center;gap:.875rem;width:100%;min-height:56px;padding:.625rem 1rem .625rem .625rem;border-radius:26px;text-align:left;transition:transform .16s var(--ease-press)}.services-viewer__pill:active{transform:scale(.98)}.services-viewer__pill-icon{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--fill-strong);color:var(--fg);transition:background-color .3s ease,color .3s ease,transform var(--spring-bouncy-duration) var(--spring-bouncy)}.services-viewer__item[data-selected] .services-viewer__pill-icon{background:var(--gradient-button);color:var(--on-brand);transform:rotate(-8deg) scale(1.06)}.services-viewer__pill-title{flex:1;font-size:1.0625rem;font-weight:700;letter-spacing:-.02em}.services-viewer__pill-plus{flex:none;color:var(--fg-tertiary);transition:transform var(--spring-bouncy-duration) var(--spring-bouncy)}.services-viewer__item[data-selected] .services-viewer__pill-plus{transform:rotate(45deg);color:var(--accent)}.services-viewer__details{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--spring-default-duration) var(--spring-default)}.services-viewer__item[data-selected] .services-viewer__details{grid-template-rows:1fr}.services-viewer__details-inner{display:flex;flex-direction:column;gap:.5rem;min-height:0;overflow:hidden;padding:0 1.25rem;opacity:0;transition:opacity .3s ease}.services-viewer__item[data-selected] .services-viewer__details-inner{padding-bottom:1rem;opacity:1;transition-delay:.12s}.services-viewer__tagline{font-weight:600;font-size:var(--type-body);color:var(--accent)}.services-viewer__description{color:var(--fg-secondary);line-height:1.55}.services-viewer__cta{align-self:flex-start;font-size:var(--type-callout)}.services-viewer__stage{position:relative;display:grid;min-height:clamp(320px,42vw,520px);border-radius:var(--radius-large);background:var(--tile-bg);box-shadow:inset 0 0 0 1px var(--separator);overflow:hidden;isolation:isolate}.services-viewer__glow{position:absolute;inset:15%;z-index:-1;border-radius:50%;background:radial-gradient(circle,rgb(var(--brand-glow-rgb) / .35),transparent 65%);filter:blur(50px)}.services-viewer__visual{grid-area:1 / 1;display:grid;place-items:center;padding:clamp(1.5rem,1rem + 2vw,3rem);opacity:0;transform:scale(.94) translateY(1rem);filter:blur(10px);pointer-events:none;transition:opacity .45s ease,filter .45s ease,transform .8s var(--spring-default)}.services-viewer__visual[data-visible]{opacity:1;transform:none;filter:none;pointer-events:auto}.service-visual{position:relative;width:100%;display:grid;place-items:center}.service-visual__browser{width:min(100%,560px);transform:perspective(1400px) rotateY(-8deg) rotateX(4deg)}.service-visual--mobile{height:100%}.service-visual__phone{position:absolute;width:clamp(120px,26%,190px);transition:transform .9s var(--spring-default)}.service-visual__phone--back{transform:translate(-42%) rotate(-8deg) scale(.92);opacity:.85}.service-visual__phone--front{transform:translate(32%) rotate(5deg)}[data-visible] .service-visual__phone--back{transform:translate(-55%) rotate(-10deg) scale(.92)}[data-visible] .service-visual__phone--front{transform:translate(40%) rotate(6deg) translateY(-4%)}.dashboard{display:flex;flex-direction:column;gap:1rem;width:min(100%,520px);padding:1.25rem;border-radius:var(--radius-medium);background:var(--bg);box-shadow:var(--shadow-raised),inset 0 0 0 1px var(--separator)}.dashboard__kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.dashboard__kpi{display:flex;flex-direction:column;gap:.25rem;padding:.875rem;border-radius:var(--radius-small);background:var(--fill)}.dashboard__kpi-label{font-size:.6875rem;color:var(--fg-tertiary)}.dashboard__kpi-value{font-size:clamp(1.125rem,.9rem + 1vw,1.625rem);font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums;transition:--kpi-revenue 1.4s cubic-bezier(.22,1,.36,1),--kpi-orders 1.4s cubic-bezier(.22,1,.36,1),--kpi-satisfaction 1.4s cubic-bezier(.22,1,.36,1)}.dashboard__kpi-value--revenue{counter-reset:revenue var(--kpi-revenue)}.dashboard__kpi-value--revenue:before{content:counter(revenue) "k€"}.dashboard__kpi-value--orders{counter-reset:orders var(--kpi-orders)}.dashboard__kpi-value--orders:before{content:counter(orders)}.dashboard__kpi-value--satisfaction{counter-reset:satisfaction var(--kpi-satisfaction)}.dashboard__kpi-value--satisfaction:before{content:counter(satisfaction) "%"}[data-visible] .dashboard__kpi-value--revenue{--kpi-revenue: 128}[data-visible] .dashboard__kpi-value--orders{--kpi-orders: 1240}[data-visible] .dashboard__kpi-value--satisfaction{--kpi-satisfaction: 98}.dashboard__chart{display:flex;flex-direction:column;gap:.75rem;padding:1rem;border-radius:var(--radius-small);background:var(--fill)}.dashboard__chart-title{font-size:var(--type-caption);font-weight:600}.dashboard__bars{display:flex;align-items:flex-end;gap:.625rem;height:140px}.dashboard__bar{flex:1;height:100%;border-radius:8px 8px 4px 4px;background:var(--gradient-brand);transform:scaleY(.04);transform-origin:bottom;transition:transform .9s var(--spring-bouncy);transition-delay:calc(var(--bar-index) * 60ms + .15s)}[data-visible] .dashboard__bar{transform:scaleY(var(--bar-value))}.audit{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(.75rem,2vw,1.75rem);width:min(100%,560px)}.audit__score{position:relative;display:grid;justify-items:center;gap:.625rem}.audit__ring{width:100%;max-width:110px;transform:rotate(-90deg)}.audit__ring-track,.audit__ring-value{fill:none;stroke-width:8}.audit__ring-track{stroke:color-mix(in srgb,#0cce6b 18%,transparent)}.audit__ring-value{stroke:#0cce6b;stroke-linecap:round;stroke-dasharray:var(--ring-circumference);stroke-dashoffset:var(--ring-circumference);transition:stroke-dashoffset 1.4s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--score-index) * .12s + .15s)}[data-visible] .audit__ring-value{stroke-dashoffset:calc(var(--ring-circumference) * (1 - var(--ring-score)))}.audit__number{position:absolute;top:0;left:50%;display:grid;place-items:center;width:100%;max-width:110px;aspect-ratio:1;font-size:clamp(1.25rem,1rem + 1.2vw,1.875rem);font-weight:700;color:#0cce6b;font-variant-numeric:tabular-nums;transform:translate(-50%);transition:--audit-score 1.4s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--score-index) * .12s + .15s)}.audit__number{counter-reset:audit var(--audit-score)}.audit__number:before{content:counter(audit)}[data-visible] .audit__number{--audit-score: 100}.audit__label{font-size:var(--type-caption);font-weight:600;text-align:center}@media(max-width:900px){.services-viewer{grid-template-columns:1fr}.services-viewer__stage{order:-1}.audit{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){.services-viewer__visual,.services-viewer__visual[data-visible]{transform:none;filter:none;transition:opacity .3s ease}.dashboard__bar,.audit__ring-value,.audit__number,.dashboard__kpi-value,.service-visual__phone,.services-viewer__details{transition:none}}.project-type-picker{margin:0 0 .75rem;padding:0;border:0}.project-type-picker__label{margin-bottom:.75rem;padding:0;font-size:var(--type-callout);font-weight:600;color:var(--fg-secondary)}.project-type-picker__options{display:flex;flex-wrap:wrap;gap:.5rem}.project-type-picker__option{position:relative;display:inline-flex;align-items:center;gap:.5rem;min-height:44px;padding:.5rem 1rem;border-radius:var(--radius-pill);background:var(--fill);box-shadow:inset 0 0 0 1px var(--separator);font-size:var(--type-callout);font-weight:600;color:var(--fg);overflow:hidden;isolation:isolate;transition:color .25s ease,box-shadow .25s ease,transform .16s var(--ease-press)}.project-type-picker__option:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--gradient-button);opacity:0;transform:scale(.6);border-radius:inherit;transition:opacity .25s ease,transform var(--spring-bouncy-duration) var(--spring-bouncy)}.project-type-picker__option svg{transition:transform var(--spring-bouncy-duration) var(--spring-bouncy)}.project-type-picker__option:hover{box-shadow:inset 0 0 0 1px rgb(var(--brand-light-rgb) / .5)}.project-type-picker__option:hover svg{transform:rotate(-10deg) scale(1.12)}.project-type-picker__option:active{transform:scale(.95);transition-duration:80ms}.project-type-picker__option[aria-pressed=true]{color:var(--on-brand);box-shadow:0 10px 24px -12px rgb(var(--brand-glow-rgb) / .9)}.project-type-picker__option[aria-pressed=true]:before{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.project-type-picker__option:before{transform:none}.project-type-picker__option:hover svg{transform:none}}.message-composer{--entry: clamp(0, calc(var(--progress, 1) * 1.6 - .2), 1);position:relative;display:grid;perspective:1600px}.message-composer__card,.message-composer__sent{grid-area:1 / 1}.message-composer__card{display:flex;flex-direction:column;border-radius:var(--radius-large);background:var(--tile);box-shadow:inset 0 0 0 1px var(--separator),0 40px 90px -45px rgb(var(--brand-glow-rgb) / .75);overflow:hidden;transform-origin:bottom center;transform:rotateX(calc((1 - var(--entry)) * 14deg)) translateY(calc((1 - var(--entry)) * 2.5rem))}.message-composer__toolbar{display:flex;align-items:center;gap:1rem;padding:.875rem 1.25rem;background:var(--fill)}.message-composer__title{font-size:var(--type-caption);font-weight:600;color:var(--fg-secondary)}.message-composer__row{display:grid;grid-template-columns:4rem minmax(0,1fr);align-items:center;gap:.5rem;min-height:3.5rem;padding:.375rem 1.25rem;box-shadow:0 1px 0 var(--separator)}.message-composer__row--subject{align-items:start;padding-block:.75rem 1rem}.message-composer__row--subject .message-composer__row-label{padding-top:.6rem}.message-composer__row-label{font-size:var(--type-callout);color:var(--fg-tertiary)}.message-composer__recipient{display:flex;align-items:center;gap:.625rem;font-weight:600}.message-composer__sender{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:.5rem}.message-composer__subject{display:flex;flex-direction:column;gap:.75rem}.message-composer .project-type-picker{margin:0}.message-composer .project-type-picker__label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.message-composer .project-type-picker__options{gap:.375rem}.message-composer .project-type-picker__option{min-height:36px;padding:.375rem .75rem;font-size:var(--type-caption)}.message-composer__body{padding:.75rem 1.25rem .5rem}.composer-field{position:relative}.composer-field__control{display:block;width:100%;min-height:2.75rem;padding:.5rem .75rem;border:none;border-radius:var(--radius-small);background:transparent;color:var(--fg);font:inherit;font-size:var(--type-body);outline:none;resize:none;transition:background-color .2s ease,box-shadow .2s ease}.composer-field__control::placeholder{color:var(--fg-tertiary)}.composer-field__control:hover{background:var(--fill)}.composer-field__control:focus{background:var(--fill);box-shadow:inset 0 0 0 1.5px var(--accent),0 0 0 4px color-mix(in srgb,var(--accent) 16%,transparent)}.composer-field[data-multiline] .composer-field__control{min-height:9rem;padding:.75rem;line-height:1.55}.composer-field[data-invalid] .composer-field__control{box-shadow:inset 0 0 0 1.5px var(--danger);animation:composer-field-shake .42s var(--ease-press)}.composer-field__error{padding:.25rem .75rem 0;font-size:var(--type-caption);color:var(--danger)}@keyframes composer-field-shake{20%{translate:-5px 0}40%{translate:4px 0}60%{translate:-3px 0}80%{translate:2px 0}}.message-composer__error{margin:0 1.25rem .75rem;padding:.75rem 1rem;border-radius:var(--radius-small);background:color-mix(in srgb,var(--danger) 12%,transparent);font-size:var(--type-caption);color:var(--danger)}.message-composer__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem 1.25rem;background:var(--fill)}.message-composer__reply-note{display:flex;align-items:center;gap:.75rem;font-size:var(--type-caption);color:var(--fg-secondary)}.message-composer__submit{min-height:52px;padding-inline:1.75rem}.message-composer__submit-arrow{transition:transform var(--spring-snappy-duration) var(--spring-snappy)}.message-composer__submit:hover .message-composer__submit-arrow{transform:translate(4px)}.message-composer__spinner{animation:message-composer-spin .9s linear infinite}@keyframes message-composer-spin{to{transform:rotate(360deg)}}.message-composer__sent{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2rem;text-align:center;opacity:0;pointer-events:none}.message-composer__sent-badge{display:grid;place-items:center;width:5rem;height:5rem;margin-bottom:.5rem;border-radius:50%;background:var(--gradient-button);box-shadow:0 20px 50px -16px rgb(var(--brand-glow-rgb) / .9);color:var(--on-brand)}.message-composer__sent-title{font-family:var(--font-display);font-size:var(--type-title);font-weight:700;letter-spacing:-.035em;color:var(--fg)}.message-composer__sent-note{max-width:32ch;color:var(--fg-secondary)}.message-composer[data-sent] .message-composer__card{animation:message-composer-fly-away .9s cubic-bezier(.55,0,.75,.2) forwards}.message-composer[data-sent] .message-composer__sent{pointer-events:auto;animation:message-composer-sent-in .7s var(--spring-bouncy) .65s both}.message-composer[data-sent] .message-composer__sent-badge{animation:message-composer-badge-pop .8s var(--spring-bouncy) .75s both}@keyframes message-composer-fly-away{0%{transform:none;opacity:1}25%{transform:translateY(.75rem) scale(.97);opacity:1}to{transform:translate(35%,-110%) rotate(-8deg) scale(.4);opacity:0}}@keyframes message-composer-sent-in{0%{opacity:0;transform:translateY(1.5rem)}to{opacity:1;transform:none}}@keyframes message-composer-badge-pop{0%{transform:scale(.3) rotate(-30deg)}to{transform:none}}@media(max-width:560px){.message-composer__row{grid-template-columns:1fr;gap:.125rem;padding-block:.625rem}.message-composer__row--subject .message-composer__row-label{padding-top:0}.message-composer__sender{grid-template-columns:1fr}.message-composer__submit{width:100%}}@media(prefers-reduced-motion:reduce){.message-composer__card{transform:none}.composer-field[data-invalid] .composer-field__control{animation:none}.message-composer[data-sent] .message-composer__card{animation:message-composer-fade-out .3s ease forwards}.message-composer[data-sent] .message-composer__sent,.message-composer[data-sent] .message-composer__sent-badge{animation:message-composer-fade-in .3s ease .3s both}@keyframes message-composer-fade-out{to{opacity:0}}@keyframes message-composer-fade-in{0%{opacity:0}}}.contact{overflow:clip}.contact__glow{position:absolute;left:-10%;bottom:-30%;width:min(70vw,820px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgb(var(--brand-glow-rgb) / .22),transparent 65%);filter:blur(60px);pointer-events:none}.contact__layout{position:relative;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(2.5rem,2rem + 4vw,6rem);align-items:start}.contact__aside{display:flex;flex-direction:column;align-items:flex-start;gap:1.25rem}.contact__title{font-family:var(--font-display);font-size:clamp(2.75rem,1.6rem + 4.6vw,5.5rem);font-weight:700;line-height:.98;letter-spacing:-.05em}.contact__intro{max-width:34ch}.contact__email{display:flex;flex-direction:column;align-items:flex-start;margin-top:.5rem;gap:.375rem;padding:1rem 1.25rem;border-radius:var(--radius-medium);background:var(--fill);box-shadow:inset 0 0 0 1px var(--separator);text-align:left;transition:background-color .2s ease,box-shadow .3s ease,translate .5s var(--spring-default),transform .16s var(--ease-press)}.contact__resume{display:flex;align-items:center;gap:.875rem;padding:.875rem 1.25rem .875rem .875rem;border-radius:var(--radius-medium);background:var(--fill);box-shadow:inset 0 0 0 1px var(--separator);transition:background-color .2s ease,box-shadow .3s ease,translate .5s var(--spring-default),transform .16s var(--ease-press)}.contact__resume:hover{background:var(--fill-strong);translate:0 -2px;box-shadow:inset 0 0 0 1px rgb(var(--brand-light-rgb) / .4),0 14px 30px -14px rgb(var(--brand-glow-rgb) / .6)}.contact__resume:active{transform:scale(.98);transition-duration:80ms}.contact__resume-icon{display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:var(--radius-small);background:var(--gradient-button);color:var(--on-brand);transition:transform var(--spring-bouncy-duration) var(--spring-bouncy)}.contact__resume:hover .contact__resume-icon{transform:translateY(2px)}.contact__resume-text{display:flex;flex-direction:column;gap:.125rem}.contact__resume-label{font-weight:700;letter-spacing:-.01em}.contact__resume-hint{font-size:var(--type-caption);color:var(--fg-secondary)}.contact__email:hover{background:var(--fill-strong);translate:0 -2px;box-shadow:inset 0 0 0 1px rgb(var(--brand-light-rgb) / .4),0 14px 30px -14px rgb(var(--brand-glow-rgb) / .6)}.contact__email:active{transform:scale(.98);transition-duration:80ms}.contact__email-address{font-size:clamp(1.125rem,1rem + .6vw,1.5rem);font-weight:700;letter-spacing:-.02em}.contact__email-status{position:relative;display:grid;font-size:var(--type-caption);color:var(--fg-secondary)}.contact__email-status>span{grid-area:1 / 1;display:inline-flex;align-items:center;gap:.375rem;transition:opacity .2s ease,transform var(--spring-bouncy-duration) var(--spring-bouncy)}.contact__email-status-done{color:var(--success);opacity:0;transform:translateY(.75em)}.contact__email-status[data-copied] .contact__email-status-idle{opacity:0;transform:translateY(-.75em)}.contact__email-status[data-copied] .contact__email-status-done{opacity:1;transform:none}.contact__channels-title{font-weight:600;margin-bottom:.75rem;font-size:var(--type-callout);color:var(--fg-secondary)}.contact__channel-list{display:flex;flex-wrap:wrap;gap:.5rem}.contact__channel{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;padding:.5rem 1rem;border-radius:var(--radius-pill);box-shadow:inset 0 0 0 1px var(--separator-strong);font-size:var(--type-callout);font-weight:600;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease,transform .16s var(--ease-press)}.contact__channel:hover{color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.contact__channel-icon{transition:transform var(--spring-bouncy-duration) var(--spring-bouncy)}.contact__channel:hover .contact__channel-icon{transform:translateY(-2px) rotate(-10deg) scale(1.12)}.contact__channel:active{transform:scale(.95);transition-duration:80ms}.contact__location{margin-top:1rem;font-size:var(--type-caption);color:var(--fg-secondary)}@media(max-width:900px){.contact__layout{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.contact__email:hover,.contact__resume:hover,.contact__resume:hover .contact__resume-icon,.contact__channel:hover .contact__channel-icon{translate:none;transform:none}.contact__email-status>span{transition:color .2s ease,opacity .2s ease}}