:root{--ink:#292c39;--ink-2:#1d202b;--cream:#faf0e4;--paper:#fff8ef;--yellow:#f5b921;--yellow-2:#e3a50e;--red:#b02b2b;--brown:#8b5e3c;--grey:#6b6e7b;--peach:#f6c9a9;--pink:#f9e4de;--stripes:repeating-linear-gradient(-45deg, var(--paper), var(--paper) 10px, #f5b9212e 10px, #f5b9212e 20px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);margin:0;font-family:Gabarito,sans-serif}::selection{background:var(--ink);color:var(--yellow)}a{color:var(--ink)}.container{max-width:1080px;margin:0 auto}:is(a,button,input,textarea):focus-visible{outline:3px solid var(--red);outline-offset:2px}.nav{z-index:50;background:var(--yellow);border-bottom:2px solid var(--ink);justify-content:space-between;align-items:center;padding:16px 40px;display:flex;position:sticky;top:0}.nav-logo{color:var(--ink);font:900 20px Gabarito,sans-serif;text-decoration:none;transition:transform .15s;display:inline-block;transform:rotate(-2deg)}.nav-logo:hover{transform:rotate(2deg)scale(1.1)}.nav-links{gap:28px;font:700 14px Gabarito,sans-serif;display:flex}.nav-link{color:var(--ink);text-decoration:none;transition:all .15s;display:inline-block}.nav-link--l:hover{text-decoration:underline;transform:rotate(-3deg)}.nav-link--r:hover{text-decoration:underline;transform:rotate(3deg)}.nav-cta{color:var(--yellow);background:var(--ink);border-radius:999px;padding:10px 20px;font:700 14px Gabarito,sans-serif;text-decoration:none;transition:transform .15s,background .15s;display:inline-block}.nav-cta:hover{background:var(--ink-2)}.nav-cta:active{transform:scale(.9)}.nav-right{align-items:center;gap:12px;display:flex}.nav-lang{color:var(--ink);border:2px solid var(--ink);cursor:pointer;background:0 0;border-radius:999px;padding:8px 14px;font:700 13px Gabarito,sans-serif;transition:transform .15s,background .15s,color .15s}.nav-lang:hover{background:var(--ink);color:var(--yellow);transform:rotate(-3deg)}.nav-lang:active{transform:scale(.9)}.nav-burger{border:2px solid var(--ink);cursor:pointer;background:0 0;border-radius:10px;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:8px;display:none}.nav-burger span{background:var(--ink);border-radius:2px;width:100%;height:2px;transition:transform .2s,opacity .2s;display:block}.nav-burger--open span:first-child{transform:translateY(7px)rotate(45deg)}.nav-burger--open span:nth-child(2){opacity:0}.nav-burger--open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.nav-backdrop{opacity:0;pointer-events:none;background:#1a150f8c;width:100%;height:100vh;transition:opacity .25s;position:absolute;top:100%;left:0}.nav-backdrop--open{opacity:1;pointer-events:auto}.nav-menu{background:var(--yellow);border-bottom:2px solid var(--ink);flex-direction:column;gap:4px;padding:12px 20px 20px;display:none;position:absolute;top:100%;left:0;right:0}.nav-menu--open{display:flex}.nav-menu-link{color:var(--ink);border-bottom:1px dashed var(--ink);padding:12px 4px;font:700 20px Gabarito,sans-serif;text-decoration:none}.nav-menu-link:active{transform:rotate(-2deg)}.nav-menu-cta{color:var(--yellow);background:var(--ink);text-align:center;border-radius:999px;margin-top:14px;padding:13px 20px;font:700 16px Gabarito,sans-serif;text-decoration:none}.nav-menu-cta:active{transform:scale(.96)}.hero{min-height:660px;position:relative;overflow:hidden}.hero-canvas{width:100%;height:100%;position:absolute;inset:0}.hero-content{z-index:1;pointer-events:none;max-width:1080px;margin:0 auto;padding:90px 40px 70px;position:relative}.hero-badge{color:var(--paper);background:var(--red);border:2px solid var(--ink);width:fit-content;box-shadow:3px 3px 0 var(--ink);border-radius:999px;padding:7px 16px;font:700 13px Gabarito,sans-serif;transform:rotate(-2deg)}.hero-title{letter-spacing:-.02em;pointer-events:auto;margin:28px clamp(-320px,580px - 50vw,0px) 0 0;font:900 clamp(48px,7vw,84px)/1.02 Gabarito,sans-serif}.hero-title .w{cursor:default;transition:transform .18s;display:inline-block}.hero-title .w-a:hover{transform:translateY(-14px)rotate(-5deg)}.hero-title .w-b:hover{transform:translateY(-14px)rotate(4deg)}.hero-title .w-c:hover{transform:translateY(-12px)rotate(-6deg)}.hero-title .w-d:hover{transform:translateY(-14px)rotate(-4deg)}.hero-title .w-e:hover{transform:translateY(-12px)rotate(5deg)}.hero-title .w-f:hover{transform:translateY(-16px)rotate(-6deg)scale(1.06)}.hero-accent{color:var(--red)}.hero-sub{color:#292c39cc;max-width:460px;margin:22px 0 0;font:400 19px/1.55 Instrument Sans,sans-serif}.hero-actions{pointer-events:auto;flex-wrap:wrap;gap:16px;margin-top:32px;display:flex}.btn{color:var(--ink);border:2px solid var(--ink);cursor:pointer;border-radius:999px;padding:14px 28px;font:700 16px Gabarito,sans-serif;text-decoration:none;transition:transform .15s,background .15s;display:inline-block}.btn:active{transform:scale(.9)}.btn--yellow{background:var(--yellow);box-shadow:3px 3px 0 var(--ink)}.btn--yellow:hover{background:var(--yellow-2)}.btn--ghost{background:#fff8efbf}.btn--ghost:hover{background:var(--yellow)}.hero-hint{z-index:3;pointer-events:none;opacity:0;color:var(--paper);background:var(--ink);border:2px solid var(--ink);white-space:nowrap;will-change:transform;border-radius:999px;padding:7px 14px;font:700 13px Gabarito,sans-serif;transition:opacity .18s;position:absolute;top:0;left:0;box-shadow:3px 3px #00000040}.marquee{background:var(--yellow);white-space:nowrap;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);padding:15px 0;overflow:hidden}.marquee-track{color:var(--ink);will-change:transform;font:800 17px Gabarito,sans-serif;display:inline-block}.section-head{align-items:baseline;gap:16px;margin-bottom:44px;display:flex}.section-title{letter-spacing:-.02em;margin:0;font:900 44px Gabarito,sans-serif}.section-title--yellow{color:var(--yellow)}.section-note{color:#faf0e4b3;font:400 13px IBM Plex Mono,monospace}.work{background:var(--ink);border-bottom:2px solid var(--ink);padding:90px 40px}.work-spacer{height:120px}.stick{position:sticky}.stick--1{z-index:1;top:100px}.stick--2{z-index:2;margin-top:56px;top:162px}.stick--3{z-index:3;margin-top:56px;top:224px}.stick--4{z-index:4;margin-top:56px;top:286px}.stick--5{z-index:5;margin-top:56px;top:348px}.case{background:var(--paper);border:2px solid var(--ink);border-radius:18px;overflow:hidden;box-shadow:7px 7px #00000059}.case-head{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:center;gap:16px;padding:16px 26px;display:flex}.case-head--yellow{background:var(--yellow)}.case-head--red{background:var(--red)}.case-head--brown{background:var(--brown)}.case-id{align-items:baseline;gap:14px;min-width:0;display:flex}.case-num{border-radius:999px;padding:3px 12px;font:900 15px Gabarito,sans-serif}.case-num--dark{color:var(--yellow);background:var(--ink)}.case-num--yellow{color:var(--ink);background:var(--yellow)}.case-title{color:var(--ink);letter-spacing:-.01em;white-space:nowrap;margin:0;font:900 24px Gabarito,sans-serif}.case-title--light{color:var(--paper)}.case-tag{color:#292c39cc;white-space:nowrap;font:500 12px IBM Plex Mono,monospace}.case-tag--light{color:#fff8efe6}.case-body{height:400px;display:flex}.case-body--reverse{flex-direction:row-reverse}.case-media{background:var(--stripes);color:#292c398c;text-align:center;flex:1.1;justify-content:center;align-items:center;padding:20px;font:400 12px IBM Plex Mono,monospace;display:flex}.case-body .case-media{border-right:2px solid var(--ink)}.case-body--reverse .case-media{border-right:none;border-left:2px solid var(--ink)}.case-media--img{padding:0;overflow:hidden}.case-media--img img,.case-media--img video{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .4s}.case:hover .case-media--img img,.case:hover .case-media--img video{transform:scale(1.04)}.case-info{flex:1;padding:30px 34px;overflow:hidden}.case-desc{color:#292c39b8;margin:0 0 20px;font:400 15px/1.55 Instrument Sans,sans-serif}.case-grid{color:#292c39d1;grid-template-columns:86px 1fr;gap:8px 14px;font:400 14px/1.5 Instrument Sans,sans-serif;display:grid}.case-label{padding-top:2px;font:700 12px Gabarito,sans-serif}.case-label--red{color:var(--red)}.case-label--brown{color:var(--brown)}.case-label--grey{color:var(--grey)}.case-list{color:#292c39d1;font:400 14px/1.8 Instrument Sans,sans-serif}.pills{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.pill{border:1.5px solid var(--ink);border-radius:999px;padding:4px 10px;font:500 11px IBM Plex Mono,monospace}.case-link{color:var(--ink);border-bottom:2px solid #292c394d;margin-top:22px;font:700 14px Gabarito,sans-serif;text-decoration:none;transition:all .15s;display:inline-block}.case-link:hover{border-bottom-color:var(--red);color:var(--red)}.case-link-note{color:#292c3973;font:400 11px IBM Plex Mono,monospace}.case-open{background:var(--stripes);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;height:400px;padding:48px 38px;display:flex}.case-open-badge{color:#292c398c;background:var(--yellow);border:1.5px dashed #292c3959;border-radius:999px;width:fit-content;padding:4px 11px;font:700 11px Gabarito,sans-serif}.case-open-title{color:#292c3980;margin-top:12px;font:900 26px Gabarito,sans-serif}.case-open-note{color:#292c3980;margin-top:6px;font:400 14px Instrument Sans,sans-serif}.btn--claim{background:var(--yellow);padding:12px 22px;font-size:14px}.btn--claim:hover{background:var(--yellow-2);transform:rotate(-2deg)scale(1.05)}.services{background:var(--cream);border-bottom:2px solid var(--ink);padding:90px 40px}.services-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;display:grid}.service{background:var(--paper);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);border-radius:16px;padding:26px;transition:transform .22s cubic-bezier(.2,.9,.3,1.3),box-shadow .22s}.service:hover{box-shadow:10px 13px 0 var(--ink);z-index:2;position:relative}.service-dot{border:2px solid var(--ink);border-radius:50%;width:40px;height:40px}.service-dot--yellow{background:var(--yellow)}.service-dot--red{background:var(--red)}.service-dot--brown{background:var(--brown)}.service-dot--ink{background:var(--ink)}.service h3{margin:16px 0 8px;font:800 20px Gabarito,sans-serif}.service p{color:#292c39b8;margin:0;font:400 14px/1.55 Instrument Sans,sans-serif}.about{background:var(--paper);border-bottom:2px solid var(--ink);padding:90px 40px}.about-cols{flex-wrap:wrap;gap:60px;display:flex}.about-text{flex:1.2;min-width:340px}.about-text .section-title{margin-bottom:24px}.about-text p{color:var(--ink);margin:0 0 16px;font:400 17px/1.65 Instrument Sans,sans-serif}.skills{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.skill{border:2px solid var(--ink);border-radius:999px;padding:6px 14px;font:700 12px Gabarito,sans-serif;transition:transform .15s;display:inline-block}.skill--yellow{background:var(--yellow)}.skill--red{color:var(--paper);background:var(--red)}.skill--peach{background:var(--peach)}.skill--yellow:hover,.skill--peach:hover{transform:rotate(2deg)scale(1.08)!important}.skill--red:hover{transform:rotate(-2deg)scale(1.08)!important}.about-side{flex-direction:column;flex:1;gap:20px;min-width:320px;display:flex}.slot-3d{border:2px solid var(--ink);height:340px;box-shadow:5px 5px 0 var(--ink);background:var(--pink);border-radius:16px;position:relative;overflow:hidden;transform:rotate(1deg)}.slot-3d-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.slot-3d-chip{pointer-events:none;color:#292c39a6;background:var(--yellow);border:1.5px dashed #292c3959;border-radius:999px;padding:4px 12px;font:700 12px Gabarito,sans-serif;position:absolute;bottom:12px;right:14px}.contact{background:var(--ink);padding:100px 40px 90px}.contact-inner{text-align:center;max-width:840px;margin:0 auto}.contact-title{letter-spacing:-.02em;color:var(--cream);margin:0;font:900 clamp(40px,6vw,64px)/1.05 Gabarito,sans-serif}.contact-pulse{color:var(--yellow);transition:transform .18s;display:inline-block}.contact-pulse:hover{transform:rotate(-4deg)scale(1.08)}.contact-sub{color:#faf0e4cc;max-width:480px;margin:18px auto 0;font:400 18px/1.6 Instrument Sans,sans-serif}.contact-card{background:var(--paper);border:2px solid var(--ink);text-align:left;border-radius:18px;margin-top:44px;padding:34px;box-shadow:5px 5px #000}.form-row{flex-wrap:wrap;gap:16px;display:flex}.form-row input{flex:1;min-width:200px}.contact-form input,.contact-form textarea{color:var(--ink);background:var(--cream);border:2px solid var(--ink);border-radius:10px;outline:none;padding:13px 16px;font:400 15px Instrument Sans,sans-serif}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--red);box-shadow:3px 3px 0 var(--red);background:#f9e4de;outline:none}.contact-form textarea{resize:vertical;width:100%;margin-top:16px}.btn--send{background:var(--yellow);margin-top:20px;margin-left:auto;padding:13px 28px;display:block}.btn--send:hover{background:var(--yellow-2)}.contact-sent{text-align:center;padding:30px 0}.contact-sent-title{font:900 30px Gabarito,sans-serif;transform:rotate(-1deg)}.contact-sent-note{color:#292c39b8;margin-top:10px;font:400 15px Instrument Sans,sans-serif}.contact-error{color:#c0392b;margin-top:14px;font:500 14px Instrument Sans,sans-serif}.contact-error a{color:inherit;font-weight:600}.footer{border-top:2px solid var(--ink);background:var(--yellow);padding:48px 40px 0;overflow:hidden}.footer-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.footer-links{flex-wrap:wrap;gap:12px;display:flex}.footer-pill{color:var(--ink);background:var(--paper);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:999px;padding:8px 16px;font:700 13px Gabarito,sans-serif;text-decoration:none;transition:transform .15s,background .15s;display:inline-block}.footer-pill:hover{background:var(--pink);transform:translateY(-3px)rotate(-2deg)}.footer-pill:active{transform:scale(.94)}.footer-top{color:var(--yellow);background:var(--ink);cursor:pointer;border:none;border-radius:999px;padding:10px 18px;font:700 13px Gabarito,sans-serif;transition:transform .15s}.footer-top:hover{transform:translateY(-3px)rotate(-2deg)}.footer-top:active{transform:scale(.9)}.footer-meta{color:#292c39bf;margin-top:26px;font:500 12px IBM Plex Mono,monospace}.footer-name{color:var(--ink);letter-spacing:-.02em;-webkit-user-select:none;user-select:none;justify-content:space-between;margin-top:30px;margin-bottom:-.24em;font:900 clamp(56px,12.5vw,148px)/1 Gabarito,sans-serif;display:flex}.footer-letter{transition:transform .18s;display:inline-block}.footer-letter:hover{transform:translateY(-.12em)rotate(-4deg)}.footer-letter:nth-child(2n):hover{transform:translateY(-.12em)rotate(4deg)}@media (width<=860px){.nav{padding:12px 20px}.nav-links,.nav-cta{display:none}.nav-right{gap:10px}.nav-lang{padding:8px 12px}.nav-burger{display:flex}.hero-content{padding:70px 24px 60px}.hero-actions{justify-content:center}.work,.services,.about{padding:70px 24px}.contact{padding:80px 24px 70px}.section-head{flex-wrap:wrap;margin-bottom:32px}.section-title{font-size:36px}.case-head{flex-wrap:wrap}.case-title,.case-tag{white-space:normal}.case-body,.case-body--reverse{flex-direction:column;height:auto}.case-media{flex:none;min-height:220px}.case-body .case-media,.case-body--reverse .case-media{border-left:none;border-right:none;border-bottom:2px solid var(--ink)}.case-info{padding:24px 22px}.case-open{height:auto;padding:36px 24px}.stick--1{top:76px}.stick--2{margin-top:40px;top:112px}.stick--3{margin-top:40px;top:148px}.stick--4{margin-top:40px;top:184px}.stick--5{margin-top:40px;top:220px}.about-cols{flex-direction:column;gap:40px}.about-text{text-align:center;flex:none;min-width:0}.about-side{flex:none;min-width:0}.skills{display:none}.contact-card{padding:24px}.footer{padding:36px 20px 0}.footer-row{text-align:center;flex-direction:column;align-items:center;gap:18px}.footer-links{flex-direction:column;align-items:center;gap:12px}.footer-pill{font-size:12px}.footer-top{padding:11px 22px;font-size:14px}.footer-meta{text-align:center}.footer-name{letter-spacing:-.01em;justify-content:center}}