:root{--bg:#f0f1fa;--fg:#0b0b12;--muted:#6b6f80;--card:#e2e4f1;--line:#0b0b1224;--accent:#1a2ffb;--radius:28px;--gutter:clamp(16px, 3vw, 40px);--ease:cubic-bezier(.16, 1, .3, 1)}body.is-dark .header,body.is-dark .cursor,.services{--bg:#0b0b12;--fg:#f0f1fa;--muted:#9a9db0;--card:#1b1b26;--line:#f0f1fa29}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;font-family:Inter Tight,system-ui,-apple-system,sans-serif;transition:background-color .8s,color .8s;overflow-x:hidden}body.is-loading{overflow:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}em{color:var(--accent);font-style:normal}@media (hover:hover){body,a,button{cursor:none}}#webgl{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}main{z-index:1;position:relative}#gallery{z-index:2;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.has-gl .card__media{background:0 0}.has-gl .card__art,.has-gl .card__media:after{visibility:hidden}.preloader{z-index:100;color:#f0f1fa;padding:28px var(--gutter);background:#0b0b12;flex-direction:column;justify-content:space-between;display:flex;position:fixed;inset:0}.preloader__brand{letter-spacing:-.02em;font-size:20px;font-weight:600}.preloader__count{letter-spacing:-.06em;font-variant-numeric:tabular-nums;align-self:flex-end;font-size:clamp(90px,18vw,300px);font-weight:500;line-height:.8}.preloader__bar{background:#ffffff1f;height:2px;margin-top:24px}.preloader__bar span{background:var(--accent);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.cursor{background:var(--fg);pointer-events:none;z-index:200;width:10px;height:10px;transition:width .5s var(--ease), height .5s var(--ease), margin .5s var(--ease), background-color .4s;border-radius:50%;place-items:center;margin:-5px 0 0 -5px;display:grid;position:fixed;top:0;left:0}.cursor span{color:#fff;opacity:0;font-size:13px;font-weight:500;transition:opacity .3s}.cursor.is-label{background:var(--accent);width:90px;height:90px;margin:-45px 0 0 -45px}.cursor.is-label span{opacity:1}.cursor.is-hover{border:1px solid var(--fg);background:0 0;width:44px;height:44px;margin:-22px 0 0 -22px}@media (hover:none){.cursor{display:none}}.header{z-index:50;padding:22px var(--gutter);color:var(--fg);transition:transform .7s var(--ease), color .5s;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.header.is-hidden{transform:translateY(-120%)}.grain{z-index:150;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:.9s steps(6,end) infinite grain;position:fixed;inset:-50%}@keyframes grain{0%{transform:translate(0)}20%{transform:translate(-6%,4%)}40%{transform:translate(5%,-7%)}60%{transform:translate(-3%,8%)}80%{transform:translate(7%,2%)}to{transform:translate(0)}}.roll{vertical-align:middle;height:1.2em;line-height:1.2em;display:inline-flex;overflow:hidden}.roll i{white-space:pre;text-shadow:0 1.2em;transition:transform .55s var(--ease);transition-delay:calc(var(--i) * 16ms);font-style:normal;display:inline-block}a:hover .roll i,button:hover .roll i,a.roll:hover i{transform:translateY(-1.2em)}.logo{letter-spacing:-.03em;font-size:21px;font-weight:600}.logo sup,.preloader__brand sup{margin-left:2px;font-size:.45em}.header__actions{gap:8px;display:flex}.pill{height:46px;font:inherit;white-space:nowrap;border:none;border-radius:999px;align-items:center;gap:10px;padding:0 22px;font-size:15px;font-weight:500;transition:background-color .4s,color .4s;display:inline-flex}.pill--accent{background:var(--accent);color:#fff}.pill--ghost{background:var(--card);color:var(--fg)}.pill--dark{background:var(--fg);color:var(--bg)}.pill__dot{background:#fff;border-radius:50%;width:7px;height:7px}.pill__dots{transition:transform .6s var(--ease);grid-template-columns:repeat(2,4px);gap:3px;display:grid}.pill__dots i{background:currentColor;border-radius:50%;width:4px;height:4px}.menu-open .pill__dots{transform:rotate(45deg)}.pill__arrow{transition:transform .4s var(--ease)}.pill:hover .pill__arrow{transform:translate(4px)}.menu{z-index:45;border-radius:var(--radius);background:var(--accent);color:#fff;padding:110px var(--gutter) 32px;clip-path:inset(0 0 100% round 28px);pointer-events:none;flex-direction:column;justify-content:space-between;display:flex;position:fixed;inset:10px}.menu-open .menu{pointer-events:auto}.menu-open .header{color:#fff}.menu-open .header .pill--ghost{color:#fff;background:#ffffff26}.menu-open .header .pill--accent{color:var(--accent);background:#fff}.menu-open .header .pill--accent .pill__dot{background:var(--accent)}.menu__links a{letter-spacing:-.05em;font-size:clamp(48px,9vw,130px);font-weight:500;line-height:1;display:block;overflow:hidden}.menu__links a span{transition:transform .5s var(--ease), opacity .3s;display:inline-block}.menu__links a:hover span{transform:translate(24px)}.menu__bottom{opacity:.85;flex-wrap:wrap;justify-content:space-between;gap:16px;font-size:15px;display:flex}.line{margin-bottom:-.06em;padding-bottom:.06em;display:block;overflow:hidden}.line>span{will-change:transform;display:inline-block}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--muted);align-items:center;gap:10px;font-size:13px;font-weight:500;display:flex}.eyebrow i{background:var(--accent);border-radius:50%;width:8px;height:8px}.section-title{letter-spacing:-.055em;font-size:clamp(56px,10vw,170px);font-weight:500;line-height:.9}.hero{height:100svh;min-height:620px;padding:0 var(--gutter) 36px;flex-direction:column;justify-content:flex-end;display:flex;position:relative}.hero__title{letter-spacing:-.05em;font-size:clamp(46px,8vw,138px);font-weight:500;line-height:.92}.hero__bottom{border-top:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:24px;margin-top:34px;padding-top:22px;display:flex}.hero__desc{max-width:400px;color:var(--muted);font-size:16px;line-height:1.5}.scroll-hint{align-items:center;gap:14px;font-size:14px;font-weight:500;display:flex}.scroll-hint__circle{border:1px solid var(--line);border-radius:50%;place-items:center;width:46px;height:46px;display:grid;overflow:hidden}.scroll-hint__circle i{animation:drop 1.8s var(--ease) infinite;font-style:normal}@keyframes drop{0%{transform:translateY(-140%)}45%,60%{transform:translateY(0)}to{transform:translateY(140%)}}.intro{min-height:110vh;padding:18vh var(--gutter);align-items:center;display:flex}.intro__inner{max-width:54%}.intro__text{letter-spacing:-.03em;margin:28px 0 42px;font-size:clamp(26px,3.1vw,52px);font-weight:500;line-height:1.12}.intro__text .word{opacity:.14}.reel{height:260vh;position:relative}.reel__sticky{height:100vh;position:sticky;top:0;overflow:hidden}.reel__frame{clip-path:inset(26% 22% round 32px);will-change:clip-path;background:#0b0b12;position:absolute;inset:0}.reel__canvas{width:100%;height:100%;display:block}.reel__text{letter-spacing:-.055em;color:#fff;pointer-events:none;justify-content:center;align-items:center;gap:.25em;font-size:clamp(56px,11vw,190px);font-weight:500;display:flex;position:absolute;inset:0}.reel__text span{display:inline-block}.work{padding:16vh var(--gutter) 10vh}.work__head{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:70px;display:flex}.work__count{text-align:right;color:var(--muted);font-size:15px;line-height:1.5}.work__grid{grid-template-columns:1fr 1fr;gap:36px 24px;display:grid}.card:nth-child(2n){margin-top:140px}.card__media{aspect-ratio:4/4.3;border-radius:var(--radius);background:var(--card);transform-style:preserve-3d;position:relative;overflow:hidden}.card__media:after{content:"";background:radial-gradient(40% 40% at var(--mx,50%) var(--my,50%), #ffffff59, transparent 70%);opacity:0;pointer-events:none;mix-blend-mode:soft-light;transition:opacity .5s;position:absolute;inset:0}.card:hover .card__media:after{opacity:1}.work__grid{will-change:transform}.card__art{transition:scale 1.2s var(--ease);position:absolute;inset:-8%}.card:hover .card__art{scale:1.06}.card__info{justify-content:space-between;align-items:baseline;gap:16px;padding:20px 6px 0;display:flex}.card__title{letter-spacing:-.03em;font-size:clamp(22px,2vw,30px);font-weight:500}.card__tags{color:var(--muted);font-size:14px}.orb{border-radius:50%;animation:7s ease-in-out infinite float;position:absolute}.orb.o2{animation-duration:9s;animation-delay:-3s}@keyframes float{0%,to{transform:translate(0,0)}50%{transform:translateY(-6%)rotate(8deg)}}.art-1{background:radial-gradient(120% 90% at 20% 10%,#5a68ff 0%,#1a2ffb 45%,#08105e 100%)}.art-1 .o1{aspect-ratio:1;background:radial-gradient(circle at 34% 28%,#fff 0%,#cdd2ff 18%,#4d5bff 52%,#0d1690 100%);width:46%;top:26%;left:27%;box-shadow:0 40px 80px #00002880}.art-1 .o2{aspect-ratio:1;background:radial-gradient(circle at 34% 28%,#fff,#9aa3ff 40%,#1a2ffb);width:18%;top:58%;left:62%}.art-2{background:linear-gradient(150deg,#120b1c 0%,#2a0f2e 55%,#4a1525 100%)}.art-2 .o1{aspect-ratio:1;filter:saturate(1.2);background:radial-gradient(circle at 36% 30%,#ffe2c4 0%,#ff7a59 30%,#d81e5b 62%,#3b0a2b 100%);width:58%;top:20%;left:21%;box-shadow:0 0 120px #ff5a5a59}.art-2 .o2{aspect-ratio:1;background:radial-gradient(circle at 34% 28%,#fff,#ffb07a 50%,#c2185b);width:12%;top:64%;left:16%}.art-3{background:repeating-radial-gradient(circle,#0000 0 26px,#1a2ffb29 27px 28px),#e4e6f4}.art-3 .o1{aspect-ratio:1;background:radial-gradient(circle at 34% 28%,#6b6f80 0%,#1a1a24 40%,#000 100%);width:40%;top:30%;left:30%;box-shadow:0 50px 70px #0a0a1e59}.art-3 .o2{aspect-ratio:1;background:radial-gradient(circle at 34% 28%,#fff,#cfd3ff 45%,#1a2ffb);width:14%;top:22%;left:68%}.art-4{background:conic-gradient(from 210deg at 55% 45%,#00e0b0,#1a2ffb,#0b0b12,#0b0b12,#00e0b0)}.art-4:after{content:"";-webkit-backdrop-filter:blur(40px);position:absolute;inset:0}.art-4 .o1{z-index:1;aspect-ratio:1;background:radial-gradient(circle at 34% 28%,#fff 0%,#e7e9f5 35%,#a5aac2 100%);width:34%;top:33%;left:33%;box-shadow:0 40px 80px #00000073}.art-4 .o2{z-index:1;aspect-ratio:1;background:radial-gradient(circle at 34% 28%,#fff,#7af5d6 50%,#00a37f);width:10%;top:24%;left:24%}.services{padding:18vh var(--gutter) 0;background:var(--bg);color:var(--fg);clip-path:inset(0 4% round 48px);position:relative}.services__list{border-bottom:1px solid var(--line);margin-top:40px}.service{border-top:1px solid var(--line);isolation:isolate;transition:padding .6s var(--ease), color .4s;grid-template-columns:90px 1fr 320px;align-items:center;gap:24px;padding:34px 0;display:grid;position:relative}.service:before{content:"";z-index:-1;background:var(--accent);transform-origin:bottom;transition:transform .6s var(--ease);position:absolute;inset:0;transform:scaleY(0)}.service:hover{color:#fff;padding-left:24px;padding-right:24px}.service:hover:before{transform:scaleY(1)}.service:hover .service__num,.service:hover .service__desc{color:#fffc}.service__num{color:var(--muted);font-size:14px;transition:color .4s}.service__name{letter-spacing:-.04em;font-size:clamp(28px,4.2vw,68px);font-weight:500;line-height:1}.service__desc{color:var(--muted);font-size:15px;line-height:1.5;transition:color .4s}.marquee{margin:0 calc(var(--gutter) * -1);white-space:nowrap;padding:16vh 0 20vh;overflow:hidden}.marquee__track{letter-spacing:-.05em;gap:.35em;font-size:clamp(80px,14vw,240px);font-weight:500;line-height:1;display:inline-flex}.marquee__track span{padding-right:.35em}.marquee__track .outline{color:#0000;-webkit-text-stroke:2px var(--fg)}.footer{min-height:100svh;padding:16vh var(--gutter) 30px;flex-direction:column;justify-content:space-between;gap:60px;display:flex}.footer__title{letter-spacing:-.055em;margin:28px 0 40px;font-size:clamp(56px,10vw,170px);font-weight:500;line-height:.9}.footer__mail{letter-spacing:-.03em;border-bottom:2px solid var(--fg);padding-bottom:4px;font-size:clamp(22px,2.6vw,40px);font-weight:500;display:inline-block}.footer__bottom{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:22px;font-size:14px;display:flex}.footer__bottom b{color:var(--fg);margin-left:6px;font-weight:500}.footer__social{gap:22px;display:flex}.footer__social a{color:var(--fg);transition:color .3s}.footer__social a:hover{color:var(--accent)}@media (width<=768px){.pill{height:42px;padding:0 16px;font-size:14px}.menu-toggle__label{display:none}.hero__bottom{flex-direction:column;align-items:flex-start}.intro{min-height:auto;padding-top:55vh}.intro__inner{max-width:100%}.work__head{flex-direction:column;align-items:flex-start}.work__count{text-align:left}.work__grid{grid-template-columns:1fr}.card:nth-child(2n){margin-top:0}.reel__frame{clip-path:inset(36% 8% round 24px)}.service{grid-template-columns:40px 1fr;padding:26px 0}.service__desc{display:none}.footer__bottom{flex-direction:column;align-items:flex-start}}