:root{--ink:#07090a;--ink2:#101315;--paper:#f1efe9;--paper2:#e7e3da;--blue:#168dff;--morpho:#1ba5ff;--muted:#8f9497;--line:rgba(255,255,255,.14);--blackline:rgba(7,9,10,.14);--pad:clamp(22px,3.2vw,56px);--serif:"Instrument Serif",Georgia,serif;--sans:"Manrope",Arial,sans-serif}
*{box-sizing:border-box}html{background:var(--ink);scrollbar-width:thin;scrollbar-color:#444 var(--ink)}html,body{margin:0;padding:0}body{font-family:var(--sans);background:var(--ink);color:#fff;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}::selection{background:var(--morpho);color:#00111d}.serif{font-family:var(--serif);font-weight:400}.italic{font-style:italic}.noise{position:fixed;inset:0;z-index:99998;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.site-header{position:fixed;z-index:1000;top:0;left:0;width:100%;height:84px;padding:0 var(--pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;mix-blend-mode:difference;color:#fff}.brand{display:flex;align-items:center;gap:10px;width:max-content;font-weight:600;font-size:18px;letter-spacing:-.04em}.brand-mark{width:28px;height:22px;fill:none;stroke:currentColor;stroke-width:1.25}.desktop-nav{display:flex;gap:36px;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.desktop-nav a{position:relative}.desktop-nav a:after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:.35s transform}.desktop-nav a:hover:after{transform:scaleX(1);transform-origin:left}.header-cta{justify-self:end;display:flex;gap:18px;align-items:center;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.header-cta i{font-style:normal;border:1px solid currentColor;border-radius:50%;width:31px;height:31px;display:grid;place-items:center}.menu-toggle{display:none;background:none;border:0;width:42px;height:42px;justify-self:end;cursor:pointer}.menu-toggle span{display:block;width:22px;height:1px;background:#fff;margin:6px auto}.menu-panel{position:fixed;z-index:900;inset:0;background:#0b0e10;color:#fff;padding:130px var(--pad) 50px;clip-path:inset(0 0 100% 0);pointer-events:none}.menu-panel nav{position:relative;z-index:2;display:flex;flex-direction:column}.menu-panel nav a{display:grid;grid-template-columns:60px 1fr;align-items:center;border-bottom:1px solid var(--line);padding:13px 0}.menu-panel nav em{font-size:10px;font-style:normal;color:#6f7579}.menu-panel nav span{font-family:var(--serif);font-size:clamp(48px,10vw,90px);line-height:1}.menu-panel>p{position:absolute;bottom:35px;font-size:11px;color:#8b9195}.menu-orbit{position:absolute;width:520px;height:520px;right:-100px;bottom:-160px;border:1px solid rgba(27,165,255,.25);border-radius:50%}.menu-orbit span{position:absolute;border:1px solid rgba(27,165,255,.15);border-radius:50%;inset:13%}.menu-orbit span:nth-child(2){inset:26%}.menu-orbit span:nth-child(3){inset:39%;background:#168dff;box-shadow:0 0 80px #168dff}.cursor{position:fixed;inset:0;z-index:99999;pointer-events:none}.cursor-dot,.cursor-ring,.cursor-label{position:fixed;left:0;top:0;transform:translate(-50%,-50%);opacity:0}.cursor-dot{width:4px;height:4px;background:#fff;border-radius:50%;mix-blend-mode:difference}.cursor-ring{width:38px;height:38px;border:1px solid rgba(255,255,255,.65);border-radius:50%;mix-blend-mode:difference;transition:width .25s,height .25s,background .25s}.cursor-label{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#fff}.custom-cursor-active,.custom-cursor-active *{cursor:none!important}.page-wipe{position:fixed;z-index:100000;inset:0;background:var(--morpho);transform:translateY(101%);display:grid;place-items:center;pointer-events:none}.wipe-mark{font-family:var(--serif);font-size:120px;color:#00111d}.section-index{font-size:10px;letter-spacing:.12em;text-transform:uppercase;opacity:.55}.text-link{display:inline-flex;gap:28px;align-items:center;text-transform:uppercase;font-size:11px;letter-spacing:.08em;border-bottom:1px solid currentColor;padding-bottom:7px}.hero{position:relative;min-height:100svh;background:#060708;overflow:hidden;padding:0 var(--pad);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr)}.hero-copy{position:relative;z-index:4;display:flex;flex-direction:column;justify-content:center;padding-top:72px}.hero-kicker{display:flex;align-items:center;gap:12px;font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#8d969b;margin-bottom:50px}.hero-kicker b{width:26px;height:1px;background:#4a5256}.hero-title{margin:0;font-size:clamp(62px,7.8vw,145px);font-weight:500;line-height:.82;letter-spacing:-.075em;max-width:970px}.hero-title .line{display:block;overflow:hidden}.hero-title .line>span{display:block}.hero-title .serif{font-style:italic;font-weight:400;color:#c8ccce;padding-left:7vw}.hero-bottom{display:flex;align-items:flex-end;gap:60px;margin-top:58px;padding-left:18vw}.hero-bottom p{max-width:430px;margin:0;color:#9aa1a5;font-size:15px;line-height:1.65}.hero-bottom em{font-family:var(--serif);font-size:19px;color:#e7e9ea}.circle-link{width:72px;height:72px;border:1px solid #4b5357;border-radius:50%;display:grid;place-items:center;position:relative;flex:0 0 auto}.circle-link span{font-size:19px}.circle-link small{position:absolute;bottom:-27px;font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:#788084}.hero-film{position:relative;height:100svh;margin-right:calc(var(--pad)*-1);overflow:hidden}.hero-film video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.film-mask{position:absolute;inset:0;background:linear-gradient(90deg,#060708 0%,rgba(6,7,8,.68) 16%,rgba(6,7,8,.12) 52%,rgba(6,7,8,.22) 100%),linear-gradient(0deg,#060708 0%,transparent 18%,transparent 78%,rgba(6,7,8,.35) 100%)}.film-light{position:absolute;top:-20%;right:-10%;width:90%;height:65%;background:radial-gradient(ellipse at top right,rgba(209,235,255,.18),transparent 62%);filter:blur(12px)}.film-caption{position:absolute;right:var(--pad);bottom:50px;display:flex;gap:16px;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#aab0b4}.film-caption span{color:#fff}.film-caption p{margin:0;line-height:1.6}.hero-coordinate{position:absolute;left:var(--pad);bottom:36px;font-size:8px;line-height:1.5;color:#5c6469;letter-spacing:.08em}.scroll-line{position:absolute;left:50%;bottom:0;height:80px;width:1px;background:linear-gradient(#454b4e,transparent)}.manifesto{background:var(--paper);color:var(--ink);padding:150px var(--pad) 70px;min-height:90vh}.manifesto-grid{display:grid;grid-template-columns:1fr 3.3fr;gap:6vw;margin-top:110px}.manifesto-aside{font-size:12px;line-height:1.5;max-width:180px;margin-top:16px}.manifesto-title{font-size:clamp(52px,7.5vw,128px);line-height:.94;letter-spacing:-.065em;font-weight:500;margin:0}.manifesto-title .serif{font-size:1.08em}.manifesto-foot{margin-top:100px;padding-top:22px;border-top:1px solid var(--blackline);display:flex;gap:22px;justify-content:flex-end;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.manifesto-foot i{font-family:var(--serif);font-size:18px;font-style:normal;color:#9ea3a6}.metamorphosis{position:relative;min-height:250vh;background:#07090a;color:#fff}.metamorphosis canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.7}.metamorphosis-head{position:absolute;top:90px;left:var(--pad);right:var(--pad);z-index:2;display:flex;justify-content:space-between}.metamorphosis-head p{margin:0;font-family:var(--serif);font-size:20px;font-style:italic;color:#afb5b8}.metamorphosis-stage{position:sticky;top:0;height:100svh;overflow:hidden;display:grid;place-items:center}.meta-center{width:min(54vw,760px);position:relative}.wing-drawing{width:100%;overflow:visible}.wing-path,.vein{fill:none;stroke:#74818a;stroke-width:1.1;vector-effect:non-scaling-stroke}.wing-path{stroke:#99cfff}.vein{stroke:#35464f}.meta-pulse{position:absolute;left:50%;top:51%;width:12px;height:12px;border-radius:50%;background:#1ba5ff;box-shadow:0 0 20px #1ba5ff,0 0 70px #168dff;transform:translate(-50%,-50%)}.meta-word{position:absolute;z-index:3;opacity:.16;display:flex;gap:18px;align-items:flex-start;transition:opacity .4s}.meta-word small{font-size:8px;color:#52616a}.meta-word span{font-family:var(--serif);font-style:italic;font-size:clamp(42px,6vw,94px)}.meta-word:nth-of-type(1){left:7%;top:25%}.meta-word:nth-of-type(2){right:7%;top:32%}.meta-word:nth-of-type(3){left:9%;bottom:25%}.meta-word:nth-of-type(4){right:11%;bottom:21%}.meta-word.active{opacity:1}.meta-copy{position:absolute;bottom:42px;left:50%;transform:translateX(-50%);max-width:510px;text-align:center;color:#7f898f;font-size:12px;line-height:1.6}.work-preview{background:var(--paper);color:var(--ink);padding:140px var(--pad)}.work-intro{display:grid;grid-template-columns:1fr 2.8fr auto;align-items:end;margin-bottom:90px}.work-intro h2{font-size:clamp(52px,6.7vw,110px);line-height:.92;letter-spacing:-.06em;font-weight:500;margin:0}.work-intro .text-link{margin-bottom:10px}.case{margin-top:18px;border-radius:2px;overflow:hidden}.case-link{display:block;padding:22px}.case-dark{background:#101316;color:#fff}.case-ivory{background:#ded9cf;color:#111}.case-blue{background:#0b72d8;color:#fff}.case-meta{display:flex;justify-content:space-between;font-size:9px;text-transform:uppercase;letter-spacing:.1em;opacity:.66;margin-bottom:20px}.case-art{height:min(63vw,720px);position:relative;overflow:hidden}.case-bottom{display:flex;justify-content:space-between;align-items:flex-end;padding:24px 0 6px}.case-bottom h3{font-size:clamp(31px,4vw,64px);line-height:.95;letter-spacing:-.05em;font-weight:500;margin:0}.case-bottom p{font-size:10px;text-transform:uppercase;letter-spacing:.08em;opacity:.58}.nostalgia-art{background:radial-gradient(circle at 48% 40%,#683c2e,#1f1514 45%,#0b0c0c 78%);display:grid;place-items:center}.crt{width:40%;aspect-ratio:1.22;background:#302724;border:1px solid #766259;border-radius:14px;padding:7%;box-shadow:0 35px 70px #0008;transform:rotate(-5deg)}.crt-screen{height:100%;border-radius:22%/15%;background:#15170f;box-shadow:inset 0 0 60px #000;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#cfde82;text-shadow:0 0 10px #b7da5a;position:relative;overflow:hidden}.crt-screen:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,#0005 4px);mix-blend-mode:multiply}.crt-screen span{font-size:9px;position:absolute;top:16px;left:18px}.crt-screen b{font-size:clamp(28px,4vw,70px);line-height:.75;text-align:center}.crt-screen small{position:absolute;bottom:16px;right:18px}.cassette{position:absolute;width:22%;aspect-ratio:1.6;right:12%;bottom:15%;background:#b59a78;border-radius:7px;transform:rotate(13deg);box-shadow:0 20px 50px #0007;color:#241e19;padding:20px;font-weight:700}.cassette i{display:inline-block;width:33%;aspect-ratio:1;border:5px solid #3c332b;border-radius:50%;margin:18% 5% 0}.cassette b{position:absolute;right:12px;top:10px}.case-noise{position:absolute;inset:0;background:radial-gradient(circle at 18% 20%,#e17d4e55,transparent 18%),linear-gradient(110deg,transparent 25%,#fff1 26% 27%,transparent 28%)}.leddo-art{background:linear-gradient(140deg,#c9bfda,#f4f1eb 55%,#cec7da);display:grid;place-items:center}.crm-window{width:76%;height:67%;background:#fbfaf8;border:1px solid #b5afaa;box-shadow:0 40px 90px #50476933;border-radius:16px;overflow:hidden;transform:perspective(1300px) rotateX(5deg) rotateY(-8deg)}.crm-top{height:48px;border-bottom:1px solid #dedbd7;display:flex;align-items:center;gap:8px;padding:0 16px;font-size:10px;color:#777}.crm-top i{width:7px;height:7px;border-radius:50%;background:#cac5c1}.crm-top span{margin-left:18px}.crm-board{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;padding:20px;height:calc(100% - 48px);background:#f4f2ef}.crm-board>div{border:1px solid #dedbd8;border-radius:8px;padding:12px;background:#f8f7f5}.crm-board small{font-size:7px;color:#8b8884}.crm-board b{display:block;font-size:10px;margin:7px 0 20px}.deal{display:block;height:70px;border-radius:6px;background:white;border:1px solid #dedbd7;margin-bottom:9px;box-shadow:0 4px 10px #00000008}.deal:after{content:"";display:block;width:52%;height:5px;background:#d9d6d2;margin:13px;border-radius:4px}.deal.blue{border-top:3px solid #7a63cb}.deal.short{height:47px}.deal.tall{height:106px}.architecture-art{background:#2e84e4;overflow:hidden}.arch-lines{position:absolute;inset:0;background-image:linear-gradient(#fff2 1px,transparent 1px),linear-gradient(90deg,#fff2 1px,transparent 1px);background-size:8vw 8vw}.arch-block{position:absolute;background:#d6eaff;box-shadow:0 40px 100px #003c8366}.b1{width:38%;height:45%;left:17%;top:18%;transform:skewY(-14deg)}.b2{width:25%;height:28%;left:48%;top:40%;background:#0d3769}.b3{width:17%;height:17%;left:67%;top:17%;background:#fff}.arch-copy{position:absolute;left:30px;right:30px;bottom:25px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.13em}.services-strip{background:#0a0d0e;color:#fff;padding:0 0 130px;overflow:hidden}.service-marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);white-space:nowrap;overflow:hidden;padding:24px 0;margin-bottom:100px}.service-marquee div{font-family:var(--serif);font-style:italic;font-size:clamp(40px,6vw,86px);line-height:1;display:inline-block;animation:marquee 24s linear infinite;color:#b6bdc0}@keyframes marquee{to{transform:translateX(-50%)}}.services-inner{padding:0 var(--pad)}.service-list{margin-top:80px}.service-list a{display:grid;grid-template-columns:70px minmax(240px,1.2fr) 1fr 50px;align-items:center;min-height:125px;border-top:1px solid var(--line);transition:padding .35s,background .35s}.service-list a:last-child{border-bottom:1px solid var(--line)}.service-list a:hover{padding:0 18px;background:#101416}.service-list span{font-size:9px;color:#687177}.service-list h3{font-size:clamp(27px,3vw,48px);letter-spacing:-.04em;font-weight:500;margin:0}.service-list p{font-size:12px;color:#7f888d;max-width:350px;line-height:1.55}.service-list i{font-style:normal;font-size:20px}.philosophy{position:relative;background:var(--paper);color:var(--ink);padding:160px var(--pad) 100px;min-height:95vh}.philosophy blockquote{margin:100px auto 0;max-width:1250px;font-size:clamp(54px,7vw,115px);line-height:.93;letter-spacing:-.065em;text-align:center;font-weight:500}.philosophy-badge{position:absolute;right:var(--pad);top:90px;width:125px;height:125px;display:grid;place-items:center}.philosophy-badge>span{text-transform:uppercase;font-size:7px;text-align:center;letter-spacing:.1em}.philosophy-badge svg{position:absolute;inset:0;width:100%;height:100%;animation:spin 16s linear infinite}.philosophy-badge text{font-size:8px;letter-spacing:2px}.philosophy-badge textPath{fill:#222}@keyframes spin{to{transform:rotate(360deg)}}.philosophy-foot{margin-top:120px;padding-top:24px;border-top:1px solid var(--blackline);display:flex;justify-content:space-between;align-items:center}.philosophy-foot p{font-size:12px;max-width:310px;line-height:1.6}.closing{position:relative;height:100svh;background:#050708;overflow:hidden}.closing-film{position:absolute;inset:0}.closing-film video{width:100%;height:100%;object-fit:cover;object-position:65% center;filter:saturate(1.1)}.closing-film>div{position:absolute;inset:0;background:linear-gradient(90deg,#050708 0%,rgba(5,7,8,.83) 35%,rgba(5,7,8,.18) 75%),linear-gradient(0deg,#050708,transparent 30%)}.closing-copy{position:absolute;z-index:2;left:var(--pad);top:50%;transform:translateY(-50%)}.eyebrow{font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:#9aa3a8}.closing h2{font-size:clamp(78px,10vw,180px);line-height:.78;letter-spacing:-.075em;font-weight:500;margin:30px 0 60px}.project-link{display:inline-flex;align-items:center;gap:55px;border-bottom:1px solid #8c969b;padding:0 0 10px;font-size:12px;text-transform:uppercase;letter-spacing:.1em}.project-link i{font-style:normal}.footer{background:#060809;color:#fff;padding:110px var(--pad) 35px}.footer-top{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:80px}.footer-logo{font-size:clamp(70px,10vw,160px);letter-spacing:-.08em;line-height:.7;font-weight:600}.footer-logo sup{font-size:12px;vertical-align:top;margin-left:5px}.footer-top p{font-family:var(--serif);font-style:italic;font-size:19px;color:#899297;margin:0}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);padding-top:25px;gap:30px}.footer-grid>div{display:flex;flex-direction:column;gap:10px}.footer-grid small{font-size:8px;letter-spacing:.12em;color:#60686c;margin-bottom:12px}.footer-grid a,.footer-grid span{font-size:11px;color:#a6adb0}.footer-time b{font-size:24px;font-weight:500;margin-top:5px}.footer-bottom{display:flex;justify-content:space-between;margin-top:90px;border-top:1px solid var(--line);padding-top:20px;font-size:8px;letter-spacing:.08em;color:#60686c}.inner-hero{min-height:72vh;background:#07090a;padding:170px var(--pad) 90px;display:flex;flex-direction:column;justify-content:flex-end}.inner-hero .section-index{margin-bottom:50px}.inner-hero h1{font-size:clamp(72px,11vw,180px);line-height:.78;letter-spacing:-.075em;font-weight:500;margin:0}.inner-hero p{max-width:560px;color:#8b9499;line-height:1.7;margin:50px 0 0;font-size:14px}.inner-content{background:var(--paper);color:var(--ink);padding:120px var(--pad)}.work-list .case{margin:0 0 36px}.service-detail{display:grid;grid-template-columns:100px 1.2fr 1fr;gap:5vw;padding:70px 0;border-top:1px solid var(--blackline)}.service-detail:last-child{border-bottom:1px solid var(--blackline)}.service-detail>span{font-size:10px;color:#999}.service-detail h2{font-size:clamp(40px,5vw,84px);line-height:.92;letter-spacing:-.05em;font-weight:500;margin:0}.service-detail div p{font-size:14px;line-height:1.7;margin:0 0 22px}.service-detail ul{list-style:none;padding:0;margin:30px 0 0}.service-detail li{font-size:10px;text-transform:uppercase;letter-spacing:.1em;padding:12px 0;border-top:1px solid var(--blackline)}.studio-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:8vw}.studio-grid h2{font-size:clamp(50px,6vw,100px);line-height:.95;letter-spacing:-.055em;margin:0;font-weight:500}.studio-copy p{font-size:18px;line-height:1.75;margin:0 0 32px}.studio-values{margin-top:120px}.studio-value{display:grid;grid-template-columns:80px 1fr 1fr;padding:35px 0;border-top:1px solid var(--blackline)}.studio-value:last-child{border-bottom:1px solid var(--blackline)}.studio-value span{font-size:10px}.studio-value h3{font-size:34px;margin:0;font-weight:500;letter-spacing:-.04em}.studio-value p{font-size:12px;line-height:1.6;color:#666;margin:0}.contact-page{min-height:100svh;background:#080a0b;padding:150px var(--pad) 70px;display:grid;grid-template-columns:1.1fr .9fr;gap:8vw}.contact-page h1{font-size:clamp(68px,10vw,155px);line-height:.8;letter-spacing:-.075em;margin:60px 0 40px;font-weight:500}.contact-page .lead{color:#8a9499;max-width:450px;line-height:1.7;font-size:14px}.contact-form{align-self:end}.field{border-bottom:1px solid #3a4043;padding:24px 0}.field label{display:block;font-size:9px;color:#747d82;text-transform:uppercase;letter-spacing:.12em;margin-bottom:12px}.field input,.field textarea,.field select{width:100%;background:none;border:0;outline:0;color:#fff;font:500 26px/1.3 var(--sans);letter-spacing:-.03em}.field textarea{resize:none;min-height:95px}.field select{appearance:none}.submit{margin-top:35px;background:#168dff;color:#00111d;border:0;border-radius:50%;width:118px;height:118px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}.transition-main{will-change:transform,opacity}
@media(max-width:900px){.desktop-nav,.header-cta{display:none}.site-header{grid-template-columns:1fr auto}.menu-toggle{display:block}.hero{grid-template-columns:1fr;padding:0}.hero-copy{position:absolute;z-index:5;inset:0;padding:120px 22px 90px;justify-content:flex-end;background:linear-gradient(0deg,#050708 0%,transparent 70%)}.hero-film{margin:0;height:100svh}.hero-title{font-size:clamp(58px,16vw,102px)}.hero-title .serif{padding-left:0}.hero-bottom{padding-left:0;align-items:flex-start;gap:20px}.hero-bottom p{font-size:12px;max-width:300px}.hero-kicker{position:absolute;top:110px}.hero-coordinate{display:none}.film-caption{bottom:25px;right:22px}.manifesto{padding:110px 22px 55px}.manifesto-grid{grid-template-columns:1fr;margin-top:55px}.manifesto-aside{display:none}.manifesto-title{font-size:clamp(47px,14vw,76px)}.manifesto-foot{justify-content:flex-start;gap:10px;flex-wrap:wrap}.meta-word span{font-size:37px}.meta-word:nth-of-type(1){left:5%;top:20%}.meta-word:nth-of-type(2){right:5%;top:30%}.meta-word:nth-of-type(3){left:6%;bottom:26%}.meta-word:nth-of-type(4){right:6%;bottom:19%}.meta-center{width:90vw}.meta-copy{width:80%;font-size:10px}.work-preview{padding:100px 16px}.work-intro{grid-template-columns:1fr;margin-bottom:55px;gap:25px}.work-intro .text-link{justify-self:start}.case{border-radius:0}.case-link{padding:12px}.case-art{height:82vw}.case-bottom{display:block}.case-bottom p{margin-top:20px}.crt{width:62%}.cassette{width:35%;right:5%}.crm-window{width:92%;height:76%;transform:none}.services-inner{padding:0 22px}.service-list a{grid-template-columns:38px 1fr 25px;padding:26px 0;min-height:auto}.service-list p{display:none}.philosophy{padding:110px 22px 70px}.philosophy blockquote{margin-top:100px;font-size:clamp(48px,13vw,75px)}.philosophy-badge{right:22px;top:65px;width:92px;height:92px}.philosophy-foot{display:block}.philosophy-foot .text-link{margin-top:30px}.closing-film video{object-position:70% center}.closing-copy{left:22px}.closing h2{font-size:clamp(70px,18vw,110px)}.footer{padding:90px 22px 30px}.footer-top{display:block}.footer-top p{margin-top:35px}.footer-grid{grid-template-columns:1fr 1fr;gap:45px 20px}.footer-bottom{display:block;line-height:2}.footer-bottom span,.footer-bottom a{display:block}.inner-hero{min-height:65vh;padding:150px 22px 70px}.inner-hero h1{font-size:clamp(68px,18vw,110px)}.inner-content{padding:90px 22px}.service-detail{grid-template-columns:45px 1fr;gap:25px}.service-detail>div{grid-column:2}.studio-grid{grid-template-columns:1fr}.studio-values{margin-top:70px}.studio-value{grid-template-columns:45px 1fr}.studio-value p{grid-column:2;margin-top:15px}.contact-page{grid-template-columns:1fr;padding:130px 22px 55px}.contact-form{margin-top:40px}.custom-cursor-active,.custom-cursor-active *{cursor:auto!important}.cursor{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.service-marquee div{animation:none}.philosophy-badge svg{animation:none}}

/* =========================================================
   SERVICES — APPROACH / COMO FUNCIONA
   ========================================================= */
.services-approach{margin-top:100px;padding-top:80px;border-top:1px solid var(--blackline)}
.services-approach h2{font-size:clamp(40px,5vw,72px);line-height:.92;letter-spacing:-.05em;font-weight:500;margin:0 0 60px}
.approach-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(20px,3vw,40px)}
.approach-step{padding-top:24px;border-top:1px solid var(--blackline)}
.approach-step span{font-size:10px;color:#999;display:block;margin-bottom:16px}
.approach-step h3{font-size:clamp(18px,2vw,24px);font-weight:500;letter-spacing:-.03em;margin:0 0 14px}
.approach-step p{font-size:13px;line-height:1.65;color:#666;margin:0}
@media(max-width:900px){.services-approach{margin-top:60px;padding-top:50px}.approach-steps{grid-template-columns:1fr 1fr;gap:30px 20px}}
@media(max-width:560px){.approach-steps{grid-template-columns:1fr}}

/* =========================================================
   PROJECT FORM — FULLSCREEN GUIDED BRIEFING
   ========================================================= */
.project-form-page{--form-progress:0;position:relative;min-height:100svh;background:#07090a;color:#fff;overflow:hidden;padding:118px var(--pad) 34px;display:flex;align-items:stretch}.project-form-shell{position:relative;z-index:3;width:100%;max-width:1540px;margin:0 auto;display:grid;grid-template-rows:auto auto 1fr auto;min-height:calc(100svh - 152px)}.project-form-top{display:flex;justify-content:space-between;align-items:center}.form-overline,.form-progress{font-size:9px;text-transform:uppercase;letter-spacing:.16em;color:#778086}.form-progress-current{color:#fff}.form-progress-divider{margin:0 5px;color:#3e464a}.form-progress-track{height:1px;background:#20272a;margin-top:20px;overflow:hidden}.form-progress-track span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#62cfff,#168dff);transform:scaleX(.25);transform-origin:left;transition:transform .75s cubic-bezier(.22,1,.36,1)}.project-form{position:relative;min-height:0}.form-stage{position:absolute;inset:0;display:none;align-items:center}.form-stage.is-active{display:flex}.form-stage-inner{width:min(1040px,72vw);padding:36px 0 24px}.form-kicker{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:#758087;margin-bottom:22px}.form-stage h1,.form-stage h2,.form-success h2{font-size:clamp(60px,7vw,118px);line-height:.86;letter-spacing:-.07em;font-weight:500;margin:0;max-width:1050px}.form-stage h1 .serif,.form-stage h2 .serif,.form-success .serif{font-weight:400}.form-intro{font-size:12px;color:#778187;line-height:1.6;margin:28px 0 36px;max-width:520px}.form-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #293034}.form-choice{color:#fff;background:none;border:0;border-bottom:1px solid #293034;min-height:82px;padding:0 16px 0 0;display:grid;grid-template-columns:46px 1fr auto;align-items:center;text-align:left;cursor:pointer;transition:padding .35s,background .35s,color .35s}.form-choice:nth-child(odd){border-right:1px solid #293034}.form-choice:hover,.form-choice.is-selected{background:#0d1215;padding-left:14px}.form-choice.is-selected{color:#77d3ff}.form-choice span{font-size:8px;color:#5e696f}.form-choice b{font-size:16px;font-weight:500;letter-spacing:-.02em}.form-choice i{font-size:16px;font-style:normal;color:#4d585d;transition:transform .35s}.form-choice:hover i,.form-choice.is-selected i{transform:translate(3px,-3px);color:#77d3ff}.conditional-field{margin-top:24px;max-width:520px}.conditional-field[hidden]{display:none}.conditional-field label,.form-subquestion>label,.form-block legend{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#687379;margin-bottom:13px}.conditional-field input{width:100%;background:transparent;border:0;border-bottom:1px solid #394246;color:#fff;font-size:20px;padding:10px 0 14px;outline:0}.form-pill-grid{display:flex;flex-wrap:wrap;gap:10px;max-width:880px}.form-pill,.form-mood-grid button{border:1px solid #30383c;background:rgba(255,255,255,.015);color:#a7b0b4;border-radius:100px;padding:14px 18px;font:500 11px var(--sans);cursor:pointer;transition:all .3s}.form-pill:hover,.form-pill.is-selected,.form-mood-grid button:hover,.form-mood-grid button.is-selected{color:#fff;border-color:#1d9eff;background:rgba(22,141,255,.12);box-shadow:inset 0 0 0 1px rgba(80,190,255,.08)}.form-subquestion{margin-top:38px;padding-top:30px;border-top:1px solid #272e32}.form-subquestion label small{color:#414a4f;font-size:8px}.form-mood-grid{display:flex;flex-wrap:wrap;gap:8px}.form-mood-grid button{padding:11px 15px;font-size:10px}.form-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:5vw;margin-top:48px;max-width:980px}.form-block{border:0;padding:0;margin:0;min-width:0}.form-stack{border-top:1px solid #2d3539}.form-stack button{width:100%;min-height:55px;padding:0;background:none;color:#9da6aa;border:0;border-bottom:1px solid #2d3539;display:flex;align-items:center;justify-content:space-between;cursor:pointer;text-align:left;font:500 13px var(--sans);transition:color .25s,padding .3s,background .3s}.form-stack button i{width:8px;height:8px;border:1px solid #4b555a;border-radius:50%;transition:.3s}.form-stack button:hover{padding-left:10px;color:#fff;background:#0d1215}.form-stack button.is-selected{color:#fff;padding-left:10px}.form-stack button.is-selected i{border-color:#56c9ff;background:#168dff;box-shadow:0 0 18px #168dff}.form-stage-contact{width:min(1100px,78vw)}.contact-fields{display:grid;grid-template-columns:1fr 1fr;column-gap:42px;margin-top:44px}.floating-field{position:relative;border-bottom:1px solid #333b3f;padding-top:22px}.floating-field-wide{grid-column:1/-1}.floating-field input,.floating-field textarea{width:100%;border:0;outline:0;background:transparent;color:#fff;font:500 22px/1.35 var(--sans);padding:14px 0 12px;resize:none}.floating-field label{position:absolute;left:0;top:40px;font-size:13px;color:#69747a;pointer-events:none;transition:all .25s}.floating-field label small{font-size:9px;color:#3f484d}.floating-field input:focus+label,.floating-field input:not(:placeholder-shown)+label,.floating-field textarea:focus+label,.floating-field textarea:not(:placeholder-shown)+label{top:9px;font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:#58c7ff}.project-form-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding-top:18px;border-top:1px solid #20272a}.form-back,.form-next{border:0;background:none;color:#7e888d;font:500 10px var(--sans);text-transform:uppercase;letter-spacing:.11em;cursor:pointer;padding:16px 0}.form-back{text-align:left;justify-self:start}.form-back:disabled{opacity:.18;cursor:default}.form-next{justify-self:end;display:flex;align-items:center;gap:28px;color:#fff}.form-next span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#168dff;color:#fff;font-size:15px;transition:transform .3s}.form-next:hover span{transform:translateX(4px)}.form-error{font-size:9px;letter-spacing:.05em;color:#ff8f7c;text-align:center;min-width:200px}.form-ambient{position:absolute;z-index:1;inset:0;pointer-events:none;overflow:hidden}.form-glow{position:absolute;width:760px;height:760px;border-radius:50%;right:-190px;top:48%;transform:translateY(-50%);background:radial-gradient(circle,rgba(20,142,255,.12),rgba(10,61,110,.045) 37%,transparent 70%);filter:blur(8px)}.form-butterfly{position:absolute;width:min(46vw,670px);height:auto;right:-8vw;top:50%;transform:translateY(-50%);opacity:.78;filter:drop-shadow(0 28px 80px rgba(10,114,255,.14));perspective:1200px;transform-style:preserve-3d}.form-wing{transform-box:fill-box;transform-style:preserve-3d}.form-wing-left{transform-origin:right center}.form-wing-right{transform-origin:left center}.form-orbit{position:absolute;border:1px solid rgba(76,175,255,.075);border-radius:50%;right:-15vw;top:50%;transform:translateY(-50%)}.form-orbit-a{width:65vw;height:65vw}.form-orbit-b{width:48vw;height:48vw}.form-success{align-self:center;max-width:920px;padding:70px 0}.form-success[hidden]{display:none}.form-success p{max-width:600px;font-size:13px;line-height:1.75;color:#7d878c;margin:35px 0 50px}.success-butterfly-mark{position:relative;width:66px;height:42px;margin-bottom:38px}.success-butterfly-mark span,.success-butterfly-mark b{position:absolute;top:3px;width:31px;height:34px;background:linear-gradient(135deg,#6bd5ff,#168dff 65%,#093769);clip-path:polygon(100% 45%,60% 0,5% 12%,0 54%,35% 100%,80% 76%)}.success-butterfly-mark span{left:0}.success-butterfly-mark b{right:0;transform:scaleX(-1)}.success-butterfly-mark i{position:absolute;left:50%;top:10px;width:2px;height:30px;background:#d9e6eb;transform:translateX(-50%)}
@media(max-width:900px){.project-form-page{padding:98px 22px 24px}.project-form-shell{min-height:calc(100svh - 122px)}.form-stage-inner,.form-stage-contact{width:100%;padding:30px 0}.form-stage h1,.form-stage h2,.form-success h2{font-size:clamp(52px,14vw,82px)}.form-choice-grid{grid-template-columns:1fr}.form-choice:nth-child(odd){border-right:0}.form-choice{min-height:62px}.form-intro{margin:20px 0 26px}.form-two-columns{grid-template-columns:1fr;gap:30px;margin-top:30px;max-height:43vh;overflow-y:auto;padding-right:5px}.contact-fields{grid-template-columns:1fr;margin-top:24px}.floating-field-wide{grid-column:auto}.floating-field input,.floating-field textarea{font-size:18px}.form-ambient{opacity:.46}.form-butterfly{width:88vw;right:-44vw;top:47%}.form-orbit-a{width:115vw;height:115vw;right:-62vw}.form-orbit-b{width:85vw;height:85vw;right:-46vw}.project-form-nav{grid-template-columns:1fr 1fr}.form-error{position:absolute;left:22px;right:22px;bottom:77px;text-align:center}.form-next{grid-column:2}.form-back{grid-column:1}.form-pill,.form-mood-grid button{font-size:10px;padding:11px 14px}}
@media(max-width:560px){.form-choice b{font-size:14px}.form-choice-grid{max-height:42vh;overflow-y:auto}.form-pill-grid,.form-mood-grid{gap:7px}.form-pill,.form-mood-grid button{padding:10px 12px}.form-stage[data-stage="2"] .form-stage-inner{padding-top:22px}.form-stage[data-stage="2"] h2{font-size:48px}.form-stage[data-stage="2"] .form-intro{margin-bottom:18px}.form-subquestion{margin-top:22px;padding-top:20px}.form-stage[data-stage="3"] h2{font-size:46px}.form-stage[data-stage="4"] h2{font-size:48px}.project-form-nav{padding-top:7px}.form-next span{width:34px;height:34px}.form-back,.form-next{font-size:9px}.form-success{padding:35px 0}}


/* =========================================================
   REFINEMENT — REAL MEDIA INSTEAD OF DECORATIVE BUTTERFLIES
   ========================================================= */

/* Metamorphosis: macro study instead of a drawn butterfly */
.meta-specimen{width:min(43vw,620px);aspect-ratio:4/3;position:relative;z-index:1;transform:rotate(-2deg)}
.specimen-frame{position:absolute;inset:0;overflow:hidden;background:#0b0f12;border:1px solid rgba(255,255,255,.14);box-shadow:0 55px 120px rgba(0,0,0,.46)}
.specimen-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,9,10,.34),transparent 35%,rgba(6,9,13,.12)),linear-gradient(0deg,rgba(7,9,10,.66),transparent 28%,transparent 74%,rgba(255,255,255,.035));pointer-events:none}
.specimen-frame img{width:100%;height:100%;object-fit:cover;object-position:66% 50%;transform:scale(1.08);filter:saturate(.72) contrast(1.14) brightness(.74);will-change:transform}
.specimen-scan{position:absolute;z-index:3;left:0;right:0;top:-3%;height:1px;background:linear-gradient(90deg,transparent,#76d5ff 25%,#fff 50%,#168dff 76%,transparent);box-shadow:0 0 18px rgba(67,190,255,.72);opacity:.56;will-change:transform}
.specimen-corner{position:absolute;z-index:4;width:28px;height:28px;border-color:rgba(166,218,244,.58);pointer-events:none}
.specimen-corner-a{left:18px;top:18px;border-left:1px solid;border-top:1px solid}
.specimen-corner-b{right:18px;bottom:18px;border-right:1px solid;border-bottom:1px solid}
.specimen-label{position:absolute;z-index:5;left:22px;right:22px;bottom:19px;display:flex;justify-content:space-between;align-items:flex-end;text-transform:uppercase;letter-spacing:.11em}
.specimen-label b{font:600 8px var(--sans);color:#eaf7ff}.specimen-label small{font:500 7px var(--sans);color:#7b8a93}
.meta-specimen .meta-pulse{left:auto;top:auto;right:-6px;bottom:-6px;width:10px;height:10px}

/* Contact: real moving footage becomes the progress artwork */
.form-ambient{opacity:1}
.form-specimen{position:absolute;width:min(37vw,560px);height:min(70vh,730px);right:-3vw;top:50%;transform:translateY(-50%);overflow:hidden;border-left:1px solid rgba(255,255,255,.08);border-right:1px solid rgba(255,255,255,.05);opacity:.56;background:#06090b;box-shadow:-70px 0 120px rgba(0,0,0,.25);will-change:transform,opacity}
.form-specimen video{position:absolute;inset:-4%;width:108%;height:108%;object-fit:cover;object-position:67% 50%;filter:saturate(.82) contrast(1.08) brightness(.68);transform:scale(1.08);will-change:transform,filter}
.form-specimen-shade{position:absolute;inset:0;background:linear-gradient(90deg,#07090a 0%,rgba(7,9,10,.58) 20%,rgba(7,9,10,.05) 66%),linear-gradient(0deg,rgba(7,9,10,.72),transparent 31%,transparent 72%,rgba(7,9,10,.38));z-index:2}
.form-specimen-grid{position:absolute;inset:0;z-index:3;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:100% 25%,25% 100%;mask-image:linear-gradient(to left,#000,transparent 88%)}
.form-specimen-meta{position:absolute;z-index:4;left:26px;right:26px;bottom:26px;display:flex;align-items:flex-end;justify-content:space-between;text-transform:uppercase;letter-spacing:.13em}.form-specimen-meta span{font-size:7px;color:#728089}.form-specimen-meta b{font-size:10px;font-weight:500;color:#d9f2ff}
.form-specimen-index{position:absolute;z-index:4;right:26px;top:26px;display:grid;grid-template-columns:auto 44px auto;align-items:center;gap:9px;font-size:7px;letter-spacing:.1em;color:#71808a}.form-specimen-index>span{color:#d9f2ff}.form-specimen-index i{height:1px;background:linear-gradient(90deg,#168dff,#536068)}
.form-glow{right:5vw;width:52vw;height:52vw;background:radial-gradient(circle,rgba(20,142,255,.11),rgba(10,61,110,.025) 42%,transparent 72%)}
.form-orbit-a{width:54vw;height:54vw;right:-22vw}.form-orbit-b{width:40vw;height:40vw;right:-15vw}

/* Success: quiet brand signal, not another butterfly */
.success-signal{position:relative;width:70px;height:70px;margin-bottom:38px;display:grid;place-items:center;border:1px solid rgba(120,208,255,.25);border-radius:50%;box-shadow:0 0 60px rgba(22,141,255,.09)}
.success-signal:before,.success-signal:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(120,208,255,.12)}
.success-signal:before{inset:10px}.success-signal:after{inset:22px;border-color:rgba(120,208,255,.22)}
.success-signal span{position:absolute;width:7px;height:7px;border-radius:50%;background:#63cbff;box-shadow:0 0 22px #168dff;right:8px;top:12px}
.success-signal i{position:absolute;width:1px;height:120px;top:-25px;background:linear-gradient(transparent,rgba(98,203,255,.28),transparent);transform:rotate(35deg)}
.success-signal b{font:400 24px var(--serif);color:#e9f7ff;z-index:1}

@media(max-width:900px){
  .meta-specimen{width:min(72vw,500px)}
  .form-specimen{width:72vw;height:54vh;right:-42vw;top:48%;opacity:.3;border:0}
  .form-specimen-meta,.form-specimen-index{display:none}
  .form-specimen-shade{background:linear-gradient(90deg,#07090a 0%,rgba(7,9,10,.84) 31%,rgba(7,9,10,.22))}
}

/* =========================================================
   META PARALLAX — supplied light + butterfly/rock layers
   Keeps the existing "Um detalhe muda tudo" section intact.
   ========================================================= */
.meta-parallax-scene{
  /* A cena ocupa SEMPRE a viewport inteira.
     O recorte pertence ao sticky stage, nunca às imagens. */
  width:100vw;
  height:100svh;
  position:relative;
  isolation:isolate;
  overflow:visible;
  transform-style:preserve-3d;
  max-width:none;
  max-height:none;
}
.meta-parallax-scene::before{
  content:"";
  position:absolute;
  inset:7% 5% 3%;
  z-index:-3;
  background:radial-gradient(circle at 69% 34%,rgba(24,111,205,.13),transparent 38%),radial-gradient(circle at 54% 60%,rgba(0,0,0,.18),transparent 62%);
  filter:blur(24px);
  pointer-events:none;
}
.meta-parallax-light,.meta-parallax-subject,.meta-parallax-ui{
  position:absolute;
  inset:0;
  will-change:transform;
}
.meta-parallax-light{
  z-index:-2;
  overflow:hidden;
  /* Overscan em todas as direções para o parallax nunca revelar a borda. */
  inset:-14svh -10vw -22svh -10vw;
  opacity:.95;
}
.meta-parallax-light img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:saturate(.9) contrast(1.08) brightness(.82);
  transform:scale(1.04);
}
.meta-parallax-light::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 14%,rgba(135,191,255,.11),transparent 28%),linear-gradient(90deg,#07090a 0%,transparent 21%,transparent 74%,rgba(7,9,10,.25) 100%),linear-gradient(0deg,#07090a 0%,transparent 15%,transparent 84%,rgba(7,9,10,.72) 100%)}
.meta-parallax-subject{
  z-index:1;
  position:absolute;
  /* O fundo do wrapper fica muito abaixo da viewport.
     Mesmo quando o JS move a camada para cima, ainda existe imagem
     sobrando abaixo do recorte — portanto nunca aparece um vão. */
  inset:-8svh -12vw -32svh -12vw;
  filter:drop-shadow(0 40px 80px rgba(0,0,0,.62));
  pointer-events:none;
}
.meta-parallax-subject img{
  position:absolute;
  left:50%;
  bottom:0;
  /* Mantém a fotografia preenchendo a viewport em qualquer proporção.
     1.5 é a proporção aproximada do PNG original (1536×1024).
     132svh cria overscan vertical para suportar o deslocamento do scroll. */
  width:max(112vw,calc(132svh * 1.5));
  height:auto;
  max-width:none;
  transform:translateX(-50%);
  transform-origin:50% 72%;
}
.meta-parallax-ui{z-index:2;pointer-events:none;inset:9svh max(5vw,var(--pad)) 7svh}
.meta-parallax-ui .specimen-corner{position:absolute;width:24px;height:24px;border-color:rgba(182,210,230,.45)}
.meta-parallax-ui .specimen-corner-a{left:0;top:0;border-left:1px solid;border-top:1px solid}
.meta-parallax-ui .specimen-corner-b{right:0;bottom:0;border-right:1px solid;border-bottom:1px solid}
.meta-parallax-ui .specimen-label{position:absolute;left:16px;bottom:14px;display:flex;gap:12px;align-items:center;padding:8px 10px;background:rgba(7,9,10,.34);backdrop-filter:blur(8px);font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:#a8b3ba}
.meta-parallax-ui .specimen-label b{color:#e7edf0;font-weight:500}.meta-parallax-ui .specimen-label small{color:#68747b}
.meta-parallax-scene .meta-pulse{left:69%;top:34%;z-index:3;width:8px;height:8px;opacity:.8}
@media(max-width:900px){
  /* No mobile também usamos a viewport inteira.
     Antes a cena tinha só 58vh e isso criava a faixa/vão visível. */
  .meta-parallax-scene{width:100vw;height:100svh;max-height:none}
  .meta-parallax-light{inset:-12svh -20vw -24svh}
  .meta-parallax-subject{inset:-8svh -28vw -38svh -28vw}
  .meta-parallax-subject img{
    width:max(150vw,calc(142svh * 1.5));
    bottom:0;
  }
  .meta-parallax-ui{inset:10svh 8vw 9svh}
  .meta-parallax-ui .specimen-label{left:8px;bottom:8px;max-width:70%;flex-wrap:wrap;gap:5px}
}
@media(prefers-reduced-motion:reduce){.meta-parallax-light,.meta-parallax-subject,.meta-parallax-ui{transform:none!important}}