/* Dev Ajans premium editorial layer */
:root{
  --premium-black:#0b0c0b;
  --premium-ink:#151613;
  --premium-paper:#f5f3ed;
  --premium-yellow:#fff200;
  --premium-red:#f21f2b;
  --premium-line:rgba(13,14,12,.16);
  --premium-shadow:0 35px 90px rgba(8,9,8,.14);
  --premium-ease:cubic-bezier(.2,.8,.2,1);
}
html{background:var(--premium-black)}
body{background:var(--premium-paper)}
body:after{position:fixed;z-index:2501;inset:0;border:1px solid rgba(255,255,255,.16);content:"";pointer-events:none}
.premium-grain{position:fixed;z-index:2400;inset:-50%;width:200%;height:200%;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.85'/%3E%3C/svg%3E");animation:premium-noise .22s steps(2) infinite}
@keyframes premium-noise{0%{transform:translate3d(0,0,0)}25%{transform:translate3d(2%,-3%,0)}50%{transform:translate3d(-4%,2%,0)}75%{transform:translate3d(3%,4%,0)}100%{transform:translate3d(-2%,-2%,0)}}
.premium-loader{position:fixed;z-index:9999;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(26px,5vw,70px);color:#fff;background:var(--premium-black);transition:transform .9s var(--premium-ease),visibility .9s;animation:premium-loader-failsafe .3s linear 2.4s forwards}
.premium-loader:before{position:absolute;right:0;bottom:0;width:36%;height:100%;content:"";background:var(--premium-yellow);clip-path:polygon(52% 0,100% 0,100% 100%,0 100%)}
.premium-loader.is-hidden{transform:translateY(-105%);visibility:hidden}
.premium-loader-mark{position:relative;z-index:1;width:min(520px,70vw)}
.premium-loader-mark img{width:100%;filter:grayscale(1) brightness(0) invert(1)}
.premium-loader-mark span{display:block;width:0;height:5px;margin-top:28px;background:var(--premium-red);animation:loader-line 1.25s var(--premium-ease) forwards}
@keyframes loader-line{to{width:100%}}
@keyframes premium-loader-failsafe{to{opacity:0;visibility:hidden;pointer-events:none}}
.premium-loader-meta{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-end;width:62%;font-size:.65rem;letter-spacing:.15em;text-transform:uppercase}.premium-loader-meta small{color:#a9aaa6}
.premium-cursor{position:fixed;z-index:5000;top:0;left:0;width:36px;height:36px;border:1px solid rgba(255,255,255,.85);border-radius:50%;pointer-events:none;mix-blend-mode:difference;opacity:0;transform:translate3d(-100px,-100px,0);transition:width .25s,height .25s,opacity .25s,border-color .25s}.premium-cursor span{position:absolute;inset:50%;width:4px;height:4px;border-radius:50%;background:#fff;transform:translate(-50%,-50%)}.premium-cursor.is-visible{opacity:1}.premium-cursor.is-active{width:64px;height:64px;border-color:var(--premium-yellow)}
.scroll-progress{height:3px!important;background:transparent!important}.scroll-progress i{background:linear-gradient(90deg,var(--premium-red),var(--premium-yellow))!important}
.site-header{height:86px;background:rgba(245,243,237,.78);border-bottom:1px solid rgba(10,10,9,.12);backdrop-filter:blur(20px) saturate(150%)}
.site-header.is-scrolled{height:70px;background:rgba(245,243,237,.94);box-shadow:0 20px 45px rgba(8,9,8,.07)}
.header-inner{max-width:1700px;gap:clamp(16px,2.6vw,48px)}
.brand-link{transition:transform .4s var(--premium-ease)}.brand-link:hover{transform:translateY(-2px) scale(1.02)}
.desktop-nav{gap:clamp(13px,1.4vw,26px)}.desktop-nav>a,.nav-dropdown>a{font-size:.69rem;letter-spacing:.04em;text-transform:uppercase}
.desktop-nav>a:after,.nav-dropdown>a:after{height:3px;bottom:17px;background:var(--premium-red)}
.header-year{display:flex;align-items:center;gap:7px;margin-left:auto;padding-left:18px;border-left:1px solid var(--premium-line)}.header-year b{font:900 1.8rem/.8 var(--font-display);color:var(--premium-red)}.header-year small{font-size:.46rem;line-height:1.05;font-weight:900;letter-spacing:.08em}
.header-cta{margin-left:0;padding-inline:20px;background:var(--premium-black);box-shadow:7px 7px 0 var(--premium-yellow);transition:transform .3s var(--premium-ease),box-shadow .3s,background .3s}.header-cta:hover{transform:translate(-2px,-2px);box-shadow:10px 10px 0 var(--premium-red);background:var(--premium-black);color:#fff}
.mega-menu{right:24px;left:24px;max-width:1650px;min-height:390px;padding:42px;background:rgba(10,11,10,.98);box-shadow:0 35px 100px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.1)}
.mega-menu:after{position:absolute;right:0;bottom:0;width:25%;height:100%;content:"";background:linear-gradient(135deg,transparent 40%,rgba(255,242,0,.11));pointer-events:none}
.mega-menu-grid a{position:relative}.mega-menu-grid a:after{position:absolute;right:0;content:"↗";opacity:0;transform:translate(-8px,8px);transition:.25s}.mega-menu-grid a:hover:after{opacity:1;transform:none}
.home-hero{min-height:100svh;padding-top:clamp(140px,10vw,180px);padding-bottom:52px;background:var(--premium-paper);isolation:isolate}
.home-hero:before{position:absolute;z-index:0;top:10%;left:-2%;content:"DEV";font:900 clamp(16rem,33vw,42rem)/.7 var(--font-display);letter-spacing:-.11em;color:transparent;-webkit-text-stroke:1px rgba(12,13,11,.055);pointer-events:none}
.hero-grid{opacity:.34!important;background-size:clamp(85px,9vw,150px) clamp(85px,9vw,150px)!important}
.hero-red-line{left:50%;width:clamp(10px,1.25vw,24px);background:linear-gradient(to bottom,transparent,var(--premium-red) 12%,var(--premium-red));filter:drop-shadow(10px 0 0 rgba(242,31,43,.08))}
.hero-copy{max-width:980px}
.hero-kicker{position:relative;margin-bottom:30px;padding:10px 14px 10px 46px;background:var(--premium-black);box-shadow:7px 7px 0 rgba(242,31,43,.95)}.hero-kicker:before{position:absolute;left:14px;top:50%;width:20px;height:2px;content:"";background:var(--premium-yellow)}
.hero-copy h1{font-size:clamp(4.5rem,8.2vw,10.6rem);line-height:.745;letter-spacing:-.082em}.hero-copy h1>span{position:relative}.hero-copy h1>span:last-child{color:var(--premium-red);text-shadow:8px 8px 0 rgba(255,242,0,.7)}
.hero-copy p{max-width:660px;color:#393a36;font-size:clamp(.95rem,1.2vw,1.16rem)}
.hero-actions .button{box-shadow:8px 8px 0 var(--premium-yellow)}.hero-actions .button:hover{box-shadow:12px 12px 0 var(--premium-red);background:var(--premium-black);color:#fff}
.hero-proof{margin-top:42px;padding-left:22%;display:flex;gap:clamp(18px,3vw,46px)}.hero-proof span{padding-left:12px;border-left:1px solid var(--premium-line);font-size:.62rem;line-height:1.3;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hero-proof b{display:block;margin-bottom:3px;font:900 1.65rem/.85 var(--font-display);color:var(--premium-red);letter-spacing:-.04em}
.hero-mascot{min-height:680px;transform:translate3d(0,var(--premium-parallax,0),0)}
.mascot-surface{width:min(42vw,710px);border-radius:48% 48% 4% 4%;background:radial-gradient(circle at 50% 42%,#fff86f 0,var(--premium-yellow) 46%,#e8d900 100%);box-shadow:0 40px 100px rgba(0,0,0,.18),inset 0 0 0 1px rgba(17,18,16,.25);overflow:visible}
.mascot-surface:before{position:absolute;z-index:-1;inset:-16px;content:"";border:1px solid rgba(13,14,12,.24);border-radius:50% 50% 5% 5%;transform:rotate(2deg)}
.mascot-glow{position:absolute;inset:12%;border-radius:50%;background:#fff;filter:blur(60px);opacity:.33}.mascot-surface img{transform:translateY(1%) scale(1.03);transition:transform .7s var(--premium-ease)}.hero-mascot:hover .mascot-surface img{transform:translateY(-1%) scale(1.055)}
.mascot-orbit{top:1%;right:-2%;width:116px;height:116px;background:rgba(245,243,237,.85);backdrop-filter:blur(12px);animation:premium-float 5s ease-in-out infinite}
@keyframes premium-float{50%{transform:translateY(-12px) rotate(3deg)}}
.hero-stamp{right:-1%;bottom:4%;padding:15px 19px;box-shadow:8px 8px 0 var(--premium-red)}
.hero-coordinate{position:absolute;left:-3%;bottom:4%;font-size:.5rem;line-height:1.5;font-weight:900;letter-spacing:.14em;color:#777;text-transform:uppercase;writing-mode:vertical-rl}
.value-strip{grid-template-columns:repeat(4,1fr);border-top:1px solid #32332f}.value-strip div{min-height:105px;position:relative;overflow:hidden;background:var(--premium-black);transition:color .35s,background .35s}.value-strip div:after{position:absolute;right:-10px;bottom:-30px;content:attr(data-label);font:900 5rem/1 var(--font-display);color:rgba(255,255,255,.035)}.value-strip div:hover{color:var(--premium-black);background:var(--premium-yellow)}.value-strip div:hover span{color:var(--premium-red)}
.section-shell{max-width:1660px}
.section-header{position:relative}.section-header:before{position:absolute;top:-24px;right:0;width:72px;height:5px;content:"";background:linear-gradient(90deg,var(--premium-red) 0 68%,var(--premium-yellow) 68%)}
.section-header h2{letter-spacing:-.065em}.section-header p{font-size:1.02rem}
.agency-intro{position:relative}.agency-intro:after{position:absolute;right:5%;bottom:10%;width:160px;height:160px;border:1px solid var(--premium-line);border-radius:50%;content:""}.agency-intro-copy h2 em{text-shadow:5px 5px 0 rgba(255,242,0,.68)}
.services-section{position:relative}.services-section:before{position:absolute;z-index:-1;right:0;bottom:6%;width:52%;height:40%;content:"";background:var(--premium-yellow);clip-path:polygon(30% 0,100% 0,100% 100%,0 100%);opacity:.65}
.services-bento{gap:18px}
.service-card{min-height:390px;border:1px solid rgba(13,14,12,.25);box-shadow:0 12px 0 rgba(13,14,12,.04);transition:transform .5s var(--premium-ease),box-shadow .5s,background .4s,color .4s}
.service-card:after{position:absolute;top:0;right:0;width:0;height:6px;content:"";background:var(--premium-red);transition:width .45s var(--premium-ease)}
.service-card:hover{transform:translateY(-10px) rotate(-.35deg);box-shadow:20px 28px 0 rgba(13,14,12,.08);background:var(--premium-black)}.service-card:hover:after{width:100%}.service-card h3{letter-spacing:-.06em}.service-card-link{display:flex;justify-content:space-between}.service-card-link:after{content:"↗";font-size:1rem}
.approach-section{position:relative;background:var(--premium-black);overflow:hidden}.approach-section:before{position:absolute;top:-18%;right:-8%;width:42vw;height:42vw;border:1px solid rgba(255,255,255,.1);border-radius:50%;content:"";box-shadow:0 0 0 70px rgba(255,255,255,.02),0 0 0 140px rgba(255,255,255,.02)}
.approach-step{position:relative;transition:padding .4s var(--premium-ease),color .3s,background .3s}.approach-step:before{position:absolute;left:0;bottom:-1px;width:0;height:1px;content:"";background:var(--premium-yellow);transition:width .6s var(--premium-ease)}.approach-step:hover{padding-inline:30px;color:var(--premium-yellow);background:rgba(255,255,255,.025)}.approach-step:hover:before{width:100%}
.projects-mosaic,.projects-masonry{gap:22px}.project-card{position:relative}.project-image{overflow:hidden;background:var(--premium-black)}.project-image:after{position:absolute;inset:12px;border:1px solid rgba(255,255,255,.55);content:"";opacity:0;transform:scale(.97);transition:.4s}.project-image img{transition:transform .8s var(--premium-ease),filter .5s}.project-card:hover .project-image img{transform:scale(1.055);filter:saturate(1.12) contrast(1.04)}.project-card:hover .project-image:after{opacity:1;transform:none}.project-caption{padding-top:16px}.project-caption h3{letter-spacing:-.035em}
.projects-all-link{margin-top:50px;padding:24px 0;border-top:1px solid var(--premium-black);border-bottom:1px solid var(--premium-black);transition:padding .35s,background .35s}.projects-all-link:hover{padding-inline:22px;background:var(--premium-yellow)}
.media-network{position:relative;background:linear-gradient(145deg,#fff200 0,#fff200 62%,#f1df00 100%)}.media-marquee{border-color:rgba(0,0,0,.22)}.media-card{border-color:rgba(11,12,11,.28);background:rgba(255,255,255,.92);box-shadow:0 14px 0 rgba(11,12,11,.05);transition:transform .45s var(--premium-ease),box-shadow .45s,background .3s}.media-card:hover{transform:translateY(-9px);box-shadow:16px 20px 0 rgba(11,12,11,.11);background:#fff}.media-card-logo img{transition:transform .45s}.media-card:hover .media-card-logo img{transform:scale(1.06)}
.production-showcase{min-height:900px}.production-showcase>img:first-child{filter:saturate(.82) contrast(1.12)}.production-overlay{background:linear-gradient(90deg,rgba(5,6,5,.94) 0,rgba(5,6,5,.72) 42%,rgba(5,6,5,.2) 75%,rgba(5,6,5,.35))}.production-showcase:after{position:absolute;inset:20px;border:1px solid rgba(255,255,255,.25);content:"";pointer-events:none}.production-content h2{letter-spacing:-.075em}.production-mascot{filter:drop-shadow(0 35px 40px rgba(0,0,0,.55));transition:transform .8s var(--premium-ease)}.production-showcase:hover .production-mascot{transform:translateY(-10px) rotate(1deg)}
.logo-cell{background:rgba(255,255,255,.68);border-color:rgba(12,13,11,.14);transition:transform .35s,background .35s,box-shadow .35s}.logo-cell:hover{transform:translateY(-5px);background:#fff;box-shadow:0 18px 45px rgba(8,9,8,.1)}
.cta-section{position:relative;overflow:hidden;background:var(--premium-yellow);isolation:isolate}.cta-section:before{position:absolute;z-index:-1;inset:0;content:"DEV";font:900 clamp(15rem,40vw,48rem)/.8 var(--font-display);letter-spacing:-.12em;color:rgba(255,255,255,.38);transform:translate(-4%,18%)}.cta-section:after{position:absolute;z-index:-1;right:-10%;top:-20%;width:45vw;height:45vw;border:1px solid rgba(11,12,11,.2);border-radius:50%;content:""}.cta-section h2{letter-spacing:-.075em}.cta-section>img{filter:drop-shadow(0 28px 30px rgba(0,0,0,.2));transition:transform .8s var(--premium-ease)}.cta-section:hover>img{transform:translateY(-3%) scale(1.03)}
.page-hero{min-height:820px;color:#fff;background:var(--premium-black);overflow:hidden}.page-hero:before{position:absolute;right:-8%;bottom:-35%;width:58vw;height:58vw;border-radius:50%;content:"";background:var(--premium-yellow);box-shadow:0 0 0 50px rgba(255,242,0,.045),0 0 0 100px rgba(255,242,0,.035)}.page-hero:after{content:"DEV";right:-3%;top:25%;font-size:clamp(13rem,32vw,38rem);color:rgba(255,255,255,.045);-webkit-text-stroke:0}.page-hero-grid{opacity:.28!important;background-image:linear-gradient(to right,rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.1) 1px,transparent 1px)!important}.page-hero-copy{z-index:2}.page-hero .php-reveal{opacity:1;transform:none}.page-hero-copy .eyebrow{color:var(--premium-yellow)}.page-hero-copy h1{letter-spacing:-.075em}.page-hero-copy h1 em{color:var(--premium-yellow);text-shadow:7px 7px 0 rgba(242,31,43,.85)}.page-hero-copy p{color:#c9cac5}.page-hero-meta{z-index:2;color:#fff;border-color:rgba(255,255,255,.3)}
.corporate-story,.services-page,.projects-page,.media-page-intro,.membership-section,.contact-layout,.legal-content{position:relative}.corporate-story:before,.services-page:before,.projects-page:before,.media-page-intro:before,.membership-section:before,.contact-layout:before,.legal-content:before{position:absolute;top:44px;left:var(--page-pad);content:"DEV / 26";font-size:.52rem;font-weight:900;letter-spacing:.16em;color:var(--premium-red);writing-mode:vertical-rl}
.principle-card{background:#fff;box-shadow:0 15px 0 rgba(11,12,11,.05);transition:transform .4s,background .4s,color .4s}.principle-card:hover{transform:translateY(-8px);background:var(--premium-black);color:#fff}.principle-card:hover p{color:#c8c9c5}
.online-offline,.service-process,.media-editorial{background:var(--premium-black)}
.president-portrait>div,.mascot-story>div:first-child{box-shadow:var(--premium-shadow)}
.service-detail-hero{overflow:hidden}.service-detail-hero:after{position:absolute;right:-8%;top:8%;width:38vw;height:38vw;border:1px solid rgba(11,12,11,.17);border-radius:50%;content:"";box-shadow:0 0 0 55px rgba(11,12,11,.025)}.service-detail-copy{z-index:2}.service-detail-copy h1{letter-spacing:-.075em}.service-detail-mascot img{filter:drop-shadow(0 35px 34px rgba(0,0,0,.2))}.scope-item{transition:transform .3s,background .3s}.scope-item:hover{transform:translateX(8px);background:var(--premium-yellow)}
.project-filters{position:sticky;z-index:30;top:84px;padding:12px;background:rgba(245,243,237,.9);border:1px solid var(--premium-line);backdrop-filter:blur(16px)}.project-filters button{border:0;border-bottom:2px solid transparent}.project-filters button.active{background:var(--premium-black);box-shadow:5px 5px 0 var(--premium-yellow)}
.media-page-grid .media-card{min-height:450px}.media-editorial-inner>div:first-child:before{border-width:4px}
.transparency-note{background:#fff;padding-inline:28px}.mxm-logo{box-shadow:16px 16px 0 var(--premium-black)}
.contact-form{position:relative;background:var(--premium-black);box-shadow:18px 18px 0 var(--premium-yellow)}.contact-form:before{position:absolute;top:0;right:0;width:90px;height:90px;content:"";background:var(--premium-red);clip-path:polygon(100% 0,100% 100%,0 0)}.contact-cards>a{transition:padding .3s,background .3s,transform .3s}.contact-cards>a:hover{transform:translateX(6px)}
.legal-sections section{transition:padding .3s,background .3s}.legal-sections section:hover{padding-inline:18px;background:#fff}
.site-footer{position:relative;background:var(--premium-black)}.footer-marquee{overflow:hidden;border-bottom:1px solid rgba(255,255,255,.12);color:var(--premium-yellow);white-space:nowrap}.footer-marquee div{width:max-content;padding:20px 0;font:900 clamp(1.5rem,3vw,3.4rem)/1 var(--font-display);letter-spacing:.04em;animation:footer-marquee 30s linear infinite}@keyframes footer-marquee{to{transform:translateX(-50%)}}
.footer-brand-panel{background:var(--premium-yellow)}.footer-grid{border-color:#343531}.footer-pitch strong{letter-spacing:-.04em}.footer-bottom{border-color:#343531}
.back-to-top{right:22px;bottom:22px;border:0;background:var(--premium-yellow);box-shadow:7px 7px 0 var(--premium-red)}
.cookie-banner{left:auto;right:22px;bottom:22px;border:1px solid rgba(255,255,255,.2);box-shadow:10px 10px 0 var(--premium-yellow)}
@media(max-width:1280px){.header-year{display:none}.hero-proof{padding-left:10%}.hero-mascot{min-height:580px}.production-showcase{min-height:780px}}
@media(max-width:920px){.premium-cursor{display:none}.site-header{height:78px}.hero-proof{padding-left:0}.home-hero:before{font-size:48vw}.hero-mascot{min-height:590px}.mascot-surface{width:min(80vw,610px)}.page-hero{min-height:740px}.page-hero:before{width:90vw;height:90vw;right:-35%;bottom:-22%}.project-filters{top:78px}.premium-loader-meta{width:100%}}
@media(max-width:680px){body:after{display:none}.premium-loader{padding:24px}.premium-loader:before{width:60%}.premium-loader-mark{width:78vw}.premium-loader-meta{font-size:.55rem}.premium-grain{opacity:.025}.site-header{height:70px}.home-hero{padding-top:120px}.home-hero:before{top:14%;font-size:68vw}.hero-red-line{top:44%;right:9%;width:12px}.hero-kicker{margin-bottom:24px;padding-left:39px;font-size:.55rem}.hero-copy h1>span:last-child{text-shadow:4px 4px 0 rgba(255,242,0,.75)}.hero-copy p{max-width:92%}.hero-proof{margin-top:32px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hero-proof span{padding-left:8px;font-size:.5rem}.hero-proof b{font-size:1.35rem}.hero-mascot{min-height:430px;margin-top:60px}.mascot-surface{width:min(94vw,470px)}.mascot-orbit{width:82px;height:82px}.hero-coordinate{display:none}.value-strip{grid-template-columns:1fr 1fr}.value-strip div{min-height:82px;padding:16px 20px}.section-header:before{top:-16px;width:52px}.services-section:before{width:85%}.service-card{min-height:340px;box-shadow:none}.approach-section:before{width:80vw;height:80vw}.production-showcase{min-height:700px}.production-showcase:after{inset:10px}.page-hero{min-height:700px}.page-hero:before{width:130vw;height:130vw;right:-68%;bottom:-20%}.page-hero-copy h1 em{text-shadow:4px 4px 0 rgba(242,31,43,.9)}.corporate-story:before,.services-page:before,.projects-page:before,.media-page-intro:before,.membership-section:before,.contact-layout:before,.legal-content:before{display:none}.project-filters{top:70px;margin-inline:-20px;border-left:0;border-right:0}.contact-form{box-shadow:8px 8px 0 var(--premium-yellow)}.footer-marquee div{padding:15px 0}.cookie-banner{right:14px;bottom:14px;width:calc(100% - 28px)}.back-to-top{right:14px}}
@media(prefers-reduced-motion:reduce){.premium-grain,.premium-loader-mark span,.mascot-orbit,.footer-marquee div{animation:none}.premium-loader{transition:none;animation:premium-loader-failsafe .001s linear .1s forwards}.premium-cursor{display:none}}