:root{--navy:#081017;--navy2:#0c1821;--slate:#14232e;--cream:#f6f7f5;--paper:#fffefa;--ink:#16232c;--muted:#77828b;--white:#f9faf8;--orange:#ffab6d;--orange2:#df794e;--line:rgba(255,255,255,.12);--shadow:0 25px 75px rgba(0,0,0,.22);--ease:cubic-bezier(.22,1,.36,1);--frame:min(1432px,calc(100vw - 112px))}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;background:var(--navy);color:var(--white);font-family:"DM Sans",sans-serif;font-size:14px;-webkit-font-smoothing:antialiased;overflow-x:hidden}body.locked{overflow:hidden}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}img,video{display:block;max-width:100%}h1,h2,h3,h4,p{margin:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--orange);outline-offset:3px}::selection{background:rgba(255,159,102,.32)}[hidden]{display:none!important}.frame{width:var(--frame);margin:0 auto}.skip-link{position:fixed;z-index:9999;left:20px;top:-70px;padding:12px 20px;background:#fff;color:#111;border-radius:8px}.skip-link:focus{top:14px}.scroll-progress{position:fixed;top:0;left:0;height:2px;width:0;background:linear-gradient(90deg,#ffcd98,#ee8953);z-index:200;transition:width .1s linear}.ambient-pointer{position:fixed;pointer-events:none;z-index:80;width:480px;height:480px;left:0;top:0;border-radius:50%;background:radial-gradient(circle,rgba(255,154,90,.045),transparent 62%);transform:translate(-50%,-50%);opacity:0;transition:opacity .3s}body:hover .ambient-pointer{opacity:1}.nav{position:fixed;inset:0 0 auto;z-index:90;transition:background .35s,border .35s,box-shadow .35s;border-bottom:1px solid transparent}.nav.is-scrolled{background:rgba(8,16,23,.88);border-color:rgba(255,255,255,.095);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 4px 28px rgba(0,0,0,.14)}.nav-inside{display:flex;align-items:center;justify-content:space-between;height:88px;gap:34px}.logo{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:166px;flex:none}.logo img{width:136px;height:auto;max-height:44px;object-fit:contain;object-position:left}.logo-note{font:600 7.8px/1.2 "Manrope",sans-serif;letter-spacing:2.05px;white-space:nowrap;color:#b2bbc0;margin-top:-2px;margin-left:3px}.nav-links{display:flex;align-items:center;justify-content:center;gap:30px}.nav-links a{position:relative;color:#d1d9db;font-size:12px;font-weight:600;white-space:nowrap;transition:color .25s}.nav-links a::after{content:"";height:1px;position:absolute;left:0;right:100%;bottom:-9px;background:var(--orange);transition:right .25s}.nav-links a:hover{color:#fff}.nav-links a:hover::after{right:0}.nav-right{display:flex;align-items:center;gap:24px}.nav-availability{white-space:nowrap;display:flex;align-items:center;gap:8px;color:#aebfc4;font-size:10px}.nav-availability i{height:6px;width:6px;background:#82d6a0;border-radius:50%;box-shadow:0 0 0 5px rgba(130,214,160,.07)}.nav-contact{display:flex;gap:28px;align-items:center;justify-content:center;padding:13px 18px;border:1px solid rgba(240,246,250,.4);border-radius:100px;font-size:11px;font-weight:700;color:#fff;transition:border .3s,background .3s,transform .3s}.nav-contact:hover{background:rgba(255,255,255,.1);border-color:var(--orange)}.nav-toggle{display:none;background:none;border:0;width:40px;height:36px;padding:8px}.nav-toggle span{display:block;width:22px;height:1.5px;background:#fff;margin:6px 0;transition:transform .3s}.nav-toggle.is-open span:first-child{transform:translateY(7.5px) rotate(45deg)}.nav-toggle.is-open span:last-child{transform:rotate(-45deg)}.mobile-nav{position:fixed;z-index:89;inset:77px 0 0;background:rgba(7,16,23,.97);padding:38px 7%;backdrop-filter:blur(24px)}.mobile-nav nav{display:grid;gap:8px}.mobile-nav a{padding:13px 0;border-bottom:1px solid var(--line);font-size:25px;font-family:Manrope,sans-serif;font-weight:600}.mobile-nav>span{display:block;margin-top:40px;font-size:10px;letter-spacing:2px;color:#7f939b}.eyebrow{display:flex;align-items:center;gap:13px;color:#e0e5e6;font-size:10px;font-weight:700;letter-spacing:2.6px;text-transform:uppercase}.eyebrow>i{display:block;width:22px;height:1px;background:var(--orange)}.eyebrow.inky{color:#63717c}.section-pad{padding:118px 0}.section-heading{font:600 clamp(29px,3.4vw,49px)/1.18 Manrope,sans-serif;letter-spacing:-2px}.section-heading em{font-style:normal;color:var(--orange2);font-weight:500}.section-top{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:42px}.section-top .section-heading{margin-top:20px}.section-intro{max-width:340px;color:#82919b;font-size:14px;line-height:1.9}.btn{border:0;display:inline-flex;align-items:center;justify-content:center;gap:38px;min-height:49px;padding:0 23px;border-radius:100px;font-size:12px;font-weight:700;transition:transform .28s var(--ease),box-shadow .28s,background .28s}.btn-solid{background:linear-gradient(110deg,#ffd09d,#ffa46d);color:#17212a;box-shadow:0 10px 35px rgba(241,151,89,.2)}.btn-solid:hover{box-shadow:0 12px 40px rgba(241,151,89,.43);transform:translateY(-3px)}.btn-ghost{border:1px solid rgba(255,255,255,.34);color:#e9eeef;background:rgba(255,255,255,.045)}.btn-ghost:hover{background:rgba(255,255,255,.12)}.text-action,.line-link{display:inline-flex;justify-content:space-between;gap:40px;align-items:center;font-size:12px;font-weight:700;padding:12px 0;border-bottom:1px solid currentColor;color:#d0dedf}.text-action span,.line-link span{transition:transform .25s}.text-action:hover span{transform:translate(3px,-3px)}.line-link.dark{color:var(--ink)}
/* Cinematic hero */
.hero{position:relative;min-height:min(850px,100vh);min-height:790px;isolation:isolate;padding-top:88px;background:radial-gradient(ellipse at 73% 40%,#1a2935 0,#101d28 37%,#081017 77%);overflow:hidden}.hero-spotlight{position:absolute;width:750px;height:750px;left:49%;top:-12%;background:radial-gradient(circle,rgba(225,134,68,.13),rgba(105,133,160,.03) 39%,transparent 70%);filter:blur(8px);z-index:-1;animation:orb 15s ease-in-out infinite alternate}.hero-noise{position:absolute;inset:0;opacity:.1;pointer-events:none;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.23'/%3E%3C/svg%3E")}.hero-inner{display:grid;grid-template-columns:.9fr 1.12fr;gap:20px;min-height:585px;align-items:center;position:relative}.hero-copy{padding-top:6px;position:relative;z-index:3}.hero-copy .eyebrow{color:#8fabb8;font-size:9px}.hero h1{margin:23px 0 19px;font:650 clamp(38px,4.2vw,64px)/1.16 Manrope,sans-serif;letter-spacing:-2.9px;max-width:575px}.hero h1 em{color:var(--orange);font-style:normal;font-weight:500}.hero-description{max-width:475px;color:#acbac1;font-size:15px;line-height:1.85}.hero-actions{display:flex;gap:12px;align-items:center;margin-top:30px}.hero-credentials{display:flex;align-items:center;gap:12px;color:#90a1ab;margin-top:73px;font-size:11px;letter-spacing:.1px}.hero-cred-symbol{color:var(--orange);font-size:22px}.hero-visual{height:535px;position:relative;perspective:950px;isolation:isolate}.stage-light{position:absolute;inset:17% 7% 13%;border-radius:50%;background:radial-gradient(ellipse,rgba(255,145,74,.18),rgba(16,44,62,.1) 38%,transparent 67%);filter:blur(35px)}.showcase-platform{position:absolute;bottom:61px;left:9%;width:80%;height:115px;transform:rotateX(62deg);border-radius:50%;border:2px solid rgba(255,149,81,.56);box-shadow:0 0 14px rgba(255,143,77,.42),0 0 43px rgba(255,149,81,.18),inset 0 0 40px rgba(255,132,66,.11);opacity:.9;animation:platformPulse 5s ease-in-out infinite}.orbit{position:absolute;pointer-events:none;border:1px solid rgba(255,255,255,.055);width:410px;height:410px;border-radius:50%;top:5%;left:16%;transform:rotateX(70deg) rotate(-15deg)}.orbit-b{width:550px;height:550px;left:4%;top:-8%;border-color:rgba(239,166,118,.055);animation:orbitSpin 26s linear infinite}.stage-corner{position:absolute;width:23px;height:23px;border-color:rgba(255,175,116,.6);opacity:.8;z-index:4}.stage-corner-a{top:43px;left:17px;border-left:1px solid;border-top:1px solid}.stage-corner-b{bottom:39px;right:15px;border-right:1px solid;border-bottom:1px solid}.hero-scene{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(25px) scale(.94) rotateY(-7deg);filter:blur(8px);pointer-events:none;transition:opacity .85s var(--ease),transform 1s var(--ease),filter .85s}.hero-scene.is-active{opacity:1;transform:translateY(0) scale(1) rotateY(0);filter:none;pointer-events:auto}.laptop-assembly{position:relative;width:81%;max-width:515px;transform:translateY(-12px) rotateY(-13deg) rotateX(2deg) rotateZ(-2deg);filter:drop-shadow(20px 35px 38px rgba(0,0,0,.52));animation:levitate 7s ease-in-out infinite}.laptop-display{aspect-ratio:1.66;background:#10161c;border:9px solid #1c272f;border-bottom-width:14px;border-radius:15px 15px 5px 5px;box-shadow:inset 0 0 0 1px #40505b,0 0 0 1px rgba(240,246,255,.18),0 20px 55px rgba(0,0,0,.3);overflow:hidden;position:relative}.laptop-display img{width:100%;height:calc(100% - 24px);object-fit:cover}.laptop-browser{height:24px;background:#e9eff3;display:flex;align-items:center;gap:4px;padding:0 10px}.laptop-browser span{height:5px;width:5px;border-radius:50%;background:#c5d3db}.laptop-browser span:first-child{background:#e69878}.laptop-browser i{font-style:normal;color:#7d9299;font-size:7px;margin-left:20px;letter-spacing:.4px}.laptop-sheen{position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.17) 0,transparent 32%,transparent 70%,rgba(255,255,255,.025))}.laptop-base{height:18px;margin:0 -7%;border-radius:2px 2px 70% 70%;background:linear-gradient(180deg,#8998a4,#313f49 45%,#17232c 75%,#6a7680);box-shadow:0 12px 15px rgba(0,0,0,.4)}.float-tag,.float-social{position:absolute;border:1px solid rgba(233,236,238,.18);color:#e2e6e5;backdrop-filter:blur(20px);background:rgba(13,27,37,.72);box-shadow:0 13px 40px rgba(0,0,0,.15);font:700 9px/1.3 Manrope,sans-serif;letter-spacing:1px;border-radius:11px;padding:13px 16px;z-index:3;animation:floatBadge 6s ease-in-out infinite}.float-tag .tag-dot{display:inline-block;width:5px;height:5px;background:#ffac6c;border-radius:50%;margin-right:8px}.tag-a{top:14%;right:0}.tag-b{bottom:27%;left:0;animation-delay:-3s}.tag-b span,.tag-c span{color:var(--orange);margin-left:10px}.social-phone{position:relative;height:370px;width:191px;padding:8px;border-radius:32px;border:3px solid #5d6972;background:#0e1921;box-shadow:0 25px 65px rgba(0,0,0,.65),inset 0 0 0 1px #c6c8cb,0 0 40px rgba(255,164,102,.13);transform:rotateY(-19deg) rotateZ(8deg) translate(5px,-21px);animation:levitate 7s ease-in-out infinite}.social-phone img{height:100%;width:100%;border-radius:23px;object-fit:cover;object-position:18% center}.phone-speaker{position:absolute;z-index:3;left:50%;top:12px;transform:translateX(-50%);height:14px;width:57px;border-radius:100px;background:#12191f}.phone-bottom{position:absolute;bottom:9px;left:50%;transform:translateX(-50%);height:3px;width:63px;border-radius:5px;background:#fff8}.float-social{display:flex;gap:10px;align-items:center}.float-social::first-letter{color:var(--orange)}.social-a{top:17%;left:12%;animation-delay:-2s}.social-b{top:39%;right:4%}.social-c{bottom:26%;left:13%;animation-delay:-4s}.cinema-device{position:relative;width:86%;max-width:560px;height:330px;border-radius:13px;overflow:hidden;border:1px solid rgba(255,255,255,.18);box-shadow:0 22px 65px rgba(0,0,0,.55),0 0 0 9px rgba(255,255,255,.024);transform:rotateY(-11deg) rotateX(4deg) rotateZ(2deg) translateY(-13px);animation:levitate 7s ease-in-out infinite}.cinema-device img{width:100%;height:100%;object-fit:cover}.cinema-device::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 50%,rgba(255,190,145,.11))}.cinema-frame{position:absolute;inset:21px;border:1px solid rgba(255,255,255,.28);border-left:0;border-right:0}.cinema-flare{position:absolute;top:33%;right:4%;width:65px;height:65px;border-radius:50%;background:radial-gradient(circle,rgba(255,160,90,.42),transparent 65%);filter:blur(10px)}.tag-c{bottom:21%;right:1%}.stage-caption{position:absolute;bottom:11px;left:16px;right:16px;display:flex;align-items:center;gap:22px;z-index:5}.stage-caption-index{color:#aeb8bf;font-weight:700;letter-spacing:1px;font-size:10px;min-width:43px}.stage-caption>div:nth-child(2){flex:1}.stage-label{display:block;color:#ffb47a;font-size:9px;font-weight:700;letter-spacing:1.3px;margin-bottom:3px}.stage-caption strong{font:600 17px/1.4 Manrope,sans-serif}.stage-controls{display:flex;gap:7px}.stage-controls button{width:34px;height:34px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.17);border-radius:50%;color:#fff;transition:background .2s}.stage-controls button:hover{background:rgba(255,169,108,.28)}.hero-bottom{position:relative;display:flex;justify-content:space-between;align-items:center;padding-bottom:35px;gap:30px}.hero-tabs{display:flex;width:73%;min-width:700px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.038);overflow:hidden;backdrop-filter:blur(10px)}.hero-tabs button{position:relative;display:flex;align-items:center;text-align:left;gap:13px;background:transparent;flex:1;border:0;border-right:1px solid var(--line);padding:15px 20px;color:#8d9ca5;transition:background .3s,color .3s}.hero-tabs button:last-child{border:0}.hero-tabs b{font:700 9px Manrope,sans-serif;color:#718591;align-self:flex-start;margin-top:4px}.hero-tabs span{font-size:12px;font-weight:700}.hero-tabs small{display:block;color:#88959e;font-size:10px;font-weight:400;margin-top:5px}.hero-tabs button i{position:absolute;height:2px;bottom:0;left:0;width:0;background:var(--orange);transition:width 5.9s linear}.hero-tabs button.is-active{background:rgba(255,165,104,.09);color:#fff}.hero-tabs button.is-active b{color:var(--orange)}.hero-tabs button.is-active i{width:100%}.scroll-hint{display:flex;align-items:center;gap:20px;white-space:nowrap;font-size:9px;color:#92a2ab;font-weight:700;letter-spacing:1.5px}.scroll-hint span{display:grid;place-items:center;width:32px;height:32px;border:1px solid #82939d65;border-radius:50%;color:#fff}.ticker{height:62px;background:#0b171f;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);overflow:hidden;display:flex;align-items:center}.ticker-track{display:flex;align-items:center;gap:32px;white-space:nowrap;letter-spacing:2.5px;font:700 11px Manrope,sans-serif;color:#b0c1c5;animation:marquee 35s linear infinite}.ticker i{font-size:16px;color:var(--orange);font-style:normal}
/* Expertise, work */
.expertise{background:var(--cream);color:var(--ink)}.expertise .section-heading{max-width:800px}.service-layout{display:grid;grid-template-columns:.94fr 1.06fr;gap:28px;align-items:stretch}.service-menu{border-top:1px solid #d3dce1}.service-item{width:100%;text-align:left;background:none;border:0;border-bottom:1px solid #d4dde1;color:var(--ink);padding:22px 16px 22px 6px;display:grid;grid-template-columns:32px 1fr 22px;align-items:center;gap:13px;transition:padding .25s,background .25s}.service-item>small{color:#8b969b;font-size:11px}.service-item>span{font:600 clamp(15px,1.5vw,21px) Manrope,sans-serif;letter-spacing:-.6px}.service-item>i{font-style:normal;font-size:19px;color:#909da4;transition:transform .25s}.service-item.is-active,.service-item:hover{padding-left:16px;background:#e8eceb}.service-item.is-active>i{transform:rotate(45deg);color:var(--orange2)}.service-feature{border-radius:16px;background:#0e1a23;min-height:526px;position:relative;overflow:hidden;display:flex;flex-direction:column;isolation:isolate}.service-feature-glow{position:absolute;z-index:-1;width:100%;height:90%;left:0;top:0;background:radial-gradient(circle at 78% 24%,rgba(246,165,105,.19),transparent 50%)}.service-feature-visual{height:53%;min-height:250px;overflow:hidden;position:relative}.service-feature-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 56%,#0e1a23)}.service-feature-visual img{width:100%;height:100%;object-fit:cover;transform:scale(1.06);transition:transform 1.3s var(--ease),opacity .35s}.service-feature:hover img{transform:scale(1.14)}.service-feature-content{padding:0 32px 35px;margin-top:-12px;z-index:2}.service-feature-meta{font-size:9px;color:var(--orange);font-weight:700;letter-spacing:2px}.service-feature-content h3{font:650 clamp(24px,2.25vw,33px) Manrope,sans-serif;letter-spacing:-1px;margin:12px 0 11px;color:#fff}.service-feature-content p{color:#9faeb8;line-height:1.8;max-width:490px}.service-tags{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.service-tags span{font-size:10px;color:#cfdbdf;padding:8px 11px;border-radius:30px;border:1px solid rgba(255,255,255,.16)}.service-feature .text-action{color:var(--orange);border-color:rgba(255,171,109,.42)}.work{background:#09151e}.work .section-intro{color:#95a8b1}.work-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:26px}.work-filters,.gallery-filter{display:flex;flex-wrap:wrap;gap:8px}.work-filters button,.gallery-filter button{border:1px solid rgba(255,255,255,.19);background:transparent;border-radius:99px;color:#95a6b0;padding:10px 16px;font-size:11px;transition:background .2s,color .2s,border .2s}.work-filters button.is-active{background:#d8e3e8;color:#13212b;border-color:transparent}.work-filters button:hover{color:#fff;border-color:#869aa6}.work-toolbar>span{color:#60727d;font-size:9px;letter-spacing:1.8px;font-weight:700}.work-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.work-card{grid-column:span 4;min-height:365px;position:relative;overflow:hidden;border-radius:12px;background:#1c2a34;cursor:pointer;text-align:left;border:1px solid rgba(255,255,255,.11);padding:0;color:#fff;transition:transform .35s var(--ease),border .35s}.work-card:nth-child(5n+1),.work-card:nth-child(5n+2){grid-column:span 6;min-height:435px}.work-card:hover{transform:translateY(-7px);border-color:#ffa96a66}.work-card .work-cover{position:absolute;inset:0}.work-card .work-cover img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}.work-card:hover img{transform:scale(1.065)}.work-card .work-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,10,16,.9),transparent 48%,rgba(5,10,16,.08))}.work-card .work-number{position:absolute;top:18px;left:18px;z-index:2;font-size:10px;background:rgba(6,17,24,.53);border:1px solid #ffffff28;backdrop-filter:blur(10px);padding:9px 11px;border-radius:100px}.work-card .work-bottom{position:absolute;bottom:20px;left:20px;right:20px;display:flex;align-items:flex-end;justify-content:space-between;gap:15px}.work-card .work-bottom small{display:block;font-size:10px;letter-spacing:1.2px;color:#ffb987;margin-bottom:8px;font-weight:700;text-transform:uppercase}.work-card .work-bottom strong{font:600 19px/1.35 Manrope,sans-serif;display:block;letter-spacing:-.4px}.work-card .work-bottom b{flex:none;border:1px solid #ffffff77;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;font-size:18px;font-weight:400;background:#15243199}.work-footer{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:30px}.work-footer p{font-size:10px;color:#748892;line-height:1.7;max-width:500px}
/* Statement & approach */
.statement{min-height:565px;position:relative;overflow:hidden;display:flex;align-items:center;background:#121a22;isolation:isolate}.statement-image{position:absolute;inset:0;background:url('assets/cinematic/media-scene.webp') center/cover no-repeat;filter:brightness(.55) saturate(.83);z-index:-2;transform:scale(1.04);animation:slowZoom 25s ease-in-out infinite alternate}.statement-wash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,13,20,.92),rgba(9,19,27,.65) 62%,rgba(4,12,20,.1));z-index:-1}.statement-inside{padding:110px 0}.statement h2{font:600 clamp(29px,3.7vw,52px)/1.23 Manrope,sans-serif;letter-spacing:-1.8px;margin:24px 0 20px}.statement h2 em{font-weight:500;color:var(--orange);font-style:normal}.statement p{max-width:540px;font-size:14px;color:#c8d1d4;line-height:1.9}.statement-actions{display:flex;align-items:center;gap:23px;flex-wrap:wrap;margin-top:32px}.film-play{border:0;display:flex;align-items:center;gap:13px;background:transparent;color:#fff;font-weight:700;font-size:12px}.film-play>span:first-child{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#ffaa6f;color:#122027;box-shadow:0 0 0 12px rgba(255,170,111,.1);transition:transform .25s}.film-play:hover>span:first-child{transform:scale(1.12)}.statement-footnote{color:#8ba0a9;font-size:9px;letter-spacing:1.2px}.statement-index{position:absolute;bottom:24px;right:6%;font-size:9px;letter-spacing:2px;color:#ffffff9a}.why{background:#f2f4f2;color:var(--ink)}.why-grid{display:grid;grid-template-columns:1fr .9fr;gap:95px}.why-left p{max-width:510px;color:#6e7a82;font-size:14px;line-height:1.9;margin-top:23px}.years-card{margin-top:49px;padding:26px 30px;background:#fff;border:1px solid #e5e8e5;border-radius:13px;display:flex;align-items:center;gap:22px;max-width:470px;box-shadow:0 12px 30px #16232c08}.years-card strong{font:700 59px/1 Manrope,sans-serif;letter-spacing:-5px}.years-card strong span{font-size:33px;color:var(--orange2)}.years-card b{display:block;max-width:220px;line-height:1.55;font-size:13px}.years-card small{display:block;margin-top:6px;color:#96a2a5;font-size:10px}.why-points{border-top:1px solid #d6dee0}.why-point{display:grid;grid-template-columns:34px 1fr 21px;gap:16px;align-items:start;padding:28px 2px;border-bottom:1px solid #d6dee0}.why-point>span{font:700 11px Manrope,sans-serif;color:var(--orange2)}.why-point h3{font:600 17px Manrope,sans-serif;letter-spacing:-.4px;margin-bottom:10px}.why-point p{color:#7f8b92;font-size:13px;line-height:1.8}.why-point i{font-style:normal;color:#98a4a9;font-size:20px}.process{background:#0e1b24}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.process-step{border:1px solid rgba(255,255,255,.12);min-height:270px;position:relative;background:linear-gradient(160deg,#172733,#101e28);border-radius:13px;padding:26px;overflow:hidden;transition:transform .35s,background .35s}.process-step:hover{transform:translateY(-7px);background:#213341}.process-step .process-num{font:600 40px/1 Manrope,sans-serif;color:#e7f0f312}.process-step .process-icon{color:var(--orange);font-size:25px;position:absolute;right:25px;top:25px}.process-step h3{font:600 18px Manrope,sans-serif;margin:40px 0 13px}.process-step p{font-size:12px;color:#9cafb8;line-height:1.9}.process-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:24px}.process-bottom span{font-size:9px;color:#78909c;letter-spacing:1.4px}.process-track{height:2px;background:#ffffff1a;flex:1}.process-track>div{height:100%;width:0;background:var(--orange);transition:width 1.4s ease}
/* Lab, gallery, proof, journal */
.lab{background:#07141d}.lab-grid{display:grid;grid-template-columns:1fr .9fr;gap:95px;align-items:center}.lab-image{min-height:475px;position:relative;display:grid;place-items:center}.lab-image-back{position:absolute;inset:2% 8% 9% 1%;background:radial-gradient(circle at 48% 55%,rgba(252,169,105,.2),rgba(42,74,88,.1),transparent 75%);filter:blur(25px)}.lab-image>img{position:relative;width:85%;border-radius:11px;transform:perspective(1100px) rotateY(12deg) rotateX(4deg);box-shadow:20px 30px 70px #0009,0 0 0 10px #ffffff09;transition:transform 1s var(--ease)}.lab-image:hover>img{transform:perspective(1100px) rotateY(0) rotateX(0)}.lab-float{position:absolute;background:#142532e9;border:1px solid #ffffff29;backdrop-filter:blur(12px);border-radius:11px;padding:14px 18px;box-shadow:0 18px 45px #0006}.lab-float small{color:#ffb781;font-size:9px;letter-spacing:1px;display:block;margin-bottom:8px}.lab-float strong{font-size:12px}.lab-float-a{bottom:4%;left:2%;animation:floatBadge 7s ease-in-out infinite}.lab-float-b{top:6%;right:1%;font-size:9px;letter-spacing:1px;animation:floatBadge 6s ease-in-out -2s infinite}.lab-copy .section-heading{margin:20px 0 25px}.lab-copy>p{color:#a2b3bb;font-size:14px;line-height:1.9}.lab-terms{margin:27px 0 20px;border-top:1px solid var(--line)}.lab-terms>div{padding:13px 1px;display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--line)}.lab-terms>div span{color:var(--orange)}.lab-terms>div strong{font-size:12px;font-weight:600}.text-action.light{color:var(--orange)}.gallery{background:#f7f7f4;color:var(--ink)}.gallery .section-intro{color:#71808a}.gallery-filter{margin-bottom:25px}.gallery-filter button{border-color:#d9e0e0;color:#788892}.gallery-filter button.is-active{background:#142631;color:#fff}.gallery-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.gallery-card{grid-column:span 4;height:260px;position:relative;border:0;background:#e0e6e7;border-radius:11px;overflow:hidden;padding:0;text-align:left;cursor:pointer}.gallery-card:nth-child(7n+1){grid-column:span 5;height:340px}.gallery-card:nth-child(7n+2){grid-column:span 7;height:340px}.gallery-card img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}.gallery-card:hover img{transform:scale(1.09)}.gallery-card::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,#091721d9)}.gallery-card-meta{position:absolute;inset:auto 16px 17px;z-index:2;color:#fff;display:flex;align-items:end;justify-content:space-between;gap:10px}.gallery-card-meta strong{display:block;font:600 14px Manrope,sans-serif}.gallery-card-meta small{font-size:10px;color:#ffb68b;display:block;margin-top:6px;text-transform:uppercase;letter-spacing:1px}.gallery-card-meta span{width:31px;height:31px;border:1px solid #ffffff60;border-radius:50%;display:grid;place-items:center}.gallery-more{color:#314451;margin-top:30px}.proof{background:#0c1c27}.proof-top{display:flex;gap:50px;justify-content:space-between;align-items:end;margin:19px 0 35px}.proof-top h2{font:600 clamp(26px,3vw,39px) Manrope,sans-serif;letter-spacing:-1.2px}.proof-top p{max-width:425px;color:#859aa6;font-size:12px;line-height:1.85}.client-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:#ffffff17;border:1px solid #ffffff17}.client-logo{background:#112631;min-height:106px;display:grid;place-items:center;padding:20px;filter:grayscale(1);transition:filter .4s,background .4s}.client-logo img{max-width:125px;max-height:48px;width:auto;object-fit:contain;mix-blend-mode:screen;opacity:.75}.client-logo:hover{background:#1b3643;filter:none}.client-logo:hover img{opacity:1}.journal{background:#fbfbf9;color:var(--ink)}.journal .section-intro{color:#77838a}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.article-card{display:block;color:var(--ink)}.article-cover{background:#d9e2e3;aspect-ratio:1.55;border-radius:11px;overflow:hidden;position:relative}.article-cover img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}.article-card:hover img{transform:scale(1.07)}.article-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,rgba(7,15,21,.14))}.article-meta{display:flex;align-items:center;justify-content:space-between;margin:16px 0 11px;font-size:9px;color:#9c765c;letter-spacing:1px;font-weight:700;text-transform:uppercase}.article-card h3{font:600 20px/1.42 Manrope,sans-serif;letter-spacing:-.5px}.article-card p{margin-top:10px;color:#84929a;line-height:1.8;font-size:12px}.testimonials{background:#0a1923}.testimonials .section-heading{margin:22px 0}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.testimonial{border:1px solid var(--line);padding:28px;border-radius:12px;background:#142631}.testimonial blockquote{margin:0 0 22px;color:#d3dfe2;font-size:15px;line-height:1.8}.testimonial span{color:var(--orange);font-weight:600;font-size:11px}.faqs{background:#f0f3f1;color:var(--ink)}.faq-layout{display:grid;grid-template-columns:.9fr 1fr;gap:95px}.faq-layout .section-heading{margin-top:20px}.faq-layout>div:first-child>p{margin-top:19px;color:#7c8991}.faq-list{border-top:1px solid #cbd4d6}.faq-item{border-bottom:1px solid #cbd4d6}.faq-question{display:flex;align-items:center;justify-content:space-between;text-align:left;gap:20px;width:100%;border:0;background:transparent;color:var(--ink);padding:24px 0;font-weight:600;font-size:14px}.faq-question span:last-child{display:grid;place-items:center;width:29px;height:29px;border:1px solid #cbd6d9;border-radius:50%;font-size:18px;font-weight:400;transition:transform .3s}.faq-item.is-open .faq-question span:last-child{transform:rotate(45deg);background:#e3e7e6}.faq-answer{max-height:0;overflow:hidden;transition:max-height .35s ease}.faq-answer p{padding:0 30px 22px 0;font-size:13px;color:#7d8991;line-height:1.85}
/* Lead form & footer */
.contact{background:#091720;position:relative;overflow:hidden;isolation:isolate}.contact-aura{position:absolute;right:-15%;top:-80px;width:650px;height:650px;background:radial-gradient(circle,rgba(244,144,80,.11),transparent 65%);filter:blur(30px);z-index:-1}.contact-layout{display:grid;grid-template-columns:.85fr 1.05fr;gap:105px;align-items:start}.contact-copy .section-heading{margin-top:23px}.contact-copy>p{font-size:14px;line-height:1.9;color:#a1b2ba;max-width:420px;margin-top:22px}.contact-channels{margin-top:38px;display:grid;gap:4px}.contact-channels a{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:14px 2px;color:#e8edee;font:600 18px Manrope,sans-serif;letter-spacing:-.3px;transition:color .2s}.contact-channels a:hover{color:var(--orange)}.contact-channels a span{font-size:15px}.contact-ambient{font-size:9px;letter-spacing:2px;color:#607987;margin-top:60px}.project-form{background:#fcfdfa;color:var(--ink);border-radius:17px;padding:36px;box-shadow:0 40px 100px #0002}.form-header{display:flex;justify-content:space-between;align-items:center;gap:15px}.form-header small{display:block;color:#a67550;font-weight:700;letter-spacing:1.7px;font-size:9px}.form-header h3{font:600 24px Manrope,sans-serif;letter-spacing:-.7px;margin-top:9px}.form-header>b{border:1px solid #dce2e4;border-radius:30px;padding:8px 11px;font-size:9px;color:#7d8b95;white-space:nowrap}.form-progress{height:2px;background:#e7eaeb;margin:23px 0}.form-progress>span{display:block;height:100%;width:33.333%;background:#ee9363;transition:width .45s var(--ease)}.form-step{display:none}.form-step.is-current{display:block;animation:appear .45s var(--ease)}.form-question{font:600 13px Manrope,sans-serif;margin:0 0 19px;color:#53616a}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.field-grid label{display:flex;flex-direction:column;gap:7px;color:#586770;font-size:11px;font-weight:600}.field-grid label.wide{grid-column:1/-1}.field-grid input,.field-grid select,.field-grid textarea{background:#f4f6f5;border:1px solid #e2e7e7;border-radius:8px;padding:12px 13px;width:100%;min-width:0;color:var(--ink);outline:none;transition:border .2s,background .2s}.field-grid textarea{resize:vertical}.field-grid input:focus,.field-grid select:focus,.field-grid textarea:focus{background:#fff;border-color:#dd9c73;outline:0}.field-grid input::placeholder,.field-grid textarea::placeholder{color:#a5b0b3}.add-service{border:1px dashed #d8b69e;background:#fff8f1;border-radius:8px;color:#af764d;padding:11px 13px;align-self:end;min-height:45px}.request-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px;color:#98a7ac;font-size:11px}.request-chips button{border:1px solid #efd5bd;border-radius:30px;background:#fff3e6;color:#9f6748;padding:8px 12px;font-size:11px}.form-bottom{border-top:1px solid #e4e9e9;margin-top:25px;padding-top:24px;display:flex;justify-content:space-between;gap:10px;align-items:center}.form-bottom>span{color:#99a5ab;letter-spacing:.5px;font-size:8px;font-weight:700}.form-prev{border:0;background:none;font-size:11px;font-weight:700;color:#687983}.form-go{background:#122733;border:0;border-radius:50px;color:#fff;font-weight:700;padding:15px 22px;min-width:122px;font-size:11px;transition:background .25s}.form-go:hover{background:#254255}.form-go:disabled{opacity:.65;cursor:wait}.form-message{padding-top:10px;min-height:17px;color:#aa5c36;font-size:12px;line-height:1.6}.form-message.success{color:#147d56}.footer{background:#050e15;border-top:1px solid #ffffff14;padding-top:72px}.footer-main{display:flex;justify-content:space-between;gap:80px}.footer-identity img{width:172px;height:auto}.footer-identity p{color:#82949d;margin-top:22px;max-width:290px;line-height:1.7;font-size:12px}.footer-cols{display:flex;gap:100px}.footer-cols>div{display:flex;flex-direction:column;gap:14px;min-width:120px}.footer-cols strong{letter-spacing:1.8px;font-size:9px;color:var(--orange);margin-bottom:12px}.footer-cols a{font-size:12px;color:#a9b6bf;transition:color .2s}.footer-cols a:hover{color:#fff}.social-links{display:flex;gap:14px;margin-top:22px;flex-wrap:wrap}.social-links a{font-size:10px;color:#9eafbb;text-transform:uppercase;letter-spacing:.4px}.footer-mark{font:800 clamp(130px,20vw,310px)/1.08 Manrope,sans-serif;letter-spacing:-.105em;color:#17232b;margin:50px 0 0;text-align:center;white-space:nowrap;user-select:none}.footer-mark>span{color:var(--orange);font-size:26px;letter-spacing:0;vertical-align:top;margin-left:12px;margin-top:30px;display:inline-block}.footer-bottom{border-top:1px solid #ffffff15;padding:25px 0 30px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#708592;font-size:9px;letter-spacing:.9px}.footer-bottom a{color:#bbc9cf}.footer-pages{display:flex;gap:15px;padding-bottom:20px;color:#8298a4;font-size:11px}.modal{position:fixed;inset:0;z-index:200;background:rgba(3,9,15,.9);backdrop-filter:blur(20px);display:grid;place-items:center;padding:60px 25px}.modal-close{position:absolute;top:22px;right:25px;border:1px solid #ffffff55;background:#182934;color:#fff;border-radius:50%;height:42px;width:42px;font-size:16px}.modal-content{max-width:min(1000px,100%);max-height:83vh;overflow:auto;color:#fff;text-align:left}.modal-content img,.modal-content video{max-height:70vh;width:auto;max-width:100%;border-radius:12px;object-fit:contain;margin:auto}.modal-content h3{font:600 23px Manrope,sans-serif;margin:20px 0 8px}.modal-content p{line-height:1.8;color:#a8bac2;max-width:700px}.film-modal-content{width:min(1000px,100%)}.film-modal-content video{width:100%;max-height:72vh;background:#000}.film-modal-content small{display:block;color:#8198a1;margin-top:17px;text-align:center;font-size:10px;letter-spacing:1px}.custom-render{background:#fff;color:var(--ink);padding:90px 0}.custom-render:nth-child(even){background:#111e29;color:#fff}.custom-row{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px}.custom-row img{width:100%;border-radius:15px;object-fit:cover;max-height:390px}.custom-row h2{font:600 34px Manrope,sans-serif}.custom-row p{font-size:14px;line-height:1.85;color:#8d9ca5;margin:20px 0}.reveal{opacity:0;transform:translateY(32px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.in-view{opacity:1;transform:none}
@keyframes levitate{0%,100%{transform:translateY(-12px) rotateY(-13deg) rotateX(2deg) rotateZ(-2deg)}50%{transform:translateY(-23px) rotateY(-10deg) rotateX(4deg) rotateZ(0)}}@keyframes floatBadge{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes platformPulse{0%,100%{opacity:.7;box-shadow:0 0 11px #ff9b5b55,0 0 45px #ff9b5b22}50%{opacity:1;box-shadow:0 0 27px #ff9b5b88,0 0 80px #ff9b5b44}}@keyframes orb{0%{transform:translate(0,0)}100%{transform:translate(65px,30px)}}@keyframes orbitSpin{from{transform:rotateX(70deg) rotate(0)}to{transform:rotateX(70deg) rotate(360deg)}}@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes slowZoom{from{transform:scale(1.03)}to{transform:scale(1.14)}}@keyframes appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(min-width:1500px){.hero{min-height:805px}.hero-inner{min-height:625px}}
@media(max-width:1250px){:root{--frame:min(1160px,calc(100vw - 72px))}.nav-links{gap:19px}.nav-availability{display:none}.hero h1{font-size:clamp(36px,4.5vw,56px)}.hero-tabs{min-width:640px}.why-grid,.lab-grid,.contact-layout,.faq-layout{gap:58px}}
@media(max-width:980px){:root{--frame:calc(100vw - 54px)}.nav-inside{height:78px}.nav-links,.nav-availability{display:none}.nav-toggle{display:block}.nav-right{margin-left:auto;gap:16px}.hero{padding-top:78px;min-height:auto}.hero-inner{grid-template-columns:1fr;min-height:auto;padding-top:72px;gap:5px}.hero-copy{max-width:690px}.hero h1{max-width:680px;font-size:clamp(40px,6vw,62px)}.hero-credentials{margin-top:30px}.hero-visual{height:490px;width:min(700px,100%);margin:-9px auto 0}.hero-bottom{padding:0 0 36px}.hero-tabs{width:100%;min-width:0}.scroll-hint{display:none}.section-pad{padding:88px 0}.service-layout{grid-template-columns:1fr 1.15fr;gap:16px}.service-item span{font-size:15px}.service-feature{min-height:520px}.why-grid,.lab-grid,.contact-layout,.faq-layout{gap:36px}.lab-image{min-height:400px}.process-grid{grid-template-columns:repeat(2,1fr)}.client-grid{grid-template-columns:repeat(4,1fr)}.footer-mark{font-size:20vw}.footer-cols{gap:45px}}
@media(max-width:700px){:root{--frame:calc(100vw - 36px)}.nav-inside{height:72px}.logo{width:146px}.logo img{width:128px}.logo-note{letter-spacing:1.6px;font-size:6.8px}.nav-contact{padding:11px 15px;gap:11px;font-size:10px}.nav-toggle{width:30px;padding:5px}.mobile-nav{inset:72px 0 0}.hero{padding-top:72px}.hero-inner{padding-top:57px}.hero-copy .eyebrow{font-size:8px;letter-spacing:1.45px}.hero h1{margin-top:18px;font-size:clamp(36px,9.7vw,49px);line-height:1.15;letter-spacing:-2px}.hero-description{font-size:13px;line-height:1.8;max-width:450px}.hero-actions{margin-top:24px}.btn{padding:0 17px;min-height:45px;font-size:10px;gap:13px}.hero-credentials{margin-top:22px;font-size:10px}.hero-visual{height:365px;margin:0 auto 0}.laptop-assembly{width:88%;transform:translateY(-7px) rotateY(-9deg)}.laptop-display{border-width:6px;border-bottom-width:10px}.laptop-browser{height:19px}.laptop-display img{height:calc(100% - 19px)}.laptop-base{height:13px}.showcase-platform{height:85px;bottom:37px;left:8%;width:86%}.hero-scene .float-tag,.hero-scene .float-social{font-size:7px;letter-spacing:.25px;padding:9px 10px}.tag-a{top:15%;right:1%}.tag-b{bottom:26%;left:0}.social-phone{height:270px;width:140px;border-radius:22px}.social-phone img{border-radius:16px}.cinema-device{height:255px;width:92%}.stage-caption{bottom:1px;left:5px;right:5px;gap:10px}.stage-label{font-size:7.5px}.stage-caption strong{font-size:13px}.stage-controls button{width:29px;height:29px}.hero-bottom{padding:16px 0 28px}.hero-tabs{border-radius:9px}.hero-tabs button{padding:12px 8px;gap:6px;min-height:68px}.hero-tabs b{font-size:8px}.hero-tabs span{font-size:9px;line-height:1.4}.hero-tabs small{font-size:8px}.ticker{height:51px}.ticker-track{font-size:10px;gap:22px}.section-pad{padding:78px 0}.section-top{display:block;margin-bottom:26px}.section-heading{font-size:clamp(28px,6vw,38px);letter-spacing:-1.4px}.section-intro{max-width:none;margin-top:22px;font-size:12px}.service-layout,.why-grid,.lab-grid,.contact-layout,.faq-layout{grid-template-columns:1fr;gap:30px}.service-item{padding:17px 8px 17px 3px}.service-item>span{font-size:15px}.service-feature{min-height:420px}.service-feature-visual{height:250px}.service-feature-content{padding:0 23px 24px}.service-feature-content h3{font-size:24px}.service-feature-content p{font-size:12px}.work-toolbar{align-items:start;flex-direction:column}.work-toolbar>span{display:none}.work-filters,.gallery-filter{gap:6px}.work-filters button,.gallery-filter button{padding:9px 12px;font-size:10px}.work-grid{grid-template-columns:repeat(2,1fr);gap:11px}.work-card,.work-card:nth-child(5n+1),.work-card:nth-child(5n+2){grid-column:span 1;min-height:260px}.work-card:first-child{grid-column:span 2;min-height:340px}.work-card .work-bottom{inset:auto 12px 12px}.work-card .work-bottom strong{font-size:13px}.work-card .work-bottom small{font-size:8px}.work-card .work-bottom b{height:28px;width:28px;font-size:13px}.work-footer{align-items:start;flex-direction:column;gap:9px}.statement{min-height:520px}.statement-inside{padding:80px 0}.statement h2{font-size:31px}.statement p{font-size:12px}.statement-index{font-size:7px}.statement-footnote{font-size:8px}.why-left p{font-size:12px}.why-points{margin-top:0}.years-card{margin-top:28px}.lab-image{min-height:340px;order:2}.lab-copy{order:1}.lab-image img{width:87%}.lab-float-b{right:0;font-size:7px}.lab-float-a{left:0;padding:10px 12px}.lab-float strong{font-size:10px}.process-grid{gap:10px}.process-step{padding:18px;min-height:230px}.process-step h3{font-size:15px;margin-top:32px}.process-step p{font-size:11px}.process-step .process-num{font-size:32px}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:10px}.gallery-card,.gallery-card:nth-child(7n+1),.gallery-card:nth-child(7n+2){grid-column:span 1;height:220px}.gallery-card:first-child{grid-column:span 2;height:295px}.gallery-card-meta{inset:auto 11px 11px}.gallery-card-meta strong{font-size:12px}.proof-top{display:block}.proof-top p{margin-top:16px}.client-grid{grid-template-columns:repeat(3,1fr)}.client-logo{min-height:76px;padding:12px}.client-logo img{max-width:95px;max-height:33px}.article-grid,.testimonial-grid{grid-template-columns:1fr;gap:28px}.article-card h3{font-size:18px}.article-cover{aspect-ratio:1.7}.faq-layout{gap:22px}.contact-layout{gap:35px}.contact-copy .section-heading{font-size:36px}.contact-channels a{font-size:15px}.contact-ambient{margin-top:30px}.project-form{padding:24px 19px}.form-header h3{font-size:21px}.field-grid{gap:11px}.field-grid input,.field-grid select,.field-grid textarea{font-size:12px;padding:11px}.form-bottom>span{display:none}.form-go{margin-left:auto}.footer{padding-top:50px}.footer-main{display:block}.footer-identity p{max-width:none}.footer-cols{margin-top:46px;gap:45px;justify-content:space-between}.footer-mark{font-size:19.5vw;margin-top:54px}.footer-mark>span{font-size:13px;margin-left:5px;margin-top:7px}.footer-bottom{align-items:start;flex-wrap:wrap;font-size:8px;line-height:1.6}.modal{padding:62px 14px}.modal-close{top:10px;right:12px}.custom-row{grid-template-columns:1fr;gap:20px}}
@media(max-width:390px){.nav-contact{display:none}.hero h1{font-size:37px}.hero-description{font-size:12px}.hero-tabs button{padding:10px 6px}.hero-tabs span{font-size:8px}.hero-tabs small{font-size:7px}.hero-visual{height:325px}.social-phone{height:245px;width:125px}.cinema-device{height:225px}.work-card,.work-card:nth-child(5n+1),.work-card:nth-child(5n+2){min-height:215px}.work-card:first-child{min-height:290px}.gallery-card{height:180px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* Final polish: make the official logo the only brand lockup text. */
.logo-note{display:none}.logo img{width:157px;max-height:49px}.logo{width:175px}@media(max-width:700px){.logo{width:150px}.logo img{width:145px}}
.hero-visual .stage-light{transform:translate(var(--parallax-x,0px),var(--parallax-y,0px));transition:transform .3s ease-out}
.hero-scene.is-active{transform:translate(var(--parallax-x,0px),var(--parallax-y,0px)) scale(1) rotateY(0)}


/* ADFLIX V12 — exact user-approved GIF is displayed directly. No remade scene. */
.approved-hero{padding:112px 0 40px;min-height:0;height:auto;isolation:isolate;background:#071017;overflow:visible}
.approved-hero-container{max-width:1420px}
.approved-hero-art{position:relative;overflow:hidden;border-radius:18px;aspect-ratio:720/358;line-height:0;background:#030b11;border:1px solid rgba(255,255,255,.12);box-shadow:0 36px 85px rgba(0,0,0,.45);isolation:isolate}
.approved-hero-art>img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;image-rendering:auto;pointer-events:none;user-select:none}
.approved-hotspots{position:absolute;inset:0;pointer-events:none}
.approved-hotspot{position:absolute;top:20.5%;height:27%;width:16%;background:transparent;cursor:pointer;border:none;border-radius:10px;pointer-events:auto;padding:0;transition:box-shadow .25s}
.approved-hotspot:nth-child(1){left:38.4%}.approved-hotspot:nth-child(2){left:56.8%}.approved-hotspot:nth-child(3){left:75%}
.approved-hotspot:hover{box-shadow:inset 0 0 0 1px #f99c65aa}.approved-hotspot:focus-visible{outline:3px solid #ffb26c;outline-offset:-4px}
.approved-hero-bottom{display:flex;gap:35px;justify-content:space-between;align-items:center;padding:24px 6px 5px}
.approved-hero-message{max-width:540px}.approved-eyebrow{display:inline-flex;align-items:center;gap:10px;font:700 9px Manrope,sans-serif;letter-spacing:.2em;color:#f2b28d}.approved-eyebrow i{width:7px;height:7px;background:#f7a473;border-radius:100%}
.approved-hero-message p{font:400 13px/1.8 Manrope,sans-serif;color:#a9b8c1;margin:9px 0 0}
.approved-hero-actions{display:flex;gap:10px;align-items:center;flex-shrink:0}
.approved-hero-actions .btn{height:45px;padding-inline:19px;font-size:11px;white-space:nowrap}
.approved-replay{border:1px solid #ffffff3b;border-radius:999px;padding:13px 18px;background:#ffffff08;color:#e0e8e9;font:600 11px Manrope,sans-serif;cursor:pointer;white-space:nowrap}
.approved-replay:hover,.approved-replay:focus-visible{border-color:#f3a56e;background:#ec935b21}.approved-replay .replay-icon{display:inline-block;font-size:16px;vertical-align:middle;line-height:0;margin-right:6px}
.approved-mobile-services{display:none}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
/* Restored source logos: original color, original proportions, no grayscale or screen blending. */
.proof{background:#0c1b24}.client-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;background:transparent;border:0}
.client-logo{min-width:0;min-height:120px;border-radius:12px;background:#fff;filter:none!important;display:flex;align-items:center;justify-content:center;padding:12px;border:1px solid #e7ebed;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,background .3s ease}
.client-logo:hover{filter:none!important;background:#fff;transform:translateY(-3px);box-shadow:0 14px 32px #0003}
.client-logo img{display:block;max-width:100%;max-height:100%;width:100%;height:95px;object-fit:contain;mix-blend-mode:normal!important;filter:none!important;opacity:1!important;border-radius:0}
@media(max-width:1050px){.client-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.approved-hero-actions{flex-wrap:wrap;justify-content:flex-end}.approved-hero-bottom{align-items:flex-start}.approved-hero-message{max-width:390px}}
@media(max-width:760px){.approved-hero{padding:94px 0 35px;min-height:0!important;height:auto!important}.approved-hero-art{border-radius:10px}.approved-hero-bottom{flex-direction:column;align-items:stretch;padding:19px 0 8px;gap:15px}.approved-hero-actions{justify-content:flex-start;flex-wrap:wrap}.approved-hero-actions .btn{height:43px;padding-inline:15px}.approved-eyebrow{font-size:8px;letter-spacing:.13em}.approved-hero-message p{font-size:12px;line-height:1.65;margin-top:7px}.approved-mobile-services{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.approved-mobile-services button{border:1px solid #ffffff30;background:#162630;color:#f2f4f5;border-radius:7px;font:600 10px Manrope,sans-serif;padding:11px 12px;cursor:pointer}.approved-mobile-services button.is-selected{background:#ea9b61;color:#071017}.client-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.client-logo{min-height:95px;padding:6px;border-radius:8px}.client-logo img{height:76px}}
@media(max-width:440px){.approved-hero{padding-top:88px}.approved-hero-art{aspect-ratio:720/358}.approved-hero-actions{gap:8px}.approved-replay{padding:12px 13px}.approved-hero-actions .btn{font-size:10px;padding-inline:12px}.approved-hero-message p{font-size:12px}.client-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.client-logo{min-height:102px}.client-logo img{height:84px}}
@media(prefers-reduced-motion:reduce){.approved-hero-art img{animation:none}.client-logo{transition:none}}

.nav:not(.is-scrolled) .logo{opacity:0;pointer-events:none}.nav.is-scrolled .logo{opacity:1}.nav:not(.is-scrolled) .nav-inside{justify-content:flex-end}


/* ADFLIX V13 — real-time 3D-styled composition; no GIF, no frame swapping. */
.a3-hero{position:relative;background:#061018;padding:102px 0 34px;height:auto!important;min-height:0!important;overflow:hidden;isolation:isolate}.a3-outer{position:relative;z-index:2}.a3-stage{--mx:0;--my:0;--px:50%;--py:60%;height:min(610px,47vw);min-height:420px;position:relative;overflow:hidden;isolation:isolate;border-radius:16px;background:radial-gradient(ellipse 73% 62% at 78% 78%,#284254 0%,#0b1925 47%,transparent 100%),linear-gradient(115deg,#040c12,#0b1721 72%,#21333e);box-shadow:0 25px 90px rgba(0,0,0,.42),inset 0 0 0 1px #ffffff19;perspective:1100px;transform-style:preserve-3d;user-select:none;touch-action:pan-y}
.a3-wall{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 69% 0%,#b9753b28,transparent 21%),radial-gradient(ellipse at 94% 32%,#5b9abb35,transparent 23%);opacity:1}.a3-wall::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#030c12 2%,transparent 50%,#101b27 92%),repeating-linear-gradient(100deg,transparent 0 114px,#ffffff08 115px 117px,transparent 119px 235px);mask-image:linear-gradient(0deg,transparent 3%,black 72%)}
.a3-wall-lamps{position:absolute;top:-14%;left:66%;width:17%;height:50%;transform:rotate(-20deg);background:linear-gradient(90deg,transparent 20%,#a0663c20 43%,#ffa76696 47%,#f3ba7388 49%,#8147251e 52%,transparent 80%);filter:blur(5px);opacity:.65}.a3-window{position:absolute;right:-3%;top:6%;width:16%;height:66%;border-left:8px solid #253b48;border-right:12px solid #1c3545;transform:skewY(-11deg);background:radial-gradient(circle at 66% 28%,#8bd3ffbb,transparent 10%),radial-gradient(circle at 42% 58%,#76b9e7bb,transparent 14%),linear-gradient(100deg,#223b52,#537d9a40);filter:blur(4px);box-shadow:0 0 42px #4186b049}.a3-plant{position:absolute;width:165px;height:210px;bottom:10%;left:-2%;filter:blur(3px) drop-shadow(0 0 15px #264c2777);opacity:.66;background:radial-gradient(ellipse 20% 45% at 48% 26%,#3c782b 5%,transparent 85%),radial-gradient(ellipse 18% 50% at 25% 32%,#427c31,transparent 85%),radial-gradient(ellipse 18% 50% at 70% 36%,#3c7d30,transparent 84%),radial-gradient(ellipse 30% 15% at 26% 70%,#487b35,transparent),linear-gradient(0deg,#0c1318 0 26%,transparent 28%)}.a3-light-beam{position:absolute;pointer-events:none;right:0;top:-30%;width:65%;height:100%;transform:rotate(-22deg) translate3d(calc(var(--mx)*6px),0,0);background:linear-gradient(90deg,transparent 35%,#efa86c08 53%,#efa86c10 58%,transparent 66%);filter:blur(13px)}
.a3-intro{position:absolute;left:4%;top:6%;z-index:18;color:#fff;pointer-events:none}.a3-brand-logo{width:205px;height:auto;max-height:75px;object-fit:contain;object-position:left center}.a3-brand-label{font:700 9px/1.5 Manrope,sans-serif;letter-spacing:.36em;color:#aebdc7;margin:0 0 22px 3px}.a3-intro h1{font:750 clamp(19px,2vw,30px)/1.23 Manrope,Arial,sans-serif;letter-spacing:-.025em;text-shadow:0 3px 24px #000b}.a3-intro h1 span{color:#f7a06b}.a3-headline-rule{display:block;background:linear-gradient(90deg,#f98945,#f8bc8e);width:70px;height:4px;margin-top:16px;border-radius:1px;box-shadow:0 0 14px #f989454d}
.a3-tabs{position:absolute;z-index:18;top:14%;right:5%;width:57%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.a3-tab{min-width:0;min-height:113px;border-radius:14px;padding:15px 11px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;border:1px solid #ffffff69;background:linear-gradient(155deg,#23323b9e,#070e17a8);color:#f7fbfd;box-shadow:inset 0 2px 1px #ffffff12,0 8px 30px #0003;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .3s,box-shadow .3s,border-color .3s,transform .3s;cursor:pointer}.a3-tab:hover{transform:translateY(-4px);border-color:#fab47e}.a3-tab[aria-selected="true"]{border-color:#ffb075;background:linear-gradient(152deg,#a4582380,#2e1911b5);box-shadow:inset 0 0 19px #ffc88f42,0 0 0 1px #ffb97655,0 0 28px #ff964bb3,0 0 58px #ff883455}.a3-tab svg{width:32px;height:32px;flex:none;filter:drop-shadow(0 1px 8px #ffdcac33)}.a3-tab b{font:700 clamp(9px,.93vw,13px)/1.3 Manrope,sans-serif;text-align:center;letter-spacing:-.035em}
.a3-world{position:absolute;inset:0;pointer-events:none;transform:perspective(1250px) rotateY(calc(var(--mx)*1.8deg)) rotateX(calc(var(--my)*-1.1deg));transform-origin:center 68%;transition:transform .11s linear;will-change:transform;contain:layout style;z-index:3}.a3-desk{position:absolute;left:-7%;right:-7%;bottom:-24%;height:48%;transform:perspective(600px) rotateX(34deg);background:linear-gradient(180deg,#39505c 0%,#182c39 4%,#111d29 25%,#283f4d 44%,#0c161f 100%);box-shadow:inset 0 4px 9px #78b4d520,0 -32px 90px #5a96bc12}.a3-desk-shine{position:absolute;inset:69% 0 -14%;background:radial-gradient(ellipse 65% 40% at 48% 26%,#f88c4020,transparent),linear-gradient(#ffffff0c,transparent);filter:blur(5px);transform:perspective(700px) rotateX(53deg)}.a3-lightpool{position:absolute;bottom:6%;left:7%;width:85%;height:22%;border-radius:50%;background:radial-gradient(ellipse,#ff9a4a44 0%,#e78e2540 17%,#cb834e1a 47%,transparent 70%);filter:blur(24px);animation:a3-pool 4.2s ease-in-out infinite alternate}.a3-ring{position:absolute;left:6%;width:89%;height:24%;bottom:4%;border-radius:50%;transform:perspective(800px) rotateX(64deg);border:3px solid #fc974e;box-shadow:0 0 4px #fff8c7,0 0 13px #ffbe5c,0 0 35px #ff7526,0 0 73px #e766196e,inset 0 0 31px #ffac4b70;animation:a3-ring-pulse 4.8s ease-in-out infinite alternate}.a3-ring-back{opacity:.28;filter:blur(9px);border-width:10px}.a3-ring-front{border-color:#ffb368;opacity:.98}.a3-ring-trail{position:absolute;bottom:7%;left:6%;width:89%;height:20%;border-radius:50%;transform:perspective(800px) rotateX(64deg);background:conic-gradient(from 0deg,transparent 0deg,transparent 245deg,#ffffffdf 284deg,#ffecba 295deg,transparent 318deg);mask:radial-gradient(closest-side,transparent calc(100% - 7px),#000 calc(100% - 5px),#000 calc(100% - 2px),transparent);filter:drop-shadow(0 0 12px #ffad55);animation:a3-spin 5s linear infinite}.a3-mouse-glow{position:absolute;z-index:2;inset:0;opacity:.6;pointer-events:none;background:radial-gradient(circle 230px at var(--px) var(--py),#ffb37525 0%,#fa8c3f14 33%,transparent 76%);mix-blend-mode:screen}
/* Physical laptop built from DOM elements and CSS 3D transforms */
.a3-device-laptop{position:absolute;z-index:7;left:15%;bottom:15%;width:37%;height:45%;transform-style:preserve-3d;transform:translate3d(calc(var(--mx)*-7px),calc(var(--my)*-5px),0) rotateY(-7deg) rotateZ(-1deg);filter:drop-shadow(8px 27px 13px #0008);transition:transform .65s cubic-bezier(.2,.9,.2,1),filter .5s}.a3-laptop-screen{position:absolute;bottom:24%;left:8%;width:84%;height:77%;border:7px solid #0a141d;border-bottom:12px solid #172532;background:linear-gradient(140deg,#718b9b,#101b26);border-radius:11px 11px 3px 3px;box-shadow:0 0 0 1px #acc4d550,0 0 35px #ffa14f38;transform-origin:50% 100%;transform:perspective(800px) rotateX(-68deg);transition:transform 1.15s cubic-bezier(.16,1,.3,1),box-shadow .5s;backface-visibility:hidden;overflow:hidden}.a3-stage[data-scene="web"] .a3-laptop-screen,.a3-stage[data-scene="social"] .a3-laptop-screen,.a3-stage[data-scene="production"] .a3-laptop-screen{transform:perspective(800px) rotateX(-12deg)}.a3-laptop-screen-inner{width:100%;height:100%;background:#082031;overflow:hidden}.a3-screen-nav{height:20%;min-height:14px;background:#071925eb;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 6%;font:500 8px Manrope,sans-serif;letter-spacing:.02em}.a3-screen-nav strong{font-size:12px}.a3-screen-nav strong span{font-size:6px;color:#fab77e}.a3-screen-nav>span{font-size:6px;color:#ccd9e1}.a3-screen-landscape{height:80%;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:5% 7%;background:linear-gradient(90deg,#061725e3,#0d1e2890 46%,#08151e00),url('assets/hero/laptop-screen-texture.webp') center/cover}.a3-screen-landscape small{font:700 clamp(4px,.47vw,8px) Manrope,sans-serif;letter-spacing:.16em;color:#ffbe85}.a3-screen-landscape strong{font:750 clamp(12px,2.05vw,31px)/1.12 Manrope,sans-serif;color:#fff;margin:2% 0 3%;text-shadow:0 2px 7px #0009}.a3-screen-landscape strong em{font-style:normal;color:#ffba85}.a3-screen-landscape>span{font:700 clamp(4px,.48vw,8px) Manrope,sans-serif;padding:5px 9px;border-radius:3px;background:#f6a267;color:#1d1712}.a3-laptop-base{position:absolute;bottom:8%;height:22%;left:0;width:100%;clip-path:polygon(10% 0,90% 0,100% 100%,0 100%);transform:perspective(700px) rotateX(40deg);background:linear-gradient(180deg,#667987,#263845 48%,#17242e 90%,#73838c 100%);box-shadow:0 12px 13px #000a;border-radius:5px}.a3-laptop-keys{position:absolute;inset:13% 17% 37%;opacity:.72;background:repeating-linear-gradient(0deg,#10202c 0 7px,#82939b 8px 9px),repeating-linear-gradient(90deg,transparent 0 14px,#a1b4bd69 15px 16px);background-blend-mode:multiply;border-radius:3px}.a3-laptop-trackpad{position:absolute;bottom:7%;left:41%;width:18%;height:26%;border:1px solid #a9b9c35c;border-radius:2px}.a3-laptop-lip{position:absolute;bottom:7%;left:1%;right:1%;height:4%;background:linear-gradient(180deg,#8a989e,#24303a);border-radius:0 0 25% 25%;box-shadow:0 7px 9px #0009}.a3-stage[data-scene="web"] .a3-device-laptop{transform:translate3d(calc(var(--mx)*-9px),calc(var(--my)*-8px - 11px),0) rotateY(-3deg) rotateZ(-1deg);filter:drop-shadow(8px 22px 15px #0009) drop-shadow(0 0 15px #ffa85340)}
/* Social phone, rendered as a separate 3D layer */
.a3-phone-assembly{position:absolute;z-index:12;left:51%;bottom:8%;width:17%;height:53%;transform:translate3d(0,36%,0) scale(.75);opacity:0;transition:transform .95s cubic-bezier(.18,1.15,.2,1),opacity .35s;filter:drop-shadow(0 28px 14px #000b)}.a3-stage[data-scene="social"] .a3-phone-assembly{transform:translate3d(calc(var(--mx)*8px),calc(var(--my)*7px),0) scale(1);opacity:1}.a3-stage[data-scene="production"] .a3-phone-assembly{transform:translate3d(18%,25%,0) scale(.78);opacity:.72}.a3-phone{position:absolute;left:24%;top:2%;width:51%;height:92%;min-width:78px;border:6px solid #0a121c;border-radius:22px;background:#071019;box-shadow:inset 0 0 0 2px #3e5666,2px 5px 1px #0d1720,0 0 20px #ffaa4e29;overflow:hidden;transform:rotateZ(-3deg) rotateY(-7deg);animation:a3-float 5s ease-in-out infinite alternate}.a3-phone-speaker{position:absolute;z-index:2;top:7px;left:35%;width:30%;height:9px;border-radius:7px;background:#000}.a3-phone-feed{position:absolute;inset:7px 3px;background:#0c1621;color:#f4f6f6;border-radius:13px;overflow:hidden;padding:15px 7px 7px}.a3-phone-bar{display:flex;justify-content:space-between;align-items:center;font-size:6px;border-bottom:1px solid #ffffff2c;padding-bottom:7px}.a3-phone-bar strong{font:800 10px Manrope,sans-serif;letter-spacing:.05em}.a3-phone-bar span{font-size:5px;color:#a6c0d4}.a3-phone-feed-title{font:700 9px Manrope,sans-serif;padding:10px 2px 6px}.a3-phone-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;align-content:start;height:72%;overflow:hidden}.a3-phone-thumbs i{border-radius:2px;background:linear-gradient(150deg,#a8764b,#2c5674 55%,#112f38)}.a3-phone-thumbs i:nth-child(2n){background:linear-gradient(130deg,#103e53,#d5a875,#0e2434)}.a3-phone-thumbs i:nth-child(3n){background:linear-gradient(30deg,#d47652,#163a54,#0d121a)}.a3-phone-thumbs{animation:a3-feed 7s ease-in-out infinite alternate}.a3-phone-stats{font:500 6px Manrope,sans-serif;color:#9db7c6;margin:6px}.a3-phone-home{position:absolute;width:25%;height:3px;bottom:7px;left:37.5%;background:#aebac4;border-radius:3px}.a3-network-icon{position:absolute;z-index:3;display:grid;place-items:center;font:900 25px Manrope,sans-serif;width:40px;height:40px;border-radius:9px;box-shadow:0 5px 22px #0006,0 0 18px #efa36755;color:#fff;transition:transform .5s}.a3-network-ig{top:21%;left:-15%;background:linear-gradient(35deg,#fddb40,#f44f43,#c135bc,#405de6)}.a3-network-fb{top:26%;right:-5%;background:#196af5}.a3-network-in{bottom:19%;left:-20%;background:#1379b9;font-size:20px}.a3-network-yt{bottom:19%;right:-8%;background:#e22e2b;font-size:18px}.a3-network-tiktok{top:56%;right:-27%;background:#07101b;text-shadow:-2px -1px #16ebec,2px 2px #fb305c}.a3-stage[data-scene="social"] .a3-network-icon{animation:a3-icons 3.6s ease-in-out infinite alternate}.a3-connection-lines{position:absolute;inset:-15% -90%;width:280%;height:135%;overflow:visible;opacity:0;transition:opacity .5s}.a3-stage[data-scene="social"] .a3-connection-lines{opacity:.5}.a3-connection-lines path{stroke:#ffad5b;stroke-width:1.5;stroke-dasharray:3 8;fill:none;filter:drop-shadow(0 0 7px #ffab57);animation:a3-dash 9s linear infinite}
/* A separate photographic 3D-textured cinema camera, not a pre-rendered GIF/video */
.a3-cinema{position:absolute;right:4%;bottom:8%;width:29%;height:53%;z-index:8;opacity:.93;transform:translate3d(calc(var(--mx)*5px),calc(var(--my)*5px),0) rotateY(0) scale(.85);transform-origin:80% 80%;transition:transform .95s cubic-bezier(.2,.9,.2,1),filter .55s,opacity .45s;filter:drop-shadow(3px 24px 11px #000b)}.a3-cinema>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:contrast(1.12) saturate(1.05)}.a3-stage[data-scene="production"] .a3-cinema{right:6%;transform:translate3d(calc(var(--mx)*8px),calc(var(--my)*6px - 8px),0) rotateY(-3deg) scale(1.16);filter:drop-shadow(7px 23px 18px #000b) drop-shadow(0 0 14px #ffa35568)}.a3-stage[data-scene="web"] .a3-cinema{opacity:.85}.a3-camera-glow{position:absolute;width:85%;height:58%;bottom:0;left:8%;background:radial-gradient(ellipse,#ff964629 0%,transparent 65%);filter:blur(30px)}.a3-camera-lens{position:absolute;z-index:2;left:7%;top:42%;width:19%;aspect-ratio:1;border-radius:50%;border:2px solid #9e795a7d;background:radial-gradient(circle at 35% 35%,#8fc4e3d4 0 4%,#184d7370 10%,#07121d 24%,#030a0e 42%,#485b65 51%,#060c12 58%);opacity:.85;box-shadow:inset 0 0 10px #000,0 0 8px #74bdff31;animation:a3-lens 4.8s ease-in-out infinite alternate}.a3-clapper{position:absolute;right:-12%;top:-17%;width:33%;height:35%;transform:rotateZ(5deg) scale(.65);opacity:0;transition:transform .75s,opacity .5s;transform-origin:bottom left}.a3-stage[data-scene="production"] .a3-clapper{transform:rotateZ(-4deg) scale(1);opacity:1}.a3-clapper-top{width:100%;height:30%;border:2px solid #e7edf2;background:repeating-linear-gradient(115deg,#101820 0 12px,#fafafa 12px 25px);transform-origin:bottom left;animation:a3-clap 2.9s ease-in-out infinite}.a3-clapper-bottom{height:70%;width:100%;border:2px solid #dce1e3;background:#17222d;color:#e5edf0;font:800 10px/2 Manrope,sans-serif;text-align:center}.a3-clapper-bottom small{display:block;font-size:7px;color:#ff876c}
.a3-scene-bottom{position:absolute;bottom:23px;z-index:16;left:4%;right:4%;display:flex;justify-content:space-between;align-items:center;gap:12px}.a3-scene-kicker{display:flex;gap:11px;align-items:center;color:#e3eef2;font:700 9px Manrope,sans-serif;letter-spacing:.14em;text-shadow:0 2px 6px #000}.a3-scene-kicker i{width:5px;height:5px;background:#ffab6a;box-shadow:0 0 13px #ffaa4d;border-radius:50%}.a3-scene-control{display:flex;gap:13px;align-items:center;color:#b4c1ca;font:700 8px Manrope,sans-serif;letter-spacing:.15em}.a3-scene-control button{pointer-events:auto;width:33px;height:33px;border-radius:100%;background:#12212d;color:#fff;border:1px solid #9cadb050;display:grid;place-items:center;font-size:11px}.a3-scene-control button:hover{border-color:#ffaa6b}.a3-footer-row{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:25px 2px 6px}.a3-subcopy{display:flex;align-items:flex-start;gap:12px;max-width:580px}.a3-orange-dot{display:block;flex:none;margin-top:9px;width:6px;height:6px;background:#f59d61;border-radius:100%;box-shadow:0 0 12px #ee8144}.a3-subcopy p{font:400 12px/1.85 Manrope,sans-serif;color:#aebfc8}.a3-cta{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.a3-cta .btn{min-height:45px;display:flex;align-items:center;gap:18px;white-space:nowrap;font-size:11px}
.a3-stage.is-paused *{animation-play-state:paused!important}.a3-stage.is-paused .a3-lightpool,.a3-stage.is-paused .a3-ring,.a3-stage.is-paused .a3-ring-trail{animation-play-state:paused!important}
@keyframes a3-spin{to{rotate:360deg}}@keyframes a3-dash{to{stroke-dashoffset:-200}}@keyframes a3-pool{to{opacity:.65;filter:blur(30px)}}@keyframes a3-ring-pulse{to{box-shadow:0 0 6px #fff6d4,0 0 17px #ffad5c,0 0 48px #ff842b,0 0 83px #e9681955,inset 0 0 23px #ffac4b66}}@keyframes a3-float{to{transform:translateY(-8px) rotateZ(0deg) rotateY(4deg)}}@keyframes a3-feed{to{transform:translateY(-14px)}}@keyframes a3-icons{to{translate:0 -8px;filter:brightness(1.2)}}@keyframes a3-lens{to{box-shadow:inset 0 0 10px #000,0 0 12px #78c2ff94}}@keyframes a3-clap{0%,52%,100%{transform:rotate(-4deg)}32%{transform:rotate(-34deg)}}
@media(max-width:1050px){.a3-stage{height:min(610px,59vw);min-height:430px}.a3-tabs{right:3%;width:60%;gap:8px}.a3-tab{min-height:96px}.a3-intro{left:4%;top:6%}.a3-brand-logo{width:160px}.a3-brand-label{font-size:7px;margin-bottom:13px}.a3-intro h1{font-size:22px}.a3-scene-bottom{bottom:15px}}
@media(max-width:700px){.a3-hero{padding:90px 0 24px}.a3-stage{height:635px;min-height:0;border-radius:12px}.a3-intro{left:6%;top:3.5%}.a3-brand-logo{width:154px;max-height:45px}.a3-brand-label{font-size:7px;letter-spacing:.2em;margin-bottom:12px}.a3-intro h1{font-size:23px}.a3-tabs{left:4%;right:4%;top:26%;width:auto;gap:7px}.a3-tab{min-height:86px;padding:9px 4px;border-radius:9px}.a3-tab b{font-size:9px}.a3-tab svg{width:25px;height:25px}.a3-device-laptop{left:7%;width:58%;bottom:18%;height:29%}.a3-cinema{right:-1%;bottom:18%;width:47%;height:34%}.a3-phone-assembly{left:43%;bottom:14%;height:42%;width:28%}.a3-ring{bottom:11%;height:17%;left:3%;width:94%}.a3-ring-trail{bottom:12%;height:15%;left:3%;width:94%}.a3-lightpool{bottom:14%}.a3-desk{height:43%;bottom:-19%}.a3-scene-bottom{bottom:14px;left:5%;right:5%}.a3-scene-control>span{display:none}.a3-footer-row{align-items:stretch;flex-direction:column;gap:18px}.a3-cta{justify-content:flex-start}.a3-subcopy p{font-size:11px}.a3-clapper{right:-15%}}
@media(max-width:400px){.a3-stage{height:580px}.a3-tabs{top:27%}.a3-tab b{font-size:8px}.a3-intro h1{font-size:21px}.a3-device-laptop{bottom:20%}.a3-cinema{bottom:19%}.a3-phone-assembly{bottom:16%}}
@media(prefers-reduced-motion:reduce){.a3-stage *, .a3-stage *::before,.a3-stage *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.a3-world{transform:none!important}}

/* V13 visual QA refinements — eliminate conic seam; track the ring path with a stroked ellipse. */
.a3-ring-runner{position:absolute;left:6%;width:89%;height:24%;bottom:4%;transform:perspective(800px) rotateX(64deg);overflow:visible;z-index:6;filter:drop-shadow(0 0 5px #fff7cc) drop-shadow(0 0 14px #ffac56);pointer-events:none}
.a3-ring-runner ellipse{animation:a3-ring-run 4.1s linear infinite}
@keyframes a3-ring-run{to{stroke-dashoffset:-1000}}
.a3-stage.is-paused .a3-ring-runner ellipse{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.a3-ring-runner ellipse{animation:none!important}}

/* A physically opening screen on first load and when revisiting the Web tab. */
.a3-stage.a3-intro-start .a3-laptop-screen{transform:perspective(800px) rotateX(-83deg)!important}

/* ADFLIX V14 — independent photographic device layers, *not* a flattened banner/GIF.
   Live service state, parallax, 3D hinge, platform icons and light-trail remain CSS/JS. */
.a3-stage{background:#07121c radial-gradient(circle at 64% 85%,#20303e 0%,transparent 54%);}
.a3-wall{background:linear-gradient(90deg,rgba(1,8,13,.83) 0%,rgba(1,9,14,.69) 36%,rgba(2,12,20,.64) 100%),url('assets/hero/studio-ambience.webp') center/cover no-repeat;opacity:1}
.a3-window{opacity:.30}.a3-wall-lamps{opacity:.42}.a3-plant{opacity:.48}
/* Distinct hardware render parts: 810x500 photo canvases; the screen pivots around a real hinge. */
.a3-device-laptop{display:none!important}
.a3-real-laptop{position:absolute;left:10%;bottom:8.5%;width:51%;aspect-ratio:810/500;z-index:8;pointer-events:none;transform-style:preserve-3d;transform:translate3d(calc(var(--mx)*-9px),calc(var(--my)*-7px),0) rotateY(-1deg);filter:drop-shadow(4px 25px 15px rgba(0,0,0,.65));transition:transform .8s cubic-bezier(.22,1,.36,1),filter .8s;will-change:transform}
.a3-real-laptop img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;user-select:none;pointer-events:none}
.a3-real-laptop-base{z-index:2;filter:saturate(1.03) contrast(1.04)}
.a3-real-laptop-screen{z-index:1;transform:perspective(850px) rotateX(0);transform-origin:47% 75%;backface-visibility:hidden;transition:transform 1.35s cubic-bezier(.17,1,.27,1);filter:drop-shadow(0 0 3px #ffa85d20)}
.a3-stage.a3-intro-start .a3-real-laptop-screen{transform:perspective(850px) rotateX(-64deg)}
.a3-real-laptop-sheen{position:absolute;z-index:3;inset:25% 34% 35% 11%;pointer-events:none;background:linear-gradient(116deg,transparent 21%,#fffffa16 42%,transparent 57%);transform:translateX(calc(var(--mx)*9%));mix-blend-mode:screen;opacity:.5;clip-path:polygon(0 0,93% 6%,100% 91%,11% 100%)}
.a3-stage[data-scene="web"] .a3-real-laptop{transform:translate3d(calc(var(--mx)*-11px),calc(var(--my)*-9px - 6px),0) rotateY(-1deg) scale(1.04);filter:drop-shadow(5px 27px 18px rgba(0,0,0,.72)) drop-shadow(0 0 16px #ff984c24)}
.a3-stage[data-scene="social"] .a3-real-laptop{transform:translate3d(calc(var(--mx)*-4px),calc(var(--my)*-6px),0) scale(.94);opacity:.94}
.a3-stage[data-scene="production"] .a3-real-laptop{transform:translate3d(-1%,4%,0) scale(.88);opacity:.85}
/* Genuine rendered black-glass phone (rather than painted CSS rectangles). */
.a3-phone{display:none!important}
.a3-phone-assembly{left:49%;bottom:9%;height:53%;width:22%;z-index:11;filter:drop-shadow(0 19px 14px #000a)}
.a3-real-phone{position:absolute;left:13%;top:-12%;height:123%;width:85%;object-fit:contain;filter:contrast(1.08) saturate(1.04) drop-shadow(1px 3px 2px #ff914628);transform:translateZ(5px) rotateY(calc(var(--mx)*-3deg));animation:a14-device-float 5.6s ease-in-out infinite alternate;transition:filter .6s}
.a3-real-phone-light{position:absolute;left:34%;top:15%;width:55%;height:65%;border-radius:22%;pointer-events:none;background:linear-gradient(110deg,transparent 32%,#ffffe610 44%,transparent 53%);mix-blend-mode:screen;transform:translateX(calc(var(--mx)*25%));filter:blur(4px)}
.a3-stage[data-scene="web"] .a3-phone-assembly{opacity:.83;transform:translate3d(calc(var(--mx)*6px),32%,0) scale(.60)}
.a3-stage[data-scene="social"] .a3-phone-assembly{opacity:1;transform:translate3d(calc(var(--mx)*7px),calc(var(--my)*5px - 9px),0) scale(1.25);filter:drop-shadow(3px 25px 17px #000a) drop-shadow(0 0 18px #ff9b463b)}
.a3-stage[data-scene="production"] .a3-phone-assembly{opacity:.76;transform:translate3d(11%,21%,0) scale(.77)}
.a3-network-icon{opacity:0;transition:opacity .36s,transform .5s;filter:drop-shadow(0 3px 8px #000b)}
.a3-stage[data-scene="social"] .a3-network-icon{opacity:1}
/* Professional camera: complete photographic details, independent lens glint and clapper. */
.a3-cinema{right:2%;bottom:7%;width:35%;height:60%;opacity:.95;transform:translate3d(calc(var(--mx)*5px),calc(var(--my)*3px),0) scale(.94);filter:drop-shadow(6px 22px 15px #000c)}
.a3-cinema>img{width:100%;height:100%;object-fit:contain;filter:contrast(1.13) saturate(.96)}
.a3-camera-lens{opacity:.0;pointer-events:none}
.a3-stage[data-scene="production"] .a3-cinema{right:3%;transform:translate3d(calc(var(--mx)*10px),calc(var(--my)*6px - 8px),0) scale(1.15);filter:drop-shadow(8px 26px 18px #000c) drop-shadow(0 0 11px #ef985b35)}
.a3-stage[data-scene="social"] .a3-cinema{opacity:.68;transform:translate3d(4%,5%,0) scale(.78)}
.a3-stage[data-scene="web"] .a3-cinema{opacity:.90;transform:translate3d(calc(var(--mx)*3px),calc(var(--my)*3px),0) scale(.87)}
.a3-cinema::after{content:"";position:absolute;left:24%;top:39%;width:6%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 28% 29%,#9addff81,#ffffff00 45%);opacity:.55;filter:blur(5px);pointer-events:none;animation:a14-lens-glimmer 4s ease-in-out infinite alternate}
@keyframes a14-lens-glimmer{to{opacity:.16;transform:translateX(9px)}}
@keyframes a14-device-float{to{transform:translateY(-8px) rotateY(1.8deg)}}
/* More physical desktop illumination and polished black studio surface. */
.a3-desk{background:linear-gradient(180deg,#536775 0%,#1b2b34 8%,#0b1218 45%,#293b46 80%,#080d12 100%)}
.a3-lightpool{filter:blur(30px);opacity:.7}
.a3-ring,.a3-ring-runner{z-index:5}
.a3-mouse-glow{opacity:.72}
@media(max-width:1050px){.a3-real-laptop{left:6%;width:57%;bottom:10%}.a3-cinema{right:0;width:37%}.a3-phone-assembly{left:49%;width:23%}}
@media(max-width:700px){
 .a3-real-laptop{left:-6%;width:79%;bottom:16%}
 .a3-cinema{right:-8%;bottom:16%;width:66%;height:40%}
 .a3-phone-assembly{left:38%;width:37%;bottom:18%;height:38%}
 .a3-stage[data-scene="social"] .a3-real-laptop{transform:translate3d(-12%,5%,0) scale(.78)}
 .a3-stage[data-scene="production"] .a3-real-laptop{transform:translate3d(-14%,5%,0) scale(.80)}
 .a3-stage[data-scene="social"] .a3-phone-assembly{transform:translate3d(calc(var(--mx)*5px),calc(var(--my)*3px - 4px),0) scale(1.15)}
 .a3-stage[data-scene="web"] .a3-phone-assembly{transform:translate3d(5%,27%,0) scale(.56)}
 .a3-stage[data-scene="production"] .a3-cinema{transform:translate3d(0,-4%,0) scale(1.15)}
 .a3-network-icon{width:27px;height:27px;font-size:17px}
 .a3-cinema::after{display:none}
}
@media(max-width:400px){.a3-real-laptop{bottom:18%}.a3-phone-assembly{bottom:18%}.a3-cinema{bottom:19%}}
@media(prefers-reduced-motion:reduce){.a3-real-phone{animation:none}.a3-real-laptop-screen{transform:none!important}.a3-cinema::after{animation:none}}

/* Final art-direction QA: the photographic laptop clears the heading; cinema clap stays below tabs. */
@media(min-width:701px){.a3-real-laptop{width:48%;bottom:-2.5%}}
.a3-cinema>img{filter:brightness(1.12) contrast(1.10) saturate(1.02)}
.a3-clapper{top:15%;right:-2%;width:21%;height:24%;}
.a3-stage[data-scene="production"] .a3-clapper{transform:rotateZ(-4deg) scale(.9)}
@media(max-width:700px){.a3-clapper{top:18%;right:1%;width:20%;height:22%}.a3-real-laptop{bottom:16%}}