:root{--bg:#f3f1ec;--paper:#fbfaf7;--ink:#111214;--mute:#75777c;--line:#1112141f;--acc:#ff4d1c;--pad:clamp(16px, 2.6vw, 40px);--mono:"JetBrains Mono", ui-monospace, monospace;--serif:"Instrument Serif", serif}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);scrollbar-gutter:stable}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Inter Tight,system-ui,sans-serif;overflow-x:hidden}body.loading{overflow:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit;color:inherit}::selection{background:var(--ink);color:var(--bg)}.mono{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;font-size:11px}em{letter-spacing:inherit;font-family:inherit;font-style:normal;font-weight:700}.serif{font-family:var(--serif);letter-spacing:-.01em;font-style:italic;font-weight:400}section{padding:0 var(--pad);position:relative}.ld{z-index:100;background:var(--bg);color:var(--ink);position:fixed;inset:0;overflow:hidden}.ld-c{place-items:center;display:grid;position:absolute;inset:0}.ld-name{letter-spacing:-.07em;padding:.04em 0 .1em;font-size:clamp(56px,10vw,180px);font-weight:500;line-height:.9;display:flex;overflow:hidden}.ld-name span{white-space:pre;display:inline-block}.ld-meta{left:var(--pad);right:var(--pad);color:var(--mute);justify-content:space-between;align-items:center;gap:24px;display:flex;position:absolute;bottom:26px}.ld-bar{background:var(--line);flex:1;max-width:360px;height:1px;position:relative}.ld-bar i{background:var(--ink);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.ld-big{right:var(--pad);letter-spacing:-.08em;font-variant-numeric:tabular-nums;font-size:clamp(110px,22vw,400px);font-weight:300;line-height:.78;position:absolute;bottom:10px}.ld-type{font-family:var(--mono);font-size:clamp(16px,1.8vw,26px)}.ld-type i{vertical-align:-.2em;background:var(--ink);width:.6em;height:1.1em;margin-left:.1em;animation:1s steps(2,end) infinite rnBlink;display:inline-block}.ld-tiles{pointer-events:none;grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(8,1fr);display:grid;position:absolute;inset:0}.ld-tiles i{background:var(--ink)}@keyframes rnBlink{50%{opacity:0}}.hdr{left:var(--pad);right:var(--pad);z-index:50;align-items:center;gap:26px;display:flex;position:fixed;top:20px}.hdr .logo{letter-spacing:-.05em;white-space:nowrap;font-size:19px;font-weight:500;position:relative}.hdr .logo b{color:#7c3aed;font-weight:700}.hdr .logo i{background:var(--acc);border-radius:50%;width:6px;height:6px;position:absolute;top:1px;right:-8px}.hdr nav{gap:24px;margin-left:auto;font-size:13px;display:flex}.hdr nav a{opacity:.75;transition:opacity .3s}.hdr nav a:hover{opacity:1}.hdr .cta{background:var(--ink);height:36px;color:var(--bg);border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:12px;font-weight:500;display:inline-flex}.burger{background:var(--paper);width:44px;height:44px;box-shadow:0 0 0 1px var(--line);cursor:pointer;border:0;border-radius:50%;flex:none;display:none;position:relative}.burger i{background:var(--ink);border-radius:2px;height:1.6px;transition:transform .45s cubic-bezier(.7,0,.2,1),top .45s cubic-bezier(.7,0,.2,1);position:absolute;left:14px;right:14px}.burger i:first-child{top:18px}.burger i:nth-child(2){top:24.4px}.mnav-on .burger i:first-child{top:21.2px;transform:rotate(45deg)}.mnav-on .burger i:nth-child(2){top:21.2px;transform:rotate(-45deg)}.mnav{z-index:49;padding:110px var(--pad) calc(28px + env(safe-area-inset-bottom));background:var(--bg);clip-path:circle(0% at calc(100% - var(--pad) - 22px) 42px);visibility:hidden;flex-direction:column;justify-content:flex-end;gap:34px;transition:clip-path .7s cubic-bezier(.7,0,.2,1),visibility 0s linear .7s;display:flex;position:fixed;inset:0}.mnav-on .mnav{clip-path:circle(150% at calc(100% - var(--pad) - 22px) 42px);visibility:visible;transition:clip-path .75s cubic-bezier(.7,0,.2,1),visibility}.mnav nav{flex-direction:column;display:flex}.mnav nav a{border-bottom:1px solid var(--line);letter-spacing:-.055em;opacity:0;align-items:baseline;gap:16px;padding:10px 0;font-size:clamp(40px,11vw,76px);font-weight:500;line-height:1;transition:opacity .3s,transform .3s;display:flex;transform:translateY(28px)}.mnav nav a .mono{color:var(--mute);transform:translateY(-.9em)}.mnav nav a[aria-current=page]{color:#7c3aed}.mnav-ft{opacity:0;flex-direction:column;gap:8px;transition:opacity .3s,transform .3s;display:flex;transform:translateY(20px)}.mnav-ft .mono{color:var(--mute)}.mnav-ft a{letter-spacing:-.02em;font-size:20px}.mnav-on .mnav nav a,.mnav-on .mnav-ft{opacity:1;transition:opacity .6s cubic-bezier(.2,.8,.2,1) calc(.22s + var(--d) * 60ms), transform .8s cubic-bezier(.2,.8,.2,1) calc(.22s + var(--d) * 60ms);transform:none}html.mnav-on,html.mnav-on body{overflow:hidden}.hdr{transition:translate .55s cubic-bezier(.2,.8,.2,1)}.hdr.hdr-hide{translate:0 calc(-100% - 34px)}.mnav-on .hdr{opacity:1!important;visibility:visible!important;transform:translate(0,0)!important}@media (max-width:1024px){.hdr nav{display:none}.hdr .cta{margin-left:auto}.burger{display:block}}@media (max-width:380px){.hdr .cta{padding:0 12px;font-size:11px}}.cur{z-index:95;mix-blend-mode:difference;pointer-events:none;background:#fff;border-radius:50%;width:10px;height:10px;margin:-5px 0 0 -5px;transition:width .35s,height .35s,margin .35s;position:fixed;top:0;left:0}.cur.big{width:70px;height:70px;margin:-35px 0 0 -35px}@media (hover:none){.cur{display:none}}.cover{background:var(--paper);isolation:isolate;position:relative;overflow:hidden}.cover:before{content:"";z-index:-2;filter:blur(14px);background:radial-gradient(55% 55% at 25% 30%, hsl(var(--h) 92% 72%), transparent 70%), radial-gradient(50% 50% at 80% 78%, hsl(calc(var(--h) + 55) 88% 64%), transparent 70%), radial-gradient(38% 38% at 62% 18%, hsl(calc(var(--h) - 40) 80% 86%), transparent 70%);position:absolute;inset:-25%}.cover:after{content:"";z-index:-1;background:repeating-linear-gradient(90deg,#1112140f 0 1px,#0000 1px 44px),repeating-linear-gradient(0deg,#1112140f 0 1px,#0000 1px 44px);position:absolute;inset:0}.cover .ci{letter-spacing:-.08em;color:#111214d1;font-size:clamp(54px,9vw,170px);font-weight:600;line-height:.8;position:absolute;bottom:3%;left:6%}.cover .cm{color:#111214b8;justify-content:space-between;display:flex;position:absolute;top:6%;left:6%;right:6%}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);height:34px;font:500 11px/1 var(--mono);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:999px;padding:0 14px;transition:background .3s,color .3s,border-color .3s}.chip sup{opacity:.55;margin-left:4px}.chip:hover{border-color:#11121466}.chip.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.logo-img{filter:brightness(0);opacity:.62;width:auto;height:clamp(26px,2.6vw,42px)}.marq{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.marq-t{will-change:transform;width:max-content;display:flex}.marq-s{align-items:center;gap:clamp(44px,5vw,90px);padding-right:clamp(44px,5vw,90px);display:flex}.btn{background:var(--ink);height:60px;color:var(--bg);border-radius:999px;align-items:center;gap:14px;padding:0 30px;font-size:15px;font-weight:600;display:inline-flex}.btn.ghost{color:var(--ink);border:1px solid var(--line);background:0 0}.btn span{transition:transform .4s}.btn:hover span{transform:translate(5px)}footer{padding:24px var(--pad);border-top:1px solid var(--line);color:var(--mute);justify-content:space-between;gap:20px;display:flex}.back{z-index:60;color:#f3f1ec;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#111214db;border-radius:999px;align-items:center;gap:10px;height:34px;padding:0 14px;display:inline-flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}
html:has([data-page-root=home]){--bg:#f2f1ee;--acc:#2f5bff;--pur:#7c3aed}:where(html:has([data-page-root=home])) .hero{height:100vh;min-height:640px;position:relative;overflow:hidden}:where(html:has([data-page-root=home])) #hbg{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}:where(html:has([data-page-root=home])) #mind{z-index:3;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}:where(html:has([data-page-root=home])) .u{opacity:0;--sw:.012em;display:inline-block}:where(html:has([data-page-root=home])) .u.on{opacity:1;color:#0000;-webkit-text-stroke:max(var(--sw), .7px) #7c3aed;text-shadow:0 0 .25em #a855f780;animation:.38s ease-out both home-uDraw}:where(html:has([data-page-root=home])) .u.on.ink{color:inherit;-webkit-text-stroke-color:transparent;text-shadow:none;transition:color .55s,-webkit-text-stroke-color .7s,text-shadow .6s}@keyframes home-uDraw{0%{filter:blur(6px);transform:translateY(.06em)scale(1.04)}to{filter:none;transform:none}}:where(html:has([data-page-root=home])) .h-c{left:var(--pad);right:var(--pad);z-index:2;text-align:center;position:absolute;top:50%;transform:translateY(-50%)}:where(html:has([data-page-root=home])) .h-name{letter-spacing:-.07em;white-space:nowrap;font-size:clamp(64px,11.5vw,210px);font-weight:500;line-height:.9}:where(html:has([data-page-root=home])) .h-name .ch{display:inline-block}:where(html:has([data-page-root=home])) .h-name em{color:var(--pur);font-family:inherit;font-style:normal;font-weight:700}:where(html:has([data-page-root=home])) .h-role{letter-spacing:-.02em;color:#2a2b30;white-space:nowrap;border-radius:999px;align-items:center;gap:clamp(10px,1vw,16px);margin-top:4.2vh;padding:.62em 1.15em .62em .9em;font-size:clamp(15px,1.45vw,22px);font-weight:400;line-height:1.1;display:inline-flex;position:relative}:where(html:has([data-page-root=home])) .h-role:before{content:"";border-radius:inherit;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;background:linear-gradient(#ffffffc7,#ffffff6b);transition:opacity .8s,transform 1s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0;transform:scale(.94);box-shadow:0 0 0 1px #7c3aed29,0 18px 40px -22px #4c1d9573,inset 0 1px #fff}:where(html:has([data-page-root=home])) .h-role>*{position:relative}:where(html:has([data-page-root=home])) .hr-dot{opacity:0;background:#7c3aed;border-radius:50%;width:.5em;height:.5em;transition:opacity .6s;box-shadow:0 0 #7c3aed80}:where(html:has([data-page-root=home])) .hr-a{letter-spacing:-.03em;color:var(--ink);font-weight:600}:where(html:has([data-page-root=home])) .hr-sep{opacity:0;background:linear-gradient(#0000,#11121447,#0000);width:1px;height:1.05em;transition:opacity .6s .2s}:where(html:has([data-page-root=home])) .hr-b{color:#6d28d9;font-weight:500}:where(html:has([data-page-root=home])) .hr-b .u.on.ink{background:linear-gradient(92deg,#4c1d95,#7c3aed 55%,#a855f7);color:#0000;-webkit-background-clip:text;background-clip:text}:where(html:has([data-page-root=home])) .h-role:has(.u.on):before{opacity:1;transform:none}:where(html:has([data-page-root=home])) .h-role:has(.u.on) .hr-dot{opacity:1;animation:2.4s ease-out infinite home-hrPulse}:where(html:has([data-page-root=home])) .h-role:has(.u.on) .hr-sep{opacity:1}@keyframes home-hrPulse{0%{box-shadow:0 0 #7c3aed73}70%,to{box-shadow:0 0 0 .7em #7c3aed00}}@media (max-width:640px){:where(html:has([data-page-root=home])) .h-role{gap:9px;padding:.7em 1em .7em .85em;font-size:13.5px}}:where(html:has([data-page-root=home])) .spark{z-index:4;pointer-events:none;background:#c084fc;border-radius:50%;width:4px;height:4px;margin:-2px 0 0 -2px;position:absolute;box-shadow:0 0 8px #7c3aed}:where(html:has([data-page-root=home])) body.loading #mind,:where(html:has([data-page-root=home])) body.loading .trail,:where(html:has([data-page-root=home])) body.loading .bub{z-index:101}:where(html:has([data-page-root=home])) .ld.rl{--rr:min(170px, 21vh, 24vw);--hole:0px;-webkit-mask:radial-gradient(circle at 50% 50%, transparent var(--hole), #000 calc(var(--hole) + 1px));-webkit-mask:radial-gradient(circle at 50% 50%, transparent var(--hole), #000 calc(var(--hole) + 1px));mask:radial-gradient(circle at 50% 50%, transparent var(--hole), #000 calc(var(--hole) + 1px))}:where(html:has([data-page-root=home])) .rl-ring{width:calc(var(--rr) * 2);height:calc(var(--rr) * 2);margin:calc(var(--rr) * -1) 0 0 calc(var(--rr) * -1);position:absolute;top:50%;left:50%;overflow:visible;rotate:-90deg}:where(html:has([data-page-root=home])) .rl-ring circle{fill:none;stroke-width:1.2px;vector-effect:non-scaling-stroke}:where(html:has([data-page-root=home])) .rl-ring .tr{stroke:var(--line)}:where(html:has([data-page-root=home])) .rl-ring .pg{stroke:var(--pur);stroke-width:2.4px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px}:where(html:has([data-page-root=home])) .rl-info{left:0;right:0;top:calc(50% + var(--rr) + 26px);text-align:center;position:absolute}:where(html:has([data-page-root=home])) .rl-pc{letter-spacing:-.06em;font-variant-numeric:tabular-nums;font-size:clamp(38px,4.4vw,68px);font-weight:300;line-height:1}:where(html:has([data-page-root=home])) .rl-st{color:var(--mute);margin-top:10px}:where(html:has([data-page-root=home])) .rl-z{left:calc(50% + var(--rr) * .42);top:calc(50% - var(--rr) * .78);color:var(--pur);pointer-events:none;font-size:22px;position:absolute}:where(html:has([data-page-root=home])) .rl-z i{opacity:0;font-style:normal;animation:2.4s ease-out infinite home-rlZ;position:absolute;top:0;left:0}:where(html:has([data-page-root=home])) .rl-z i:nth-child(2){font-size:.8em;animation-delay:.8s}:where(html:has([data-page-root=home])) .rl-z i:nth-child(3){font-size:.65em;animation-delay:1.6s}@keyframes home-rlZ{0%{opacity:0;transform:translate(0)rotate(-8deg)}20%{opacity:1}to{opacity:0;transform:translate(34px,-60px)rotate(12deg)}}:where(html:has([data-page-root=home])) .trail{z-index:2;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}:where(html:has([data-page-root=home])) .bub{z-index:5;pointer-events:none;position:fixed;top:0;left:0}:where(html:has([data-page-root=home])) .bubble{background:var(--ink);color:#f6f5f2;letter-spacing:-.01em;opacity:0;transform-origin:50% -10px;border-radius:16px;width:max-content;max-width:250px;padding:11px 15px;font-size:15px;line-height:1.35;transition:background .4s;position:relative;translate:-50%;box-shadow:0 14px 30px -14px #11121480}:where(html:has([data-page-root=home])) .bubble:before{content:"";background:inherit;border-radius:3px;width:14px;height:14px;margin-left:-7px;position:absolute;top:-6px;left:50%;transform:rotate(45deg)}:where(html:has([data-page-root=home])) .bubble.angry{background:#e3262c;font-weight:600}:where(html:has([data-page-root=home])) .bonk{z-index:5;pointer-events:none;width:130px;height:130px;margin:-65px 0 0 -65px;position:absolute;top:0;left:0}:where(html:has([data-page-root=home])) .bonk svg{position:absolute;inset:0;overflow:visible}:where(html:has([data-page-root=home])) .bonk line{stroke:var(--ink);stroke-width:4px;stroke-linecap:round}:where(html:has([data-page-root=home])) .bonk b{letter-spacing:-.04em;color:var(--pur);-webkit-text-stroke:1px var(--ink);paint-order:stroke;white-space:nowrap;font-size:30px;font-style:italic;font-weight:700;position:absolute;translate:-50% -50%;rotate:-12deg}:where(html:has([data-page-root=home])) .star{z-index:5;color:#f5b400;text-shadow:0 0 6px #f5b40080;pointer-events:none;opacity:0;margin:-9px 0 0 -9px;font-size:18px;line-height:1;position:fixed;top:0;left:0}:where(html:has([data-page-root=home])) .flow{perspective:1400px;height:100vh;position:relative;overflow:hidden}:where(html:has([data-page-root=home])) .flow-hud{left:var(--pad);right:var(--pad);z-index:3;justify-content:space-between;align-items:end;display:flex;position:absolute;top:10vh}:where(html:has([data-page-root=home])) .flow-hud h2{letter-spacing:-.06em;font-size:clamp(44px,5.6vw,100px);font-weight:400;line-height:.9}:where(html:has([data-page-root=home])) .flow-hud h2 em{color:var(--pur)}:where(html:has([data-page-root=home])) .fc{--r:0;aspect-ratio:4/4.4;width:min(30vw,420px);transform-style:preserve-3d;will-change:transform;margin-left:calc(min(30vw,420px)/-2);position:absolute;top:60%;left:50%}:where(html:has([data-page-root=home])) .fc .fb{background:var(--paper);clip-path:inset(0 0 calc((1 - var(--r)) * 100%) 0 round 22px);border-radius:22px;position:absolute;inset:0;overflow:hidden;box-shadow:0 40px 80px -50px #14183c80}:where(html:has([data-page-root=home])) .fc .fb:after,:where(html:has([data-page-root=home])) .pj-media:after{content:"";z-index:5;border-radius:inherit;pointer-events:none;border:1.5px solid #111214;position:absolute;inset:0}:where(html:has([data-page-root=home])) .fc .sh{width:100%;height:calc(var(--r) * 100%);opacity:0;pointer-events:none;border-radius:22px;transition:opacity .3s;position:absolute;top:0;left:0;box-shadow:-28px 0 46px -16px #14183c8c,0 0 0 1px #11121414}:where(html:has([data-page-root=home])) .fc.next .sh{opacity:1}:where(html:has([data-page-root=home])) .fc .cover{background:#e2e3ea;position:absolute;inset:0 0 36%;overflow:hidden}:where(html:has([data-page-root=home])) .fc .cover img{object-fit:cover;width:100%;height:100%;display:block}:where(html:has([data-page-root=home])) .fc .in{flex-direction:column;height:36%;padding:18px 22px;display:flex;position:absolute;bottom:0;left:0;right:0}:where(html:has([data-page-root=home])) .fc .in .mono{color:var(--mute)}:where(html:has([data-page-root=home])) .fc h3{letter-spacing:-.05em;margin-top:auto;font-size:clamp(24px,2.2vw,40px);font-weight:400;line-height:.95}:where(html:has([data-page-root=home])) .fc p{color:#45464b;margin-top:8px;font-size:14px;line-height:1.4}:where(html:has([data-page-root=home])) .fc .fo{opacity:calc(1 - var(--r));pointer-events:none;background:linear-gradient(#7c3aed12,#7c3aed05);border:1.5px dashed #7c3aed80;border-radius:22px;position:absolute;inset:0}:where(html:has([data-page-root=home])) .fc .fs{left:-3%;right:-3%;top:calc(var(--r) * 100%);opacity:0;pointer-events:none;background:#c084fc;border-radius:2px;height:2px;margin-top:-1px;position:absolute;box-shadow:0 0 14px 3px #a855f7a6}:where(html:has([data-page-root=home])) .fc.scan .fs{opacity:1}@media (max-width:1200px){:where(html:has([data-page-root=home])) .fc{--fw:min(46vw, 58vh);width:var(--fw);margin-left:calc(var(--fw) / -2)}}@media (max-width:900px){:where(html:has([data-page-root=home])) .fc{--fw:min(78vw, 62vh)}}@media (max-width:640px){:where(html:has([data-page-root=home])) .fc{--fw:90vw}:where(html:has([data-page-root=home])) .fc .fb{box-shadow:0 16px 28px -20px #14183c66}}:where(html:has([data-page-root=home])) .cl-s{content-visibility:auto;contain-intrinsic-size:auto 100vh;height:100vh;margin-top:-8vh;position:relative;overflow:hidden}@media (max-width:640px){:where(html:has([data-page-root=home])) .cl-s{height:76vh;margin-top:-12vh}:where(html:has([data-page-root=home])) .cl-hud{top:4vh}:where(html:has([data-page-root=home])) .mos{--my:63%}}:where(html:has([data-page-root=home])) .cl-hud{left:var(--pad);right:var(--pad);z-index:3;opacity:0;justify-content:space-between;align-items:end;display:flex;position:absolute;top:10vh}:where(html:has([data-page-root=home])) .cl-hud h2{letter-spacing:-.06em;font-size:clamp(44px,5.6vw,100px);font-weight:400;line-height:.9}:where(html:has([data-page-root=home])) .cl-hud h2 em{color:var(--pur);font-family:inherit;font-style:normal;font-weight:700}:where(html:has([data-page-root=home])) .cl-hud .mono{color:var(--mute)}:where(html:has([data-page-root=home])) .mos{--t:min(6.3vh, 4.1vw);pointer-events:none;z-index:2;position:absolute;inset:0}:where(html:has([data-page-root=home])) .mt{width:calc(var(--t) * .9);aspect-ratio:1;margin:calc(var(--t) * -.45) 0 0 calc(var(--t) * -.45);opacity:1;transform-style:preserve-3d;position:absolute}:where(html:has([data-page-root=home])) .mt>div{border-radius:calc(var(--t) * .16);backface-visibility:hidden;position:absolute;inset:0}:where(html:has([data-page-root=home])) .mt .fa{box-shadow:inset 0 0 0 1px #ffffff12, 0 calc(var(--t) * .08) calc(var(--t) * .2) calc(var(--t) * -.08) #14183c59;background:linear-gradient(150deg,#2a2b33,#111214 70%)}:where(html:has([data-page-root=home])) .mt.tip .fa{border-radius:50%}:where(html:has([data-page-root=home])) .mt .fb{box-shadow:0 calc(var(--t) * .08) calc(var(--t) * .22) calc(var(--t) * -.08) #14183c52;background:#fff;transform:rotateY(180deg)}:where(html:has([data-page-root=home])) .mos:not(.on) .mt{display:none}:where(html:has([data-page-root=home])) .mos.flat .mt{transform-style:flat;transform:none!important}:where(html:has([data-page-root=home])) .mos.flat .mt .fa{display:none}:where(html:has([data-page-root=home])) .mos.flat .mt .fb{backface-visibility:visible;transform:none}:where(html:has([data-page-root=home])) .mt .fb img{object-fit:contain;width:84%;height:84%;position:absolute;top:8%;left:8%}:where(html:has([data-page-root=home])) .mt.v .fb{background:#121318}:where(html:has([data-page-root=home])) .mt.e .fb{box-shadow:0 0 calc(var(--t) * .45) #5fd4ff;background:#8fe6ff}:where(html:has([data-page-root=home])) .mt.tip .fb{box-shadow:0 0 calc(var(--t) * .4) #6d7cff;background:#6d7cff;border-radius:50%}:where(html:has([data-page-root=home])) .pj{z-index:2;position:relative}:where(html:has([data-page-root=home])) .pj-stage{padding:7vh 0;position:relative}:where(html:has([data-page-root=home])) .pj-hd{justify-content:space-between;align-items:start;gap:4vw;display:flex;position:relative}:where(html:has([data-page-root=home])) .pj-hd h2{letter-spacing:-.04em;font-size:clamp(44px,4.6vw,80px);font-weight:400;line-height:1}:where(html:has([data-page-root=home])) .pj-hd p{letter-spacing:.02em;text-transform:uppercase;color:#3c3d42;max-width:250px;margin-top:10px;font-size:11px;line-height:1.45}:where(html:has([data-page-root=home])) .pj-grid{grid-template-columns:1fr 1fr;gap:60px 30px;display:grid;position:relative}:where(html:has([data-page-root=home])) .pj-card{perspective:1400px;display:block;position:relative}:where(html:has([data-page-root=home])) .pj-media{aspect-ratio:16/9;transform-origin:50% 0;background:#e2e3ea;border-radius:18px;position:relative;overflow:hidden}:where(html:has([data-page-root=home])) .pj-media video{object-fit:cover;background:#e2e3ea;width:100%;height:100%;position:absolute;inset:0}:where(html:has([data-page-root=home])) .pj-tags{letter-spacing:.01em;text-transform:uppercase;color:#2a2b30;margin-top:26px;font-size:13px}:where(html:has([data-page-root=home])) .pj-card h3{letter-spacing:-.025em;margin-top:10px;font-size:clamp(30px,2.9vw,44px);font-weight:400;line-height:1.05}:where(html:has([data-page-root=home])) .pj-ft{justify-content:center;padding:16vh 0 18vh;display:flex;position:relative}:where(html:has([data-page-root=home])) .pj-ft a{background:var(--ink);color:#fff;letter-spacing:-.01em;border-radius:999px;align-items:center;gap:14px;height:60px;padding:0 28px;font-size:16px;display:inline-flex}:where(html:has([data-page-root=home])) .pj-ft a i{background:var(--pur);border-radius:50%;place-items:center;width:30px;height:30px;font-style:normal;display:grid}@media (max-width:900px){:where(html:has([data-page-root=home])) .pj-grid{grid-template-columns:1fr}:where(html:has([data-page-root=home])) .pj-hd{flex-direction:column}}:where(html:has([data-page-root=home])) .pj-media:before{content:"";background:var(--pv) center / cover no-repeat;filter:blur(22px)saturate(1.15);opacity:0;position:absolute;inset:-8%}@media (max-width:640px){:where(html:has([data-page-root=home])) .pv-badge{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#111214d1!important}:where(html:has([data-page-root=home])) .pj-grid{row-gap:44px}:where(html:has([data-page-root=home])) .pj-media{aspect-ratio:5/4;border-radius:16px}:where(html:has([data-page-root=home])) .pj-media:before{opacity:.9}:where(html:has([data-page-root=home])) .pj-media video{object-fit:contain;background:0 0}}:where(html:has([data-page-root=home])) .fin{z-index:5;height:100vh;position:relative}:where(html:has([data-page-root=home])) .fin-c{text-align:center;padding:0 var(--pad);color:#f4f2ff;opacity:0;pointer-events:none;place-content:center;justify-items:center;gap:28px;display:grid;position:absolute;inset:0}:where(html:has([data-page-root=home])) .fin-c:before{content:"";z-index:-1;background:radial-gradient(closest-side,#07060fc7,#07060f73 55%,#07060f00);width:min(1100px,92vw);height:70vh;position:absolute;top:50%;left:50%;translate:-50% -50%}:where(html:has([data-page-root=home])) .fin-c .mono{color:#f4f2ff8c}:where(html:has([data-page-root=home])) .fin-c h2{letter-spacing:-.065em;text-shadow:0 0 40px #7c3aed59;font-size:clamp(54px,8.4vw,156px);font-weight:400;line-height:.9}:where(html:has([data-page-root=home])) .fin-c h2 em{color:#c4a5ff;font-family:inherit;font-style:normal;font-weight:700}:where(html:has([data-page-root=home])) .fin-row{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}:where(html:has([data-page-root=home])) .fin-row a{border-radius:999px;align-items:center;gap:12px;height:58px;padding:0 26px;font-size:16px;display:inline-flex}:where(html:has([data-page-root=home])) .fin-row a:first-child{color:#111214;background:#f4f2ff}:where(html:has([data-page-root=home])) .fin-row a:last-child{color:#f4f2ff;border:1px solid #f4f2ff47}:where(html:has([data-page-root=home])) body.in-mind .hdr{color:#f4f2ff}:where(html:has([data-page-root=home])) body.in-mind .hdr .cta{color:#111214;background:#f4f2ff}:where(html:has([data-page-root=home])) .probs{color:#f4f2ff;opacity:0;pointer-events:none;z-index:2;gap:12px;width:min(420px,80vw);display:grid;position:absolute;top:66%;left:50%;translate:-50%}:where(html:has([data-page-root=home])) .probs .mono{color:#f4f2ff80;margin-bottom:4px}:where(html:has([data-page-root=home])) .probs div{letter-spacing:-.01em;grid-template-columns:120px 1fr 48px;align-items:center;gap:14px;font-size:17px;display:grid}:where(html:has([data-page-root=home])) .probs div b{font-weight:500}:where(html:has([data-page-root=home])) .probs div:not(:nth-child(2)){opacity:.55}:where(html:has([data-page-root=home])) .probs i{background:#f4f2ff1f;border-radius:6px;height:6px;position:relative;overflow:hidden}:where(html:has([data-page-root=home])) .probs em{transform-origin:0;background:linear-gradient(90deg,#7c3aed,#5fd4ff);border-radius:6px;position:absolute;inset:0;transform:scaleX(0)}:where(html:has([data-page-root=home])) .probs span{text-align:right;font-family:var(--mono);color:#f4f2ffb3;font-size:13px}:where(html:has([data-page-root=home])) .flash{z-index:4;pointer-events:none;opacity:0;background:radial-gradient(circle,#fff,#d9f7ff 35%,#7fdcff 75%,#4cc4ff);position:fixed;inset:0}:where(html:has([data-page-root=home])) .pv-badge{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#f6f5f2;letter-spacing:.04em;text-transform:uppercase;background:#111214c7;border-radius:999px;align-items:center;gap:7px;height:28px;padding:0 11px;font:500 11px/1 JetBrains Mono,monospace;display:inline-flex;position:absolute;top:14px;left:14px}:where(html:has([data-page-root=home])) .pv-badge svg{fill:none;stroke:currentColor;stroke-width:2px;width:12px;height:12px}:where(html:has([data-page-root=home])) .pvm{z-index:400;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;visibility:hidden;background:#0c0c109e;place-items:center;padding:24px;transition:opacity .35s,visibility .35s;display:grid;position:fixed;inset:0}:where(html:has([data-page-root=home])) .pvm.on{opacity:1;visibility:visible}:where(html:has([data-page-root=home])) .pvm-box{background:#f6f5f2;border-radius:26px;grid-template-columns:1.55fr 1fr;width:min(1180px,100%);max-height:calc(100vh - 48px);transition:transform .5s cubic-bezier(.2,.8,.2,1);display:grid;position:relative;overflow:auto;transform:translateY(24px)scale(.98);box-shadow:0 60px 120px -40px #0009}:where(html:has([data-page-root=home])) .pvm.on .pvm-box{transform:none}:where(html:has([data-page-root=home])) .pvm-sl{background:#111214;border-radius:26px 0 0 26px;min-height:420px;position:relative;overflow:hidden}:where(html:has([data-page-root=home])) .pvm-tr{transition:transform .6s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;inset:0}:where(html:has([data-page-root=home])) .pvm-tr figure{flex:0 0 100%;margin:0;position:relative}:where(html:has([data-page-root=home])) .pvm-tr img{object-fit:contain;background:#16171b;width:100%;height:100%;display:block}:where(html:has([data-page-root=home])) .pvm-tr figcaption{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#f6f5f2;background:#111214b8;border-radius:999px;padding:7px 12px;font-size:12.5px;position:absolute;bottom:16px;left:18px}:where(html:has([data-page-root=home])) .pvm-ar{z-index:2;color:#111214;cursor:pointer;background:#f6f5f2eb;border:0;border-radius:50%;place-items:center;width:44px;height:44px;margin-top:-22px;transition:transform .25s,background .25s;display:grid;position:absolute;top:50%}:where(html:has([data-page-root=home])) .pvm-ar:hover{background:#fff;transform:scale(1.06)}:where(html:has([data-page-root=home])) .pvm-ar.p{left:14px}:where(html:has([data-page-root=home])) .pvm-ar.n{right:14px}:where(html:has([data-page-root=home])) .pvm-ar svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}:where(html:has([data-page-root=home])) .pvm.one .pvm-ar,:where(html:has([data-page-root=home])) .pvm.one .pvm-dots{display:none}:where(html:has([data-page-root=home])) .pvm-dots{z-index:2;gap:6px;display:flex;position:absolute;bottom:20px;right:18px}:where(html:has([data-page-root=home])) .pvm-dots button{cursor:pointer;background:#f6f5f273;border:0;border-radius:50%;width:8px;height:8px;padding:0;transition:width .3s,background .3s}:where(html:has([data-page-root=home])) .pvm-dots button.on{background:#fff;border-radius:6px;width:22px}:where(html:has([data-page-root=home])) .pvm-tx{flex-direction:column;padding:34px 32px 30px;display:flex}:where(html:has([data-page-root=home])) .pvm-tx .mono{color:var(--pur);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:8px;font-size:11px;display:inline-flex}:where(html:has([data-page-root=home])) .pvm-tx h3{letter-spacing:-.045em;margin-top:14px;font-size:clamp(30px,2.6vw,44px);font-weight:400;line-height:.98}:where(html:has([data-page-root=home])) .pvm-tx .lead{color:#3c3d42;margin-top:14px;font-size:15px;line-height:1.5}:where(html:has([data-page-root=home])) .pvm-note{color:#3c3d42;background:#fff;border:1px solid #11121414;border-radius:16px;margin-top:20px;padding:16px 16px 16px 18px;font-size:14px;line-height:1.5}:where(html:has([data-page-root=home])) .pvm-note b{color:#111214;margin-bottom:4px;font-weight:600;display:block}:where(html:has([data-page-root=home])) .pvm-tags{flex-wrap:wrap;gap:6px;margin-top:18px;display:flex}:where(html:has([data-page-root=home])) .pvm-tags span{color:#4b2a9a;background:#7c3aed14;border-radius:999px;padding:6px 10px;font-size:12px}:where(html:has([data-page-root=home])) .pvm-cta{flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:24px;display:flex}:where(html:has([data-page-root=home])) .pvm-cta a{background:var(--ink);color:#fff;border-radius:999px;align-items:center;gap:10px;height:50px;padding:0 22px;font-size:15px;display:inline-flex}:where(html:has([data-page-root=home])) .pvm-cta a.sec{color:var(--ink);background:0 0;border:1px solid #1112142e}:where(html:has([data-page-root=home])) .pvm-x{z-index:3;color:#111214;cursor:pointer;background:#1112140f;border:0;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:14px;right:14px}:where(html:has([data-page-root=home])) .pvm-x svg{stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:16px;height:16px}@media (max-width:860px){:where(html:has([data-page-root=home])) .pvm{padding:12px}:where(html:has([data-page-root=home])) .pvm-box{grid-template-columns:1fr;max-height:calc(100vh - 24px)}:where(html:has([data-page-root=home])) .pvm-sl{aspect-ratio:16/10;border-radius:26px 26px 0 0;min-height:0}:where(html:has([data-page-root=home])) .pvm-tx{padding:24px 20px 22px}:where(html:has([data-page-root=home])) .pvm-x{background:#f6f5f2eb}}
html:has([data-page-root=projects]){--bg:#f2f1ee;--acc:#2f5bff;--pur:#7c3aed;--ease:cubic-bezier(.2,.8,.2,1)}:where(html:has([data-page-root=projects])) .topband{z-index:49;pointer-events:none;opacity:0;background:linear-gradient(180deg, var(--bg) 55%, #f2f1ee00);height:92px;transition:opacity .4s;position:fixed;top:0;left:0;right:0}:where(html:has([data-page-root=projects])) .cur{opacity:0;transition:width .35s,height .35s,margin .35s,opacity .3s}:where(html:has([data-page-root=projects])) .cur.ready,:where(html:has([data-page-root=projects])) body.scrolled .topband{opacity:1}:where(html:has([data-page-root=projects])) .hdr nav a[aria-current]{opacity:1;position:relative}:where(html:has([data-page-root=projects])) .hdr nav a[aria-current]:after{content:"";background:currentColor;height:1px;position:absolute;bottom:-5px;left:0;right:0}:where(html:has([data-page-root=projects])) .hero{height:76svh;min-height:440px;max-height:920px;padding:0 var(--pad);text-align:center;place-items:center;display:grid;position:relative;overflow:hidden}:where(html:has([data-page-root=projects])) .backlink{left:var(--pad);z-index:4;color:var(--ink);align-items:center;gap:10px;display:inline-flex;position:absolute;top:clamp(86px,13vh,124px)}:where(html:has([data-page-root=projects])) .backlink b{border:1px solid var(--line);width:30px;height:30px;transition:background .3s, color .3s, transform .4s var(--ease);border-radius:50%;place-items:center;font-weight:400;display:grid}:where(html:has([data-page-root=projects])) .backlink:hover b{background:var(--ink);color:var(--bg);transform:translate(-3px)}:where(html:has([data-page-root=projects])) .hero-c{z-index:2;padding-top:6vh;position:relative}:where(html:has([data-page-root=projects])) .kick{color:var(--mute);margin-top:clamp(8px,1.6vh,18px);display:block}:where(html:has([data-page-root=projects])) .ttl{letter-spacing:-.07em;white-space:nowrap;padding:0 .08em .14em;font-size:clamp(64px,12.6vw,236px);font-weight:500;line-height:.9;display:inline-grid;position:relative}:where(html:has([data-page-root=projects])) .ttl>span{grid-area:1/1}:where(html:has([data-page-root=projects])) .ttl em{color:var(--pur);font-family:inherit;font-style:normal;font-weight:700}:where(html:has([data-page-root=projects])) .ttl .tl-ln{color:#0000;-webkit-text-stroke:max(.012em, 1px) #8b5cf6;text-shadow:0 0 .22em #a855f78c;clip-path:inset(-40% calc(100% - var(--ln)) -40% -40%)}:where(html:has([data-page-root=projects])) .ttl .tl-ln em{color:#0000}:where(html:has([data-page-root=projects])) .ttl{--ln:-60%;--rv:-60%}:where(html:has([data-page-root=projects])) .ttl .tl-ink{clip-path:inset(-40% calc(100% - var(--rv)) -40% -40%)}:where(html:has([data-page-root=projects])) .ttl.done .tl-ink{clip-path:none}:where(html:has([data-page-root=projects])) .ttl.done .tl-ln{display:none}:where(html:has([data-page-root=projects])) .ttl .scan{top:2%;bottom:8%;left:var(--ln,0%);opacity:0;pointer-events:none;background:#c084fc;border-radius:2px;width:2px;margin-left:-1px;position:absolute;box-shadow:0 0 14px 3px #a855f7a6}:where(html:has([data-page-root=projects])) .fx{z-index:3;pointer-events:none;position:absolute;inset:0}:where(html:has([data-page-root=projects])) .beam{opacity:0;filter:blur(1.5px);width:100%;height:100%;position:absolute;inset:0;overflow:visible}:where(html:has([data-page-root=projects])) .bot{--bs:110px;width:var(--bs);will-change:transform;opacity:0;position:absolute;top:0;left:0}:where(html:has([data-page-root=projects])) .bot img{filter:drop-shadow(0 16px 18px #14183c33);width:100%;height:auto;display:block}@media (max-width:1080px){:where(html:has([data-page-root=projects])) .bot{--bs:80px}}@media (max-width:640px){:where(html:has([data-page-root=projects])) .hero{height:66svh;min-height:400px}:where(html:has([data-page-root=projects])) .bot{--bs:60px}:where(html:has([data-page-root=projects])) .ttl{font-size:19vw}:where(html:has([data-page-root=projects])) .backlink{top:84px}}:where(html:has([data-page-root=projects])) .filt{padding:0 var(--pad)}:where(html:has([data-page-root=projects])) .filt .chips{justify-content:center}:where(html:has([data-page-root=projects])) .chip{justify-content:center;align-items:center;gap:0;display:inline-flex}:where(html:has([data-page-root=projects])) .chip.feat:before,:where(html:has([data-page-root=projects])) .tile.feat:before{content:"";background:var(--pur);border-radius:50%;flex:none;width:6px;height:6px;margin-right:8px;transition:background .3s}:where(html:has([data-page-root=projects])) .chip.on.feat:before,:where(html:has([data-page-root=projects])) .tile.on.feat:before{background:#c4a5ff}:where(html:has([data-page-root=projects])) .chip:focus-visible,:where(html:has([data-page-root=projects])) .card:focus-visible,:where(html:has([data-page-root=projects])) .backlink:focus-visible,:where(html:has([data-page-root=projects])) .btn:focus-visible,:where(html:has([data-page-root=projects])) .fbtn:focus-visible,:where(html:has([data-page-root=projects])) .tile:focus-visible{outline:2px solid var(--pur);outline-offset:3px}:where(html:has([data-page-root=projects])) .fbtn{display:none}@media (max-width:1080px) and (min-width:641px){:where(html:has([data-page-root=projects])) .filt .chips{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}:where(html:has([data-page-root=projects])) .filt .chip{height:40px;padding:0 10px}}@media (max-width:640px){:where(html:has([data-page-root=projects])) .filt .chips{display:none}:where(html:has([data-page-root=projects])) .fbtn{border:1px solid var(--line);background:var(--paper);width:100%;height:58px;color:var(--ink);cursor:pointer;text-align:left;border-radius:18px;align-items:center;gap:12px;padding:0 8px 0 18px;display:flex}:where(html:has([data-page-root=projects])) .fbtn .mono{color:var(--mute)}:where(html:has([data-page-root=projects])) .fbtn b{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.015em;min-width:0;font-size:16px;font-weight:500;overflow:hidden}:where(html:has([data-page-root=projects])) .fbtn i{background:var(--ink);width:40px;height:40px;color:var(--bg);border-radius:12px;flex:none;place-items:center;margin-left:auto;display:grid}:where(html:has([data-page-root=projects])) .fbtn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:16px;height:16px}}:where(html:has([data-page-root=projects])) .sheet{z-index:300;opacity:0;visibility:hidden;background:#0c0c1073;transition:opacity .35s,visibility .35s;position:fixed;inset:0}:where(html:has([data-page-root=projects])) .sheet.on{opacity:1;visibility:visible}:where(html:has([data-page-root=projects])) .sheet-box{overscroll-behavior:contain;max-height:86dvh;padding:10px 16px calc(18px + env(safe-area-inset-bottom));transition:transform .55s var(--ease);background:#f6f5f2;border-radius:26px 26px 0 0;position:absolute;bottom:0;left:0;right:0;overflow:auto;transform:translateY(102%);box-shadow:0 -30px 60px -30px #00000059}:where(html:has([data-page-root=projects])) .sheet.on .sheet-box{transform:none}:where(html:has([data-page-root=projects])) .grab{background:#11121429;border-radius:4px;width:40px;height:4px;margin:2px auto 14px;display:block}:where(html:has([data-page-root=projects])) .sheet-hd{color:var(--mute);justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}:where(html:has([data-page-root=projects])) .sheet-x{cursor:pointer;background:#1112140f;border:0;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}:where(html:has([data-page-root=projects])) .sheet-x svg{stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:14px;height:14px}:where(html:has([data-page-root=projects])) .sheet-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}:where(html:has([data-page-root=projects])) .tile{min-height:52px;color:var(--ink);letter-spacing:-.01em;text-align:left;cursor:pointer;background:#fff;border:1px solid #11121414;border-radius:14px;align-items:center;padding:8px 14px;font:500 14px/1.2 Inter Tight,sans-serif;transition:background .25s,color .25s,border-color .25s;display:flex}:where(html:has([data-page-root=projects])) .tile.on{background:var(--ink);color:#fff;border-color:var(--ink)}:where(html:has([data-page-root=projects])) .grid{padding:clamp(34px, 5vh, 56px) var(--pad) 0;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(40px,5vw,70px) clamp(18px,1.8vw,28px);display:grid;position:relative}@media (min-width:1700px){:where(html:has([data-page-root=projects])) .grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:1080px){:where(html:has([data-page-root=projects])) .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){:where(html:has([data-page-root=projects])) .grid{grid-template-columns:minmax(0,1fr);row-gap:36px}}:where(html:has([data-page-root=projects])) .card{min-width:0;display:block;position:relative}:where(html:has([data-page-root=projects])) .card.is-hidden{display:none}:where(html:has([data-page-root=projects])) .media{--h:260;aspect-ratio:16/9;isolation:isolate;background:radial-gradient(70% 80% at 22% 25%, hsl(var(--h) 85% 88%), transparent 70%), radial-gradient(60% 70% at 85% 85%, hsl(calc(var(--h) + 50) 80% 84%), transparent 70%), #e6e5ec;border-radius:16px;position:relative;overflow:hidden;transform:translateZ(0)}:where(html:has([data-page-root=projects])) .media .ini{z-index:0;letter-spacing:-.08em;color:#111214c7;font-size:clamp(54px,6vw,96px);font-weight:600;line-height:.8;position:absolute;bottom:4%;left:6%}:where(html:has([data-page-root=projects])) .media img,:where(html:has([data-page-root=projects])) .media video{object-fit:cover;object-position:50% 0;width:100%;height:100%;position:absolute;inset:0}:where(html:has([data-page-root=projects])) .media img{z-index:1;transition:transform 1.1s var(--ease), opacity .6s;opacity:0;transform:scale(1.001)}:where(html:has([data-page-root=projects])) .media img.ld{opacity:1}:where(html:has([data-page-root=projects])) .media video{z-index:2;opacity:0;transition:opacity .5s, transform 1.1s var(--ease);background:0 0;transform:scale(1.001)}:where(html:has([data-page-root=projects])) .media.playing video{opacity:1}@media (max-width:640px){:where(html:has([data-page-root=projects])) .card .media{aspect-ratio:5/4}:where(html:has([data-page-root=projects])) .card .media video{object-fit:contain}:where(html:has([data-page-root=projects])) .card .media.playing img{filter:blur(20px)saturate(1.15);transform:scale(1.12)}}:where(html:has([data-page-root=projects])) .media:after{content:"";z-index:3;border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #11121412}:where(html:has([data-page-root=projects])) .badges{z-index:4;flex-wrap:wrap;gap:6px;display:flex;position:absolute;top:12px;left:12px}:where(html:has([data-page-root=projects])) .bdg{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#f6f5f2;height:26px;font:500 10.5px/1 var(--mono);letter-spacing:.05em;text-transform:uppercase;background:#111214c7;border-radius:999px;align-items:center;gap:7px;padding:0 10px;display:inline-flex}:where(html:has([data-page-root=projects])) .bdg.f{color:var(--ink);background:#f6f5f2e6}:where(html:has([data-page-root=projects])) .bdg.f:before{content:"";background:var(--pur);border-radius:50%;width:6px;height:6px}:where(html:has([data-page-root=projects])) .bdg svg{fill:none;stroke:currentColor;stroke-width:2px;width:12px;height:12px}:where(html:has([data-page-root=projects])) .go{z-index:4;background:var(--pur);color:#fff;opacity:0;width:40px;height:40px;transition:transform .5s var(--ease), opacity .3s;border-radius:50%;place-items:center;font-size:16px;display:grid;position:absolute;top:12px;right:12px;transform:scale(.4)rotate(-45deg)}:where(html:has([data-page-root=projects])) .card:hover .go,:where(html:has([data-page-root=projects])) .card:focus-visible .go{opacity:1;transform:none}:where(html:has([data-page-root=projects])) .meta{color:var(--mute);align-items:center;gap:14px;margin-top:18px;display:flex}:where(html:has([data-page-root=projects])) .meta .cat{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}:where(html:has([data-page-root=projects])) .meta .lk{flex:none;margin-left:auto}:where(html:has([data-page-root=projects])) .card h3{letter-spacing:-.035em;transition:transform .5s var(--ease);margin-top:8px;font-size:clamp(24px,2vw,32px);font-weight:400;line-height:1.08}:where(html:has([data-page-root=projects])) .card:hover h3{transform:translate(4px)}:where(html:has([data-page-root=projects])) .empty{text-align:center;color:var(--mute);grid-column:1/-1;padding:60px 0;display:none}:where(html:has([data-page-root=projects])) .outro{padding:clamp(70px, 12vh, 130px) var(--pad);border-top:1px solid var(--line);text-align:center;justify-items:center;gap:30px;margin-top:clamp(110px,16vh,190px);display:grid}:where(html:has([data-page-root=projects])) .outro .mono{color:var(--mute)}:where(html:has([data-page-root=projects])) .outro h2{letter-spacing:-.065em;font-size:clamp(46px,7.4vw,136px);font-weight:400;line-height:.9}:where(html:has([data-page-root=projects])) .outro h2 em{color:var(--pur)}:where(html:has([data-page-root=projects])) .outro .row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}:where(html:has([data-page-root=projects])) .outro .btn i{background:var(--pur);border-radius:50%;place-items:center;width:30px;height:30px;font-style:normal;display:grid}:where(html:has([data-page-root=projects])) .outro .btn{padding:0 16px 0 28px}:where(html:has([data-page-root=projects])) .outro .btn.ghost{padding:0 28px}:where(html:has([data-page-root=projects])) footer .mono a:hover{color:var(--ink)}@media (max-width:760px){:where(html:has([data-page-root=projects])) footer{flex-direction:column;gap:8px}}@media (max-width:420px){:where(html:has([data-page-root=projects])) .outro .btn{height:54px;font-size:14px}}:where(html:has([data-page-root=projects])) .pvm{z-index:400;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;visibility:hidden;background:#0c0c109e;place-items:center;padding:24px;transition:opacity .35s,visibility .35s;display:grid;position:fixed;inset:0}:where(html:has([data-page-root=projects])) .pvm.on{opacity:1;visibility:visible}:where(html:has([data-page-root=projects])) .pvm-box{overscroll-behavior:contain;width:min(1180px,100%);max-height:calc(100dvh - 48px);transition:transform .5s var(--ease);background:#f6f5f2;border-radius:26px;grid-template-columns:1.55fr 1fr;display:grid;position:relative;overflow:auto;transform:translateY(24px)scale(.98);box-shadow:0 60px 120px -40px #0009}:where(html:has([data-page-root=projects])) .pvm.on .pvm-box{transform:none}:where(html:has([data-page-root=projects])) .pvm-sl{touch-action:pan-y;-webkit-user-select:none;user-select:none;background:#111214;border-radius:26px 0 0 26px;min-height:440px;position:relative;overflow:hidden}:where(html:has([data-page-root=projects])) .pvm-tr{transition:transform .6s var(--ease);display:flex;position:absolute;inset:0}:where(html:has([data-page-root=projects])) .pvm-tr figure{background:#16171b;flex:0 0 100%;margin:0;position:relative}:where(html:has([data-page-root=projects])) .pvm-tr figure:before{content:"Preview";color:#f6f5f24d;font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;place-items:center;display:grid;position:absolute;inset:0}:where(html:has([data-page-root=projects])) .pvm-tr img{object-fit:contain;-webkit-user-drag:none;background:#16171b;width:100%;height:100%;display:block;position:relative}:where(html:has([data-page-root=projects])) .pvm-tr figcaption{z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#f6f5f2;background:#111214b8;border-radius:999px;padding:7px 12px;font-size:12.5px;position:absolute;bottom:16px;left:18px}:where(html:has([data-page-root=projects])) .pvm-ar{z-index:2;color:#111214;cursor:pointer;background:#f6f5f2eb;border:0;border-radius:50%;place-items:center;width:44px;height:44px;margin-top:-22px;transition:transform .25s,background .25s;display:grid;position:absolute;top:50%}:where(html:has([data-page-root=projects])) .pvm-ar:hover{background:#fff;transform:scale(1.06)}:where(html:has([data-page-root=projects])) .pvm-ar.p{left:14px}:where(html:has([data-page-root=projects])) .pvm-ar.n{right:14px}:where(html:has([data-page-root=projects])) .pvm-ar svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}:where(html:has([data-page-root=projects])) .pvm.one .pvm-ar,:where(html:has([data-page-root=projects])) .pvm.one .pvm-dots{display:none}:where(html:has([data-page-root=projects])) .pvm-dots{z-index:2;gap:6px;display:flex;position:absolute;bottom:20px;right:18px}:where(html:has([data-page-root=projects])) .pvm-dots button{cursor:pointer;background:#f6f5f273;border:0;border-radius:50%;width:8px;height:8px;padding:0;transition:width .3s,background .3s}:where(html:has([data-page-root=projects])) .pvm-dots button.on{background:#fff;border-radius:6px;width:22px}:where(html:has([data-page-root=projects])) .pvm-tx{flex-direction:column;padding:34px 32px 30px;display:flex}:where(html:has([data-page-root=projects])) .pvm-tx .mono{color:var(--pur);align-items:center;gap:8px;display:inline-flex}:where(html:has([data-page-root=projects])) .pvm-tx h3{letter-spacing:-.045em;margin-top:14px;padding-right:40px;font-size:clamp(30px,2.6vw,44px);font-weight:400;line-height:.98}:where(html:has([data-page-root=projects])) .pvm-tx .lead{color:#3c3d42;margin-top:14px;font-size:15px;line-height:1.5}:where(html:has([data-page-root=projects])) .pvm-note{color:#3c3d42;background:#fff;border:1px solid #11121414;border-radius:16px;margin-top:20px;padding:16px 16px 16px 18px;font-size:14px;line-height:1.5}:where(html:has([data-page-root=projects])) .pvm-note b{color:#111214;margin-bottom:4px;font-weight:600;display:block}:where(html:has([data-page-root=projects])) .pvm-tags{flex-wrap:wrap;gap:6px;margin-top:18px;display:flex}:where(html:has([data-page-root=projects])) .pvm-tags span{color:#4b2a9a;background:#7c3aed14;border-radius:999px;padding:6px 10px;font-size:12px}:where(html:has([data-page-root=projects])) .pvm-cta{flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:24px;display:flex}:where(html:has([data-page-root=projects])) .pvm-cta a{background:var(--ink);color:#fff;border-radius:999px;align-items:center;gap:10px;height:50px;padding:0 22px;font-size:15px;display:inline-flex}:where(html:has([data-page-root=projects])) .pvm-cta a.sec{color:var(--ink);background:0 0;border:1px solid #1112142e}:where(html:has([data-page-root=projects])) .pvm-x{z-index:3;color:#111214;cursor:pointer;background:#1112140f;border:0;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:14px;right:14px}:where(html:has([data-page-root=projects])) .pvm-x svg{stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:16px;height:16px}:where(html:has([data-page-root=projects])) .pvm button:focus-visible,:where(html:has([data-page-root=projects])) .pvm a:focus-visible{outline:2px solid var(--pur);outline-offset:2px}@media (max-width:860px){:where(html:has([data-page-root=projects])) .pvm{padding:12px}:where(html:has([data-page-root=projects])) .pvm-box{grid-template-columns:1fr;max-height:calc(100dvh - 24px)}:where(html:has([data-page-root=projects])) .pvm-sl{aspect-ratio:16/10;border-radius:26px 26px 0 0;min-height:0}:where(html:has([data-page-root=projects])) .pvm-tx{padding:24px 20px 22px}:where(html:has([data-page-root=projects])) .pvm-x{background:#f6f5f2eb}:where(html:has([data-page-root=projects])) .pvm-ar{width:38px;height:38px;margin-top:-19px}}@media (prefers-reduced-motion:reduce){:where(html:has([data-page-root=projects])) *,:where(html:has([data-page-root=projects])) :before,:where(html:has([data-page-root=projects])) :after{transition-duration:.01ms!important}}
html:has([data-page-root=contact]){--bg:#f2f1ee;--acc:#2f5bff;--pur:#7c3aed;--err:#c4321a;--ease:cubic-bezier(.2,.8,.2,1)}:where(html:has([data-page-root=contact])) .topband{z-index:49;pointer-events:none;opacity:0;background:linear-gradient(180deg, var(--bg) 55%, #f2f1ee00);height:92px;transition:opacity .4s;position:fixed;top:0;left:0;right:0}:where(html:has([data-page-root=contact])) body.scrolled .topband{opacity:1}:where(html:has([data-page-root=contact])) .cur{opacity:0;transition:width .35s,height .35s,margin .35s,opacity .3s}:where(html:has([data-page-root=contact])) .cur.ready{opacity:1}:where(html:has([data-page-root=contact])) .hdr nav a[aria-current]{opacity:1;position:relative}:where(html:has([data-page-root=contact])) .hdr nav a[aria-current]:after{content:"";background:currentColor;height:1px;position:absolute;bottom:-5px;left:0;right:0}:where(html:has([data-page-root=contact])) .hdr a:focus-visible{outline:2px solid var(--pur);outline-offset:3px;border-radius:4px}:where(html:has([data-page-root=contact])) .intro{padding:clamp(118px, 19vh, 190px) var(--pad) 0}:where(html:has([data-page-root=contact])) .intro-top{color:var(--mute);justify-content:space-between;align-items:center;gap:16px;display:flex}:where(html:has([data-page-root=contact])) .backlink{color:var(--ink);align-items:center;gap:10px;display:inline-flex}:where(html:has([data-page-root=contact])) .backlink b{border:1px solid var(--line);width:30px;height:30px;transition:background .3s, color .3s, transform .4s var(--ease);border-radius:50%;place-items:center;font-weight:400;display:grid}:where(html:has([data-page-root=contact])) .backlink:hover b{background:var(--ink);color:var(--bg);transform:translate(-3px)}:where(html:has([data-page-root=contact])) .backlink:focus-visible{outline:2px solid var(--pur);outline-offset:3px;border-radius:999px}:where(html:has([data-page-root=contact])) .intro{position:relative}:where(html:has([data-page-root=contact])) .intro-top,:where(html:has([data-page-root=contact])) .intro-row{z-index:4;position:relative}:where(html:has([data-page-root=contact])) .ttl{z-index:2;letter-spacing:-.065em;margin-top:clamp(26px,5vh,54px);font-size:clamp(50px,9.6vw,176px);font-weight:500;line-height:.9;position:relative}:where(html:has([data-page-root=contact])) .ttl em{color:var(--pur);font-family:inherit;font-style:normal;font-weight:700}:where(html:has([data-page-root=contact])) .ttl .row{width:max-content;max-width:100%;margin-bottom:-.12em;padding:0 .06em .12em 0;display:grid;position:relative}:where(html:has([data-page-root=contact])) .ttl .row>span{white-space:nowrap;grid-area:1/1}:where(html:has([data-page-root=contact])) .ttl .tl-ln{color:#0000;-webkit-text-stroke:max(.012em, 1px) #8b5cf6;text-shadow:0 0 .22em #a855f78c;clip-path:inset(-40% calc(100% - var(--ln)) -40% -40%)}:where(html:has([data-page-root=contact])) .ttl .tl-ln em{color:#0000}:where(html:has([data-page-root=contact])) .ttl{--ln:-60%;--rv:-60%}:where(html:has([data-page-root=contact])) .ttl .tl-ink{clip-path:inset(-40% calc(100% - var(--rv)) -40% -40%)}:where(html:has([data-page-root=contact])) .ttl.drawn .tl-ink{clip-path:none}:where(html:has([data-page-root=contact])) .ttl.drawn .tl-ln,:where(html:has([data-page-root=contact])) .ttl.drawn .scan{display:none}:where(html:has([data-page-root=contact])) .ttl .scan{top:4%;bottom:14%;left:var(--ln,0%);opacity:0;pointer-events:none;background:#c084fc;border-radius:2px;width:2px;margin-left:-1px;position:absolute;box-shadow:0 0 14px 3px #a855f7a6}:where(html:has([data-page-root=contact])) .ttl .w{white-space:nowrap}:where(html:has([data-page-root=contact])) .fx{z-index:3;pointer-events:none;position:absolute;inset:0;overflow:hidden}:where(html:has([data-page-root=contact])) .beam{opacity:0;filter:blur(1.5px);width:100%;height:100%;position:absolute;inset:0;overflow:visible}:where(html:has([data-page-root=contact])) .bot{--bs:110px;width:var(--bs);will-change:transform;opacity:0;position:absolute;top:0;left:0}:where(html:has([data-page-root=contact])) .bot img{filter:drop-shadow(0 16px 18px #14183c33);width:100%;height:auto;display:block}@media (max-width:1080px){:where(html:has([data-page-root=contact])) .bot{--bs:80px}}@media (max-width:640px){:where(html:has([data-page-root=contact])) .bot{--bs:60px}}:where(html:has([data-page-root=contact])) .intro-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px 6vw;margin-top:clamp(26px,4.4vh,50px);padding-bottom:clamp(26px,4vh,40px);display:grid}:where(html:has([data-page-root=contact])) .intro-row p{letter-spacing:-.015em;color:#3c3d42;max-width:500px;font-size:clamp(17px,1.35vw,21px);line-height:1.42}:where(html:has([data-page-root=contact])) .avail{color:var(--ink);white-space:nowrap;align-items:center;gap:10px;display:inline-flex}:where(html:has([data-page-root=contact])) .avail i{background:#22a35a;border-radius:50%;width:8px;height:8px;position:relative}:where(html:has([data-page-root=contact])) .avail i:after{content:"";opacity:0;border:1px solid #22a35a;border-radius:50%;animation:2.4s ease-out infinite contact-ping;position:absolute;inset:-4px}@keyframes contact-ping{0%{opacity:.8;transform:scale(.6)}to{opacity:0;transform:scale(1.8)}}:where(html:has([data-page-root=contact])) .wrap{padding:clamp(40px, 6vh, 72px) var(--pad) 0;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);align-items:start;gap:clamp(40px,6vw,110px);display:grid}:where(html:has([data-page-root=contact])) .aside{gap:18px;display:grid;position:sticky;top:104px}:where(html:has([data-page-root=contact])) .form{gap:30px;display:grid;position:relative}:where(html:has([data-page-root=contact])) .form[hidden]{display:none}:where(html:has([data-page-root=contact])) .row2{grid-template-columns:1fr 1fr;gap:30px 18px;display:grid}:where(html:has([data-page-root=contact])) .fld{gap:10px;min-width:0;display:grid}:where(html:has([data-page-root=contact])) .lbl{font:500 11px/1.2 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);align-items:baseline;gap:10px;display:flex}:where(html:has([data-page-root=contact])) .lbl .n{color:var(--pur)}:where(html:has([data-page-root=contact])) .lbl .opt{color:var(--mute);text-transform:none;letter-spacing:0;font:400 13px/1.2 Inter Tight,system-ui,sans-serif}:where(html:has([data-page-root=contact])) .inp{background:var(--paper);width:100%;min-width:0;height:58px;color:var(--ink);letter-spacing:-.01em;appearance:none;border:1px solid #11121424;border-radius:14px;padding:0 18px;font:400 17px/1.3 Inter Tight,system-ui,sans-serif;transition:border-color .25s,box-shadow .25s,background .25s}:where(html:has([data-page-root=contact])) textarea.inp{resize:vertical;height:auto;min-height:190px;padding:16px 18px;line-height:1.5}:where(html:has([data-page-root=contact])) .inp::placeholder{color:#a3a4a8}:where(html:has([data-page-root=contact])) .inp:hover{border-color:#1112144d}:where(html:has([data-page-root=contact])) .inp:focus{border-color:var(--pur);background:#fff;outline:none;box-shadow:0 0 0 4px #7c3aed24}:where(html:has([data-page-root=contact])) .inp[aria-invalid=true]{border-color:var(--err);box-shadow:0 0 0 4px #c4321a14}:where(html:has([data-page-root=contact])) .inp[aria-invalid=true]:focus{box-shadow:0 0 0 4px #c4321a29}:where(html:has([data-page-root=contact])) .err{color:var(--err);align-items:center;gap:7px;font-size:13.5px;line-height:1.3;display:none}:where(html:has([data-page-root=contact])) .err:before{content:"!";background:var(--err);color:#fff;border-radius:50%;flex:none;place-items:center;width:15px;height:15px;font:700 10px/1 Inter Tight,sans-serif;display:grid}:where(html:has([data-page-root=contact])) .fld.bad .err{display:flex}:where(html:has([data-page-root=contact])) .msg-foot{justify-content:space-between;align-items:start;gap:16px;display:flex}:where(html:has([data-page-root=contact])) .count{color:var(--mute);font:400 11px/1.3 var(--mono);letter-spacing:.04em;font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto}:where(html:has([data-page-root=contact])) .count.over{color:var(--err)}:where(html:has([data-page-root=contact])) .svc{border:0;min-width:0}:where(html:has([data-page-root=contact])) .svc legend{margin-bottom:12px;padding:0}:where(html:has([data-page-root=contact])) .opts{flex-wrap:wrap;gap:8px;display:flex}:where(html:has([data-page-root=contact])) .opt-c{position:relative}:where(html:has([data-page-root=contact])) .opt-c input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}:where(html:has([data-page-root=contact])) .opt-c span{background:var(--paper);letter-spacing:-.01em;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #11121424;border-radius:999px;align-items:center;gap:8px;height:42px;padding:0 16px;font-size:15px;transition:background .25s,color .25s,border-color .25s,box-shadow .25s;display:inline-flex}:where(html:has([data-page-root=contact])) .opt-c span:before{content:"";border:1px solid #11121459;border-radius:50%;width:7px;height:7px;transition:background .25s,border-color .25s}:where(html:has([data-page-root=contact])) .opt-c span:hover{border-color:#11121459}:where(html:has([data-page-root=contact])) .opt-c input:checked+span{background:var(--ink);color:var(--bg);border-color:var(--ink)}:where(html:has([data-page-root=contact])) .opt-c input:checked+span:before{background:#c4a5ff;border-color:#c4a5ff}:where(html:has([data-page-root=contact])) .opt-c input:focus-visible+span{border-color:var(--pur);box-shadow:0 0 0 4px #7c3aed38}:where(html:has([data-page-root=contact])) .hp{opacity:0;pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}:where(html:has([data-page-root=contact])) .submit-row{flex-wrap:wrap;align-items:center;gap:18px 24px;padding-top:6px;display:flex}:where(html:has([data-page-root=contact])) .send{background:var(--ink);height:60px;color:var(--bg);cursor:pointer;transition:background .3s, transform .3s var(--ease);border:0;border-radius:999px;align-items:center;gap:14px;padding:0 14px 0 28px;font-size:15px;font-weight:600;display:inline-flex}:where(html:has([data-page-root=contact])) .send i{background:var(--pur);color:#fff;width:34px;height:34px;transition:transform .45s var(--ease);border-radius:50%;place-items:center;font-style:normal;display:grid}:where(html:has([data-page-root=contact])) .send:hover{background:#24252a}:where(html:has([data-page-root=contact])) .send:hover i{transform:translate(4px)rotate(-45deg)}:where(html:has([data-page-root=contact])) .send:active{transform:scale(.98)}:where(html:has([data-page-root=contact])) .send:focus-visible{outline:2px solid var(--pur);outline-offset:4px}:where(html:has([data-page-root=contact])) .note{max-width:330px;color:var(--mute);font-size:13.5px;line-height:1.45}:where(html:has([data-page-root=contact])) .form-alert{color:var(--err);background:#c4321a12;border-radius:14px;padding:14px 16px;font-size:14.5px;line-height:1.4;display:none}:where(html:has([data-page-root=contact])) .form-alert.on{display:block}:where(html:has([data-page-root=contact])) .done{background:var(--paper);border:1px solid #11121414;border-radius:24px;padding:clamp(28px,4vw,48px);display:none}:where(html:has([data-page-root=contact])) .done.on{display:block}:where(html:has([data-page-root=contact])) .done .tick{background:var(--pur);color:#fff;border-radius:50%;place-items:center;width:54px;height:54px;display:grid}:where(html:has([data-page-root=contact])) .done .tick svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}:where(html:has([data-page-root=contact])) .done .tick path{stroke-dasharray:30;stroke-dashoffset:30px}:where(html:has([data-page-root=contact])) .done.on .tick path{animation:contact-draw .7s .25s var(--ease) forwards}@keyframes contact-draw{to{stroke-dashoffset:0}}:where(html:has([data-page-root=contact])) .done .mono{color:var(--pur);margin-top:26px;display:block}:where(html:has([data-page-root=contact])) .done h2{letter-spacing:-.055em;margin-top:12px;font-size:clamp(36px,4.2vw,64px);font-weight:400;line-height:.95}:where(html:has([data-page-root=contact])) .done h2 em{color:var(--pur)}:where(html:has([data-page-root=contact])) .done p{color:#3c3d42;max-width:520px;margin-top:16px;font-size:17px;line-height:1.5}:where(html:has([data-page-root=contact])) .fallback{background:#fff;border:1px solid #11121414;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:26px;padding:18px;display:flex}:where(html:has([data-page-root=contact])) .fallback p{margin:0;font-size:15px}:where(html:has([data-page-root=contact])) .fallback a{color:var(--ink);border-bottom:1px solid #1112144d}:where(html:has([data-page-root=contact])) .done-cta{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}:where(html:has([data-page-root=contact])) .pill{height:48px;color:var(--ink);cursor:pointer;background:0 0;border:1px solid #11121429;border-radius:999px;align-items:center;gap:10px;padding:0 20px;font-size:14.5px;font-weight:500;transition:background .25s,color .25s,border-color .25s;display:inline-flex}:where(html:has([data-page-root=contact])) .pill:hover{border-color:var(--ink)}:where(html:has([data-page-root=contact])) .pill.dark{background:var(--ink);color:var(--bg);border-color:var(--ink)}:where(html:has([data-page-root=contact])) .pill.dark:hover{background:#24252a}:where(html:has([data-page-root=contact])) .pill:focus-visible,:where(html:has([data-page-root=contact])) .copy:focus-visible,:where(html:has([data-page-root=contact])) .mail:focus-visible{outline:2px solid var(--pur);outline-offset:3px}:where(html:has([data-page-root=contact])) .card{background:var(--paper);border:1px solid #11121412;border-radius:22px;padding:26px}:where(html:has([data-page-root=contact])) .card>.mono{color:var(--mute)}:where(html:has([data-page-root=contact])) .mail{letter-spacing:-.04em;overflow-wrap:anywhere;margin-top:14px;font-size:clamp(22px,1.9vw,30px);line-height:1.1;transition:color .3s;display:block}:where(html:has([data-page-root=contact])) .mail:hover{color:var(--pur)}:where(html:has([data-page-root=contact])) .mail-row{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}:where(html:has([data-page-root=contact])) .copy,:where(html:has([data-page-root=contact])) .mailbtn{height:38px;color:var(--ink);font:500 11px/1 var(--mono);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;background:#fff;border:1px solid #11121424;border-radius:999px;align-items:center;gap:8px;padding:0 14px;transition:border-color .25s,background .25s,color .25s;display:inline-flex}:where(html:has([data-page-root=contact])) .copy:hover,:where(html:has([data-page-root=contact])) .mailbtn:hover{border-color:var(--ink)}:where(html:has([data-page-root=contact])) .copy svg,:where(html:has([data-page-root=contact])) .mailbtn svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}:where(html:has([data-page-root=contact])) .copy.ok{background:var(--ink);color:var(--bg);border-color:var(--ink)}:where(html:has([data-page-root=contact])) .mailbtn:focus-visible{outline:2px solid var(--pur);outline-offset:3px}:where(html:has([data-page-root=contact])) .steps{margin-top:18px;list-style:none;display:grid}:where(html:has([data-page-root=contact])) .steps li{border-top:1px solid var(--line);grid-template-columns:34px minmax(0,1fr);gap:4px 12px;padding:16px 0;display:grid}:where(html:has([data-page-root=contact])) .steps li:first-child{border-top:0;padding-top:4px}:where(html:has([data-page-root=contact])) .steps .k{font:500 11px/1.6 var(--mono);letter-spacing:.04em;color:var(--pur);grid-row:span 2}:where(html:has([data-page-root=contact])) .steps b{letter-spacing:-.02em;font-size:17px;font-weight:500}:where(html:has([data-page-root=contact])) .steps p{color:#55565b;font-size:14.5px;line-height:1.45}:where(html:has([data-page-root=contact])) .more{border:1px solid var(--line);border-radius:22px;justify-content:space-between;align-items:center;gap:14px;padding:18px 26px;transition:background .3s,color .3s,border-color .3s;display:flex}:where(html:has([data-page-root=contact])) .more b{letter-spacing:-.02em;font-size:16px;font-weight:500}:where(html:has([data-page-root=contact])) .more span.mono{color:var(--mute);transition:color .3s}:where(html:has([data-page-root=contact])) .more i{background:var(--ink);width:34px;height:34px;color:var(--bg);transition:transform .45s var(--ease), background .3s;border-radius:50%;flex:none;place-items:center;font-style:normal;display:grid}:where(html:has([data-page-root=contact])) .more:hover{background:var(--ink);color:var(--bg);border-color:var(--ink)}:where(html:has([data-page-root=contact])) .more:hover span.mono{color:#f2f1ee99}:where(html:has([data-page-root=contact])) .more:hover i{background:var(--pur);color:#fff;transform:translate(3px)}:where(html:has([data-page-root=contact])) .more:focus-visible{outline:2px solid var(--pur);outline-offset:3px}:where(html:has([data-page-root=contact])) .toast{z-index:300;background:var(--ink);height:42px;color:var(--bg);opacity:0;pointer-events:none;transition:opacity .3s, transform .45s var(--ease);border-radius:999px;align-items:center;gap:9px;padding:0 18px;font-size:14px;font-weight:500;display:inline-flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%,16px);box-shadow:0 18px 40px -18px #11121499}:where(html:has([data-page-root=contact])) .toast i{background:#c4a5ff;border-radius:50%;width:7px;height:7px}:where(html:has([data-page-root=contact])) .toast.on{opacity:1;transform:translate(-50%)}:where(html:has([data-page-root=contact])) footer{margin-top:clamp(90px,14vh,160px)}:where(html:has([data-page-root=contact])) footer a:hover{color:var(--ink)}:where(html:has([data-page-root=contact])) .sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:1000px){:where(html:has([data-page-root=contact])) .wrap{grid-template-columns:minmax(0,1fr)}:where(html:has([data-page-root=contact])) .aside{grid-template-columns:1fr 1fr;align-items:start;position:static}:where(html:has([data-page-root=contact])) .aside .more{grid-column:1/-1}}@media (max-width:760px){:where(html:has([data-page-root=contact])) .intro-row{grid-template-columns:1fr;align-items:start}:where(html:has([data-page-root=contact])) footer{flex-direction:column;gap:8px}}@media (max-width:640px){:where(html:has([data-page-root=contact])) .ttl{font-size:15.4vw}:where(html:has([data-page-root=contact])) .row2,:where(html:has([data-page-root=contact])) .aside{grid-template-columns:minmax(0,1fr)}:where(html:has([data-page-root=contact])) .card{padding:22px 20px}:where(html:has([data-page-root=contact])) .opt-c span{height:40px;padding:0 14px;font-size:14.5px}:where(html:has([data-page-root=contact])) .send{justify-content:space-between;width:100%}:where(html:has([data-page-root=contact])) .done-cta .pill{flex:auto;justify-content:center}}@media (prefers-reduced-motion:reduce){:where(html:has([data-page-root=contact])) *,:where(html:has([data-page-root=contact])) :before,:where(html:has([data-page-root=contact])) :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}