:root{--ink:#11110f;--paper:#f2eee6;--soft:#d9d2c4;--accent:#b8893f;--accent2:#e6ba6c;--card:#1a1916;--scroll:0;--mx:70vw;--my:35vh}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0d0d0c;color:var(--ink);font-family:Arial,Helvetica,sans-serif}.site{--ink:#11110f;--paper:#f2eee6;--soft:#d9d2c4;--accent:#b8893f;--accent2:#f0ca80;--card:#1a1916;overflow:hidden;background:var(--paper);transition:background .7s,color .7s}.theme-light{--ink:#101010;--paper:#f6f5f0;--soft:#d9d9d2;--accent:#ec5d35;--accent2:#ff9b69;--card:#1c1c1c}.theme-blue{--ink:#071325;--paper:#eaf0f8;--soft:#c6d0df;--accent:#275cff;--accent2:#53c9ff;--card:#061a37}.grain{position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E")}.nav-shell{height:88px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;position:absolute;inset:0 0 auto;z-index:20;color:white;border-bottom:1px solid #ffffff22}.logo{display:grid;grid-template-columns:36px auto;grid-template-rows:20px 12px;color:inherit;text-decoration:none;line-height:1}.logo span{grid-row:1/3;width:28px;height:28px;border:2px solid var(--accent);display:grid;place-items:center;font-size:13px;font-weight:900}.logo b{letter-spacing:.18em;font-size:18px}.logo em{font-style:normal;font-size:9px;letter-spacing:.4em;color:var(--accent2)}nav{display:flex;gap:2.2vw}nav a{color:inherit;text-decoration:none;text-transform:uppercase;font-size:10px;letter-spacing:.18em;position:relative}nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:1px;background:var(--accent);transition:.35s}nav a:hover:after{right:0}.nav-actions{display:flex;align-items:center;gap:13px}.lang,.menu-btn{background:none;border:0;color:inherit;cursor:pointer}.lang{font-size:10px;letter-spacing:.16em}.pill{border:0;background:var(--accent);color:#0b0b0a;padding:17px 24px;border-radius:50px;text-transform:uppercase;font-size:10px;letter-spacing:.14em;font-weight:700;cursor:pointer;transition:.3s;box-shadow:0 0 0 0 color-mix(in srgb,var(--accent) 40%,transparent)}.pill:hover{transform:translateY(-3px);box-shadow:0 12px 35px color-mix(in srgb,var(--accent) 28%,transparent)}.pill b{margin-left:18px}.pill.small{padding:12px 18px;font-size:9px}.menu-btn{display:none}.hero{min-height:860px;height:100vh;position:relative;background:radial-gradient(circle at 75% 40%,color-mix(in srgb,var(--accent) 15%,transparent),transparent 25%),#0d0d0c;color:#fff;padding:150px 4vw 70px;display:grid;grid-template-columns:48% 52%;align-items:center}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0008,transparent 60%),repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#ffffff09 25%)}.hero-copy{position:relative;z-index:3}.eyebrow{font-size:10px;letter-spacing:.22em;color:#cfcac0;display:flex;align-items:center;gap:10px}.eyebrow span{width:22px;height:1px;background:var(--accent)}h1{font-size:clamp(68px,7vw,128px);line-height:.86;letter-spacing:-.065em;margin:55px 0 35px;font-weight:400;white-space:nowrap}h1 span,h1 strong{display:block}h1 strong{font-family:Georgia,serif;color:var(--accent2);font-weight:400;font-style:italic;margin-left:8vw}.lead{max-width:560px;color:#aaa7a0;font-size:17px;line-height:1.6}.hero-actions{display:flex;gap:30px;align-items:center;margin-top:38px}.text-link{border:0;background:none;color:white;text-transform:uppercase;font-size:10px;letter-spacing:.14em;cursor:pointer}.text-link i{font-style:normal;border:1px solid #ffffff33;width:38px;height:38px;border-radius:50%;display:inline-grid;place-items:center;margin-right:11px;font-size:8px;transition:.3s}.text-link:hover i{background:white;color:black}.orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.15;animation:float 8s ease-in-out infinite}.orb-a{width:400px;height:400px;background:var(--accent);right:-180px;top:0}.orb-b{width:150px;height:150px;border:1px solid var(--accent);left:47%;bottom:8%}.reel{height:min(68vh,610px);width:min(47vw,760px);position:relative;z-index:2;background:linear-gradient(145deg,#22211e,#0b0b0a);border:1px solid #ffffff19;overflow:hidden;box-shadow:0 45px 80px #0009;transform:perspective(1200px) rotateY(-4deg)}.reel:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 40% 35%,color-mix(in srgb,var(--accent) 30%,transparent),transparent 32%);animation:pulse 4s alternate infinite}.reel-top,.reel-caption{position:absolute;left:25px;right:25px;z-index:5;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.16em}.reel-top{top:20px;color:#9b968c}.reel-caption{bottom:20px;align-items:end}.reel-caption b{font-size:16px;letter-spacing:-.02em}.reel-caption span{color:var(--accent2)}.device{position:absolute;background:#111;border:1px solid #555;box-shadow:0 25px 60px #000a}.laptop{width:65%;height:47%;left:11%;top:24%;transform:perspective(800px) rotateX(2deg) rotateY(8deg);padding:10px;border-radius:10px}.screen{height:100%;background:linear-gradient(135deg,var(--accent),#352510 70%);display:flex;align-items:end;padding:25px;gap:20px;overflow:hidden}.metric{font:46px Georgia;color:#fff}.metric small{display:block;font:9px Arial;letter-spacing:.12em;text-transform:uppercase}.bars{height:70%;flex:1;display:flex;gap:5px;align-items:end}.bars i{flex:1;background:#fff8;animation:bars 2s ease-in-out infinite alternate}.bars i:nth-child(2){height:80%;animation-delay:.2s}.bars i:nth-child(3){height:45%;animation-delay:.4s}.bars i:nth-child(4){height:95%;animation-delay:.6s}.bars i:nth-child(5){height:68%;animation-delay:.8s}.phone{width:22%;height:54%;right:8%;top:17%;border-radius:22px;padding:7px;transform:rotate(5deg);animation:phone 6s ease-in-out infinite}.social-card{height:100%;border-radius:16px;background:var(--paper);color:var(--ink);padding:18px 12px;display:flex;flex-direction:column;justify-content:space-between}.social-card b{font-size:22px;line-height:.9}.social-card span{font-size:40px;color:var(--accent)}.ticker-card{position:absolute;left:4%;top:70%;background:var(--accent);color:#111;padding:13px;white-space:nowrap;font-size:9px;letter-spacing:.2em;animation:ticker 8s linear infinite}.scroll{position:absolute;left:4vw;bottom:34px;color:#777;text-decoration:none;font-size:9px;letter-spacing:.16em;text-transform:uppercase;z-index:4}.scroll i{display:inline-block;width:26px;height:26px;border:1px solid #555;border-radius:50%;vertical-align:middle;margin-right:8px;position:relative}.scroll i:after{content:"↓";position:absolute;inset:5px;text-align:center}.theme-switcher{background:#0d0d0c;color:white;padding:24px 4vw;border-top:1px solid #ffffff16;display:flex;justify-content:space-between;align-items:center}.theme-switcher>p{font-size:9px;letter-spacing:.2em;color:#777}.theme-switcher>div{display:flex;gap:8px}.theme-switcher button{border:1px solid #ffffff22;background:transparent;color:#777;padding:12px 18px;font-size:10px;cursor:pointer;transition:.3s}.theme-switcher button span{color:var(--accent);margin-right:12px}.theme-switcher button.active,.theme-switcher button:hover{color:white;border-color:var(--accent);background:#ffffff08}.statement{padding:130px 8vw;display:grid;grid-template-columns:28% 72%;border-bottom:1px solid var(--soft)}.statement>p,.section-head>p,.about>div>p:first-child,.final-cta>p{font-size:9px;letter-spacing:.2em;line-height:1.7}.statement h2,.section-head h2,.about h2,.final-cta h2{font-size:clamp(42px,5vw,82px);letter-spacing:-.055em;line-height:1.04;margin:0;font-weight:400}.statement h2 em,.section-head h2 em,.about h2 em,.final-cta h2 em{font-family:Georgia,serif;color:var(--accent);font-weight:400}.section-head{padding:115px 4vw 55px;display:grid;grid-template-columns:25% 1fr auto;align-items:end}.section-head>span{font-size:9px;letter-spacing:.18em}.service-list{border-top:1px solid var(--soft)}.service-list article{display:grid;grid-template-columns:8% 30% 1fr 60px;align-items:center;padding:28px 4vw;border-bottom:1px solid var(--soft);transition:.35s}.service-list article:hover{background:var(--ink);color:var(--paper);padding-left:5vw}.service-list span{font-size:10px;color:var(--accent)}.service-list h3{font-size:26px;margin:0;letter-spacing:-.03em}.service-list p{max-width:540px;color:#757269;font-size:13px;line-height:1.6}.service-list button{border:1px solid var(--soft);background:none;color:inherit;width:46px;height:46px;border-radius:50%;font-size:18px}.work{background:var(--card);color:white;padding-bottom:130px}.inverse{color:white}.cases{display:grid;grid-template-columns:1fr 1fr;gap:2vw;padding:0 4vw}.case-art{height:510px;position:relative;overflow:hidden;background:#b68b48}.case-two .case-art{background:#d9d3c9}.poster{font-size:80px;line-height:.77;letter-spacing:-.07em;position:absolute;left:8%;top:12%;color:#15130f;transform:rotate(-5deg)}.poster b{color:#fff}.mini-post,.order{position:absolute;right:7%;bottom:8%;background:#fff;color:#111;padding:18px;box-shadow:0 15px 35px #0003;animation:float 5s ease-in-out infinite}.mini-post{font:35px Georgia}.mini-post span{font:8px Arial;text-transform:uppercase}.shop-ui{position:absolute;inset:10% 16%;background:#171717;color:#fff;padding:50px 35px;box-shadow:0 20px 50px #0004}.shop-ui b{font:55px Georgia;line-height:.9}.shop-ui button{display:block;margin-top:60px;background:#fff;border:0;padding:12px 22px;font-size:9px}.order{font-size:9px}.order strong{font-size:16px;color:#2f8f5b}.case-copy{padding:25px 0}.case-copy p{font-size:8px;letter-spacing:.16em;color:var(--accent2)}.case-copy h3{font-size:26px;line-height:1.2;font-weight:400;max-width:540px}.case-copy span{font:italic 16px Georgia;color:#aaa}.process{padding-bottom:130px}.process-track{display:grid;grid-template-columns:repeat(4,1fr);padding:0 4vw}.process-track article{position:relative;border-top:1px solid var(--soft);padding:35px 3vw 0 0}.process-track article>span{color:var(--accent);font-size:10px}.process-dot{position:absolute;width:9px;height:9px;background:var(--accent);border-radius:50%;top:-5px;left:0;box-shadow:0 0 0 8px color-mix(in srgb,var(--accent) 12%,transparent)}.process-track h3{font-size:28px;margin:45px 0 15px}.process-track p{color:#747168;font-size:13px;line-height:1.7;max-width:260px}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:0 4vw 130px;gap:1px;background:var(--soft)}.package-grid article{background:var(--paper);padding:45px;min-height:550px;position:relative}.package-grid article>span{font-size:10px;color:var(--accent)}.package-grid h3{font-size:40px;margin:45px 0 20px}.package-grid p,.package-grid li{font-size:13px;color:#76736b;line-height:1.6}.package-grid ul{list-style:none;padding:25px 0;border-top:1px solid var(--soft);margin-top:35px}.package-grid li{padding:8px 0}.package-grid li:before{content:"↗";color:var(--accent);margin-right:12px}.package-grid button{position:absolute;left:45px;bottom:40px;background:none;border:0;border-bottom:1px solid var(--ink);padding:0 0 8px;font-size:10px;text-transform:uppercase;letter-spacing:.13em;cursor:pointer}.package-grid .featured{background:var(--ink);color:var(--paper);transform:translateY(-20px)}.featured>i{position:absolute;right:20px;top:20px;background:var(--accent);color:#111;font:8px Arial;padding:8px;letter-spacing:.12em}.package-grid .featured button{color:var(--paper);border-color:var(--paper)}.about{background:var(--accent);color:#10100f;padding:120px 8vw;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.about h2 em{color:white}.about>div:nth-child(2)>p{font-size:18px;line-height:1.6}.stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:60px;border-top:1px solid #0003;padding-top:30px}.stats span{font-size:9px;text-transform:uppercase}.stats b{display:block;font:38px Georgia;margin-bottom:10px}.final-cta{min-height:650px;background:#0c0c0b;color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative}.final-cta h2 em{color:var(--accent2)}.final-cta>div:last-child{display:flex;gap:15px;margin-top:50px}.outline{border:1px solid #ffffff44;background:transparent;color:white;border-radius:50px;padding:17px 25px;text-transform:uppercase;font-size:10px;letter-spacing:.12em}.orbit-text{position:absolute;top:60px;color:#ffffff15;font-size:5vw;white-space:nowrap;font-weight:900;animation:ticker 14s linear infinite}footer{background:#090908;color:white;padding:55px 4vw;display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:30px;border-top:1px solid #ffffff1a;align-items:start}footer p,footer a{font-size:9px;letter-spacing:.14em;color:#888;text-decoration:none}footer>div{display:flex;flex-direction:column;gap:10px}footer>div a:hover{color:var(--accent)}.modal{position:fixed;inset:0;background:#070706f2;z-index:100;color:white;display:grid;place-items:center;padding:30px;backdrop-filter:blur(20px);animation:reveal .45s ease}.modal>div{width:min(680px,100%);max-height:90vh;overflow:auto}.modal>div>p{font-size:9px;letter-spacing:.2em;color:var(--accent)}.modal h2{font-size:50px;margin:15px 0 35px}.modal form{display:grid;grid-template-columns:1fr 1fr;gap:20px}.modal label{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#aaa}.modal input,.modal select,.modal textarea{width:100%;background:#ffffff08;border:0;border-bottom:1px solid #ffffff2c;color:white;padding:16px 0;margin-top:8px;outline:none}.modal textarea{height:90px}.modal select option{color:black}.modal label:last-of-type{grid-column:1/3}.modal .pill{width:max-content}.modal-close{position:absolute;right:4vw;top:35px;background:none;border:1px solid #ffffff44;color:white;border-radius:50%;width:44px;height:44px;font-size:25px;cursor:pointer}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.video-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0003,transparent 55%,#0009);z-index:2}.reel-top,.reel-caption{z-index:5}.reel:before,.reel>.device,.reel>.ticker-card{display:none}.motion-studio{background:#0c0c0b;color:#fff;padding:120px 4vw}.motion-intro{display:grid;grid-template-columns:24% 1fr 30%;gap:4vw;align-items:end;margin-bottom:55px}.motion-intro>p:first-child{font-size:9px;letter-spacing:.2em;color:var(--accent2)}.motion-intro h2{font-size:clamp(44px,5vw,82px);line-height:1;letter-spacing:-.055em;font-weight:400;margin:0}.motion-intro h2 em{font-family:Georgia,serif;color:var(--accent2);font-weight:400}.motion-intro>p:last-child{font-size:14px;line-height:1.7;color:#8f8c85}.motion-grid{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:430px 390px;gap:18px}.motion-card{position:relative;overflow:hidden;border:1px solid #ffffff17;background:#10131a}.motion-wide{grid-row:1/3}.motion-card video{width:100%;height:100%;object-fit:cover}.motion-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,#000d)}.motion-overlay{position:absolute;z-index:3;left:30px;right:30px;bottom:26px}.motion-overlay span{font-size:8px;letter-spacing:.18em;color:var(--accent2)}.motion-overlay h3{font-size:26px;line-height:1.15;max-width:580px;margin:10px 0 0;font-weight:400}.live-console{padding:30px;background:radial-gradient(circle at 80% 20%,#173b7244,transparent 36%),#071326}.live-console:after{background:linear-gradient(180deg,transparent 55%,#000b)}.console-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.16em;color:#8ba8cf}.console-top i{font-style:normal;color:#60e89d}.console-top i:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#60e89d;margin-right:7px;box-shadow:0 0 12px #60e89d;animation:blink 1s infinite}.console-metric{margin-top:55px}.console-metric strong{font:70px Georgia;color:#fff}.console-metric span{display:block;font-size:9px;letter-spacing:.16em;color:#7690b1}.signal{height:110px;display:flex;align-items:end;gap:8px;margin:20px 0}.signal i{flex:1;background:linear-gradient(var(--accent2),#275cff);animation:signal 2s ease-in-out infinite alternate}.signal i:nth-child(2){animation-delay:.2s}.signal i:nth-child(3){animation-delay:.4s}.signal i:nth-child(4){animation-delay:.6s}.signal i:nth-child(5){animation-delay:.8s}.signal i:nth-child(6){animation-delay:1s}.signal i:nth-child(7){animation-delay:1.2s}.console-foot{font-size:8px;letter-spacing:.17em;color:#657895}.analytics-art{background:linear-gradient(145deg,#071326,#11110f)!important}.seo-board{position:absolute;inset:10% 18%;padding:42px;background:#f2eee6;color:#10100f;box-shadow:0 25px 50px #0006}.seo-board small{font-size:8px;letter-spacing:.16em;color:#6b6963}.seo-board b{display:block;font:58px Georgia;line-height:.84;margin:35px 0}.seo-board>div{display:flex;align-items:end;gap:7px;height:70px}.seo-board i{flex:1;background:var(--accent);animation:signal 2.4s ease-in-out infinite alternate}.seo-board i:nth-child(2){animation-delay:.3s}.seo-board i:nth-child(3){animation-delay:.6s}.seo-board i:nth-child(4){animation-delay:.9s}
@keyframes float{50%{transform:translateY(-15px)}}@keyframes pulse{to{transform:scale(1.15);opacity:.6}}@keyframes bars{from{height:18%}to{height:92%}}@keyframes phone{50%{transform:rotate(0) translateY(-12px)}}@keyframes ticker{to{transform:translateX(-35%)}}@keyframes reveal{from{opacity:0;transform:scale(.98)}}@keyframes signal{from{height:18%}to{height:96%}}@keyframes blink{50%{opacity:.2}}
@media(max-width:900px){.nav-shell{height:72px}.nav-shell nav{position:absolute;top:72px;left:0;right:0;background:#0d0d0cf7;padding:35px;flex-direction:column;display:none}.nav-shell nav.open{display:flex}.menu-btn{display:block;width:30px}.menu-btn i{display:block;height:1px;background:white;margin:6px}.pill.small{display:none}.hero{height:auto;min-height:100vh;grid-template-columns:1fr;padding-top:120px;gap:50px}.hero:before{background:linear-gradient(#0003,transparent)}h1{font-size:clamp(54px,14vw,88px);white-space:normal;margin:35px 0 25px}.hero .lead{font-size:15px}.reel{width:100%;height:430px;transform:none}.theme-switcher{align-items:flex-start;gap:15px}.theme-switcher>div{overflow:auto;width:100%}.theme-switcher button{white-space:nowrap}.statement,.section-head{grid-template-columns:1fr;gap:30px;padding:80px 6vw 40px}.statement{padding-bottom:80px}.motion-intro{grid-template-columns:1fr;gap:20px}.motion-grid{grid-template-columns:1fr;grid-template-rows:440px 360px 360px}.motion-wide{grid-row:auto}.service-list article{grid-template-columns:10% 1fr 45px;gap:10px}.service-list article p{grid-column:2/4}.cases,.package-grid,.about{grid-template-columns:1fr}.case-art{height:410px}.process-track{grid-template-columns:1fr 1fr;gap:50px 0}.package-grid{gap:1px}.package-grid .featured{transform:none}.about{gap:50px}.final-cta{min-height:550px;padding:80px 20px}footer{grid-template-columns:1fr 1fr}.modal form{grid-template-columns:1fr}.modal label:last-of-type{grid-column:auto}}
@media(max-width:560px){.hero{padding-left:20px;padding-right:20px}.hero-actions{align-items:flex-start;flex-direction:column}.reel{height:330px}.theme-switcher{flex-direction:column}.statement,.section-head{padding-left:20px;padding-right:20px}.motion-studio{padding:80px 20px}.motion-grid{grid-template-rows:310px 300px 340px}.motion-overlay{left:20px;right:20px;bottom:20px}.motion-overlay h3{font-size:21px}.service-list article{padding-left:20px;padding-right:20px}.service-list h3{font-size:21px}.cases{padding:0 20px;grid-template-columns:1fr}.case-art{height:330px}.poster{font-size:58px}.seo-board{inset:8%;padding:28px}.seo-board b{font-size:48px}.process-track{grid-template-columns:1fr;padding:0 20px}.package-grid{padding:0 20px 80px}.package-grid article{min-height:510px;padding:32px}.package-grid button{left:32px}.about{padding:80px 20px}.stats{gap:10px}.stats b{font-size:28px}.final-cta>div:last-child{flex-direction:column}footer{grid-template-columns:1fr}.modal h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}

/* Reel-inspired immersive layer and safe video framing */
.hero-video,.motion-card video{object-fit:contain;background:#090a0d}
.cursor-aura{position:fixed;z-index:1;left:var(--mx);top:var(--my);width:340px;height:340px;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;background:radial-gradient(circle,color-mix(in srgb,var(--accent2) 17%,transparent),transparent 68%);mix-blend-mode:screen;filter:blur(8px)}
.particle-world{position:absolute;z-index:1;right:8vw;top:17%;width:min(40vw,610px);aspect-ratio:1;border-radius:50%;opacity:.34;background:radial-gradient(circle at 48% 45%,color-mix(in srgb,var(--accent) 32%,transparent),transparent 38%),repeating-radial-gradient(circle,#ffffff18 0 1px,transparent 1px 12px);animation:worldFloat 9s ease-in-out infinite}
.particle-world:before,.particle-world:after{content:"";position:absolute;inset:12%;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:43% 57% 48% 52%;transform:rotate(18deg);animation:orbitShape 18s linear infinite}.particle-world:after{inset:24%;border-radius:58% 42% 55% 45%;animation-direction:reverse}
.particle-world i{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--accent2);box-shadow:0 0 18px var(--accent2);animation:particle 4s ease-in-out infinite}.particle-world i:nth-child(1){left:12%;top:28%}.particle-world i:nth-child(2){left:30%;top:8%;animation-delay:.3s}.particle-world i:nth-child(3){left:55%;top:16%;animation-delay:.6s}.particle-world i:nth-child(4){right:8%;top:32%;animation-delay:.9s}.particle-world i:nth-child(5){right:17%;top:57%;animation-delay:1.2s}.particle-world i:nth-child(6){right:28%;bottom:10%;animation-delay:1.5s}.particle-world i:nth-child(7){left:48%;bottom:4%;animation-delay:1.8s}.particle-world i:nth-child(8){left:24%;bottom:16%;animation-delay:2.1s}.particle-world i:nth-child(9){left:7%;bottom:36%;animation-delay:2.4s}.particle-world i:nth-child(10){left:40%;top:38%;animation-delay:2.7s}.particle-world i:nth-child(11){right:31%;top:40%;animation-delay:3s}.particle-world i:nth-child(12){left:34%;bottom:34%;animation-delay:3.3s}
.since-badge{display:flex;align-items:center;gap:12px;margin-top:23px;width:max-content;padding:8px 14px 8px 9px;border:1px solid #ffffff20;border-radius:40px;background:#ffffff08;backdrop-filter:blur(10px)}.since-badge b{display:grid;place-items:center;width:48px;height:27px;border-radius:20px;background:var(--accent);color:#0b0b0a;font:700 11px Arial}.since-badge span{font-size:8px;letter-spacing:.19em;color:#d4d0c8}
.kinetic-words{position:absolute;z-index:4;right:1.5vw;bottom:7%;display:flex;flex-direction:column;align-items:flex-end;pointer-events:none}.kinetic-words span{font-size:clamp(38px,5.2vw,88px);line-height:.72;font-weight:900;letter-spacing:-.065em;color:transparent;-webkit-text-stroke:1px #ffffff38;animation:wordShift 5s ease-in-out infinite}.kinetic-words span:nth-child(2){color:#ffffff12;transform:translateX(-3vw);animation-delay:.4s}.kinetic-words span:nth-child(3){color:var(--accent);-webkit-text-stroke:0;animation-delay:.8s}
.clients{background:#0a0a09;color:#fff;padding:120px 4vw 0}.client-head{display:grid;grid-template-columns:24% 1fr auto;align-items:end;gap:3vw;padding-bottom:60px}.client-head>p{font-size:9px;letter-spacing:.2em;color:var(--accent2)}.client-head h2{font-size:clamp(44px,5vw,82px);line-height:1;letter-spacing:-.055em;font-weight:400;margin:0}.client-head h2 em{font-family:Georgia,serif;color:var(--accent2);font-weight:400}.since-mark{text-align:right}.since-mark strong{display:block;font:clamp(55px,7vw,104px) Georgia;color:var(--accent2);line-height:.8}.since-mark span{font-size:8px;letter-spacing:.2em;color:#777}.client-paths{display:grid;grid-template-columns:1fr 1fr;border:1px solid #ffffff18}.client-paths article{min-height:430px;padding:55px;display:flex;flex-direction:column;align-items:flex-start}.client-paths article+article{border-left:1px solid #ffffff18}.client-paths article>span{font-size:8px;letter-spacing:.2em;color:var(--accent2)}.client-paths h3{font-size:clamp(31px,3vw,50px);line-height:1.05;letter-spacing:-.045em;font-weight:400;max-width:630px;margin:55px 0 22px}.client-paths p{max-width:580px;color:#8f8c85;font-size:14px;line-height:1.75}.client-paths .pill{margin-top:auto}.existing-client{background:linear-gradient(145deg,#101a29,#090909)}.existing-client>div{display:flex;gap:24px;align-items:center;margin-top:auto}.existing-client a,.existing-client button{border:0;border-bottom:1px solid #ffffff54;background:none;color:white;padding:0 0 8px;text-decoration:none;font-size:9px;letter-spacing:.13em;cursor:pointer}.trust-ribbon{display:flex;justify-content:space-around;align-items:center;gap:22px;padding:28px 0;margin-top:70px;border-top:1px solid #ffffff16;color:#777;font-size:10px;letter-spacing:.2em;overflow:hidden}.trust-ribbon i{color:var(--accent);font-style:normal}
@keyframes worldFloat{50%{transform:translateY(-22px) rotate(3deg)}}@keyframes orbitShape{to{transform:rotate(378deg)}}@keyframes particle{50%{transform:translateY(-18px) scale(1.8);opacity:.35}}@keyframes wordShift{50%{transform:translateX(-16px)}}
@media(max-width:900px){.cursor-aura{display:none}.particle-world{width:78vw;right:-20vw;top:18%;opacity:.22}.since-badge{margin-top:16px}.kinetic-words{right:20px;bottom:3%}.kinetic-words span{font-size:10vw}.client-head{grid-template-columns:1fr;gap:28px}.since-mark{text-align:left}.client-paths{grid-template-columns:1fr}.client-paths article+article{border-left:0;border-top:1px solid #ffffff18}}
@media(max-width:560px){.particle-world{top:22%;width:95vw}.kinetic-words{bottom:2%}.clients{padding:80px 20px 0}.client-paths article{min-height:420px;padding:34px 25px}.client-paths h3{margin-top:42px}.existing-client>div{align-items:flex-start;flex-direction:column}.trust-ribbon{justify-content:flex-start;width:max-content;min-width:100%}}

/* Premium gold glass system — one consistent direction across every section */
:root,.site,.theme-gold{--ink:#f6f1e7;--paper:#090908;--soft:#ffffff1a;--accent:#c9943f;--accent2:#f4cf82;--card:#0d0d0b}
body{background:#070706;color:#f5f0e7}.site{position:relative;background:radial-gradient(circle at 15% 20%,#b47a2418,transparent 26%),radial-gradient(circle at 88% 48%,#efbf6210,transparent 28%),#080807;color:#f5f0e7}
.site:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:linear-gradient(115deg,transparent 25%,#f2bd5c08 48%,transparent 67%);animation:goldSweep 12s ease-in-out infinite}
.site>section,.site>footer{position:relative;z-index:1}.statement,.services,.process,.packages{background:linear-gradient(145deg,#0a0a09e8,#14110be8);color:#f5f0e7;border-color:#ffffff15}.statement,.services,.process,.packages,.work,.motion-studio,.clients,.final-cta{box-shadow:inset 0 1px #ffffff0d}
.statement:before,.services:before,.process:before,.packages:before,.about:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(20% - 1px),#ffffff08 20%),linear-gradient(120deg,transparent,#d99e3510,transparent);opacity:.7}
.statement>* ,.services>* ,.process>* ,.packages>* ,.about>*{position:relative;z-index:1}
.section-head>p,.section-head>span,.statement>p{color:#c99a50}.service-list article{background:#ffffff03;border-color:#ffffff13}.service-list article:hover{background:linear-gradient(90deg,#c88f3018,#ffffff07);color:#fff;padding-left:4.4vw}.service-list p,.process-track p,.package-grid p,.package-grid li{color:#b9b4aa}.service-list button{color:#f4cf82;border-color:#ffffff26}.process-track article{border-color:#ffffff1c}
.work{background:radial-gradient(circle at 85% 5%,#d79b3520,transparent 24%),#090908}.case-two .case-art{background:#191711}.mini-post,.order,.seo-board{background:#15130f;color:#f5f0e7;border:1px solid #d3a04e55}.seo-board small{color:#aaa49a}
.package-grid{background:transparent;gap:16px}.package-grid article,.package-grid .featured{background:linear-gradient(145deg,#ffffff0c,#ffffff04);border:1px solid #ffffff18;color:#f5f0e7;backdrop-filter:blur(18px);transform:none;box-shadow:0 24px 70px #0005}.package-grid article:hover{border-color:#d3a04e88;box-shadow:0 25px 80px #c68c2515}.package-grid button,.package-grid .featured button{color:#f5f0e7;border-color:#d3a04e}
.about{overflow:hidden;background:radial-gradient(circle at 65% 20%,#ffe2a5 0,#e7b85f 17%,transparent 42%),linear-gradient(112deg,#a86d20,#e7b85f 48%,#95601b);color:#100e0a;box-shadow:inset 0 0 110px #fff2,0 0 80px #dca33b22}.about:after{content:"";position:absolute;inset:-80% -20%;background:linear-gradient(105deg,transparent 38%,#fff8 49%,transparent 58%);animation:goldShine 7s ease-in-out infinite;pointer-events:none}.about h2 em{color:#fff8dc;text-shadow:0 0 28px #fff8}.about>div:nth-child(2)>p{color:#17130d}.stats{border-color:#0004}
.final-cta{background:radial-gradient(circle at 50% 40%,#b1782638,transparent 36%),#080807}.clients{background:radial-gradient(circle at 12% 12%,#c28b2b16,transparent 30%),#090908}.existing-client{background:linear-gradient(145deg,#17130d,#090909)}
.brand-logo{display:block;width:clamp(205px,16vw,300px);padding:7px 12px;border:1px solid #e1ac5235;border-radius:12px;background:linear-gradient(110deg,#d69d4640,#17130de8 68%);backdrop-filter:blur(16px);box-shadow:0 10px 35px #0005,0 0 28px #c58c2714;overflow:hidden}.brand-logo img{display:block;width:100%;height:auto}.footer-logo{width:240px}

/* Hero: protected copy and reel columns prevent all desktop overlaps */
.hero{height:auto;min-height:900px;grid-template-columns:minmax(0,46%) minmax(0,54%);gap:clamp(28px,3vw,64px);padding:140px 4vw 88px;align-items:center}.hero-copy{min-width:0;max-width:760px}.hero h1{font-size:clamp(58px,5.65vw,104px);line-height:.9;white-space:normal;margin:42px 0 30px}.hero h1 strong{margin-left:clamp(0px,3vw,48px)}.reel{width:100%;max-width:790px;height:clamp(470px,62vh,620px);justify-self:end;transform:perspective(1200px) rotateY(-2deg)}.kinetic-words{right:1vw;bottom:2.5%;opacity:.72}.scroll{bottom:24px}.particle-world{right:3vw;top:18%;width:min(36vw,560px)}

/* Motion videos keep their own safe frame; captions live below the imagery */
.motion-grid{grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);grid-template-rows:410px 410px;gap:20px}.motion-card{display:block;background:linear-gradient(145deg,#11100d,#070706);isolation:isolate}.motion-card video{position:absolute;inset:0 0 30%;width:100%;height:70%;object-fit:cover;background:#090a0d}.motion-card:after{inset:0 0 30%;background:linear-gradient(180deg,#0002,transparent 62%,#000d)}.motion-overlay{left:0;right:0;bottom:0;min-height:30%;padding:24px 28px;background:linear-gradient(120deg,#0a0908,#17130d);border-top:1px solid #ffffff15;display:flex;flex-direction:column;justify-content:center}.motion-overlay h3{margin:9px 0 0;font-size:clamp(21px,1.75vw,30px)}.live-console{padding:28px 28px 145px}.live-console:after{inset:0}.live-console .motion-overlay{z-index:4}.motion-wide{grid-row:1/3}.motion-wide video{inset:0 0 19%;height:81%}.motion-wide:after{inset:0 0 19%}.motion-wide .motion-overlay{min-height:19%}

@keyframes goldSweep{50%{transform:translateX(9vw);opacity:.55}}@keyframes goldShine{0%,22%{transform:translateX(-50%)}65%,100%{transform:translateX(55%)}}

@media(max-width:1180px){.nav-shell nav{gap:1.35vw}.hero{grid-template-columns:1fr;min-height:auto;padding-top:130px}.hero-copy{max-width:900px}.hero h1{max-width:900px;font-size:clamp(64px,9vw,108px)}.reel{justify-self:stretch;max-width:none;height:min(62vw,600px);transform:none}.kinetic-words{display:none}.scroll{display:none}.motion-intro{grid-template-columns:1fr 1.6fr}.motion-intro>p:last-child{grid-column:2}.motion-grid{grid-template-columns:1fr 1fr}.motion-wide{grid-column:1/3;grid-row:auto;height:580px}.motion-grid{grid-template-rows:auto 410px}.motion-wide video{inset:0 0 24%;height:76%}.motion-wide:after{inset:0 0 24%}.motion-wide .motion-overlay{min-height:24%}}
@media(max-width:900px){.brand-logo{width:190px}.hero{padding:112px 28px 70px;gap:42px}.hero h1{font-size:clamp(56px,12vw,92px);margin:34px 0 24px}.hero h1 strong{margin-left:0}.reel{height:min(68vw,520px)}.motion-intro{grid-template-columns:1fr}.motion-intro>p:last-child{grid-column:auto}.motion-grid{grid-template-columns:1fr;grid-template-rows:auto}.motion-wide{grid-column:auto;height:520px}.motion-card{height:400px}.package-grid{gap:14px;background:transparent}.package-grid article{min-height:500px}.about{gap:55px}.about>div:nth-child(2)>p{font-size:17px}}
@media(max-width:560px){.nav-shell{padding:0 18px}.brand-logo{width:158px;padding:5px 8px;border-radius:9px}.hero{padding:104px 20px 62px}.eyebrow{font-size:8px;line-height:1.5}.since-badge span{font-size:7px;letter-spacing:.13em}.hero h1{font-size:clamp(47px,14.5vw,70px);line-height:.93}.hero .lead{font-size:15px;line-height:1.65}.reel{height:58vw;min-height:255px}.reel-top{left:14px;right:14px}.reel-caption{left:14px;right:14px}.reel-caption b{font-size:12px}.motion-card,.motion-wide{height:365px}.motion-card video,.motion-wide video{inset:0 0 34%;height:66%}.motion-card:after,.motion-wide:after{inset:0 0 34%}.motion-card .motion-overlay,.motion-wide .motion-overlay{min-height:34%;padding:20px}.live-console{padding:24px 20px 145px}.console-metric{margin-top:38px}.console-metric strong{font-size:55px}.package-grid{padding-left:20px;padding-right:20px}.about{padding-top:75px;padding-bottom:75px}.about h2{font-size:45px}.stats{grid-template-columns:1fr;gap:25px}.stats span{display:grid;grid-template-columns:70px 1fr;align-items:center}.stats b{margin:0}.footer-logo{width:190px}}

/* Static edition: viewport safety and native Motion Studio animations */
html,body{width:100%;max-width:100%;overflow-x:hidden}img,video,svg{max-width:100%}[hidden]{display:none!important}.site{width:100%;max-width:100vw}.site section{max-width:100vw}.hero-video{object-fit:contain!important}.reel{min-width:0}.motion-intro>*{min-width:0;overflow-wrap:anywhere}.static-motion-grid{align-items:stretch}.static-motion-grid .motion-card{min-width:0}.static-motion-grid .motion-card:after{display:none}.static-motion-grid .motion-overlay{z-index:8}
.idea-animation{padding:clamp(24px,3vw,48px) clamp(18px,3vw,44px) max(150px,20%);background:radial-gradient(circle at 50% 42%,#c58e2b32,transparent 35%),repeating-linear-gradient(90deg,transparent 0,transparent calc(12.5% - 1px),#ffffff0a 12.5%),repeating-linear-gradient(0deg,transparent 0,transparent calc(12.5% - 1px),#ffffff0a 12.5%),#0c0d0b}.studio-label{font-size:clamp(10px,1.3vw,18px);font-weight:800;letter-spacing:.08em;color:#d2a253}.idea-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,3vw,44px);height:56%;min-height:280px;margin:clamp(28px,4vw,58px) 0 34px}.idea-panel{display:grid;place-items:center;min-width:0;overflow:hidden;box-shadow:0 20px 55px #0008;animation:panelFloat 5.4s ease-in-out infinite}.idea-panel span{font-size:clamp(20px,3vw,52px);font-weight:900;letter-spacing:-.04em;max-width:100%}.idea{background:linear-gradient(160deg,#fff,#b9b8b5);color:#0c0c0b}.create{background:linear-gradient(160deg,#dfac55,#a97525);color:#111;animation-delay:.45s}.scale{background:linear-gradient(160deg,#263c7c,#111f4e);color:#fff;animation-delay:.9s}.studio-track{display:flex;align-items:center;gap:clamp(8px,1vw,18px);flex-wrap:wrap;color:#98958e;font-size:clamp(9px,1.1vw,14px);letter-spacing:.08em}.studio-track i{font-style:normal;color:#c99a50}
.performance-animation{padding:28px 32px 145px;background:radial-gradient(circle at 75% 28%,#173b7255,transparent 38%),repeating-linear-gradient(90deg,transparent 0,transparent calc(16.66% - 1px),#ffffff0b 16.66%),repeating-linear-gradient(0deg,transparent 0,transparent calc(16.66% - 1px),#ffffff0b 16.66%),#071326}.performance-head{display:flex;flex-direction:column;align-items:flex-start}.performance-head>span{color:#5ac1f0;font-size:11px;letter-spacing:.12em;font-weight:800}.performance-head strong{font-size:clamp(48px,5vw,74px);line-height:1;margin-top:34px}.performance-head small{color:#71809a;letter-spacing:.08em}.performance-bars{position:absolute;right:8%;top:15%;width:48%;height:44%;display:flex;align-items:flex-end;gap:clamp(6px,1vw,14px)}.performance-bars i{flex:1;min-width:0;background:linear-gradient(#f2cf7d,#ae7728);animation:performanceBar 2.8s ease-in-out infinite alternate;box-shadow:0 0 25px #e8b95325}.performance-bars i:nth-child(1){height:8%;background:#284db8}.performance-bars i:nth-child(2){height:3%;background:#275cff;animation-delay:.25s}.performance-bars i:nth-child(3){height:31%;background:#52b7dc;animation-delay:.5s}.performance-bars i:nth-child(4){height:48%;animation-delay:.75s}.performance-bars i:nth-child(5){height:85%;animation-delay:1s}.performance-foot{position:absolute;left:32px;bottom:34%;max-width:70%;font-size:9px;color:#667080;letter-spacing:.08em}
@keyframes panelFloat{50%{transform:translateY(-10px);box-shadow:0 30px 70px #0009}}@keyframes performanceBar{to{transform:scaleY(.82);filter:brightness(1.2)}}

@media(max-width:1180px){.motion-intro h2{font-size:clamp(46px,7vw,78px)}.idea-panels{min-height:250px}.performance-bars{width:45%}}
@media(max-width:900px){.motion-intro>*{max-width:100%}.static-motion-grid .motion-card{width:100%;max-width:100%}.idea-animation{height:560px!important}.idea-panels{height:52%;min-height:0}.performance-animation{height:410px!important}.performance-foot{bottom:36%}}
@media(max-width:560px){.idea-animation{height:480px!important;padding:24px 18px 150px}.idea-panels{gap:8px;height:48%;margin:30px 0 24px}.idea-panel span{font-size:clamp(15px,5vw,24px)}.studio-track{gap:6px;font-size:8px}.performance-animation{height:390px!important;padding:24px 20px 145px}.performance-bars{right:5%;top:20%;width:48%;height:35%;gap:5px}.performance-head strong{font-size:48px}.performance-foot{left:20px;bottom:38%;font-size:7px}.motion-overlay h3{overflow-wrap:anywhere}.reel{width:100%;max-width:100%;overflow:hidden}.reel-caption{gap:8px}.reel-caption span{text-align:right}}