:root{ --accent:#f36b21;--accent2:#d93624;--radius:28px;--max:1540px;--pad:clamp(18px,4.4vw,72px); --ease:cubic-bezier(.2,.8,.2,1) } html[data-theme="dark"]{--bg:#090d11;--bg2:#0f151b;--surface:#121a21;--surface2:#17212a;--text:#f3f5f6;--muted:#8f9aa4;--line:rgba(255,255,255,.11);--glass:rgba(14,20,26,.66);--hero:#111820;--shadow:rgba(0,0,0,.32)} html[data-theme="light"]{--bg:#edf1f3;--bg2:#f7f8f8;--surface:#ffffff;--surface2:#e4e9ec;--text:#17202a;--muted:#66727c;--line:rgba(23,32,42,.13);--glass:rgba(245,248,249,.72);--hero:#dce3e7;--shadow:rgba(46,62,72,.14)} *{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:"Vazirmatn","Inter",sans-serif;overflow-x:hidden;transition:background .45s,color .45s}body.en{font-family:"Inter","Vazirmatn",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;width:100%}.wrap{width:min(var(--max),100%);margin:auto;padding-inline:var(--pad)}.section{padding:clamp(90px,10vw,165px) 0}.eyebrow{font:600 10px "Inter";letter-spacing:.22em;text-transform:uppercase;color:var(--accent)}.title{font-size:clamp(40px,5.4vw,82px);line-height:1.08;letter-spacing:-.05em;margin:14px 0 0;font-weight:650}.title em{font-style:normal;color:var(--accent)}.lead{font-size:15px;line-height:2;color:var(--muted);max-width:650px}.reveal{opacity:1;transform:none}.clip-reveal{opacity:1;transform:none} html.motion .reveal{opacity:0;transform:translateY(34px);transition:opacity .8s var(--ease),transform .8s var(--ease)}html.motion .reveal.in{opacity:1;transform:none}html.motion .clip-reveal{opacity:0;transform:translateY(45px);filter:blur(5px);transition:opacity .9s var(--ease),transform .9s var(--ease),filter .9s}html.motion .clip-reveal.in{opacity:1;transform:none;filter:none} .header{position:fixed;z-index:100;top:14px;left:0;right:0}.nav{height:68px;border:1px solid var(--line);background:var(--glass);backdrop-filter:blur(22px) saturate(130%);border-radius:22px;box-shadow:0 16px 45px var(--shadow);display:flex;align-items:center;gap:30px;padding:0 17px;transition:.4s}.header.scrolled .nav{height:60px;border-radius:18px}.brand{display:flex;align-items:center;gap:10px;min-width:170px}.brand img{width:auto;height:44px;max-width:155px;object-fit:contain}html[data-theme="dark"] .brand img{filter:drop-shadow(0 0 8px rgba(255,255,255,.08))}.links{display:flex;gap:25px;font-size:12px;font-weight:600}.links a{opacity:.7;transition:.25s}.links a:hover{opacity:1;color:var(--accent)}.actions{margin-inline-start:auto;display:flex;align-items:center;gap:8px}.iconbtn{width:39px;height:39px;border-radius:12px;border:1px solid var(--line);background:transparent;color:var(--text);cursor:pointer;display:grid;place-items:center}.lang{font:700 10px "Inter"}.project-btn{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;padding:11px 15px;border-radius:12px;font-size:11px;font-weight:700;box-shadow:0 9px 25px rgba(243,107,33,.22)}.hamb{display:none;font-size:20px} .hero{min-height:100svh;background:var(--hero);position:relative;overflow:hidden;padding:112px 0 30px;transition:background .45s}.hero:before{content:"";position:absolute;width:75vw;height:75vw;border:1px solid var(--line);border-radius:45%;left:-38vw;top:-38vw;transform:rotate(25deg)}.hero:after{content:"";position:absolute;width:55vw;height:55vw;background:radial-gradient(circle,rgba(243,107,33,.15),transparent 62%);right:-15vw;top:0;pointer-events:none}.hero-shell{min-height:calc(100svh - 142px);border:1px solid var(--line);border-radius:38px;position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.015));box-shadow:inset 0 1px rgba(255,255,255,.16);padding:clamp(32px,5vw,76px)}.hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:5vw;align-items:center;min-height:68vh}.hero h1{font-size:clamp(55px,7.2vw,116px);line-height:.96;letter-spacing:-.07em;margin:22px 0 30px;font-weight:700}.hero h1 em{font-style:normal;color:var(--accent)}.hero-copy p{font-size:clamp(15px,1.25vw,19px);line-height:2;color:var(--muted);max-width:590px}.hero-buttons{display:flex;gap:10px;margin-top:30px;flex-wrap:wrap}.btn{padding:14px 19px;border:1px solid var(--line);border-radius:13px;font-size:12px;font-weight:650}.btn.primary{border:0;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff}.hero-stage{height:610px;position:relative;perspective:1000px}.stage-ring{position:absolute;width:78%;aspect-ratio:1;left:50%;top:50%;transform:translate(-50%,-50%) rotateX(66deg);border:1px solid var(--line);border-radius:50%;box-shadow:0 0 0 50px rgba(243,107,33,.025),0 0 80px rgba(243,107,33,.08)}.stage-ring:after{content:"";position:absolute;inset:17%;border:1px dashed rgba(243,107,33,.35);border-radius:50%;animation:spin 25s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.stage-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:220px;height:220px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ff9b42,var(--accent) 45%,#a51f19 100%);display:grid;place-items:center;box-shadow:0 30px 65px rgba(243,107,33,.25);z-index:2}.stage-logo img{width:74%;height:74%;object-fit:contain;filter:none}.float-card{position:absolute;width:215px;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:var(--glass);backdrop-filter:blur(14px);box-shadow:0 20px 45px var(--shadow);z-index:3;transition:transform .25s}.float-card img{height:118px;object-fit:cover}.float-card div{padding:10px 12px}.float-card b{font-size:11px}.float-card small{display:block;font:8px "Inter";letter-spacing:.13em;color:var(--muted);margin-top:3px}.fc1{right:0;top:5%;animation:float 5.2s ease-in-out infinite}.fc2{left:0;top:28%;animation:float 5.8s ease-in-out -1.5s infinite}.fc3{right:5%;bottom:2%;animation:float 5.5s ease-in-out -2.6s infinite}.fc4{left:7%;bottom:8%;animation:float 6.1s ease-in-out -3.5s infinite}@keyframes float{50%{transform:translateY(-11px) rotate(.5deg)}}.hero-dock{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--line);position:relative;z-index:5}.dock{padding:18px 10px;text-align:center;border-inline-end:1px solid var(--line)}.dock:last-child{border:0}.dock i{font-style:normal;color:var(--accent);font-size:18px}.dock b{display:block;font-size:11px;margin-top:5px}.dock small{font:7px "Inter";letter-spacing:.12em;color:var(--muted)} .about{background:var(--bg)}.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:7vw;align-items:center}.about-media{height:680px;position:relative}.building{position:absolute;inset:0 8% 0 0;border-radius:36px;overflow:hidden;border:1px solid var(--line);box-shadow:0 30px 70px var(--shadow)}.building img{height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}.building:hover img{transform:scale(1.035)}.building:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(5,8,10,.42),transparent 60%)}.since{position:absolute;left:0;bottom:7%;z-index:3;background:var(--glass);backdrop-filter:blur(18px);border:1px solid var(--line);border-radius:22px;padding:20px 25px;box-shadow:0 20px 50px var(--shadow)}.since strong{display:block;font:700 48px "Inter"}.about-copy .lead{margin-top:27px}.about-features{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:20px;overflow:hidden;margin-top:32px}.feature{background:var(--bg);padding:21px}.feature span{color:var(--accent);font-size:20px}.feature b{display:block;font-size:13px;margin:8px 0 4px}.feature small{color:var(--muted);line-height:1.7} .services{background:var(--bg2)}.section-head{display:grid;grid-template-columns:1.15fr .85fr;gap:6vw;align-items:end;margin-bottom:52px}.section-head .lead{margin:0}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.service-card{min-height:510px;border-radius:24px;overflow:hidden;position:relative;background:#111;border:1px solid var(--line);box-shadow:0 20px 50px var(--shadow)}.service-media{position:absolute;inset:0;overflow:hidden}.service-media img{height:112%;object-fit:cover;transform:scale(1.03);transition:transform .9s var(--ease)}.service-card:hover .service-media img{transform:scale(1.09)}.service-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(5,8,10,.97) 4%,rgba(5,8,10,.72) 37%,rgba(5,8,10,.08) 72%)}.service-top{position:absolute;top:18px;left:18px;right:18px;display:flex;justify-content:space-between;color:white;font:600 11px "Inter"}.service-arrow{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.45);display:grid;place-items:center;color:var(--accent);font-size:17px}.service-copy{position:absolute;bottom:0;padding:22px;color:white}.service-copy small{font:8px "Inter";letter-spacing:.14em;color:#a8afb5}.service-copy h3{font-size:19px;margin:6px 0}.service-copy p{font-size:11px;color:#aab1b6;line-height:1.9;margin:0;max-height:0;opacity:0;overflow:hidden;transition:.35s}.service-card:hover .service-copy p{max-height:90px;opacity:1;margin-top:8px} .work{background:var(--bg)}.projects{display:grid;grid-template-columns:1.15fr .85fr;gap:15px}.project{height:610px;border-radius:30px;overflow:hidden;position:relative}.project.small{height:500px;margin-top:110px}.project img{height:115%;object-fit:cover;transition:transform 1s var(--ease)}.project:hover img{transform:scale(1.045)}.project:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(4,7,9,.9),transparent 62%)}.project-copy{position:absolute;z-index:2;bottom:0;padding:28px;color:#fff}.project-copy small{font:8px "Inter";letter-spacing:.14em;color:#b3bbc1}.project-copy h3{font-size:25px;margin:7px 0 0} .clients{background:var(--bg2)}.client-visual{margin-top:50px;border-radius:30px;overflow:hidden;border:1px solid var(--line);position:relative;box-shadow:0 30px 70px var(--shadow)}.client-visual img{width:100%;height:auto;transition:transform 1.2s var(--ease)}.client-visual:hover img{transform:scale(1.015)}.client-note{margin-top:16px;color:var(--muted);font-size:11px} .process{background:var(--bg)}.steps{display:grid;grid-template-columns:repeat(5,1fr);margin-top:55px;border-block:1px solid var(--line)}.step{padding:30px 20px;min-height:190px;border-inline-end:1px solid var(--line)}.step:last-child{border:0}.step span{font:700 10px "Inter";color:var(--accent)}.step b{display:block;margin:40px 0 7px;font-size:15px}.step small{color:var(--muted);line-height:1.8} .quote{min-height:70vh;display:grid;place-items:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#131b22,#090d11)}.quote:before{content:"";position:absolute;width:550px;height:550px;border-radius:50%;border:1px solid rgba(243,107,33,.22);box-shadow:0 0 100px rgba(243,107,33,.08)}.quote blockquote{position:relative;z-index:2;font-size:clamp(34px,5vw,76px);line-height:1.45;text-align:center;max-width:1150px;margin:0;font-weight:500}.quote em{font-style:normal;color:var(--accent)} .final{background:linear-gradient(135deg,#f37a2c,#d73c24);color:#fff}.final-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:40px;align-items:end}.final .title{font-size:clamp(50px,7vw,110px)}.final-circle{justify-self:end;width:115px;height:115px;border-radius:50%;background:#131a20;display:grid;place-items:center;font-size:35px;transition:.3s}.final-circle:hover{transform:rotate(15deg) scale(1.05)}.footer{padding:55px 0 25px;background:#070a0d;color:#fff}.foot{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:45px}.foot-brand img{width:auto;height:90px;filter:drop-shadow(0 0 10px rgba(255,255,255,.08))}.foot h4{font:600 9px "Inter";letter-spacing:.16em;color:#65717b}.foot a{display:block;color:#9ca5ac;font-size:12px;margin:10px 0}.copy{margin-top:45px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);color:#59636c;font:9px "Inter";display:flex;justify-content:space-between} .mobile-menu{display:none} @media(max-width:1100px){.links,.project-btn{display:none}.nav{grid-template-columns:1fr auto}.hamb{display:grid}.hero-grid{grid-template-columns:1fr}.hero-stage{height:530px}.service-grid{grid-template-columns:1fr 1fr}.about-grid{grid-template-columns:1fr}.section-head{grid-template-columns:1fr}.projects{grid-template-columns:1fr}.project.small{margin-top:0}.steps{grid-template-columns:1fr}.step{border-inline-end:0;border-bottom:1px solid var(--line);min-height:auto}.final-grid{grid-template-columns:1fr}.final-circle{justify-self:start}.foot{grid-template-columns:1fr 1fr}.mobile-menu.open{display:flex;position:fixed;z-index:99;inset:0;background:var(--bg);color:var(--text);padding:110px 28px 30px;flex-direction:column;overflow:auto}.mobile-menu:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(243,107,33,.18),transparent 65%);right:-180px;top:-120px}.mobile-menu a{position:relative;font-size:clamp(30px,9vw,50px);font-weight:650;padding:8px 0;border-bottom:1px solid var(--line)}.mobile-menu .mobile-bottom{margin-top:auto;padding-top:35px;border:0;font-size:14px;color:var(--accent)}} @media(max-width:650px){.header{top:8px}.nav{height:58px;border-radius:17px;padding:0 11px}.brand img{height:36px;max-width:125px}.iconbtn{width:35px;height:35px}.hero{padding-top:86px}.hero-shell{padding:28px 18px;border-radius:26px;min-height:auto}.hero h1{font-size:clamp(48px,14vw,72px)}.hero-stage{height:450px;margin-top:5px}.stage-logo{width:135px;height:135px}.float-card{width:132px;border-radius:14px}.float-card img{height:72px}.float-card div{padding:7px 8px}.float-card b{font-size:11px}.float-card small{font-size:6px}.fc1{right:0}.fc2{left:0}.fc3{right:0}.fc4{left:0}.hero-dock{grid-template-columns:repeat(2,1fr)}.dock{min-height:82px}.section{padding:75px 0}.about-media{height:430px}.building{inset:0 5% 0 0;border-radius:24px}.since{padding:13px 16px}.since strong{font-size:32px}.about-features{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr}.service-card{min-height:470px}.service-copy p{max-height:90px;opacity:1;margin-top:8px}.project,.project.small{height:440px}.client-visual{border-radius:18px}.quote{min-height:60vh}.foot{grid-template-columns:1fr}.copy{flex-direction:column;gap:10px}} @media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal,.clip-reveal{opacity:1!important;transform:none!important;filter:none!important}} html[dir="rtl"] body{text-align:right;font-feature-settings:"kern" 1} html[dir="rtl"] .title,html[dir="rtl"] .hero h1,html[dir="rtl"] .lead, html[dir="rtl"] .service-copy,html[dir="rtl"] .project-copy, html[dir="rtl"] .about-copy,html[dir="rtl"] .step,html[dir="rtl"] blockquote{text-align:right} html[dir="rtl"] .title{letter-spacing:-.035em;line-height:1.2} html[dir="rtl"] .hero h1{letter-spacing:-.045em;line-height:1.08} html[dir="rtl"] p{line-height:2.05} main>.section{min-height:100svh;display:flex;align-items:center} main>.section>.wrap{width:min(var(--max),100%)} .about,.services,.work,.clients,.process,.final{position:relative;overflow:hidden} .hero-stage{height:650px;position:relative;perspective:1200px;isolation:isolate} .hero-radar{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(590px,88%);aspect-ratio:1;border-radius:50%} .radar-disc{position:absolute;inset:0;border-radius:50%;border:1px solid var(--line); background:radial-gradient(circle,transparent 0 15%,rgba(243,107,33,.06) 15.3% 15.8%,transparent 16.2% 30%,rgba(243,107,33,.17) 30.2% 30.5%,transparent 31% 49%,rgba(255,255,255,.08) 49.2% 49.5%,transparent 50% 68%,rgba(255,255,255,.08) 68.2% 68.5%,transparent 69%),radial-gradient(circle,rgba(243,107,33,.08),transparent 45%);box-shadow:inset 0 0 80px rgba(0,0,0,.18),0 0 80px rgba(243,107,33,.04)} .radar-disc:before,.radar-disc:after{content:"";position:absolute;pointer-events:none} .radar-disc:before{height:1px;left:6%;right:6%;top:50%;background:linear-gradient(90deg,transparent,rgba(243,107,33,.3),transparent)} .radar-disc:after{width:1px;top:6%;bottom:6%;left:50%;background:linear-gradient(transparent,rgba(243,107,33,.24),transparent)} .radar-orbit{position:absolute;inset:9%;border:1px dashed rgba(255,255,255,.11);border-radius:50%;animation:spin 36s linear infinite} .radar-orbit:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--accent);right:8%;top:22%;box-shadow:0 0 18px var(--accent)} .radar-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:150px;height:150px;border-radius:50%;border:1px solid rgba(243,107,33,.35);background:radial-gradient(circle,rgba(243,107,33,.2),rgba(243,107,33,.04) 40%,transparent 68%);box-shadow:0 0 0 18px rgba(243,107,33,.025),0 0 0 38px rgba(243,107,33,.018),0 0 55px rgba(243,107,33,.13)} .radar-core:before{content:"";position:absolute;inset:30%;border-radius:50%;border:1px solid var(--accent);box-shadow:0 0 24px rgba(243,107,33,.28)} .radar-core:after{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;border-radius:50%;background:var(--accent);transform:translate(-50%,-50%);box-shadow:0 0 18px var(--accent)} .discipline-node{position:absolute;z-index:5;min-width:180px;display:flex;align-items:center;gap:11px;padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:var(--glass);backdrop-filter:blur(16px);box-shadow:0 16px 45px var(--shadow);transition:.35s var(--ease)} .discipline-node:hover{transform:translateY(-5px);border-color:rgba(243,107,33,.55);box-shadow:0 18px 55px rgba(243,107,33,.13)} .node-icon{width:36px;height:36px;flex:0 0 36px;border-radius:11px;display:grid;place-items:center;color:var(--accent);background:rgba(243,107,33,.10)} .node-icon svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round} .discipline-node b{display:block;font-size:11px;line-height:1.5}.discipline-node small{display:block;font:7px "Inter";letter-spacing:.13em;color:var(--muted);margin-top:2px} .n-film{right:-5%;top:9%;animation:float 6s ease-in-out infinite}.n-photo{left:-4%;top:28%;animation:float 6.5s ease-in-out -1.2s infinite}.n-vr{right:0;bottom:13%;animation:float 6.8s ease-in-out -2.3s infinite}.n-cgi{left:2%;bottom:3%;animation:float 6.2s ease-in-out -3.1s infinite} .corner{position:absolute;width:54px;height:54px;opacity:.55}.c1{right:2%;top:3%;border-right:1px solid var(--text);border-top:1px solid var(--text)}.c2{left:2%;bottom:3%;border-left:1px solid var(--text);border-bottom:1px solid var(--text)} .radar-label{position:absolute;left:-20px;bottom:17%;font:7px "Inter";letter-spacing:.2em;color:var(--muted);transform:rotate(-90deg)} .service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px} .service-card{min-height:350px;border-radius:24px;overflow:hidden;position:relative;background:linear-gradient(145deg,var(--surface),var(--bg2));border:1px solid var(--line);box-shadow:0 18px 45px var(--shadow);isolation:isolate;transition:.45s var(--ease)} .service-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 15%,rgba(243,107,33,.10),transparent 28%),linear-gradient(135deg,transparent 0 55%,rgba(255,255,255,.03) 55.3%,transparent 55.6%);opacity:.7;transition:.45s var(--ease);z-index:-1} .service-card:after{content:"";position:absolute;width:210px;height:210px;border-radius:50%;border:1px solid var(--line);left:-90px;top:-90px;transition:.5s var(--ease);z-index:-1} .service-card:hover{transform:translateY(-8px);border-color:rgba(255,125,57,.55);color:#fff;box-shadow:0 25px 65px rgba(219,57,34,.18)} .service-card:hover:before{opacity:1;background:linear-gradient(145deg,#f36b21 0%,#d93624 58%,#a91f1d 100%)} .service-card:hover:after{width:300px;height:300px;border-color:rgba(255,255,255,.24);transform:translate(55px,55px)} .service-media,.service-overlay{display:none!important} .service-top{z-index:2;color:var(--muted)}.service-card:hover .service-top{color:rgba(255,255,255,.8)} .service-arrow{transition:.35s}.service-card:hover .service-arrow{color:#fff;border-color:rgba(255,255,255,.5);transform:rotate(-45deg)} .service-copy{z-index:2;color:var(--text)}.service-card:hover .service-copy{color:#fff} .service-copy p{max-height:100px!important;opacity:1!important;margin-top:8px!important;color:var(--muted)} .service-card:hover .service-copy small,.service-card:hover .service-copy p{color:rgba(255,255,255,.78)} @media(max-width:1100px){ .nav{gap:10px}.links,.project-btn{display:none}.actions{margin-inline-start:auto}.hamb{display:grid} .hero-grid{grid-template-columns:1fr}.hero-stage{height:560px} } @media(max-width:650px){ main>.section{min-height:100svh} .hero-stage{height:470px}.hero-radar{width:min(400px,94%)}.radar-core{width:96px;height:96px} .discipline-node{min-width:128px;padding:9px 10px;gap:7px;border-radius:13px}.node-icon{width:29px;height:29px;flex-basis:29px}.node-icon svg{width:15px;height:15px} .discipline-node b{font-size:11px}.discipline-node small{font-size:5.5px}.n-film{right:-5%;top:7%}.n-photo{left:-6%;top:29%}.n-vr{right:-5%;bottom:18%}.n-cgi{left:-5%;bottom:3%}.radar-label{display:none} .service-grid{grid-template-columns:1fr}.service-card{min-height:300px} } .header{top:0;border-bottom:1px solid transparent;transition:.35s var(--ease)} .header>.wrap{width:100%;max-width:none;padding-inline:var(--pad)} .nav{height:82px!important;width:100%;border:0!important;border-radius:0!important;background:transparent!important; backdrop-filter:none!important;box-shadow:none!important;padding:0!important;gap:34px!important} .header.scrolled{background:var(--glass);backdrop-filter:blur(22px) saturate(135%);border-bottom-color:var(--line)} .header.scrolled .nav{height:66px!important} .brand{min-width:auto}.brand img{height:54px;max-width:170px} .links{margin-inline-start:12px;gap:28px} .links a{position:relative;padding:9px 0} .links a:after{content:"";position:absolute;right:0;bottom:2px;width:0;height:1px;background:var(--accent);transition:.3s var(--ease)} .links a:hover:after{width:100%} .hero{padding:82px 0 0!important;min-height:100svh} .hero>.wrap{width:100%;max-width:none;padding-inline:var(--pad)} .hero-shell{min-height:calc(100svh - 82px)!important;border:0!important;border-radius:0!important;background:transparent!important; box-shadow:none!important;padding:clamp(32px,4vw,68px) 0 20px!important} .hero-grid{min-height:calc(100svh - 230px);width:min(var(--max),100%);margin-inline:auto;padding-inline:0} .hero-dock{width:min(var(--max),100%);margin-inline:auto} .hero h1{font-size:clamp(42px,5.25vw,82px)!important;line-height:1.12!important;letter-spacing:-.04em!important;max-width:700px} .title{font-size:clamp(34px,4vw,60px)!important;line-height:1.25!important;letter-spacing:-.03em!important} .section-head{align-items:center!important} .section-head .title{max-width:780px} .quote blockquote{font-size:clamp(30px,4vw,58px)!important;line-height:1.65!important;max-width:1080px!important} .final .title{font-size:clamp(38px,5vw,72px)!important;line-height:1.35!important;max-width:1000px} .about-copy .title{max-width:620px} html[dir="rtl"] .eyebrow,html[dir="rtl"] .lead,html[dir="rtl"] .title,html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3{text-align:right} html[dir="rtl"] .section-head>p{justify-self:end} .lead{font-size:14px;line-height:2.05} .service-card{min-height:370px!important} .service-icon{position:absolute;top:70px;right:24px;width:82px;height:82px;border-radius:24px;display:grid;place-items:center; color:var(--accent);background:rgba(243,107,33,.055);border:1px solid rgba(243,107,33,.18);z-index:2; transition:transform .5s var(--ease),background .4s,border-color .4s,color .4s} .service-icon svg{width:42px;height:42px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round; filter:drop-shadow(0 0 8px rgba(243,107,33,.12))} .service-icon svg path,.service-icon svg rect,.service-icon svg circle{stroke-dasharray:110;stroke-dashoffset:0} .icon-orbit{position:absolute;inset:-8px;border-radius:28px;border:1px dashed rgba(243,107,33,.20);animation:iconSpin 12s linear infinite} .service-card:nth-child(2n) .icon-orbit{animation-direction:reverse;animation-duration:15s} .service-card:hover .service-icon{transform:translateY(-5px) rotate(-3deg) scale(1.07);color:#fff;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.35)} .service-card:hover .service-icon svg path,.service-card:hover .service-icon svg rect,.service-card:hover .service-icon svg circle{animation:drawIcon 1.25s ease-in-out infinite alternate} .service-card:hover .icon-orbit{border-color:rgba(255,255,255,.38);animation-duration:4s} @keyframes iconSpin{to{transform:rotate(360deg)}}@keyframes drawIcon{0%{stroke-dashoffset:0}100%{stroke-dashoffset:24}} .service-copy{padding:24px!important} .service-copy h3{font-size:18px!important;line-height:1.7;margin:6px 0!important} .service-copy p{font-size:11px!important;line-height:2!important} .service-copy small{font-size:11px!important} .service-top{top:19px!important} .clients-wrap{width:100%!important;max-width:none!important;padding-inline:0!important} .clients .section-head{width:min(var(--max),calc(100% - (var(--pad) * 2)));margin-inline:auto} .logo-wall{width:100%;overflow:hidden;margin-top:30px;display:grid;gap:10px; -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%); mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%)} .logo-track{overflow:hidden}.logo-run{display:flex;width:max-content;gap:10px;animation:logoFlow 42s linear infinite} .logo-track.reverse .logo-run{animation-direction:reverse;animation-duration:48s} .logo-wall:hover .logo-run{animation-play-state:paused} .client-logo{width:clamp(135px,11vw,190px);height:100px;flex:0 0 auto;border:1px solid var(--line);border-radius:18px; background:linear-gradient(145deg,var(--surface),rgba(255,255,255,.025));display:grid;place-items:center;padding:14px; transition:.35s var(--ease);position:relative;overflow:hidden} .client-logo:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgba(243,107,33,.08));opacity:0;transition:.35s} .client-logo img{width:76px;height:76px;object-fit:contain;position:relative;z-index:1;filter:grayscale(1);opacity:.68;transition:.35s} .client-logo:hover{transform:translateY(-3px);border-color:rgba(243,107,33,.38);box-shadow:0 15px 35px var(--shadow)} .client-logo:hover:after{opacity:1}.client-logo:hover img{filter:grayscale(0);opacity:1;transform:scale(1.08)} @keyframes logoFlow{to{transform:translateX(-50%)}} main>.section{padding-block:clamp(70px,7vw,120px)!important} .services .section-head,.work .section-head,.clients .section-head{margin-bottom:36px!important} .quote{min-height:100svh!important} .final{min-height:100svh!important;display:flex;align-items:center} @media(max-width:1100px){ .nav{height:70px!important}.header.scrolled .nav{height:62px!important}.brand img{height:45px} .hero{padding-top:70px!important}.hero-shell{min-height:calc(100svh - 70px)!important} .hero-grid{min-height:auto;padding-top:35px} .hero h1{font-size:clamp(42px,8vw,70px)!important} .service-icon{top:65px} } @media(max-width:650px){ .header>.wrap{padding-inline:16px}.nav{height:64px!important}.brand img{height:40px} .hero{padding-top:64px!important}.hero>.wrap{padding-inline:18px}.hero-shell{padding-top:22px!important} .hero h1{font-size:clamp(39px,12vw,58px)!important;line-height:1.18!important} .title{font-size:clamp(30px,9vw,43px)!important;line-height:1.35!important} .quote blockquote{font-size:clamp(28px,8.5vw,40px)!important;line-height:1.7!important} .final .title{font-size:clamp(34px,10vw,48px)!important} .service-card{min-height:320px!important}.service-icon{width:68px;height:68px;top:62px}.service-icon svg{width:34px;height:34px} .logo-wall{gap:8px;margin-top:22px;-webkit-mask-image:none;mask-image:none}.logo-run{gap:8px;animation-duration:34s} .client-logo{width:120px;height:84px;border-radius:15px;padding:10px}.client-logo img{width:62px;height:62px} .clients .section-head{width:calc(100% - 36px)} } section[id]{scroll-margin-top:82px} .clients-wrap{padding-inline:var(--pad)!important;max-width:var(--max)!important} .clients .section-head{width:100%;margin-inline:0} .client-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px;margin-top:42px} .client-grid .client-logo{width:100%;height:112px;border-radius:14px;animation:none;transform:none;box-shadow:none;background:var(--surface)} .client-grid .client-logo img{width:76px;height:76px;opacity:.85} html.motion .client-grid .client-logo{opacity:0;transform:translateY(22px);transition:opacity .65s var(--ease) var(--delay),transform .65s var(--ease) var(--delay),border-color .25s} html.motion .client-grid.entered .client-logo{opacity:1;transform:none} .client-grid.entered .client-logo{transition-delay:0ms} .client-grid .client-logo:hover{transform:none;box-shadow:none} .client-grid .client-logo:hover img{transform:none} .process-v8{background:var(--bg2)} .process-meta{display:flex;gap:14px;flex-wrap:wrap;font-size:11px;color:var(--muted);margin-top:22px} .process-meta span:before{content:'＋';color:var(--accent);margin-inline-end:8px} .process-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:5vw;align-items:start} .process-intro{position:sticky;top:115px;padding-block:25px} .process-intro .eyebrow{font-size:11px;letter-spacing:.12em} .process-intro h3{font-size:clamp(30px,3.4vw,52px);line-height:1.6;margin:26px 0 18px;font-weight:500} .process-intro h3 em{font-style:normal;color:var(--accent)} .process-intro p{font-size:13px;color:var(--muted);max-width:340px} .process-axis{display:flex;align-items:center;gap:14px;max-width:310px;margin:32px 0;font-size:11px} .process-axis i{height:1px;background:var(--line);flex:1;position:relative} .process-axis i:after{content:'';width:4px;height:4px;border-radius:50%;background:var(--accent);position:absolute;top:-1px;left:50%} .text-link{display:inline-flex;align-items:center;gap:22px;font-size:12px;border-bottom:1px solid var(--line);padding-block:15px} .text-link span{color:var(--accent);font-size:24px} .process-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .process-card{position:relative;padding:27px;border:1px solid var(--line);border-radius:18px;background:var(--surface);transition:border-color .3s} .process-card:hover{border-color:var(--accent)} .process-card-top{display:flex;align-items:center;gap:14px} .phase-number{font:500 24px 'Inter',sans-serif;color:var(--accent)} .phase-en{font:500 9px 'Inter',sans-serif;letter-spacing:.06em;color:var(--muted)} .phase-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);margin-inline-start:auto} .process-card h3{font-size:19px;font-weight:600;margin:27px 0 10px} .process-card p,.process-note p{font-size:12px;line-height:2;color:var(--muted);margin:0} .process-card ul{padding:0;list-style:none;font-size:11px;line-height:2.3;margin:20px 0} .process-card li:before{content:'—';color:var(--accent);margin-inline-end:9px} .phase-output{border-top:1px solid var(--line);padding-top:15px} .phase-output small{display:block;color:var(--muted);font-size:11px;margin-bottom:6px} .phase-output b{font-size:11px;font-weight:500} .process-note{border:1px dashed var(--line);border-radius:18px;padding:28px;display:flex;gap:16px;align-items:center} .note-symbol{color:var(--accent);font-size:34px} .process-note b{display:block;font-size:16px;margin-bottom:10px} .manifesto{background:var(--bg);position:relative;overflow:hidden;isolation:isolate} .manifesto-grid-bg{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:100px 100px;opacity:.16;mask-image:linear-gradient(90deg,#000,transparent 85%)} .manifesto-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:22px} .manifesto-caption{font:9px 'Inter',sans-serif;letter-spacing:.14em;color:var(--muted)} .manifesto-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:center;margin:62px 0} .manifesto-kicker{font-size:12px;color:var(--muted)} .manifesto-copy h2{font-size:clamp(35px,4.4vw,68px);line-height:1.65;font-weight:500;letter-spacing:-.025em;margin:20px 0} .manifesto-copy em{color:var(--accent);font-style:normal} .manifesto-ending{font-size:clamp(19px,2vw,29px);margin:0 0 25px} .manifesto-ending span{color:var(--muted)} .manifesto-copy .lead{font-size:13px;max-width:470px} .story-frame{border:1px solid var(--line);border-radius:4px;padding:22px;background:radial-gradient(ellipse at center,rgba(243,107,33,.08),transparent 70%);position:relative} .story-frame:before,.story-frame:after{content:'';position:absolute;width:25px;height:25px;border-color:var(--accent);border-style:solid} .story-frame:before{top:-1px;right:-1px;border-width:1px 1px 0 0} .story-frame:after{bottom:-1px;left:-1px;border-width:0 0 1px 1px} .story-frame-top,.story-frame-bottom{display:flex;justify-content:space-between;font:8px 'Inter',sans-serif;color:var(--muted);letter-spacing:.12em} .story-frame-bottom{font-family:'Vazirmatn',sans-serif;letter-spacing:0;font-size:11px} .live-mark{color:var(--accent)} .story-orbits{position:relative;aspect-ratio:1;margin:22px 0} .story-orbit{position:absolute;border:1px solid var(--line);border-radius:50%;inset:4%} .story-orbit:after{content:'';width:5px;height:5px;border-radius:50%;background:var(--accent);position:absolute;top:15%;left:15%;box-shadow:0 0 16px var(--accent)} .story-orbit.o1{animation:spin 60s linear infinite}.story-orbit.o2{inset:18%;border-style:dashed;animation:spin 45s linear infinite reverse}.story-orbit.o3{inset:33%;border-color:rgba(243,107,33,.4)} .story-core{position:absolute;inset:42%;display:grid;place-items:center;font-size:19px} .orbit-word{position:absolute;font-size:11px;padding:6px 13px;border:1px solid var(--line);border-radius:20px;background:var(--bg)} .w1{right:0;top:35%}.w2{left:5%;bottom:21%}.w3{left:22%;top:8%} .manifesto-principles{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)} .manifesto-principles article{padding:30px 25px;border-inline-end:1px solid var(--line)} .manifesto-principles article:first-child{padding-inline-start:0}.manifesto-principles article:last-child{border:0} .manifesto-principles span{font:9px 'Inter',sans-serif;color:var(--accent);letter-spacing:.1em} .manifesto-principles h3{font-size:18px;font-weight:500;margin:22px 0 10px} .manifesto-principles p{font-size:12px;color:var(--muted);margin:0} .start-project{background:var(--bg2);position:relative;overflow:hidden} .start-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:7vw;align-items:start} .start-copy .title{font-size:clamp(35px,4vw,59px);line-height:1.6} .start-copy .lead{font-size:14px;max-width:400px;margin-top:25px} .contact-details{margin-top:45px} .contact-label,.start-next>span{font-size:11px;color:var(--accent)} .contact-details a{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:20px 0;border-bottom:1px solid var(--line);flex-wrap:wrap} .contact-details a span{font-size:11px;color:var(--muted)} .contact-details a b{font:500 13px 'Inter',sans-serif;overflow-wrap:anywhere;transition:color .2s} .contact-details a:hover b{color:var(--accent)} .start-next{margin-top:30px;max-width:390px}.start-next p{font-size:12px;color:var(--muted)} .project-form{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:clamp(22px,3vw,42px);position:relative} .project-form:before{content:'';height:3px;background:linear-gradient(90deg,var(--accent2),var(--accent));position:absolute;top:0;left:30px;right:30px;border-radius:4px} .form-heading>span{font:9px 'Inter',sans-serif;letter-spacing:.12em;color:var(--accent)} .form-heading h3{font-size:27px;font-weight:500;margin:18px 0 8px} .form-heading p{font-size:12px;color:var(--muted);margin:0 0 30px} .project-form fieldset{border:0;margin:0;padding:0;min-width:0} .project-form legend{font-size:12px;margin-bottom:15px;width:100%} .project-form legend small{font-size:11px;color:var(--muted);margin-inline-start:8px} .project-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px} .project-choice{position:relative;cursor:pointer} .project-choice input{position:absolute;opacity:0;width:1px;height:1px} .project-choice span{border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;padding:12px 10px;font-size:11px;gap:6px;transition:.2s;min-height:47px} .project-choice i{font-size:16px;font-style:normal;color:var(--muted)} .project-choice input:checked+span{background:rgba(243,107,33,.1);border-color:var(--accent);color:var(--accent)} .project-choice input:checked+span i{transform:rotate(45deg);color:var(--accent)} .project-choice input:focus-visible+span{outline:2px solid var(--accent);outline-offset:3px} .field-help{font-size:11px;color:var(--muted);margin:14px 0 25px} .form-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px 14px} .form-fields label{font-size:11px;line-height:1.8}.form-fields label>span{color:var(--accent)}.form-fields label>small{color:var(--muted);font-size:11px} .form-fields input,.form-fields select,.form-fields textarea{width:100%;display:block;background:var(--bg2);border:1px solid var(--line);border-radius:8px;color:var(--text);font:12px 'Vazirmatn',sans-serif;padding:13px;margin-top:8px;outline:none;min-width:0} .form-fields input:focus,.form-fields select:focus,.form-fields textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(243,107,33,.08)} .form-fields input::placeholder,.form-fields textarea::placeholder{color:var(--muted);opacity:.8} .form-fields textarea{resize:vertical;min-height:130px;line-height:2}.field-wide{grid-column:1/-1} .form-actions{display:flex;gap:12px;margin-top:25px;flex-wrap:wrap} .brief-submit{border:0;border-radius:9px;background:linear-gradient(120deg,var(--accent),var(--accent2));color:white;padding:15px 18px;cursor:pointer;font-size:12px;flex:1;display:flex;align-items:center;justify-content:space-between;gap:20px} .brief-submit span{font-size:22px}.brief-download{border:1px solid var(--line);border-radius:9px;padding:12px;background:transparent;color:var(--text);cursor:pointer;font-size:11px} .form-disclosure{font-size:11px;color:var(--muted);line-height:2;margin-top:18px}.form-status{font-size:11px;color:var(--accent);margin:0;line-height:2} a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:5px} @media(min-width:1101px){.process-v8{overflow:visible}} @media(max-width:1100px){.client-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.process-layout{grid-template-columns:1fr}.process-intro{position:static;padding:0 0 25px}.process-intro h3 br{display:none}.process-intro p{max-width:650px}.process-axis{display:none}.manifesto-layout{gap:30px}.start-layout{gap:35px;grid-template-columns:1fr 1.2fr}} @media(max-width:760px){.manifesto-layout,.start-layout{grid-template-columns:1fr}.story-frame{width:min(420px,100%);margin-inline:auto}.manifesto-copy h2{font-size:clamp(34px,7.5vw,50px)}.manifesto-principles{grid-template-columns:1fr}.manifesto-principles article,.manifesto-principles article:first-child{padding:24px 0;border-inline-end:0;border-bottom:1px solid var(--line)}.manifesto-top{gap:15px;flex-wrap:wrap}.start-copy .title{font-size:clamp(34px,7vw,48px)!important}.start-layout{gap:40px}} @media(max-width:520px){.client-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.client-grid .client-logo{height:88px;padding:10px;border-radius:10px}.client-grid .client-logo img{width:60px;height:60px}.clients .section-head{width:100%}.process-cards{grid-template-columns:1fr}.process-card{padding:24px}.process-intro h3{font-size:30px}.process-intro h3 br{display:block}.form-fields{grid-template-columns:1fr}.project-choices{gap:7px}.project-choice span{font-size:11px;padding:10px 8px}.form-actions{flex-direction:column}.brief-submit{width:100%}.manifesto-caption{font-size:11px}.manifesto-layout{margin:38px 0}.manifesto-ending span{display:block}} @media(prefers-reduced-motion:reduce){html.motion .client-grid .client-logo{opacity:1!important;transform:none!important}.story-orbit{animation:none!important}} @font-face{font-family:'Vazirmatn';src:url(font-4e3fa217d38fdafc1fea.woff2) format('woff2');font-weight:100 900;font-style:normal;font-display:swap;} @font-face{font-family:'Inter';src:url(font-inter-v78.woff2) format('woff2');font-weight:100 900;font-style:normal;font-display:swap;} :root{--header-height:108px;--max:1480px;--pad:clamp(20px,4.2vw,68px)} body{font-family:'Vazirmatn',Tahoma,Arial,sans-serif;font-size:16px} html[dir] .title{font-size:clamp(34px,3.4vw,52px)!important;line-height:1.55!important;letter-spacing:0!important;font-weight:600} .eyebrow{font-size:11px;letter-spacing:.14em;line-height:1.8;display:block} html[dir] .lead{font-size:16px!important;line-height:2!important;letter-spacing:0;max-width:660px} section[id],article[id],#expertise{scroll-margin-top:calc(var(--header-height) + 20px)} main>.section{padding-block:clamp(80px,7vw,112px)!important} .section-head{gap:5vw;margin-bottom:45px!important;align-items:center} .brand-header.header{position:sticky;top:0;left:auto;right:auto;height:var(--header-height);background:var(--bg2);border-bottom:1px solid var(--line);z-index:100;box-shadow:0 8px 28px var(--shadow)} .brand-header .nav,.brand-header.scrolled .nav{height:var(--header-height)!important;border:0;border-radius:0!important;box-shadow:none;backdrop-filter:none;background:transparent;padding:0;gap:34px} .brand-v9.brand{min-width:230px;gap:18px;align-self:stretch;flex-shrink:0} .brand-logo{width:105px;align-self:stretch;display:grid;place-items:center;position:relative;background:#fff7f0;border-inline:1px solid rgba(243,107,33,.14);border-bottom:3px solid var(--accent)} .brand-header .brand img{height:88px!important;width:99px;max-width:99px!important;object-fit:contain;filter:none!important} .brand-signature{display:flex;flex-direction:column;gap:9px} .brand-signature b{font:700 12px 'Inter',sans-serif;letter-spacing:.14em} .brand-signature small{font-size:11px;color:var(--muted);white-space:nowrap} .brand-header .links{gap:clamp(15px,1.8vw,28px);align-items:center;white-space:nowrap} .brand-header .links a{font-size:17px;font-weight:500;opacity:1;position:relative;padding-block:35px} .brand-header .links a:after{content:'';position:absolute;height:2px;background:var(--accent);left:0;right:0;bottom:20px;transform:scaleX(0);transition:.25s} .brand-header .links a:hover:after{transform:scaleX(1)} .brand-header .actions{gap:12px}.brand-header .project-btn{font-size:13px;padding:14px 18px;border-radius:8px;white-space:nowrap}.brand-header .project-btn span{margin-inline-start:13px} .brand-header .iconbtn{width:42px;height:42px;border-radius:9px} .mobile-overline{font:11px 'Inter',sans-serif;color:var(--accent);letter-spacing:.12em;margin-bottom:22px} .hero-v9.hero{padding:0!important;min-height:calc(100svh - var(--header-height));background:var(--bg);position:relative} .hero-v9:before{display:none}.hero-v9:after{width:65vw;height:65vw;top:-25%;right:-30%;opacity:.5} .hero-v9>.wrap{position:relative;z-index:2} .hero-topline{display:flex;justify-content:space-between;gap:15px;padding:26px 0;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)} .hero-topline span[dir]{font:9px 'Inter',sans-serif;letter-spacing:.12em} .hero-grid-v9{display:grid;grid-template-columns:1.05fr .95fr;gap:5vw;align-items:center;min-height:clamp(580px,68vh,820px);padding-block:36px} .hero-slides{display:grid;min-width:0} .hero-slide{grid-area:1/1;visibility:hidden;opacity:0;transform:translateY(18px);transition:opacity .6s,transform .6s,visibility .6s;min-width:0} .hero-slide.active{visibility:visible;opacity:1;transform:none} .hero-v9 .hero-slide h1,.hero-v9 .hero-slide h2{font-size:clamp(42px,4.5vw,68px)!important;line-height:1.55!important;letter-spacing:0!important;font-weight:600;margin:24px 0} .hero-slide em{color:var(--accent);font-style:normal} .hero-v9 .hero-slide p{font-size:16px;line-height:2.1;color:var(--muted);max-width:620px;margin:0 0 30px} .hero-buttons{margin-top:25px;gap:12px}.btn{font-size:14px;font-weight:500;padding:16px 23px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center} .hero-disciplines{display:block;font:10px 'Inter',sans-serif;letter-spacing:.08em;color:var(--muted);margin-top:40px} .hero-visual{position:relative;padding:20px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,var(--surface),transparent);max-width:630px;width:100%;justify-self:center} .visual-meta,.visual-caption{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)} .visual-meta{font:9px 'Inter',sans-serif;letter-spacing:.12em}.visual-dot{color:var(--accent)} .production-scene{width:100%;height:auto;display:block;margin:-10px 0} .scene-camera{animation:cameraBreathe 8s ease-in-out infinite;transform-origin:center} .scene-clapper{animation:clapperFloat 9s ease-in-out infinite}.scene-orbit{transform-origin:300px 290px;animation:spin 70s linear infinite} @keyframes cameraBreathe{50%{transform:translateY(-7px)}}@keyframes clapperFloat{50%{transform:rotate(-6deg) translateY(-6px)}} .visual-label{position:absolute;display:flex;gap:10px;align-items:center;background:var(--surface);border:1px solid var(--line);padding:12px 16px;border-radius:10px;font-size:12px;box-shadow:0 15px 35px var(--shadow)} .visual-label svg{width:24px;height:24px;stroke:var(--accent);stroke-width:1.4;fill:none} .label-film{right:-20px;top:35%}.label-vr{left:-20px;bottom:21%} .visual-caption span[dir]{font:9px 'Inter',sans-serif;letter-spacing:.1em} .hero-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:22px 0;gap:15px} .slider-controls{display:flex;align-items:center;gap:13px;direction:ltr} .slider-arrow,.slider-pause{width:34px;height:34px;background:transparent;border:1px solid var(--line);border-radius:50%;color:var(--text);cursor:pointer} .slider-pause{font:12px 'Inter',sans-serif;border:0}.slider-dots{display:flex;gap:14px} .slider-dots button{border:0;background:transparent;color:var(--muted);font:11px 'Inter',sans-serif;display:flex;align-items:center;gap:7px;padding:8px 0;cursor:pointer} .slider-dots i{width:25px;height:2px;background:var(--line)}.slider-dots button[aria-pressed=true]{color:var(--accent)}.slider-dots button[aria-pressed=true] i{background:var(--accent)} .hero-scroll{font-size:12px;display:flex;gap:25px;align-items:center}.hero-scroll span{color:var(--accent);font-size:24px} .expertise-strip{background:var(--bg2);border-block:1px solid var(--line);padding:35px 0} .expertise-strip>.wrap{display:grid;grid-template-columns:180px 1fr;gap:28px;align-items:center} .expertise-intro .eyebrow{font-size:11px;letter-spacing:.08em}.expertise-intro p{font-size:16px;margin:12px 0 0;line-height:1.9}.expertise-intro b{font-weight:500} .expertise-items{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px} .expertise-item{padding:22px 15px;background:var(--surface);border:1px solid var(--line);border-radius:12px;position:relative;transition:.3s;min-width:0} .expertise-icon{width:42px;height:42px;border-radius:12px;background:rgba(243,107,33,.08);display:grid;place-items:center;margin-bottom:19px} .expertise-icon svg{width:26px;height:26px;stroke:var(--accent);stroke-width:1.3;fill:none;stroke-linecap:round;stroke-linejoin:round} .expertise-item b{font-size:12px;font-weight:500;display:block;line-height:1.8;min-height:44px} .expertise-item small{display:block;font:8px 'Inter',sans-serif;letter-spacing:.04em;color:var(--muted);margin-top:7px} .expertise-arrow{position:absolute;left:12px;top:12px;color:var(--muted);opacity:0;transition:.3s} .expertise-item:hover{border-color:var(--accent);transform:translateY(-4px);background:rgba(243,107,33,.08)}.expertise-item:hover .expertise-arrow{opacity:1;color:var(--accent)} .service-grid{gap:16px}.service-card{min-height:380px!important}.service-copy{padding:25px!important;position:absolute;bottom:0} .service-card .service-copy h3{font-size:21px!important;line-height:1.65!important;font-weight:500;margin-bottom:10px!important} .service-card .service-copy p{font-size:14px!important;line-height:1.9!important;max-height:none!important} .service-copy small{font-size:11px!important;letter-spacing:.035em!important}.service-card .service-icon{top:63px;width:70px;height:70px}.service-icon svg{width:36px;height:36px} .feature b{font-size:16px}.feature small{font-size:13px}.project-copy h3{font-size:25px!important}.project-copy small{font-size:11px!important} .workflow{background:var(--bg2);overflow:visible} .workflow-phases{display:grid;grid-template-columns:repeat(3,1fr);background:var(--surface);border:1px solid var(--line);border-radius:14px;margin-bottom:45px;overflow:hidden} .workflow-phases>div{padding:25px 30px;border-inline-end:1px solid var(--line);display:grid;grid-template-columns:75px 1fr;gap:8px 15px;align-items:center}.workflow-phases>div:last-child{border:0} .workflow-phases span{grid-row:1/3;color:var(--accent);font:12px 'Inter',sans-serif}.workflow-phases b{font-size:17px;font-weight:500}.workflow-phases small{font-size:12px;color:var(--muted)} .workflow-layout{display:grid;grid-template-columns:.68fr 1.32fr;gap:6vw;align-items:start} .workflow-aside{position:sticky;top:calc(var(--header-height) + 30px);padding:12px 0} .workflow-aside .eyebrow{letter-spacing:0;font-family:'Vazirmatn',sans-serif;font-size:12px} .workflow-aside h3{font-size:30px;line-height:1.7;font-weight:500;margin:18px 0}.workflow-aside p{font-size:15px;color:var(--muted);line-height:2;max-width:350px} .workflow-aside .text-link{font-size:14px}.workflow-hint{display:block;font-size:12px;color:var(--muted);margin-top:35px} .workflow-step{border-top:1px solid var(--line)}.workflow-step:last-child{border-bottom:1px solid var(--line)} .workflow-step summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:42px 1fr .9fr 27px;gap:20px;align-items:center;padding:26px 0}.workflow-step summary::-webkit-details-marker{display:none} .workflow-number{font:500 17px 'Inter',sans-serif;color:var(--accent);align-self:center} .workflow-title small{font:10px 'Inter',sans-serif;color:var(--muted);letter-spacing:.04em}.workflow-title h3{font-size:20px;font-weight:500;margin:9px 0 0;line-height:1.6} .workflow-result small{font-size:11px;color:var(--muted);display:block;margin-bottom:8px}.workflow-result b{font-size:12px;font-weight:500;line-height:1.8;display:block} .workflow-toggle{font-size:23px;color:var(--muted);transition:transform .25s}.workflow-step[open] .workflow-toggle{transform:rotate(45deg);color:var(--accent)} .workflow-step[open] .workflow-title h3{color:var(--accent)} .workflow-body{padding:0 62px 25px 47px;display:grid;grid-template-columns:1fr 1fr;gap:25px;animation:bodyIn .3s ease-out} @keyframes bodyIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}} .workflow-body p{font-size:14px;color:var(--muted);line-height:2;margin:0}.workflow-body ul{margin:0;padding:0;list-style:none;font-size:13px;line-height:2.1}.workflow-body li:before{content:'—';margin-inline-end:8px;color:var(--accent)} .workflow-footnote{display:flex;gap:40px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:22px 28px;margin-top:42px}.workflow-footnote>span{font-size:14px;white-space:nowrap}.workflow-footnote p{font-size:13px;color:var(--muted);line-height:2;margin:0} .immersive{background:var(--bg2)}.immersive-layout{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.immersive .lead{margin:25px 0}.immersive-features{display:grid;grid-template-columns:1fr 1fr;gap:15px;font-size:13px;margin:28px 0 35px}.immersive-features span:before{content:'＋';color:var(--accent);margin-inline-end:8px} .immersive-art{height:510px;position:relative;border:1px solid var(--line);border-radius:22px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle,rgba(243,107,33,.09),transparent 65%)} .vr-ellipse{position:absolute;width:82%;height:45%;border:1px solid var(--line);border-radius:50%;transform:rotate(-25deg)}.ve2{transform:rotate(35deg);border-color:rgba(243,107,33,.3)}.ve3{transform:rotate(90deg)}.vr-big{font:500 clamp(80px,8vw,120px) 'Inter',sans-serif;letter-spacing:-.08em}.vr-big>span{color:var(--accent)} .vr-mark{position:absolute;border:1px solid var(--line);border-radius:20px;background:var(--surface);padding:7px 17px;font-size:12px}.vm1{top:20%;right:10%}.vm2{bottom:23%;left:10%}.vm3{top:16%;left:20%}.vr-art-caption{position:absolute;bottom:30px;font:9px 'Inter',sans-serif;color:var(--muted);letter-spacing:.18em} .reference-case{background:var(--bg2)}.case-intro{display:flex;justify-content:space-between;gap:25px;padding-bottom:25px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted);margin-bottom:45px}.case-layout{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.case-layout .lead{margin:25px 0}.case-information>div{padding:22px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:22px}.case-information small{font-size:12px;color:var(--muted)}.case-information b{font-size:15px;font-weight:500} .why-v9{background:var(--bg2)}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 50px}.why-item{display:flex;gap:24px;align-items:center;border-top:1px solid var(--line);padding:24px 0}.why-item>span{font:12px 'Inter',sans-serif;color:var(--accent)}.why-item h3{font-size:17px;font-weight:500;margin:0;line-height:1.9} .manifesto-copy h2{font-size:clamp(34px,3.8vw,57px);line-height:1.8!important;letter-spacing:0;font-weight:500}.manifesto-copy .lead{font-size:15px!important}.manifesto-principles p{font-size:14px}.manifesto-principles h3{font-size:20px} .start-copy .title{font-size:clamp(34px,3.4vw,50px)!important;line-height:1.7!important}.start-next p{font-size:14px}.contact-details a span{font-size:13px}.contact-details a b{font-size:15px}.contact-label,.start-next>span{font-size:12px} .project-choice span{font-size:12px;padding:12px;min-height:52px}.form-fields label{font-size:13px}.form-fields input,.form-fields select,.form-fields textarea{font-size:14px}.form-heading p{font-size:14px}.project-form legend{font-size:14px}.field-help,.form-disclosure{font-size:12px}.brief-submit{font-size:14px}.brief-download{font-size:12px} .studio-footer{background:var(--bg);border-top:1px solid var(--line);padding-top:70px;overflow:hidden} .footer-invitation{display:flex;justify-content:space-between;align-items:center;padding-bottom:50px;border-bottom:1px solid var(--line);gap:30px} .footer-invitation h2{font-size:clamp(34px,4vw,58px);line-height:1.65;font-weight:500;margin:20px 0 0}.footer-invitation em{font-style:normal;color:var(--accent)} .footer-start{display:flex;align-items:center;gap:40px;font-size:17px;border-bottom:1px solid var(--line);padding:22px 0}.footer-start span{font-size:42px;color:var(--accent)} .footer-columns{display:grid;grid-template-columns:1.15fr .8fr .9fr 1.15fr;gap:45px;padding:55px 0} .footer-logo{display:grid;place-items:center;background:#fff7f0;border-radius:12px;border:1px solid rgba(243,107,33,.2);width:125px;height:116px} .footer-logo img{width:115px;height:100px;object-fit:contain}.footer-brand p{font-size:14px;color:var(--muted);line-height:2;margin-top:22px;max-width:310px}.footer-since{font-size:11px;color:var(--accent)} .footer-group h3{font-size:15px;font-weight:500;margin:0 0 26px}.footer-group>a{display:block;font-size:14px;color:var(--muted);margin:15px 0;line-height:1.8}.footer-group a:hover{color:var(--accent)} .footer-contact>a{font-family:'Inter',sans-serif;font-size:14px;text-align:start;overflow-wrap:anywhere}.footer-contact address{font-size:12px;font-style:normal;color:var(--muted);line-height:2.1;margin:25px 0} .footer-socials{display:flex;gap:15px;flex-wrap:wrap;font-size:11px}.footer-socials a{border-bottom:1px solid var(--line);padding-bottom:8px} .footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:22px;border-top:1px solid var(--line);padding:25px 0;font-size:11px;color:var(--muted)}.footer-bottom span[dir]{font:9px 'Inter',sans-serif;letter-spacing:.13em}.footer-bottom a{color:var(--text)} .footer-wordmark{font:800 clamp(50px,11.2vw,180px)/.85 'Inter',sans-serif;letter-spacing:-.065em;color:var(--surface2);text-align:center;margin:30px 0 -8px;white-space:nowrap;pointer-events:none} @media(max-width:1280px){.brand-header .nav{gap:22px}.brand-v9.brand{min-width:215px}.brand-header .links{gap:18px}.brand-header .project-btn{padding:13px;font-size:12px}.expertise-strip>.wrap{grid-template-columns:1fr}.expertise-intro{display:flex;gap:25px;align-items:center}.expertise-intro p{margin:0}.expertise-intro br{display:none}} @media(max-width:1180px){:root{--header-height:94px}.brand-header .links,.brand-header .project-btn{display:none}.brand-header .hamb{display:grid}.brand-header .brand img{height:78px!important}.brand-logo{width:100px}.brand-signature small{font-size:12px}.hero-grid-v9{gap:25px;min-height:620px}.hero-v9 .hero-slide h1,.hero-v9 .hero-slide h2{font-size:44px!important}.visual-label{font-size:11px;padding:10px}.workflow-phases>div{padding:22px 18px;grid-template-columns:1fr}.workflow-phases span{grid-row:auto}.workflow-layout{grid-template-columns:.55fr 1.45fr;gap:30px}.workflow-step summary{gap:12px;grid-template-columns:35px 1fr .85fr 23px}.workflow-body{padding-inline:47px 35px}.footer-columns{grid-template-columns:1fr 1fr;gap:45px 70px}.service-grid{grid-template-columns:1fr 1fr}} @media(max-width:850px){.hero-grid-v9{grid-template-columns:1fr;gap:40px;padding:45px 0}.hero-slide{max-width:680px}.hero-visual{max-width:510px}.hero-disciplines{margin-top:30px}.expertise-items{grid-template-columns:repeat(3,1fr)}.expertise-item b{min-height:0}.workflow-layout{grid-template-columns:1fr}.workflow-aside{position:static;display:grid;grid-template-columns:1fr 1.2fr;gap:15px 30px}.workflow-aside .eyebrow{grid-column:1/-1}.workflow-aside h3{font-size:26px;margin:0}.workflow-aside p{margin:0}.workflow-hint{margin:0;align-self:center}.workflow-aside .text-link{justify-self:start}.workflow-footnote{flex-direction:column;gap:12px;align-items:start}.immersive-layout,.case-layout{grid-template-columns:1fr;gap:45px}.immersive-art{height:440px;max-width:560px;width:100%;justify-self:center}.start-layout{grid-template-columns:1fr}.why-grid{gap:0 30px}.why-item h3{font-size:16px}} @media(max-width:650px){:root{--header-height:86px}.brand-header .nav,.brand-header.scrolled .nav{height:86px!important}.brand-v9.brand{min-width:0;gap:12px}.brand-header .brand img{height:73px!important;width:87px!important;max-width:87px!important}.brand-logo{width:88px}.brand-signature b{font-size:11px;letter-spacing:.1em}.brand-signature small{font-size:11px}.brand-header .actions{gap:7px}.brand-header .iconbtn{width:36px;height:36px}.brand-header>.wrap{padding-inline:14px}.brand-header .nav{gap:10px}.mobile-menu.open{padding-top:110px}.mobile-menu.open a{font-size:28px;padding:12px 0}.mobile-menu.open .mobile-bottom{font-size:15px}.hero-topline{font-size:11px;padding:20px 0}.hero-topline span[dir]{display:none}.hero-v9 .hero-slide h1,.hero-v9 .hero-slide h2{font-size:clamp(34px,8.5vw,46px)!important;line-height:1.6!important;margin:18px 0}.hero-v9 .hero-slide p{font-size:15px;line-height:2}.hero-grid-v9{padding:35px 0 30px;gap:32px}.hero-buttons{gap:8px}.btn{font-size:12px;padding:14px 16px}.hero-slide .eyebrow{font-size:11px}.hero-disciplines{font-size:11px;letter-spacing:.035em}.hero-visual{width:calc(100% - 14px);padding:17px}.label-film{right:-10px;font-size:11px;padding:9px}.label-vr{left:-10px;font-size:11px;padding:9px}.visual-label svg{width:20px;height:20px}.hero-bottom{gap:10px}.hero-scroll{font-size:11px;gap:10px}.slider-controls{gap:7px}.slider-dots{gap:10px}.slider-dots i{width:13px}.slider-dots button{font-size:11px;gap:4px}.slider-arrow{width:28px;height:28px}.slider-pause{width:23px}.expertise-strip{padding:28px 0}.expertise-strip>.wrap{gap:22px}.expertise-intro{gap:18px}.expertise-intro p{font-size:14px}.expertise-intro .eyebrow{font-size:11px}.expertise-items{grid-template-columns:repeat(2,1fr)}.expertise-item{padding:20px 18px}.expertise-item b{font-size:13px}.expertise-item small{font-size:11px}.expertise-icon{margin-bottom:15px}.expertise-arrow{opacity:1;font-size:13px}html[dir] .title{font-size:32px!important;line-height:1.65!important}html[dir] .lead{font-size:15px!important}.section-head{gap:22px}.service-grid{grid-template-columns:1fr}.service-card{min-height:340px!important}.service-card .service-copy h3{font-size:21px!important}.workflow-phases{grid-template-columns:1fr;margin-bottom:28px}.workflow-phases>div{grid-template-columns:68px 1fr;border-inline-end:0;border-bottom:1px solid var(--line);padding:19px 22px}.workflow-phases span{grid-row:1/3}.workflow-phases b{font-size:16px}.workflow-phases small{font-size:11px}.workflow-aside{display:block}.workflow-aside h3 br{display:none}.workflow-aside h3{font-size:24px;margin:12px 0}.workflow-aside p{font-size:14px;max-width:none}.workflow-hint{margin-top:20px}.workflow-step summary{grid-template-columns:27px 1fr 24px;gap:13px;padding:23px 0}.workflow-result{grid-column:2;grid-row:2;display:flex;gap:8px;align-items:center}.workflow-result small{margin:0;font-size:11px;white-space:nowrap}.workflow-result b{font-size:11px}.workflow-toggle{grid-column:3;grid-row:1/3}.workflow-title h3{font-size:19px;margin-top:6px}.workflow-title small{font-size:11px}.workflow-body{grid-template-columns:1fr;gap:14px;padding:0 40px 23px 20px}.workflow-body p{font-size:14px}.workflow-body ul{font-size:13px}.workflow-footnote{padding:20px}.workflow-footnote>span{white-space:normal;font-size:14px}.immersive-features{font-size:12px;gap:14px}.immersive-art{height:340px}.vr-big{font-size:90px}.case-intro{flex-direction:column;gap:8px}.case-information b{font-size:14px}.case-information small{font-size:11px}.why-grid{grid-template-columns:1fr}.why-item{padding:20px 0}.manifesto-copy h2{font-size:34px;line-height:1.8!important}.manifesto-principles h3{font-size:19px}.start-copy .title{font-size:32px!important}.project-choice span{font-size:11px;padding:11px 9px}.project-form{padding:24px 20px}.field-help,.form-disclosure{font-size:11px}.contact-details a b{font-size:14px}.form-fields{gap:18px}.studio-footer{padding-top:55px}.footer-invitation{align-items:start;flex-direction:column;gap:25px;padding-bottom:35px}.footer-invitation h2{font-size:35px}.footer-start{font-size:15px;padding:10px 0;gap:30px}.footer-start span{font-size:30px}.footer-columns{gap:38px 24px;padding:38px 0;grid-template-columns:1fr 1fr}.footer-brand,.footer-contact{grid-column:1/-1}.footer-brand{display:grid;grid-template-columns:110px 1fr;gap:14px 20px;align-items:center}.footer-logo{width:110px;height:105px}.footer-logo img{width:100px;height:90px}.footer-brand p{font-size:12px;margin:0}.footer-since{grid-column:1/-1;font-size:11px}.footer-group h3{font-size:14px;margin-bottom:20px}.footer-group>a{font-size:13px;margin:12px 0}.footer-contact address{max-width:400px;margin:20px 0}.footer-socials{font-size:12px;gap:22px}.footer-bottom{flex-wrap:wrap;font-size:11px;gap:15px}.footer-bottom span[dir]{display:none}.footer-wordmark{font-size:11vw;margin-top:20px}} @media(max-width:360px){.brand-signature small{display:none}.brand-signature b{font-size:11px}.brand-v9.brand{gap:8px}.hero-scroll{display:none}.hero-v9 .hero-slide h1,.hero-v9 .hero-slide h2{font-size:30px!important}.expertise-item small{font-size:11px}.footer-brand{grid-template-columns:1fr}.footer-since{grid-column:auto}} @media(prefers-reduced-motion:reduce){.scene-camera,.scene-clapper,.scene-orbit{animation:none!important}.hero-slide{transition:none!important}.workflow-body{animation:none!important}} .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} .portfolio-v10{background:var(--bg)} .portfolio-heading{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;margin-bottom:45px} .portfolio-heading-copy .lead{margin:0}.portfolio-library{display:flex;align-items:center;gap:20px;margin-top:26px;color:var(--muted)}.portfolio-library>b{font:500 34px 'Inter',sans-serif;color:var(--text)}.portfolio-library>span{font-size:12px;line-height:1.9;border-inline-start:1px solid var(--line);padding-inline-start:20px} .portfolio-toolbar{border-top:1px solid var(--line);padding-top:28px;margin-bottom:30px;display:flex;flex-direction:column;gap:24px} .portfolio-filters{display:flex;gap:8px;flex-wrap:wrap} .portfolio-filters button{background:transparent;border:1px solid var(--line);color:var(--muted);padding:13px 15px;border-radius:8px;font-size:12px;cursor:pointer;transition:.25s;display:flex;align-items:center;gap:12px} .portfolio-filters small{font:9px 'Inter',sans-serif;opacity:.7}.portfolio-filters button[aria-pressed=true]{background:var(--text);color:var(--bg);border-color:var(--text)}.portfolio-filters button:hover{border-color:var(--accent)} .portfolio-search{align-self:flex-end;position:relative;display:flex;align-items:center;gap:18px;font-size:11px;color:var(--muted)}.portfolio-search input{width:245px;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:12px 14px 12px 38px;font:12px 'Vazirmatn',sans-serif;outline:none}.portfolio-search input:focus{border-color:var(--accent)}.portfolio-search i{font-size:22px;font-style:normal;position:absolute;left:12px;pointer-events:none} .portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 22px;align-items:start} .portfolio-card{border:0;color:var(--text);background:transparent;padding:0;text-align:start;cursor:pointer;min-width:0;display:block} .portfolio-image{display:block;position:relative;overflow:hidden;border-radius:15px;background:var(--surface);border:1px solid var(--line);aspect-ratio:1} .portfolio-image img{width:100%;height:100%;object-fit:contain;transition:transform .6s var(--ease)} .portfolio-view{position:absolute;bottom:16px;left:16px;right:16px;background:rgba(8,13,18,.87);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:12px 15px;color:white;display:flex;justify-content:space-between;font-size:12px;opacity:0;transform:translateY(10px);transition:.3s}.portfolio-view i{font-size:20px;font-style:normal;color:var(--accent)} .portfolio-card:hover .portfolio-view,.portfolio-card:focus-visible .portfolio-view{opacity:1;transform:none}.portfolio-card:hover .portfolio-image{border-color:var(--accent)} .portfolio-card-meta{display:flex;justify-content:space-between;gap:15px;margin:18px 0 10px;color:var(--muted);font-size:11px}.portfolio-card-meta span{font:8px 'Inter',sans-serif;letter-spacing:.06em}.portfolio-card>b{font-size:17px;font-weight:500;line-height:1.8;display:block} .portfolio-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:40px;padding-top:25px}.portfolio-bottom p,.portfolio-bottom>small{font-size:11px;color:var(--muted)}.portfolio-more{background:var(--surface);border:1px solid var(--line);border-radius:8px;color:var(--text);font-size:13px;padding:14px 22px;cursor:pointer;display:flex;gap:30px;align-items:center}.portfolio-more span{font-size:22px;color:var(--accent)}.portfolio-more[hidden]{display:none}.portfolio-empty{grid-column:1/-1;text-align:center;padding:60px;font-size:16px;color:var(--muted)} .portfolio-dialog{width:min(1080px,94vw);max-width:1080px;max-height:94svh;border:1px solid var(--line);border-radius:16px;padding:0;background:var(--bg2);color:var(--text);overflow:auto}.portfolio-dialog::backdrop{background:rgba(0,0,0,.84);backdrop-filter:blur(7px)} .gallery-dialog-header{display:flex;justify-content:space-between;align-items:center;padding:15px 25px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.gallery-dialog-header button{width:36px;height:36px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:50%;font-size:24px;cursor:pointer} .gallery-image-wrap{height:min(66svh,730px);background:var(--bg);display:grid;place-items:center;padding:18px}.gallery-image-wrap img{width:100%;height:100%;min-height:0;object-fit:contain}.gallery-dialog-footer{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 25px}.gallery-dialog-footer h2{font-size:20px;font-weight:500;margin:0}.gallery-dialog-footer p{font-size:11px;color:var(--muted);margin:7px 0 0}.gallery-navigation{display:flex;align-items:center;gap:18px;direction:ltr}.gallery-navigation button{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;color:var(--text);background:var(--surface);cursor:pointer}.gallery-navigation span{font:11px 'Inter',sans-serif;white-space:nowrap} .clients-v10{background:var(--bg2)}.clients-editorial{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:7vw;margin-bottom:45px}.client-sectors{display:flex;gap:9px;flex-wrap:wrap;margin-top:23px}.client-sectors span{padding:8px 12px;border:1px solid var(--line);border-radius:30px;color:var(--muted);font-size:11px} .clients-wall{background:var(--surface);border:1px solid var(--line);padding:22px;border-radius:22px}.clients-v10 .client-grid{margin:0;gap:10px}.clients-v10 .client-logo{background:#fafbfc;border:1px solid #e7e9ed;height:116px;border-radius:10px;padding:15px}.clients-v10 .client-logo img{width:86px;height:86px;filter:none!important;opacity:1!important;transform:none!important}.clients-v10 .client-logo:after{display:none}.clients-v10 .client-logo:hover{border-color:var(--accent)} .clients-bottom{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-top:25px;font-size:12px}.clients-bottom>span{color:var(--muted);display:flex;align-items:center;gap:10px}.clients-bottom i{width:6px;height:6px;border-radius:50%;background:var(--accent)}.clients-bottom a{display:flex;align-items:center;gap:22px}.clients-bottom b{font-size:24px;font-weight:400;color:var(--accent)} .process-explorer{background:var(--bg)}.stage-explorer{display:grid;grid-template-columns:.75fr 1.25fr;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--surface)} .stage-navigation{border-inline-end:1px solid var(--line);padding:18px}.stage-tab{width:100%;display:grid;grid-template-columns:35px 1fr 24px;gap:8px 14px;align-items:center;background:transparent;color:var(--muted);border:0;border-bottom:1px solid var(--line);padding:20px 17px;text-align:start;cursor:pointer;border-radius:6px;position:relative}.stage-tab:last-child{border:0}.stage-tab>span{grid-row:1/3;font:12px 'Inter',sans-serif;color:var(--muted)}.stage-tab>b{font-size:17px;font-weight:500;color:var(--text)}.stage-tab>small{grid-column:2;font:9px 'Inter',sans-serif;letter-spacing:.06em}.stage-tab>i{grid-column:3;grid-row:1/3;font-size:21px;font-style:normal;opacity:0}.stage-tab[aria-selected=true]{background:var(--bg2);box-shadow:inset -3px 0 var(--accent);border-color:transparent}.stage-tab[aria-selected=true]>i{opacity:1;color:var(--accent)}.stage-tab[aria-selected=true]>span{color:var(--accent)} .stage-panel{position:relative;padding:37px 42px;overflow:hidden;min-height:660px;display:flex;flex-direction:column;isolation:isolate;outline-offset:-5px} .stage-panel-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--accent);border-bottom:1px solid var(--line);padding-bottom:23px}.stage-panel-meta>span[dir]{font:10px 'Inter',sans-serif;letter-spacing:.12em;color:var(--muted)} .stage-number-bg{position:absolute;left:25px;top:90px;font:600 170px 'Inter',sans-serif;letter-spacing:-.07em;color:var(--text);opacity:.035;z-index:-1} .stage-panel-content{margin:44px 0 30px;max-width:550px}.stage-overline{font-size:11px;color:var(--muted)}.stage-panel-content h3{font-size:36px;font-weight:500;line-height:1.6;margin:15px 0 18px}.stage-panel-content>p{font-size:16px;line-height:2;color:var(--muted);max-width:500px}.stage-panel-content ul{list-style:none;padding:0;margin:23px 0;font-size:14px;line-height:2.5}.stage-panel-content li:before{content:'＋';color:var(--accent);margin-inline-end:13px} .stage-deliverable{display:flex;align-items:center;gap:17px;padding:20px 0;border-top:1px solid var(--line);margin-top:25px}.deliverable-symbol{font-size:32px;color:var(--accent)}.stage-deliverable small{font-size:11px;color:var(--muted);display:block;margin-bottom:8px}.stage-deliverable b{font-size:16px;font-weight:500;line-height:1.8} .stage-panel-controls{display:flex;justify-content:space-between;align-items:center;margin-top:auto;border-top:1px solid var(--line);padding-top:20px}.stage-panel-controls>span{font:11px 'Inter',sans-serif;color:var(--muted)}.stage-panel-controls>div{display:flex;gap:9px;direction:ltr}.stage-panel-controls button{background:transparent;border:1px solid var(--line);border-radius:50%;width:38px;height:38px;color:var(--text);cursor:pointer} .process-contract{display:grid;grid-template-columns:.7fr 1.4fr .6fr;gap:25px;align-items:center;border-top:1px solid var(--line);padding-top:25px;margin-top:30px}.process-contract>span{font-size:17px}.process-contract p{font-size:13px;color:var(--muted);line-height:2;margin:0}.process-contract a{font-size:13px;justify-self:end;color:var(--accent)} .manifesto-v10{background:var(--bg2)}.manifesto-label{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:22px;align-items:center}.manifesto-label>span:last-child{font-size:11px;color:var(--muted)} .manifesto-new-layout{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center;margin:55px 0}.manifesto-note{font-size:12px;color:var(--muted)}.manifesto-statement h2{font-size:clamp(35px,3.7vw,56px);font-weight:500;line-height:1.75;margin:22px 0;letter-spacing:0}.manifesto-statement h2 em{font-style:normal;color:var(--accent)}.statement-ending{font-size:25px;line-height:1.9;margin:20px 0}.statement-ending>span{color:var(--muted)}.manifesto-statement .lead{font-size:14px!important;max-width:470px} .narrative-canvas{position:relative;min-height:650px;border:1px solid var(--line);border-radius:18px;padding:28px;background:radial-gradient(ellipse at 70% 40%,rgba(243,107,33,.09),transparent 65%);overflow:hidden}.narrative-ruler{display:flex;align-items:center;gap:14px;font:8px 'Inter',sans-serif;letter-spacing:.08em;color:var(--muted)}.narrative-ruler i{height:1px;flex:1;background:var(--line)} .narrative-card{position:absolute;width:72%;height:155px;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:24px;box-shadow:0 20px 50px var(--shadow);transition:transform .5s var(--ease)}.narrative-card>span{font-size:11px;color:var(--muted)}.narrative-card b{font-size:32px;font-weight:500;display:block;margin:10px 0 4px}.narrative-card p{font-size:12px;color:var(--muted);margin:0}.narrative-card i{position:absolute;left:25px;top:50%;font-size:30px;font-style:normal;color:var(--accent)}.nc1{top:95px;right:12%;transform:rotate(4deg);z-index:1}.nc2{top:270px;right:17%;transform:rotate(-4deg);z-index:2;border-color:rgba(243,107,33,.4)}.nc3{top:445px;right:9%;transform:rotate(3deg);z-index:3}.narrative-canvas:hover .narrative-card{transform:rotate(0deg)}.narrative-baseline{position:absolute;bottom:22px;left:28px;right:28px;display:flex;justify-content:space-between;gap:15px;font-size:11px;color:var(--muted)}.narrative-baseline span[dir]{font:8px 'Inter',sans-serif;letter-spacing:.07em} .manifesto-beliefs{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);gap:35px}.manifesto-beliefs article{padding-top:27px}.manifesto-beliefs article>span{font:9px 'Inter',sans-serif;letter-spacing:.08em;color:var(--accent)}.manifesto-beliefs h3{font-size:20px;font-weight:500;line-height:1.8;margin:20px 0 7px}.manifesto-beliefs p{font-size:13px;line-height:2;color:var(--muted);margin:0} .project-intake{background:var(--bg)}.intake-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:7vw;align-items:start}.intake-copy .title{line-height:1.75!important}.intake-copy .lead{margin:25px 0 0} .intake-contact{margin-top:45px}.contact-overline{font-size:12px;color:var(--accent)}.intake-contact>a{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:21px 0}.intake-contact a>span{font-size:12px;color:var(--muted)}.intake-contact b{font:500 14px 'Inter',sans-serif;overflow-wrap:anywhere}.intake-contact i{font-style:normal;color:var(--accent);margin-inline-start:8px}.intake-followup{margin-top:35px}.intake-followup>span{font-size:12px;color:var(--accent)}.intake-followup ol{padding-inline-start:23px;font-size:13px;color:var(--muted);line-height:2.5;margin:17px 0}.intake-followup li::marker{color:var(--accent);font-size:11px} .project-form-v10{padding:35px;background:var(--bg2)}.intake-progress{display:flex;align-items:center;gap:15px;margin-bottom:35px;border-bottom:1px solid var(--line);padding-bottom:24px}.intake-progress>button{display:flex;align-items:center;gap:10px;background:transparent;border:0;padding:0;font-size:11px;color:var(--muted);cursor:pointer}.intake-progress>button>span{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:11px}.intake-progress i{flex:1;height:1px;background:var(--line)}.intake-progress [aria-current=step]{color:var(--text)}.intake-progress [aria-current=step]>span{background:var(--accent);color:white;border-color:var(--accent)} .intake-step[hidden]{display:none}.project-form-v10 .project-choices{gap:11px}.project-form-v10 .project-choice span{padding:18px 13px;min-height:64px;font-size:12px;background:var(--surface)}.project-form-v10 .project-choice input:checked+span{background:rgba(243,107,33,.1)}.project-form-v10 .form-heading h3{font-size:27px;line-height:1.8}.project-form-v10 .form-heading p{line-height:2} .intake-next-row{display:flex;flex-direction:column;gap:22px;margin-top:25px}.intake-next-row>span{font-size:12px;color:var(--muted)}.intake-next-row .brief-submit{width:100%;padding:17px 20px;flex:auto}.intake-next-row b{font-size:23px;font-weight:400}.intake-back{background:transparent;border:0;color:var(--muted);font-size:11px;padding:15px 0;cursor:pointer;margin-top:12px}.selected-services-summary{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 25px;font-size:11px}.selected-services-summary span{border:1px solid var(--line);border-radius:30px;padding:8px 11px;color:var(--accent)} .project-form-v10 .form-fields input,.project-form-v10 .form-fields select,.project-form-v10 .form-fields textarea{background:var(--surface)} @media(max-width:1100px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.clients-v10 .client-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.stage-tab{padding:18px 12px}.stage-tab>b{font-size:16px}.stage-panel{padding:30px;min-height:650px}.stage-panel-content h3{font-size:31px}.process-contract{grid-template-columns:.7fr 1.3fr}.process-contract a{grid-column:1/-1;justify-self:start}.narrative-canvas{min-height:650px}.narrative-card{width:80%;padding:20px}.nc1{right:7%}.nc2{right:12%}.nc3{right:4%}.intake-layout{gap:35px;grid-template-columns:1fr 1.1fr}.project-form-v10{padding:28px}.project-form-v10 .project-choice span{font-size:11px;padding:16px 10px}} @media(max-width:850px){.portfolio-heading,.clients-editorial,.manifesto-new-layout,.intake-layout{grid-template-columns:1fr;gap:30px}.portfolio-heading .title br{display:none}.portfolio-heading-copy{display:flex;gap:30px;align-items:center}.portfolio-library{margin-top:0;flex-shrink:0}.clients-editorial .title br{display:none}.stage-explorer{grid-template-columns:1fr}.stage-navigation{display:flex;overflow:auto;border-inline-end:0;border-bottom:1px solid var(--line);padding:15px;gap:8px;scrollbar-width:thin}.stage-tab{min-width:150px;border:1px solid var(--line)!important;grid-template-columns:25px 1fr;padding:15px 13px;border-radius:8px}.stage-tab>b{font-size:13px;white-space:nowrap}.stage-tab>i{display:none}.stage-tab>small{font-size:11px}.stage-tab[aria-selected=true]{box-shadow:inset 0 -2px var(--accent)}.stage-panel{min-height:600px}.manifesto-statement h2{font-size:42px}.narrative-canvas{width:min(550px,100%);margin-inline:auto}.intake-copy .title br{display:none}.intake-contact{max-width:650px}.project-form-v10{max-width:700px;width:100%;justify-self:center}.intake-followup{margin-top:25px}} @media(max-width:650px){.portfolio-heading-copy{display:block}.portfolio-library{margin-top:22px}.portfolio-heading{margin-bottom:30px}.portfolio-filters{gap:7px;flex-wrap:nowrap;overflow:auto;padding-bottom:8px;margin-inline-end:-20px}.portfolio-filters button{white-space:nowrap;padding:12px;font-size:11px;flex-shrink:0}.portfolio-search{align-self:stretch}.portfolio-search>span{display:none}.portfolio-search input{width:100%;font-size:13px}.portfolio-toolbar{gap:15px;padding-top:22px}.portfolio-grid{gap:25px 12px}.portfolio-image{border-radius:10px}.portfolio-card-meta{display:block;margin:13px 0 7px}.portfolio-card-meta small{font-size:11px}.portfolio-card-meta span{display:none}.portfolio-card>b{font-size:13px;line-height:1.9}.portfolio-view{display:none}.portfolio-bottom{gap:16px;margin-top:30px}.portfolio-bottom>small{width:100%}.portfolio-bottom p{font-size:11px}.portfolio-more{font-size:11px;padding:11px 14px;gap:15px}.portfolio-dialog{width:95vw;border-radius:12px}.gallery-dialog-header{padding:12px 15px;font-size:11px}.gallery-image-wrap{height:min(58svh,500px);padding:10px}.gallery-dialog-footer{padding:17px 15px;align-items:start;flex-direction:column;gap:17px}.gallery-dialog-footer h2{font-size:17px}.gallery-navigation{align-self:flex-end;gap:12px}.gallery-navigation button{width:32px;height:32px}.clients-editorial{gap:22px;margin-bottom:30px}.clients-v10 .client-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.clients-wall{padding:12px;border-radius:15px}.clients-v10 .client-logo{height:91px;padding:9px;border-radius:8px}.clients-v10 .client-logo img{width:66px;height:66px}.client-sectors{gap:7px}.client-sectors span{font-size:11px;padding:7px 10px}.clients-bottom{align-items:start;flex-direction:column;gap:15px;font-size:11px}.clients-bottom a{gap:15px}.stage-navigation{padding:12px}.stage-tab{min-width:145px}.stage-panel{padding:25px 22px;min-height:590px}.stage-panel-meta{font-size:11px;padding-bottom:18px}.stage-panel-meta>span[dir]{font-size:11px}.stage-panel-content{margin:34px 0 25px}.stage-panel-content h3{font-size:29px}.stage-panel-content>p{font-size:15px;line-height:2}.stage-panel-content ul{font-size:13px}.stage-deliverable b{font-size:15px}.stage-deliverable small{font-size:11px}.stage-number-bg{font-size:130px;top:90px;left:18px}.stage-overline{font-size:11px;line-height:1.9;display:block}.process-contract{grid-template-columns:1fr;gap:15px}.process-contract>span{font-size:17px}.process-contract p{font-size:13px}.process-contract a{grid-column:auto}.manifesto-label{align-items:start;flex-direction:column;gap:10px}.manifesto-new-layout{margin:35px 0}.manifesto-statement h2{font-size:34px;line-height:1.8}.statement-ending{font-size:22px}.manifesto-statement .lead{font-size:14px!important}.narrative-canvas{min-height:590px;padding:22px}.narrative-card{height:145px;width:81%;padding:20px}.narrative-card b{font-size:28px}.narrative-card p{font-size:11px}.nc1{top:88px}.nc2{top:245px}.nc3{top:402px}.narrative-ruler{font-size:11px;gap:8px}.narrative-baseline{left:22px;right:22px;bottom:20px;font-size:11px}.narrative-baseline>span[dir]{display:none}.manifesto-beliefs{grid-template-columns:1fr;gap:0}.manifesto-beliefs article{padding:22px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:80px 1fr;gap:17px}.manifesto-beliefs article>span{font-size:11px;padding-top:8px;letter-spacing:.02em}.manifesto-beliefs h3{font-size:18px;margin:0 0 8px}.manifesto-beliefs p{font-size:12px}.intake-copy .title{font-size:32px!important}.intake-copy .title br{display:block}.intake-contact{margin-top:30px}.contact-overline{font-size:11px}.intake-contact>a{padding:20px 0;gap:12px}.intake-contact a>span{font-size:11px}.intake-contact b{font-size:13px}.intake-followup ol{font-size:12px}.project-form-v10{padding:25px 20px}.intake-progress{gap:11px;margin-bottom:28px;padding-bottom:20px}.intake-progress>button{font-size:11px;gap:8px}.project-form-v10 .form-heading h3{font-size:24px}.project-form-v10 .form-heading p{font-size:13px}.project-form-v10 .project-choice span{min-height:62px;padding:14px 9px;font-size:11px}.project-form-v10 .project-choices{gap:9px}.intake-next-row{gap:20px}.intake-next-row>span{font-size:11px}.project-form-v10 .brief-submit{font-size:13px}.selected-services-summary{gap:6px}.selected-services-summary span{font-size:11px}.portfolio-empty{padding:45px 15px;font-size:14px}} @media(max-width:360px){.portfolio-grid{grid-template-columns:1fr}.portfolio-card>b{font-size:16px}.portfolio-card-meta span{display:inline;font-size:11px}.portfolio-card-meta{display:flex}.clients-v10 .client-logo img{width:55px;height:55px}.clients-v10 .client-logo{height:80px}.project-form-v10{padding:22px 15px}.project-form-v10 .project-choice span{font-size:11px;padding:12px 7px}} @media(prefers-reduced-motion:reduce){.narrative-card{transition:none}.portfolio-image img,.portfolio-view{transition:none}} html[data-theme=dark]{--glass-layer:rgba(24,33,42,.58);--glass-edge:rgba(255,255,255,.15);--glass-highlight:rgba(255,255,255,.055)} html[data-theme=light]{--glass-layer:rgba(255,255,255,.58);--glass-edge:rgba(255,255,255,.9);--glass-highlight:rgba(255,255,255,.45)} .glass-panel{background:linear-gradient(135deg,var(--glass-highlight),transparent 55%),var(--glass-layer);border:1px solid var(--glass-edge);backdrop-filter:blur(22px) saturate(135%);box-shadow:inset 0 1px rgba(255,255,255,.13),0 18px 50px var(--shadow)} .brand-header .brand-logo{background:transparent;border-inline:0;border-bottom:3px solid var(--accent)} .brand-header .brand img{filter:none!important}.brand-signature small{font-size:11px} .brand-header{background:var(--glass-layer)!important;backdrop-filter:blur(25px) saturate(140%)} .hero-visual{background:linear-gradient(135deg,var(--glass-highlight),transparent),var(--glass-layer);backdrop-filter:blur(22px);box-shadow:inset 0 1px rgba(255,255,255,.1),0 25px 70px var(--shadow)} .hero-art-stack{display:grid;position:relative;isolation:isolate}.hero-art{grid-area:1/1;position:relative;visibility:hidden;opacity:0;transform:translateY(12px) scale(.96);transition:opacity .65s var(--ease),transform .75s var(--ease),visibility .75s}.hero-art.active{visibility:visible;opacity:1;transform:none}.hero-label-mark{color:var(--accent);font-size:22px;line-height:1}.hero-art .visual-label{background:var(--glass-layer);border-color:var(--glass-edge);backdrop-filter:blur(14px)} .hero-art .production-scene{overflow:visible}.scene-floating{animation:sceneLift 7s ease-in-out infinite;transform-origin:center}.scene-drone{animation:sceneLift 5s ease-in-out -2s infinite}@keyframes sceneLift{50%{transform:translateY(-9px)}} .hero-v9 .hero-slide h1,.hero-v9 .hero-slide h2{font-size:clamp(38px,4vw,61px)!important;line-height:1.65!important} .slider-dots{gap:12px}.slider-dots i{width:16px}.hero-v9{background:radial-gradient(ellipse at 75% 25%,rgba(243,107,33,.065),transparent 55%),var(--bg)!important} .about-v11{background:radial-gradient(ellipse at 10% 50%,rgba(243,107,33,.085),transparent 45%),var(--bg)} .about-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-bottom:25px;border-bottom:1px solid var(--line);margin-bottom:42px}.about-company{font-size:12px;color:var(--muted)} .about-new-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:6vw;align-items:center}.about-image-column{position:relative;padding-bottom:70px}.about-image{margin:0;overflow:hidden;border-radius:22px;border:1px solid var(--glass-edge);box-shadow:0 35px 80px var(--shadow);background:var(--surface)}.about-image img{width:100%;height:auto;display:block;object-fit:contain;transition:filter .5s}.about-image:hover img{filter:brightness(1.06)} .origin-badge{position:absolute;bottom:25px;left:24px;width:220px;border-radius:20px;padding:25px;overflow:hidden;isolation:isolate;animation:originFloat 7s ease-in-out infinite}.origin-badge:after{content:'';position:absolute;left:-75%;top:0;width:45%;height:150%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transform:skewX(-18deg);animation:originShine 9s ease-in-out infinite;pointer-events:none}.origin-badge .eyebrow{font-size:11px;letter-spacing:.12em}.origin-badge strong{display:block;font-size:54px;line-height:1.4;font-weight:600;margin:7px 0}.origin-badge>span:not(.eyebrow):not(.origin-orbit){font-size:13px;display:block}.origin-badge small{display:block;font-size:11px;color:var(--muted);margin-top:9px}.origin-orbit{position:absolute;width:200px;height:200px;right:-105px;top:-85px;border:1px solid rgba(243,107,33,.5);border-radius:50%;box-shadow:0 0 0 17px rgba(243,107,33,.04),0 0 40px rgba(243,107,33,.12);z-index:-1}.origin-orbit:after{content:'';position:absolute;bottom:17px;left:30px;width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px var(--accent)} @keyframes originFloat{50%{transform:translateY(-7px)}}@keyframes originShine{0%,60%{left:-75%}90%,100%{left:150%}} .about-image-caption{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted);margin:20px 18px}.about-image-caption>span:first-child{max-width:190px}.about-image-caption>span[dir]{font:8px 'Inter',sans-serif;letter-spacing:.1em;opacity:.8} .about-story .title{font-size:clamp(32px,3.1vw,46px)!important}.about-story .lead{margin-top:22px}.about-paragraph{font-size:14px;color:var(--muted);line-height:2.15;margin:17px 0}.about-story-timeline{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);padding:22px 0;gap:18px;margin:26px 0 12px}.about-story-timeline>div{border-inline-end:1px solid var(--line);padding-inline-end:12px}.about-story-timeline>div:last-child{border:0}.about-story-timeline span{display:block;color:var(--accent);font-size:15px;margin-bottom:13px}.about-story-timeline b{display:block;font-size:12px;font-weight:500;line-height:1.8}.about-story-timeline small{display:block;font-size:11px;line-height:1.9;color:var(--muted);margin-top:7px} .service-card{background:linear-gradient(135deg,var(--glass-highlight),transparent),var(--glass-layer)!important;backdrop-filter:blur(18px);border-color:var(--glass-edge)!important;transition:transform .45s var(--ease),box-shadow .4s,border-color .3s} .service-card:hover{border-color:rgba(255,178,116,.75)!important;box-shadow:0 18px 55px rgba(243,107,33,.25),0 0 35px rgba(243,107,33,.16),inset 0 1px rgba(255,255,255,.35)!important;transform:translateY(-7px)} .service-card:hover:before{background:radial-gradient(circle at var(--mx,50%) var(--my,35%),rgba(255,230,179,.25),transparent 40%),linear-gradient(135deg,#f87830,#dc3a27 60%,#b12a22)!important}.service-card:hover .service-icon{background:rgba(255,255,255,.14);box-shadow:0 0 30px rgba(255,255,255,.15)} .portfolio-v11{background:radial-gradient(ellipse at 90% 8%,rgba(243,107,33,.08),transparent 40%),var(--bg)} .work-editorial{display:grid;grid-template-columns:1.15fr .85fr;gap:7vw;align-items:center;margin-bottom:42px}.work-editorial .title{font-size:clamp(32px,3.2vw,49px)!important}.work-intro{border-radius:18px;padding:30px}.work-intro-label{font-size:11px;color:var(--accent)}.work-intro>p{font-size:15px;line-height:2.1;color:var(--muted);margin:18px 0 25px}.work-stat{display:flex;gap:24px;align-items:center;padding-top:20px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.work-stat b{font-size:25px;font-weight:500;color:var(--text);margin-inline-end:6px}.work-stat i{margin-inline-start:auto;font-size:29px;font-style:normal;color:var(--accent)} .portfolio-v11 .portfolio-toolbar{border-radius:16px;padding:24px;gap:20px;margin-bottom:35px}.work-tools-top{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;color:var(--muted)}.work-tools-top .portfolio-search{align-self:auto}.portfolio-v11 .portfolio-filters{gap:8px}.portfolio-v11 .portfolio-filters button{font-size:11px;padding:12px 14px;background:var(--glass-highlight)}.portfolio-v11 .portfolio-filters button[aria-pressed=true]{background:linear-gradient(135deg,var(--accent),var(--accent2));border-color:transparent;color:white;box-shadow:0 7px 20px rgba(243,107,33,.18)} .portfolio-v11 .portfolio-card{padding:12px;border:1px solid var(--glass-edge);border-radius:20px;background:linear-gradient(135deg,var(--glass-highlight),transparent),var(--glass-layer);backdrop-filter:blur(18px);box-shadow:0 10px 35px var(--shadow);transition:transform .45s var(--ease),box-shadow .4s,border-color .3s} .portfolio-v11 .portfolio-card:hover,.portfolio-v11 .portfolio-card:focus-visible{transform:translateY(-9px);border-color:rgba(243,107,33,.65);box-shadow:0 28px 60px var(--shadow),0 0 30px rgba(243,107,33,.12)} .portfolio-v11 .portfolio-image{border-radius:12px;transform:perspective(900px) rotateX(var(--card-rx,0deg)) rotateY(var(--card-ry,0deg));transition:transform .4s var(--ease),box-shadow .4s;transform-origin:center;isolation:isolate} .portfolio-v11 .portfolio-image:after{content:'';position:absolute;inset:-60% -90%;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.2) 48%,transparent 62%);transform:translateX(-60%) rotate(7deg);transition:transform .8s;pointer-events:none}.portfolio-v11 .portfolio-card:hover .portfolio-image:after{transform:translateX(60%) rotate(7deg)}.portfolio-v11 .portfolio-image img{transition:filter .45s}.portfolio-v11 .portfolio-card:hover img{filter:brightness(1.06)}.portfolio-v11 .portfolio-card-meta{padding-inline:5px;align-items:center}.portfolio-v11 .portfolio-card-meta small{font-size:11px;line-height:1.8;max-width:70%}.portfolio-v11 .portfolio-card>b{font-size:16px;padding:0 5px 8px}.portfolio-v11 .portfolio-grid{gap:22px} .portfolio-v11 .portfolio-bottom{border-radius:16px;padding:25px 28px;margin-top:35px}.work-pagination>span{font-size:11px;color:var(--accent)}.work-pagination p{margin:9px 0 0}.portfolio-v11 .portfolio-more{background:var(--surface);border-color:var(--glass-edge);font-size:13px;padding:15px 23px}.work-bottom-hint{font-size:12px;line-height:2;color:var(--text)}.work-bottom-hint small{font-size:11px;color:var(--muted)}.work-next-project{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-top:25px;padding:18px 4px;font-size:12px;color:var(--muted)}.work-next-project a{color:var(--accent)} .clients-wall,.stage-explorer,.project-form-v10,.narrative-canvas{background:linear-gradient(135deg,var(--glass-highlight),transparent 60%),var(--glass-layer);backdrop-filter:blur(20px) saturate(130%);border-color:var(--glass-edge)} .magazine-v11{background:radial-gradient(ellipse at 15% 60%,rgba(243,107,33,.075),transparent 50%),var(--bg2)}.magazine-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.magazine-card{border-radius:20px;overflow:hidden;padding:0;color:var(--text);text-align:start;cursor:pointer;transition:transform .4s,box-shadow .4s}.magazine-card:hover{transform:translateY(-7px);box-shadow:0 25px 65px var(--shadow),0 0 25px rgba(243,107,33,.1)}.magazine-image{position:relative;display:block;padding:14px 14px 0}.magazine-image img{border-radius:12px;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.magazine-image>span{position:absolute;top:27px;left:27px;font:8px 'Inter',sans-serif;letter-spacing:.06em;background:rgba(9,13,17,.8);color:white;padding:9px 12px;border-radius:20px}.magazine-copy{padding:24px;display:block}.magazine-copy>small{font-size:11px;color:var(--accent)}.magazine-copy h3{font-size:19px;font-weight:500;line-height:1.9;margin:15px 0 12px}.magazine-copy>p{font-size:13px;color:var(--muted);line-height:2;margin:0 0 24px}.magazine-copy>b{border-top:1px solid var(--line);padding-top:17px;font-size:12px;font-weight:400;display:flex;justify-content:space-between;align-items:center}.magazine-copy i{font-size:24px;font-style:normal;color:var(--accent)}.magazine-end{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:25px;margin-top:35px}.magazine-end a{color:var(--accent)} .article-dialog{width:min(760px,94vw);max-height:92svh;border-radius:18px;color:var(--text);padding:0;overflow:auto;background:var(--bg2)}.article-dialog::backdrop,.social-contact-dialog::backdrop{background:rgba(0,0,0,.75);backdrop-filter:blur(8px)}.article-dialog-top{padding:18px 28px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.article-dialog-top button,.social-contact-dialog>button{width:35px;height:35px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--text);font-size:22px;cursor:pointer}.article-body{padding:35px}.article-body>h2{font-size:30px;font-weight:500;line-height:1.8;margin:20px 0}.article-intro{color:var(--accent);font-size:15px;line-height:2}.article-body h3{font-size:19px;font-weight:500;margin:27px 0 10px}.article-body #articleSections p{font-size:15px;line-height:2.2;color:var(--muted)}.article-body .btn{margin-top:20px} .footer-social-icons{gap:9px!important}.social-icon{position:relative;display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;color:var(--muted);background:transparent;cursor:pointer;transition:background .3s,color .3s,transform .3s,box-shadow .3s}.social-icon svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;fill:none}.social-icon>span{position:absolute;bottom:50px;right:50%;transform:translateX(50%) translateY(5px);font-size:11px;color:var(--text);background:var(--surface);padding:6px 9px;border:1px solid var(--line);border-radius:7px;opacity:0;pointer-events:none;white-space:nowrap;transition:.25s}.social-icon:hover,.social-icon:focus-visible{transform:translateY(-4px);color:white}.social-icon:hover>span,.social-icon:focus-visible>span{opacity:1;transform:translateX(50%) translateY(0)}.social-instagram:hover,.social-instagram:focus-visible{background:radial-gradient(circle at 25% 110%,#ffcf5b,#ed485c 45%,#9c37b7 80%);border-color:#ed485c;box-shadow:0 8px 22px rgba(225,48,108,.2)}.social-telegram:hover,.social-telegram:focus-visible{background:#229ed9;border-color:#229ed9}.social-linkedin:hover,.social-linkedin:focus-visible{background:#0a66c2;border-color:#0a66c2}.social-whatsapp:hover,.social-whatsapp:focus-visible{background:#25d366;border-color:#25d366}.social-bale:hover,.social-bale:focus-visible{background:#00b488;border-color:#00b488}.social-rubika:hover,.social-rubika:focus-visible{background:var(--surface);border-color:#e95486}.social-rubika:hover .r1,.social-rubika:focus-visible .r1{fill:#f0bb3f;stroke:#f0bb3f}.social-rubika:hover .r2,.social-rubika:focus-visible .r2{fill:#e95686;stroke:#e95686}.social-rubika:hover .r3,.social-rubika:focus-visible .r3{fill:#38b8d9;stroke:#38b8d9} .social-contact-dialog{width:min(430px,94vw);padding:28px;border-radius:18px;color:var(--text);background:var(--bg2)}.social-contact-dialog>button{float:left}.social-contact-dialog h2{font-size:24px;font-weight:500;margin:15px 0}.social-contact-dialog p{font-size:13px;color:var(--muted);line-height:2}.social-contact-dialog strong{font:500 21px 'Inter',sans-serif;display:block;margin:25px 0}.social-contact-dialog>div{display:flex;gap:13px;align-items:center}.social-contact-dialog>div button,.social-contact-dialog>div a{background:var(--surface);color:var(--text);border:1px solid var(--line);padding:12px 16px;border-radius:8px;font-size:12px;cursor:pointer}.social-contact-dialog #socialCopyStatus{font-size:11px;color:var(--accent);display:block;margin-top:15px} @media(max-width:1100px){.about-new-layout{grid-template-columns:1fr 1fr;gap:35px;align-items:start}.origin-badge{width:195px;left:17px;padding:22px}.origin-badge strong{font-size:48px}.about-story-timeline{gap:12px}.about-story-timeline small{font-size:11px}.work-editorial{gap:35px;grid-template-columns:1fr 1fr}.work-intro{padding:25px}.portfolio-v11 .portfolio-card-meta span{font-size:11px}.footer-social-icons{gap:12px!important}} @media(max-width:850px){.about-new-layout,.work-editorial{grid-template-columns:1fr}.about-image-column{max-width:720px;width:100%;margin-inline:auto}.about-story .title br{display:none}.about-story-timeline small{font-size:11px}.about-paragraph{font-size:15px}.work-intro{max-width:650px}.magazine-grid{grid-template-columns:1fr 1fr}.magazine-grid .magazine-card:last-child{grid-column:1/-1;max-width:550px;justify-self:center}.work-tools-top{align-items:start}.work-bottom-hint{display:none}.work-next-project{flex-wrap:wrap}} @media(max-width:650px){.hero-v9 .hero-slide h1,.hero-v9 .hero-slide h2{font-size:clamp(31px,8.3vw,43px)!important;line-height:1.65!important}.hero-v9 .hero-slide p{font-size:14px;line-height:2.1}.hero-bottom{justify-content:center}.hero-bottom .hero-scroll{display:none}.slider-controls{gap:8px}.slider-dots{gap:8px}.slider-dots button{font-size:11px;gap:4px}.slider-dots i{width:10px}.slider-arrow{width:27px;height:27px}.slider-pause{width:25px}.hero-visual{padding:16px}.hero-art .visual-label{font-size:11px;padding:8px 10px;gap:6px}.hero-label-mark{font-size:17px}.brand-signature small{font-size:11px}.about-heading{align-items:start;flex-direction:column;gap:10px;padding-bottom:20px;margin-bottom:30px}.about-company{font-size:11px}.about-new-layout{gap:30px}.about-image{border-radius:15px}.about-image-column{padding-bottom:110px}.origin-badge{width:195px;bottom:20px;left:15px;padding:20px}.origin-badge strong{font-size:48px}.origin-badge .eyebrow{font-size:11px}.origin-badge>span:not(.eyebrow):not(.origin-orbit){font-size:12px}.origin-badge small{font-size:11px}.about-image-caption{margin:17px 10px;font-size:11px}.about-image-caption>span:first-child{max-width:130px}.about-story .title{font-size:31px!important}.about-story .title br{display:block}.about-paragraph{font-size:14px;line-height:2.1}.about-story-timeline{gap:9px;padding:20px 0}.about-story-timeline>div{padding-inline-end:8px}.about-story-timeline span{font-size:14px}.about-story-timeline b{font-size:11px}.about-story-timeline small{font-size:11px}.work-editorial{gap:25px;margin-bottom:28px}.work-editorial .title{font-size:31px!important}.work-intro{padding:23px}.work-intro>p{font-size:14px;margin:15px 0 20px}.work-stat{gap:20px;font-size:11px}.work-stat b{font-size:23px}.portfolio-v11 .portfolio-toolbar{padding:17px;border-radius:13px;gap:15px}.work-tools-top{flex-direction:column;gap:13px}.work-tools-top>span{font-size:11px}.work-tools-top .portfolio-search{width:100%;align-self:stretch}.portfolio-v11 .portfolio-filters{margin:0;max-width:100%;padding-bottom:6px}.portfolio-v11 .portfolio-filters button{font-size:11px;padding:11px 12px}.portfolio-v11 .portfolio-grid{gap:15px 11px}.portfolio-v11 .portfolio-card{padding:7px;border-radius:13px}.portfolio-v11 .portfolio-image{border-radius:8px}.portfolio-v11 .portfolio-card-meta{padding-inline:3px}.portfolio-v11 .portfolio-card-meta small{font-size:11px;max-width:100%}.portfolio-v11 .portfolio-card>b{font-size:12px;padding:0 3px 6px;line-height:1.9}.portfolio-v11 .portfolio-bottom{padding:20px;gap:19px;align-items:start;flex-direction:column}.work-pagination p{font-size:11px}.portfolio-v11 .portfolio-more{width:100%;justify-content:space-between;font-size:12px;padding:14px 17px}.work-next-project{font-size:11px;margin-top:14px;gap:12px;padding-inline:3px}.magazine-grid{grid-template-columns:1fr;gap:22px}.magazine-grid .magazine-card:last-child{grid-column:auto;max-width:none;justify-self:stretch}.magazine-copy{padding:22px}.magazine-copy h3{font-size:20px}.magazine-copy p{font-size:14px}.magazine-end{flex-direction:column;font-size:11px;gap:15px}.article-body{padding:24px}.article-body>h2{font-size:25px}.article-body #articleSections p{font-size:14px}.article-body h3{font-size:18px}.article-dialog-top{padding:16px 24px}.social-icon{width:40px;height:40px}.footer-social-icons{gap:12px!important}} @media(max-width:360px){.slider-controls{gap:5px}.slider-dots{gap:5px}.slider-dots i{width:8px}.slider-dots button{font-size:11px;gap:3px}.slider-arrow{width:24px;height:24px}.portfolio-v11 .portfolio-card>b{font-size:16px}.portfolio-v11 .portfolio-card-meta span{font-size:11px}.portfolio-v11 .portfolio-card-meta small{max-width:70%}} .about-image-caption>span[dir]{display:none} @media(min-width:651px){.portfolio-v11 .portfolio-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.portfolio-v11 .portfolio-filters button{white-space:normal;text-align:start;display:flex;align-items:center;justify-content:space-between;gap:10px}} @media(prefers-reduced-motion:reduce){.origin-badge,.origin-badge:after,.scene-floating,.scene-drone{animation:none!important}.hero-art,.portfolio-v11 .portfolio-card,.portfolio-v11 .portfolio-image,.social-icon{transition:none!important}.portfolio-v11 .portfolio-image{transform:none!important}} html[data-theme=dark] .brand-header .brand img{filter:brightness(1.48) saturate(1.08) drop-shadow(0 0 9px rgba(255,130,55,.13))!important;opacity:1!important} .origin-badge{text-align:center}.origin-badge .eyebrow{display:block;width:100%;text-align:center}.origin-badge strong,.origin-badge>span,.origin-badge small{text-align:center} .about-story .lead,.about-story .about-paragraph{text-align:justify;text-align-last:right;word-spacing:normal;line-height:2.2} .clients-editorial{grid-template-columns:1fr;gap:24px}.clients-editorial .title{white-space:nowrap;font-size:clamp(23px,3.3vw,48px)!important}.clients-intro{max-width:780px}.clients-intro .lead{text-align:start} #process .section-head{grid-template-columns:1fr;gap:24px}#process .section-head .title{white-space:nowrap;font-size:clamp(23px,3.3vw,48px)!important}#process .section-head .lead{max-width:780px} .portfolio-v11 .portfolio-card:hover,.portfolio-v11 .portfolio-card:focus-visible{border-color:var(--glass-edge);box-shadow:0 28px 60px var(--shadow),0 0 30px rgba(255,255,255,.05)} .portfolio-v11 .portfolio-card:hover .portfolio-image,.portfolio-v11 .portfolio-card:focus-visible .portfolio-image{border-color:var(--line)} .manifesto-new-layout{grid-template-columns:1.15fr .85fr;gap:5vw;align-items:center}.manifesto-statement{text-align:right}.manifesto-statement h2{font-size:clamp(28px,3vw,43px);line-height:1.65;margin:22px 0 25px;max-width:660px}.manifesto-statement h2>span,.manifesto-statement h2>em{display:block}.manifesto-statement h2>em{margin-top:8px}.statement-ending{font-size:22px;line-height:1.9;margin:0 0 24px}.statement-ending span{display:inline}.manifesto-statement .lead{max-width:600px;text-align:justify;text-align-last:right;line-height:2.15} @media(max-width:850px){.manifesto-new-layout{grid-template-columns:1fr;gap:40px}.manifesto-statement h2{font-size:clamp(27px,5vw,40px);max-width:680px}.manifesto-statement .lead{max-width:680px}} @media(max-width:650px){html[dir] #clients .title,html[dir] #process .title{font-size:clamp(18px,5.1vw,30px)!important;line-height:1.8!important;white-space:nowrap}.clients-editorial{gap:20px}.manifesto-statement h2{font-size:clamp(23px,6.1vw,34px);line-height:1.8}.statement-ending{font-size:19px}.about-story .lead,.about-story .about-paragraph{line-height:2.2}.magazine-copy h3{font-size:19px}} .origin-badge .eyebrow{display:block!important;text-align:center!important;position:static!important;margin-inline:auto!important;transform:none!important} .hero-art.active .production-scene{animation:artReveal 1.2s cubic-bezier(.16,1,.3,1) both,artDrift 7s ease-in-out 1.2s infinite;transform-origin:50% 50%} .hero-art.active .label-film{animation:labelReveal .8s .25s both}.hero-art.active .label-vr{animation:labelReveal .8s .42s both} .hero-transition .hero-slide.active>.eyebrow{animation:textReveal .6s .05s both}.hero-transition .hero-slide.active h1,.hero-transition .hero-slide.active h2{animation:textReveal .85s .14s both}.hero-transition .hero-slide.active p{animation:textReveal .85s .26s both}.hero-transition .hero-slide.active .hero-buttons{animation:textReveal .85s .38s both} .hero-visual:after{content:'';position:absolute;inset:10%;border-radius:50%;background:radial-gradient(circle,rgba(243,107,33,.08),transparent 65%);pointer-events:none;animation:heroGlow 5s ease-in-out infinite;z-index:-1}.hero-visual{isolation:isolate} @keyframes artReveal{from{opacity:0;transform:translateY(32px) scale(.83) rotate(-5deg);filter:blur(8px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes artDrift{50%{transform:translateY(-8px) rotate(1deg)}}@keyframes labelReveal{from{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}@keyframes textReveal{from{opacity:0;transform:translateY(22px);filter:blur(5px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes heroGlow{50%{transform:scale(1.2);opacity:.4}} .collection-more{border-radius:20px;padding:28px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:290px;gap:20px;color:var(--text);transition:transform .3s,box-shadow .3s}.collection-more .eyebrow{font-size:11px}.collection-more i{display:grid;place-items:center;width:75px;height:75px;border-radius:50%;border:1px solid var(--line);font-style:normal;color:var(--accent);font-size:40px}.collection-more b{font-size:22px;font-weight:500}.collection-more small{color:var(--muted);font-size:12px}.collection-more:hover{transform:translateY(-6px);box-shadow:0 25px 60px var(--shadow)} .client-more{border:1px solid var(--line);border-radius:12px;background:var(--glass-layer);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:15px;min-height:130px}.client-more>span{font-size:28px;color:var(--accent)}.client-more b{font-size:13px;font-weight:500}.client-more small{font-size:11px;color:var(--muted)}.client-more:hover{background:var(--surface)} .clients-v10 .client-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.manifesto-statement h2{font-size:clamp(24px,2.2vw,33px)!important}.manifesto-statement h2 small{font-size:.7em;font-weight:400;color:var(--muted)}.clients-intro{max-width:none}.clients-intro .lead,#process .section-head .lead{max-width:none!important;font-size:14px!important;line-height:2!important}.clients-editorial{gap:20px}.manifesto-new-layout{grid-template-columns:1.3fr .7fr;gap:3vw}.manifesto-statement h2{font-size:clamp(28px,2.5vw,38px);max-width:none;line-height:1.9}.manifesto-statement h2>span{white-space:nowrap}.manifesto-statement h2 em{display:inline}.statement-ending{margin-top:15px}.manifesto-statement .lead{max-width:650px} .footer-invitation-v13{border-radius:24px;margin-bottom:25px;padding:45px 50px;display:grid;grid-template-columns:1.15fr .85fr;gap:45px;position:relative;overflow:hidden}.footer-invitation-v13:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 10% 70%,rgba(243,107,33,.12),transparent 60%);pointer-events:none}.footer-invitation-v13>div{position:relative}.footer-invitation-v13 h2{font-size:clamp(32px,3.7vw,52px);margin:18px 0;line-height:1.7}.footer-call-copy>p{font-size:14px;color:var(--muted);line-height:2}.footer-project-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.footer-project-tags span{font-size:11px;color:var(--muted);border:1px solid var(--line);padding:8px 12px;border-radius:30px}.footer-call-action{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}.footer-invitation-v13 .footer-start{display:flex;flex-direction:column;gap:13px;text-align:center;border:0;padding:28px;transition:transform .3s}.footer-invitation-v13 .footer-start-icon{display:grid;place-items:center;width:88px;height:88px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 10px 35px rgba(243,107,33,.22);color:white;font-size:40px}.footer-invitation-v13 .footer-start b{font-size:17px;font-weight:500}.footer-invitation-v13 .footer-start small{font-size:11px;color:var(--muted)}.footer-start:hover{transform:translateY(-5px)}.footer-email{font:12px 'Inter',sans-serif;color:var(--muted)} .footer-social-icons{justify-content:center!important;width:100%}.social-instagram:hover svg,.social-telegram:hover svg,.social-whatsapp:hover svg,.social-instagram:focus-visible svg,.social-telegram:focus-visible svg,.social-whatsapp:focus-visible svg{color:#fff!important;stroke:#fff!important} .mobile-socials{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;padding-top:20px;margin-top:20px;border-top:1px solid var(--line)}.mobile-menu.open .mobile-socials a{padding:0!important;width:37px;height:37px;border:1px solid var(--line)!important;font-size:12px!important}.mobile-socials .social-icon>span{display:none}.mobile-menu.open{padding:calc(var(--header-height) + 26px) 25px 25px!important;gap:0}.mobile-menu.open>a:not(.mobile-bottom){font-size:19px!important;font-weight:500;padding:14px 15px!important;border:0;border-radius:10px;display:flex;justify-content:space-between;line-height:1.6}.mobile-menu.open>a:not(.mobile-bottom):after{content:'↗';color:var(--muted);font-size:15px}.mobile-menu.open>a:hover{background:var(--glass-layer)}.mobile-menu.open .mobile-overline{font-size:11px;letter-spacing:.14em;margin-bottom:20px;color:var(--accent)}.mobile-menu.open .mobile-bottom{font-size:14px!important;margin-top:20px!important;padding:15px!important;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:white!important;text-align:center}.mobile-menu.open:before{pointer-events:none} .touch-controls{display:none} @media(min-width:1181px){.clients-intro .lead,#process .section-head .lead{white-space:nowrap;font-size:clamp(11px,.97vw,14px)!important}} @media(max-width:1000px){.manifesto-new-layout{grid-template-columns:1fr}.manifesto-statement h2>span{white-space:normal}.footer-invitation-v13{gap:25px;padding:30px}} @media(max-width:650px){.clients-v10 .client-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.manifesto-statement h2{font-size:clamp(23px,6vw,32px);line-height:1.85}.clients-intro .lead,#process .section-head .lead{white-space:normal;font-size:14px!important}.client-more{min-height:91px;padding:8px;gap:5px}.client-more b{font-size:11px}.client-more small{font-size:11px;line-height:1.7}.client-more>span{font-size:20px}.collection-more{min-height:235px;padding:15px;gap:13px;border-radius:13px}.collection-more .eyebrow{font-size:11px}.collection-more i{width:48px;height:48px;font-size:26px}.collection-more b{font-size:15px}.collection-more small{font-size:11px;line-height:1.8}.footer-invitation-v13{grid-template-columns:1fr;padding:28px 23px;border-radius:18px;gap:15px}.footer-invitation-v13 h2{font-size:32px}.footer-call-copy>p{font-size:13px}.footer-invitation-v13 .footer-start{padding:20px 0}.footer-invitation-v13 .footer-start b{font-size:15px}.footer-call-action{gap:10px}.footer-project-tags span{font-size:11px} .service-grid,.magazine-grid{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;gap:15px;padding:8px 3px 25px;scrollbar-width:none;overscroll-behavior-x:contain}.service-grid::-webkit-scrollbar,.magazine-grid::-webkit-scrollbar{display:none}.service-grid>.service-card{flex:0 0 86%;min-width:0;min-height:365px!important;scroll-snap-align:start}.magazine-grid>.magazine-card,.magazine-grid .magazine-card:last-child{flex:0 0 89%;min-width:0;max-width:none;scroll-snap-align:start}.service-card:hover{transform:none}.magazine-card:hover{transform:none}.magazine-copy{padding:21px}.magazine-copy h3{font-size:18px}.magazine-copy>p{font-size:13px}.touch-controls{display:flex;justify-content:space-between;align-items:center;margin-top:4px;color:var(--muted);font-size:11px}.touch-controls>div{display:flex;gap:9px}.touch-controls button{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer}.touch-controls span{color:var(--accent)} } @media(prefers-reduced-motion:reduce){.hero-art.active .production-scene,.hero-art.active .visual-label,.hero-transition .hero-slide.active>* ,.hero-visual:after{animation:none!important}.service-grid,.magazine-grid{scroll-behavior:auto}} @media(min-width:1101px){.clients-v10 .client-grid{grid-template-columns:repeat(8,minmax(0,1fr))}} .collection-more,.client-more{background:radial-gradient(ellipse at 15% 0%,rgba(255,220,150,.28),transparent 55%),linear-gradient(135deg,#ff852c 0%,#f15a24 40%,#d72e2b 100%)!important;color:#fff!important;border:1px solid rgba(255,255,255,.25)!important;box-shadow:inset 0 1px rgba(255,255,255,.28),0 15px 35px rgba(226,64,35,.18);position:relative;overflow:hidden;isolation:isolate;transition:transform .35s,box-shadow .35s} .collection-more:before,.client-more:before{content:'';position:absolute;inset:-45%;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.15) 50%,transparent 58%);transform:translateX(-75%) rotate(10deg);transition:transform .75s;pointer-events:none;z-index:-1} .collection-more:hover:before,.client-more:hover:before{transform:translateX(75%) rotate(10deg)} .collection-more:hover,.client-more:hover{box-shadow:inset 0 1px rgba(255,255,255,.4),0 22px 45px rgba(226,64,35,.28);transform:translateY(-5px)} .collection-more .eyebrow,.collection-more small,.client-more small{color:rgba(255,255,255,.87)!important}.collection-more i{color:#fff!important;border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.12);box-shadow:inset 0 1px rgba(255,255,255,.22)}.client-more>span{color:white!important;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.3);border-radius:50%;width:38px;height:38px;display:grid;place-items:center;line-height:1} .collection-more:focus-visible,.client-more:focus-visible{outline:3px solid var(--text);outline-offset:4px} @media(max-width:650px){.client-more>span{width:28px;height:28px}} @media(prefers-reduced-motion:reduce){.collection-more,.client-more,.collection-more:before,.client-more:before{transition:none!important}} .portfolio-v11 .portfolio-grid{align-items:stretch}.portfolio-v11 .collection-more{align-self:stretch;justify-self:stretch;width:100%;height:auto;min-height:0;box-sizing:border-box} .clients-v10 .client-more{height:116px;min-height:0;width:100%;box-sizing:border-box;padding:10px;gap:7px;border-radius:10px} @media(max-width:650px){.clients-v10 .client-more{height:91px;padding:8px;gap:5px;border-radius:8px}.portfolio-v11 .collection-more{min-height:0}}
.client-logo.client-logo-named{height:auto!important;min-height:150px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;padding:15px 10px!important;gap:12px!important;overflow:visible!important}.client-logo.client-logo-named img{width:105px!important;height:85px!important;max-width:100%!important;object-fit:contain!important;filter:none!important;opacity:1!important}.client-name{display:block;font-size:11px;line-height:1.9;text-align:center;color:var(--text);width:100%;min-height:36px}.client-logo.client-logo-named{background:#fff!important}.client-logo.client-logo-named .client-name{color:#25303b}@media(max-width:650px){.client-logo.client-logo-named{min-height:138px!important;padding:12px 8px!important;gap:10px!important}.client-logo.client-logo-named img{width:83px!important;height:72px!important}.client-name{font-size:11px}}

/* V39: equal-height logo tiles with a branded hover nameplate. */
.client-logo.client-logo-named{position:relative;height:132px!important;min-height:132px!important;padding:17px!important;gap:0!important;overflow:hidden!important;isolation:isolate;border-color:var(--glass-edge)!important}.client-logo.client-logo-named img{width:115px!important;height:90px!important;transition:transform .35s,opacity .35s;flex:none}.client-logo-named .client-name{position:absolute;bottom:9px;left:9px;right:9px;width:auto;min-height:0;padding:10px 9px;border:1px solid #ffffff55;border-radius:10px;background:linear-gradient(120deg,#15232feb,#22333ff0);backdrop-filter:blur(18px);color:#fff!important;font-size:11px;line-height:1.8;opacity:0;transform:translateY(12px);transition:opacity .3s,transform .3s;box-shadow:0 8px 22px #0002;pointer-events:none}.client-logo-named .client-name:before{content:'';position:absolute;top:0;right:25%;left:25%;height:2px;background:linear-gradient(90deg,#ff9c40,#e83f27);border-radius:5px}.client-logo-named:hover .client-name,.client-logo-named:focus .client-name,.client-logo-named:focus-visible .client-name{opacity:1;transform:none}.client-logo-named:hover img,.client-logo-named:focus img{transform:translateY(-13px) scale(.91)}.client-logo-named:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.client-more{height:132px!important;min-height:132px!important;width:100%!important;align-self:stretch!important;box-sizing:border-box;padding:15px 12px!important;border-radius:var(--radius,12px);display:flex!important;flex-direction:column;justify-content:center;align-items:center;gap:9px!important}.client-more>span{width:36px!important;height:36px!important;font-size:23px!important}.client-more b{font-size:12px!important}.client-more small{font-size:11px!important;line-height:1.8}@media(max-width:650px){.client-logo.client-logo-named,.client-more{height:115px!important;min-height:115px!important}.client-logo.client-logo-named{padding:12px!important}.client-logo.client-logo-named img{width:88px!important;height:74px!important}.client-logo-named .client-name{font-size:11px;left:7px;right:7px;bottom:7px;padding:8px 6px}.client-more{padding:12px 8px!important;gap:7px!important}.client-more b{font-size:11px!important}.client-more small{font-size:11px!important}.client-more>span{width:30px!important;height:30px!important;font-size:20px!important}}@media(prefers-reduced-motion:reduce){.client-logo-named img,.client-logo-named .client-name{transition:none}}
.client-logo-named .client-name{z-index:5!important}.client-logo-named img{position:relative;z-index:1}

/* Unified footer and mobile navigation, v40 */
.footer-v40{position:relative;padding:0;background:var(--bg);border-top:1px solid var(--line);overflow:hidden}
.footer-v40:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,#f86b21,#dc3021,transparent)}
.footer-v40>.wrap{position:relative}.footer-v40 .footer-columns{display:grid;grid-template-columns:1.05fr .7fr .95fr 1.3fr;gap:clamp(24px,3vw,48px);align-items:start;padding:58px 0 36px}
.footer-v40 .footer-brand{display:block}.footer-v40 .footer-brand-lockup{display:flex;align-items:center;gap:18px}.footer-v40 .footer-logo{width:94px;height:86px;background:transparent;border:0;border-radius:0;box-shadow:none}.footer-v40 .footer-logo img{width:94px;height:86px;object-fit:contain}.footer-brand-title{display:flex;flex-direction:column;gap:7px}.footer-brand-title b{font-size:23px;color:var(--text)}.footer-brand-title small{font:9px Inter,sans-serif;letter-spacing:.2em;color:var(--muted)}
.footer-v40 .footer-brand p{margin:20px 0 18px;font-size:12px;line-height:2.2;max-width:270px}.footer-v40 .footer-since{display:flex;align-items:center;gap:8px;font-size:11px}.footer-since i{width:5px;height:5px;background:var(--accent);border-radius:50%;box-shadow:0 0 12px #f76a2155}
.footer-v40 .footer-group h3{font-size:13px;margin:13px 0 22px;color:var(--text)}.footer-v40 .footer-group>a{display:flex;justify-content:space-between;gap:10px;margin:0;padding:8px 0;font-size:12px;line-height:1.7}.footer-v40 .footer-group>a span{opacity:0;transform:translateY(3px);color:var(--accent);transition:.2s}.footer-v40 .footer-group>a:hover span,.footer-v40 .footer-group>a:focus-visible span{opacity:1;transform:none}
.footer-contact-card{padding:25px;border:1px solid var(--line);border-radius:22px;background:radial-gradient(ellipse at 0 0,rgba(249,107,33,.09),transparent 65%),var(--glass-layer);backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 var(--glass-highlight)}.footer-contact-kicker{display:block;font:8px Inter,sans-serif;letter-spacing:.17em;color:var(--accent)}.footer-contact-card h3{font-size:21px;margin:11px 0 18px}.footer-contact-lines{display:grid;gap:12px}.footer-contact-lines>a{display:flex;align-items:center;justify-content:space-between;gap:10px}.footer-contact-lines small{font-size:11px;color:var(--muted)}.footer-contact-lines b{font:500 12px Inter,sans-serif;color:var(--text)}.footer-contact-lines a:hover b{color:var(--accent)}.footer-contact-card address{font-size:11px;font-style:normal;color:var(--muted);line-height:2.1;margin:18px 0}
.footer-v40 .footer-social-icons{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:17px;margin:0}.footer-v40 .social-icon{width:34px;height:34px;padding:0;border:1px solid var(--line);margin:0}.footer-v40 .social-icon svg{width:17px;height:17px}.footer-contact-link{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-top:18px;color:var(--text)}.footer-contact-link span{color:var(--accent);font-size:18px}.footer-v40 .footer-bottom{padding:20px 0;gap:18px;font-size:11px}.footer-v40 .footer-bottom span[dir]{display:block;font-size:11px;opacity:.65}.footer-to-top{display:flex;align-items:center;gap:12px}.footer-to-top span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid var(--line);color:var(--accent)}
@media(max-width:1180px){.footer-v40 .footer-columns{grid-template-columns:1fr 1fr 1.2fr;gap:28px}.footer-v40 .footer-brand{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-v40 .footer-brand p{margin:0;max-width:350px}.footer-v40 .footer-since{white-space:nowrap}}
@media(max-width:650px){.footer-v40 .footer-columns{grid-template-columns:1fr 1fr;padding:34px 0 24px;gap:24px 28px}.footer-v40 .footer-brand{display:block}.footer-v40 .footer-brand-lockup{gap:16px}.footer-v40 .footer-logo,.footer-v40 .footer-logo img{width:80px;height:72px}.footer-v40 .footer-brand p{margin:16px 0 12px;max-width:330px}.footer-v40 .footer-group h3{margin:4px 0 12px}.footer-v40 .footer-group>a{font-size:11px;padding:7px 0}.footer-contact-card{grid-column:1/-1;padding:23px}.footer-v40 .footer-bottom{flex-wrap:wrap;justify-content:space-between;gap:14px}.footer-v40 .footer-bottom span[dir]{display:none}.footer-v40 .footer-bottom>span:first-child{font-size:11px}.footer-v40 .social-icon{width:38px;height:38px}.footer-v40 .footer-social-icons{gap:12px}}
@media(max-width:1180px){.mobile-menu.open{padding-bottom:max(20px,env(safe-area-inset-bottom))!important;min-height:100dvh}.mobile-menu.open>.mobile-overline{margin-bottom:12px!important}.mobile-menu.open>a:not(.mobile-bottom){padding:11px 13px!important;font-size:18px!important}.mobile-menu-end{position:relative;flex-shrink:0;margin-top:auto;padding-top:22px}.mobile-menu-end:before{content:"";position:absolute;inset:15% -25px -25px;pointer-events:none;background:radial-gradient(ellipse at bottom,rgba(246,94,28,.08),transparent 70%)}.mobile-menu.open .mobile-menu-end .mobile-bottom{display:flex;justify-content:space-between;align-items:center;margin:0!important;padding:15px 18px!important;font-size:13px!important;border:1px solid #ff956455;color:white;background:linear-gradient(120deg,#ff7625,#dc3021);box-shadow:0 8px 25px #ef57201c}.mobile-menu-end .mobile-socials{border-top:0!important;display:flex;justify-content:center;gap:12px;margin:18px 0 16px!important;padding:0!important}.mobile-menu-end .mobile-socials .social-icon{width:36px;height:36px;padding:0!important;border:1px solid var(--line);font-size:12px!important}.mobile-menu .mobile-contact-row{position:relative;display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:16px}.mobile-menu.open .mobile-contact-row a{font:10px Inter,sans-serif!important;letter-spacing:.015em;color:var(--muted);border:0;padding:0!important}.mobile-menu .mobile-brand-note{position:relative;display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:17px;color:var(--muted)}.mobile-brand-note>span{font-size:11px}.mobile-brand-note small{font:7px Inter,sans-serif;letter-spacing:.09em;color:var(--accent)} }
@media(max-height:740px) and (max-width:1180px){.mobile-menu.open>a:not(.mobile-bottom){padding:8px 13px!important;font-size:16px!important}.mobile-menu-end{padding-top:16px}.mobile-menu-end .mobile-socials{margin:14px 0!important}}

/* Simple social icons, one-line signature and staggered menu entrance */
@keyframes mobileMenuReveal{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@keyframes mobileItemReveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1180px){
.mobile-menu.open{animation:mobileMenuReveal .32s ease-out both}
.mobile-menu.open>.mobile-overline{animation:mobileItemReveal .45s ease-out .08s both}
.mobile-menu.open>a{animation:mobileItemReveal .48s cubic-bezier(.2,.7,.2,1) both}
.mobile-menu.open>a:nth-of-type(1){animation-delay:.10s}.mobile-menu.open>a:nth-of-type(2){animation-delay:.15s}.mobile-menu.open>a:nth-of-type(3){animation-delay:.20s}.mobile-menu.open>a:nth-of-type(4){animation-delay:.25s}.mobile-menu.open>a:nth-of-type(5){animation-delay:.30s}.mobile-menu.open>a:nth-of-type(6){animation-delay:.35s}.mobile-menu.open>a:nth-of-type(7){animation-delay:.40s}
.mobile-menu.open .mobile-menu-end>.mobile-bottom{animation:mobileItemReveal .48s ease-out .44s both}
.mobile-menu.open .mobile-socials .social-icon{animation:mobileItemReveal .4s ease-out both}
.mobile-menu.open .mobile-socials .social-icon:nth-child(1){animation-delay:.47s}.mobile-menu.open .mobile-socials .social-icon:nth-child(2){animation-delay:.50s}.mobile-menu.open .mobile-socials .social-icon:nth-child(3){animation-delay:.53s}.mobile-menu.open .mobile-socials .social-icon:nth-child(4){animation-delay:.56s}.mobile-menu.open .mobile-socials .social-icon:nth-child(5){animation-delay:.59s}.mobile-menu.open .mobile-socials .social-icon:nth-child(6){animation-delay:.62s}
.mobile-menu.open .mobile-contact-inline{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:nowrap;padding-top:13px;direction:ltr;animation:mobileItemReveal .45s ease-out .65s both}
.mobile-menu.open .mobile-contact-inline a{font:400 9px Inter,sans-serif!important;white-space:nowrap;letter-spacing:0!important}
.mobile-contact-inline small{font:500 7px Inter,sans-serif;white-space:nowrap;color:var(--accent);letter-spacing:0}
}
@media(max-width:360px){.mobile-menu.open .mobile-contact-inline a{font-size:11px!important}.mobile-contact-inline small{font-size:6px}}
@media(prefers-reduced-motion:reduce){.mobile-menu.open,.mobile-menu.open a,.mobile-menu.open>.mobile-overline,.mobile-menu.open .mobile-socials .social-icon,.mobile-menu.open .mobile-contact-inline{animation:none!important}}

/* V51: mobile navigation icons and a clear space under the brand. */
.mobile-menu.open>a:not(.mobile-bottom):after{content:none!important}.menu-icon51{width:21px;height:21px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;color:var(--muted);transition:color .2s,transform .2s}.mobile-menu>a:hover .menu-icon51{color:var(--accent);transform:translateY(-2px)}@media(max-width:768px){.brand-header .brand-logo{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-bottom:0!important;padding-bottom:10px!important}.brand-header .brand-logo img{width:100%!important;max-width:100%!important;height:100%!important;object-fit:contain}.brand-header .brand-logo:after{content:"";position:absolute;right:0;left:0;bottom:0;height:3px;border-radius:3px;background:linear-gradient(90deg,#ff8a28,#e43d22)}}