

:root{--bg:#111310;--panel:#191c18;--panel2:#20231f;--paper:#e8e9e1;--muted:#969b90;--line:#343832;--lime:#b7ff00;--dark:#0b0d0b}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--paper);font-family:Arial,"Segoe UI",system-ui,sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none} img{max-width:100%;display:block} ::selection{background:var(--lime);color:#111}
.section-shell{width:min(1280px,86vw);margin:0 auto}
.topbar{position:sticky;z-index:20;top:0;height:80px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 7vw;background:linear-gradient(rgba(14,16,13,.94),rgba(14,16,13,.94)),url("/assets/mubi-mercedes-hero.webp") center 48%/cover;border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}
.brand{display:inline-flex;align-items:center;gap:11px;width:max-content}.brand-logo{display:block;width:54px;height:54px;object-fit:contain;flex:none}.brand-name{font-size:14px;font-weight:800;letter-spacing:.025em}.brand-name b{display:block;margin-top:3px;color:#8e9389;font-size:8px;font-weight:700;letter-spacing:.22em}
.main-nav{display:flex;gap:34px;color:#a9ada4;font-size:11px;font-weight:700}.main-nav a,.footer>a:last-child{transition:color .2s}.main-nav a:hover,.footer>a:last-child:hover{color:var(--lime)}
.nav-cta{justify-self:end;display:flex;align-items:center;gap:13px;font-size:10px;font-weight:750}.nav-cta span{display:grid;place-items:center;width:34px;height:34px;background:var(--lime);color:#111;font-size:16px;transition:transform .2s}.nav-cta:hover span{transform:translate(2px,-2px)}
.hero{position:relative;min-height:min(760px,calc(100svh - 80px));display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:6vw;padding:55px 7vw 70px;overflow:hidden;background:linear-gradient(90deg,rgba(11,13,11,.92),rgba(11,13,11,.69) 42%,rgba(11,13,11,.18)),linear-gradient(0deg,rgba(11,13,11,.48),transparent 42%),url("/assets/mubi-mercedes-hero.webp") center 55%/cover}.image-caption{position:absolute;right:7vw;bottom:31px;z-index:2;display:flex;gap:22px;color:#d0d3c9;font-size:8px;font-weight:700;letter-spacing:.15em}.image-caption b{color:var(--lime)}
.hero-copy{position:relative;z-index:3;width:min(680px,100%);padding-left:2vw}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 26px;color:#a7aca1;font-size:9px;font-weight:800;letter-spacing:.14em}.eyebrow>span{display:block;width:24px;height:2px;background:var(--lime)}.eyebrow i{color:var(--lime);font-style:normal}
.hero h1,.intro h2,.section-head h2,.process-heading h2,.contact-content h2{margin:0;font-size:clamp(56px,7vw,102px);font-weight:850;line-height:.94;letter-spacing:-.075em}.hero h1 em,.intro h2 em,.section-head h2 em,.process-heading h2 em,.contact-content h2 em{color:var(--lime);font-style:normal;letter-spacing:-.08em}
.hero-description{max-width:410px;margin:27px 0 0;color:#b4b8ae;font-size:13px;line-height:1.85}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:31px}.button{min-height:49px;display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:0 18px;font-size:10px;font-weight:800;transition:transform .2s,background .2s,color .2s}.button:hover{transform:translateY(-2px)}.button-lime{background:var(--lime);color:#10120e}.button-lime:hover{background:#d0ff58}.button span{font-size:16px}.text-link{padding:12px 0;border-bottom:1px solid #63685e;color:#e0e2da;font-size:10px;font-weight:700}.text-link span{margin-left:8px;color:var(--lime)}
.hero-spec{display:flex;align-items:center;gap:13px;margin-top:55px;color:#d1d4ca;font-size:8px;font-weight:800;letter-spacing:.12em}.hero-spec>span{color:var(--lime);font-size:13px}.hero-spec i{height:1px;width:25px;background:#54594f}.hero-index{position:absolute;z-index:2;right:2.4vw;top:50%;color:#babfb3;font-size:8px;font-weight:700;letter-spacing:.18em;writing-mode:vertical-rl;transform:translateY(-50%)}
.intro{padding:132px 0 142px;background:linear-gradient(rgba(12,14,12,.88),rgba(12,14,12,.88)),url("/assets/work-hero.webp") center 46%/cover}.intro-inner{display:grid;grid-template-columns:.68fr 1.32fr;gap:7vw;align-items:start}.section-label{display:flex;align-items:center;gap:12px;margin:9px 0;color:#a8ada2;font-size:9px;font-weight:800;letter-spacing:.13em}.section-label span{color:var(--lime);font-size:12px}.intro .eyebrow{margin-bottom:18px}.intro h2,.section-head h2{font-size:clamp(43px,5.4vw,76px)}.intro-copy{max-width:570px;margin:26px 0 0;color:#a8ada2;font-size:13px;line-height:1.9}
.work-section{padding:108px 0 120px;background:linear-gradient(rgba(15,17,14,.91),rgba(15,17,14,.91)),url("/assets/work-rear.webp") center 44%/cover;border-top:1px solid #222620;border-bottom:1px solid #222620}.section-head{display:flex;align-items:end;justify-content:space-between;gap:7vw;margin-bottom:42px}.section-head .eyebrow{margin-bottom:18px}.section-head>p{max-width:310px;margin:0 0 5px;color:#a6aba1;font-size:11px;line-height:1.85}.section-head h2{font-size:clamp(43px,5vw,70px)}.work-section .section-head h2 em{color:var(--lime)}.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:16px}.gallery-photo{min-width:0;margin:0;background:rgba(7,9,7,.76);border:1px solid rgba(230,235,222,.13)}.gallery-photo img{width:100%;height:auto;object-fit:contain}.gallery-photo figcaption{padding:9px 11px;color:var(--lime);font-size:9px;font-weight:800;letter-spacing:.13em}.gallery-photo figcaption span{color:#a6aba1}
.services-section{padding:122px 0 130px;background:linear-gradient(rgba(11,13,11,.91),rgba(11,13,11,.91)),url("/assets/mubi-mercedes-hero.webp") center 57%/cover}.services-section .section-head{margin-bottom:48px}.eyebrow.dark{color:#a7aca1}.service-list{border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:58px 1fr 145px 28px;align-items:center;gap:20px;min-height:99px;border-bottom:1px solid var(--line);transition:padding .2s,background .2s}.service-row:hover{padding-right:11px;padding-left:11px;background:rgba(25,28,24,.8)}.service-number{color:var(--lime);font-size:11px;font-weight:800}.service-main h3{margin:0 0 6px;font-size:17px;font-weight:750;letter-spacing:-.035em}.service-main p{margin:0;color:#999e93;font-size:10px;line-height:1.55}.service-price{color:#d1d5cb;font-size:10px;font-weight:800;text-transform:uppercase}.service-row>a{justify-self:end;color:var(--lime);font-size:16px;transition:transform .2s}.service-row:hover>a{transform:translate(2px,-2px)}
.process-section{padding:112px 0 126px;background:linear-gradient(rgba(20,22,19,.9),rgba(20,22,19,.9)),url("/assets/work-hero.webp") center 50%/cover}.process-heading{display:grid;grid-template-columns:.68fr 1.32fr;align-items:start;gap:6vw;margin-bottom:56px}.process-heading .eyebrow{margin-top:12px}.process-heading h2{font-size:clamp(48px,5.8vw,80px)}.process-list{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #444940}.process-list article{min-height:165px;padding:24px 20px 15px 0;border-bottom:1px solid #444940}.process-list article:not(:last-child){margin-right:24px}.process-list article>span{color:var(--lime);font-size:11px;font-weight:800}.process-list h3{margin:29px 0 8px;font-size:15px;font-weight:800}.process-list p{max-width:220px;margin:0;color:#a6aba1;font-size:10px;line-height:1.7}
.contact-section{display:grid;grid-template-columns:.62fr 1.38fr .6fr;align-items:start;gap:5vw;padding:100px 7vw 108px;background:linear-gradient(rgba(10,12,10,.86),rgba(10,12,10,.86)),url("/assets/work-rear.webp") center 50%/cover;color:var(--paper)}.contact-section .section-label{color:#c2c6bc}.contact-section .section-label span{color:var(--lime)}.contact-content{max-width:700px}.contact-content .eyebrow{margin:0 0 20px;color:#c2c6bc}.contact-content .eyebrow>span{background:var(--lime)}.contact-content h2{font-size:clamp(50px,6vw,84px)}.contact-content h2 em{color:var(--lime)}.contact-content>p:not(.eyebrow){max-width:440px;margin:22px 0 24px;color:#c2c6bc;font-size:12px;line-height:1.8}.contact-section .button-lime{background:var(--lime);color:#111}.contact-section .button-lime:hover{background:#d0ff58}.contact-location{align-self:end;justify-self:end;margin-top:12px;color:#c2c6bc;font-size:8px;font-weight:800;letter-spacing:.12em}
.footer{min-height:92px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 7vw;background:linear-gradient(rgba(8,10,8,.92),rgba(8,10,8,.92)),url("/assets/mubi-mercedes-hero.webp") center 62%/cover;border-top:1px solid #343832}.footer p{margin:0;color:#8f9489;font-size:8px;font-weight:800;letter-spacing:.15em}.footer p i{color:var(--lime);font-style:normal}.footer>a:last-child{justify-self:end;color:#a5aa9f;font-size:8px;font-weight:800;letter-spacing:.1em}
.motion-ready .reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1)}.motion-ready .reveal.is-visible{opacity:1;transform:none}
@media(max-width:900px){.topbar{padding:0 5vw}.main-nav{gap:22px}.hero{min-height:690px;grid-template-columns:1fr;padding:50px 6vw 65px}.hero-image{left:0}.hero-image:after{background:linear-gradient(0deg,rgba(9,11,9,.82),rgba(9,11,9,.34) 70%),linear-gradient(90deg,rgba(17,19,16,.66),rgba(17,19,16,.12))}.hero-copy{max-width:650px;padding-left:0}.hero h1{font-size:clamp(58px,10vw,86px)}.hero-index{display:none}.intro{padding-top:100px;padding-bottom:108px;gap:5vw}.work-wall{grid-template-rows:340px}.services-section{padding:100px 0 108px}.process-section{padding:96px 0 104px}.contact-section{grid-template-columns:.5fr 1.5fr;padding:80px 6vw}.contact-location{grid-column:2;justify-self:start;margin-top:26px}}
@media(max-width:620px){.section-shell{width:88vw}.topbar{height:68px;grid-template-columns:1fr auto;padding:0 6vw}.brand-logo{width:46px;height:46px}.brand-name{font-size:12px}.main-nav{display:none}.nav-cta{gap:8px;font-size:9px}.nav-cta span{width:29px;height:29px;font-size:14px}.hero{min-height:690px;display:flex;flex-direction:column;justify-content:center;align-items:stretch;padding:55px 6vw 75px}.hero-image{inset:0}.hero-image img{object-position:58% center}.hero-image:after{background:linear-gradient(0deg,rgba(9,11,9,.86),rgba(9,11,9,.24) 75%),linear-gradient(90deg,rgba(17,19,16,.8),rgba(17,19,16,.1))}.image-caption{right:6vw;bottom:20px;left:6vw;justify-content:space-between;font-size:7px}.hero-copy{width:100%;padding:0}.eyebrow{margin-bottom:20px;font-size:8px}.hero h1{font-size:clamp(55px,14vw,74px)}.hero-description{max-width:370px;margin-top:20px;font-size:12px;line-height:1.75}.hero-actions{gap:17px;margin-top:23px}.button{min-height:46px;padding:0 13px;font-size:9px}.text-link{font-size:9px}.hero-spec{gap:9px;margin-top:36px;font-size:7px}.hero-spec i{width:15px}.intro{display:block;padding-top:78px;padding-bottom:84px}.intro .section-label{margin:0 0 25px}.intro h2,.section-head h2{font-size:clamp(40px,10vw,56px)}.intro-copy{margin-top:19px;font-size:12px}.work-section{padding:78px 0 84px}.section-head{display:block;margin-bottom:30px}.section-head>p{margin-top:17px;font-size:10px}.work-wall{grid-template-columns:1fr;grid-template-rows:370px 230px;gap:10px}.work-reflection{grid-column:1;grid-row:1}.work-headlight{grid-column:1;grid-row:2}.work-wall figcaption{right:13px;bottom:13px;left:13px}.services-section{padding:80px 0 88px}.services-section .section-head{margin-bottom:28px}.service-row{grid-template-columns:30px 1fr 24px;gap:10px;min-height:95px}.service-main h3{font-size:14px}.service-main p{max-width:300px;font-size:9px}.service-price{grid-column:2;grid-row:2;margin-top:-18px;font-size:8px}.service-row>a{grid-column:3;grid-row:1/3}.process-section{padding:78px 0 84px}.process-heading{display:block;margin-bottom:33px}.process-heading .eyebrow{margin:0 0 17px}.process-heading h2{font-size:clamp(43px,11vw,60px)}.process-list{grid-template-columns:1fr 1fr}.process-list article{min-height:150px;padding:18px 12px 16px 0}.process-list article:not(:last-child){margin-right:12px}.process-list h3{margin:23px 0 7px;font-size:13px}.process-list p{font-size:9px}.contact-section{display:block;padding:68px 7vw 75px}.contact-section .section-label{margin:0 0 31px}.contact-content .eyebrow{margin-bottom:18px}.contact-content h2{font-size:clamp(46px,12vw,64px)}.contact-content>p:not(.eyebrow){font-size:11px}.contact-location{margin-top:35px;font-size:8px}.footer{min-height:78px;grid-template-columns:1fr auto;padding:0 6vw}.footer .brand-name{font-size:10px}.footer p{display:none}.footer>a:last-child{font-size:7px}}
@media(max-width:900px){.intro-inner{gap:5vw}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{background-position:center 55%}}
@media(max-width:620px){.intro-inner{display:block}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hero{background-position:57% center}.topbar{background-position:center 55%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.motion-ready .reveal{opacity:1;transform:none;transition:none}.work-wall img{transition:none}}

/* Motion layer */
body::before{content:"";position:fixed;z-index:100;inset:0 auto auto 0;width:var(--scroll-progress,0%);height:2px;background:var(--lime);box-shadow:0 0 12px rgba(183,255,0,.65);pointer-events:none;transition:width .08s linear}
.topbar{transition:height .3s ease,background-color .3s ease,box-shadow .3s ease}.topbar.is-scrolled{height:66px;box-shadow:0 8px 28px rgba(0,0,0,.28)}.topbar.is-scrolled .brand-logo{width:46px;height:46px}
.main-nav a{position:relative;padding:8px 0}.main-nav a::after{content:"";position:absolute;right:0;bottom:2px;left:0;height:1px;background:var(--lime);transform:scaleX(0);transform-origin:left;transition:transform .28s ease}.main-nav a:hover::after{transform:scaleX(1)}
.brand-logo{transition:transform .35s cubic-bezier(.2,.7,.2,1),filter .35s}.brand:hover .brand-logo{transform:rotate(-4deg) scale(1.06);filter:drop-shadow(0 0 9px rgba(183,255,0,.28))}
.hero{isolation:isolate;background:var(--bg)}.hero::before{content:"";position:absolute;z-index:0;inset:-3%;background:url("/assets/mubi-mercedes-hero.webp") center 55%/cover no-repeat;animation:hero-pan 28s ease-in-out infinite alternate;will-change:transform}.hero::after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(11,13,11,.9),rgba(11,13,11,.68) 42%,rgba(11,13,11,.12)),linear-gradient(0deg,rgba(11,13,11,.5),transparent 44%);pointer-events:none}.hero-copy{animation:hero-copy-in .9s .12s both cubic-bezier(.2,.7,.2,1)}.hero .eyebrow>span{animation:accent-grow .7s .8s both ease-out}.hero-index{animation:index-fade .8s .7s both ease-out}.image-caption{animation:caption-rise .7s .55s both cubic-bezier(.2,.7,.2,1)}
.gallery-photo{overflow:hidden;transition:border-color .3s ease,transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}.gallery-photo img{transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .4s;transform:scale(1.001)}.gallery-photo:hover{border-color:rgba(183,255,0,.7);transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,.24)}.gallery-photo:hover img{transform:scale(1.035);filter:saturate(1.05)}
.service-row{position:relative;overflow:hidden}.service-row::before{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:1px;background:var(--lime);transform:scaleX(0);transform-origin:left;transition:transform .42s cubic-bezier(.2,.7,.2,1)}.service-row:hover::before{transform:scaleX(1)}.service-row>a{transition:transform .28s cubic-bezier(.2,.7,.2,1),color .28s}.service-row:hover>a{transform:translate(4px,-4px)}
.button{position:relative;overflow:hidden}.button::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 28%,rgba(255,255,255,.28) 48%,transparent 68%);transform:translateX(-130%);transition:transform .65s ease}.button:hover::before{transform:translateX(130%)}.button span{position:relative;transition:transform .25s}.button:hover span{transform:translate(2px,-2px)}
.process-list article{position:relative}.process-list article::after{content:"";position:absolute;top:-1px;left:0;width:0;height:2px;background:var(--lime);transition:width .45s ease}.process-list article:hover::after{width:100%}
.motion-ready .gallery-photo,.motion-ready .service-row,.motion-ready .process-list article{opacity:0;transform:translateY(18px);transition:opacity .56s ease var(--stagger,0ms),transform .56s cubic-bezier(.2,.7,.2,1) var(--stagger,0ms)}.motion-ready .gallery-photo.is-inview,.motion-ready .service-row.is-inview,.motion-ready .process-list article.is-inview{opacity:1;transform:none}
@keyframes hero-pan{from{transform:scale(1.02) translate3d(0,0,0)}to{transform:scale(1.09) translate3d(-.5%,.3%,0)}}
@keyframes hero-copy-in{from{opacity:0;transform:translate3d(0,22px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes caption-rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes index-fade{from{opacity:0}to{opacity:.8}}
@keyframes accent-grow{from{width:0}to{width:24px}}
@media(max-width:900px){.hero::before{background-position:center 55%}.topbar.is-scrolled{height:62px}}
@media(max-width:620px){.hero::before{background-position:57% center}.hero::after{background:linear-gradient(0deg,rgba(9,11,9,.8),rgba(9,11,9,.2) 75%),linear-gradient(90deg,rgba(17,19,16,.5),rgba(17,19,16,.08))}.topbar.is-scrolled{height:60px}}
@media(prefers-reduced-motion:reduce){.hero::before,.hero-copy,.hero-index,.image-caption,.hero .eyebrow>span{animation:none}.motion-ready .gallery-photo,.motion-ready .service-row,.motion-ready .process-list article{opacity:1;transform:none;transition:none}.brand-logo,.gallery-photo img,.gallery-photo,.service-row::before,.main-nav a::after,.process-list article::after,.button,.button::before{transition:none}}

/* Always-on studio motion: reflected light and a service ticker. */
.intro,.work-section,.services-section,.process-section,.contact-section{position:relative;isolation:isolate;overflow:hidden}
.intro::before,.work-section::before,.services-section::before,.process-section::before,.contact-section::before{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background:linear-gradient(112deg,transparent 0%,rgba(183,255,0,.018) 41%,rgba(232,238,220,.045) 50%,rgba(183,255,0,.018) 59%,transparent 100%);background-size:260% 100%;background-position:190% 0;animation:studio-glint 23s linear infinite}
.intro>* ,.work-section>* ,.services-section>* ,.process-section>* ,.contact-section>*{position:relative;z-index:1}
.motion-strip{position:relative;z-index:1;overflow:hidden;border-block:1px solid rgba(183,255,0,.24);background:linear-gradient(90deg,#141712,#1b1f18 50%,#141712);color:#e8e9e1}
.motion-strip::before,.motion-strip::after{content:"";position:absolute;z-index:2;top:0;bottom:0;width:10vw;pointer-events:none}
.motion-strip::before{left:0;background:linear-gradient(90deg,#141712,transparent)}.motion-strip::after{right:0;background:linear-gradient(270deg,#141712,transparent)}
.motion-track{display:flex;width:max-content;animation:ticker-run 34s linear infinite;will-change:transform}.motion-run{display:block;flex:none;padding:18px 0;font-size:10px;font-weight:800;letter-spacing:.18em;white-space:nowrap}.motion-run i{padding:0 30px;color:var(--lime);font-size:11px;font-style:normal}
.nav-cta span{animation:cta-pulse 2.8s ease-in-out infinite}
@keyframes studio-glint{to{background-position:-70% 0}}
@keyframes ticker-run{to{transform:translateX(-50%)}}
@keyframes cta-pulse{0%,100%{box-shadow:0 0 0 0 rgba(183,255,0,0)}50%{box-shadow:0 0 0 6px rgba(183,255,0,.12)}}
@media(prefers-reduced-motion:reduce){.intro::before,.work-section::before,.services-section::before,.process-section::before,.contact-section::before,.motion-track,.nav-cta span{animation:none}.motion-track{transform:none}.motion-strip{overflow:hidden}}

/* Stronger live motion across the hero and the Mercedes backgrounds. */
.intro::before,.work-section::before,.services-section::before,.process-section::before,.contact-section::before{background:linear-gradient(112deg,transparent 0%,rgba(183,255,0,.035) 41%,rgba(232,238,220,.095) 50%,rgba(183,255,0,.035) 59%,transparent 100%);background-size:260% 100%;animation:studio-glint 15s linear infinite}
.motion-track{animation-duration:22s}
.nav-cta span{animation-duration:1.8s}
.hero-light-sweep{position:absolute;z-index:2;inset:0;overflow:hidden;pointer-events:none}
.hero-light-sweep::before{content:"";position:absolute;top:-24%;left:-24%;width:17%;height:148%;background:linear-gradient(90deg,transparent,rgba(183,255,0,.09) 38%,rgba(247,255,231,.23) 50%,rgba(183,255,0,.09) 62%,transparent);filter:blur(11px);transform:skewX(-20deg);animation:hero-scan 8s cubic-bezier(.55,.08,.45,.92) infinite;mix-blend-mode:screen}
.hero-radar{position:absolute;z-index:2;top:48%;right:14%;width:clamp(115px,16vw,220px);aspect-ratio:1;border:1px dashed rgba(183,255,0,.34);border-radius:50%;opacity:.78;pointer-events:none;animation:radar-spin 19s linear infinite}
.hero-radar::before{content:"";position:absolute;inset:14%;border:1px solid rgba(240,245,231,.28);border-radius:50%;box-shadow:0 0 30px rgba(183,255,0,.09),inset 0 0 24px rgba(183,255,0,.05)}
.hero-radar::after{content:"";position:absolute;top:-3px;left:50%;width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 16px 4px rgba(183,255,0,.55)}
.hero-radar span{position:absolute;top:50%;left:50%;color:#e5ebda;font-size:8px;font-weight:800;line-height:1.55;letter-spacing:.2em;text-align:center;text-shadow:0 1px 12px #000;transform:translate(-50%,-50%);animation:radar-counter 19s linear infinite}
@keyframes hero-scan{0%,8%{left:-24%;opacity:0}18%{opacity:1}78%{opacity:.9}92%,100%{left:110%;opacity:0}}
@keyframes radar-spin{to{transform:rotate(360deg)}}
@keyframes radar-counter{to{transform:translate(-50%,-50%) rotate(-360deg)}}
@media(max-width:620px){.hero-radar{top:25%;right:7%;width:105px;opacity:.58}.hero-light-sweep::before{width:21%;filter:blur(8px)}}
@media(prefers-reduced-motion:reduce){.hero-light-sweep::before,.hero-radar,.hero-radar span{animation:none}.hero-light-sweep::before{display:none}}

/* Cleaner photo treatment: let the supplied Mercedes photos read clearly. */
.intro::before,.work-section::before,.services-section::before,.process-section::before,.contact-section::before{display:none}
.topbar{background:rgba(14,16,13,.94)}
.footer{background:#080a08}
.intro{background:linear-gradient(rgba(12,14,12,.68),rgba(12,14,12,.76)),url("/assets/work-hero.webp") center 46%/cover}
.work-section{background:linear-gradient(rgba(15,17,14,.76),rgba(15,17,14,.82)),url("/assets/work-rear.webp") center 48%/cover}
.services-section{background:linear-gradient(rgba(11,13,11,.73),rgba(11,13,11,.82)),url("/assets/mubi-mercedes-hero.webp") center 73%/cover}
.process-section{background:linear-gradient(rgba(20,22,19,.72),rgba(20,22,19,.82)),url("/assets/work-hero.webp") center 52%/cover}
.contact-section{background:linear-gradient(rgba(10,12,10,.72),rgba(10,12,10,.82)),url("/assets/work-rear.webp") center 56%/cover}
.hero::before{background-position:center 72%}
.hero-light-sweep,.hero-radar{display:none}
@media(max-width:900px){.services-section{background-position:center 72%}.hero::before{background-position:center 72%}}
@media(max-width:620px){.hero::before{background-position:58% 68%}.services-section{background-position:58% 72%}}
