@import url("https://fonts.googleapis.com/css2?family=Dela+Gothic+One&family=Onest:wght@400;500;600;700;800&family=Press+Start+2P&display=swap");*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}:root{--bg:oklch(12% 0.018 260);--panel:oklch(17% 0.023 260);--panel-2:oklch(21% 0.028 260);--fg:oklch(96% 0.012 95);--muted:oklch(74% 0.034 266);--border:oklch(100% 0 0/0.13);--cyan:oklch(82% 0.16 221);--blue:oklch(62% 0.21 250);--pink:oklch(72% 0.28 335);--yellow:oklch(88% 0.17 90);--orange:oklch(76% 0.18 55);--danger:oklch(68% 0.2 25);--success:oklch(76% 0.16 150);--shadow:0 28px 90px oklch(0% 0 0/0.44);--display:"Dela Gothic One","Avenir Next Condensed",system-ui,sans-serif;--body:"Onest","Avenir Next",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--pixel:"Press Start 2P","Courier New",monospace;--page-x:clamp(14px,4vw,48px);--max:1220px;--radius-card:24px;--radius-control:18px;--radius-small:14px;--shell-left:max(var(--page-x),calc((100vw - var(--max)) / 2))}html{color:var(--fg)}body,html{background:var(--bg)}body{min-height:100vh;overflow-x:hidden;font-family:var(--body);line-height:1.5;text-rendering:optimizeLegibility}a{color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}.shell{width:min(100% - var(--page-x) * 2,var(--max));margin-inline:auto}.pixel-corner{clip-path:none}.topbar{position:fixed;inset:18px 0 auto;z-index:30;pointer-events:none;transition:transform .22s ease,opacity .18s ease}.topbar.is-hidden{opacity:0;transform:translateY(-126%)}.topbar__inner{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.brand,.brand-socials,.menu-button{pointer-events:auto}.brand-stack{display:grid;justify-items:end;gap:10px;transition:opacity .16s ease,transform .16s ease}.brand{display:inline-flex;min-height:50px;align-items:center;gap:10px;border:1px solid var(--border);border-radius:999px;padding:6px 14px 6px 6px;background:oklch(12% .018 260/.74);color:var(--fg);text-decoration:none;box-shadow:var(--shadow);backdrop-filter:blur(18px)}.brand__mark{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:var(--fg);color:var(--bg);font-family:var(--pixel);font-size:9px;font-weight:400}.brand__text{display:grid;gap:1px}.brand__text strong{font-size:14px;font-weight:800;line-height:1.1}.brand__text span{color:var(--muted);font-size:12px;font-weight:600;letter-spacing:0;line-height:1.25}.brand-socials{display:grid;grid-template-columns:1fr;justify-content:end;justify-items:end;gap:5px;opacity:1;transform:translateY(0);transition:opacity .16s ease,transform .16s ease}.brand-socials a{min-height:28px;width:max-content;border:1px solid var(--border);border-radius:999px;padding:6px 9px;background:oklch(12% .018 260/.72);color:var(--fg);font-family:var(--pixel);font-size:7px;line-height:1.35;text-align:center;white-space:nowrap;text-decoration:none;backdrop-filter:blur(14px);transition:border-color .16s ease,background .16s ease,transform .16s ease}.brand-socials a:hover{transform:translateY(-1px);border-color:oklch(82% .16 221/.42);background:oklch(100% 0 0/.09)}.topbar.is-scrolled .brand-socials{opacity:0;transform:translateY(-6px);pointer-events:none}.menu-button{display:grid;width:46px;height:46px;place-items:center;border:1px solid var(--border);border-radius:50%;background:var(--fg);color:var(--bg);box-shadow:var(--shadow);transition:background .16s ease,color .16s ease,transform .16s ease}.menu-button:hover{background:var(--panel);color:var(--fg);transform:translateY(-2px)}.menu-button.is-open{border-color:oklch(100% 0 0/.16);background:oklch(12% .018 260/.94);color:var(--fg);box-shadow:none;transform:none}.menu-lines{position:relative;display:block;width:19px;height:14px}.menu-lines span{position:absolute;left:0;width:19px;height:2px;background:currentColor;transform-origin:center;transition:transform .18s ease}.menu-lines span:first-child{top:3px}.menu-lines span:last-child{top:9px}.menu-button.is-open .menu-lines span:first-child{transform:translateY(3px) rotate(45deg)}.menu-button.is-open .menu-lines span:last-child{transform:translateY(-3px) rotate(-45deg)}.menu-panel{position:fixed;top:18px;left:var(--shell-left);z-index:29;display:grid;width:min(calc(100% - var(--page-x) * 2),286px);min-height:224px;transform:scale(.18);transform-origin:23px 23px;border:1px solid var(--border);border-radius:23px 24px 24px 24px;padding:64px 22px 22px;background:oklch(12% .018 260/.94);box-shadow:var(--shadow);opacity:0;pointer-events:none;backdrop-filter:blur(22px);transition:transform .22s cubic-bezier(.2,0,0,1),opacity .16s ease,border-radius .18s ease;will-change:transform,opacity}.menu-panel.is-open{transform:scale(1);opacity:1;pointer-events:auto;will-change:auto}.menu-panel nav{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.menu-panel a{color:var(--fg);text-decoration:none}.menu-panel nav a{font-family:var(--display);font-size:clamp(20px,2.8vw,30px);font-weight:400;letter-spacing:0;line-height:.98;text-transform:uppercase;transition:color .2s ease,transform .2s ease}.menu-panel nav a:hover{transform:translateX(8px)}.menu-panel nav a:first-child:hover{color:var(--cyan)}.menu-panel nav a:nth-child(2):hover{color:var(--pink)}.menu-panel nav a:nth-child(3):hover{color:var(--yellow)}.menu-panel nav a:nth-child(4):hover{color:var(--orange)}.hero{position:relative;min-height:100svh;overflow:hidden;border-bottom:1px solid var(--border);background:linear-gradient(oklch(100% 0 0/.035) 1px,transparent 1px),linear-gradient(90deg,oklch(100% 0 0/.03) 1px,transparent 1px),radial-gradient(circle at 78% 12%,oklch(72% .28 335/.08),transparent 26rem),radial-gradient(circle at 16% 24%,oklch(82% .16 221/.07),transparent 23rem),linear-gradient(180deg,oklch(14% .022 260),var(--bg) 760px);background-size:42px 42px,42px 42px,auto,auto,auto}.hero:after{inset:auto 0 0;z-index:8;height:180px;background:linear-gradient(transparent,var(--bg));content:""}.hero:after,.hero__word{position:absolute;pointer-events:none}.hero__word{right:auto;bottom:clamp(16px,4vw,54px);left:50%;z-index:1;width:min(calc(100% - var(--page-x) * 2),var(--max));color:oklch(100% 0 0/.055);font-family:var(--display);font-size:clamp(52px,11.4vw,168px);font-weight:400;line-height:.94;letter-spacing:0;text-align:center;text-transform:uppercase;transform:translateX(-50%);white-space:nowrap;animation:word-settle .68s cubic-bezier(.2,0,0,1) .04s both}.hero__stage{position:absolute;inset:0;z-index:4;pointer-events:none}.mascot{position:absolute;top:clamp(-252px,-21svh,-118px);right:max(-132px,calc((100vw - var(--max)) / 2 - 182px));bottom:auto;width:auto;height:min(166svh,1520px);min-width:0;max-width:none;z-index:2;filter:drop-shadow(0 32px 82px oklch(0 0 0/.58));will-change:transform,opacity;animation:mascot-rise .62s cubic-bezier(.2,0,0,1) both}.mascot--reveal{z-index:3;filter:none;-webkit-mask-image:radial-gradient(circle 0 at 50% 50%,black 0,transparent 100%);mask-image:radial-gradient(circle 0 at 50% 50%,black 0,transparent 100%)}.mascot-glow{position:absolute;top:clamp(-94px,-7svh,-46px);right:max(-226px,calc((100vw - var(--max)) / 2 - 272px));bottom:auto;width:min(112vw,calc(100svh + 620px),1620px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 54% 42%,oklch(82% .16 221/.22),transparent 26%),radial-gradient(circle at 36% 60%,oklch(88% .17 90/.15),transparent 42%),radial-gradient(circle at 72% 68%,oklch(72% .28 335/.09),transparent 58%);filter:blur(12px);opacity:.88}.hero__content{position:relative;z-index:10;display:grid;min-height:100svh;grid-template-columns:minmax(0,620px) minmax(280px,1fr);gap:28px;align-items:center;padding-block:108px 44px}.hero__copy{display:grid;gap:20px;animation:copy-rise .5s cubic-bezier(.2,0,0,1) .1s both}.eyebrow{display:inline-flex;width:fit-content;align-items:center;gap:10px;border:1px solid oklch(25% .04 260);border-radius:999px;padding:8px 12px;background:oklch(100% 0 0/.055);color:var(--cyan);font-family:var(--pixel);font-size:12px;line-height:1.55;text-transform:uppercase;backdrop-filter:blur(12px)}.eyebrow,h1,h2,h3{font-weight:400;letter-spacing:0}h1,h2,h3{font-family:var(--display)}h1{max-width:650px;font-size:clamp(32px,4.7vw,58px);line-height:1.08}.hero__lead{max-width:600px;color:var(--muted);font-size:clamp(16px,1.8vw,19px);font-weight:520;line-height:1.56}.actions{display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-flex;min-height:54px;align-items:center;justify-content:center;gap:10px;border:1px solid var(--border);border-radius:999px;padding:0 20px;color:var(--fg);font-size:15px;font-weight:780;text-decoration:none;white-space:nowrap;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn--primary{border-color:oklch(82% .16 221/.45);background:var(--cyan);color:var(--bg);box-shadow:0 16px 34px oklch(82% .16 221/.12)}.btn--primary:hover{background:oklch(88% .12 221);color:var(--bg)}.btn--pink{border-color:oklch(72% .28 335/.42);background:oklch(72% .28 335/.12);color:var(--fg)}.btn--pink:hover{background:oklch(72% .28 335/.2);border-color:oklch(72% .28 335/.58)}.scroll-step{position:fixed;right:50%;bottom:26px;z-index:24;display:grid;width:52px;height:52px;place-items:center;border:1px solid oklch(100% 0 0/.18);border-radius:50%;background:oklch(12% .018 260/.74);color:var(--fg);box-shadow:0 18px 48px oklch(0 0 0/.36);transform:translateX(50%);backdrop-filter:blur(16px);transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease}.scroll-step:hover{border-color:oklch(82% .16 221/.52);background:var(--fg);color:var(--bg);transform:translateX(50%) translateY(-2px)}.scroll-step svg{width:22px;height:22px;transition:transform .18s ease}.scroll-step.is-up svg{transform:rotate(180deg)}.btn--cv{border-color:oklch(82% .16 221/.5);background:linear-gradient(135deg,var(--cyan),var(--blue));color:var(--bg);box-shadow:0 16px 34px oklch(82% .16 221/.16)}.btn--cv:hover{border-color:oklch(72% .28 335/.48);background:linear-gradient(135deg,oklch(86% .13 221),var(--pink));color:var(--bg)}.btn--submit{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-color:oklch(82% .16 221/.5);background:var(--fg);color:var(--bg);box-shadow:0 16px 34px oklch(82% .16 221/.08)}.btn--submit:hover{border-color:oklch(82% .16 221/.7);background:var(--cyan);color:var(--bg)}.btn--submit:disabled{cursor:wait;opacity:.68;transform:none}.btn--submit.is-loading:before{width:15px;height:15px;border:2px solid;border-right:2px solid transparent;border-radius:50%;content:"";animation:spin .7s linear infinite}.btn--secondary{background:oklch(100% 0 0/.07)}.btn--secondary:hover{border-color:oklch(100% 0 0/.28);background:oklch(100% 0 0/.11);color:var(--fg)}.btn--work{position:relative;overflow:hidden;min-width:210px;border-color:oklch(82% .16 221/.34);background:oklch(100% 0 0/.075);color:var(--fg);box-shadow:0 16px 38px oklch(0 0 0/.22)}.btn--work:after{content:"↗";color:var(--cyan);font-size:16px;line-height:1;transform:translateY(-1px);transition:transform .18s ease}.btn--work:hover{border-color:oklch(82% .16 221/.58);background:oklch(100% 0 0/.105);color:var(--fg);box-shadow:0 18px 42px oklch(82% .16 221/.1)}.btn--work:hover:after{transform:translate(2px,-2px)}.pixel-panel{align-self:end;justify-self:end;width:min(100%,360px);margin-bottom:26px;border:1px solid oklch(100% 0 0/.18);border-radius:var(--radius-card);padding:18px;background:oklch(13% .018 260/.76);box-shadow:var(--shadow);backdrop-filter:blur(18px);animation:panel-rise .5s cubic-bezier(.2,0,0,1) .16s both}.pixel-panel__title{display:flex;justify-content:space-between;gap:12px;margin-bottom:14px;font-weight:800}.status{border-radius:999px;padding:5px 9px;background:oklch(72% .28 335/.14);color:var(--pink);font-family:var(--pixel);font-size:8px;font-weight:400;line-height:1.4}.check-list{display:grid;gap:10px;color:var(--muted);font-size:14px;list-style:none}.check-list li{display:grid;grid-template-columns:18px 1fr;gap:8px}.check-list li:before{color:var(--yellow);content:"✓";font-weight:800}section:not(.hero){position:relative;z-index:12;padding-block:88px;background:var(--bg)}.section-head{display:grid;width:min(100%,980px);max-width:980px;gap:14px;margin-inline:auto;margin-bottom:30px}.contact-intro h2,.section-head h2,.section-title{max-width:18ch;font-family:var(--display);font-size:clamp(31px,4.6vw,56px);line-height:1.1;letter-spacing:0}.contact-intro p:not(.section-kicker),.section-copy,.section-head p:not(.section-kicker){max-width:62ch;color:var(--muted);font-size:17px;line-height:1.58}.section-kicker{color:var(--muted);font-family:var(--pixel);font-size:15px;font-weight:400;letter-spacing:0;line-height:1.45}.service-layout{display:grid;grid-template-columns:1fr;gap:18px;align-items:start}.service-grid{display:grid;width:min(100%,980px);margin-inline:auto;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(188px,auto);gap:14px}.service-actions{display:flex;width:min(100%,980px);justify-content:center;margin:18px auto 0}.card,.contact-card,.skill-card,.work-card{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-card);background:oklch(100% 0 0/.045);box-shadow:0 18px 54px oklch(0 0 0/.2)}.card{display:flex;min-height:188px;flex-direction:column;align-items:flex-start;padding:20px 20px 24px;isolation:isolate;transition:transform .18s ease,border-color .18s ease,background .18s ease}.card:before{inset:0;z-index:-1;background:linear-gradient(180deg,oklch(100% 0 0/.055),oklch(100% 0 0/.026));opacity:1;transition:opacity .18s ease,transform .22s cubic-bezier(.2,0,0,1)}.card:after,.card:before{position:absolute;content:""}.card:after{inset:auto 20px 8px;height:2px;background:var(--card-color,var(--cyan));opacity:.82;transform:scaleX(.26);transform-origin:left center;transition:transform .22s cubic-bezier(.2,0,0,1),opacity .18s ease}.card:hover:before{opacity:1;transform:scale(1.01)}.card:hover:after{opacity:1;transform:scaleX(1)}.card:first-child{background:oklch(100% 0 0/.055)}.card:hover{transform:translateY(-4px);border-color:oklch(100% 0 0/.3);background:oklch(100% 0 0/.062)}.card__icon{display:inline-flex;width:fit-content;min-height:28px;align-items:center;justify-content:center;margin-bottom:10px;border:1px solid oklch(100% 0 0/.16);border-radius:999px;padding:0 10px;background:oklch(0 0 0/.16);color:var(--cyan);font-family:var(--pixel);font-size:8px;font-weight:400;letter-spacing:0;line-height:1.45;text-transform:uppercase;transition:transform .18s ease,background .18s ease}.card:hover .card__icon{transform:translateY(-2px);background:oklch(0 0 0/.24)}.card:first-child{--card-color:var(--cyan)}.card:nth-child(2){--card-color:var(--pink)}.card:nth-child(3){--card-color:var(--yellow)}.card:nth-child(4){--card-color:var(--orange)}.card:nth-child(5){--card-color:var(--cyan)}.card:nth-child(6){--card-color:var(--pink)}.card:nth-child(2) .card__icon{color:var(--pink)}.card:nth-child(3) .card__icon{color:var(--yellow)}.card:nth-child(4) .card__icon{color:var(--orange)}.card:nth-child(5) .card__icon{color:var(--cyan)}.card:nth-child(6) .card__icon{color:var(--pink)}.card h3,.skill-card h3,.work-card h3{margin-bottom:10px;font-family:var(--display);font-size:18px;line-height:1.18;letter-spacing:0}.card h3{max-width:20ch;margin-bottom:8px;font-family:var(--display);font-size:clamp(21px,2vw,26px);line-height:1.08}.card p,.skill-card p,.work-card p{color:var(--muted);font-size:14px;line-height:1.5}.card p{max-width:36ch;align-self:start;color:oklch(88% .018 260/.78)}.contact-section{display:grid;width:min(100%,980px);margin-inline:auto;gap:20px;margin-top:44px;border-top:1px solid var(--border);padding-top:44px}.contact-card{display:block;width:min(100%,560px);margin-inline:auto;overflow:visible;border:0;padding:0;background:transparent;box-shadow:none;transition:transform .18s ease,border-color .18s ease,background .18s ease}.contact-intro{display:grid;width:100%;max-width:980px;gap:14px;padding:0}.contact-card form{grid-template-columns:1fr;align-content:start;align-items:end}.contact-card .form-note,.contact-card label:nth-child(3){grid-column:1/-1}.contact-card .btn{justify-self:start}.contact-card:hover{transform:translateY(-3px)}.contact-card:hover .contact-direct{animation:contact-shake .46s cubic-bezier(.2,0,0,1)}.contact-direct{position:relative;display:grid;align-content:start;gap:14px;align-self:start;max-width:520px;overflow:hidden;border:1px solid oklch(100% 0 0/.16);border-radius:26px;padding:20px;background:radial-gradient(circle at 18% 0,oklch(82% .16 221/.2),transparent 34%),radial-gradient(circle at 102% 18%,oklch(72% .28 335/.16),transparent 38%),linear-gradient(145deg,oklch(100% 0 0/.105),oklch(100% 0 0/.045) 48%,oklch(100% 0 0/.075));box-shadow:0 24px 74px oklch(0 0 0/.34),inset 0 1px 0 oklch(100% 0 0/.14);backdrop-filter:blur(18px)}.contact-direct:before{position:absolute;inset:0;background:linear-gradient(90deg,oklch(82% .16 221/.18),transparent 36%,oklch(72% .28 335/.16)),linear-gradient(oklch(100% 0 0/.04) 1px,transparent 0),linear-gradient(90deg,oklch(100% 0 0/.035) 1px,transparent 0);background-size:auto,28px 28px,28px 28px;content:"";opacity:.55;pointer-events:none}.contact-direct>*{position:relative;z-index:1}.contact-direct__head{display:grid;grid-template-columns:86px minmax(0,1fr);gap:16px;align-items:center}.contact-avatar{width:86px;aspect-ratio:1;overflow:hidden;border:1px solid oklch(100% 0 0/.14);border-radius:22px;background:radial-gradient(circle at 50% 34%,oklch(88% .17 90/.2),transparent 54%),oklch(100% 0 0/.055);box-shadow:0 18px 38px oklch(0 0 0/.28)}.contact-avatar img{width:100%;height:100%;object-fit:cover;object-position:center}.contact-direct h3{margin-bottom:4px;font-family:var(--display);font-size:22px;line-height:1.12}.contact-direct p{color:var(--muted);font-size:14px;line-height:1.45}.contact-methods{display:grid;gap:8px}.contact-method{position:relative;display:grid;grid-template-columns:max-content minmax(0,1fr) 20px;min-height:48px;align-items:center;gap:12px;border:1px solid transparent;border-radius:16px;padding:10px 12px;color:var(--fg);background:oklch(0 0 0/.14);text-decoration:none;box-shadow:inset 0 1px 0 oklch(100% 0 0/.055);transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}.contact-method:after{position:absolute;top:50%;right:12px;display:grid;width:20px;height:20px;place-items:center;border-radius:50%;background:oklch(100% 0 0/.075);color:var(--cyan);content:"↗";font-size:12px;font-weight:800;line-height:1;transform:translateY(-50%);transition:background .16s ease,color .16s ease,transform .16s ease}.contact-method:hover{transform:translateY(-2px);border-color:oklch(82% .16 221/.28);background:oklch(100% 0 0/.075);box-shadow:inset 0 1px 0 oklch(100% 0 0/.09),0 12px 28px oklch(0 0 0/.18)}.contact-method:hover:after{background:var(--cyan);color:var(--bg);transform:translate(2px,calc(-50% - 1px))}.contact-method span:first-child{color:var(--muted);font-family:var(--pixel);font-size:8px;line-height:1.45;text-transform:uppercase}.contact-method span:last-child{min-width:0;overflow:hidden;font-size:14px;font-weight:800;text-align:right;text-overflow:ellipsis;white-space:nowrap}.contact-note{border-top:1px solid var(--border);padding-top:9px;color:var(--muted);font-size:13px;line-height:1.35}.contact-apply{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;border-top:1px solid oklch(100% 0 0/.12);padding-top:12px}.contact-apply span{color:var(--muted);font-size:14px;font-weight:400;line-height:1.45}.contact-apply .btn{min-height:44px;border-radius:999px;padding-inline:18px;font-size:14px;white-space:nowrap}form{display:grid;gap:12px}form[hidden]{display:none}.contact-type-field,label{display:grid;gap:8px;color:var(--fg);font-size:14px;font-weight:760}.field-control,.field-label{display:block}input,select,textarea{width:100%;min-height:50px;border:1px solid var(--border);border-radius:var(--radius-control);padding:12px 13px;background:var(--panel);color:var(--fg);font-size:16px;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}select{appearance:none;background:linear-gradient(45deg,transparent 50%,var(--cyan) 50%) calc(100% - 18px) 50% /6px 6px no-repeat,linear-gradient(135deg,var(--cyan) 50%,transparent 50%) calc(100% - 13px) 50% /6px 6px no-repeat,var(--panel);padding-right:34px}input:hover,select:hover,textarea:hover{border-color:oklch(100% 0 0/.24);background-color:var(--panel-2)}input:focus,select:focus,textarea:focus{border-color:oklch(100% 0 0/.28);box-shadow:inset 0 0 0 1px oklch(100% 0 0/.08)}input:active,select:active,textarea:active{border-color:oklch(100% 0 0/.24)}.custom-select__button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:wait;opacity:.62}form.is-submitting{cursor:wait}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid oklch(100% 0 0/.16);outline-offset:2px}input[aria-invalid=true],textarea[aria-invalid=true]{border-color:oklch(68% .2 25/.8);box-shadow:0 0 0 4px oklch(68% .2 25/.12)}textarea{min-height:116px;resize:vertical}input::placeholder,textarea::placeholder{color:oklch(74% .034 266/.72)}.field-error{min-height:0;color:var(--danger);font-size:12px;font-weight:650;line-height:1.35;opacity:0;transform:translateY(-2px);transition:opacity .14s ease,transform .14s ease}.field-error.is-visible{min-height:16px;opacity:1;transform:translateY(0)}.contact-inputs{display:grid;grid-template-columns:minmax(142px,.72fr) minmax(0,1fr);gap:10px}.custom-select{position:relative}.custom-select__button{position:relative;display:flex;width:100%;min-height:50px;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--border);border-radius:var(--radius-control);padding:12px 36px 12px 13px;background:var(--panel);color:var(--fg);font-weight:760;text-align:left;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.custom-select__button:after{position:absolute;top:50%;right:14px;color:var(--cyan);content:"↓";font-size:14px;line-height:1;transform:translateY(-50%);transition:transform .16s ease}.custom-select.is-open .custom-select__button:after{transform:translateY(-50%) rotate(180deg)}.custom-select__button:hover{border-color:oklch(100% 0 0/.24);background:var(--panel-2)}.custom-select__button:disabled:hover{border-color:var(--border);background:var(--panel)}.custom-select__button:focus-visible{outline:2px solid oklch(100% 0 0/.16);outline-offset:2px}.custom-select__list{position:absolute;top:calc(100% + 7px);right:0;left:0;z-index:12;display:grid;gap:4px;border:1px solid oklch(100% 0 0/.15);border-radius:18px;padding:6px;background:radial-gradient(circle at 10% 0,oklch(82% .16 221/.12),transparent 50%),oklch(12% .018 260/.96);box-shadow:0 18px 44px oklch(0 0 0/.34);opacity:0;pointer-events:none;transform:translateY(-4px) scale(.98);transform-origin:top center;transition:opacity .14s ease,transform .14s ease;backdrop-filter:blur(18px)}.custom-select.is-open .custom-select__list{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.custom-select__option{min-height:38px;border:0;border-radius:13px;padding:0 10px;background:transparent;color:var(--muted);font-size:13px;font-weight:800;text-align:left;transition:background .14s ease,color .14s ease}.custom-select__option.is-active,.custom-select__option:hover{background:oklch(100% 0 0/.08);color:var(--fg)}.contact-value-shell{position:relative;display:block}.contact-value-shell__flag{position:absolute;top:50%;left:13px;z-index:1;display:none;font-size:17px;line-height:1;transform:translateY(-50%);pointer-events:none}.contact-value-shell.is-phone .contact-value-shell__flag{display:block}.contact-value-shell.is-phone input{padding-left:42px}.contact-value-shell:has(input[aria-invalid=true]) input{border-color:oklch(68% .2 25/.8);box-shadow:0 0 0 4px oklch(68% .2 25/.12)}.task-field__control{position:relative;display:block}.task-field textarea{padding-bottom:34px}.task-counter{position:absolute;right:13px;bottom:10px;border-radius:999px;padding:3px 7px;background:oklch(12% .018 260/.72);color:oklch(74% .034 266/.78);font-size:11px;font-weight:760;line-height:1;pointer-events:none}.task-counter.is-over-limit{background:oklch(68% .2 25/.14);color:var(--danger)}.form-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.form-consents{display:grid;gap:10px;margin-top:2px}.checkbox-field{position:relative;display:grid;grid-template-columns:20px 1fr;gap:10px;align-items:start;color:var(--muted);font-size:12px;font-weight:650;line-height:1.45}.checkbox-field input{position:absolute;width:20px;height:20px;min-height:20px;margin:0;border:0;padding:0;opacity:0}.checkbox-field__control{display:grid;width:20px;height:20px;place-items:center;border:1px solid oklch(100% 0 0/.2);border-radius:7px;background:oklch(100% 0 0/.045);box-shadow:inset 0 1px 0 oklch(100% 0 0/.08);transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.checkbox-field__control:after{width:9px;height:5px;border-bottom:2px solid var(--bg);border-left:2px solid var(--bg);content:"";opacity:0;transform:translateY(-1px) rotate(-45deg);transition:opacity .14s ease}.checkbox-field input:checked+.checkbox-field__control{border-color:oklch(82% .16 221/.64);background:var(--cyan);box-shadow:0 0 0 4px oklch(82% .16 221/.1)}.checkbox-field input:checked+.checkbox-field__control:after{opacity:1}.checkbox-field input:focus-visible+.checkbox-field__control{outline:2px solid var(--yellow);outline-offset:3px}.checkbox-field input[aria-invalid=true]+.checkbox-field__control{border-color:oklch(68% .2 25/.8);box-shadow:0 0 0 4px oklch(68% .2 25/.14)}.checkbox-field a{color:var(--fg);text-decoration:underline;text-decoration-color:oklch(82% .16 221/.5);text-underline-offset:3px;transition:color .16s ease,text-decoration-color .16s ease}.checkbox-field a:hover{color:var(--cyan);text-decoration-color:currentColor}.form-note{min-height:22px;color:var(--muted);font-size:14px}.form-note.is-error{color:var(--danger)}.form-note.is-success{color:var(--success)}body.modal-open{overflow:hidden;touch-action:none}.modal{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:18px;background:oklch(0 0 0/.62);opacity:0;overflow:hidden;overscroll-behavior:contain;pointer-events:none;backdrop-filter:blur(12px);transition:opacity .18s ease}.modal.is-open{opacity:1;pointer-events:auto}.modal__dialog{position:relative;width:min(100%,520px);max-height:min(720px,calc(100svh - 36px));overflow:auto;overscroll-behavior:contain;border:1px solid var(--border);border-radius:22px;padding:22px;background:linear-gradient(140deg,oklch(82% .16 221/.12),transparent 42%),var(--panel);box-shadow:var(--shadow);transform:translateY(14px) scale(.98);transition:transform .18s ease;-webkit-overflow-scrolling:touch}.modal.is-open .modal__dialog{transform:translateY(0) scale(1)}.modal__close{position:absolute;top:14px;right:14px;display:grid;width:38px;min-width:38px;height:38px;min-height:38px;place-items:center;border:1px solid var(--border);border-radius:50%;padding:0;background:oklch(100% 0 0/.07);color:var(--fg);box-sizing:border-box;z-index:2;line-height:0;touch-action:manipulation}.modal__close:after,.modal__close:before{position:absolute;width:14px;height:2px;border-radius:999px;background:currentColor;content:""}.modal__close:before{transform:rotate(45deg)}.modal__close:after{transform:rotate(-45deg)}.modal__close:hover{border-color:oklch(82% .16 221/.38);background:oklch(100% 0 0/.1)}.modal__header{max-width:390px;margin-bottom:18px}.modal__header h2{margin-bottom:8px;font-family:var(--display);font-size:28px;line-height:1.08}.modal__header p{color:var(--muted);font-size:14px;line-height:1.5}.modal.is-success .modal__header{display:none}.modal-success{position:relative;display:grid;min-height:320px;place-items:center;align-content:center;gap:14px;padding:34px 14px 22px;text-align:center}.modal-success[hidden]{display:none}.modal-success:focus{outline:0}.modal-success__back{position:absolute;top:0;left:0;display:grid;width:38px;min-width:38px;height:38px;min-height:38px;place-items:center;border:1px solid oklch(100% 0 0/.13);border-radius:50%;padding:0;background:oklch(100% 0 0/.055);color:var(--fg);box-sizing:border-box;line-height:0;touch-action:manipulation;transition:border-color .16s ease,background .16s ease,transform .16s ease}.modal-success__back:hover{transform:translateY(-1px);border-color:oklch(82% .16 221/.38);background:oklch(100% 0 0/.08)}.modal-success__back svg{width:20px;height:20px;color:var(--cyan)}.modal-success__check{position:relative;display:grid;width:88px;height:88px;place-items:center;border:1px solid oklch(82% .16 221/.5);border-radius:50%;background:radial-gradient(circle at 35% 28%,oklch(100% 0 0/.34),transparent 36%),linear-gradient(135deg,var(--cyan),var(--blue));box-shadow:0 24px 60px oklch(82% .16 221/.28)}.modal-success__check:after{width:35px;height:19px;border-bottom:7px solid var(--bg);border-left:7px solid var(--bg);content:"";transform:translateY(-4px) rotate(-45deg)}.modal-success h2{max-width:360px;font-family:var(--display);font-size:34px;line-height:1.05}.modal-success p{max-width:340px;color:var(--muted);font-size:15px;font-weight:650;line-height:1.55}.hr-screen{border-top:1px solid var(--border)}.hr-layout{display:grid;width:min(100%,980px);gap:18px;margin-inline:auto}.skills-grid{display:grid;gap:14px}.skill-card{padding:20px;overflow:hidden;transition:transform .18s ease,border-color .18s ease,background .18s ease}.skill-card:not(.is-expanded):after{position:absolute;right:18px;bottom:-26px;left:18px;height:82px;border-radius:999px 999px 34px 34px;background:radial-gradient(ellipse at 30% 46%,oklch(82% .16 221/.16),transparent 62%),radial-gradient(ellipse at 72% 48%,oklch(72% .28 335/.12),transparent 66%),linear-gradient(transparent,oklch(17% .023 260/.36));filter:blur(14px);content:"";pointer-events:none}.skill-card--main{padding:20px}.skill-card__head{display:flex;align-items:center;justify-content:space-between;gap:14px}.skill-card__head h3{margin-bottom:0}.skill-groups{position:relative;display:grid;max-height:248px;gap:12px;margin-top:14px;overflow:hidden;transition:max-height .28s cubic-bezier(.2,0,0,1)}.skill-card.is-expanded .skill-groups{max-height:900px}.skill-card--extra .skill-groups{max-height:170px}.skill-card--extra.is-expanded .skill-groups{max-height:520px}.skill-toggle{display:inline-flex;min-height:34px;align-items:center;gap:8px;border:1px solid oklch(100% 0 0/.16);border-radius:999px;padding:0 11px;background:oklch(100% 0 0/.055);color:var(--fg);font-family:var(--body);font-size:13px;font-weight:760;line-height:1.45;white-space:nowrap;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease}.skill-toggle:after{color:var(--cyan);content:"↓";font-family:var(--body);font-size:14px;line-height:1;transition:transform .18s ease}.skill-toggle:hover{transform:translateY(-1px);border-color:oklch(82% .16 221/.42);background:oklch(100% 0 0/.08)}.skill-card.is-expanded .skill-toggle:after{transform:rotate(180deg)}.skill-card.is-expanded .skill-toggle__more,.skill-toggle__less{display:none}.skill-card.is-expanded .skill-toggle__less{display:inline}.skill-group{display:grid;gap:8px;align-items:start}.skill-group h4{color:var(--muted);font-family:var(--pixel);font-size:11px;font-weight:400;line-height:1.45;text-transform:uppercase}.skill-card:hover{transform:translateY(-4px);border-color:oklch(100% 0 0/.3);background:oklch(100% 0 0/.064)}.skill-list{display:flex;flex-wrap:wrap;gap:8px;list-style:none}.skill-list li{border:1px solid var(--border);border-radius:var(--radius-control);padding:8px 10px;color:var(--fg);background:oklch(100% 0 0/.04);font-size:13px;font-weight:700;transition:border-color .18s ease,transform .18s ease,background .18s ease}.skill-card:hover .skill-list li{border-color:oklch(100% 0 0/.2);background:oklch(100% 0 0/.065)}.skill-list li.is-featured{border-color:oklch(82% .16 221/.4);color:var(--cyan);background:oklch(82% .16 221/.08)}.skill-list li.is-accent{border-color:oklch(72% .28 335/.4);color:var(--pink);background:oklch(72% .28 335/.08)}footer{position:relative;overflow:hidden;border-top:1px solid var(--border);background:radial-gradient(circle at 18% 0,oklch(82% .16 221/.08),transparent 26rem),radial-gradient(circle at 88% 10%,oklch(72% .28 335/.07),transparent 24rem),var(--bg);color:var(--muted)}.footer-inner{display:grid;gap:26px;padding-block:34px 24px;font-size:14px}.footer-main{grid-template-columns:minmax(260px,1.15fr) minmax(160px,.55fr) minmax(260px,1fr);gap:28px}.footer-brand,.footer-main{display:grid;align-items:start}.footer-brand{max-width:520px;grid-template-columns:46px minmax(0,1fr);gap:14px}.footer-brand__mark{display:grid;width:46px;aspect-ratio:1;place-items:center;overflow:hidden;border:1px solid oklch(100% 0 0/.16);border-radius:50%;background:radial-gradient(circle at 50% 34%,oklch(88% .17 90/.18),transparent 58%),oklch(100% 0 0/.055);box-shadow:0 14px 34px oklch(0 0 0/.24)}.footer-brand__mark img{width:100%;height:100%;object-fit:cover;object-position:center}.footer-brand strong{display:block;margin-bottom:6px;color:var(--fg);font-size:18px;font-weight:900;line-height:1.1}.footer-brand p{max-width:52ch;color:var(--muted);font-size:14px;line-height:1.55}.footer-column{display:grid;gap:12px;justify-items:start}.footer-column__title{color:oklch(100% 0 0/.58);font-family:var(--pixel);font-size:8px;line-height:1.45;text-transform:uppercase}.footer-links,.footer-socials{display:flex;flex-wrap:wrap;gap:8px}.footer-links a,.footer-socials a{min-height:34px;border:1px solid var(--border);border-radius:999px;padding:8px 11px;background:oklch(100% 0 0/.04);color:var(--fg);font-size:13px;font-weight:760;line-height:1.2;text-decoration:none;transition:transform .16s ease,border-color .16s ease,background .16s ease}.footer-links a:hover,.footer-socials a:hover{transform:translateY(-1px);border-color:oklch(82% .16 221/.34);background:oklch(100% 0 0/.07)}.footer-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;border-top:1px solid var(--border);padding-top:18px}.footer-bottom__meta{display:grid;gap:10px}.footer-legal{display:flex;max-width:820px;flex-wrap:wrap;gap:7px 12px}.footer-legal a{color:oklch(74% .034 266/.72);font-size:12px;font-weight:650;line-height:1.35;text-decoration:underline;text-decoration-color:oklch(74% .034 266/.34);text-underline-offset:3px;transition:color .16s ease,text-decoration-color .16s ease}.footer-legal a:hover{color:var(--fg);text-decoration-color:oklch(82% .16 221/.55)}.footer-language{display:inline-flex;align-items:center;gap:10px;color:var(--muted);font-size:13px;font-weight:700}.footer-language__control{display:inline-flex;overflow:hidden;border:1px solid var(--border);border-radius:999px;background:oklch(100% 0 0/.045)}.footer-language__control button{min-height:34px;border:0;padding:0 13px;background:transparent;color:var(--muted);font-size:13px;font-weight:800;line-height:1;transition:background .16s ease,color .16s ease}.footer-language__control button.is-active,.footer-language__control button:hover{background:var(--fg);color:var(--bg)}.cookie-banner{position:fixed;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));z-index:60;display:grid;width:min(430px,calc(100vw - 28px));gap:12px;border:1px solid oklch(100% 0 0/.16);border-radius:20px;padding:14px;background:radial-gradient(circle at 14% 0,oklch(82% .16 221/.14),transparent 42%),oklch(12% .018 260/.86);box-shadow:0 22px 70px oklch(0 0 0/.42);backdrop-filter:blur(22px)}.cookie-banner__copy{display:grid;gap:4px}.cookie-banner__copy strong{color:var(--fg);font-size:14px;font-weight:850;line-height:1.2}.cookie-banner__copy p{color:var(--muted);font-size:13px;font-weight:560;line-height:1.42}.cookie-banner__copy a{color:var(--fg);text-decoration:underline;text-decoration-color:oklch(82% .16 221/.52);text-underline-offset:3px;transition:color .16s ease,text-decoration-color .16s ease}.cookie-banner__copy a:hover{color:var(--cyan);text-decoration-color:currentColor}.cookie-banner__actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.cookie-banner__button{min-height:38px;border:1px solid var(--border);border-radius:999px;padding:0 13px;color:var(--fg);font-size:13px;font-weight:800;line-height:1;transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease}.cookie-banner__button:hover{transform:translateY(-1px);border-color:oklch(82% .16 221/.44)}.cookie-banner__button--secondary{background:oklch(100% 0 0/.06)}.cookie-banner__button--primary{border-color:oklch(82% .16 221/.52);background:var(--cyan);color:var(--bg);box-shadow:0 12px 26px oklch(82% .16 221/.12)}.cookie-banner__button--primary:hover{background:oklch(88% .12 221);color:var(--bg)}.works-page{position:relative;display:grid;min-height:100svh;overflow:hidden;align-items:center;padding-block:clamp(18px,4.6vw,54px);border-bottom:1px solid var(--border);background:linear-gradient(rgba(255,255,255,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.065) 1px,transparent 1px),radial-gradient(circle at 78% 12%,oklch(72% .28 335/.2),transparent 28rem),radial-gradient(circle at 16% 24%,oklch(82% .16 221/.18),transparent 25rem),radial-gradient(circle at 50% 76%,oklch(88% .17 90/.11),transparent 36rem),linear-gradient(180deg,oklch(14% .022 260),var(--bg) 760px);background-size:42px 42px,42px 42px,auto,auto,auto,auto}.works-page:after{inset:auto 0 0;height:220px;background:linear-gradient(transparent,var(--bg));content:""}.works-page:after,.works-page__glow{position:absolute;z-index:1;pointer-events:none}.works-page__glow{top:44%;left:62%;width:min(1040px,96vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 42% 42%,oklch(82% .16 221/.2),transparent 28%),radial-gradient(circle at 66% 58%,oklch(72% .28 335/.14),transparent 56%),radial-gradient(circle at 36% 72%,oklch(88% .17 90/.12),transparent 62%);filter:blur(16px);opacity:.9;transform:translate(-50%,-50%)}.works-placeholder{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,660px) minmax(260px,380px);gap:clamp(18px,4vw,52px);align-items:center;border:0;background:none!important;box-shadow:none}.works-nav{position:absolute;top:0;left:0;display:flex;flex-wrap:wrap;gap:8px}.works-nav__link{display:inline-flex;min-height:42px;align-items:center;border:1px solid var(--border);border-radius:999px;padding:0 14px;background:oklch(12% .018 260/.72);color:var(--fg);font-size:13px;font-weight:760;text-decoration:none;backdrop-filter:blur(16px);transition:transform .18s ease,border-color .18s ease,background .18s ease}.works-nav__link:hover{transform:translateY(-2px);border-color:oklch(82% .16 221/.42);background:oklch(100% 0 0/.08)}.works-placeholder__content{display:grid;gap:16px;padding-top:54px}.works-placeholder__content h1{max-width:700px;font-size:clamp(38px,6.6vw,78px);line-height:1.02}.works-placeholder__content p:not(.section-kicker){max-width:620px;color:var(--muted);font-size:clamp(16px,2vw,20px);font-weight:560;line-height:1.55}.works-placeholder__mascot{justify-self:center;align-self:center;width:min(620px,46vw);filter:drop-shadow(0 36px 76px oklch(0 0 0/.45))}.works-placeholder__mascot img{width:100%;height:auto}@keyframes mascot-rise{0%{opacity:0;transform:translateY(80px) scale(1.06)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes word-settle{0%{opacity:0;transform:translateX(-50%) translateY(18px) scale(.985)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}@keyframes copy-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes panel-rise{0%{opacity:0;transform:translateY(22px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes contact-shake{0%,to{transform:translateX(0) rotate(0deg)}18%{transform:translateX(-3px) rotate(-.35deg)}36%{transform:translateX(3px) rotate(.35deg)}54%{transform:translateX(-2px) rotate(-.25deg)}72%{transform:translateX(2px) rotate(.2deg)}}@media (min-width:768px){.menu-panel{width:286px}}@media (min-width:1061px) and (max-height:820px){.mascot{top:clamp(-220px,-23svh,-132px);right:max(-128px,calc((100vw - var(--max)) / 2 - 178px));height:min(168svh,1380px)}.mascot-glow{top:clamp(-96px,-9svh,-58px);right:max(-222px,calc((100vw - var(--max)) / 2 - 266px));width:min(112vw,calc(100svh + 580px),1500px)}}@media (min-width:1600px) and (min-height:1000px){.hero__content{min-height:980px;align-items:end;padding-block:170px 70px}.hero__copy{align-self:end;margin-bottom:72px}.pixel-panel{align-self:end;margin-bottom:20px}.mascot{top:-150px;right:max(-68px,calc((100vw - var(--max)) / 2 - 120px));height:1320px}.mascot-glow{top:-46px;right:max(-166px,calc((100vw - var(--max)) / 2 - 208px));width:1450px}.hero__word{bottom:max(44px,calc(100svh - 1040px))}}@media (max-width:1060px){.hero{display:block;min-height:100svh;padding-top:0;background:linear-gradient(180deg,oklch(12% .018 260/.98),oklch(12% .018 260/.86) 48%,oklch(12% .018 260/.96)),radial-gradient(circle at 58% 54%,oklch(88% .17 90/.22),transparent 34rem)}.hero__stage{position:absolute;inset:0;order:0;width:auto;height:auto;overflow:hidden}.hero__content{order:0;min-height:100svh;grid-template-columns:minmax(0,.95fr) minmax(300px,.75fr);justify-content:space-between;align-items:center;padding-block:112px 44px}.hero__copy{max-width:740px;border:0;border-radius:0;padding:0;background:transparent;box-shadow:none;backdrop-filter:none}.mascot{top:clamp(-122px,-11vw,-62px);right:clamp(-150px,-12vw,-72px);width:clamp(760px,92vw,980px);height:auto;min-width:0;animation:none}.mascot,.mascot-glow{bottom:auto;transform:none}.mascot-glow{top:clamp(12px,8vw,72px);right:clamp(-210px,-17vw,-110px);width:clamp(820px,106vw,1080px)}.pixel-panel{justify-self:end;width:min(100%,360px);margin-top:0;margin-bottom:22px}.hr-layout,.service-layout{grid-template-columns:1fr}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skills-grid{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}@media (min-width:681px) and (max-width:820px){.hero__content{grid-template-columns:minmax(0,1fr);align-content:end;padding-block:370px 34px}.mascot{top:clamp(-96px,-12vw,-72px);right:clamp(-154px,-18vw,-100px);width:clamp(760px,112vw,900px)}.mascot-glow{top:clamp(24px,9vw,70px);right:clamp(-220px,-24vw,-150px);width:clamp(820px,122vw,980px)}.pixel-panel{justify-self:start;width:min(100%,520px);margin-top:18px;margin-bottom:0}}@media (max-width:680px){:root{--page-x:12px}.topbar{top:12px}.topbar__inner{align-items:flex-start;gap:10px}.brand{max-width:calc(100vw - 82px);min-height:46px;gap:8px;padding:5px 10px 5px 5px}.brand__text{display:grid;min-width:0}.brand__text strong{font-size:12px}.brand__text span,.brand__text strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand__text span{font-size:10px}.brand__mark{width:42px;height:42px}.brand-socials{display:none}.topbar.is-menu-open .brand-stack{opacity:0;transform:translateY(-6px);pointer-events:none}.menu-button{width:44px;height:44px}.hero{min-height:780px}.hero__content{min-height:100svh;grid-template-columns:1fr;align-content:end;padding-block:440px 34px}.hero__copy{position:relative;padding:0;isolation:isolate}.hero__copy:before{position:absolute;inset:42px -18px 56px -18px;z-index:-1;border-radius:36px;background:radial-gradient(ellipse at 36% 42%,oklch(5% .01 260/.76),transparent 68%),radial-gradient(ellipse at 58% 70%,oklch(5% .01 260/.52),transparent 72%);filter:blur(24px);content:"";pointer-events:none}.hero__copy .eyebrow{position:absolute;top:-358px;left:0;z-index:5;gap:7px;padding:7px 9px;font-size:8px;line-height:1.45;white-space:nowrap}.menu-panel{top:12px;left:var(--page-x);width:min(calc(100vw - var(--page-x) * 2),272px);min-height:218px;transform-origin:22px 22px;padding-top:60px}.menu-panel nav a{font-size:22px;line-height:1.08}.hero__word{bottom:24px;left:50%;width:calc(100% - 24px);font-size:clamp(40px,11.4vw,78px);transform:translateX(-50%)}.mascot{top:clamp(26px,7vw,54px);right:clamp(-174px,-32vw,-106px);width:clamp(580px,160vw,730px);transform:none}.mascot-glow{top:clamp(100px,25vw,138px);right:clamp(-250px,-46vw,-156px);width:clamp(640px,176vw,800px);transform:none}h1{font-size:28px;line-height:1.14}.hero__lead{max-width:96%;color:oklch(82% .03 266);font-size:16px;text-shadow:0 2px 18px oklch(0 0 0/.68)}.scroll-step{bottom:16px;width:46px;height:46px}.scroll-step svg{width:20px;height:20px}.actions .btn{width:100%}.pixel-panel{width:100%;margin-top:40px;margin-bottom:0}section:not(.hero){padding-block:64px}.section-head{gap:14px;margin-bottom:22px}.contact-intro h2,.section-head h2,.section-title{font-size:30px;line-height:1.14}.contact-intro p:not(.section-kicker),.section-copy,.section-head p:not(.section-kicker){font-size:16px}.service-grid{grid-template-columns:1fr}.service-actions .btn{width:100%}.contact-inputs,.skill-group{grid-template-columns:1fr}.skill-group{gap:8px}.skill-card__head{display:grid;grid-template-columns:1fr;align-items:flex-start;gap:10px}.skill-card__head h3{min-width:0}.skill-toggle{justify-self:start;max-width:100%}.skill-groups{max-height:292px}.skill-card--extra .skill-groups{max-height:200px}.contact-card{padding:0}.contact-direct{width:min(100%,520px)}.contact-method{gap:8px}.contact-apply{grid-template-columns:1fr;align-items:stretch}.contact-apply .btn{width:100%}.card:first-child,.card:nth-child(6){grid-column:auto}.card:nth-child(3),.card:nth-child(4){margin-top:0}.card:first-child{min-height:auto}.card,.skill-card,.work-card{padding:18px}.footer-inner{gap:22px;padding-block:30px 22px}.footer-main{grid-template-columns:1fr;gap:22px}.footer-bottom{flex-direction:column;align-items:flex-start}.footer-legal{gap:7px 10px}.footer-language{width:100%;justify-content:space-between}.footer-language__control{flex:1;max-width:220px}.footer-language__control button{flex:1}.cookie-banner{right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));width:min(100vw - 20px,390px);padding:12px}.cookie-banner__actions{justify-content:stretch}.cookie-banner__button{flex:1 1 145px}.works-placeholder{grid-template-columns:1fr;gap:18px}.works-placeholder__content{max-width:680px;order:2;padding-top:0}.works-placeholder__mascot{order:1;justify-self:center;width:min(460px,92vw);margin-top:24px}}.reveal-item{opacity:0;transform:translate3d(0,24px,0) scale(.985);transition:opacity .46s cubic-bezier(.2,0,0,1),transform .46s cubic-bezier(.2,0,0,1);transition-delay:var(--reveal-delay,0s);will-change:opacity,transform}.reveal-item.reveal-from-left{transform:translate3d(-22px,0,0) scale(.99)}.reveal-item.reveal-from-right{transform:translate3d(22px,0,0) scale(.99)}.reveal-item.is-visible,.reveal-item.is-visible.reveal-from-left,.reveal-item.is-visible.reveal-from-right{transform:translateZ(0) scale(1)}.reveal-item.is-visible{opacity:1;will-change:auto}@keyframes spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important}.hero__word{opacity:1;transform:translateX(-50%)}.hero__copy,.pixel-panel,.reveal-item{opacity:1;transform:none}}