:root{--bg:#07110f;--bg2:#0b1815;--panel:#10211d;--panel2:#132a24;--ink:#f5f7f3;--muted:#a9b8b2;--line:rgba(255,255,255,.14);--green:#37c7a0;--green2:#75e0c2;--max:1280px;--pad:clamp(20px,4vw,64px);--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 15% 0%,rgba(55,199,160,.10),transparent 36%),radial-gradient(circle at 90% 40%,rgba(55,199,160,.06),transparent 30%)}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input{font:inherit}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;background:white;color:black;padding:8px 12px;z-index:9999}.wrap{width:min(var(--max),calc(100% - 2*var(--pad)));margin-inline:auto}.site-header{height:88px;position:sticky;top:0;z-index:100;background:linear-gradient(to bottom,rgba(7,17,15,.96),rgba(7,17,15,.82));backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:11px;font-size:14px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.brand img{width:39px;height:39px;object-fit:contain}.brand span{white-space:nowrap}.navlinks{display:flex;align-items:center;gap:clamp(16px,2vw,30px);font-size:14px;font-weight:650}.navlinks a{color:#dfe8e4;transition:.2s}.navlinks a:hover,.navlinks a[aria-current="page"]{color:var(--green2)}.navlinks .services-menu{display:flex;gap:18px}.menu-btn{display:none;background:none;border:1px solid var(--line);color:var(--ink);border-radius:999px;padding:8px 13px}.hero{min-height:calc(100vh - 88px);display:grid;align-items:end;position:relative;overflow:hidden;background:#06100e}.hero-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(3,10,8,.82) 0%,rgba(3,10,8,.45) 56%,rgba(3,10,8,.12)),url('/assets/brand/desktop-background.webp');background-size:cover;background-position:center}.hero:after{content:"";position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(transparent,var(--bg))}.hero-content{position:relative;z-index:2;padding:clamp(80px,13vh,150px) 0 72px;max-width:980px}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--green2);font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin-bottom:20px}.eyebrow:before{content:"";width:30px;height:1px;background:currentColor}.hero h1,.page-hero h1,.project-title{font-size:clamp(54px,9vw,132px);letter-spacing:-.065em;line-height:.83;margin:0;font-weight:780}.hero h1 span{color:var(--green2)}.hero-copy{max-width:720px;font-size:clamp(18px,2vw,25px);color:#d7e2dd;margin:30px 0 0}.hero-actions,.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border-radius:999px;padding:0 21px;background:var(--green2);color:#07110f;font-weight:800;font-size:14px;border:1px solid var(--green2);transition:.2s}.button:hover{transform:translateY(-2px);background:#9aefd7}.button.ghost{background:transparent;color:var(--ink);border-color:rgba(255,255,255,.35)}.button.ghost:hover{border-color:var(--green2);color:var(--green2)}section{padding:clamp(72px,9vw,130px) 0}.section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.65fr);align-items:end;gap:40px;margin-bottom:46px}.kicker{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.15em;color:var(--green2);margin-bottom:14px}.section-head h2,.content h2,.contact-card h2{font-size:clamp(38px,5.5vw,76px);line-height:.95;letter-spacing:-.045em;margin:0}.section-head p{color:var(--muted);font-size:17px;margin:0}.intro-split{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,6vw,90px);align-items:center}.intro-split .photo{aspect-ratio:1.32/1;overflow:hidden;border-radius:var(--radius);background:var(--panel)}.intro-split .photo img{width:100%;height:100%;object-fit:cover}.lead{font-size:clamp(24px,3vw,38px);line-height:1.25;letter-spacing:-.025em;margin:0 0 24px}.copy{color:#c7d3ce;font-size:17px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service-card{position:relative;min-height:500px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:var(--panel)}.service-card img{position:absolute;width:100%;height:100%;object-fit:cover;filter:saturate(.72) brightness(.73);transition:transform .5s}.service-card:hover img{transform:scale(1.035)}.service-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 34%,rgba(4,11,9,.9))}.service-card .inner{position:absolute;z-index:2;inset:auto 28px 28px}.service-card h3{font-size:38px;letter-spacing:-.035em;margin:0 0 5px}.service-card p{margin:0;color:#d4dfda}.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.project-card{position:relative;aspect-ratio:1.5/1;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,#143229,#07110f);border:1px solid var(--line)}.project-card img{width:100%;height:100%;object-fit:cover;transition:.45s;filter:saturate(.84)}.project-card:hover img{transform:scale(1.035)}.project-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,6,4,.02) 35%,rgba(1,6,4,.88) 100%)}.project-card .fallback{position:absolute;inset:0;display:grid;place-items:center;background-image:linear-gradient(135deg,rgba(55,199,160,.23),transparent 60%),url('/assets/brand/desktop-background.webp');background-size:cover}.project-card .fallback img{width:72px;height:72px;object-fit:contain;opacity:.75}.project-meta{position:absolute;z-index:2;inset:auto 20px 18px}.project-meta h3{margin:0;font-size:clamp(19px,2vw,27px);line-height:1.05;letter-spacing:-.025em}.project-meta p{margin:7px 0 0;color:#c7d4cf;font-size:12px;line-height:1.25;max-width:92%}.projects-all{margin-top:32px}.strip{padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}.strip-track{display:flex;gap:48px;white-space:nowrap;color:#c8d5d0;font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:12px}.strip-track span:before{content:"✦";color:var(--green);margin-right:48px}.page-hero{padding:clamp(70px,10vw,125px) 0 50px;border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(58px,9vw,128px)}.page-hero p{max-width:820px;color:#c7d3ce;font-size:clamp(18px,2vw,25px);margin:26px 0 0}.filterbar{display:flex;align-items:center;gap:14px;margin:38px 0 36px}.search{width:min(540px,100%);background:var(--panel);border:1px solid var(--line);border-radius:999px;color:var(--ink);padding:13px 18px;outline:none}.search:focus{border-color:var(--green)}.count{color:var(--muted);font-size:13px}.service-hero{min-height:68vh;display:grid;align-items:end;position:relative;overflow:hidden}.service-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.55) saturate(.8)}.service-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--bg) 0%,rgba(7,17,15,.28) 54%,rgba(7,17,15,.28) 100%)}.service-hero .wrap{z-index:2;position:relative;padding-bottom:60px}.service-hero h1{font-size:clamp(58px,10vw,138px);letter-spacing:-.06em;line-height:.82;margin:0}.service-hero p{font-size:clamp(18px,2vw,25px);max-width:760px;color:#dde6e2;margin:26px 0 0}.content-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(36px,8vw,120px);align-items:start}.content-nav{position:sticky;top:120px}.content-nav a{display:block;padding:13px 0;border-bottom:1px solid var(--line);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#bdcac5}.content-nav a:hover{color:var(--green2)}.content h2{font-size:clamp(36px,4.5vw,64px);margin:0 0 24px}.content h3{font-size:25px;letter-spacing:-.02em;margin:44px 0 12px}.content p,.content li{color:#c6d2cd;font-size:17px}.content ul{padding-left:20px}.feature-image{margin:38px 0;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:var(--panel)}.feature-image img{width:100%;max-height:640px;object-fit:cover}.badge-row{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin:32px 0}.badge-row img{max-height:52px;width:auto}.project-hero{min-height:76vh;position:relative;display:grid;align-items:end;overflow:hidden;background:linear-gradient(135deg,#153129,#07110f)}.project-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.83) brightness(.62)}.project-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--bg),rgba(5,12,10,.12) 60%,rgba(5,12,10,.25))}.project-hero .fallback-bg{position:absolute;inset:0;background-image:url('/assets/brand/desktop-background.webp');background-size:cover;background-position:center;opacity:.55}.project-hero-content{position:relative;z-index:2;padding:120px 0 54px}.project-title{font-size:clamp(48px,8.5vw,118px);max-width:1100px}.project-services{font-size:clamp(17px,2vw,24px);color:#d2ddd8;margin:24px 0 0;max-width:800px}.project-body{padding-top:70px}.project-info{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:clamp(45px,8vw,120px)}.synopsis{font-size:clamp(21px,2.4vw,31px);line-height:1.42;letter-spacing:-.014em;color:#dce5e1;margin:0}.facts{border-top:1px solid var(--line)}.fact{padding:20px 0;border-bottom:1px solid var(--line)}.fact-label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--green2);font-weight:800}.fact-value{font-size:16px;color:#d4dfda;margin-top:5px}.project-pager{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);margin-top:80px}.project-pager a{padding:34px 0}.project-pager a:last-child{text-align:right}.project-pager span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.12em}.project-pager strong{font-size:20px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-photo{border-radius:var(--radius);overflow:hidden;min-height:620px;border:1px solid var(--line)}.contact-photo img{width:100%;height:100%;object-fit:cover}.contact-card{border-radius:var(--radius);background:var(--panel);border:1px solid var(--line);padding:clamp(28px,5vw,68px);display:flex;flex-direction:column;justify-content:space-between}.contact-lines{margin-top:40px;font-size:clamp(20px,2.5vw,31px);line-height:1.55}.contact-lines a:hover{color:var(--green2)}.contact-social{display:flex;gap:12px;margin-top:35px}.social{border:1px solid var(--line);border-radius:999px;padding:9px 14px;font-size:13px;font-weight:750}.social:hover{border-color:var(--green)}.gbc{display:flex;align-items:center;gap:16px;border-top:1px solid var(--line);padding-top:28px;margin-top:50px;color:var(--muted);font-size:13px}.gbc img{width:64px;height:auto}.site-footer{border-top:1px solid var(--line);padding:52px 0 38px;margin-top:70px}.footer-grid{display:grid;grid-template-columns:1.1fr .7fr .7fr;gap:40px}.footer-mark img{width:74px;height:auto;margin-bottom:15px}.footer-grid h4{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 12px}.footer-grid p,.footer-grid a{font-size:14px;color:#d1dcd7}.footer-grid a:hover{color:var(--green2)}.copyright{border-top:1px solid var(--line);margin-top:42px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;color:#83948d;font-size:11px}.not-found{min-height:70vh;display:grid;place-items:center;text-align:center}.not-found h1{font-size:18vw;line-height:.75;margin:0;color:var(--green2);letter-spacing:-.08em}.not-found h2{font-size:36px;margin:30px 0 10px}.not-found p{color:var(--muted)}
@media(max-width:900px){.navlinks{display:none;position:absolute;left:0;right:0;top:88px;background:#08130f;border-bottom:1px solid var(--line);padding:24px var(--pad);flex-direction:column;align-items:flex-start}.navlinks.open{display:flex}.navlinks .services-menu{display:flex;flex-direction:column}.menu-btn{display:block}.section-head,.intro-split,.content-grid,.project-info,.contact-grid,.footer-grid{grid-template-columns:1fr}.content-nav{position:static;display:none}.services-grid{grid-template-columns:1fr}.service-card{min-height:400px}.projects-grid{grid-template-columns:repeat(2,1fr)}.contact-photo{min-height:420px}.project-pager{grid-template-columns:1fr}.project-pager a:last-child{text-align:left;border-top:1px solid var(--line)}}
@media(max-width:580px){.brand span{display:none}.site-header{height:76px}.navlinks{top:76px}.hero{min-height:calc(100svh - 76px)}.hero h1{font-size:clamp(50px,18vw,82px)}.projects-grid{grid-template-columns:1fr}.project-card{aspect-ratio:1.42/1}.page-hero h1{font-size:clamp(50px,17vw,78px)}.filterbar{align-items:flex-start;flex-direction:column}.project-title{font-size:clamp(44px,15vw,72px)}.copyright{flex-direction:column}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Motion v2 refinements */
.brand{display:block;line-height:0;flex:0 0 auto}
.brand .brand-logo{width:auto;height:64px;max-width:180px;object-fit:contain}
.project-contribution{margin-top:28px;display:inline-flex;flex-direction:column;gap:5px;padding:14px 18px;border:1px solid rgba(117,224,194,.42);background:rgba(7,17,15,.62);backdrop-filter:blur(10px);border-radius:12px;max-width:min(800px,100%)}
.project-contribution span{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--green2);font-weight:850}
.project-contribution strong{font-size:clamp(17px,2vw,24px);line-height:1.25;color:#f4f8f6;font-weight:720}
.content-divider{height:1px;background:var(--line);margin:clamp(58px,8vw,96px) 0}
.text-link{color:var(--green2);font-weight:700}
.text-link:hover{text-decoration:underline;text-underline-offset:4px}
.vfx-image img{max-height:none;aspect-ratio:2/1;object-fit:cover}
.adr-highlight{padding:clamp(28px,4vw,48px);margin-inline:clamp(-12px,-2vw,-28px);border:1px solid rgba(117,224,194,.22);border-radius:var(--radius);background:linear-gradient(145deg,rgba(55,199,160,.09),rgba(16,33,29,.56))}
.adr-highlight h2{margin-bottom:20px}
.adr-lead{font-size:clamp(21px,2.4vw,29px)!important;line-height:1.35!important;color:#edf6f2!important;letter-spacing:-.015em}
.media-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:30px}
.media-pair .feature-image{margin:0;aspect-ratio:1.35/1}
.media-pair .feature-image img{width:100%;height:100%;max-height:none;object-fit:cover}
.production-section h2{margin-bottom:24px}
.production-section .feature-image{margin-top:34px}
.production-section+.content-divider{margin-top:clamp(62px,8vw,100px)}
@media(max-width:900px){.brand .brand-logo{height:58px;max-width:160px}.media-pair{grid-template-columns:1fr}.adr-highlight{margin-inline:0}}
@media(max-width:580px){.brand .brand-logo{height:50px;max-width:136px}.project-contribution{margin-top:20px;padding:12px 14px}}


/* Motion v3 — sharper glass-led visual system */
:root{--radius:0px;--glass:rgba(10,24,20,.52);--glass-strong:rgba(8,21,18,.72);--glass-line:rgba(255,255,255,.18);--shadow:0 24px 70px rgba(0,0,0,.24)}
body:before{background:radial-gradient(circle at 12% 0%,rgba(55,199,160,.13),transparent 34%),radial-gradient(circle at 88% 38%,rgba(55,199,160,.08),transparent 30%)}
.site-header{background:rgba(5,15,12,.58);backdrop-filter:blur(20px) saturate(125%);-webkit-backdrop-filter:blur(20px) saturate(125%);border-bottom:1px solid var(--glass-line)}
.brand .brand-logo{width:auto;height:52px;max-width:218px;object-fit:contain}
.button,.search,.social,.project-contribution,.project-card,.service-card,.feature-image,.adr-highlight,.contact-photo,.contact-card{border-radius:0!important}
.button{background:rgba(55,199,160,.88);border:1px solid rgba(117,224,194,.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.button.ghost{background:rgba(7,17,15,.30);border-color:rgba(255,255,255,.24)}
.glass-panel{background:var(--glass);border:1px solid var(--glass-line);backdrop-filter:blur(18px) saturate(118%);-webkit-backdrop-filter:blur(18px) saturate(118%);box-shadow:var(--shadow)}

.hero-video-shell{min-height:calc(100svh - 88px);display:grid;align-items:end;position:relative;overflow:hidden;background:#07110f}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0;filter:saturate(.86) contrast(1.04) brightness(.78)}
.hero-scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(4,11,9,.24) 0%,rgba(4,11,9,.18) 32%,rgba(4,11,9,.82) 100%),linear-gradient(90deg,rgba(4,11,9,.52),transparent 68%)}
.hero-stage{position:relative;z-index:2;padding-block:clamp(54px,8vw,100px)}
.hero-panel{width:min(780px,100%);padding:clamp(28px,4vw,54px);background:rgba(8,20,17,.43)}
.hero-lockup{width:min(380px,72vw);height:auto;margin:0 0 34px}
.hero-panel h1{margin-top:14px}
.hero-panel .hero-copy{max-width:620px}
.home-intro-section{padding-top:clamp(72px,9vw,128px)}
.intro-copy-panel{padding:clamp(28px,4.5vw,58px);align-self:stretch;display:flex;flex-direction:column;justify-content:center}
.intro-photo{border:1px solid var(--glass-line);min-height:520px;overflow:hidden}
.intro-photo img{width:100%;height:100%;object-fit:cover}

.compact-head{margin-bottom:28px}
.clients-section{padding-top:20px}
.client-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));min-height:150px;background:rgba(8,20,17,.34);box-shadow:none}
.client-logo{min-height:150px;display:grid;place-items:center;padding:30px 22px;border-right:1px solid rgba(255,255,255,.10)}
.client-logo:last-child{border-right:0}
.client-logo img{max-width:135px;max-height:60px;width:auto;height:auto;object-fit:contain;filter:grayscale(1) brightness(0) invert(1);opacity:.66;transition:opacity .2s,transform .2s}
.client-logo:hover img{opacity:1;transform:translateY(-2px)}

.strip.ticker{padding:0;border-top:1px solid var(--glass-line);border-bottom:1px solid var(--glass-line);overflow:hidden;background:rgba(9,23,19,.40);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.ticker-track{display:flex;width:max-content;animation:motionTicker 34s linear infinite;will-change:transform}
.ticker-set{display:flex;align-items:center;white-space:nowrap;flex-shrink:0}
.ticker-set span{display:flex;align-items:center;min-height:62px;padding:0 30px;color:#d1dcd7;font-weight:760;letter-spacing:.075em;text-transform:uppercase;font-size:12px}
.ticker-set span:after{content:"✦";color:var(--green);margin-left:60px}
@keyframes motionTicker{to{transform:translateX(-50%)}}

.service-card{border:1px solid var(--glass-line);background:rgba(9,22,18,.32)}
.service-card .inner{background:linear-gradient(180deg,rgba(6,15,13,.12),rgba(6,15,13,.88));backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.project-card{border:1px solid rgba(255,255,255,.12)}
.project-meta{inset:auto 0 0;padding:22px 20px;background:linear-gradient(180deg,rgba(7,17,15,.04),rgba(7,17,15,.76));backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.project-card:after{background:linear-gradient(180deg,rgba(1,6,4,.02) 34%,rgba(1,6,4,.48) 100%)}

.showreel-frame{position:relative;aspect-ratio:16/9;overflow:hidden;background:#030706;box-shadow:none}
.showreel-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

.content-nav,.contact-card,.adr-highlight,.project-contribution{background:rgba(12,29,24,.50);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.project-contribution{border-color:rgba(117,224,194,.36)}
.contact-card{border-color:var(--glass-line)}
.site-footer{background:rgba(6,16,13,.40);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.footer-mark img{width:min(250px,100%);height:auto}

@media(max-width:1100px){.client-grid{grid-template-columns:repeat(4,1fr)}.client-logo:nth-child(4){border-right:0}.client-logo:nth-child(-n+4){border-bottom:1px solid rgba(255,255,255,.10)}}
@media(max-width:900px){.brand .brand-logo{height:48px;max-width:196px}.hero-video-shell{min-height:calc(100svh - 88px)}.hero-stage{padding-block:42px}.intro-photo{min-height:420px}.client-grid{grid-template-columns:repeat(2,1fr)}.client-logo{border-bottom:1px solid rgba(255,255,255,.10)}.client-logo:nth-child(odd){border-right:1px solid rgba(255,255,255,.10)}.client-logo:nth-child(even){border-right:0}.client-logo:last-child{grid-column:1/-1;border-bottom:0}.ticker-set span{padding-inline:24px}.ticker-set span:after{margin-left:48px}}
@media(max-width:580px){.brand .brand-logo{height:42px;max-width:172px}.hero-video-shell{min-height:calc(100svh - 76px)}.hero-panel{padding:24px 20px}.hero-lockup{width:min(290px,80vw);margin-bottom:24px}.client-logo{min-height:120px;padding:22px 18px}.client-logo img{max-width:112px;max-height:50px}.ticker-track{animation-duration:26s}}
@media(prefers-reduced-motion:reduce){.ticker-track{animation:none}.hero-video{display:none}.hero-video-shell{background:linear-gradient(135deg,#102a23,#07110f) center/cover no-repeat}}


/* Motion v4 — restore rounded geometry; retain subtle translucency */
:root{--radius:18px;--glass:rgba(12,29,24,.82);--glass-strong:rgba(9,23,19,.93);--glass-line:rgba(255,255,255,.14);--shadow:0 22px 60px rgba(0,0,0,.22)}
.site-header{background:linear-gradient(to bottom,rgba(7,17,15,.96),rgba(7,17,15,.84));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.brand .brand-logo{height:56px;max-width:224px}
.button{border-radius:999px!important;background:var(--green2);border-color:var(--green2);backdrop-filter:none;-webkit-backdrop-filter:none}
.button.ghost{border-radius:999px!important;background:transparent;border-color:rgba(255,255,255,.35)}
.search,.social{border-radius:999px!important}
.project-contribution{border-radius:12px!important}
.project-card{border-radius:14px!important}
.service-card,.feature-image,.adr-highlight,.contact-photo,.contact-card,.glass-panel,.showreel-frame,.client-grid,.intro-photo{border-radius:var(--radius)!important}
.glass-panel{background:rgba(16,33,29,.82);border:1px solid var(--line);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow)}

.hero-video{filter:saturate(.94) contrast(1.02) brightness(.82)}
.hero-scrim{background:linear-gradient(180deg,rgba(4,11,9,.12) 0%,rgba(4,11,9,.16) 36%,rgba(4,11,9,.78) 100%),linear-gradient(90deg,rgba(4,11,9,.44),transparent 72%)}
.hero-panel{width:min(700px,100%);padding:clamp(26px,4vw,48px);background:rgba(8,20,17,.68)}
.hero-lockup{width:min(285px,58vw);max-height:245px;object-fit:contain;margin:0 0 26px}
.hero-panel h1{font-size:clamp(40px,5.8vw,78px)!important;line-height:.91!important;letter-spacing:-.048em!important;margin-top:10px}
.hero-panel .hero-copy{font-size:clamp(17px,1.8vw,22px);max-width:580px}

.intro-copy-panel{border-radius:var(--radius);background:rgba(16,33,29,.72)}
.intro-photo{border-color:var(--line);min-height:520px}

.client-grid{overflow:hidden;background:rgba(16,33,29,.55);box-shadow:none}
.client-logo{background:rgba(255,255,255,.018)}
.client-logo img{filter:none!important;opacity:.82;max-width:142px;max-height:66px}
.client-logo:hover img{opacity:1}
.client-logo img[alt="Film4"]{max-height:78px}
.client-logo img[alt="Sky"]{max-height:70px}
.client-logo img[alt="Saban Films"]{max-height:92px;border-radius:6px}
.client-logo img[alt="Prime Video"]{max-width:150px;max-height:64px}

.strip.ticker{background:rgba(9,23,19,.68);border-color:var(--line);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.service-card{background:var(--panel);border-color:var(--line)}
.service-card .inner{background:linear-gradient(180deg,transparent,rgba(4,11,9,.90));backdrop-filter:none;-webkit-backdrop-filter:none}
.project-card{border-color:var(--line)}
.project-meta{inset:auto 20px 18px;padding:0;background:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.project-card:after{background:linear-gradient(180deg,rgba(1,6,4,.02) 35%,rgba(1,6,4,.88) 100%)}
.showreel-frame{border:1px solid var(--line)}
.content-nav,.contact-card,.adr-highlight,.project-contribution{background:var(--panel)}
.site-footer{background:rgba(6,16,13,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.footer-legal-wrap{border-top:1px solid var(--line);margin-top:36px;padding-top:22px}
.footer-legal{margin:0;max-width:980px;color:#8fa19a;font-size:11px;line-height:1.65}
.footer-legal a{color:#b8c8c1;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.footer-legal a:hover{color:var(--green2)}
.copyright{margin-top:22px}

@media(max-width:900px){.brand .brand-logo{height:50px;max-width:200px}.hero-lockup{width:min(250px,64vw)}.intro-photo{min-height:420px}}
@media(max-width:580px){.brand .brand-logo{height:43px;max-width:176px}.hero-panel h1{font-size:clamp(38px,12vw,60px)!important}.hero-lockup{width:min(225px,70vw);max-height:190px}.footer-legal{font-size:10px}}


/* Motion v5 — final Home refinements */
/* Header lockup 25% smaller than v4 */
.brand .brand-logo{height:42px!important;max-width:168px!important}

/* Homepage hero: logo and copy directly over the film, no card */
.hero-video-shell{align-items:center}
.hero-stage{display:grid;place-items:center;min-height:calc(100svh - 88px);padding-block:clamp(54px,8vw,96px)!important}
.hero-overlay{width:min(820px,100%);margin-inline:auto;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;text-align:center;display:flex;flex-direction:column;align-items:center}
.hero-lockup{width:min(250px,55vw)!important;max-height:225px!important;margin:0 auto 24px!important;object-fit:contain}
.hero-overlay h1{font-size:clamp(34px,4.4vw,58px)!important;line-height:.97!important;letter-spacing:-.04em!important;margin:0!important;text-wrap:balance}
.hero-overlay .hero-copy{font-size:clamp(16px,1.5vw,20px)!important;max-width:600px!important;margin:20px auto 0!important;text-align:center}
.hero-overlay .hero-actions{justify-content:center;margin-top:26px}
.hero-scrim{background:linear-gradient(180deg,rgba(4,11,9,.20) 0%,rgba(4,11,9,.18) 32%,rgba(4,11,9,.48) 70%,rgba(4,11,9,.78) 100%),radial-gradient(circle at 50% 46%,rgba(5,14,12,.06),rgba(5,14,12,.26) 52%,rgba(5,14,12,.46) 100%)!important}

/* Intro: open editorial composition; no card and no photo */
.home-intro-section{padding-block:clamp(84px,10vw,150px)}
.intro-editorial{display:block;max-width:1120px}
.intro-editorial-copy{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.intro-editorial .lead{max-width:900px;font-size:clamp(28px,3.35vw,48px);line-height:1.18;margin-bottom:30px}
.intro-editorial .copy{max-width:720px;font-size:17px}
.intro-editorial .actions{margin-top:30px}

/* Client roster: monochrome continuous scroll */
.clients-section{overflow:hidden;padding-top:28px}
.client-marquee{width:100vw;margin-left:calc(50% - 50vw);overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(11,28,23,.48);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.client-marquee-track{display:flex;width:max-content;animation:client-scroll 52s linear infinite;will-change:transform}
.client-set{display:flex;align-items:stretch;flex:none}
.client-logo{width:210px;min-height:142px;display:grid;place-items:center;padding:30px 28px;border-right:1px solid rgba(255,255,255,.10);background:transparent!important}
.client-logo img{display:block;max-width:142px;max-height:64px;width:auto;height:auto;object-fit:contain;filter:grayscale(1) brightness(2.3) contrast(.9)!important;opacity:.78!important;mix-blend-mode:screen}
.client-logo img[alt="BBC"]{max-height:58px}
.client-logo img[alt="Film4"]{max-height:76px}
.client-logo img[alt="Comedy Central"]{max-height:72px}
.client-logo img[alt="Universal"]{max-height:82px}
.client-logo img[alt="Saban Films"]{max-height:82px}
.client-logo:hover img{opacity:1!important}
@keyframes client-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* Services heading is now the section title itself */
.services-grid{margin-top:0}

/* Showreel: no outer frame/border, just the film */
.showreel-frame{border:0!important;background:transparent!important;box-shadow:none!important;border-radius:12px!important}
.showreel-frame iframe{border-radius:12px}

/* Remote portfolio imagery behaves exactly like local project stills */
.remote-project-image{width:100%;height:100%;object-fit:cover}
.project-card>.remote-project-image{filter:saturate(.84);transition:.45s}
.project-card:hover>.remote-project-image{transform:scale(1.035)}

@media(max-width:900px){
 .brand .brand-logo{height:37px!important;max-width:148px!important}
 .hero-stage{min-height:calc(100svh - 88px)}
 .hero-lockup{width:min(220px,58vw)!important}
 .client-logo{width:180px;min-height:124px;padding:24px 24px}
 .client-logo img{max-width:124px;max-height:56px}
 .client-marquee-track{animation-duration:46s}
}
@media(max-width:580px){
 .brand .brand-logo{height:32px!important;max-width:126px!important}
 .hero-stage{min-height:calc(100svh - 76px);padding-inline:8px!important}
 .hero-lockup{width:min(190px,58vw)!important;margin-bottom:20px!important}
 .hero-overlay h1{font-size:clamp(32px,9.5vw,46px)!important}
 .hero-overlay .hero-copy{font-size:16px!important;max-width:92%}
 .hero-overlay .hero-actions{gap:9px}
 .client-logo{width:156px;min-height:108px;padding:20px}
 .client-logo img{max-width:108px;max-height:48px}
 .client-marquee-track{animation-duration:40s}
}
@media(prefers-reduced-motion:reduce){.client-marquee-track{animation:none!important}}


/* Motion v6 — final Home refinements */
/* Video hero reduced by 30%; logo + buttons remain on film */
.hero-video-shell{min-height:calc(70svh - 62px)!important}
.hero-stage{min-height:calc(70svh - 62px)!important;padding-block:clamp(34px,5vw,58px)!important}
.hero-overlay{gap:0}
.hero-lockup{margin-bottom:20px!important}
.hero-overlay .hero-actions{margin-top:0!important}

/* Title and strapline now live in the editorial section below the film */
.home-intro-section{padding-top:clamp(64px,8vw,108px)!important}
.home-intro-title{margin-bottom:clamp(42px,6vw,72px);max-width:920px}
.home-intro-h1{font-size:clamp(38px,4.6vw,62px);line-height:.98;letter-spacing:-.045em;margin:0;text-wrap:balance}
.home-intro-subtitle{max-width:650px;font-size:clamp(16px,1.5vw,19px);color:#c7d3ce;margin:20px 0 0;line-height:1.55}
/* Facility paragraph is ~40% smaller than v5 */
.intro-editorial .lead{max-width:880px!important;font-size:clamp(20px,2.1vw,29px)!important;line-height:1.28!important;margin-bottom:26px!important}

/* Client logos: actual brand artwork, shown in original colour rather than forced monochrome */
.client-logo img{filter:none!important;mix-blend-mode:normal!important;opacity:.92!important;max-width:148px;max-height:70px}
.client-logo:hover img{opacity:1!important}
.client-logo-light img{filter:invert(1)!important}
.client-logo img[alt="Netflix"]{max-width:145px}
.client-logo img[alt="Prime Video"]{max-width:152px}
.client-logo img[alt="Button Down"]{max-height:78px}
.client-logo img[alt="Film4"]{max-height:76px}
.client-logo img[alt="Universal"]{max-height:76px}
.client-logo img[alt="Comedy Central"]{max-height:70px}
.client-logo img[alt="Saban Films"]{max-height:82px}

@media(max-width:900px){
 .hero-video-shell,.hero-stage{min-height:calc(70svh - 62px)!important}
 .home-intro-h1{font-size:clamp(36px,7vw,54px)}
 .intro-editorial .lead{font-size:clamp(20px,3vw,27px)!important}
 .client-logo img{max-width:130px;max-height:60px}
}
@media(max-width:580px){
 .hero-video-shell,.hero-stage{min-height:calc(70svh - 53px)!important}
 .hero-stage{padding-block:28px!important}
 .hero-lockup{width:min(176px,54vw)!important;margin-bottom:17px!important}
 .hero-overlay .hero-actions{justify-content:center}
 .home-intro-section{padding-top:58px!important}
 .home-intro-title{margin-bottom:42px}
 .home-intro-h1{font-size:clamp(34px,10vw,46px)}
 .home-intro-subtitle{font-size:16px}
 .intro-editorial .lead{font-size:20px!important}
 .client-logo img{max-width:110px;max-height:52px}
}


/* Motion v7 — final Home spacing / logo-source / ticker-position refinements */
/* More breathing room between the stacked hero lockup and CTAs. */
.hero-lockup{margin-bottom:38px!important}

/* Keep native colour artwork intact. */
.client-logo img{filter:none!important;mix-blend-mode:normal!important;opacity:.96!important}
.client-logo-light img{filter:invert(1)!important}

/* Sky supplies its spectrum press logo on a white tile. Multiply makes the white tile disappear
   into the dark Motion background while preserving the spectrum colour. */
.client-logo-sky-official img{mix-blend-mode:multiply!important;filter:saturate(1.35) brightness(2.0)!important;max-width:158px!important;max-height:78px!important}

/* Channel 4's Film4 artwork is supplied as a tile; keep it compact so the brand colour reads cleanly. */
.client-logo-film4-official img{max-width:138px!important;max-height:78px!important;object-fit:contain}

@media(max-width:580px){
 .hero-lockup{margin-bottom:29px!important}
 .client-logo-sky-official img{max-width:118px!important;max-height:58px!important}
 .client-logo-film4-official img{max-width:108px!important;max-height:54px!important}
}


/* Motion v8 — final Home refinement pass */
/* More breathing room below the centred hero lockup before the two CTAs. */
.hero-lockup{margin-bottom:62px!important}

/* Final client logo fixes: current/correct transparent masters. */
.client-logo-disneyplus img{filter:none!important;max-width:145px!important;max-height:70px!important}
.client-logo-sky-alpha img{filter:none!important;mix-blend-mode:normal!important;max-width:145px!important;max-height:70px!important}
.client-logo-film4-alpha img{filter:none!important;mix-blend-mode:normal!important;max-width:105px!important;max-height:78px!important}
.client-logo-lionsgate img{filter:invert(1)!important;mix-blend-mode:normal!important;max-width:155px!important;max-height:60px!important}
/* Saban's own site exposes the black brand master; tint that master to Saban red on Motion's dark background. */
.client-logo-saban-official img{filter:invert(18%) sepia(98%) saturate(3884%) hue-rotate(349deg) brightness(87%) contrast(101%)!important;max-width:88px!important;max-height:82px!important;mix-blend-mode:normal!important}

@media(max-width:580px){
 .hero-lockup{margin-bottom:48px!important}
 .client-logo-disneyplus img,.client-logo-sky-alpha img{max-width:112px!important;max-height:54px!important}
 .client-logo-film4-alpha img{max-width:84px!important;max-height:60px!important}
 .client-logo-lionsgate img{max-width:118px!important;max-height:48px!important}
 .client-logo-saban-official img{max-width:70px!important;max-height:66px!important}
}


/* Motion v9 — review round refinements */
/* More even top navigation spacing on desktop. */
@media(min-width:901px){
  .nav{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:26px}
  .navlinks{width:100%;justify-content:space-evenly;gap:0}
  .navlinks .services-menu{display:contents}
}

/* Local logo swaps / correct sizing. */
.client-logo-sky-local img{filter:none!important;mix-blend-mode:normal!important;opacity:1!important;max-width:138px!important;max-height:64px!important}
.client-logo-film4-local img{filter:none!important;mix-blend-mode:normal!important;opacity:1!important;max-width:95px!important;max-height:72px!important}
.client-logo-saban-local img{filter:none!important;mix-blend-mode:normal!important;opacity:1!important;max-width:168px!important;max-height:54px!important}
@media(max-width:580px){
  .client-logo-sky-local img{max-width:108px!important;max-height:48px!important}
  .client-logo-film4-local img{max-width:76px!important;max-height:58px!important}
  .client-logo-saban-local img{max-width:126px!important;max-height:44px!important}
}

/* Project details: Motion's work now sits with cast / delivery / synopsis. */
.project-contribution{display:none!important}
.fact.motion-work .fact-value{font-weight:700}

/* Picture page */
.picture-page .content-nav{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:0!important}
.service-hero.has-video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.58) saturate(.82)}
.picture-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:38px 0}
.picture-pair .feature-image{margin:0}
.grade-feature img{object-position:right center}
.vfx-feature{position:relative;overflow:hidden;border-radius:var(--radius);min-height:540px;border:1px solid var(--line);margin:58px 0 16px;background:var(--panel)}
.vfx-feature>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.46;filter:saturate(.88) brightness(.66)}
.vfx-feature:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,17,15,.12) 0%,rgba(7,17,15,.50) 38%,rgba(7,17,15,.86) 100%)}
.vfx-overlay{position:relative;z-index:1;min-height:540px;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(30px,4vw,54px);max-width:820px}
.vfx-overlay h2{margin:0 0 18px}
.vfx-overlay p{margin:0;color:#e0e8e4;max-width:700px}

/* Sound page */
.sound-page .adr-section{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:0!important}
.sound-page .sound-sofa-image{margin-top:24px}
.sound-page .media-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.sound-page .media-pair .feature-image{margin:0}

/* Contact page */
.contact-page .contact-hero{position:relative;overflow:hidden;background-image:linear-gradient(180deg,rgba(7,17,15,.22),rgba(7,17,15,.82)),url('service/minster.webp');background-size:cover;background-position:center;border-bottom:0;padding-bottom:42px}
.contact-page .page-hero p{max-width:520px;font-size:clamp(16px,1.35vw,19px)!important;margin-top:20px}
.contact-page .contact-scene{position:relative;overflow:hidden;padding-top:32px}
.contact-page .contact-scene:before{content:"";position:absolute;inset:0;background-image:linear-gradient(180deg,rgba(7,17,15,.70),rgba(7,17,15,.92)),url('service/contact-front.webp');background-size:cover;background-position:center;opacity:.36;pointer-events:none}
.contact-page .contact-scene>.wrap{position:relative;z-index:1}
.contact-page .contact-card h2{font-size:clamp(30px,4vw,46px)!important}
.contact-page .contact-lines{font-size:clamp(16px,1.35vw,20px)!important;line-height:1.6!important;margin-top:28px!important}
.contact-page .contact-social{margin-top:26px}
.contact-page .gbc{font-size:12px!important;margin-top:36px!important;padding-top:22px!important}
.contact-page .contact-photo{min-height:540px}

@media(max-width:900px){
  .picture-pair,.sound-page .media-pair{grid-template-columns:1fr}
  .vfx-feature,.vfx-overlay{min-height:420px}
  .contact-page .contact-photo{min-height:360px}
}


/* v10 refinements */
@media(min-width:901px){
  .nav{display:flex;align-items:center;justify-content:space-between;gap:26px}
  .navlinks{margin-left:auto;width:min(720px,100%);display:grid;grid-template-columns:repeat(6,max-content);justify-content:end;column-gap:clamp(18px,2.3vw,34px)}
  .navlinks .services-menu{display:contents}
}
.client-logo-sky-alpha img{filter:none!important;mix-blend-mode:normal!important;opacity:.96!important;max-width:145px!important;max-height:70px!important}
.client-logo-sky-alpha:hover img{opacity:1!important}
@media(max-width:580px){.client-logo-sky-alpha img{max-width:112px!important;max-height:54px!important}}
.picture-page .content-nav,
.sound-page .content-nav,
.production-page .content-nav{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:0!important}
.service-hero.has-video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.58) saturate(.82)}
.picture-pair .feature-image{min-height:440px}
.picture-pair .feature-image img{width:100%;height:100%;object-fit:cover}
.vfx-feature>img{opacity:.66!important;filter:saturate(.96) brightness(.84)!important}
.vfx-feature:after{background:linear-gradient(180deg,rgba(7,17,15,.08) 0%,rgba(7,17,15,.28) 40%,rgba(7,17,15,.64) 100%)!important}
.vfx-overlay{max-width:920px!important}
.vfx-overlay p{font-size:18px}
.text-link{color:var(--green2);text-decoration:none}
.text-link:hover{text-decoration:underline}
.contact-page-body{position:relative}
.contact-page-body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(rgba(7,17,15,.96),rgba(7,17,15,.96)),url('service/minster.webp');background-size:cover;background-position:center;opacity:1}
.contact-page-body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:url('service/minster.webp') center/cover no-repeat;filter:grayscale(1) contrast(1.25) brightness(2.2);mix-blend-mode:screen;opacity:.075}
.contact-page .contact-hero,
.contact-page .contact-scene{background:transparent!important}
.contact-page .contact-scene:before{display:none!important}
.contact-page .contact-hero{border-bottom:0!important;padding-bottom:42px!important}

/* v12 — Hot Flash */
.project-pager-spacer{min-height:1px}


/* Motion v16 — contact transparency + subtle motion polish */
.contact-page .contact-card{
  background:rgba(10,29,24,.78)!important;
  border-color:rgba(255,255,255,.16)!important;
  -webkit-backdrop-filter:blur(14px) saturate(1.05);
  backdrop-filter:blur(14px) saturate(1.05);
  box-shadow:0 22px 60px rgba(0,0,0,.18);
}

/* Very subtle page motion: elements reveal once as they enter the viewport. */
.js-reveal{
  opacity:0;
  transform:translateY(14px);
  transition:opacity .65s cubic-bezier(.2,.7,.2,1),transform .65s cubic-bezier(.2,.7,.2,1);
  will-change:opacity,transform;
}
.js-reveal.is-visible{opacity:1;transform:none}
.projects-grid .js-reveal:nth-child(3n+2),
.services-grid .js-reveal:nth-child(2){transition-delay:.06s}
.projects-grid .js-reveal:nth-child(3n),
.services-grid .js-reveal:nth-child(3){transition-delay:.12s}

/* Keep hero motion restrained and cinematic. */
.service-hero .wrap,.page-hero .wrap,.project-hero-content{
  animation:motion-hero-in .72s cubic-bezier(.2,.7,.2,1) both;
}
@keyframes motion-hero-in{
  from{opacity:0;transform:translateY(12px)}
  to{opacity:1;transform:none}
}

/* Small interactive lift without changing the existing design language. */
.service-card,.project-card,.contact-card,.contact-photo,.feature-image{
  transition:transform .32s ease,border-color .32s ease,box-shadow .32s ease;
}
.service-card:hover,.project-card:hover{
  box-shadow:0 18px 44px rgba(0,0,0,.16);
}
.navlinks a{position:relative}
@media(min-width:901px){
  .navlinks a:after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:1px;background:var(--green2);transform:scaleX(0);transform-origin:center;transition:transform .22s ease;opacity:.78}
  .navlinks a:hover:after,.navlinks a[aria-current="page"]:after{transform:scaleX(1)}
}

@media(prefers-reduced-motion:reduce){
  .js-reveal,.js-reveal.is-visible{opacity:1!important;transform:none!important;transition:none!important}
  .service-hero .wrap,.page-hero .wrap,.project-hero-content{animation:none!important}
}


/* Motion v17 — tighter transition from showreel to recent work */
.showreel-section{padding-bottom:clamp(36px,4.5vw,64px)!important}


/* Motion v18 — tighter homepage/project spacing */
/* Bring Recent Work materially closer to the showreel. */
.showreel-section{padding-bottom:clamp(18px,2.2vw,32px)!important}
.recent-work-section{padding-top:clamp(28px,3.6vw,52px)!important}

/* Projects page: search controls sit closer to the hero and no project-count label. */
.projects-index-section{padding-top:clamp(30px,4vw,54px)!important}
.projects-index-section .filterbar{margin-top:0!important;margin-bottom:36px!important}

/* SEO/supporting service copy */
.seo-intro{color:#c6d2cd;font-size:17px;margin:-8px 0 28px;max-width:800px}


/* Motion v21 — larger mobile burger + right-hand slide-out navigation */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

@media(max-width:900px){
  .site-header{z-index:300}
  .nav{position:relative}
  .menu-btn{
    display:grid!important;
    place-items:center;
    width:54px;
    height:54px;
    min-width:54px;
    padding:0!important;
    border:1px solid rgba(255,255,255,.18)!important;
    border-radius:50%!important;
    background:rgba(13,31,26,.66)!important;
    color:var(--ink);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    cursor:pointer;
    position:relative;
    z-index:420;
    transition:background .25s ease,border-color .25s ease,transform .25s ease;
  }
  .menu-btn:hover,.menu-btn:focus-visible{background:rgba(20,45,38,.92)!important;border-color:rgba(117,224,194,.52)!important}
  .menu-btn:active{transform:scale(.96)}
  .burger-icon{width:25px;height:19px;display:flex;flex-direction:column;justify-content:space-between;position:relative}
  .burger-icon>span{display:block;width:100%;height:2px;border-radius:4px;background:currentColor;transform-origin:center;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .2s ease,width .25s ease}
  .menu-btn[aria-expanded="true"] .burger-icon>span:nth-child(1){transform:translateY(8.5px) rotate(45deg)}
  .menu-btn[aria-expanded="true"] .burger-icon>span:nth-child(2){opacity:0;width:0}
  .menu-btn[aria-expanded="true"] .burger-icon>span:nth-child(3){transform:translateY(-8.5px) rotate(-45deg)}

  .navlinks{
    display:flex!important;
    position:fixed!important;
    top:0!important;
    right:0!important;
    left:auto!important;
    bottom:0!important;
    width:min(86vw,390px)!important;
    height:100dvh!important;
    padding:112px 34px 42px!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:0!important;
    background:linear-gradient(165deg,rgba(12,32,27,.985),rgba(5,15,12,.995))!important;
    border:0!important;
    border-left:1px solid rgba(255,255,255,.12)!important;
    box-shadow:-24px 0 70px rgba(0,0,0,.42)!important;
    backdrop-filter:blur(22px)!important;
    -webkit-backdrop-filter:blur(22px)!important;
    transform:translateX(105%);
    visibility:hidden;
    pointer-events:none;
    transition:transform .38s cubic-bezier(.22,.8,.28,1),visibility 0s linear .38s!important;
    z-index:390!important;
    overflow-y:auto;
  }
  .navlinks.open{
    transform:translateX(0);
    visibility:visible;
    pointer-events:auto;
    transition:transform .38s cubic-bezier(.22,.8,.28,1),visibility 0s!important;
  }
  .navlinks .services-menu{display:contents!important}
  .navlinks>a,.navlinks .services-menu>a{
    display:flex!important;
    align-items:center;
    min-height:65px;
    padding:0 4px!important;
    border-bottom:1px solid rgba(255,255,255,.11);
    font-size:clamp(20px,5.3vw,25px)!important;
    font-weight:650!important;
    letter-spacing:-.02em;
    color:#edf4f0!important;
    opacity:0;
    transform:translateX(20px);
    transition:color .2s ease,opacity .28s ease,transform .32s ease!important;
  }
  .navlinks.open>a,.navlinks.open .services-menu>a{opacity:1;transform:translateX(0)}
  .navlinks.open>a:nth-child(1){transition-delay:.06s!important}
  .navlinks.open>a:nth-child(2){transition-delay:.09s!important}
  .navlinks.open .services-menu>a:nth-child(1){transition-delay:.12s!important}
  .navlinks.open .services-menu>a:nth-child(2){transition-delay:.15s!important}
  .navlinks.open .services-menu>a:nth-child(3){transition-delay:.18s!important}
  .navlinks.open>a:last-child{transition-delay:.21s!important}
  .navlinks a[aria-current="page"]{color:var(--green2)!important}
  .navlinks a:hover{color:var(--green2)!important}

  .mobile-nav-backdrop{
    position:fixed;
    inset:0;
    z-index:360;
    background:rgba(0,0,0,.52);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .3s ease,visibility 0s linear .3s;
    backdrop-filter:blur(2px);
    -webkit-backdrop-filter:blur(2px);
  }
  .mobile-nav-backdrop.open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .3s ease,visibility 0s}
  body.mobile-menu-open{overflow:hidden}
}

@media(max-width:580px){
  .menu-btn{width:52px;height:52px;min-width:52px}
  .burger-icon{width:24px;height:18px}
  .navlinks{width:min(88vw,360px)!important;padding:104px 28px 36px!important}
  .navlinks>a,.navlinks .services-menu>a{min-height:62px;font-size:22px!important}
}

@media(prefers-reduced-motion:reduce){
  .navlinks,.navlinks>a,.navlinks .services-menu>a,.mobile-nav-backdrop,.burger-icon>span{transition:none!important}
}


/* Motion v22 — crisp mobile drawer (no blur on open menu) */
@media(max-width:900px){
  body.mobile-menu-open .site-header{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    background:rgba(7,17,15,.98)!important;
  }
  .navlinks{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    background:linear-gradient(165deg,rgba(12,32,27,.995),rgba(5,15,12,1))!important;
  }
  .mobile-nav-backdrop{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    background:rgba(0,0,0,.58)!important;
  }
  .menu-btn{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    background:rgba(13,31,26,.96)!important;
  }
  .navlinks>a,.navlinks .services-menu>a{
    -webkit-font-smoothing:antialiased;
    text-rendering:geometricPrecision;
  }
}

/* Motion v23 — keep the mobile drawer above the page-dimming backdrop */
@media(max-width:900px){
  .site-header{z-index:500!important}
  .navlinks{z-index:520!important}
  .menu-btn{z-index:540!important}
  .mobile-nav-backdrop{
    z-index:420!important;
    background:rgba(0,0,0,.30)!important;
  }
  .mobile-nav-backdrop.open{pointer-events:auto}
}

/* v26 — shareable artist / CV profiles */
.profile-hero{min-height:72vh;position:relative;display:grid;align-items:end;overflow:hidden;background:var(--panel)}
.profile-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.88) brightness(.72)}
.profile-hero-shade{position:absolute;inset:0;background:linear-gradient(0deg,var(--bg) 0%,rgba(7,17,15,.14) 62%,rgba(7,17,15,.24) 100%),linear-gradient(90deg,rgba(5,12,10,.54),transparent 72%)}
.profile-hero-content{position:relative;z-index:2;padding:110px 0 58px}
.profile-hero h1{font-size:clamp(50px,8.5vw,118px);letter-spacing:-.06em;line-height:.86;margin:0;max-width:1000px}
.profile-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.profile-intro{padding-top:76px;padding-bottom:86px}
.profile-intro-grid{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(280px,.58fr);gap:clamp(48px,8vw,120px);align-items:start}
.profile-bio{max-width:780px}.profile-bio p{font-size:clamp(21px,2.2vw,30px);line-height:1.46;letter-spacing:-.014em;color:#dce5e1;margin:0 0 22px}
.profile-sidebar{border-top:1px solid var(--line)}.profile-side-block{padding:20px 0;border-bottom:1px solid var(--line)}
.profile-side-value{font-size:17px;color:#d4dfda;margin-top:6px}.profile-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.profile-tags span{font-size:12px;border:1px solid var(--line);padding:7px 10px;border-radius:999px;color:#d9e3df}
.profile-dolby{max-width:180px;max-height:58px;width:auto;object-fit:contain}
.profile-work{padding-top:84px}.profile-full-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-top:90px;margin-bottom:22px}.profile-full-head h2{font-size:clamp(36px,5vw,68px);letter-spacing:-.045em;line-height:.95;margin:0}.profile-credit-count{color:var(--muted);font-size:13px;white-space:nowrap}
.profile-credit-list{border-top:1px solid var(--line)}.profile-credit-row{display:grid;grid-template-columns:minmax(180px,.85fr) minmax(260px,1.25fr) 30px;gap:28px;align-items:center;padding:17px 0;border-bottom:1px solid var(--line);transition:.2s}.profile-credit-row:hover{color:var(--green2);padding-left:8px}.profile-credit-row span:first-child{font-weight:750;font-size:17px}.profile-credit-row span:nth-child(2){color:var(--muted);font-size:14px}.profile-credit-row:hover span:nth-child(2){color:#cbd8d3}.profile-credit-row span:last-child{text-align:right}
.profile-cta{padding-top:90px}.profile-cta-inner{display:flex;align-items:end;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding-top:56px}.profile-cta h2{font-size:clamp(38px,5.6vw,76px);letter-spacing:-.045em;line-height:.95;margin:0}
@media(max-width:900px){.profile-intro-grid{grid-template-columns:1fr}.profile-sidebar{max-width:620px}.profile-credit-row{grid-template-columns:1fr 28px;gap:8px 18px}.profile-credit-row span:nth-child(2){grid-column:1/2}.profile-credit-row span:last-child{grid-column:2;grid-row:1/3;align-self:center}.profile-cta-inner{align-items:flex-start;flex-direction:column}}
@media(max-width:580px){.profile-hero{min-height:68svh}.profile-hero-content{padding-bottom:42px}.profile-hero h1{font-size:clamp(46px,15vw,72px)}.profile-full-head{align-items:flex-start;flex-direction:column;margin-top:68px}.profile-credit-row span:first-child{font-size:16px}.profile-credit-row span:nth-child(2){font-size:12px}}
@media print{.site-header,.site-footer,.profile-hero-actions,.profile-cta,.profile-selected-grid{display:none!important}body{background:#fff!important;color:#111!important}.profile-hero{min-height:260px;break-after:avoid}.profile-hero>img{filter:none}.profile-hero-shade{background:linear-gradient(0deg,rgba(0,0,0,.68),rgba(0,0,0,.12))}.profile-intro,.profile-work{padding:28px 0}.profile-bio p,.profile-side-value,.profile-credit-row span{color:#111!important}.profile-intro-grid{grid-template-columns:1.3fr .7fr}.profile-credit-row{padding:8px 0;border-color:#ccc}.profile-credit-list,.profile-sidebar{border-color:#bbb}.profile-full-head{margin-top:16px}.profile-work .section-head{display:none}.wrap{width:92%!important}.profile-tags span{border-color:#aaa;color:#111}.profile-dolby{filter:invert(1)}}


/* v27 — profile shortcuts at the end of Projects */
.projects-profile-links{padding:44px 0 96px}
.projects-profile-links-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.6fr);gap:24px;align-items:end;border-top:1px solid var(--line);padding-top:52px;margin-bottom:28px}
.projects-profile-links-head .eyebrow{grid-column:1/-1;margin-bottom:-6px}
.projects-profile-links-head h2{font-size:clamp(38px,5vw,70px);line-height:.95;letter-spacing:-.045em;margin:0}
.projects-profile-links-head p{color:var(--muted);font-size:16px;line-height:1.55;margin:0;max-width:470px}
.projects-profile-links-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.projects-profile-link{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 26px;border:1px solid var(--line);border-radius:24px;background:rgba(17,38,32,.34);transition:transform .25s ease,border-color .25s ease,background .25s ease}
.projects-profile-link:hover{transform:translateY(-3px);border-color:rgba(113,231,195,.46);background:rgba(17,38,32,.58)}
.projects-profile-link-copy{display:flex;flex-direction:column;gap:5px}.projects-profile-link-copy strong{font-size:19px}.projects-profile-link-copy>span{font-size:13px;color:var(--muted)}
.projects-profile-link-arrow{font-size:22px;color:var(--green2);transition:transform .25s ease}.projects-profile-link:hover .projects-profile-link-arrow{transform:translate(3px,-3px)}
@media(max-width:720px){.projects-profile-links{padding-top:22px;padding-bottom:72px}.projects-profile-links-head{grid-template-columns:1fr;padding-top:38px}.projects-profile-links-head .eyebrow{grid-column:auto}.projects-profile-links-grid{grid-template-columns:1fr}.projects-profile-link{padding:21px 22px;border-radius:20px}}