:root{--black:#050505;--ink:#0b0b0d;--carbon:#151517;--surface:#222225;--paper:#f5f3ef;--muted:#98989c;--line:#f5f3ef1f;--accent:#ff5a1f;--accent-2:#ff7a35;--wa:#25d366;--f-display:"Instrument Serif", "Iowan Old Style", Georgia, serif;--f-body:"Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;--f-mono:"JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;--ease-cine:cubic-bezier(.76, 0, .24, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--gutter:clamp(16px, 4vw, 56px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{background:var(--ink);scroll-behavior:smooth;overflow-x:clip}body{background:var(--ink);color:var(--paper);font-family:var(--f-body);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6;overflow-x:clip}img,video,svg{max-width:100%;display:block}a{color:inherit}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{background:var(--paper);color:var(--ink);z-index:200;padding:10px 14px;position:absolute;top:-60px;left:12px}.skip:focus{top:12px}.mono{font-family:var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:12px}.rec{align-items:center;gap:10px;display:inline-flex}.rec-dot{background:var(--accent);border-radius:50%;width:9px;height:9px;animation:1.8s ease-out infinite pulse}@keyframes pulse{0%{box-shadow:0 0 #ff5a1f99}to{box-shadow:0 0 0 12px #ff5a1f00}}.serif-em{font-family:var(--f-display);color:var(--accent);font-style:italic;font-weight:400}.display{font-family:var(--f-display);letter-spacing:-.01em;margin:0;font-weight:400;line-height:.96}section{padding-block:clamp(96px,14vw,180px);padding-inline:var(--gutter);position:relative}.section-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:clamp(40px,6vw,84px);padding-bottom:14px;display:flex}.progress{background:var(--accent);transform-origin:0;z-index:60;width:100%;height:2px;position:fixed;top:0;left:0;transform:scaleX(0)}.mt-mask{vertical-align:top;margin-bottom:-.08em;padding-bottom:.08em;display:inline-block;overflow:hidden}.mt-mask--c{perspective:600px}.mt-inner{will-change:transform;display:inline-block}.motion-text span:not(.mt-mask){display:inline}.mask{vertical-align:top;display:inline-block;overflow:hidden}.mask>span{display:inline-block}.btn{border:1px solid var(--line);isolation:isolate;min-height:52px;transition:color .45s var(--ease-out), border-color .45s var(--ease-out), box-shadow .45s;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 26px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn__fill{z-index:-1;background:var(--paper);transition:transform .6s var(--ease-cine);border-radius:inherit;position:absolute;inset:0;transform:translateY(101%)}.btn:hover .btn__fill,.btn:focus-visible .btn__fill{transform:translateY(0)}.btn:hover{color:var(--ink);border-color:var(--paper)}.btn__label{transition:transform .5s var(--ease-out);position:relative}.btn:hover .btn__label{transform:translateY(-1px)}.btn--primary{background:var(--accent);color:var(--ink);border-color:var(--accent)}.btn--primary .btn__fill{background:var(--paper)}.btn--primary:hover{color:var(--ink);border-color:var(--paper)}.btn--wa{background:var(--wa);color:var(--ink);border-color:var(--wa);font-weight:700}.btn--wa .btn__fill{background:#fff}.btn:disabled{opacity:.4;cursor:not-allowed}.has-cursor,.has-cursor *{cursor:none!important}.cursor-dot,.cursor-ring,.cursor-label{pointer-events:none;z-index:120;will-change:transform;position:fixed;top:0;left:0}.cursor-dot{mix-blend-mode:difference;background:#fff;border-radius:50%;width:10px;height:10px}.cursor-ring{mix-blend-mode:difference;width:42px;height:42px;transition:width .45s var(--ease-out), height .45s var(--ease-out), background .45s, border-color .45s;border:1px solid #f5f3efcc;border-radius:50%}.cursor-ring--link{background:#f5f3efe6;border-color:#0000;width:72px;height:72px}.cursor-ring--project{background:#f5f3efe6;border-color:#0000;width:104px;height:104px}.cursor-ring--video{background:#f5f3efe6;border-color:#0000;width:92px;height:92px}.cursor-ring--gallery{width:96px;height:96px}.cursor-label{font-family:var(--f-mono);letter-spacing:.1em;color:var(--ink);opacity:0;mix-blend-mode:normal;font-size:12px;transition:opacity .3s}.cursor-label.is-on{opacity:1}@media (pointer:coarse),(prefers-reduced-motion:reduce){.cursor-dot,.cursor-ring,.cursor-label{display:none}}.nav{z-index:50;padding:18px var(--gutter);border-bottom:1px solid #0000;justify-content:space-between;align-items:center;transition:background .5s,-webkit-backdrop-filter .5s,backdrop-filter .5s,border-color .5s;display:flex;position:fixed;inset:0 0 auto}.nav.is-solid{-webkit-backdrop-filter:blur(14px)saturate(120%);backdrop-filter:blur(14px)saturate(120%);border-color:var(--line);background:#0b0b0db3}.nav__brand{font-family:var(--f-display);font-size:22px;text-decoration:none}.nav__brand i{color:var(--accent)}.nav__links{gap:30px;margin:0;padding:0;list-style:none;display:flex}.nav__link{color:var(--paper);opacity:.8;padding:6px 0;font-size:14px;text-decoration:none;transition:opacity .3s;position:relative}.nav__link:after{content:"";background:var(--accent);transform-origin:100%;height:1px;transition:transform .5s var(--ease-out);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.nav__link:hover,.nav__link.is-active{opacity:1}.nav__link:hover:after,.nav__link.is-active:after{transform-origin:0;transform:scaleX(1)}.nav__burger{border:1px solid var(--line);background:0 0;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;display:none}.nav__burger span{background:var(--paper);width:18px;height:1.5px;display:block;position:relative}.nav__burger span:before,.nav__burger span:after{content:"";background:var(--paper);width:18px;height:1.5px;transition:transform .4s var(--ease-out);position:absolute;left:0}.nav__burger span:before{top:-6px}.nav__burger span:after{top:6px}.nav__burger[aria-expanded=true] span{background:0 0}.nav__burger[aria-expanded=true] span:before{transform:translateY(6px)rotate(45deg)}.nav__burger[aria-expanded=true] span:after{transform:translateY(-6px)rotate(-45deg)}.menu{z-index:45;padding:96px var(--gutter);clip-path:circle(0% at 100% 0);transition:clip-path .9s var(--ease-cine);visibility:hidden;background:#050505f7;flex-direction:column;justify-content:center;display:flex;position:fixed;inset:0}.menu.is-open{clip-path:circle(150% at 100% 0);visibility:visible}.menu ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.menu a{font-family:var(--f-display);padding:6px 0;font-size:clamp(44px,12vw,72px);text-decoration:none;display:inline-block}.menu a:hover{color:var(--accent)}.hero{flex-direction:column;justify-content:flex-end;min-height:100svh;padding-bottom:clamp(48px,8vh,96px);display:flex;position:relative;overflow:hidden}.hero__meta{top:96px;left:var(--gutter);right:var(--gutter);justify-content:space-between;display:flex;position:absolute}.hero__title{max-width:12ch;margin-bottom:24px;font-size:clamp(64px,12.5vw,220px)}.hero__title em{color:var(--accent)}.hero__sub{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:28px;display:flex}.hero__lede{max-width:42ch;color:var(--muted);margin:0;font-size:clamp(16px,1.6vw,19px)}.hero__actions{flex-wrap:wrap;gap:12px;display:flex}.hero__scene{z-index:0;position:absolute;inset:0}.hero__content{z-index:2;position:relative}.hero__fallback{background:radial-gradient(60% 50% at 70% 40%,#ff5a1f47,#0000 70%),radial-gradient(40% 40% at 20% 80%,#ff7a351f,#0000 70%);position:absolute;inset:0}.hero__clip{z-index:1;pointer-events:none;position:absolute;inset:0}.hero__vignette{z-index:1;pointer-events:none;background:linear-gradient(#0b0b0d00 40%,#0b0b0de6 100%);position:absolute;inset:0}.hero__scroll{right:var(--gutter);z-index:2;writing-mode:vertical-rl;position:absolute;bottom:32px}.cinema{pointer-events:none;position:absolute;inset:0}.cinema canvas{width:100%!important;height:100%!important}.gallery{padding-inline:0}.gallery__track{padding-inline:var(--gutter);will-change:transform;align-items:center;gap:clamp(24px,4vw,64px);display:flex}.work{text-align:left;background:0 0;border:0;flex:none;width:min(78vw,880px);padding:0;position:relative}.work__frame{aspect-ratio:16/9;background:var(--carbon);transform-style:preserve-3d;will-change:transform;border-radius:4px;position:relative;overflow:hidden;box-shadow:0 40px 80px -40px #000c}.work__cover{background:linear-gradient(135deg, var(--a), var(--b));transition:transform 1.2s var(--ease-out);position:absolute;inset:0;transform:scale(1.12)}.work__cover:after{content:"";background:repeating-linear-gradient(0deg,#0000002e 0 1px,#0000 1px 3px);position:absolute;inset:0}.work__glow{background:radial-gradient(circle at var(--mx,50%) var(--my,50%), #ffffff38, transparent 42%);opacity:0;pointer-events:none;transition:opacity .5s;position:absolute;inset:-40%}.work:hover .work__glow{opacity:1}.work:hover .work__cover{transform:scale(1.04)}.work__video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .6s;position:absolute;inset:0}.work.is-playing .work__video{opacity:1}.work__num{font-family:var(--f-display);opacity:.9;text-shadow:0 2px 20px #0006;font-size:clamp(44px,6vw,88px);line-height:1;position:absolute;top:14px;left:18px}.work__tc{font-family:var(--f-mono);color:var(--paper);text-shadow:0 1px 6px #000c;font-size:12px;position:absolute;bottom:12px;right:16px}.work__meta{justify-content:space-between;gap:12px;margin-top:18px;display:flex}.work__title{font-family:var(--f-display);margin:0;font-size:clamp(28px,3.4vw,44px);line-height:1.05}.work__cat{color:var(--muted);font-size:14px}.work:focus-visible{outline-offset:10px}.gallery__hint{right:var(--gutter);position:absolute;bottom:28px}.detail{z-index:80;background:var(--ink);visibility:hidden;position:fixed;inset:0;overflow:auto}.detail.is-open{visibility:visible}.detail__close{top:18px;right:var(--gutter);z-index:3;position:fixed}.detail__media{aspect-ratio:16/9;background:var(--carbon);width:100%;max-height:80vh;position:relative;overflow:hidden}.detail__body{padding:clamp(24px, 4vw, 64px) var(--gutter) 120px;gap:22px;max-width:1100px;display:grid}.detail__title{font-size:clamp(48px,8vw,120px)}.process__stage{align-content:center;gap:32px;min-height:100svh;display:grid;position:relative}.tl{border:1px solid var(--line);background:linear-gradient(#111113,#0b0b0d);border-radius:6px;padding:18px 18px 22px;position:relative;overflow:hidden}.tl__ruler{font-family:var(--f-mono);color:var(--muted);border-bottom:1px solid var(--line);justify-content:space-between;margin-bottom:14px;padding:0 0 12px;font-size:11px;display:flex}.tl__track{gap:12px;display:grid;position:relative}.tl__row{background:#ffffff05;border-radius:4px;height:40px;position:relative}.tl__row--v{height:62px}.clip{transform-origin:0;background:linear-gradient(90deg,#ff5a1f,#c2410c);border-radius:3px;position:absolute;top:6px;bottom:6px}.clip--2{background:linear-gradient(90deg,#3a3a40,#222225)}.clip--3{background:linear-gradient(90deg,#ff7a35,#ff5a1f)}.clip--4{border:1px solid var(--line);background:linear-gradient(90deg,#f5f3ef22,#f5f3ef11)}.tl__head{background:var(--accent);width:1px;box-shadow:0 0 14px var(--accent);position:absolute;top:0;bottom:0;left:0}.tl__head:before{content:"";border:5px solid #0000;border-top:7px solid var(--accent);border-bottom:0;position:absolute;top:-6px;left:-5px}.frame-ratio{border:1px solid var(--line);aspect-ratio:16/9;background:linear-gradient(135deg,#1c1c20,#0b0b0d);border-radius:6px;place-items:center;width:min(100%,720px);margin-inline:auto;transition:none;display:grid;position:relative;overflow:hidden}.frame-ratio__label{font-family:var(--f-mono);color:var(--muted);font-size:12px;position:absolute;top:12px;left:14px}.steps{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.step{border-top:1px solid var(--line);color:#f5f3ef59;padding-top:18px;transition:color .5s}.step.is-active{color:var(--paper)}.step.is-active .step__code{color:var(--accent)}.step__code{font-family:var(--f-mono);color:var(--muted);font-size:12px}.step__title{font-family:var(--f-display);margin:10px 0;font-size:clamp(26px,3vw,40px);line-height:1.05}.step__text{color:var(--muted);max-width:36ch;margin:0;font-size:15px}.about{grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(40px,6vw,110px);display:grid}.about__portrait{aspect-ratio:4/5;border:1px solid var(--line);clip-path:inset(0);background:radial-gradient(70% 60% at 50% 30%,#3a1d10,#0b0b0d 70%);border-radius:6px;position:relative;overflow:hidden}.about__portrait svg{width:100%;height:100%;position:absolute;inset:0}.about__copy p{color:var(--muted);max-width:52ch;font-size:clamp(16px,1.5vw,19px)}.about__stats{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:44px;display:grid}.stat{border-top:1px solid var(--line);padding-top:14px}.stat__num{font-family:var(--f-display);font-size:clamp(48px,6vw,84px);line-height:1}.stat__label{font-family:var(--f-mono);color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.services{gap:0;margin:40px 0 0;padding:0;list-style:none;display:grid}.services li{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px 0;font-size:17px;display:flex}.services li:last-child{border-bottom:1px solid var(--line)}.services span{font-family:var(--f-mono);color:var(--muted);font-size:12px}.contact{flex-direction:column;justify-content:center;min-height:100svh;display:flex;overflow:hidden}.contact__title{z-index:2;max-width:13ch;margin-bottom:40px;font-size:clamp(56px,11vw,190px);position:relative}.contact__title em{color:var(--accent)}.contact__row{z-index:2;flex-wrap:wrap;align-items:center;gap:14px;display:flex;position:relative}.copy{border:0;border-bottom:1px solid var(--line);cursor:pointer;background:0 0;align-items:center;gap:14px;padding:10px 0;font-size:clamp(18px,2.4vw,28px);display:inline-flex}.copy small{font-family:var(--f-mono);color:var(--muted);text-transform:uppercase;font-size:11px}.contact__scene{z-index:1;position:absolute;inset:0}.footer{padding:36px var(--gutter) 48px;border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}.footer__line{background:var(--accent);transform-origin:0;height:1px;position:absolute;top:-1px;left:0;right:0;transform:scaleX(0)}.footer a{border-bottom:1px solid var(--line);text-decoration:none}.footer a:hover{color:var(--accent);border-color:var(--accent)}.pre{z-index:100;background:var(--black);place-items:center;display:grid;position:fixed;inset:0}.pre__rec{left:var(--gutter);position:absolute;top:28px}.pre__center{justify-items:center;gap:22px;display:grid}.pre__dot{background:var(--accent);border-radius:50%;width:14px;height:14px;box-shadow:0 0 40px #ff5a1fb3}.pre__name{font-family:var(--f-display);flex-wrap:wrap;justify-content:center;gap:0 .3em;margin:0;font-size:clamp(36px,7vw,96px);font-weight:400;line-height:1;display:flex}.pre__line{background:var(--accent);transform-origin:0;height:1px;position:absolute;bottom:96px;left:0;right:0;transform:scaleX(0)}.pre__count{right:var(--gutter);font-family:var(--f-mono);font-variant-numeric:tabular-nums;font-size:clamp(40px,6vw,72px);position:absolute;bottom:28px}.pre__count span{color:var(--muted);margin-left:4px;font-size:.4em}@media (width<=1000px){.about{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}}@media (width<=760px){.nav__links{display:none}.nav__burger{display:inline-flex}.hero__meta{top:84px}.hero__title{font-size:clamp(56px,19vw,110px)}.steps{grid-template-columns:1fr}.about__stats{grid-template-columns:1fr 1fr 1fr}.gallery__track{flex-direction:column;align-items:stretch}.work{width:100%}.gallery__hint{display:none}.cinema{opacity:.6}.btn{min-height:56px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.cinema{display:none}.hero__fallback{display:block}}.hero__em{color:var(--accent);font-style:italic}.process__stage,.tl__track{position:relative}.tl__head{transform:translate(0)}.process__head{margin-bottom:0}.stat__num{font-variant-numeric:tabular-nums}.contact__number{z-index:2;margin-top:18px;display:block;position:relative}.gallery__title{font-size:clamp(52px,7.5vw,112px)}.work{width:min(78vw,760px,160svh - 544px);min-width:260px}
