/*! © 2026 Артур Валеев (Avart Design). All rights reserved. Unauthorized copying, reproduction or reuse is prohibited. */
.wcard{cursor:pointer;transition:border-color .3s}.wcard:hover{border-color:color-mix(in srgb, var(--accent) 55%, var(--line))}.wcard__cover{background:radial-gradient(120% 100% at 50% 0%, hsl(var(--h) 45% 20%), hsl(var(--h) 35% 8%))}.wcard__cover .mock{scale:1.06}.wcard__tag{color:var(--ink)}.wcard__open{border-radius:inherit;z-index:2;position:absolute;inset:0}.wcard__open:focus-visible{outline-offset:-4px}.wcard__go{right:var(--s3);bottom:var(--s3);z-index:1;align-items:center;gap:var(--s2);min-height:2.25rem;padding:0 var(--s3);background:var(--ink);color:var(--bg);border-radius:62.4375rem;font-size:.75rem;font-weight:500;transition:background .3s,color .3s;display:inline-flex;position:absolute}.wcard__go svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:.875rem;height:.875rem;transition:transform .4s var(--ease)}.wcard:hover .wcard__go{background:var(--accent);color:var(--accent-ink)}.wcard:hover .wcard__go svg{transform:translate(3px)}.sub--gap{margin-top:var(--s8)}.timeline{border-left:1px solid var(--line);margin-left:var(--s2);gap:0;display:grid}.timeline li{gap:var(--s1);padding:0 0 var(--s6) var(--s6);display:grid;position:relative}.timeline li:before{content:"";background:var(--accent);border-radius:50%;width:.5625rem;height:.5625rem;position:absolute;top:.55em;left:-.3125rem}.timeline b{font-weight:500;font-size:var(--t14);color:var(--accent)}.system{padding:var(--section-y) var(--gutter)}.ds-wrap{margin-top:var(--s12)}.ds{--h:262;gap:var(--s4);display:grid}.ds__cell{padding:var(--s6);gap:var(--s4);border-radius:var(--r-lg);background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-panel);align-content:start;display:grid}.ds__cell h4{font-size:var(--t14);color:var(--muted);margin:0;font-weight:500}@media (width>=56.25em){.ds{grid-template-columns:repeat(12,minmax(0,1fr))}.ds__pal{grid-column:span 7}.ds__type{grid-column:span 5}.ds__comp{grid-column:span 8}.ds__space{grid-column:span 4}}.ds__sw{gap:var(--s3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.ds__sw div{gap:var(--s2);color:var(--muted);font-size:.75rem;display:grid}.ds__sw i{border-radius:var(--r-md);background:var(--c);border:1px solid var(--line);height:4rem;display:block}.ds__sw b{color:var(--ink);font-size:.8125rem;font-weight:500}.ds__type p{margin:0}.ds__aa{font-family:var(--font-display);font-size:clamp(4rem,3rem + 4vw,7rem);font-weight:700;line-height:.9}.ds__ty{gap:var(--s2);padding-top:var(--s3);border-top:1px solid var(--line);display:grid}.ds__ty span{justify-content:space-between;align-items:baseline;gap:var(--s4);display:flex}.ds__ty small{color:var(--muted);font-family:ui-monospace,Menlo,monospace;font-size:.75rem}.ds__btns{gap:var(--s3);flex-wrap:wrap;align-items:center;display:flex}.dsb{justify-content:center;align-items:center;gap:var(--s2);min-height:2.75rem;padding:0 var(--s4);border-radius:var(--r-md);font-size:var(--t14);--bg-b:hsl(var(--h) 80% 60%);background:var(--bg-b);color:var(--on-dark);font-weight:500;display:inline-flex;position:relative}.dsb--hover{background:linear-gradient(135deg, hsl(var(--h) 80% 54%), hsl(var(--h) 90% 70%));box-shadow:inset 0 1px 0 #ffffff59, 0 .5rem 1.25rem -.375rem hsl(var(--h) 90% 62% / .65);transform:translateY(-3px)}.dsb--focus{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset)}.dsb--dis{background:repeating-linear-gradient(135deg, var(--line) 0 6px, transparent 6px 12px);color:var(--muted);box-shadow:inset 0 0 0 1px var(--line)}.dsb--load:before{content:"";border:2px solid;border-right-color:#0000;border-radius:50%;width:.875rem;height:.875rem;animation:.8s linear infinite spin}:root{--on-dark:#f4f3f0;--on-light:#0c0b12}@supports (color:oklch(from red l c h)){.dsb:not(.dsb--dis):not(.dsb--ghost):not(.dsb--hover){color:oklch(from var(--bg-b) round(up, calc(.6 - l), 1) 0 0)}}.dsb--ghost{color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);background:0 0}.ds__ctl{gap:var(--s4);grid-template-columns:repeat(auto-fit,minmax(min(100%,11.25rem),1fr));align-items:center;display:grid}.dsi{gap:var(--s1);color:var(--muted);font-size:.75rem;display:grid}.dsi span{min-height:2.75rem;padding:0 var(--s3);border-radius:var(--r-md);border:1px solid var(--line);color:var(--ink);font-size:var(--t14);background:color-mix(in srgb, var(--bg) 60%, var(--panel));align-items:center;display:flex}.dsi--err span{border-color:#f04c67}.dsi--err em{color:#f25f77;font-style:normal}.dst{align-items:center;gap:var(--s3);font-size:var(--t14);display:inline-flex}.dst i{--bg-b:hsl(var(--h) 80% 60%);background:var(--bg-b);border-radius:6.1875rem;width:2.75rem;height:1.625rem;position:relative}.dst i:after{content:"";background:var(--on-dark);border-radius:50%;width:1.25rem;height:1.25rem;position:absolute;top:.1875rem;right:.1875rem}.ds__badges{gap:var(--s2);flex-wrap:wrap;display:flex}.dsc{background:color-mix(in srgb, hsl(var(--h) 80% 60%) 18%, transparent);color:hsl(var(--h) 85% 72%);border-radius:6.1875rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500}:root[data-mode=light] .dsc{color:hsl(var(--h) 70% 36%)}.ds__sp{gap:var(--s2);display:grid}.ds__sp div{align-items:center;gap:var(--s3);color:var(--muted);grid-template-columns:2.25rem minmax(0,1fr);font-family:ui-monospace,Menlo,monospace;font-size:.75rem;display:grid}.ds__sp i{background:hsl(var(--h) 80% 60%);border-radius:.1875rem;max-width:100%;height:.75rem;display:block}.case{background:var(--bg);width:100%;max-width:none;height:100%;max-height:none;color:var(--ink);border:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.case:not([open]){display:none}.case::backdrop{background:0 0}.case__scroll{overscroll-behavior:contain;scrollbar-width:thin;position:absolute;inset:0;overflow-y:auto}.cv{--h:262;padding-bottom:var(--s16);transition:opacity .2s}.cv__bar{z-index:5;justify-content:space-between;align-items:center;gap:var(--s4);padding:var(--s3) var(--gutter);background:var(--bg);border-bottom:1px solid var(--line);display:flex;position:sticky;top:0}.cv__crumb{min-width:0;color:var(--muted);font-size:var(--t14)}.cv__close{white-space:nowrap;align-items:center;gap:var(--s2);min-width:2.75rem;min-height:max(2.75rem,44px);padding:0 var(--s4);background:var(--ink);color:var(--bg);font-size:var(--t14);border-radius:62.4375rem;flex:none;font-weight:500;display:inline-flex}.cv__close svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:1rem;height:1rem}.cv__hero{padding:var(--s12) var(--gutter) 0;gap:var(--s8);display:grid}.cv__title{font-family:var(--font-display);text-transform:uppercase;font-size:clamp(2.5rem,1rem + 12vw,13rem);font-weight:700;line-height:.92}.cv__hero{min-width:0}.cv__title--long{font-size:min(clamp(2.5rem,1rem + 12vw,13rem),7.2vw)}.cv__sum{max-width:46ch;font-size:var(--h-lead);letter-spacing:-.01em;font-weight:500;line-height:1.25}.cv__stage{border-radius:var(--r-xl);height:clamp(20rem,62svh,45rem);margin:var(--s8) var(--gutter) 0;background:radial-gradient(120% 100% at 50% 0%, hsl(var(--h) 45% 20%), hsl(var(--h) 35% 7%));border:1px solid var(--line);position:relative;overflow:hidden}.cv__stage .mock__l{transition:transform .2s linear}.cv__sec{gap:var(--s6);padding:var(--s16) var(--gutter) 0;display:grid}@media (width>=56.25em){.cv__sec{gap:var(--s12);padding-top:var(--s24);grid-template-columns:minmax(0,4fr) minmax(0,8fr)}}.cv__sec>h3{font-size:var(--t14);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);align-self:start;font-weight:500}.cv__p{max-width:44ch;font-size:var(--h-lead);letter-spacing:-.01em;font-weight:500;line-height:1.25}.cv__list{counter-reset:n;gap:0;display:grid}.cv__list li{counter-increment:n;padding:var(--s6) 0;border-top:1px solid var(--line);grid-template-columns:3rem minmax(0,1fr);font-size:clamp(1.125rem,1rem + .8vw,1.75rem);font-weight:500;line-height:1.3;display:grid}.cv__list li:before{content:counter(n, decimal-leading-zero);color:var(--accent);font-size:var(--t14);padding-top:.5em}.cv__facts{gap:var(--s3);grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));display:grid}.cv__fact{padding:var(--s6);gap:var(--s2);border-radius:var(--r-lg);background:var(--panel);border:1px solid var(--line);display:grid}.cv__fact b{font-family:var(--font-display);font-size:clamp(2.5rem,1.5rem + 3vw,5rem);font-weight:700;line-height:.95}.cv__fact span{color:var(--muted);font-size:var(--t14)}.cv__shots{gap:var(--s6);padding:0 var(--gutter);margin-top:var(--s8);display:grid}@media (width>=56.25em){.cv__shots{grid-template-columns:repeat(auto-fit,minmax(min(100%,18.75rem),1fr));align-items:start}}.cv__shot{padding:var(--s8);border-radius:var(--r-xl);background:radial-gradient(120% 100% at 50% 0%, hsl(var(--h) 40% 18%), hsl(var(--h) 30% 7%));border:1px solid var(--line);place-items:center;display:grid;position:relative;overflow:hidden}.cv__shot .dev{position:relative;top:auto;translate:none}.cv__shot .dev--phone{height:min(70svh,40rem)}.cv__shot .dev--desk{width:min(100%,55rem)}.cv__boards{gap:var(--s6);padding:0 var(--gutter);margin-top:var(--s8);display:grid}.cv__hero+.cv__boards{margin-top:var(--s12)}@media (width>=56.25em){.cv__hero+.cv__boards{margin-top:var(--s16)}}.cv__board{border-radius:var(--r-xl);border:1px solid var(--line);background:hsl(var(--h) 30% 6%);overflow:hidden}.cv__board--narrow{justify-self:center;width:min(100%,36rem)}.cv__videos{gap:var(--s6);padding:0 var(--gutter);margin-top:var(--s8);align-items:start;display:grid}@media (width>=56.25em){.cv__videos{grid-template-columns:minmax(0,8fr) minmax(0,4fr)}}.cv__video{gap:var(--s3);display:grid}.cv__video video{border-radius:var(--r-xl);border:1px solid var(--line);background:hsl(var(--h) 30% 6%);width:100%;height:auto;display:block}.cv__video--style{order:3}.cv__video--style img{border-radius:var(--r-xl);border:1px solid var(--line);width:100%;height:auto;display:block}@media (width>=56.25em){.cv__video--side{grid-area:1/2/span 2}.cv__video--style{order:0;grid-area:2/1;width:86%}}.cv__video figcaption{color:var(--muted);font-size:var(--t14)}.cv__board img{width:100%;height:auto;display:block}.cv__boards--src .cv__board{flex-direction:column;display:flex}.cv__boards--src .cv__board img{aspect-ratio:16/10;object-fit:cover}.cv__boards--src .cv__board figcaption{flex:1}.cv__board figcaption{padding:var(--s3) var(--s4);color:var(--muted);font-size:var(--t14);border-top:1px solid var(--line)}@media (width>=56.25em){.cv__boards--src{grid-template-columns:repeat(2,minmax(0,1fr))}.cv__boards--src .cv__board:first-child:nth-last-child(odd){grid-column:1/-1}.cv__boards--src .cv__board:first-child:nth-last-child(odd) img{aspect-ratio:auto}}.mock--img img{object-fit:cover;object-position:50% 0;width:100%;height:100%;position:absolute;inset:0}.cv__nda{max-width:60ch;color:var(--muted);font-size:var(--t14);padding:var(--s16) var(--gutter) 0}.cv__next{gap:var(--s4);min-width:0;margin:var(--s24) var(--gutter) 0;padding:var(--s8) 0 0;border-top:1px solid var(--line);display:grid}.cv__nextbtn{overflow-wrap:break-word;text-align:left;min-width:0;max-width:100%;font-family:var(--font-display);text-transform:uppercase;min-height:2.75rem;font-size:clamp(2rem,1rem + 8vw,9rem);font-weight:700;line-height:.95;transition:color .3s}.cv__nextbtn:hover{color:var(--accent)}.cv .ds-wrap{margin:0}[data-r]{opacity:0;transition:opacity .8s var(--ease), transform .8s var(--ease);transition-delay:calc(var(--i,0) * 70ms);transform:translateY(36px)}[data-r].in{opacity:1;transform:none}.cv.is-swap{opacity:0}.cv--ronin{--h:318;color:#f3ecff;background:#07040d}.cv--ronin .cv__bar{background:#07040d;border-color:#d65cb140}.cv--ronin .cv__crumb{color:#a89cc0}.cv--ronin .cv__close{color:#12010f;background:#ff5cce}.cv--ronin .cv__sec>h3{color:#a89cc0}.cv--ronin .cv__list li{border-color:#d65cb140}.cv--ronin .cv__list li:before{color:#3ddfff}.cv--ronin .cv__fact,.cv--ronin .cv__shot{border-color:#d65cb140}.rshow{--p:0;height:320svh;position:relative}.rshow__st{contain:paint;background:radial-gradient(120% 90% at 50% 100%,#350d4a,#07040d 70%);place-items:center;height:100svh;display:grid;position:sticky;top:0;overflow:hidden}.rshow__sun{aspect-ratio:1;width:min(60vh,70vw);transform:translate3d(0, calc(var(--p) * 38vh), 0) scale(calc(1 - var(--p) * .25));will-change:transform;background:linear-gradient(#ffd83d,#f42a8f 60%,#8114b8);border-radius:50%;margin-left:calc(min(60vh,70vw)/-2);position:absolute;top:30%;left:50%;-webkit-mask:repeating-linear-gradient(#000 0 64%,#0000 64% 74%);mask:repeating-linear-gradient(#000 0 64%,#0000 64% 74%)}.rshow__grid{transform-origin:50% 100%;background:repeating-linear-gradient(90deg,#fa38c0b3 0 2px,#0000 2px 80px),repeating-linear-gradient(0deg,#fa38c0b3 0 2px,#0000 2px 80px);background-position:0 calc(var(--p) * 800px);height:55%;position:absolute;bottom:-10%;left:-50%;right:-50%;transform:perspective(500px)rotateX(62deg);-webkit-mask:linear-gradient(#0000,#000 60%);mask:linear-gradient(#0000,#000 60%)}.rshow__sign{z-index:1;color:#ff66d1;filter:drop-shadow(0 0 5px)drop-shadow(0 0 18px);width:min(30vh,40vw);transform:translate3d(0, calc(var(--p) * -10vh), 0);animation:6s step-end infinite flicker;position:relative}.rshow__word{z-index:1;text-align:center;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;color:#fff;text-shadow:0 0 8px #3df,0 0 26px #1ad9ff;font-size:clamp(3rem,1rem + 11vw,11rem);font-weight:700;line-height:1;position:absolute;bottom:27%;left:0;right:0}.rshow__cap{z-index:1;left:var(--gutter);right:var(--gutter);top:calc(var(--nav-h) + var(--s8));gap:var(--s2) var(--s6);font-size:var(--t14);color:#cbbfe3;flex-wrap:wrap;justify-content:space-between;display:flex;position:absolute}.rshow__cap span{opacity:.25;transition:opacity .5s}.rshow__cap span.on{opacity:1;color:#fff}.rshow__logos{z-index:1;left:var(--gutter);right:var(--gutter);bottom:var(--s8);gap:var(--s3);opacity:calc((var(--p) - .55) * 4);transform:translate3d(0, calc((1 - var(--p)) * 40px), 0);grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:absolute}.rlogo{aspect-ratio:1;border-radius:var(--r-lg);border:1px solid hsl(var(--lh) 90% 60% / .6);background:radial-gradient(circle at 50% 30%, hsl(var(--lh) 80% 22%), #0a0612);max-height:18vh;box-shadow:0 0 22px -6px hsl(var(--lh) 95% 60% / .7);place-items:center;display:grid}.rlogo svg{width:50%;color:hsl(var(--lh) 100% 70%);fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px)}.rshow.is-off .rshow__sign{animation-play-state:paused}@media (width<=40em){.rshow__logos{bottom:var(--s4);grid-template-columns:repeat(2,minmax(0,1fr))}.rshow__word{bottom:38%}}@media (prefers-reduced-motion:reduce){[data-r]{opacity:1;transition:none;transform:none}.rshow{height:auto}.rshow__st{height:100svh;position:relative}.rshow__sign{animation:none}.rshow__logos{opacity:1;transform:none}}:root{--nav-bg:#0d0d108c}:root[data-mode=light]{--nav-bg:#efede899}.nav.is-solid{backdrop-filter:blur(18px)saturate(1.6)}.patterned{isolation:isolate;position:relative}.patterned:after{content:"";z-index:-1;pointer-events:none;opacity:0;background-image:radial-gradient(circle at 1px 1px, var(--accent) 1.7px, transparent 0);-webkit-mask-image:radial-gradient(circle 190px at var(--mx,-999px) var(--my,-999px), #000, transparent);mask-image:radial-gradient(circle 190px at var(--mx,-999px) var(--my,-999px), #000, transparent);background-size:2rem 2rem;transition:opacity .35s;position:absolute;inset:0}.patterned.is-lit:after{opacity:.85}.hero{grid-template-rows:auto 1fr auto auto}.hero__top{flex-wrap:wrap;justify-content:space-between;display:flex}@media (width>=40em){.hero__top{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.hero__top p:nth-child(2){text-align:center}.hero__top p:last-child{text-align:right}}.hero__word{padding-block:var(--s4)}.hero__foot{gap:var(--s4);align-items:center}.hero__foot .btn{justify-content:center;justify-self:stretch}.hero__cue{justify-content:flex-start}@media (width>=56.25em){.hero__foot{gap:var(--s8);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.hero__foot .btn{justify-self:center}.hero__cue{justify-self:end}}.rail{margin:0 calc(var(--gutter) * -1);padding:var(--s4) 0 var(--s6);position:relative;overflow:hidden}.rail__track{will-change:transform;width:max-content;animation:90s linear infinite rail;display:flex}.rail.is-off .rail__track{animation-play-state:paused}@keyframes rail{to{transform:translate(-50%)}}.rcard{aspect-ratio:4/3;width:clamp(11.875rem,17vw,17.5rem);margin-right:var(--s4);border-radius:var(--r-lg);border:1px solid var(--line);flex:none;position:relative;overflow:hidden}.rcard--case{background:radial-gradient(120% 100% at 50% 0%, hsl(var(--h) 45% 20%), hsl(var(--h) 35% 8%))}.rcard .mock{scale:1.12}.rcard .mock__l{transition:none}.rcard__tag{left:var(--s3);bottom:var(--s3);color:#f1f0f6;background:#08080cb8;border-radius:62.4375rem;padding:.3125rem .625rem;font-size:.75rem;font-weight:500;position:absolute}.rcard--fact{padding:var(--s6);background:var(--panel);align-content:space-between;display:grid}.rcard--fact b{font-family:var(--font-display);color:var(--accent);font-size:clamp(3rem,2rem + 3vw,5.25rem);font-weight:700;line-height:.9}.rcard--fact span{color:var(--muted);font-size:var(--t14);max-width:18ch;line-height:1.35}@media (prefers-reduced-motion:reduce){.rail__track{animation:none}.rail{overflow-x:auto}}.about__inner{max-width:80rem}.about__stage{padding-top:calc(var(--nav-h) + var(--s12));align-items:start}.about__lead{letter-spacing:-.015em;max-width:52rem;font-size:clamp(1.125rem,min(.75rem + 1.9vw,3.7svh),2.5rem);font-weight:500;line-height:1.22}@media (width<=40em){.about__lead{letter-spacing:0;font-size:1rem;line-height:1.3}.about__stage{padding-bottom:var(--s4)}}@media (width<=40em) and (height<=44em){.about__lead{font-size:.9375rem}}.hw{opacity:.12}.metrics{margin-top:var(--s6);gap:0;position:relative}.metrics__line{background:var(--line);transform-origin:0;height:1px;padding:0;position:absolute;top:0;left:0;right:0}.metric{padding:var(--s4) var(--s4) 0 0;border:0}.metric__n{color:var(--ink);font-size:clamp(2.75rem,1.5rem + 3.6vw,5.5rem)}@media (width>=56.25em){.metric+.metric{padding-left:var(--s6);border-left:1px solid var(--line)}}@media (width<=56.1875em){.metric:nth-child(n+4){border-top:1px solid var(--line);margin-top:var(--s4)}}.about__facts{gap:var(--s12);max-width:none;padding-block:var(--s16) var(--section-y);grid-template-columns:minmax(0,1fr)}@media (width>=56.25em){.about__facts{gap:var(--s16);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.about__col{gap:var(--s4);align-content:start;display:grid}.facts dd{font-size:clamp(1.125rem,1rem + .5vw,1.5rem)}.timeline li{font-size:var(--t18);padding-bottom:var(--s8)}.work{padding-block:var(--s16)}:root{--h-work:clamp(2.5rem, 1rem + 5.5vw, 6.5rem)}.work__head .display{--h:var(--h-work)}.chips{padding-block:var(--s6)}.wcard{grid-template-rows:auto 1fr}.wcard__cover{aspect-ratio:16/11;min-height:0}.wcard__body{align-content:start;min-height:11rem}.is-horizontal .wcard{width:clamp(20rem,31vw,31.25rem);height:auto}.work__track.is-horizontal{align-items:stretch}@media (width<=56.1875em){.wcard__cover{aspect-ratio:4/3}.wcard__body{min-height:0}}.gt{--gm:calc(var(--gh) + 14);box-shadow:inset 0 1px 0 #ffffff8c, inset 0 -4px 0 #0000002e, 0 2px 0 hsl(var(--gm) 65% 26%), 0 14px 20px -10px hsl(var(--gm) 88% 48% / .75)}.path{gap:var(--s6);grid-template-columns:minmax(0,1fr);display:grid}.soft-grid{gap:var(--s4);grid-template-columns:repeat(auto-fill,minmax(min(100%,16.25rem),1fr));display:grid}@media (width>=56.25em){.path{grid-template-columns:repeat(4,minmax(0,1fr))}.soft-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.scard{align-items:start;gap:var(--s4);padding:var(--s6);border-radius:var(--r-lg);background:color-mix(in srgb, var(--bg) 55%, var(--panel));border:1px solid var(--line);min-height:12.25rem;transition:border-color .3s, transform .4s var(--ease);grid-template-rows:auto 1fr;grid-template-columns:auto minmax(0,1fr);display:grid;position:relative}.scard:hover,.scard.is-hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--line))}.scard:hover .gt,.scard.is-hover .gt{transform:translateY(-4px)rotate(-3deg)}.scard__n{font-family:var(--font-display);color:#0000;-webkit-text-stroke:1.5px color-mix(in srgb, var(--muted) 45%, transparent);justify-self:end;font-size:clamp(3rem,2rem + 3vw,5rem);font-weight:700;line-height:.85}.scard__t{font-size:var(--t18);grid-column:1/-1;align-self:end;max-width:24ch;font-weight:500;line-height:1.3}.scard__go{z-index:2;background:var(--bg);border:1px solid var(--line);width:2rem;height:2rem;color:var(--muted);border-radius:50%;place-items:center;margin-left:-1rem;transition:color .4s,border-color .4s;display:grid;position:absolute;bottom:-1.75rem;left:50%}.scard__go svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1rem;height:1rem;transform:rotate(90deg)}.scard.on .scard__go{color:var(--accent);border-color:var(--accent)}@media (width>=56.25em){.scard[data-dir=r] .scard__go{margin:0;inset:calc(50% - 1rem) -1.75rem auto auto}.scard[data-dir=r] .scard__go svg{transform:none}.scard[data-dir=l] .scard__go{margin:0;top:calc(50% - 1rem);bottom:auto;left:-1.75rem}.scard[data-dir=l] .scard__go svg{transform:rotate(180deg)}}.tgrid{gap:var(--s4);grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));display:grid}@media (width>=68.75em){.tgrid{grid-template-columns:repeat(var(--c,6), minmax(0, 1fr))}}.tool{align-content:start;justify-items:start;gap:var(--s1);padding:var(--s6) var(--s4) var(--s6) var(--s6);border-radius:var(--r-lg);background:color-mix(in srgb, var(--bg) 55%, var(--panel));border:1px solid var(--line);text-align:left;transition:border-color .3s;display:grid}.tool:hover,.tool.is-hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--line))}.logo{width:5.5rem;height:5.5rem;margin-bottom:var(--s4)}.logo img{width:5rem;height:5rem}.logo--plate img{width:3.375rem;height:3.375rem}.tool__n{font-weight:500;font-size:var(--t18);line-height:1.2}.tool__r{color:var(--muted);font-size:.8125rem;line-height:1.35}.process__body{padding-left:5.25rem}.process__line{width:2px;top:0;bottom:0;left:1.1875rem}.process__fill{background:linear-gradient(var(--accent-deep), var(--accent));box-shadow:0 0 14px var(--accent)}.steps{counter-reset:s}.step{--fs:clamp(1.5rem, 1rem + 1.6vw, 2.5rem);counter-increment:s;font-size:var(--fs)}.step:before{content:counter(s, decimal-leading-zero);left:-5.25rem;top:calc(var(--fs) * .6 - 1.25rem);background:var(--bg);border:2px solid var(--line);width:2.5rem;height:2.5rem;color:var(--muted);font:700 .8125rem/1 var(--font-display);letter-spacing:.04em;border-radius:50%;place-items:center;transition:background .4s,border-color .4s,color .4s,box-shadow .5s;display:grid}.step.is-on:before{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);box-shadow:0 0 0 6px color-mix(in srgb, var(--accent) 22%, transparent), 0 0 30px color-mix(in srgb, var(--accent) 70%, transparent);animation:pop .6s var(--ease)}@keyframes pop{0%{transform:scale(.6)}60%{transform:scale(1.18)}to{transform:scale(1)}}.lab__stage{gap:var(--s8);grid-template-columns:minmax(0,1fr);align-content:center;justify-items:center;display:grid}.lab__row{gap:var(--s4);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.demo{min-width:9.375rem;padding:0 var(--s6)}.demo--ghost{color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--a);background:0 0}.demo--ghost[data-state=hover]{background:color-mix(in srgb, var(--a) 16%, transparent);filter:none}.demo--ghost[data-state=loading]:before{border-color:var(--ink);border-right-color:#0000}.demo--ghost[data-state=disabled]{box-shadow:inset 0 0 0 1px var(--line)}.demo--danger{background:#eb3351}.demo-field{gap:var(--s1);min-width:13.75rem;color:var(--muted);font-size:.75rem;display:grid}.demo-field input{width:100%;height:3.5rem;padding:0 var(--s4);border-radius:var(--r);border:1.5px solid var(--line);background:color-mix(in srgb, var(--bg) 60%, var(--panel));color:var(--ink);font:inherit;font-size:var(--t18);outline:0;transition:border-color .3s,box-shadow .3s}.demo-field input:focus-visible,.demo-field[data-state=focus] input{border-color:var(--a)}.demo-field[data-state=focus] input{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset)}.demo-field[data-state=hover] input{border-color:var(--a)}.demo-field[data-state=disabled] input{background:repeating-linear-gradient(135deg, var(--line) 0 6px, transparent 6px 12px);color:var(--muted);cursor:not-allowed}.demo-field[data-state=loading] input{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--a) 28%, transparent), transparent) 0 0 / 200% 100% no-repeat;animation:1.2s linear infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.demo-toggle{align-items:center;gap:var(--s3);min-height:2.75rem;font-size:var(--t16);color:var(--ink);display:inline-flex}.demo-toggle i{background:var(--line);border-radius:6.1875rem;width:3.25rem;height:1.875rem;transition:background .3s;position:relative}.demo-toggle i:after{content:"";width:1.5rem;height:1.5rem;transition:transform .35s var(--ease);background:#fff;border-radius:50%;position:absolute;top:.1875rem;left:.1875rem}.demo-toggle[aria-checked=true] i{background:var(--a)}.demo-toggle[aria-checked=true] i:after{transform:translate(22px)}.demo-toggle[data-state=hover] i:after{scale:1.12}.demo-toggle[data-state=disabled]{opacity:.4;cursor:not-allowed}.demo-toggle[data-state=loading] i:after{animation:.8s ease-in-out infinite alternate nudge}@keyframes nudge{to{translate:6px}}@media (prefers-reduced-motion:reduce){.demo-field[data-state=loading] input,.demo-toggle[data-state=loading] i:after{animation:none}}.contact__sub{max-width:52ch}.gt{--gh:262;background:linear-gradient(150deg, hsl(var(--gh) 92% 70%), hsl(calc(var(--gh) + 28) 85% 48%));width:4.5rem;height:4.5rem;transition:transform .4s var(--ease);border-radius:1.375rem;flex:none;place-items:center;display:grid;position:relative}.gt:before{content:"";pointer-events:none;background:linear-gradient(#fff6,#fff0);border-radius:1.125rem 1.125rem 50% 50%/1.125rem 1.125rem 24% 24%;height:46%;position:absolute;top:.25rem;left:.25rem;right:.25rem}.gt svg{fill:none;stroke:#fff;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 2px #0000004d);width:2.125rem;height:2.125rem;position:relative}.logo{transition:transform .4s var(--ease);place-items:center;display:grid;position:relative}.logo img{object-fit:contain;filter:drop-shadow(0 10px 8px #00000059);display:block}.logo--plate{background:linear-gradient(160deg,#fff,#e6e6ea);border-radius:1.625rem;box-shadow:inset 0 1px #fff,inset 0 -3px #0000001a,0 14px 18px -10px #0000008c}.logo--plate img{filter:none}.tool:hover .logo,.tool.is-hover .logo{transform:translateY(-4px)scale(1.04)}@media (prefers-reduced-motion:reduce){.tool:hover .logo,.scard:hover .gt{transform:none}}.rail:before,.rail:after{content:"";z-index:2;pointer-events:none;width:min(14vw,12.5rem);position:absolute;top:0;bottom:0}.rail:before{background:linear-gradient(90deg, var(--bg), transparent);left:0}.rail:after{background:linear-gradient(270deg, var(--bg), transparent);right:0}.cursor{z-index:2147483647;pointer-events:none;position:fixed;top:0;left:0}.cursor[popover]{width:0;height:0;color:inherit;background:0 0;border:0;margin:0;padding:0;inset:0 auto auto 0;overflow:visible}.cursor__orb{pointer-events:none;will-change:transform;position:fixed;top:0;left:0}.cursor__jelly:before{content:"";background:var(--accent);width:14px;height:14px;box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent);transition:transform .45s var(--ease), background .3s, box-shadow .3s, opacity .25s, scale .25s var(--ease);border-radius:50%;position:absolute;top:-7px;left:-7px}.cursor__orb em{font:500 12px/1 var(--font-text);white-space:nowrap;color:var(--accent-ink);opacity:0;font-style:normal;transition:opacity .2s;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.cursor[data-visible=false] .cursor__jelly:before{opacity:0}.cursor[data-mode=link] .cursor__jelly:before{background:color-mix(in srgb, var(--accent) 20%, transparent);box-shadow:inset 0 0 0 1.17px var(--accent);transform:scale(3)}.cursor[data-mode=label] .cursor__jelly:before{opacity:0}.cursor[data-mode=label] .cursor__orb em{opacity:1}.cursor[data-mode=text] .cursor__jelly:before{border-radius:4px;transform:scale(.35,1.7)}.cursor[data-down] .cursor__jelly:before{scale:.7}.cursor__ripple{pointer-events:none;width:0;height:0;position:fixed}.cursor__ripple:before{content:"";border:2px solid var(--accent);width:18px;height:18px;animation:ripple .65s var(--ease) forwards;border-radius:50%;position:absolute;top:-9px;left:-9px}@keyframes ripple{0%{opacity:.9;transform:scale(.3)}to{opacity:0;transform:scale(4.2)}}@media (width>=900px){.scard[data-dir=e] .scard__go{display:none}}.demo[data-state=hover]{filter:brightness(1.18);transform:none}.demo[data-state=disabled]{background:color-mix(in srgb, var(--ink) 8%, transparent);color:var(--muted);box-shadow:inset 0 0 0 1px var(--line)}.demo--ghost[data-state=disabled]{background:0 0}.demo-field[data-state=disabled] input{background:color-mix(in srgb, var(--ink) 8%, transparent)}.dsb--hover{transform:none}.dsb--dis{background:color-mix(in srgb, var(--ink) 8%, transparent)}.p3d{--lw:240px;--rx:58deg;--rz:-38deg;--p:.35;--gap:calc(34px + var(--p) * 52px);--sc:1.12;--surface-2:var(--panel);--surface-3:color-mix(in srgb, var(--ink) 11%, var(--panel));--surface:var(--bg);--border:var(--line);--text:var(--ink);--text-muted:var(--muted);--accent-hover:color-mix(in srgb, var(--accent) 78%, #fff);--edge:color-mix(in srgb, var(--surface-3) 70%, #000);height:clamp(280px,32vw,460px);margin-top:var(--s8);perspective:1600px;perspective-origin:50% 30%;will-change:opacity;position:relative}@media (width<=68.6875em){.p3d{--sc:.78}}.p3d__stage{width:0;height:0;transform-style:preserve-3d;scale:var(--sc);transform:rotateX(calc(var(--rx) - var(--ty,0) * 6deg)) rotateZ(calc(var(--rz) + var(--p) * 70deg + var(--tx,0) * 9deg));transition:transform .25s ease-out;animation:6s ease-in-out infinite alternate bob;position:absolute;top:52%;left:50%}@keyframes bob{0%{translate:0 -6px}to{translate:0 6px}}.is-off .p3d__stage,.p3d.is-off .p3d__stage{animation-play-state:paused}.p3d .ground{left:calc(var(--lw) * -.8);top:calc(var(--lw) * -.8);width:calc(var(--lw) * 1.6);height:calc(var(--lw) * 1.6);pointer-events:none;transform:translateZ(calc(var(--gap) * -1.5 - 44px));background:radial-gradient(closest-side,#0000005c,#00000024 55%,#0000 74%);border-radius:50%;position:absolute}:root[data-mode=light] .p3d .ground{background:radial-gradient(closest-side,#281e1447,#281e141a 55%,#0000 74%)}.p3d .guide{width:0;height:calc(var(--gap) * 3 + 70px);pointer-events:none;transform-origin:0 0;border-left:1px dashed color-mix(in srgb, var(--accent) 55%, transparent);transform:translateZ(calc(var(--gap) * -1.5 - 35px)) rotateX(90deg);position:absolute}.p3d .guide--a{left:calc(var(--lw) * -.5);top:calc(var(--lw) * -.5)}.p3d .guide--b{left:calc(var(--lw) * .5);top:calc(var(--lw) * -.5)}.p3d .guide--c{left:calc(var(--lw) * .5);top:calc(var(--lw) * .5)}.p3d .guide--d{left:calc(var(--lw) * -.5);top:calc(var(--lw) * .5)}.p3d__pl{left:calc(var(--lw) * -.5);top:calc(var(--lw) * -.5);width:var(--lw);height:var(--lw);background:var(--surface-2);border:1px solid var(--border);transform-style:preserve-3d;transform:translateZ(calc((var(--k) - 1.5) * var(--gap)));border-radius:20px;transition:border-color .5s,box-shadow .6s;position:absolute}.p3d .slab{border-radius:inherit;background:var(--edge);transform:translateZ(calc(var(--s) * -1.6px));pointer-events:none;position:absolute;inset:-1px}.p3d__pl:after{content:"";border-radius:inherit;background:var(--bg);opacity:.5;pointer-events:none;transition:opacity .6s;position:absolute;inset:0;transform:translateZ(1px)}.p3d__pl.is-on{border-color:var(--accent);box-shadow:0 0 46px color-mix(in srgb, var(--accent) 38%, transparent)}.p3d__pl.is-on:after{opacity:0}.p3d .layer--tokens{grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;padding:16px;display:grid}.p3d .ramp{height:32px;box-shadow:inset 0 0 0 1px var(--border);border-radius:10px;grid-column:1/-1;display:flex;overflow:hidden}.p3d .ramp i{flex:1}.p3d .ramp i:first-child{background:var(--bg)}.p3d .ramp i:nth-child(2){background:var(--surface-2)}.p3d .ramp i:nth-child(3){background:var(--surface-3)}.p3d .ramp i:nth-child(4){background:var(--text-muted)}.p3d .ramp i:nth-child(5){background:var(--text)}.p3d .ramp i:nth-child(6){background:var(--accent)}.p3d .aa{font-family:var(--font-display);color:var(--text);align-self:center;font-size:54px;font-weight:700;line-height:1}.p3d .scale{justify-content:flex-end;align-items:flex-end;gap:6px;padding-bottom:4px;display:flex}.p3d .scale i{background:var(--text-muted);border-radius:3px;width:14px}.p3d .scale i:first-child{height:10px}.p3d .scale i:nth-child(2){height:18px}.p3d .scale i:nth-child(3){height:30px}.p3d .scale i:nth-child(4){background:var(--accent);height:46px}.p3d .radii{grid-column:1/-1;gap:10px;display:flex}.p3d .radii i{background:var(--surface-3);width:34px;height:34px;box-shadow:inset 0 0 0 1px var(--border)}.p3d .radii i:first-child{border-radius:4px}.p3d .radii i:nth-child(2){border-radius:12px}.p3d .radii i:nth-child(3){border-radius:50%}.p3d .layer--components{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-auto-rows:46px;align-content:start;gap:12px;padding:18px;display:grid}.p3d .cmp{align-self:center;position:relative}.p3d .cmp i{position:absolute}.p3d .cmp--btn{background:var(--accent);border-radius:9px;height:34px}.p3d .cmp--btn i{background:#ffffffe6;border-radius:3px;width:48%;height:6px;top:14px;left:14px}.p3d .cmp--ghost{height:34px;box-shadow:inset 0 0 0 2px var(--text-muted);border-radius:9px}.p3d .cmp--ghost i{background:var(--text-muted);border-radius:3px;width:40%;height:6px;top:14px;left:14px}.p3d .cmp--input{background:var(--surface-3);border-radius:9px;height:34px}.p3d .cmp--input i{background:var(--text);width:2px;height:16px;top:9px;left:12px}.p3d .cmp--switch{background:var(--accent);border-radius:99px;width:56px;height:30px}.p3d .cmp--switch:after{content:"";background:#fff;border-radius:50%;width:24px;height:24px;position:absolute;top:3px;right:3px}.p3d .cmp--check{background:var(--text);border-radius:9px;width:30px;height:30px}.p3d .cmp--check:after{content:"";border:solid var(--bg);border-width:0 3px 3px 0;width:8px;height:15px;position:absolute;top:5px;left:10px;transform:rotate(45deg)}.p3d .cmp--slider{background:var(--surface-3);border-radius:3px;height:6px}.p3d .cmp--slider:before{content:"";background:var(--accent);border-radius:3px;width:60%;height:6px;position:absolute;top:0;left:0}.p3d .cmp--slider i{background:var(--text);width:24px;height:24px;box-shadow:0 0 0 3px var(--surface-2);border-radius:50%;top:-9px;left:56%}.p3d .layer--states{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-auto-rows:40px;align-content:start;gap:12px;padding:18px;display:grid}.p3d .mini{background:var(--accent);color:#fff;border-radius:9px;place-items:center;display:grid;position:relative}.p3d .mini svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.p3d .mini[data-s=hover]{background:var(--accent-hover)}.p3d .mini[data-s=hover] svg{fill:var(--text);stroke:var(--surface-2);stroke-width:1.2px;width:20px;height:20px;position:absolute;bottom:-4px;right:6px}.p3d .mini[data-s=focus]{box-shadow:0 0 0 3px var(--surface-2), 0 0 0 5px var(--text)}.p3d .mini[data-s=disabled]{background:var(--surface-3);color:var(--text-muted)}.p3d .mini[data-s=loading]:after{content:"";border:2px solid #fff;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}.p3d .scr{position:absolute}.p3d .scr--bar{background:var(--surface-3);border-radius:9px;height:24px;top:16px;left:16px;right:16px}.p3d .scr--bar i{background:var(--text-muted);border-radius:50%;width:8px;height:8px;position:absolute;top:8px}.p3d .scr--bar i:first-child{background:var(--accent);left:10px}.p3d .scr--bar i:nth-child(2){left:24px}.p3d .scr--ring{width:64px;height:64px;top:54px;left:16px}.p3d .scr--ring circle{fill:none;stroke:var(--surface-3);stroke-width:6px;transform-origin:24px 24px}.p3d .scr--ring .scr__arc{stroke:var(--accent);stroke-linecap:round;stroke-dasharray:119.4;stroke-dashoffset:36px;transform:rotate(-90deg)}.p3d .scr--ring text{font-family:var(--font-display);fill:var(--text);font-size:13px;font-weight:700}.p3d .scr--row{background:var(--surface-3);border-radius:4px;height:9px;left:96px;right:16px}.p3d .scr--row1{top:62px}.p3d .scr--row2{top:80px;right:40px}.p3d .scr--row3{top:98px;right:64px}.p3d .scr--btn{background:var(--accent);border-radius:11px;height:42px;bottom:16px;left:16px;right:16px}@media (prefers-reduced-motion:reduce){.p3d__stage{transition:none;animation:none}.step.is-on:before,.p3d .mini[data-s=loading]:after{animation:none}}.work__meter{align-items:baseline;gap:var(--s4);display:flex}.work__meter .work__count{padding:0}.work__cur{font-family:var(--font-display);font-weight:700;font-size:var(--h-work);text-transform:uppercase;color:var(--accent);font-variant-numeric:tabular-nums;line-height:.95;display:inline-block}.cursor__glass{opacity:0;width:96px;height:96px;transition:transform .5s var(--ease), opacity .3s;background:radial-gradient(circle at 30% 22%, #ffffff6b, #fff0 46%), linear-gradient(160deg, color-mix(in srgb, var(--accent) 20%, transparent), color-mix(in srgb, var(--accent) 6%, transparent));backdrop-filter:blur(10px)saturate(1.9)brightness(1.12);border:1px solid #ffffff80;border-radius:50%;position:absolute;top:-48px;left:-48px;transform:scale(.2);box-shadow:inset 0 1.5px #ffffffb3,inset 0 -10px 18px #ffffff24,inset 0 0 0 5px #ffffff0f,0 10px 28px #00000038}.cursor__glass:after{content:"";border:1.5px solid color-mix(in srgb, var(--accent) 70%, #fff);opacity:0;border-radius:50%;position:absolute;inset:-1px}.cursor[data-mode=label] .cursor__glass{opacity:1;animation:1.8s ease-in-out infinite glass-breathe;transform:scale(1)}.cursor[data-mode=label] .cursor__glass:after{animation:1.8s ease-out infinite glass-ring}.cursor[data-down] .cursor__glass{scale:.88}.cursor__orb em{letter-spacing:.01em;color:#fff;text-shadow:0 1px 10px #00000080;font-size:13px;font-weight:700}@keyframes glass-breathe{0%,to{scale:1}50%{scale:1.07}}@keyframes glass-ring{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.55)}}@media (prefers-reduced-motion:reduce){.cursor[data-mode=label] .cursor__glass,.cursor[data-mode=label] .cursor__glass:after{animation:none}}.cursor__jelly{will-change:transform;width:0;height:0;position:absolute;top:0;left:0}.cursor__glass{border:3.5px solid var(--accent);box-shadow:inset 0 1.5px #ffffff8c,inset 0 -10px 18px #ffffff1f,0 10px 28px #00000038}.cursor__glass:after{inset:-3.5px}.cursor__orb em{white-space:normal;text-align:center;text-transform:uppercase;letter-spacing:.06em;width:76px;font-size:12px;line-height:1.15}.cursor__jelly{transition:transform .18s ease-out}.cursor__orb em{color:color-mix(in srgb, var(--accent) 90%, #fff);text-shadow:none}.nav.is-hidden.is-peek{transform:none}.nav.is-peek{background:var(--nav-bg);backdrop-filter:blur(18px)saturate(1.6)}.cursor__glass{background:radial-gradient(circle at 30% 22%, #ffffff57, #fff0 42%), radial-gradient(circle at 50% 50%, #0806129e, #08061257 42%, #08061200 74%), linear-gradient(160deg, color-mix(in srgb, var(--accent) 20%, transparent), color-mix(in srgb, var(--accent) 6%, transparent));backdrop-filter:blur(1px)saturate(1.35);box-shadow:inset 0 0 16px #ffffff1f,0 10px 28px #00000038}.has-lens .cursor__glass{backdrop-filter:url(#cursor-lens)}.cursor__glass:before{content:"";pointer-events:none;background:conic-gradient(from 290deg,#fff0 0deg,#fffc 38deg,#fff0 84deg 180deg,#fff6 218deg,#fff0 264deg);border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(circle,#0000 70%,#000 78%);mask:radial-gradient(circle,#0000 70%,#000 78%)}@media (width>=900px){.ds__glass{grid-column:span 12}}.ds__glasswrap{gap:var(--s6);display:grid}@media (width>=56.25em){.ds__glasswrap{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:stretch}}.ds__glassdemo{border-radius:var(--r-lg);border:1px solid var(--line);background:radial-gradient(120% 100% at 50% 0,#2d1c4a,#120d1c);place-items:center;min-height:15rem;display:grid;position:relative;overflow:hidden}.gd-bars{gap:.625rem;display:grid;position:absolute;top:18%;left:8%;right:8%}.gd-bars b{background:#ffffff8c;border-radius:6.1875rem;height:.625rem;display:block}.gd-bars b:nth-child(2){background:#ffffff4d;width:70%}.gd-bars b:nth-child(3){background:#ba4cf0;width:45%}.gd-stripes{background:repeating-linear-gradient(115deg,#ea3eea 0 14px,#8b55e7 14px 28px);border-radius:1rem;width:44%;height:38%;position:absolute;bottom:10%;right:6%}.glass-disc{z-index:1;border:3.5px solid var(--accent);backdrop-filter:blur(1px)saturate(1.35);background:radial-gradient(circle at 30% 22%, #ffffff57, #fff0 42%), radial-gradient(circle at 50% 50%, #0806129e, #08061257 42%, #08061200 74%), linear-gradient(160deg, color-mix(in srgb, var(--accent) 20%, transparent), color-mix(in srgb, var(--accent) 6%, transparent));border-radius:50%;place-items:center;width:6rem;height:6rem;display:grid;position:relative;box-shadow:inset 0 0 16px #ffffff1f,0 10px 28px #00000038}.has-lens .glass-disc{backdrop-filter:url(#cursor-lens)}.glass-disc:before{content:"";pointer-events:none;background:conic-gradient(from 290deg,#fff0 0deg,#fffc 38deg,#fff0 84deg 180deg,#fff6 218deg,#fff0 264deg);border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(circle,#0000 70%,#000 78%);mask:radial-gradient(circle,#0000 70%,#000 78%)}.glass-disc em{text-align:center;width:4.375rem;font:700 .75rem/1.15 var(--font-text);text-transform:uppercase;letter-spacing:.06em;color:color-mix(in srgb, var(--accent) 90%, #fff);font-style:normal;position:relative}.ds__glassinfo{gap:var(--s6);align-content:start;display:grid}.ds__params{gap:var(--s3);grid-template-columns:repeat(auto-fit,minmax(min(100%,8.75rem),1fr));margin:0;display:grid}.ds__params div{padding:var(--s3) var(--s4);border-radius:var(--r-md);border:1px solid var(--line);background:color-mix(in srgb, var(--bg) 60%, var(--panel));gap:var(--s1);display:grid}.ds__params dt{color:var(--muted);font-size:.75rem}.ds__params dd{font-family:ui-monospace,Menlo,monospace;font-size:var(--t16);color:var(--ink);margin:0}.ds__cstates{gap:var(--s8);align-items:flex-end;display:flex}.ds__cstates figure{gap:var(--s2);color:var(--muted);justify-items:center;margin:0;font-size:.75rem;display:grid}.ds__cstates figure>span{display:block}.ds__note{max-width:62ch;color:var(--muted);font-size:var(--t14);margin:0;line-height:1.5}.path{gap:var(--s12)}.path .scard__go{bottom:-2.5rem}@media (width>=56.25em){.path{gap:var(--s6) var(--s12)}.scard[data-dir=r] .scard__go{right:-2.5rem}}.cursor__glass,.glass-disc{background:radial-gradient(circle at 50% 50%, #0806129e, #08061257 42%, #08061200 74%), linear-gradient(160deg, color-mix(in srgb, var(--accent) 20%, transparent), color-mix(in srgb, var(--accent) 6%, transparent));box-shadow:0 10px 28px #00000038}.cursor__glass:before,.glass-disc:before{display:none}.cursor__orb em,.glass-disc em{font-weight:800}.nav{grid-template-columns:minmax(0,1fr) auto}.nav__brand{min-width:0}.nav__tools{flex-wrap:wrap;justify-content:flex-end;min-width:0}.btn{white-space:normal;text-align:center;max-width:100%}.w{max-width:100%}.wi{overflow-wrap:break-word;max-width:100%}.display,.cv__title,.contact__title{overflow-wrap:break-word}@media (width>=68.75em){.nav{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}}@media (width<=68.6875em){.nav{flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.nav__links{flex:100%;order:3;min-width:0}}.system__cta{margin:var(--s6) 0 0}.js .scard,.js .tool,.js .facts>div,.js .lab__stage,.js .lab__controls{opacity:0;transition:opacity .5s var(--ease), transform .5s var(--ease), border-color .3s;transition-delay:calc(var(--d,0) * 45ms), calc(var(--d,0) * 45ms), 0s;transform:translateY(1rem)}.js .scard.on,.js .tool.on,.js .facts>div.on,.js .lab__stage.on,.js .lab__controls.on{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.js .scard,.js .tool,.js .facts>div,.js .lab__stage,.js .lab__controls{opacity:1;transition:none;transform:none}}@media (width<=39.9375em){.tgrid{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr))}.tool{align-items:center;column-gap:var(--s4);padding:var(--s4);grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr);row-gap:0}.tool .logo{grid-row:1/span 2;width:4rem;height:4rem;margin:0}.tool .logo img{width:3.5rem;height:3.5rem}.tool .logo--plate{border-radius:1.125rem}.tool .logo--plate img{width:2.375rem;height:2.375rem}.tool__n{align-self:end}.tool__r{align-self:start}.gt{border-radius:1.0625rem;width:3.5rem;height:3.5rem}.gt:before{border-radius:.875rem .875rem 50% 50%/.875rem .875rem 24% 24%;top:.1875rem;left:.1875rem;right:.1875rem}.gt svg{width:1.625rem;height:1.625rem}.scard{min-height:0}}.burger{background:var(--panel);border:1px solid var(--line);width:2.75rem;height:2.75rem;color:var(--ink);border-radius:62.4375rem;flex:none;transition:background .3s,border-color .3s;position:relative}.burger span{width:1.25rem;height:2px;transition:transform .4s var(--ease);background:currentColor;border-radius:2px;margin:-1px 0 0 -.625rem;position:absolute;top:50%;left:50%}.burger span:first-child{transform:translateY(-.25rem)}.burger span:last-child{transform:translateY(.25rem)}.burger[aria-expanded=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.burger[aria-expanded=true] span:first-child{transform:rotate(45deg)}.burger[aria-expanded=true] span:last-child{transform:rotate(-45deg)}.menu{z-index:90;justify-content:space-between;gap:var(--s8);padding:calc(var(--nav-h) + var(--s6)) var(--gutter) max(var(--s8), env(safe-area-inset-bottom));overscroll-behavior:contain;background:radial-gradient(120% 60% at 100% 0%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 60%), var(--bg);visibility:hidden;clip-path:inset(0 0 100%);transition:clip-path .55s var(--ease), visibility 0s .55s;flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.menu.is-open{visibility:visible;clip-path:inset(0);transition:clip-path .55s var(--ease), visibility 0s}.menu__nav{counter-reset:m;display:grid}.menu__nav a{counter-increment:m;align-items:baseline;gap:var(--s3);padding:var(--s4) 0;border-top:1px solid var(--line);min-height:3.5rem;font-family:var(--font-display);text-transform:uppercase;color:var(--ink);opacity:0;transition:opacity .35s var(--ease), transform .35s var(--ease), color .3s;grid-template-columns:2.5rem minmax(0,1fr) auto;font-size:clamp(2.5rem,1rem + 10vw,5rem);font-weight:700;line-height:1;display:grid;transform:translateY(1rem)}.menu__nav a:last-child{border-bottom:1px solid var(--line)}.menu__nav a:before{content:counter(m, decimal-leading-zero);font-family:var(--font-text);font-weight:500;font-size:var(--t14);letter-spacing:.04em;color:var(--muted)}.menu__nav a:after{content:"↗";font-family:var(--font-text);font-weight:400;font-size:var(--t24);color:var(--muted);transition:color .3s, transform .3s var(--ease)}.menu__nav a:hover,.menu__nav a:focus-visible,.menu__nav a:active{color:var(--accent)}.menu__nav a:hover:after,.menu__nav a:active:after{color:var(--accent);transform:translate(.125rem,-.125rem)}.menu.is-open .menu__nav a{opacity:1;transition-delay:calc(var(--i,0) * 50ms + .12s), calc(var(--i,0) * 50ms + .12s), 0s;transform:none}.menu__nav a:first-child{--i:0}.menu__nav a:nth-child(2){--i:1}.menu__nav a:nth-child(3){--i:2}.menu__nav a:nth-child(4){--i:3}.menu__nav a:nth-child(5){--i:4}.menu__foot{gap:var(--s4);opacity:0;transition:opacity .35s var(--ease), transform .35s var(--ease);display:grid;transform:translateY(1rem)}.menu.is-open .menu__foot{opacity:1;transition-delay:.4s;transform:none}.menu__cta{justify-content:center;min-height:3.5rem}html.menu-open{overflow:hidden}html.menu-open .nav,html.menu-open .nav.is-hidden{backdrop-filter:none;background:0 0;transform:none}.nav__prefs{align-items:center;gap:var(--s2);display:flex}@media (width<=68.6875em){.nav__links,.nav .nav__cta{display:none}}@media (width>=68.75em){.burger,.menu{display:none}}@media (prefers-reduced-motion:reduce){.menu,.menu.is-open,.menu__nav a,.menu__foot,.burger span{transition:none}}@media (width<=68.6875em){.nav__brand .brandmark{height:clamp(1.75rem,8.5vw,2.5rem)}}@media (width<=39.9375em){.hero{padding-top:var(--s24);grid-template:"role years""tags tags"1fr"word word""rail rail""foot foot"/minmax(0,1fr) auto}.hero__top{display:contents}.hero__top p:first-child{grid-area:role}.hero__top p:nth-child(2){text-align:center;grid-area:tags;place-self:end center}.hero__top p:nth-child(3){text-align:right;grid-area:years;justify-self:end}.hero__word{grid-area:word}.hero .rail{grid-area:rail}.hero__foot{grid-area:foot}.hero__foot .btn{justify-self:center}.hero__sub{text-align:center;text-wrap:balance;justify-self:center}.hero .rail,.hero__sub{position:relative;top:-2.5rem}.hero__top p:nth-child(2),.hero__word{top:calc(-2.5rem - var(--s4));position:relative}}@media (width>=40em) and (width<=56.1875em){.hero .rail,.hero__sub{position:relative;top:-2.5rem}.hero__word{top:calc(-2.5rem - var(--s4));position:relative}.hero__sub{text-wrap:balance;text-align:center;justify-self:center;max-width:46ch}.hero__foot .btn{justify-self:center}}@media (width<=56.1875em){.hero__cue{justify-content:center}.hero__cue-line--end{display:block}}@media (width<=39.9375em){.btn--xl{padding:0 var(--s6);gap:var(--s2);font-size:min(var(--t24), 5.4vw);min-height:4rem}.btn--xl svg{flex:none;width:1.25rem;height:1.25rem}}:root[data-mode=light] .cursor__glass,:root[data-mode=light] .glass-disc{background:radial-gradient(circle at 50% 50%, #ffffff94 0, #fff6 38%, #ffffff1f 62%, #fff0 80%), linear-gradient(160deg, color-mix(in srgb, var(--accent) 16%, transparent), color-mix(in srgb, var(--accent) 5%, transparent));box-shadow:inset 0 0 1.25rem #ffffff47,0 10px 28px #281e5029}:root[data-mode=light] .cursor__orb em,:root[data-mode=light] .glass-disc em{color:var(--accent-deep)}@media (width<=23.4374em){html{font-size:calc(100% - (375px - 100vw) * 0.04267)}}.portrait{box-shadow:none;aspect-ratio:4/5;isolation:isolate;background:0 0;border:0;border-radius:0;place-items:stretch stretch;width:clamp(15rem,30vw,32rem);top:6%;overflow:visible}.portrait:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side, color-mix(in srgb, var(--accent-deep) 22%, transparent), transparent 72%);transform:translate3d(calc(var(--tx,0) * 2%), calc(var(--ty,0) * 2%), 0);transition:transform .4s ease-out;position:absolute;inset:-12% -34% -4% 8%}.portrait img{object-fit:contain;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block;position:absolute;inset:0}.portrait__cut{z-index:2;filter:drop-shadow(0 0 1.25rem color-mix(in srgb, var(--accent-deep) 26%, transparent));transform:translate3d(calc(var(--tx,0) * -0.5%), calc(var(--ty,0) * -0.4%), 0);-webkit-mask-composite:source-in;transition:transform .3s ease-out;-webkit-mask-image:radial-gradient(100% 100% at 50% 0,#000 70%,#0000 100%);mask-image:radial-gradient(100% 100% at 50% 0,#000 70%,#0000 100%);mask-composite:intersect}:root[data-mode=light] .portrait:before{background:radial-gradient(closest-side, color-mix(in srgb, var(--accent-deep) 12%, transparent), transparent 72%)}.portrait__vf{z-index:3;pointer-events:none;width:50%;height:52%;transform:translate3d(calc(var(--tx,0) * 1%), calc(var(--ty,0) * 1%), 0);transition:transform .3s ease-out, scale .5s var(--ease);position:absolute;top:14%;left:27%}.portrait.is-hover .portrait__vf{scale:.94}.portrait__name{z-index:4;text-align:center;pointer-events:none;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);font-size:clamp(1.125rem,.9rem + .5vw,1.5rem);font-weight:500;position:absolute;bottom:4%;left:0;right:0}.portrait__vf i{border:0 solid var(--ink);opacity:.85;width:.875rem;height:.875rem;position:absolute}.portrait__vf i:first-child{border-width:1px 0 0 1px;top:0;left:0}.portrait__vf i:nth-child(2){border-width:1px 1px 0 0;top:0;right:0}.portrait__vf i:nth-child(3){border-width:0 0 1px 1px;bottom:0;left:0}.portrait__vf i:nth-child(4){border-width:0 1px 1px 0;bottom:0;right:0}.portrait__deco{z-index:3;pointer-events:none;fill:none;stroke-width:1px;width:37%;height:90%;transform:translate3d(calc(var(--tx,0) * 2.4%), calc(var(--ty,0) * 1.2%), 0);transition:transform .4s ease-out;position:absolute;top:4%;left:68%;overflow:visible}.portrait__deco *{vector-effect:non-scaling-stroke}.portrait__deco .d-line{stroke:var(--muted);opacity:.7}.portrait__deco .d-acc{stroke:var(--accent)}.portrait__deco .d-dash{stroke:var(--accent);stroke-dasharray:3 6;opacity:.55}.portrait__deco .d-fill{fill:var(--accent);stroke:none}.portrait__deco .d-ring{transform-box:fill-box;transform-origin:50%;transition:transform .5s var(--ease)}.portrait.is-hover .d-ring{transform:scale(1.5)}@media (prefers-reduced-motion:reduce){.portrait,.portrait *{transition:none!important}}@media (width>=56.25em){.process__sticky .display{--avail:calc((100vw - 2 * var(--gutter) - var(--process-gap) - 1rem) / 2)}}@supports (color:oklch(from red l c h)){.dst i:after{background:oklch(from var(--bg-b) round(up, calc(.6 - l), 1) 0 0)}}.ds__cstates{gap:var(--s4) var(--s6);flex-wrap:wrap;align-items:flex-start}.cs__box{width:6.5rem;height:6.5rem;position:relative}.cs__box .cursor{z-index:0;position:absolute;top:50%;left:50%}.cs__box .cursor__orb{position:absolute}.cs__box .cursor__glass{animation-play-state:paused}.cs__box .cursor[data-mode=label] .cursor__glass{animation:none}.cs__box .cursor[data-mode=label] .cursor__glass:after{opacity:0;animation:none}.dsp-menu{gap:var(--s6);width:100%;display:grid}.dsp-menu__btns{gap:var(--s6);display:flex}.dsp-menu__btns figure,.dsp-cues figure{gap:var(--s2);color:var(--muted);justify-items:center;margin:0;font-size:.75rem;display:grid}.dsp-menu .burger{display:block}.dsp-menu .menu{z-index:0;visibility:visible;clip-path:none;min-height:26rem;padding-top:var(--s6);border:1px solid var(--line);border-radius:var(--r-md);display:flex;position:relative;inset:auto}.dsp-cues{gap:var(--s6);width:100%;display:grid}@media (width>=48em){.dsp-cues{grid-template-columns:repeat(3,minmax(0,1fr))}}.dsp-cues .hero__cue{justify-content:flex-start}.dsp-cues .hero__cue--phone{justify-content:center}.dsp-cues .hero__cue--phone .hero__cue-line--end{display:block}.dsp-portrait{gap:var(--s6);width:100%;display:grid}@media (width>=48em){.dsp-portrait{grid-template-columns:minmax(0,22rem) minmax(0,1fr);align-items:center}}.dsp-portrait .portrait{width:100%;max-width:22rem;margin:0;display:grid;position:relative;top:auto;right:auto}.dsp-disp{gap:var(--s6);flex-wrap:wrap;align-items:flex-start;width:100%;display:flex}.dsp-disp__box{gap:var(--s2);padding:var(--s4);border:1px dashed var(--line);border-radius:var(--r-md);min-width:0;display:grid}.dsp-disp__box small{color:var(--muted);font-size:.75rem}.dsp-bits{gap:var(--s6);width:100%;display:grid}.dsp-bits .rcard{width:100%;max-width:17.5rem;margin:0}.dsp-bits .marquee{padding-block:var(--s4);border-block:1px solid var(--line)}.dsp-foot{gap:var(--s6);width:100%;display:grid;overflow:hidden}.dsp-foot .footer{padding:var(--s6) 0 0}.dsp-pre{border:1px solid var(--line);border-radius:var(--r-md);width:100%;height:11rem;position:relative;overflow:hidden}.dsp-pre .pre{z-index:0;position:absolute}.dsp-pre .pre__bar{transform:scaleX(.62)}.cursor[data-on=accent] .cursor__jelly:before{background:#fff;box-shadow:0 0 0 3px #ffffff4d}.cursor[data-on=accent][data-mode=link] .cursor__jelly:before{background:#ffffff24;box-shadow:inset 0 0 0 1.5px #fff}.ds__cstates{gap:var(--s6) var(--s4);grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));align-items:start;display:grid}.ds__cstates figcaption{text-align:center;gap:2px;display:grid}.ds__cstates figcaption b{color:var(--ink);font-weight:500;font-size:var(--t14)}.ds__cstates figcaption small{color:var(--muted);font-size:.75rem;line-height:1.3}.cs__box{margin-inline:auto}.cs__box--accent{background:var(--accent);border-radius:62.4375rem;width:5.5rem;height:3.25rem;margin-block:1.625rem}.cs__box .cursor__ripple{position:absolute;top:50%;left:50%}.cs__box .cursor__ripple:before{animation-duration:1.4s;animation-iteration-count:infinite;animation-fill-mode:none}@media (prefers-reduced-motion:reduce){.cs__box .cursor__ripple:before{opacity:.5;animation:none;transform:scale(2.4)}}.cs-lab{gap:var(--s3);margin-top:var(--s6);display:grid}.cs-lab__hint{font-size:var(--t14);color:var(--muted);margin:0}.cs-lab__hint b{color:var(--ink);font-weight:500}.cs-lab__stage{align-items:center;gap:var(--s4);padding:var(--s6);border:1px dashed var(--line);border-radius:var(--r-md);flex-wrap:wrap;display:flex;position:relative;overflow:hidden}.cs-lab:not(.is-static) .cs-lab__stage,.cs-lab:not(.is-static) .cs-lab__stage *{cursor:none}.cs-lab__stage .cursor{z-index:5;position:absolute;top:0;left:0}.cs-lab__stage .cursor__orb,.cs-lab__stage .cursor__ripple{position:absolute}.cs-lab__zone{min-height:3rem;padding:0 var(--s4);border-radius:var(--r-md);border:1px solid var(--line);color:var(--ink);font-size:var(--t14);background:color-mix(in srgb, var(--bg) 60%, var(--panel));place-items:center;display:grid}.cs-lab__zone:is(input){font:inherit;font-size:var(--t14);width:9rem}.cs-lab__card{min-width:10rem;min-height:5rem}.lab__row{gap:var(--s8)}.demo[data-state=focus],.demo:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset)}.demo-toggle:focus-visible,.demo-toggle[data-state=focus],.demo-toggle[data-state=focus]:focus-visible{outline:0}.demo-toggle[data-state=focus] i,.demo-toggle:focus-visible i,.is-focus,.is-focus-sw i{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset)}.dsp-focus{gap:var(--s8);width:100%;padding:var(--s4);flex-wrap:wrap;align-items:center;display:flex}.dsp-focus figure{gap:var(--s4);color:var(--muted);justify-items:center;margin:0;font-size:.75rem;display:grid}.hero__vfwrap{--vfw:max(1px, .012em);display:inline-block;position:relative}.hero__vf{pointer-events:none;transform:translate3d(calc(var(--tx,0) * 0.7%), calc(var(--ty,0) * 6%), 0);transition:transform .35s ease-out, scale .5s var(--ease);position:absolute;inset:.1em -.07em}.hero__vf i{border:0 solid var(--ink);opacity:.85;width:.16em;height:.16em;position:absolute}.hero__vf i:first-child{border-width:var(--vfw) 0 0 var(--vfw);top:0;left:0}.hero__vf i:nth-child(2){border-width:var(--vfw) var(--vfw) 0 0;top:0;right:0}.hero__vf i:nth-child(3){border-width:0 0 var(--vfw) var(--vfw);bottom:0;left:0}.hero__vf i:nth-child(4){border-width:0 var(--vfw) var(--vfw) 0;bottom:0;right:0}.hero__word.is-hover .hero__vf,.dsp-word.is-hover .hero__vf{scale:.97}@media (prefers-reduced-motion:reduce){.hero__vf{transition:none}}@media (width<=56.1875em){.is-horizontal .wcard{width:clamp(16rem,82vw,26rem);min-height:0}.work__track.is-horizontal{gap:var(--s4)}.work__track.is-horizontal .wcard__sum{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}@media (width<=56.1875em) and (height<=50rem){.work{padding-block:var(--s8)}.work .chips{padding-block:var(--s4)}.work__track.is-horizontal .wcard__cover{aspect-ratio:16/9}.work__track.is-horizontal .wcard__sum{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}@media (width<=56.1875em) and (height<=42rem){.work{padding-block:var(--s6)}.work__track.is-horizontal .wcard__cover{aspect-ratio:2}.work__track.is-horizontal .wcard__body{gap:var(--s1)}}.portrait__ribs{z-index:1;transform:translate3d(calc(12% + var(--tx,0) * 1.6%), calc(var(--ty,0) * 0.8%), 0);filter:url(#reeded)brightness(1.7)saturate(.75);opacity:.55;-webkit-mask-composite:source-in;transition:transform .3s ease-out;-webkit-mask-image:linear-gradient(90deg,#0000 40%,#000 52% 84%,#0000 100%),linear-gradient(#000 0 46%,#0000 64%);mask-image:linear-gradient(90deg,#0000 40%,#000 52% 84%,#0000 100%),linear-gradient(#000 0 46%,#0000 64%);mask-composite:intersect}:root[data-mode=light] .portrait__ribs{filter:url(#reeded)saturate(.7)}.portrait__smear{z-index:3;pointer-events:none;opacity:.2;transform:translate3d(calc(2% + var(--tx,0) * 1.1%), calc(var(--ty,0) * 0.5%), 0);filter:url(#reeded)blur(5px)brightness(1.35)saturate(1.15);-webkit-mask-composite:source-in;transition:transform .3s ease-out;-webkit-mask-image:linear-gradient(#0000 58%,#000 72%),radial-gradient(100% 100% at 50% 0,#000 70%,#0000 100%);mask-image:linear-gradient(#0000 58%,#000 72%),radial-gradient(100% 100% at 50% 0,#000 70%,#0000 100%);mask-composite:intersect}:root[data-mode=light] .portrait__smear{filter:url(#reeded)blur(5px)saturate(1.1)}.ds__sw small{font-family:ui-monospace,Menlo,monospace;font-size:.6875rem}.ds__sw{align-items:start}.ds__ty small{text-transform:none}.ds--site .ds__sp i{background:var(--accent)}.dk{gap:var(--s8);padding:var(--section-y) var(--gutter) 0;display:grid}.dk__head{gap:var(--s4);align-content:start;display:grid}.dk__head h3{font-family:var(--font-display);text-transform:uppercase;font-weight:700;font-size:var(--h-lead);margin:0;line-height:1}.dk__head .cv__p{max-width:36rem;font-size:var(--t18);color:var(--muted);text-wrap:pretty;margin:0;font-weight:400;line-height:1.55}.dk__body{gap:var(--s6);min-width:0;display:grid}.dk__list{max-width:48rem}.dk__figs{gap:var(--s6);align-items:start;display:grid}.dk__fig{gap:var(--s3);min-width:0;margin:0;display:grid}.dk__fig img{border-radius:var(--r-lg);border:1px solid var(--line);background:hsl(var(--h) 30% 6%);width:100%;height:auto;display:block}.dk__fig figcaption{color:var(--muted);font-size:var(--t14);max-width:36rem}.dk__figs--phones{grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),16rem));justify-content:start}.dk__figs--quad{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width>=56.25em){.dk__figs--quad{grid-template-columns:repeat(4,minmax(0,1fr))}}.dk__tabs{gap:var(--s2);flex-wrap:wrap;display:flex}.dk__tab{min-height:2.75rem;padding:0 var(--s4);border:1px solid var(--line);color:var(--muted);font-size:var(--t14);border-radius:62.4375rem;font-weight:500;transition:background-color .15s,color .15s,border-color .15s}.dk__tab:hover{color:var(--ink)}.dk__tab[aria-selected=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.dk__panel{gap:var(--s6);min-width:0;display:grid}.dk__panel[hidden]{display:none}.dk__panel:not([hidden]){animation:.25s ease-out dk-in}.dk__note{max-width:36rem;color:var(--muted);margin:0}@keyframes dk-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.dk__panel:not([hidden]){animation:none}}@media (width>=56.25em){.dk{gap:var(--s12);grid-template-columns:minmax(0,4fr) minmax(0,8fr)}.dk__head{position:sticky;top:5.5rem}.dk__figs--pair{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=68.6875em) and (prefers-reduced-motion:no-preference){.about .portrait{top:auto;left:0;right:0;bottom:var(--s6);pointer-events:none;width:auto;height:min(38svh,22rem);margin-inline:auto;display:grid}}@media (width<=56.1875em){.about{padding-top:0}.about__stage{padding-top:calc(var(--nav-h) + var(--s6))}}.live-wrap{display:block;position:relative}.live{width:100%;height:100%;display:block;position:absolute;inset:0}.live-wrap>img,.mock--live>img{z-index:1;position:relative}.mock--live>.live{position:absolute}.live__bg{fill:#f4cd2f}.live__blob,.live__glint,.live__sheen{will-change:transform}.live__sheen{transform-box:fill-box;transform-origin:50%}.live__glint--a{animation:19s ease-in-out infinite alternate live-ga}.live__glint--b{animation:23s ease-in-out infinite alternate live-gb}.live__glint--c{animation:29s ease-in-out infinite alternate live-gc}.live__sheen{animation:16s ease-in-out infinite live-sheen}@keyframes live-ga{0%{opacity:.55;transform:translate(0)}to{opacity:1;transform:translate(520px,210px)}}@keyframes live-gb{0%{opacity:1;transform:translate(0)}to{opacity:.5;transform:translate(-640px,330px)}}@keyframes live-gc{0%{opacity:.6;transform:translate(-300px)}to{opacity:1;transform:translate(480px,-260px)}}@keyframes live-sheen{0%{opacity:0;transform:rotate(18deg)translate(0)}12%{opacity:1}88%{opacity:1}to{opacity:0;transform:rotate(18deg)translate(2300px)}}.live__blob--a{animation:26s ease-in-out infinite alternate live-a}.live__blob--b{animation:32s ease-in-out infinite alternate live-b}.live__blob--c{animation:38s ease-in-out infinite alternate live-c}@keyframes live-a{0%{transform:translate(0)}to{transform:translate(-620px,-380px)}}@keyframes live-b{0%{transform:translate(0)}to{transform:translate(760px,420px)}}@keyframes live-c{0%{transform:translate(-380px,150px)}to{transform:translate(420px,-200px)}}.is-off .live *,.live.is-off *,.cv__board--live.is-off .live *{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.live__blob,.live__glint,.live__sheen{animation:none}.live__sheen{display:none}}.mock--live>img{object-fit:contain;object-position:50% 50%}.cv__boards--src .cv__board--state img{aspect-ratio:auto;object-fit:contain}@media (width<=56.1875em),(hover:none){.cs-lab{display:none}}