@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/montserrat-latin-400-normal-BLhwKU8k.woff2)format("woff2"),url(/assets/montserrat-latin-400-normal-xItZbAXg.woff)format("woff")}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/montserrat-latin-500-normal-DRFEGfly.woff2)format("woff2"),url(/assets/montserrat-latin-500-normal-Dok2oTci.woff)format("woff")}@font-face{font-family:Montserrat;font-style:italic;font-display:swap;font-weight:500;src:url(/assets/montserrat-latin-500-italic-DXA4yvBS.woff2)format("woff2"),url(/assets/montserrat-latin-500-italic-Dkg8VHej.woff)format("woff")}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/montserrat-latin-600-normal-UVxSCcoG.woff2)format("woff2"),url(/assets/montserrat-latin-600-normal-CdhFl4lI.woff)format("woff")}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/montserrat-latin-700-normal-BdjcYUrC.woff2)format("woff2"),url(/assets/montserrat-latin-700-normal-BWkrl476.woff)format("woff")}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/poppins-latin-500-normal-C8OXljZJ.woff2)format("woff2"),url(/assets/poppins-latin-500-normal-DGXqpDMm.woff)format("woff")}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/poppins-latin-600-normal-zEkxB9Mr.woff2)format("woff2"),url(/assets/poppins-latin-600-normal-BJdTmd5m.woff)format("woff")}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/poppins-latin-700-normal-Qrb0O0WB.woff2)format("woff2"),url(/assets/poppins-latin-700-normal-BVuQR_eA.woff)format("woff")}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/poppins-latin-800-normal-Bd8-pIP1.woff2)format("woff2"),url(/assets/poppins-latin-800-normal-YoItoZZV.woff)format("woff")}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--radius-xs:4px;--radius-sm:8px;--radius-md:10px;--radius-lg:14px;--radius-xl:16px;--radius-2xl:18px;--radius-3xl:22px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--color-neutral-0:oklch(100% 0 0);--color-neutral-50:oklch(96.42% 0 0);--color-neutral-75:oklch(95.51% 0 0);--color-neutral-100:oklch(94.31% 0 0);--color-neutral-200:oklch(87.61% 0 0);--color-neutral-350:oklch(68.62% 0 0);--color-neutral-400:oklch(66% 0 0);--color-neutral-450:oklch(57.95% 0 0);--color-neutral-500:oklch(52.78% 0 0);--color-neutral-650:oklch(38.67% 0 0);--color-neutral-700:oklch(36% 0 0);--color-neutral-750:oklch(32.11% 0 0);--color-neutral-800:oklch(29.31% 0 0);--color-neutral-850:oklch(25.2% 0 0);--color-neutral-900:oklch(23.5% 0 0);--color-neutral-1000:oklch(0% 0 0);--color-violet-25:oklch(97.04% .0082 301.36);--color-violet-50:oklch(95.33% .0261 300.28);--color-violet-75:oklch(94.2% .0194 302.2);--color-violet-100:oklch(93.73% .0153 302.55);--color-violet-150:oklch(90.59% .0526 298.58);--color-violet-200:oklch(86.48% .0772 298.93);--color-violet-250:oklch(81.8% .103 295.99);--color-violet-300:oklch(76.5% .1002 295.07);--color-violet-gray-300:oklch(75.22% .0313 304.98);--color-violet-350:oklch(68.15% .1905 295.86);--color-violet-400:oklch(61.18% .2306 291.89);--color-violet-450:oklch(57.72% .2412 289.95);--color-violet-500:oklch(55.4% .258 292.25);--color-violet-550:oklch(53.87% .2584 286.8);--color-violet-650:oklch(45.35% .2514 287.07);--color-violet-700:oklch(41.78% .2362 284.25);--color-violet-gray-700:oklch(41.7% .0187 302.11);--color-violet-900:oklch(26.17% .1307 312.45);--color-violet-900-cool:oklch(25.53% .1363 286.75);--color-violet-950:oklch(20.74% .0865 291.29);--color-magenta-500:oklch(67.52% .2812 322.72);--color-violet-gray-600:oklch(44.92% .0153 305.76);--color-red-400:oklch(69.36% .1964 26.36);--color-red-500:oklch(65.61% .2301 26.33);--color-amber-400:oklch(83.48% .1612 80.91);--color-green-400:oklch(72.8% .2173 144.71);--color-green-500:oklch(70.85% .1746 153.1);--color-blue-500:oklch(66.98% .1827 249.22);--color-bg:var(--color-neutral-100);--color-surface:var(--color-neutral-0);--color-main:var(--color-violet-550);--color-secondary:var(--color-violet-500);--color-hover:var(--color-magenta-500);--color-deep:var(--color-violet-950);--color-ink:var(--color-neutral-900);--color-ink-soft:var(--color-violet-gray-600);--color-tint:var(--color-violet-50);--color-relief:var(--color-neutral-400);--color-wire:var(--color-blue-500);--color-live:var(--color-green-500);--color-on-brand:var(--color-neutral-0);--color-shadow:var(--color-neutral-1000);--font-title:"Clash Display", "Poppins", system-ui, sans-serif;--font-display:"Poppins", system-ui, sans-serif;--font-body:"Montserrat", system-ui, sans-serif;--radius-2xs:2px;--radius-card:26px;--radius-card-lg:28px;--radius-panel:36px;--radius-pill:999px;--shadow-lift:0 18px 30px -14px oklch(from var(--color-shadow) l c h / .28);--shadow-card:0 30px 50px -28px oklch(from var(--color-shadow) l c h / .38), 0 2px 6px oklch(from var(--color-shadow) l c h / .05);--ease-soft:cubic-bezier(.2, .7, .2, 1)}}@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.contents{display:contents}.grid{display:grid}.hidden{display:none}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.text-red-500{color:var(--color-red-500)}.italic{font-style:italic}.underline{text-decoration-line:underline}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}@font-face{font-family:Clash Display;src:url(/assets/clash-display-600-DcA1xgJG.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Clash Display;src:url(/assets/clash-display-700-YaCnK2PY.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--gutter:clamp(18px, 5vw, 80px)}*{box-sizing:border-box;margin:0}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}html,body{overflow-x:clip}body{font-family:var(--font-body);color:var(--color-ink);background:var(--color-bg);line-height:1.6}img{max-width:100%;height:auto;display:block}a{color:inherit}button{font:inherit}::selection{background:var(--color-main);color:var(--color-on-brand)}:focus-visible{outline:3px solid var(--color-main);outline-offset:4px;border-radius:var(--radius-md)}.skip{z-index:400;border-radius:var(--radius-md);background:var(--color-main);color:var(--color-on-brand);padding:10px 16px;font-weight:600;position:fixed;top:-60px;left:16px}.skip:focus{top:16px}.loader{z-index:300;padding:var(--gutter);background:var(--color-main);color:var(--color-on-brand);place-items:end start;display:none;position:fixed;inset:0}.js .loader{display:grid}.loader__count{font-family:var(--font-title);letter-spacing:-.04em;font-size:clamp(5rem,18vw,16rem);font-weight:700;line-height:.8}.loader__tag{font-family:var(--font-display);opacity:.8;margin-top:10px;font-weight:600}.cursor,.cursor-dot{z-index:350;pointer-events:none;opacity:0;border-radius:50%;position:fixed;top:0;left:0}.cursor{border:2px solid var(--color-main);width:44px;height:44px;transition:width .35s var(--ease-soft), height .35s var(--ease-soft), margin .35s var(--ease-soft), background .35s var(--ease-soft), border-color .35s var(--ease-soft);place-items:center;margin:-22px 0 0 -22px;display:grid}.cursor span{font-family:var(--font-display);color:var(--color-on-brand);opacity:0;transition:opacity .2s var(--ease-soft);white-space:nowrap;font-size:.8rem;font-weight:700}.cursor.is-label{background:var(--color-main);border-color:var(--color-main);width:96px;height:96px;margin:-48px 0 0 -48px}.cursor.is-label span{opacity:1}.cursor.is-link{background:oklch(from var(--color-main) l c h / .12);width:66px;height:66px;margin:-33px 0 0 -33px}.cursor.is-down{width:30px;height:30px;margin:-15px 0 0 -15px}.cursor.is-label+.cursor-dot{opacity:0!important}.cursor-dot{background:var(--color-main);width:7px;height:7px;margin:-3.5px 0 0 -3.5px}.has-cursor.cursor-on .cursor,.has-cursor.cursor-on .cursor-dot{opacity:1}.has-cursor,.has-cursor a,.has-cursor button,.has-cursor [data-cursor]{cursor:none}.menu-btn{z-index:220;border-radius:var(--radius-2xl);background:var(--color-surface);width:60px;height:60px;box-shadow:var(--shadow-lift);cursor:pointer;border:0;place-items:center;display:grid;position:fixed;top:22px;right:22px}.menu-btn span,.menu-btn span:before,.menu-btn span:after{background:var(--color-main);width:24px;height:3px;transition:transform .3s var(--ease-soft), background .3s var(--ease-soft);border-radius:3px;display:block;position:relative}.menu-btn span:before,.menu-btn span:after{content:"";position:absolute;left:0}.menu-btn span:before{top:-8px}.menu-btn span:after{top:8px}.menu-btn[aria-expanded=true] span{background:0 0}.menu-btn[aria-expanded=true] span:before{transform:translateY(8px)rotate(45deg)}.menu-btn[aria-expanded=true] span:after{transform:translateY(-8px)rotate(-45deg)}.menu{z-index:210;padding:var(--gutter);background:var(--color-main);clip-path:circle(0% at calc(100% - 52px) 52px);visibility:hidden;transition:clip-path .7s var(--ease-soft), visibility 0s .7s;align-content:center;display:grid;position:fixed;inset:0}.menu.open{clip-path:circle(150% at calc(100% - 52px) 52px);visibility:visible;transition:clip-path .8s var(--ease-soft)}.menu ol{counter-reset:m;padding:0;list-style:none}.menu li{counter-increment:m}.menu a{font-family:var(--font-title);letter-spacing:-.035em;color:var(--color-on-brand);transition:color .25s var(--ease-soft), transform .4s var(--ease-soft);align-items:baseline;gap:18px;padding-bottom:.06em;font-size:clamp(2.6rem,8vw,6.5rem);font-weight:700;line-height:1.12;text-decoration:none;display:inline-flex}.menu a:before{content:"0" counter(m);letter-spacing:0;opacity:.6;font-size:.9rem;font-weight:600}.menu a:hover,.menu a:focus-visible{color:var(--color-deep);transform:translate(14px)}.menu__foot{color:var(--color-violet-150);margin-top:40px;font-weight:600}.secrets{z-index:200;border-radius:var(--radius-pill);background:var(--color-surface);box-shadow:var(--shadow-lift);color:var(--color-ink);cursor:pointer;border:0;align-items:center;gap:8px;padding:8px 14px 8px 10px;font-size:.82rem;font-weight:600;display:flex;position:fixed;bottom:18px;left:18px}.secrets b{color:var(--color-main)}.secrets .egg{font-size:1.05rem}.hint{z-index:200;border-radius:var(--radius-xl);background:var(--color-deep);max-width:290px;color:var(--color-on-brand);box-shadow:var(--shadow-card);opacity:0;visibility:hidden;transition:opacity .3s var(--ease-soft), transform .3s var(--ease-soft), visibility 0s .3s;padding:14px 16px;font-size:.85rem;position:fixed;bottom:66px;left:18px;transform:translateY(8px)}.hint.show{opacity:1;visibility:visible;transition:opacity .3s var(--ease-soft), transform .3s var(--ease-soft);transform:none}.hint ul{margin:8px 0 0;padding-left:18px}.hint li.done{opacity:.55;text-decoration:line-through}.toast{z-index:360;visibility:hidden;border-radius:var(--radius-pill);background:var(--color-deep);max-width:calc(100% - 32px);color:var(--color-on-brand);box-shadow:var(--shadow-card);transition:transform .5s var(--ease-soft);padding:14px 22px;font-weight:600;position:fixed;bottom:26px;left:50%;transform:translate(-50%,220%)}.toast.show{visibility:visible;transform:translate(-50%)}main{position:relative}.ink{z-index:1;pointer-events:none;position:fixed;inset:0}.decor{pointer-events:none;position:absolute;inset:0;overflow:hidden}.decor img{z-index:0}.decor img,.decor .ball{position:absolute}.ball{background:radial-gradient(circle at 30% 26%, var(--color-violet-350) 0%, var(--color-secondary) 38%, var(--color-violet-650) 100%);box-shadow:0 26px 40px -18px oklch(from var(--color-main) l c h / .7);border-radius:50%}.decor .pop{z-index:4;pointer-events:auto;cursor:pointer}.thread{z-index:2;pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.thread path{fill:none;stroke:var(--color-ink);stroke-width:2.2px;stroke-linecap:round}.rider{z-index:2;pointer-events:none;opacity:0;width:30px;margin:-4px 0 0 -4px;position:absolute;top:0;left:0}section{z-index:3;position:relative}.decor__shape--a{width:min(560px,48vw);height:auto;top:-110px;left:-60px}.decor__shape--b{width:min(300px,26vw);height:auto;top:0;right:0}.decor__shape--c{width:min(170px,14vw);top:1180px;right:0}.decor__shape--d{width:min(190px,16vw);top:2250px;left:0}.decor__ball{width:54px;height:54px;top:2140px;right:9%}.decor__shape--e{width:min(150px,13vw);top:3150px;right:0}.decor__shape--f{width:min(170px,14vw);top:4200px;left:0}.rider path{fill:var(--color-surface);stroke:var(--color-ink);stroke-width:2.6px;stroke-linejoin:round}.hero{min-height:100svh;padding:110px var(--gutter) 250px;grid-template-columns:repeat(12,1fr);align-content:center;display:grid}.hero__title{margin-left:calc(var(--gutter) * -1.3);grid-column:1/-1;position:relative}.welcome{font-family:var(--font-title);text-transform:uppercase;letter-spacing:-.012em;color:var(--color-on-brand);text-shadow:0 16px 14px oklch(from var(--color-relief) l c h / .75);white-space:nowrap;font-size:clamp(4rem,17.5vw,17.5rem);font-weight:700;line-height:.8}.char,.w{display:inline-block}.word{white-space:nowrap;display:inline-block}.me{font-family:var(--font-title);letter-spacing:-.015em;color:var(--color-main);cursor:pointer;margin:-.22em 0 0 24%;font-size:clamp(3.4rem,12vw,11rem);font-weight:700;line-height:1;display:inline-block;position:relative}.me .soy{z-index:1;font-family:var(--font-display);letter-spacing:0;border-radius:var(--radius-pill);background:var(--color-main);color:var(--color-on-brand);padding:.05em .45em;font-size:clamp(1rem,1.9vw,1.7rem);font-weight:600;position:absolute;top:.1em;left:-.55em;transform:rotate(-6deg)}.me-name{white-space:nowrap;display:inline-block}.hero__meta{grid-column:7/12;margin-top:18px}.hero__meta p{color:var(--color-neutral-750);font-size:clamp(1rem,1.45vw,1.22rem)}.hero__meta b{font-weight:700}.pills{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.pill{border-radius:var(--radius-pill);background:var(--color-surface);box-shadow:0 8px 18px -10px oklch(from var(--color-shadow) l c h / .3);align-items:center;gap:8px;padding:9px 16px;font-size:.92rem;font-weight:600;display:inline-flex}.pill i{background:var(--color-main);border-radius:50%;width:8px;height:8px}.hero__sit{z-index:4;width:clamp(300px,27vw,420px);position:absolute;bottom:18px;right:0}.sit-scene{aspect-ratio:428.394/253.538;width:100%;position:relative;scale:-1 1}.sit-scene>div{position:absolute}.sit-shape img,.sit-crop img{max-width:none;position:absolute}.sit-shape--a{width:100%;height:50.388%;top:34.872%;left:0;scale:-1 1}.sit-shape--a img{width:112.23%;height:137.85%;top:-15.874%;left:-3.83%}.sit-shape--b{width:82.037%;height:24.839%;top:48%;left:3.593%;scale:-1 1}.sit-shape--b img{width:115.09%;height:179.1%;top:-33.23%;left:-4.846%}.sit-person{width:37.256%;height:100%;top:0;left:27.87%}.sit-crop{width:81.04%;height:94.107%;position:absolute;top:2.946%;left:9.48%;overflow:hidden;rotate:-172.44deg;scale:1 -1}.sit-crop img{width:221.69%;height:180.26%;top:-56.6%;left:-68%}.badge-spin{left:var(--gutter);z-index:4;width:132px;height:132px;position:absolute;bottom:96px}.badge-spin>svg{width:100%;height:100%}.badge-spin text{font-family:var(--font-display);letter-spacing:.08em;fill:var(--color-ink);text-transform:uppercase;font-size:10.5px;font-weight:600}.badge-spin .core{background:var(--color-main);color:var(--color-on-brand);transition:background .3s var(--ease-soft);border-radius:50%;place-items:center;display:grid;position:absolute;inset:34px}.badge-spin:hover .core{background:var(--color-hover)}.badge-spin .core svg{width:26px;height:26px}.me__trigger{font:inherit;letter-spacing:inherit;line-height:inherit;color:inherit;text-align:inherit;cursor:inherit;background:0 0;border:0;margin:0;padding:0;display:inline}.big-title{font-family:var(--font-title);letter-spacing:-.02em;color:var(--color-main);text-shadow:0 12px 16px oklch(from var(--color-main) l c h / .18);padding-bottom:.04em;font-size:clamp(3.6rem,11vw,10rem);font-weight:700;line-height:.9}.work{padding-top:clamp(80px,10vw,140px)}.work__head{padding:0 var(--gutter);grid-template-columns:repeat(12,1fr);align-items:end;gap:16px;display:grid}.work__head .big-title{white-space:nowrap;margin-left:calc(var(--gutter) * -.35);grid-column:1/10}.work__head .note{grid-column:9/13;padding-bottom:16px}.note h3{text-decoration:underline;-webkit-text-decoration-color:var(--color-main);-webkit-text-decoration-color:var(--color-main);-webkit-text-decoration-color:var(--color-main);text-decoration-color:var(--color-main);text-underline-offset:6px;font-size:1.1rem;font-weight:500;line-height:1.35;text-decoration-thickness:2px}.note p{color:var(--color-ink-soft);margin-top:10px;font-size:.9rem}.rail{overflow:hidden}.track{padding:60px var(--gutter) 90px;align-items:center;gap:clamp(22px,3vw,46px);width:max-content;display:flex}.card-p{border-radius:var(--radius-card-lg);background:var(--color-surface);width:clamp(300px,36vw,560px);box-shadow:var(--shadow-card);will-change:transform;flex:none;text-decoration:none;position:relative;overflow:hidden}.card-p:nth-child(2){width:clamp(280px,30vw,460px);margin-top:100px}.card-p:nth-child(3){margin-top:-80px}.card-p:nth-child(4){width:clamp(300px,32vw,500px);margin-top:70px}.card-p .thumb{aspect-ratio:16/10;background:var(--color-tint) url(/assets/topo-Dmo92W_v.svg) center / cover;position:relative;overflow:hidden}.card-p .thumb .win{transform-origin:0 0;width:92%;transition:transform .6s var(--ease-soft);position:absolute;top:13%;left:9%;transform:rotate(-2.5deg)}.card-p:hover .thumb .win{transform:rotate(-1deg)translateY(-6px)}.card-p .body{justify-content:space-between;align-items:end;gap:14px;padding:20px 22px 22px;display:flex}.card-p .num{font-family:var(--font-display);color:var(--color-main);font-size:.8rem;font-weight:700}.card-p h3{font-family:var(--font-display);letter-spacing:-.03em;margin-top:4px;font-size:clamp(1.1rem,1.6vw,1.4rem);font-weight:700;line-height:1.15}.card-p p{color:var(--color-ink-soft);margin-top:6px;font-size:.9rem}.tags{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.tags span{border-radius:var(--radius-pill);background:var(--color-tint);color:var(--color-main);padding:3px 9px;font-size:.72rem;font-weight:600}.go{background:var(--color-main);width:44px;height:44px;color:var(--color-on-brand);transition:background .25s var(--ease-soft), transform .35s var(--ease-soft);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}a.card-p:hover .go{background:var(--color-hover);transform:rotate(45deg)}.card-p.locked .thumb{background:radial-gradient(120% 120% at 20% 10%, var(--color-violet-400), var(--color-violet-700) 55%, var(--color-violet-900-cool));color:var(--color-on-brand);text-align:center;place-items:center;display:grid}.card-p.locked .thumb div{font-family:var(--font-display);flex-direction:column;align-items:center;gap:10px;font-size:1.2rem;font-weight:700;display:flex}.card-p.locked .thumb svg{width:36px;height:36px}.card-end{aspect-ratio:1;text-align:center;background:var(--color-main);width:clamp(240px,22vw,340px);color:var(--color-on-brand);font-family:var(--font-display);letter-spacing:-.03em;box-shadow:0 40px 60px -30px oklch(from var(--color-main) l c h / .8);transition:background .3s var(--ease-soft);border-radius:50%;flex:none;place-content:center;font-size:clamp(1.3rem,2vw,1.8rem);font-weight:700;line-height:1.15;text-decoration:none;display:grid}.card-end:hover{background:var(--color-hover)}.card-end--alt{background:var(--color-deep)}.card-end--alt:hover{background:var(--color-main)}.card-end small{font-family:var(--font-body);opacity:.85;letter-spacing:0;margin-top:8px;font-size:.85rem;font-weight:600;display:block}.work-filter{border-radius:var(--radius-pill);background:var(--color-surface);box-shadow:var(--shadow-card);grid-template-columns:repeat(3,1fr);margin-top:18px;padding:5px;display:inline-grid;position:relative}.work-filter__pill{border-radius:var(--radius-pill);background:var(--color-main);width:calc(33.3333% - 3.33333px);box-shadow:0 8px 18px oklch(from var(--color-main) l c h / .35);transition:translate .45s var(--ease-soft);position:absolute;inset:5px auto 5px 5px}.work-filter__option{z-index:1;border-radius:var(--radius-pill);font:600 .85rem / 1 var(--font-display);color:var(--color-ink);cursor:pointer;transition:color .3s var(--ease-soft);background:0 0;border:0;padding:10px 18px;position:relative}.work-filter__option[aria-pressed=true]{color:var(--color-on-brand)}.work-filter__option:focus-visible{outline:2px solid var(--color-main);outline-offset:3px}@media (prefers-reduced-motion:reduce){.work-filter__pill{transition:none}}.about{padding:clamp(40px, 8vw, 120px) var(--gutter) 40px;grid-template-columns:repeat(12,1fr);align-items:center;display:grid}.about__left{grid-column:1/8;position:relative}.stack-title{z-index:2;margin:0 0 -28px 5%;position:relative}.stack-title span{font-family:var(--font-title);letter-spacing:-.02em;font-size:clamp(4rem,9.5vw,8.5rem);font-weight:700;line-height:.82;display:block}.stack-title .t1{color:var(--color-main);text-shadow:0 12px 14px oklch(from var(--color-main) l c h / .2)}.stack-title .t2{color:var(--color-on-brand);text-shadow:0 14px 14px oklch(from var(--color-relief) l c h / .85);margin-left:.5em}.editor{border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-card);grid-template-columns:1fr 110px;display:grid;position:relative;overflow:hidden;transform:rotate(-1.2deg)}.editor__text{padding:42px 30px 24px 58px;position:relative}.editor__text:before{content:"";border-right:3px solid var(--color-main);border-top:3px solid var(--color-main);width:12px;height:12px;position:absolute;top:48px;left:26px;transform:rotate(45deg)}.editor__text p{color:var(--color-neutral-500);font-size:var(--ed-size,clamp(1rem, 1.25vw, 1.08rem));font-family:var(--ed-font,var(--font-body))}.editor__text p+p{margin-top:14px}.editor__text strong{color:var(--color-secondary);font-weight:700}.editor.bold .editor__text p{font-weight:700}.editor.italic .editor__text p{font-style:italic}.editor.underline .editor__text :is(p,.w){text-underline-offset:4px;text-decoration-line:underline}.editor.strike .editor__text :is(p,.w){text-decoration-line:line-through}.editor.underline.strike .editor__text :is(p,.w){text-decoration-line:underline line-through}.js .editor__text .w{opacity:.3}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-top:24px;display:flex}.tb{border-radius:var(--radius-sm);background:var(--color-neutral-50);width:30px;height:30px;color:var(--color-neutral-850);cursor:pointer;transition:background .2s var(--ease-soft), color .2s var(--ease-soft), transform .2s var(--ease-soft);border:0;place-items:center;font-size:.92rem;font-weight:800;display:grid}.tb:hover{transform:translateY(-2px)}.tb[aria-pressed=true]{background:var(--color-main);color:var(--color-on-brand)}.tb.i{font-style:italic}.tb.u{text-decoration:underline}.tb.s{text-decoration:line-through}.sep{background:var(--color-neutral-750);width:2px;height:28px;margin:0 4px}.dd{color:var(--color-neutral-850);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:0;align-items:center;gap:6px;padding:4px 6px;font-size:.9rem;display:inline-flex}.dd:hover,.dd[aria-expanded=true]{background:var(--color-neutral-50)}.dd:after{transition:transform .3s var(--ease-soft)}.dd[aria-expanded=true]:after{transform:rotate(-135deg)translate(-2px,-2px)}.dd-wrap{position:relative}.dd-menu{z-index:20;border-radius:var(--radius-xl);background:var(--color-surface);min-width:210px;box-shadow:0 26px 44px -18px oklch(from var(--color-deep) l c h / .5), 0 0 0 1px oklch(from var(--color-deep) l c h / .07);transform-origin:24px 100%;margin:0;padding:6px;list-style:none;position:absolute;bottom:calc(100% + 12px);left:-6px}.dd-menu--size{min-width:150px}.dd-menu[hidden]{display:none}.dd-menu:after{content:"";background:var(--color-surface);border-radius:var(--radius-2xs);width:12px;height:12px;box-shadow:3px 3px 5px -3px oklch(from var(--color-deep) l c h / .2);position:absolute;bottom:-6px;left:26px;transform:rotate(45deg)}.dd-menu li{z-index:1;border-radius:var(--radius-md);color:var(--color-ink);white-space:nowrap;cursor:pointer;transition:background .2s var(--ease-soft), color .2s var(--ease-soft);justify-content:space-between;align-items:center;gap:18px;padding:9px 12px;line-height:1.2;display:flex;position:relative}.dd-menu li:hover,.dd-menu li:focus{background:var(--color-tint);color:var(--color-main);outline:none}.dd-menu li:focus-visible{box-shadow:inset 0 0 0 2px var(--color-main)}.dd-menu li svg{width:18px;height:18px;color:var(--color-main);opacity:0;transition:opacity .2s var(--ease-soft), transform .3s var(--ease-soft);flex:none;transform:scale(.6)}.dd-menu li[aria-selected=true]{color:var(--color-main);font-weight:700}.dd-menu li[aria-selected=true] svg{opacity:1;transform:none}.has-cursor .dd-menu li{cursor:none}.dd:after{content:"";border-right:2px solid var(--color-neutral-850);border-bottom:2px solid var(--color-neutral-850);width:7px;height:7px;transform:rotate(45deg)translateY(-3px)}.editor__side{border-left:1px solid var(--color-neutral-75);background:url(/assets/topo-Dmo92W_v.svg) 50%/cover;position:relative}.dots{gap:8px;display:flex;position:absolute;top:18px;left:18px}.dots i{border-radius:50%;width:13px;height:13px}.dots i:first-child{background:var(--color-red-400)}.dots i:nth-child(2){background:var(--color-amber-400)}.dots i:nth-child(3){background:var(--color-green-400)}.resume{z-index:2;border-radius:var(--radius-xl);background:var(--color-surface);width:82px;box-shadow:var(--shadow-lift);color:var(--color-ink);transition:transform .4s var(--ease-soft), box-shadow .4s var(--ease-soft);flex-direction:column;align-items:center;gap:7px;padding:14px 8px 10px;text-decoration:none;display:flex;position:absolute;bottom:20px;right:14px;transform:rotate(4deg)}.resume:hover,.resume:focus-visible{box-shadow:0 26px 36px -16px oklch(from var(--color-main) l c h / .45);transform:rotate(0)translateY(-6px)}.resume__file{background:linear-gradient(160deg, var(--color-violet-350), var(--color-main) 60%, var(--color-violet-650));clip-path:polygon(0 0,66% 0,100% 28%,100% 100%,0 100%);width:38px;height:46px;transition:transform .4s var(--ease-soft);border-radius:6px;place-items:end center;padding-bottom:6px;display:grid;position:relative}.resume__file:after{content:"";background:var(--color-violet-200);clip-path:polygon(0 0,0 100%,100% 100%);border-bottom-left-radius:4px;width:34%;height:28%;position:absolute;top:0;right:0}.resume:hover .resume__file,.resume:focus-visible .resume__file{transform:rotate(-8deg)scale(1.06)}.resume__ext{font-family:var(--font-display);letter-spacing:.06em;color:var(--color-on-brand);font-size:.6rem;font-weight:700}.resume__label{font-family:var(--font-display);text-align:center;font-size:.72rem;font-weight:600;line-height:1.1}.resume__cta{border-radius:var(--radius-pill);background:var(--color-deep);color:var(--color-on-brand);font-family:var(--font-display);align-items:center;gap:3px;padding:3px 8px 3px 9px;font-size:.64rem;font-weight:600;display:inline-flex}.resume__arrow{width:11px;height:11px}.resume:hover .resume__arrow,.resume:focus-visible .resume__arrow{animation:resume-drop .9s var(--ease-soft) infinite}@keyframes resume-drop{0%,to{transform:translateY(-1px)}50%{transform:translateY(2px)}}.about__right{grid-column:8/13;height:640px;margin-bottom:-120px;position:relative}.photo-blob{background:var(--color-surface);width:78%;height:76%;box-shadow:0 30px 40px -22px oklch(from var(--color-shadow) l c h / .3);border-radius:62% 38% 46% 54%/48% 40% 60% 52%;position:absolute;bottom:30px;right:4%}.leaning{z-index:2;width:auto;height:90%;position:absolute;bottom:46px;right:8%}.curve{z-index:3;pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.side-ball{z-index:3;width:76px;height:76px;position:absolute;top:44%;left:26%}.curve text{font-family:var(--font-display);letter-spacing:.12em;fill:var(--color-main);font-size:16px;font-weight:600}.tech{padding:clamp(100px, 12vw, 180px) var(--gutter) 40px;grid-template-columns:repeat(12,1fr);gap:20px 0;display:grid}.tech .big-title{text-align:right;grid-column:4/13}.tech__intro{grid-column:1/5;align-self:end;padding-bottom:12px}.tech__intro p{color:var(--color-ink-soft);max-width:32ch}.tech__intro b{color:var(--color-main)}.playground{border-radius:var(--radius-panel);background:var(--color-surface);height:470px;box-shadow:var(--shadow-card);grid-column:2/13;margin-top:20px;position:relative;overflow:hidden}.playground:before{content:attr(data-label);font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--color-violet-gray-300);font-size:.8rem;font-weight:600;position:absolute;top:24px;left:30px}.chips{padding:0;list-style:none}.tchip{border-radius:var(--radius-pill);background:var(--color-surface);border:2px solid var(--color-violet-75);box-shadow:0 16px 24px -14px oklch(from var(--color-violet-900) l c h / .4);font-family:var(--font-display);white-space:nowrap;-webkit-user-select:none;user-select:none;touch-action:none;cursor:grab;align-items:center;gap:10px;padding:12px 18px 12px 14px;font-size:1rem;font-weight:600;display:inline-flex;position:absolute;top:0;left:0}.tchip:active{cursor:grabbing}.tchip svg{width:22px;height:22px;fill:var(--color-main);flex:none}.tchip.stroke svg{fill:none;stroke:var(--color-main);stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round}.tchip.hot{background:var(--color-main);color:var(--color-on-brand);border-color:var(--color-main)}.tchip.hot svg{fill:var(--color-on-brand)}.tchip.next{color:var(--color-ink-soft);border-style:dashed}.contact{padding:clamp(100px, 13vw, 190px) var(--gutter) 60px;grid-template-columns:repeat(12,1fr);align-items:center;display:grid}.contact .big-title{white-space:nowrap;margin-left:calc(var(--gutter) * -.6);grid-column:1/10;font-size:clamp(3.4rem,11.5vw,11rem)}.contact .big-title .char{transition:color .3s var(--ease-soft)}.contact .big-title .char:hover{color:var(--color-hover)}.contact__cta{grid-column:10/13;justify-self:center}.mag{aspect-ratio:1;background:var(--color-main);width:clamp(170px,16vw,230px);color:var(--color-on-brand);font-family:var(--font-display);cursor:pointer;box-shadow:0 40px 60px -30px oklch(from var(--color-main) l c h / .9);transition:background .3s var(--ease-soft);border:0;border-radius:50%;place-items:center;font-size:1.15rem;font-weight:700;display:grid}.mag:hover{background:var(--color-hover)}.mag span{pointer-events:none;text-align:center;display:block}.mag small{font-family:var(--font-body);opacity:.85;margin-top:4px;font-size:.72rem;font-weight:600;display:block}.contact__links{flex-wrap:wrap;grid-column:2/-1;gap:14px;margin-top:50px;display:flex}.slink{border-radius:var(--radius-pill);background:var(--color-surface);box-shadow:0 12px 20px -14px oklch(from var(--color-shadow) l c h / .35);transition:transform .3s var(--ease-soft), background .3s var(--ease-soft), color .3s var(--ease-soft);align-items:center;gap:10px;padding:14px 20px;font-weight:600;text-decoration:none;display:inline-flex}.slink svg{width:20px;height:20px;fill:var(--color-main);transition:fill .3s var(--ease-soft)}.slink:hover{background:var(--color-main);color:var(--color-on-brand);transform:translateY(-3px)}.slink:hover svg{fill:var(--color-on-brand)}body.beta-mode{animation:.35s steps(2,end) 3 glitch}@keyframes glitch{25%{filter:hue-rotate(40deg)contrast(1.3);transform:translate(3px)}75%{filter:hue-rotate(-40deg);transform:translate(-3px)}}.confetti{z-index:340;pointer-events:none;border-radius:50%;position:fixed;top:0;left:0}.win{border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:0 30px 50px -24px oklch(from var(--color-deep) l c h / .45), 0 0 0 1px oklch(from var(--color-deep) l c h / .06);overflow:hidden}.win>i{background-color:var(--color-violet-25);border-bottom:1px solid var(--color-violet-100);background-image:radial-gradient(circle, var(--color-red-400) 4px, transparent 4.5px), radial-gradient(circle, var(--color-amber-400) 4px, transparent 4.5px), radial-gradient(circle, var(--color-green-400) 4px, transparent 4.5px);background-position:10px 0,26px 0,42px 0;background-repeat:no-repeat;background-size:16px 26px;height:26px;display:block}.win img{width:100%;height:auto}.hball{z-index:6;cursor:pointer;width:clamp(74px,9vw,132px);height:clamp(74px,9vw,132px);position:absolute;top:70px;left:14%}.hball.small{width:clamp(52px,6vw,92px);height:clamp(52px,6vw,92px);top:116px;left:auto;right:36%}.hball.tiny{width:clamp(34px,3.6vw,54px);height:clamp(34px,3.6vw,54px);top:92px;left:38%}.welcome__note{z-index:7;border-radius:var(--radius-pill);background:var(--color-deep);color:var(--color-on-brand);font-family:var(--font-display);white-space:nowrap;box-shadow:var(--shadow-lift);padding:6px 14px;font-size:clamp(.72rem,.9vw,.85rem);font-weight:600;position:absolute;top:-40px;right:8%;transform:rotate(4deg)}.welcome__note:after{content:"";background:var(--color-deep);border-radius:var(--radius-2xs);width:12px;height:12px;position:absolute;bottom:-6px;left:22px;transform:rotate(45deg)}.hero__now{border-radius:var(--radius-2xl);background:var(--color-surface);box-shadow:var(--shadow-card);z-index:4;grid-area:2/2/auto/6;place-self:start;align-items:center;gap:12px;margin-top:30px;padding:12px 18px 12px 14px;font-size:.92rem;font-weight:600;display:inline-flex;position:relative;transform:rotate(-2deg)}.hero__now b{color:var(--color-main)}.live{background:var(--color-live);border-radius:50%;flex:none;width:10px;height:10px;position:relative}.live:after{content:"";border:2px solid var(--color-live);opacity:0;animation:live 2s var(--ease-soft) infinite;border-radius:50%;position:absolute;inset:-5px}@keyframes live{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(1.4)}}.hero__meta{grid-row:2}.band{z-index:4;background:var(--color-main);width:112vw;color:var(--color-on-brand);box-shadow:0 30px 50px -30px oklch(from var(--color-main) l c h / .9);margin:-40px 0 0 -6vw;padding:18px 0;position:relative;overflow:hidden;transform:rotate(-2.5deg)}.band__track{width:max-content;display:flex}.band__group{font-family:var(--font-title);letter-spacing:-.02em;white-space:nowrap;align-items:center;gap:clamp(22px,3vw,44px);padding-right:clamp(22px,3vw,44px);font-size:clamp(1.4rem,3vw,2.6rem);font-weight:600;display:flex}.band__group i{background:radial-gradient(circle at 30% 26%, var(--color-on-brand), var(--color-violet-150) 60%, var(--color-violet-250));border-radius:50%;flex:none;width:.5em;height:.5em}.band__group em{color:#0000;-webkit-text-stroke:1.4px var(--color-on-brand);font-style:normal}.curtain{z-index:270;background:var(--color-main);pointer-events:none;visibility:hidden;clip-path:circle(0%);position:fixed;inset:0}.case{z-index:250;overscroll-behavior:contain;background:var(--color-bg);padding:0 var(--gutter) 90px;grid-template-columns:repeat(12,1fr);align-content:start;column-gap:20px;display:grid;position:fixed;inset:0;overflow:hidden auto}.case[hidden]{display:none}.case:before{content:"";aspect-ratio:1;pointer-events:none;background:url("data:image/svg+xml,%3csvg%20width='812'%20height='577'%20viewBox='0%200%20812%20577'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20filter='url(%23filter0_bd_19_127)'%3e%3cpath%20d='M445.5%20323C416.028%20414%20359%20462.541%20267%20501.5C173.531%20541.081%20107.924%20546.752%200%20533.985V374V1.30142e-05H684H771.336C775.813%2013.4719%20776.81%2028.5942%20774.5%2052C766.407%20134%20679.5%20147.408%20606%20127C570.5%20117.143%20547%20103.793%20499.5%20127C421.194%20165.258%20474%20235%20445.5%20323Z'%20fill='white'/%3e%3cpath%20d='M445.5%20323C416.028%20414%20359%20462.541%20267%20501.5C173.531%20541.081%20107.924%20546.752%200%20533.985V374V1.30142e-05H684H771.336C775.813%2013.4719%20776.81%2028.5942%20774.5%2052C766.407%20134%20679.5%20147.408%20606%20127C570.5%20117.143%20547%20103.793%20499.5%20127C421.194%20165.258%20474%20235%20445.5%20323Z'%20stroke='white'%20stroke-width='2'/%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='filter0_bd_19_127'%20x='-26'%20y='-26'%20width='837.703'%20height='602.082'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeGaussianBlur%20in='BackgroundImageFix'%20stdDeviation='10'/%3e%3cfeComposite%20in2='SourceAlpha'%20operator='in'%20result='effect1_backgroundBlur_19_127'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'%20result='hardAlpha'/%3e%3cfeOffset%20dx='5'%20dy='5'/%3e%3cfeGaussianBlur%20stdDeviation='15'/%3e%3cfeComposite%20in2='hardAlpha'%20operator='out'/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.25%200'/%3e%3cfeBlend%20mode='normal'%20in2='effect1_backgroundBlur_19_127'%20result='effect2_dropShadow_19_127'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='effect2_dropShadow_19_127'%20result='shape'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e") 50%/contain no-repeat;width:min(460px,44vw);position:absolute;top:-90px;left:-80px}.case__bar{z-index:3;grid-column:1/-1;justify-content:space-between;align-items:center;padding:22px 0;display:flex;position:sticky;top:0}.case__back{border-radius:var(--radius-pill);background:var(--color-surface);box-shadow:var(--shadow-lift);color:var(--color-ink);cursor:pointer;transition:background .3s var(--ease-soft), color .3s var(--ease-soft);border:0;align-items:center;gap:10px;padding:12px 20px 12px 16px;font-weight:700;display:inline-flex}.case__back svg{width:20px;height:20px}.case__back:hover{background:var(--color-main);color:var(--color-on-brand)}.case__count{font-family:var(--font-display);color:var(--color-main);border-radius:var(--radius-pill);background:var(--color-surface);box-shadow:var(--shadow-lift);padding:8px 14px;font-weight:700}.case__hero{z-index:1;grid-column:1/-1;grid-template-columns:repeat(12,1fr);align-items:end;column-gap:20px;padding-top:clamp(20px,5vw,70px);display:grid;position:relative}.case__kicker{font-family:var(--font-display);color:var(--color-ink-soft);letter-spacing:.06em;text-transform:uppercase;grid-column:2/9;font-size:.85rem;font-weight:600}.case__title{font-family:var(--font-title);letter-spacing:-.015em;color:var(--color-main);outline:none;grid-area:2/1/auto/10;margin-top:10px;padding-bottom:.06em;font-size:clamp(3rem,8vw,7.6rem);font-weight:700;line-height:.94}.case__title .acc{color:var(--color-on-brand);text-shadow:0 14px 14px oklch(from var(--color-relief) l c h / .85)}.case__title .w{display:inline-block}.case__meta{border-radius:var(--radius-3xl);background:var(--color-surface);box-shadow:var(--shadow-card);grid-area:1/10/3/13;align-self:end;gap:14px;padding:22px;display:grid;transform:rotate(1.5deg)}.case__meta dt{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--color-ink-soft);font-size:.72rem;font-weight:600}.case__meta dd{margin:2px 0 0;font-size:.95rem;font-weight:600}.case__meta a{color:var(--color-main)}.case__shot{margin:clamp(40px, 6vw, 80px) calc(var(--gutter) * -1) 0 0;z-index:1;grid-column:2/-1;position:relative}.case__shot .win{transform-origin:0;border-radius:20px 0 0 20px;transform:rotate(-1.2deg)}.case__grid{grid-column:1/-1;grid-template-columns:repeat(12,1fr);gap:clamp(40px,6vw,80px) 20px;margin-top:clamp(60px,8vw,110px);display:grid}.case__grid section{z-index:1;position:relative}.case__grid section:first-child{grid-column:1/7}.case__grid section:nth-child(2){border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-card);grid-column:7/13;margin-top:90px;padding:30px;transform:rotate(-1deg)}.case__grid section:nth-child(3){grid-column:2/8}.case__grid section:nth-child(4){grid-column:8/13;align-self:end}.case__grid h2{font-family:var(--font-title);letter-spacing:-.01em;color:var(--color-ink);align-items:baseline;gap:12px;margin-bottom:16px;font-size:clamp(1.8rem,3.2vw,2.8rem);font-weight:700;line-height:1.05;display:flex}.case__grid h2 span{font-family:var(--font-display);color:var(--color-main);letter-spacing:0;font-size:.85rem}.case__grid p,.case__grid li{color:var(--color-violet-gray-700);font-size:clamp(1rem,1.2vw,1.08rem)}.case__grid b{color:var(--color-ink)}.case__grid ul,.case__grid ol{gap:8px;padding-left:20px;display:grid}.case__grid li::marker{color:var(--color-main);font-weight:700}.case__grid code{background:var(--color-tint);color:var(--color-deep);border-radius:6px;padding:2px 6px;font-size:.88em}.case__grid section:nth-child(4) p{font-family:var(--font-title);letter-spacing:-.01em;color:var(--color-ink);font-size:clamp(1.3rem,2vw,1.8rem);font-weight:600;line-height:1.25}.case__next{border-radius:var(--radius-pill);background:var(--color-main);color:var(--color-on-brand);font-family:var(--font-title);letter-spacing:-.02em;box-shadow:0 40px 60px -30px oklch(from var(--color-main) l c h / .9);transition:background .3s var(--ease-soft);grid-column:7/13;justify-self:end;gap:6px;margin:clamp(70px,9vw,130px) 0 clamp(70px,8vw,120px);padding:30px 40px;font-size:clamp(1.3rem,2.4vw,2.1rem);font-weight:600;text-decoration:none;display:grid}.case__next small{font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;opacity:.85;font-size:.8rem;font-weight:600}.case__next:hover{background:var(--color-hover)}html.scroll-locked{overflow:hidden}html:has(.case){overflow:hidden}html:has(.case) #contenido{visibility:hidden}html:has(.case) .foot{visibility:hidden}.foot{z-index:3;padding:clamp(50px, 7vw, 90px) var(--gutter) 30px;background:var(--color-deep);color:var(--color-violet-150);border-radius:clamp(28px,5vw,60px) clamp(28px,5vw,60px) 0 0;margin-top:40px;position:relative;overflow:hidden}.foot__top{grid-template-columns:repeat(12,1fr);align-items:start;gap:30px 20px;display:grid}.foot__col:first-child{grid-column:1/4}.foot__col:nth-child(2){grid-column:4/7}.foot__colophon{grid-column:7/11}.foot__h{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--color-violet-300);margin-bottom:14px;font-size:.75rem;font-weight:600}.foot ul{gap:6px;padding:0;list-style:none;display:grid}.foot a{color:var(--color-on-brand);transition:background-size .35s var(--ease-soft), color .3s var(--ease-soft);background:linear-gradient(currentColor,currentColor) 0 100%/0 2px no-repeat;font-weight:600;text-decoration:none}.foot a:hover{color:var(--color-violet-200);background-size:100% 2px}.foot__colophon p{max-width:40ch;font-size:.92rem}.foot__colophon p+p{color:var(--color-on-brand);margin-top:12px;font-weight:600}.to-top{background:var(--color-main);width:74px;height:74px;color:var(--color-on-brand);cursor:pointer;transition:background .3s var(--ease-soft);border:0;border-radius:50%;grid-column:12/13;justify-self:end;place-items:center;display:grid}.to-top:hover{background:var(--color-hover)}.to-top svg{width:28px;height:28px}.foot__mark{margin:clamp(30px, 5vw, 60px) 0 0 calc(var(--gutter) * -.4);font-family:var(--font-title);letter-spacing:0;white-space:nowrap;color:#0000;-webkit-text-stroke:2px var(--color-violet-450);-webkit-user-select:none;user-select:none;font-size:clamp(5rem,23.5vw,24rem);font-weight:700;line-height:.8}.foot__mark span{transition:color .35s var(--ease-soft), transform .5s var(--ease-soft);display:inline-block}.foot__mark span:hover{color:var(--color-main);transform:translateY(-4%)}.foot__bottom{border-top:1px solid oklch(from var(--color-violet-150) l c h / .16);flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:26px;padding:20px 0 60px;font-size:.85rem;font-weight:600;display:flex}.foot__bottom b{color:var(--color-on-brand)}.foot :focus-visible{outline-color:var(--color-violet-250)}.welcome,.me,.big-title,.stack-title,.menu a,.case__title,.case__grid h2,.case__grid section:nth-child(4) p,.case__next,.band__group,.card-p h3{word-spacing:.14em}@media (width<=900px){.hero{align-content:start;min-height:auto;padding-top:130px;padding-bottom:290px}.hero__title{margin-left:-4px}.me{margin-left:14%}.hero__meta{grid-column:1/-1}.hero__sit{width:290px;bottom:24px;right:0}.badge-spin{width:104px;height:104px;bottom:50px}.badge-spin .core{inset:26px}.work__head .big-title,.work__head .note{grid-column:1/-1}.rail{overflow:visible}.track{width:auto;padding:30px var(--gutter) 40px;flex-direction:column;align-items:stretch}.card-p,.card-p:nth-child(n){width:100%;margin:0}.card-end{align-self:center}.about__left,.about__right{grid-column:1/-1}.about__right{height:480px;margin:30px 0 0}.tech .big-title,.tech__intro,.playground{text-align:left;grid-column:1/-1}.playground{height:auto;padding:64px 18px 24px}.chips{flex-wrap:wrap;gap:10px;display:flex}.tchip{cursor:default;position:static}.contact .big-title,.contact__cta,.contact__links{grid-column:1/-1;margin-left:0}.contact__cta{justify-self:start;margin-top:30px}}@media (width<=560px){.editor{grid-template-columns:1fr;transform:none}.editor__side{display:none}.editor__text{padding:30px 20px 20px 44px}.editor__text:before{left:18px}.resume{flex-direction:row;justify-self:end;gap:10px;width:auto;margin:0 20px 20px;padding:8px 8px 8px 10px;position:relative;bottom:auto;right:auto;transform:rotate(-1.5deg)}.resume__file{width:26px;height:32px;padding-bottom:3px}.resume__ext{font-size:.5rem}.secrets .label{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation:none!important}}body.painting{-webkit-user-select:none;user-select:none}@media (width<=900px){.hero__now{z-index:5;grid-area:2/1/auto/-1;margin-top:20px;font-size:.85rem}.hero__meta{grid-row:3}.case__title,.case__meta{grid-row:auto}.foot a{overflow-wrap:anywhere}.welcome__note{top:-34px;right:4%}.hball{width:50px;height:50px;top:40px;left:6%}.hball.small{width:34px;height:34px;top:64px;left:30%;right:auto}.hball.tiny{width:22px;height:22px;top:30px;left:46%}.js .editor__text .w{opacity:.45}.band{margin-top:10px;padding:12px 0}.case{padding-bottom:60px}.case__kicker,.case__title,.case__meta,.case__shot,.case__grid section:nth-child(n),.case__next{grid-column:1/-1}.case__meta{grid-template-columns:1fr 1fr;margin-top:26px;transform:none}.case__grid section:nth-child(2){margin-top:0;padding:22px;transform:none}.case__next{border-radius:var(--radius-card-lg);justify-self:stretch}.foot__col:first-child,.foot__col:nth-child(2){grid-column:span 6}.foot__colophon{grid-column:1/-1}.to-top{grid-column:1/-1;justify-self:start}.side-ball{width:52px;height:52px;top:12%;left:4%}}@media (prefers-reduced-motion:reduce){.js .editor__text .w{opacity:1}.playground{height:auto;padding:64px 24px 28px}.chips{flex-wrap:wrap;gap:10px;display:flex}.tchip{cursor:default;position:static}.js .loader{display:none}}.cursor span{transition:opacity .2s var(--ease-soft), color .2s var(--ease-soft), transform .25s var(--ease-soft)}.cursor.is-label.is-down{width:34px;height:34px;margin:-17px 0 0 -17px}.cursor.is-label.is-down span{color:var(--color-ink);text-shadow:0 0 6px var(--color-bg), 0 0 2px var(--color-bg);transform:translateY(34px)}.menu-open .cursor{border-color:var(--color-on-brand)}.menu-open .cursor.is-link{background:oklch(from var(--color-on-brand) l c h / .18)}.menu-open .cursor-dot{background:var(--color-on-brand)}.menu-open .ink{z-index:215}.me-name{transform-origin:0 80%}.name-extra{vertical-align:bottom;white-space:nowrap;width:0;display:inline-block;overflow:hidden}.name-extra .nx{color:var(--color-ink);opacity:0;display:inline-block}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.toast{align-items:center;gap:10px;display:inline-flex}.toast svg{width:20px;height:20px;color:var(--color-violet-250);flex:none}.secrets .egg{width:18px;height:18px;color:var(--color-main)}.wire-ui>*{pointer-events:none;position:fixed}.wire-grid{z-index:190;padding:0 var(--gutter);opacity:0;grid-template-columns:repeat(12,1fr);gap:20px;transition:opacity .4s;display:grid;inset:0}.wire-grid i{background:oklch(from var(--color-red-500) l c h / .07);border-inline:1px solid oklch(from var(--color-red-500) l c h / .18)}.wire-sel{z-index:330;border:1.5px solid var(--color-wire);opacity:0;transition:opacity .15s;top:0;left:0}.wire-sel i{background:var(--color-on-brand);border:1.5px solid var(--color-wire);width:8px;height:8px;position:absolute}.wire-sel i:first-of-type{top:-5px;left:-5px}.wire-sel i:nth-of-type(2){top:-5px;right:-5px}.wire-sel i:nth-of-type(3){bottom:-5px;left:-5px}.wire-sel i:nth-of-type(4){bottom:-5px;right:-5px}.wire-name,.wire-size{font:600 11px/1 var(--font-body);white-space:nowrap;position:absolute;left:-1px}.wire-name{color:var(--color-wire);top:-20px}.wire-size{border-radius:var(--radius-xs);background:var(--color-wire);color:var(--color-on-brand);padding:4px 7px;bottom:-24px;left:50%;transform:translate(-50%)}.wire-scan{z-index:380;opacity:0;background:linear-gradient(to bottom, transparent 92%, oklch(from var(--color-wire) l c h / .25) 97%, var(--color-wire) 99.5%, transparent 100%);width:100%;height:100vh;top:0;left:0}.wire-bar{z-index:390;border-radius:var(--radius-lg);background:var(--color-neutral-800);width:600px;max-width:calc(100% - 100px);color:var(--color-on-brand);font:600 13px var(--font-body);box-shadow:0 16px 30px -12px oklch(from var(--color-shadow) l c h / .5);visibility:hidden;align-items:center;gap:8px;margin-left:-300px;padding:7px 8px 7px 10px;display:flex;top:18px;left:50%;transform:translateY(-80px);pointer-events:auto!important}.wire-logo{background:var(--color-main);width:30px;height:30px;font:800 16px var(--font-display);border-radius:9px;place-items:center;display:grid}.wire-title{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.wire-title em{color:var(--color-neutral-350);font-style:normal;font-weight:500}.wire-btn,.wire-exit{border-radius:var(--radius-sm);font:600 12px var(--font-body);color:var(--color-neutral-200);cursor:pointer;background:0 0;border:0;padding:7px 10px}.wire-btn[aria-pressed=true]{background:var(--color-wire);color:var(--color-on-brand)}.wire-btn:hover,.wire-exit:hover{background:var(--color-neutral-700);color:var(--color-on-brand)}.wire-exit kbd{border-radius:var(--radius-xs);background:var(--color-neutral-650);font:600 10px var(--font-body);margin-left:4px;padding:1px 5px}body.wire{background:var(--color-on-brand)}body.wire .wire-grid{opacity:1}body.wire.wire-no-grid .wire-grid{opacity:0}body.wire.wire-no-measure .wire-sel,body.wire.wire-no-measure main>section:before{display:none}body.wire .wire-bar{visibility:visible;transform:none}body.wire main *,body.wire footer *{box-shadow:none!important;text-shadow:none!important;color:var(--color-ink)!important;background-color:#0000!important}body.wire main :is(section,div,a,button,p,h1,h2,h3,li,ul,img,svg,.pill,.ball,.card-p,.editor,.playground,.tchip,.mag,.slink,.photo-blob){outline:1px solid oklch(from var(--color-ink) l c h / .45);outline-offset:-1px}body.wire main :is(.char,.w,.nx,.name-extra,textPath,text,path,.reveal){outline:none!important}body.wire :is(.welcome,.me,.big-title,.stack-title span),body.wire :is(.welcome,.me,.big-title,.stack-title span) *{-webkit-text-stroke:1.2px var(--color-ink);color:#0000!important}body.wire .me .soy{-webkit-text-stroke:0;outline:1px solid var(--color-ink);color:var(--color-ink)!important}body.wire main img{filter:grayscale()opacity(.12)!important}body.wire main .thumb,body.wire main .hero__sit,body.wire main .about__right{background-image:linear-gradient(to top right, transparent calc(50% - .5px), oklch(from var(--color-ink) l c h / .3) 50%, transparent calc(50% + .5px)), linear-gradient(to top left, transparent calc(50% - .5px), oklch(from var(--color-ink) l c h / .3) 50%, transparent calc(50% + .5px))!important}body.wire .card-p.locked .thumb{background-image:none!important}body.wire .decor img{outline:1px dashed oklch(from var(--color-ink) l c h / .5);filter:brightness(0)opacity(.07)!important}body.wire .ball{border:1px solid var(--color-ink);background:0 0!important}body.wire .thread path{stroke:var(--color-wire)}body.wire .editor__side{background-image:none!important}body.wire .cursor{border-color:var(--color-wire)}body.wire .cursor-dot{background:var(--color-wire)}body.wire .cursor.is-label{background:var(--color-wire);border-color:var(--color-wire)}body.wire .cursor.is-label span{color:var(--color-on-brand)!important}body.wire main>section{outline:1.5px solid var(--color-ink)!important}body.wire main>section:before{content:attr(data-frame);z-index:5;font:600 11px var(--font-body);color:var(--color-neutral-450);letter-spacing:.02em;position:absolute;top:10px;left:12px}body.wire .menu-btn,body.wire .secrets{box-shadow:none;outline:1px solid var(--color-ink);background:var(--color-on-brand)!important}@media (width<=700px){.wire-bar{max-width:calc(100% - 96px);margin-left:0;left:12px}.wire-title em{display:none}}body.wire .curve text{fill:var(--color-ink)}body.wire .editor__text:before{border-color:var(--color-ink)}body.wire .secrets .egg{color:var(--color-ink)}.not-found{min-height:100svh;padding:var(--gutter);align-content:center;justify-items:start;gap:18px;display:grid;overflow:hidden}.not-found__code{font-family:var(--font-title);letter-spacing:-.02em;color:var(--color-surface);text-shadow:0 16px 14px oklch(from var(--color-relief) l c h / .75);margin-left:calc(var(--gutter) * -.6);font-size:clamp(8rem,30vw,26rem);font-weight:700;line-height:.8}.not-found__title{font-family:var(--font-title);letter-spacing:-.02em;color:var(--color-main);font-size:clamp(2.4rem,6vw,5rem);font-weight:700;line-height:.95}.not-found__text{max-width:40ch;color:var(--color-ink-soft)}.not-found__cta{border-radius:var(--radius-pill);background:var(--color-main);color:var(--color-on-brand);box-shadow:var(--shadow-lift);transition:background .3s var(--ease-soft);align-items:center;gap:10px;margin-top:10px;padding:14px 22px 14px 18px;font-weight:700;text-decoration:none;display:inline-flex}.not-found__cta:hover{background:var(--color-hover)}.not-found__cta svg{width:20px;height:20px}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}