@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,700;12..96,800&family=Hanken+Grotesk:wght@400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.55}a{color:inherit;text-decoration:none}:root{--bg:#faf6ef;--ink:#171310;--soft:#5c544c;--coral:#ff5630;--amber:#ffb23d;--cobalt:#2b4ff0;--lime:#c9f24e;--violet:#7b4dff;--display:"Bricolage Grotesque", Helvetica, sans-serif;--body:"Hanken Grotesk", Helvetica, Arial, sans-serif;--maxw:1280px}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 32px}.display{font-family:var(--display)}.nav{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#faf6efd1;position:sticky;top:0}.nav .wrap{justify-content:space-between;align-items:center;height:80px;display:flex}.logo{font-family:var(--display);letter-spacing:-.03em;align-items:center;gap:10px;font-size:21px;font-weight:800;display:flex}.logo .blob{background:var(--coral);border-radius:46% 54% 60% 40%/53% 45% 55% 47%;flex-shrink:0;width:18px;height:18px;animation:6s ease-in-out infinite morph;display:inline-block}@keyframes morph{50%{border-radius:58% 42% 39% 61%/44% 58% 42% 56%;transform:rotate(180deg)}}.logo small{color:var(--soft);letter-spacing:.16em;text-transform:uppercase;font-size:12px;font-weight:500;font-family:var(--body)}.nav nav{align-items:center;gap:28px;display:flex}.nav nav a{font-size:15px;font-weight:600;position:relative}.nav nav a:after{content:"";background:var(--coral);border-radius:2px;width:0;height:3px;transition:width .25s;position:absolute;bottom:-4px;left:0}.nav nav a:hover:after{width:100%}.lang{border:2px solid var(--ink);border-radius:999px;display:inline-flex;overflow:hidden}.lang button{font-family:var(--display);color:var(--ink);cursor:pointer;background:0 0;border:0;padding:6px 12px;font-size:12px;font-weight:700}.lang button.is-active{background:var(--ink);color:var(--bg)}.back{color:var(--soft);white-space:nowrap;font-size:13px;font-weight:600}.hero{padding:54px 0 30px;position:relative}.hero h1{font-family:var(--display);letter-spacing:-.045em;margin:0;font-size:clamp(54px,12vw,168px);font-weight:800;line-height:.86}.hero h1 .l1{color:var(--ink)}.hero h1 .l2{color:var(--coral)}.hero h1 .l3{color:var(--cobalt);font-style:normal}.hero .dot{background:var(--amber);vertical-align:baseline;border-radius:50%;width:.16em;height:.16em;margin-left:.05em;display:inline-block}.hero-foot{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:30px;margin-top:36px;display:flex}.hero-foot p{max-width:42ch;color:var(--soft);margin:0;font-size:21px}.btn{font-family:var(--display);cursor:pointer;border:2px solid var(--ink);background:var(--ink);color:var(--bg);border-radius:999px;align-items:center;gap:10px;padding:16px 28px;font-size:15px;font-weight:700;transition:all .2s;display:inline-flex}.btn:hover{background:var(--coral);border-color:var(--coral);transform:translateY(-2px)}.marquee{border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);background:var(--lime);margin-top:46px;overflow:hidden}.marquee .track{white-space:nowrap;gap:40px;padding:14px 0;animation:26s linear infinite scroll;display:flex}.marquee span{font-family:var(--display);letter-spacing:-.01em;align-items:center;gap:40px;font-size:24px;font-weight:700;display:inline-flex}.marquee .s{background:var(--ink);border-radius:50%;width:12px;height:12px;display:inline-block}@keyframes scroll{to{transform:translate(-50%)}}.sec{padding:90px 0}.sec-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:44px;display:flex}.sec-head h2{font-family:var(--display);letter-spacing:-.04em;margin:0;font-size:clamp(34px,6vw,72px);font-weight:800;line-height:.95}.sec-head p{color:var(--soft);max-width:34ch;margin:0;font-size:17px}.work{grid-template-columns:repeat(2,1fr);gap:26px;display:grid}.proj{border:2px solid var(--ink);cursor:pointer;background:#fff;border-radius:22px;transition:transform .25s,box-shadow .25s;overflow:hidden}.proj:hover{box-shadow:10px 12px 0 var(--ink);transform:translateY(-6px)}.proj .thumb{aspect-ratio:16/10;border-bottom:2px solid var(--ink);letter-spacing:.06em;color:#0000008c;text-transform:uppercase;justify-content:center;align-items:center;font-family:ui-monospace,Menlo,monospace;font-size:12px;display:flex;position:relative}.proj .thumb.c1{background:repeating-linear-gradient(45deg,#00000012 0 1px,transparent 1px 12px),var(--coral)}.proj .thumb.c2{background:repeating-linear-gradient(45deg,#00000012 0 1px,transparent 1px 12px),var(--cobalt);color:#fffc}.proj .thumb.c3{background:repeating-linear-gradient(45deg,#00000012 0 1px,transparent 1px 12px),var(--amber)}.proj .thumb.c4{background:repeating-linear-gradient(45deg,#00000012 0 1px,transparent 1px 12px),var(--violet);color:#fffc}.proj .tag{background:var(--bg);border:2px solid var(--ink);font-family:var(--display);color:var(--ink);border-radius:999px;padding:4px 12px;font-size:12px;font-weight:700;position:absolute;top:14px;left:14px}.proj .pbody{justify-content:space-between;align-items:center;gap:16px;padding:22px 24px 26px;display:flex}.proj h3{font-family:var(--display);letter-spacing:-.02em;margin:0;font-size:24px;font-weight:800}.proj .meta{color:var(--soft);margin-top:4px;font-size:14px}.proj .go{border:2px solid var(--ink);border-radius:50%;flex:none;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;transition:all .2s;display:flex}.proj:hover .go{background:var(--coral);transform:rotate(-45deg)}.serv{background:var(--ink);color:var(--bg);border-radius:30px}.serv-in{padding:64px 48px}.serv h2{font-family:var(--display);letter-spacing:-.03em;color:var(--bg);margin:0 0 40px;font-size:clamp(30px,5vw,60px);font-weight:800}.serv-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.scard{border:2px solid #ffffff38;border-radius:18px;padding:28px;transition:all .25s}.scard:hover{background:#ffffff0f;transform:translateY(-4px)}.scard .ic{width:46px;height:46px;font-family:var(--display);color:var(--ink);border-radius:50%;justify-content:center;align-items:center;margin-bottom:18px;font-size:20px;font-weight:800;display:flex}.scard h4{font-family:var(--display);color:var(--bg);margin:0 0 10px;font-size:23px;font-weight:700}.scard p{color:#c8c0b6;margin:0;font-size:15px}.scard .tags{flex-wrap:wrap;gap:7px;margin-top:16px;display:flex}.scard .tags span{color:#dcd5cb;border:1px solid #ffffff40;border-radius:999px;padding:3px 10px;font-size:12px}.stats{border:2px solid var(--ink);border-radius:24px;grid-template-columns:repeat(4,1fr);gap:0;display:grid;overflow:hidden}.stats .st{border-right:2px solid var(--ink);padding:34px 26px}.stats .st:last-child{border-right:0}.stats .st:first-child{background:var(--coral)}.stats .st:nth-child(2){background:var(--amber)}.stats .st:nth-child(3){background:var(--lime)}.stats .st:nth-child(4){background:var(--cobalt);color:#fff}.stats .n{font-family:var(--display);letter-spacing:-.03em;font-size:52px;font-weight:800;line-height:1}.stats .l{margin-top:8px;font-size:14px;font-weight:600}.clients{flex-wrap:wrap;gap:14px;display:flex}.clients span{font-family:var(--display);border:2px solid var(--ink);border-radius:999px;padding:9px 20px;font-size:18px;font-weight:700}.cta{text-align:center;padding:100px 0 90px}.cta h2{font-family:var(--display);letter-spacing:-.045em;max-width:14ch;margin:0 auto;font-size:clamp(40px,8vw,110px);font-weight:800;line-height:.9}.cta h2 em{color:var(--coral);font-style:normal}.cta p{color:var(--soft);max-width:42ch;margin:26px auto 36px;font-size:20px}footer{border-top:2px solid var(--ink);padding:56px 0 40px}footer .grid{grid-template-columns:2fr 1fr 1fr;gap:36px;display:grid}footer p{color:var(--soft);max-width:32ch}footer h6{font-family:var(--display);letter-spacing:.1em;text-transform:uppercase;margin:0 0 14px;font-size:13px;font-weight:700}footer a{color:var(--soft);margin-bottom:9px;font-weight:500;display:block}footer a:hover{color:var(--coral)}footer .legal{border-top:2px solid var(--ink);color:var(--soft);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:44px;padding-top:22px;font-size:13px;display:flex}[data-reveal]{opacity:0;transition:opacity .65s cubic-bezier(.4,0,.2,1),transform .65s cubic-bezier(.4,0,.2,1);transform:translateY(24px)}[data-reveal].is-visible{opacity:1;transform:none}[data-reveal][data-delay="1"]{transition-delay:.12s}[data-reveal][data-delay="2"]{transition-delay:.24s}[data-reveal][data-delay="3"]{transition-delay:.36s}@media (width<=920px){.nav nav{display:none}.work,.serv-grid,footer .grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.stats .st:nth-child(2){border-right:0}.stats .st:first-child,.stats .st:nth-child(2){border-bottom:2px solid var(--ink)}}@media (width<=768px){.wrap{padding:0 20px}.hero{padding:36px 0 16px}.sec{padding:64px 0}.serv-in{padding:40px 20px}.cta{padding:64px 0}.clients{gap:10px}.clients span{padding:7px 16px;font-size:16px}}