/* The Dukes: the same quiet red mesh and glass language on every page. */
:root{--dukes-red:#ae000c;--dukes-glass:rgba(44,15,17,.28);--dukes-border:rgba(255,255,255,.19);--header-height:100px}html{scroll-padding-top:130px}body{isolation:isolate;overflow-x:clip;background:#000;min-width:300px}main,.footer{position:relative;z-index:1}main{max-width:1920px;margin-inline:auto}.wrap{width:calc(100% - 160px);max-width:1600px}.section{margin-top:clamp(100px,12vw,220px)}.site-mesh{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:#000;contain:strict}.mesh-lobe{position:absolute;inset:-35%;background:radial-gradient(ellipse 38% 45% at 29% 50%,#b1000b75 0%,#7700063b 34%,transparent 68%);filter:blur(40px);transform:translate3d(0,0,0);will-change:transform}.mesh-one{animation:mesh-drift 30s ease-in-out infinite alternate}.mesh-two{background:radial-gradient(ellipse 32% 42% at 67% 70%,#84000b40,transparent 70%);animation:mesh-drift-secondary 38s ease-in-out infinite alternate}.mesh-wave{position:absolute;inset:-20%;background:radial-gradient(ellipse 55% 12% at 30% 64%,#cb000f16,transparent 70%);filter:blur(30px);animation:mesh-wave 24s ease-in-out infinite alternate;will-change:transform}@keyframes mesh-drift{from{transform:translate3d(-4%,-6%,0) rotate(-8deg) scale(1)}to{transform:translate3d(7%,10%,0) rotate(10deg) scale(1.12)}}@keyframes mesh-drift-secondary{from{transform:translate3d(7%,5%,0) scale(1.15)}to{transform:translate3d(-10%,-8%,0) scale(.95)}}@keyframes mesh-wave{from{transform:rotate(-15deg) translate3d(0,-5%,0)}to{transform:rotate(18deg) translate3d(3%,8%,0)}}
.header{position:fixed;inset:0 0 auto;z-index:70;width:100%;padding:20px 32px 40px;background:linear-gradient(180deg,#000 0%,#000d 42%,#0006 72%,transparent 100%);transition:padding .3s ease;pointer-events:none}.header-inner{pointer-events:auto;width:100%;max-width:1856px;margin:auto;gap:clamp(20px,2vw,40px);min-height:58px;display:flex;align-items:center}.header .pill{font-size:12px;gap:14px;padding:12px 20px;flex:none;min-height:43px;background:#ffffff1c;border-color:#fff4;box-shadow:inset 0 1px #ffffff12;backdrop-filter:blur(22px)}.header .pill>span.cta-long{font-size:inherit;line-height:1.3}.cta-short{display:none!important}.header nav{position:relative;display:flex;gap:clamp(18px,2vw,38px);font-size:12px;align-items:center;justify-content:flex-end;margin-left:auto;padding-bottom:5px}.header nav a{padding:12px 0;white-space:nowrap;transition:color .2s}.header nav a:after{display:none}.header nav a[aria-current="page"]{font-weight:800;color:#fff}.nav-indicator{position:absolute;left:0;bottom:0;width:var(--indicator-width,0px);height:2px;border-radius:3px;background:#fff;opacity:var(--indicator-opacity,0);transform:translate3d(var(--indicator-x,0px),0,0);transition:transform .32s cubic-bezier(.22,1,.36,1),width .32s cubic-bezier(.22,1,.36,1),opacity .2s;box-shadow:0 0 15px #fff2;pointer-events:none}.header .logo{width:clamp(145px,11.6vw,195px);height:55px;margin:0 0 0 10px;flex:none;overflow:visible;display:flex;align-items:center;justify-content:flex-end}.header .logo img{width:100%;height:100%;object-fit:contain;object-position:right center}.header.is-scrolled{padding-top:12px;padding-bottom:36px}.header.is-scrolled .header-inner{min-height:52px}.header.is-scrolled .pill{background:#ffffff24}.hero{background:transparent;max-width:1920px;margin:auto;height:min(61vw,1100px);min-height:800px}.hero-glow{background:radial-gradient(ellipse 45% 70% at 28% 56%,#cb00165c,#6500091c 52%,transparent 74%);opacity:.7;transform:none}.hero-bulb{top:-28%;left:-30%;width:99%;transform:rotate(31.61deg);opacity:.88}.hero-inner{padding-top:clamp(220px,18vw,340px)}.hero-copy{width:57%;max-width:820px}.hero-copy h1{font-size:clamp(36px,3.34vw,64px)}.hero-copy p:not(.eyebrow){font-size:clamp(14px,1.04vw,20px)}.hero-brands{bottom:55px}.inner-page,.services-page{background:transparent!important}.inner-hero,.svc-hero{margin-top:0;max-width:1920px;margin-inline:auto}.inner-hero:after,.svc-hero:after{content:'';position:absolute;inset:auto 0 0;height:160px;background:linear-gradient(transparent,#000);pointer-events:none}.inner-hero-content,.svc-hero-content{position:relative;z-index:1}.inner-page .header,.services-page .header{background:linear-gradient(180deg,#000 0%,#000d 42%,#0006 72%,transparent 100%)}
.case-card,.usp-grid,.training-model,.choice-card,.svc-step,.svc-solution-list article,.svc-stack-grid article,.contact,.shop-panel,.about-panel{background:var(--dukes-glass)!important;border:1px solid var(--dukes-border);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 #ffffff06,0 24px 70px #0002}.case-card{transition:transform .35s,border-color .35s,background .35s}.case-card:hover{border-color:#ffffff50;background:#461b1b4d!important}.case-image{background:#100909}.case-card.new-case .case-image>img{object-position:center;object-fit:cover}.case-copy{padding:26px}.case-copy p{font-size:14px;line-height:1.55}.case-copy h3{font-size:20px}.cases{margin-top:75px}.cases-layout{width:calc(100% - 100px);max-width:1820px}.case-track{gap:24px;padding-left:40px;padding-block:5px 15px;scroll-snap-type:x mandatory;scroll-padding-left:40px}.case-track>.case-card{flex-basis:calc((100% - 48px)/3);min-width:280px}.case-next{right:-75px;top:34%;background:#ffffff1c;color:white;border:1px solid #ffffff26;backdrop-filter:blur(12px)}.case-next:active{transform:scale(.96)}.svc-case-grid{grid-template-columns:repeat(3,1fr);width:calc(100% - 160px);max-width:1600px;margin-inline:auto;padding:0;gap:24px}.svc-case-grid .case-card:nth-last-child(-n+2){grid-column:auto}.values-layout{grid-template-columns:37% 1fr}.usp-grid{gap:48px;padding:50px 40px}.usp p{font-size:14px}.usp h3{font-size:19px}.shop-panel,.about-panel{min-height:250px}.services{grid-template-columns:1fr 1.5fr}.service{background:#17080925}.service summary{font-size:20px;padding:32px 20px}.service-detail{font-size:15px}.studio-copy>p:not(.eyebrow){font-size:16px}.contact{margin-left:40px;margin-right:80px;max-width:1760px;padding:70px 40px;min-height:440px}.contact-copy>p{font-size:15px}.contact-art{opacity:.55}.footer{max-width:1840px;margin:0 auto 0;width:calc(100% - 80px);background:linear-gradient(#1e0c0c30,#0004)!important;border:1px solid #ffffff1a;padding:65px 60px 30px;backdrop-filter:blur(20px);overflow:hidden}.footer-top{display:grid;grid-template-columns:1fr 1fr 1.7fr;gap:60px}.footer p,.footer address,.footer-links a{font-size:14px;color:#d1c6c6;line-height:1.65}.footer h3{font-size:24px;margin-bottom:26px}.footer-services p{line-height:1.55}.experience-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-left:auto;max-width:650px}.experience-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:1px solid #ffffff26;background:#08030328;aspect-ratio:1;padding:15px 7px;transition:background .3s,border-color .3s}.experience-item img{width:52%;height:55px;object-fit:contain;filter:brightness(0) invert(1);opacity:.68}.experience-item span{font-size:10px;color:#c2b6b6;white-space:nowrap}.experience-item:hover{background:#ffffff0a;border-color:#ffffff70}.footer-bottom{align-items:flex-end;margin-top:60px}.footer-bottom>div{font-size:11px;display:flex;flex-direction:column;gap:15px;align-items:flex-start}.footer-bottom-links{display:flex;gap:18px;flex-wrap:wrap;align-items:flex-end;justify-content:flex-end}.footer-logo{width:56%;max-width:900px;opacity:1;filter:none}.footer-logo img{width:100%;height:auto;object-fit:contain}.footer-bottom>span{font-size:11px}
.logo-marquee{display:block;width:100%;left:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.marquee-motion{display:flex;width:max-content;animation:dukes-marquee 48s linear infinite;will-change:transform}.marquee-group{display:flex;align-items:center;gap:70px;padding-right:70px;flex-shrink:0}.brand-logo,.hero-brands .brand-logo{width:170px;height:65px;max-height:65px;object-fit:contain;object-position:center;filter:brightness(0) invert(1)}.hero-brands .brand-logo{width:130px;height:40px;max-height:40px}.hero-brands .marquee-group{gap:55px;padding-right:55px}.hero-brands .marquee-motion{animation-duration:62s}.logo-track{padding:0;max-width:none;min-width:0}.logo-track .brand-logo{width:220px;height:75px;max-height:75px}.logo-track .marquee-group{gap:75px;padding-right:75px}.logo-track .marquee-motion{animation-duration:54s}.logo-marquee:hover .marquee-motion{animation-play-state:paused}@keyframes dukes-marquee{to{transform:translate3d(-50%,0,0)}}.has-motion .reveal{opacity:0;transform:translate3d(0,28px,0);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}.has-motion .reveal.is-visible{opacity:1;transform:none}.motion-toggle{position:fixed;bottom:16px;left:16px;z-index:50;border:1px solid #fff3;background:#12070799;backdrop-filter:blur(12px);color:#ddd;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;font-size:12px}.motion-paused .mesh-lobe,.motion-paused .mesh-wave,.motion-paused .marquee-motion{animation-play-state:paused}.motion-paused .reveal{opacity:1;transform:none;transition:none}
@media(min-width:1700px){.header nav{font-size:17px}.header .pill{font-size:15px;padding:12px 24px}.header .pill>span.cta-long{font-size:15px}.case-copy h3{font-size:23px}.case-copy p,.usp p{font-size:17px}.usp h3{font-size:24px}.case-track>.case-card{flex-basis:calc((100% - 48px)/3)}}
@media(max-width:1200px){.wrap{width:calc(100% - 80px)}.header{padding-inline:24px}.header-inner{gap:20px}.header nav{gap:20px;font-size:11px}.header .pill{font-size:11px;padding:10px 15px;gap:10px}.header .logo{width:135px}.hero-copy{width:62%}.usp-grid{gap:30px;padding:35px 25px}.usp h3{font-size:16px}.usp p{font-size:13px}.case-copy{padding:22px}.case-copy h3{font-size:17px}.case-copy p{font-size:13px}.footer{width:calc(100% - 48px);padding:45px 30px}.footer-top{gap:35px}.footer h3{font-size:19px}.footer p,.footer address{font-size:12px}.experience-item span{font-size:8px}.contact{margin-inline:24px}.svc-case-grid{width:calc(100% - 80px)}}
@media(max-width:1050px){.header{padding:14px 24px 35px}.header-inner{gap:20px;min-height:48px}.header .logo{margin-left:auto;width:140px}.header .pill{font-size:12px;display:inline-flex}.header .menu-button{display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #fff3;background:#ffffff14;border-radius:999px;padding:11px 16px;font-size:12px;min-height:42px}.header nav{display:none;position:absolute;inset:78px 24px auto;margin:0;padding:25px 28px;background:#100707ed;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid #fff3;flex-direction:column;align-items:flex-end;gap:9px;font-size:16px;border-radius:16px;box-shadow:0 30px 60px #000a}.header nav.open{display:flex}.header nav a{width:100%;text-align:right;padding:12px 0}.nav-indicator{display:none}.header nav a[aria-current="page"]{color:#fff;font-weight:800}.header nav a[aria-current="page"]:before{content:'•';margin-right:10px;color:#dc5c63}.menu-lines{display:block;width:16px;height:10px;border-top:1px solid currentColor;border-bottom:1px solid currentColor;transition:transform .3s}.menu-button[aria-expanded="true"] .menu-lines{transform:rotate(-45deg)}.header .menu-button .menu-label{display:block}.footer-top{grid-template-columns:1fr 1fr}.footer-experience{grid-column:1/-1}.experience-grid{max-width:none;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.experience-item img{height:45px}.footer-logo{width:60%}.services{gap:35px}.service summary{font-size:16px}.svc-case-grid{grid-template-columns:1fr 1fr}.svc-case-grid .case-card:last-child{grid-column:2}.cases-layout{width:calc(100% - 80px)}.case-track>.case-card{flex-basis:46%}.case-next{right:-60px;width:45px;height:45px}}
@media(max-width:800px){:root{--header-height:90px}html{scroll-padding-top:110px}.wrap{width:calc(100% - 40px)}.header{padding:12px 16px 30px}.header-inner{gap:10px;min-height:46px}.header .pill{display:inline-flex;font-size:10px;padding:10px 12px;gap:8px;min-height:38px}.header .pill .cta-long{display:none}.header .pill .cta-short{display:inline!important;font-size:10px;line-height:1.2}.header .pill span[aria-hidden]{font-size:15px}.header .logo{width:110px;height:40px;margin:0 0 0 auto}.header .menu-button{padding:8px 11px;min-height:38px}.header .menu-button .menu-label{display:none}.header nav{inset:70px 16px auto;font-size:15px}.header.is-scrolled{padding-top:8px;padding-bottom:28px}.header.is-scrolled .header-inner{min-height:44px}.hero{min-height:820px;height:auto}.hero-inner{padding-top:190px;padding-bottom:165px}.hero-copy{width:100%;max-width:600px}.hero-copy h1{font-size:clamp(24px,7.2vw,52px)}.hero-copy p:not(.eyebrow){font-size:14px;line-height:1.6}.hero-copy .pill{margin-top:28px;font-size:12px;white-space:normal}.hero-bulb{width:190%;left:-102%;top:-14%;opacity:.6}.hero-glow{background:radial-gradient(ellipse 80% 70% at 12% 44%,#c900104f,transparent 75%)}.hero-brands{bottom:35px}.hero-brands .brand-logo{width:115px;height:32px}.hero-brands .marquee-group{gap:40px;padding-right:40px}.section{margin-top:95px}.cases{margin-top:60px}.cases-layout{width:100%;padding-right:20px}.case-track{gap:16px;padding-left:20px;scroll-padding-left:20px}.case-track>.case-card{flex-basis:88%;max-width:430px;min-width:0}.case-copy{padding:25px 20px}.case-copy h3{font-size:19px}.case-copy p{font-size:14px}.case-next{right:8px;top:29%;width:44px;height:44px;background:#1b1111d9}.values-layout{display:flex}.usp-grid{padding:30px 22px;gap:35px 24px}.usp h3{font-size:15px}.usp p{font-size:13px}.shop-panel,.about-panel{min-height:220px}.services-intro p:last-child,.service-detail,.studio-copy>p:not(.eyebrow){font-size:14px}.service summary{font-size:15px;padding:26px 0}.logo-track .brand-logo{width:150px;height:55px}.logo-track .marquee-group{gap:45px;padding-right:45px}.logos-section h2{margin-top:40px}.contact{margin:100px 20px 0;padding:45px 24px;min-height:440px}.contact-copy{width:100%}.contact-copy h2{font-size:clamp(17px,5vw,30px)}.contact-copy>p{font-size:14px}.contact .pill{white-space:normal}.contact-art{opacity:.35}.footer{width:calc(100% - 40px);padding:38px 24px 25px}.footer-top{gap:35px 24px}.footer-services{grid-column:auto}.footer h3{font-size:16px;margin-bottom:20px}.footer p,.footer address{font-size:11px;line-height:1.7}.footer-experience{grid-column:1/-1}.experience-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.experience-item{aspect-ratio:1;padding:12px 4px;gap:8px}.experience-item img{height:35px;width:50%}.experience-item span{font-size:8px}.footer-bottom{margin-top:42px;align-items:flex-end;gap:30px}.footer-logo{width:100%;max-width:600px}.footer-bottom>div{align-items:flex-end;text-align:right;font-size:10px}.footer-bottom-links{gap:15px}.mesh-lobe{filter:blur(30px)}.mesh-one{animation-duration:40s}.mesh-two{display:none}.svc-case-grid{display:flex;width:100%;padding:0 20px;gap:16px;overflow:auto}.svc-case-grid>.case-card{flex:0 0 88%;scroll-snap-align:start}.motion-toggle{width:32px;height:32px;bottom:10px;left:10px;font-size:10px}.inner-hero:after,.svc-hero:after{height:100px}}
@media(max-width:360px){.header{padding-inline:12px}.header-inner{gap:8px}.header .logo{width:95px}.header .pill{padding:9px 10px}.header .menu-button{padding:8px 9px}.footer{padding-inline:18px}.footer-top{gap:30px 18px}.footer h3{font-size:14px}.footer p,.footer address{font-size:10px}.experience-item span{font-size:7px}.hero-copy h1{font-size:23px}.usp-grid{padding:25px 17px;gap:30px 18px}.usp h3{font-size:13px}.usp p{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mesh-lobe,.mesh-wave,.marquee-motion{animation:none!important;will-change:auto}.has-motion .reveal{opacity:1;transform:none;transition:none}.nav-indicator{transition:none}.logo-marquee{overflow-x:auto}.logo-marquee .marquee-group[aria-hidden]{display:none}.case-card{transition:none}.motion-toggle{display:none}}
/* The latest supplied control reference: luminous glass, strong oblique chevron. */
.case-next{width:76px;height:76px;border-radius:50%;right:8px;background:linear-gradient(135deg,#fff9,#ffffff52);border:1px solid #ffffff4d;box-shadow:inset 0 1px 1px #fff6,0 8px 30px #0003;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);color:#0b0808;display:grid;place-items:center;z-index:3;transition:background .25s,transform .25s}.case-chevron{font-family:Arial,sans-serif;font-size:39px;line-height:1;font-weight:900;transform:skew(-12deg);padding-left:3px}.case-next:hover{background:#ffffffb3;transform:translateX(3px)}.case-next:focus-visible{outline:3px solid #fff;outline-offset:5px}.case-next:active{transform:scale(.95)}
@media(max-width:800px){.case-next{width:60px;height:60px;right:8px;top:26%}.case-chevron{font-size:31px}.footer-bottom{flex-direction:column;align-items:flex-end}.header .pill:focus-visible,.menu-button:focus-visible{outline:2px solid #fff;outline-offset:4px}}
@media(max-width:360px){.training-model h2{font-size:16px}}
.blog-page .header{background:linear-gradient(180deg,#000 0%,#000d 42%,#0006 72%,transparent 100%)}
/* 30 Oct: sculpted red light rather than a uniform burgundy wash.
   Positive background plane makes stacking explicit; every content page floats above it. */
.site-mesh{z-index:0;background:#030000;isolation:isolate;contain:paint}.site-mesh:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 30%,#00000018 65%,#00000070 100%);pointer-events:none}.mesh-lobe{inset:-22%;filter:blur(34px);opacity:1;will-change:transform;background:none}.mesh-one{background:radial-gradient(ellipse 31% 43% at 23% 48%,#e30017 0%,#b10012 22%,#71000c 43%,#290004 64%,transparent 78%);animation:dukes-light-flow 24s ease-in-out infinite alternate}.mesh-two{display:block;background:radial-gradient(ellipse 38% 23% at 70% 77%,#bd0015 0%,#7d000e 28%,#2b0007 56%,transparent 77%);animation:dukes-light-counterflow 31s ease-in-out infinite alternate;filter:blur(38px)}.mesh-wave{inset:-25%;background:radial-gradient(ellipse 54% 20% at 42% 44%,#030000 0%,#030000f5 37%,#03000070 64%,transparent 80%);filter:blur(21px);animation:dukes-dark-wave 27s ease-in-out infinite alternate;transform-origin:50% 50%;mix-blend-mode:normal}@keyframes dukes-light-flow{0%{transform:translate3d(-10%,-9%,0) rotate(-21deg) scale(.98)}50%{transform:translate3d(8%,5%,0) rotate(4deg) scale(1.08)}100%{transform:translate3d(4%,17%,0) rotate(20deg) scale(1.06)}}@keyframes dukes-light-counterflow{0%{transform:translate3d(8%,13%,0) rotate(14deg)}100%{transform:translate3d(-16%,-18%,0) rotate(-22deg)}}@keyframes dukes-dark-wave{0%{transform:translate3d(-4%,-8%,0) rotate(-23deg) scale(1.05)}100%{transform:translate3d(8%,10%,0) rotate(28deg) scale(.92)}}
.hero-glow{opacity:.12}.inner-hero:after,.svc-hero:after{background:linear-gradient(transparent,#03000000);height:0}.case-card{background:rgba(12,7,8,.38)!important}.case-copy p{max-width:38ch;margin-left:auto}.hero-copy p:not(.eyebrow),.studio-copy>p:not(.eyebrow),.contact-copy>p{max-width:52ch;margin-left:auto;text-align:right}.service-detail p{max-width:60ch;margin-left:auto}.cases-layout{width:calc(100% - 40px);max-width:none;margin-left:0;margin-right:auto;padding:0}.case-track{padding-left:0;scroll-padding-left:0;padding-right:0;mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 100%)}.case-track>.case-card{flex-basis:calc((100% - 24px)/2.85);max-width:none;min-width:280px}.case-next{right:24px}.cases-layout:before{display:none}
@media(max-width:1050px){.case-track>.case-card{flex-basis:48%}.cases-layout{width:calc(100% - 24px)}}
@media(max-width:800px){.site-mesh:after{background:linear-gradient(90deg,#0002,#0007)}.mesh-lobe{inset:-30%;filter:blur(25px)}.mesh-one{animation-duration:32s}.mesh-two{display:block;opacity:.65;filter:blur(25px)}.mesh-wave{filter:blur(18px)}.cases-layout{width:calc(100% - 20px)}.case-track{mask-image:linear-gradient(90deg,transparent,#000 5%,#000);-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000);padding-left:12px;scroll-padding-left:12px}.case-track>.case-card{flex-basis:90%;min-width:0}.case-next{right:6px}.case-copy p{max-width:none}.hero-copy p:not(.eyebrow),.studio-copy>p:not(.eyebrow),.contact-copy>p{max-width:48ch}}
@media(prefers-reduced-motion:reduce){.mesh-lobe,.mesh-wave{animation:none!important;will-change:auto}.mesh-one{transform:rotate(-12deg)}.mesh-two{transform:translate(-8%,4%)}}
/* Process cards and the following editorial row use the same two outer edges. */
.services-page .svc-steps{width:calc(100% - 160px);max-width:1600px;margin-inline:auto;padding-inline:0}.services-page .svc-caption{align-items:start}.services-page .svc-caption>div{max-width:60ch}.services-page .svc-caption>h2{margin-top:0;text-wrap:balance}
@media(max-width:1200px){.services-page .svc-steps{width:calc(100% - 80px)}}
@media(max-width:800px){.services-page .svc-steps{width:calc(100% - 40px)}}