/* Continuous reels, expressive hover states and the expanded studio footer. */
@property --edge-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
.motion-reel{overflow:hidden;position:relative;isolation:isolate;--reel-card-width:clamp(240px,calc((100vw - 124px)/3),385.333px);mask-image:linear-gradient(90deg,transparent,#000 1.5%,#000 98.5%,transparent)}.reel-track{display:flex;align-items:center;width:max-content;will-change:transform;animation:reelLeft 42s linear infinite}.reel-group{display:flex;align-items:center;flex:none;width:max-content;gap:22px;padding-right:22px}.project-reel{padding:16px 0 23px;margin-top:-7px;touch-action:pan-y}.project-reel .equal-projects{display:flex;overflow:visible;scroll-snap-type:none;margin:0;padding:0 22px 0 0;gap:22px}.project-reel .project-card{width:var(--reel-card-width);flex:0 0 var(--reel-card-width);max-width:none;margin:0!important}.project-reel .project-card.reveal{opacity:1;transform:none}.project-reel:focus-within .reel-track,.motion-reel:hover .reel-track{animation-play-state:paused}.motion-reel.is-paused .reel-track{animation-play-state:paused}.motion-reel.is-dragging{cursor:grabbing}.motion-reel.is-dragging *{cursor:grabbing!important}.reel-actions{display:flex;align-items:center;gap:27px}.motion-toggle{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid #8979912e;border-radius:20px;font-size:8px;color:#786781;background:#fff4;transition:background .3s,color .3s,border-color .3s;white-space:nowrap}.motion-toggle .icon{height:10px;width:10px}.motion-toggle:hover{background:#e4dce9;border-color:#a48cb3;color:#493750}.motion-toggle[aria-pressed=true]{background:#e5daed;color:#664374}.client-heading-detail{display:flex;flex-direction:column;align-items:flex-end;gap:13px}.client-heading-detail p{font-size:10px;color:#706776;line-height:1.8}.client-heading-detail p span{font-size:9px;color:#8f8694}.client-reels{display:grid;gap:14px}.client-reel{mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);padding:5px 0}.client-reel .reel-group{gap:14px;padding-right:14px}.client-reel .client-slot{width:186px;height:112px;flex:0 0 186px;border-color:#806c9127;background:linear-gradient(135deg,#fff9,#fff5);box-shadow:inset 0 1px 0 #fff;transition:transform .45s,border-color .4s,box-shadow .4s}.client-reel .client-monogram{font-size:30px;transition:transform .5s,color .5s}.client-reel .client-slot:hover{transform:translateY(-3px);border-color:#9c81ae90;box-shadow:0 5px 20px #6e3e8920}.client-reel .client-slot:hover .client-monogram{transform:rotate(15deg) scale(1.15);color:#8a53a4}.client-reel.direction-right .reel-track{animation-name:reelRight;animation-duration:38s}.client-reel.direction-left .reel-track{animation-duration:42s}
/* A more visible response: lift, perspective, light, animated edges and icon motion. */
.square-project .project-image{transition:transform .4s cubic-bezier(.22,.68,0,1.01),box-shadow .4s,border-color .4s;transform-style:preserve-3d}.square-project .project-image:after{content:'';position:absolute;inset:-80%;background:linear-gradient(110deg,transparent 40%,#fff3 48%,transparent 56%);transform:translateX(-50%) rotate(8deg);transition:transform .85s cubic-bezier(.22,.68,0,1.01);pointer-events:none;z-index:2;opacity:0}.square-project:hover .project-image:after{transform:translateX(50%) rotate(8deg);opacity:1}.square-project:hover .project-image{box-shadow:0 20px 35px #3f225a4d;border-color:#ffffff75;transform:translateY(-10px) rotateY(-3deg)}.square-project:hover .project-screen{transform:rotate(0) scale(1.10)}.square-project:hover .square-project-caption{background:linear-gradient(90deg,#25132d99,#ffffff10)}.square-project:hover .square-project-caption>span{transform:rotate(8deg) scale(1.12);box-shadow:0 0 20px #f8d97755}.square-project .project-web-canvas>img{transition:transform 1.3s}.square-project:hover .project-web-canvas>img{transform:scale(1.14)}.glass-services:before{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#bda2d70a 1px,transparent 1px),linear-gradient(90deg,#bda2d70a 1px,transparent 1px);background-size:65px 65px;mask-image:radial-gradient(ellipse at 70% 40%,#000,transparent 75%);animation:gridDrift 25s linear infinite}.glass-services>.dark-wrap{position:relative;z-index:1}.glass-service-card{transform-style:preserve-3d;transition:transform .4s cubic-bezier(.22,.68,0,1.01),border-color .4s,box-shadow .4s,background .4s;background:linear-gradient(135deg,#ffffff0c,#ffffff03)}.glass-service-card:after{content:'';position:absolute;inset:0;padding:1px;border-radius:inherit;background:conic-gradient(from var(--edge-angle),transparent 15%,#b999e72e 30%,transparent 42%,transparent 65%,#ffdc7647 78%,transparent 88%);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;animation:edgeTurn 8s linear infinite;transition:opacity .4s;opacity:.65}.glass-service-card:nth-child(2):after{animation-delay:-2s}.glass-service-card:nth-child(3):after{animation-delay:-4s}.glass-service-card:nth-child(4):after{animation-delay:-6s}.glass-service-card>*{position:relative;z-index:1}.glass-service-card:hover{background:linear-gradient(130deg,#8968ad25,#311c4822);border-color:#c9a6e98c;box-shadow:0 18px 40px #03000950,0 0 40px #ac77e414;transform:translateY(-9px)}.glass-service-card:hover:after{opacity:1;animation-duration:3s}.glass-service-card:before{width:240px;height:240px;background:#c1a3fa45;filter:blur(48px)}.service-card-top>span{animation:serviceIconFloat 5s ease-in-out infinite;transition:background .4s,box-shadow .4s,color .4s,rotate .4s,scale .4s}.glass-service-card:nth-child(2) .service-card-top>span{animation-delay:-1s}.glass-service-card:nth-child(3) .service-card-top>span{animation-delay:-2s}.glass-service-card:nth-child(4) .service-card-top>span{animation-delay:-3s}.glass-service-card:nth-child(5) .service-card-top>span{animation-delay:-4s}.glass-service-card:hover .service-card-top>span{color:#ffe1a0;background:#ffdc7615;box-shadow:0 0 28px #ffc50018;rotate:-8deg;scale:1.12;animation-play-state:paused}.glass-service-card h3{transition:color .3s,translate .35s}.glass-service-card:hover h3{color:#f6dba3;translate:4px 0}.service-discover{transition:translate .35s,color .35s}.glass-service-card:hover .service-discover{translate:6px 0;color:#f9dda0}.glass-service-card:hover .service-discover .icon{transform:translate(6px,-4px) rotate(8deg)}.service-photo-card>div{transition:background .6s}.service-photo-card:hover>div{background:linear-gradient(0deg,#261033bb,transparent)}.service-photo-card:hover>img{transform:scale(1.13)}.service-photo-card p{transition:translate .5s}.service-photo-card:hover p{translate:6px -5px}.contact-link-card:hover{background:linear-gradient(100deg,#a075cc23,#ffffff07);box-shadow:0 10px 25px #05020e40;border-color:#c6a2df80}.contact-link-card:hover .contact-link-icon{background:#ffdc7612;color:#ffdc76;box-shadow:0 0 28px #ffc50018;transform:rotate(-12deg) scale(1.12)}.contact-link-card b{transition:translate .3s,color .3s}.contact-link-card:hover b{translate:4px 0;color:#ffe0a0}.contact-form-panel{animation:formGlow 7s ease-in-out infinite}.studio-banner>img{will-change:translate;scale:1.10}.studio-banner:hover>img{transform:scale(1.04)}.studio-values>div{transition:translate .35s,border-color .35s}.studio-values>div:hover{translate:7px -3px;border-color:#a573ba}.process-step .step-num{position:relative;transition:transform .4s,background .4s,color .4s}.process-step:hover .step-num{transform:rotate(-12deg) scale(1.08);background:#96749f;color:white}.process-step:hover h3{color:#866292}.hero-slide.is-active .slide-copy h1,.hero-slide.is-active .slide-copy h2{animation:heroTitleIn 1s cubic-bezier(.22,.68,0,1.01) both}.hero-slide.is-active .slide-summary{animation:copyFloatIn 1s .18s both}.hero-slide.is-active .hero-actions{animation:copyFloatIn 1s .32s both}.hero-slide.is-active .hero-floating-card{animation:floatCard 5s ease-in-out infinite}.hero-floating-card .floating-symbol{animation-duration:18s}.slide-copy{transition:background .5s,border-color .5s}.slide-copy:hover{background:#ffffff0b;border-color:#ffffff40}.btn:before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,#ffffff80 48%,transparent 70%);translate:-140% 0;transition:translate .7s;pointer-events:none}.btn:hover:before{translate:140% 0}.btn:hover{box-shadow:0 10px 35px #ffc50040;transform:translateY(-4px) scale(1.015)}.nav-link:hover{color:#ffe1a0}.expertise-dropdown a:hover .icon:first-child{transform:rotate(-10deg) scale(1.13)}.expertise-dropdown a .icon{transition:transform .3s}.motion-word{display:inline-block;overflow:hidden;vertical-align:bottom;padding:0 .05em;margin:0 -.05em}.motion-word>span{display:inline-block;transform:translateY(105%);opacity:0;filter:blur(5px);transition:transform .8s cubic-bezier(.22,.68,0,1.01),opacity .7s,filter .8s;transition-delay:var(--word-delay,0ms)}.reveal.visible .motion-word>span{transform:translateY(0);opacity:1;filter:blur(0)}.ambient-network{position:absolute;inset:0;pointer-events:none;width:100%;height:100%;z-index:0;opacity:.65}.connected-contact>.dark-wrap,.creative-footer>.dark-wrap{position:relative;z-index:1}
/* Footer as a complete creative closing composition. */
.creative-footer{position:relative;overflow:hidden;background:radial-gradient(ellipse at 8% 40%,#39234a55,transparent 48%),radial-gradient(ellipse at 88% 20%,#46335c66,transparent 45%),#0d0915;border-top:1px solid #b190cf25}.footer-atmosphere{position:absolute;inset:0;pointer-events:none;overflow:hidden}.footer-atmosphere:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#a188bd0a 1px,transparent 1px),linear-gradient(90deg,#a188bd0a 1px,transparent 1px);background-size:70px 70px;mask-image:radial-gradient(ellipse at 70% 50%,#000,transparent 80%);animation:gridDrift 30s linear infinite}.footer-atmosphere>span{position:absolute;border-radius:50%;width:320px;height:320px;background:#a36add12;filter:blur(60px);left:-80px;top:50%;animation:ambientMove 14s ease-in-out infinite alternate}.footer-atmosphere>span:nth-child(2){background:#ebc66c0d;left:auto;right:0;top:0;animation-delay:-5s}.footer-atmosphere>span:nth-child(3){background:#8661c916;left:45%;top:65%;width:200px;height:200px;animation-delay:-9s}.footer-invitation{padding:65px 0 60px;display:flex;justify-content:space-between;align-items:center;gap:60px;border-bottom:1px solid #bca1d125}.footer-invitation .eyebrow{color:#af94c2;font-size:8px;letter-spacing:1.6px}.footer-invitation h2{font-size:39px;line-height:1.22;margin:18px 0;max-width:610px;color:#f3ebf7;font-weight:500}.footer-invitation h2 em{color:#c7a6df}.footer-invitation p{font-size:11px;color:#a18bb0;line-height:1.9}.footer-orbit-cta{position:relative;width:245px;height:230px;display:flex;justify-content:center;align-items:center;flex:none}.footer-orbit-ring{position:absolute;inset:8px 19px 16px;border:1px solid #b7a0cb30;border-radius:50%;animation:turn 22s linear infinite}.footer-orbit-ring:before{content:'';position:absolute;inset:18px;border:1px dashed #b7a0cb20;border-radius:50%}.footer-orbit-ring i{position:absolute;left:50%;top:-3px;width:6px;height:6px;background:#ffdc76;border-radius:50%;box-shadow:0 0 18px #ffdc76}.footer-orbit-ring i:last-child{left:3px;top:70%;background:#bca2d9;box-shadow:0 0 12px #bca2d9;width:4px;height:4px}.footer-create-button{height:139px;width:139px;border-radius:50%;background:#ffdc76;color:#291832;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;border:1px solid #fff5;box-shadow:0 0 0 9px #ffdc7607,0 0 60px #ffc50015;transition:scale .4s,rotate .4s,box-shadow .4s,background .4s;animation:footerCtaPulse 5s ease-in-out infinite;z-index:1}.footer-create-button .icon{width:33px;height:33px;transition:transform .4s}.footer-create-button span{font-size:8px;font-weight:800;letter-spacing:.8px;line-height:1.6;text-align:center}.footer-create-button:hover{scale:1.09;rotate:-5deg;background:#ffe99f;box-shadow:0 0 0 13px #ffdc7610,0 0 70px #ffc50030;animation-play-state:paused}.footer-create-button:hover .icon{transform:translate(4px,-4px)}.orbit-caption{position:absolute;bottom:-5px;font-size:6px;letter-spacing:1.8px;color:#957ca9}.creative-footer .footer-main{display:grid;grid-template-columns:1.05fr .9fr 1fr 1.15fr;gap:35px;padding:47px 0 40px;align-items:start}.footer-brand-column .logo-window{margin-bottom:20px}.footer-brand-column>p{font-size:11px;line-height:1.9;color:#b29cbf;margin-bottom:19px}.footer-location{display:flex;align-items:center;gap:7px;font-size:8px;color:#8f75a2}.footer-location .icon{width:12px;height:12px;color:#c5a1d7}.footer-availability{display:flex;align-items:center;gap:7px;font-size:6px;letter-spacing:.8px;color:#b59bc3;margin-top:18px}.footer-availability .live-dot{width:4px;height:4px}.footer-nav-column h3{font-size:10px;font-weight:600;letter-spacing:.7px;text-transform:uppercase;color:#d8c6e5;margin:4px 0 20px}.footer-nav-column nav{display:grid;gap:13px}.footer-nav-column a{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:9px;color:#9580a3;transition:color .3s,translate .3s}.footer-nav-column a span{position:relative}.footer-nav-column a span:after{content:'';height:1px;width:0;background:#c7a6df;position:absolute;bottom:-3px;left:0;transition:width .3s}.footer-nav-column a>.icon{width:10px;height:10px;opacity:0;translate:-7px 4px;transition:opacity .3s,translate .3s}.footer-nav-column a:hover{color:#e6d4f0;translate:4px 0}.footer-nav-column a:hover span:after{width:100%}.footer-nav-column a:hover>.icon{opacity:1;translate:0 0}.footer-project-card{padding:23px 20px;border-radius:15px;min-height:230px;background:linear-gradient(145deg,#c39bd317,#ffffff03);transition:transform .4s,border-color .4s,box-shadow .4s;position:relative;overflow:hidden}.footer-project-card:before{content:'✳';position:absolute;top:8px;right:8px;font-size:44px;line-height:1;color:#d3b0e820;animation:turn 25s linear infinite;pointer-events:none}.footer-project-card:hover{transform:translateY(-6px);border-color:#c19bd06b;box-shadow:0 15px 35px #08031150}.footer-project-card>span{font-size:6px;letter-spacing:1.2px;color:#997baa}.footer-project-card h3{font-size:17px;font-weight:500;line-height:1.35;letter-spacing:-.5px;margin:16px 0 11px;color:#e7d6f0}.footer-project-card p{font-size:9px;line-height:1.8;color:#967ca6;margin-bottom:18px}.footer-project-card .btn{font-size:8px;width:100%;justify-content:space-between;padding:11px 15px}.footer-project-card .btn .icon{width:13px;height:13px}.creative-footer .footer-bottom{padding:22px 0 25px;border-top:1px solid #bca1d120;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:8px;color:#81678f}.footer-signoff{font-size:6px;letter-spacing:1px;color:#786285}.footer-back-top{display:flex;align-items:center;gap:10px;transition:color .3s}.footer-back-top>.icon{width:26px;height:26px;padding:6px;border:1px solid #ffffff20;border-radius:50%;transition:transform .4s,background .4s,color .4s}.footer-back-top:hover{color:#eddaff}.footer-back-top:hover>.icon{transform:translateY(-3px);background:#ffdc76;color:#261433}.footer-moving-line{border-top:1px solid #bda0d315;background:#171022;overflow:hidden;padding:13px 0}.footer-moving-line>div{display:flex;width:max-content;align-items:center;gap:40px;animation:marquee 34s linear infinite}.footer-moving-line span{font-size:8px;letter-spacing:2px;color:#957fa9;white-space:nowrap}.footer-moving-line b{font-size:12px;color:#c9aadd}
@keyframes reelLeft{from{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes reelRight{from{transform:translateX(-50%)}to{transform:translateX(0)}}@keyframes edgeTurn{to{--edge-angle:360deg}}@keyframes serviceIconFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes gridDrift{to{background-position:65px 65px}}@keyframes heroTitleIn{from{opacity:0;transform:translateY(20px);filter:blur(6px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes copyFloatIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes formGlow{0%,100%{box-shadow:inset 0 1px 0 #ffffff10,0 0 30px #b69aff08}50%{box-shadow:inset 0 1px 0 #ffffff15,0 0 45px #b69aff16}}@keyframes ambientMove{to{transform:translate(85px,-65px) scale(1.18)}}@keyframes footerCtaPulse{0%,100%{box-shadow:0 0 0 9px #ffdc7607,0 0 60px #ffc50015}50%{box-shadow:0 0 0 15px #ffdc760b,0 0 70px #ffc50023}}
@media(max-width:1100px){.creative-footer .footer-main{gap:25px;grid-template-columns:1fr .85fr 1fr 1.1fr}.footer-invitation h2{font-size:36px}.footer-project-card{padding:21px 16px}.footer-project-card h3{font-size:15px}.footer-nav-column a{font-size:8px}.footer-signoff{display:none}}
@media(max-width:760px){.motion-reel{--reel-card-width:calc((100vw - 36px)*.84)}.project-reel{margin:0;padding:9px 0 15px;mask-image:linear-gradient(90deg,#000 95%,transparent)}.project-reel .equal-projects{gap:15px;padding-right:15px}.project-reel .project-card{flex-basis:var(--reel-card-width);max-width:none}.reel-actions{gap:13px}.project-count-note{gap:12px;align-items:center;flex-wrap:wrap;margin-top:9px}.project-count-note>span{flex-basis:100%}.project-count-note .reel-actions{width:100%;justify-content:space-between}.motion-toggle{font-size:7px;padding:7px 10px}.motion-toggle .icon{height:9px;width:9px}.client-heading-detail{align-items:flex-start;gap:12px;margin-top:14px}.client-heading-detail p{font-size:9px}.client-heading-detail p span{font-size:8px}.client-reels{gap:9px}.client-reel .reel-group{gap:10px;padding-right:10px}.client-reel .client-slot{width:130px;height:92px;flex-basis:130px}.client-reel .client-monogram{font-size:25px;margin-bottom:7px}.client-reel{mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);padding:4px 0}.client-reel .client-slot>span:nth-child(2){font-size:7px}.client-reel .client-slot small{font-size:5px}.glass-service-card:after{opacity:.85}.service-card-top>span{animation-duration:4s}.glass-service-card{min-height:190px}.ambient-network{opacity:.5}.footer-invitation{padding:39px 0 35px;gap:15px;align-items:center}.footer-invitation .eyebrow{font-size:6px;letter-spacing:.8px;gap:7px}.footer-invitation .eyebrow:before{width:4px;height:4px}.footer-invitation h2{font-size:26px;line-height:1.25;letter-spacing:-.9px;margin:13px 0}.footer-invitation p{font-size:8px;line-height:1.8;max-width:230px}.footer-invitation p br{display:none}.footer-orbit-cta{width:90px;height:110px}.footer-orbit-ring{inset:7px 0 12px}.footer-orbit-ring:before{inset:7px}.footer-create-button{height:72px;width:72px;gap:6px}.footer-create-button .icon{height:22px;width:22px}.footer-create-button span{font-size:4px;letter-spacing:.3px;line-height:1.4}.orbit-caption{font-size:3px;letter-spacing:.7px;bottom:0}.creative-footer .footer-main{grid-template-columns:1fr 1fr;gap:27px 25px;padding:29px 0 30px}.footer-brand-column{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:center}.footer-brand-column .logo-window{margin:0}.footer-brand-column>p{font-size:9px;margin:0}.footer-location{font-size:7px}.footer-availability{margin:0;font-size:5px;letter-spacing:.2px;gap:5px}.footer-nav-column h3{font-size:9px;margin-bottom:15px}.footer-nav-column nav{gap:12px}.footer-nav-column a{font-size:8px;line-height:1.7}.footer-nav-column a .icon{opacity:.4;translate:0 0;width:8px;height:8px}.footer-project-card{grid-column:1/-1;min-height:0;display:grid;grid-template-columns:1.1fr .9fr;gap:0 16px;align-items:center;padding:19px;border-radius:17px}.footer-project-card>span{font-size:5px;grid-column:1/-1}.footer-project-card h3{font-size:16px;margin:12px 0 8px}.footer-project-card p{display:none}.footer-project-card .btn{font-size:8px;padding:12px 14px}.creative-footer .footer-bottom{flex-wrap:wrap;font-size:7px;gap:14px;padding:19px 0}.creative-footer .footer-bottom span.footer-signoff{display:none}.creative-footer .footer-bottom>span:first-child{flex-basis:100%}.footer-back-top{margin-left:auto;font-size:7px}.footer-back-top>.icon{width:24px;height:24px}.footer-moving-line{padding:11px 0}.footer-moving-line span{font-size:6px;letter-spacing:1.6px}.footer-moving-line>div{gap:24px}.footer-moving-line b{font-size:9px}.motion-word>span{transition-duration:.7s}.studio-banner>img{scale:1.08}}
@media(max-width:370px){.footer-invitation h2{font-size:23px}.footer-orbit-cta{width:80px;flex:none}.footer-invitation .eyebrow{font-size:5px}.footer-project-card h3{font-size:14px}.footer-project-card .btn{font-size:7px;gap:9px}.footer-brand-column{gap:12px}.project-reel{--reel-card-width:calc((100vw - 36px)*.9)}}
@media(pointer:coarse){.square-project:hover .project-image,.glass-service-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.motion-reel{overflow-x:auto;mask-image:none}.reel-track{animation:none;transform:none!important}.reel-group[data-reel-clone]{display:none}.motion-toggle{display:none}.motion-word>span{opacity:1;transform:none;filter:none}.ambient-network{display:none}.studio-banner>img{translate:0 0!important;scale:1}.glass-service-card:after{animation:none}.hero-slide.is-active .slide-copy h1,.hero-slide.is-active .slide-copy h2,.hero-slide.is-active .slide-summary,.hero-slide.is-active .hero-actions{opacity:1;transform:none;filter:none}.footer-atmosphere>span{animation:none}}
.btn:active,.footer-create-button:active{scale:.96}.contact-link-card:active{scale:.98}.reel-track .project-card{-webkit-user-select:none;user-select:none}.reel-track img{-webkit-user-drag:none}.client-reel .client-slot{-webkit-user-select:none;user-select:none}
.creative-footer [data-year]{display:inline!important}
/* Actual uploaded work: preserve the screenshot and show its top portion in each square. */
.real-project .project-image{padding:0!important;display:block;border-color:#4e395323;background:#23182d;aspect-ratio:1/1!important}.real-project .project-capture{position:absolute;inset:0 0 66px;display:flex;flex-direction:column;overflow:hidden;background:#fff}.project-browser-bar{display:flex;align-items:center;gap:4px;height:22px;flex:none;padding:0 11px;background:#f1efed;color:#8b858a;border-bottom:1px solid #dad3dc;position:relative;z-index:1}.project-browser-bar>i{height:4px;width:4px;border-radius:50%;background:#c4b9c9}.project-browser-bar>span{font-size:6px;letter-spacing:.3px;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap}.project-screenshot-viewport{position:relative;flex:1;min-height:0;overflow:hidden}.real-project .project-screenshot{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0;transform-origin:50% 0;transition:transform .9s ease;filter:none}.real-project:hover .project-screenshot{transform:scale(1.035)}.real-project .square-project-caption{height:66px;min-height:66px;padding:14px 18px;background:linear-gradient(110deg,#1c1127,#33233d);border-top:1px solid #ffffff18}.real-project .square-project-caption h3{font-size:15px;color:#f2e9f7}.real-project .square-project-caption p{font-size:8px;color:#bda9c9}.real-project:hover .square-project-caption{background:linear-gradient(110deg,#30203d,#4b3157)}.real-project .project-image:before{display:none}.actual-work-dialog{max-width:1100px;background:#18121f}.actual-work-dialog .work-dialog-header{position:relative;z-index:1;background:#21162b;border-bottom:1px solid #ffffff16}.actual-work-dialog .work-dialog-header p{font-size:8px;letter-spacing:.7px}.project-preview-scroll{height:calc(100% - 64px);overflow-y:auto;overscroll-behavior:contain;padding:20px;background-image:radial-gradient(#b29acb18 1px,transparent 1px);background-size:16px 16px}.project-preview-scroll>img{display:block;width:100%;height:auto;object-fit:contain;margin:0 auto;box-shadow:0 8px 35px #0005;border-radius:5px}.actual-work-dialog .work-dialog-controls a{font-size:10px;color:#f4da94}.project-reel .real-project .project-image{border-radius:14px}
@media(max-width:760px){.real-project .project-capture{bottom:62px}.real-project .square-project-caption{height:62px;min-height:62px;padding:12px 15px}.real-project .square-project-caption h3{font-size:13px}.real-project .square-project-caption p{font-size:7px}.project-browser-bar{height:19px;padding:0 8px}.project-browser-bar>span{font-size:5px}.project-preview-scroll{height:calc(100% - 60px);padding:9px}.actual-work-dialog .work-dialog-header h2{font-size:12px}.actual-work-dialog .work-dialog-header p{font-size:6px;letter-spacing:.3px}.actual-work-dialog .work-dialog-controls a{font-size:8px}.project-reel .real-project .project-image{border-radius:16px}}
@media(prefers-reduced-motion:reduce){.real-project:hover .project-screenshot{transform:none}}

/* Static portfolio: equal squares, three columns and two rows per desktop page. */
.portfolio-grid.equal-projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;overflow:visible;scroll-snap-type:none;margin:0;padding:0;width:100%;scroll-margin-top:110px}
.portfolio-grid.equal-projects .project-card{width:100%;max-width:none;min-width:0;flex:none;margin:0!important;scroll-snap-align:none}
.portfolio-grid.equal-projects .project-card[hidden]{display:none!important}
.portfolio-grid .project-image{border-radius:14px}
.portfolio-navigation{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:25px 0 17px;border-bottom:1px solid #8c769e25}
.portfolio-status{font-size:10px;letter-spacing:.1px;color:#776580}
.portfolio-controls,.portfolio-pages{display:flex;align-items:center;gap:8px}
.portfolio-controls button{height:38px;min-width:38px;padding:0 10px;border:1px solid #8d729930;border-radius:12px;background:#fff8;color:#776080;font-size:10px;display:grid;place-items:center;transition:background .25s,color .25s,transform .25s,box-shadow .25s}
.portfolio-controls button .icon{width:14px;height:14px}
.portfolio-controls button:hover:not(:disabled){background:#e0d4e7;transform:translateY(-3px);box-shadow:0 6px 16px #6e468f18}
.portfolio-controls button[aria-current=page]{background:#30213d;color:#fff3de;border-color:#30213d;box-shadow:0 5px 13px #30213d20}
.portfolio-controls button:disabled{opacity:.35;cursor:default}
.portfolio-controls button:focus-visible{outline:2px solid #9864b7;outline-offset:3px}
@media(max-width:760px){
 .portfolio-grid.equal-projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px;scroll-margin-top:90px}
 .portfolio-grid .real-project .project-image{border-radius:13px}
 .portfolio-grid .real-project .project-capture{bottom:60px}
 .portfolio-grid .real-project .square-project-caption{height:60px;min-height:60px;padding:9px 10px;gap:5px}
 .portfolio-grid .real-project .square-project-caption h3{font-size:11px;line-height:1.25;letter-spacing:-.2px}
 .portfolio-grid .real-project .square-project-caption p{font-size:6px;line-height:1.4;margin-top:4px}
 .portfolio-grid .square-project-caption>span{height:22px;width:22px;min-width:22px;flex:none}
 .portfolio-grid .square-project-caption>span .icon{height:10px;width:10px}
 .portfolio-grid .project-browser-bar{height:17px;padding:0 6px;gap:2px}
 .portfolio-grid .project-browser-bar>i{width:3px;height:3px}
 .portfolio-grid .project-browser-bar>span{font-size:4.5px;letter-spacing:0}
 .portfolio-navigation{padding:19px 0 14px;gap:8px}
 .portfolio-status{font-size:8px;max-width:120px;line-height:1.7}
 .portfolio-controls,.portfolio-pages{gap:4px}
 .portfolio-controls button{height:36px;min-width:32px;padding:0 7px;font-size:9px;border-radius:10px}
 .portfolio-grid+.portfolio-navigation+.project-count-note{margin-top:17px;gap:10px}
}
@media(prefers-reduced-motion:reduce){.portfolio-controls button{transition:none}.portfolio-controls button:hover:not(:disabled){transform:none}}

/* Complete brand mark, including CREATIVE, on dark header and footer surfaces. */
.site-header .logo-window,.creative-footer .logo-window,.drawer-head .logo-window,.preloader-inner .logo-window{--logo-size:154px;display:block;position:relative;overflow:hidden;width:var(--logo-size);height:auto;aspect-ratio:1680/552;background:transparent;flex:none}
.site-header .logo-window img,.creative-footer .logo-window img,.drawer-head .logo-window img,.preloader-inner .logo-window img{display:block;position:static;max-width:100%;width:100%;height:auto;left:auto;top:auto;object-fit:contain;filter:none;mix-blend-mode:normal}
.creative-footer .logo-window{--logo-size:184px}
.utility-bar{height:auto;padding:9px 0;background:#08060d}
.utility-bar>.wrap{display:flex;align-items:center;justify-content:space-between;gap:22px}
.utility-bar .utility-address{max-width:690px;font-size:8px;line-height:1.6;display:flex;align-items:center;gap:7px}
.utility-contact{display:flex;align-items:center;gap:20px;flex:none}
.utility-bar .utility-contact a{display:flex;align-items:center;gap:6px;font-size:9px;white-space:nowrap}
.utility-bar .icon{width:12px;height:12px;flex:none;color:#d3b677}
.site-header{z-index:65}.site-header .header-inner{position:relative;gap:28px}.desktop-nav{gap:27px}
.mega-menu{position:static}.mega-menu>summary{display:flex;align-items:center;gap:7px;font-size:11px;list-style:none;cursor:pointer;padding:20px 0;color:#d3c5de}.mega-menu>summary::-webkit-details-marker{display:none}.mega-menu>summary>span{font-size:12px;color:#f8d977;transition:rotate .25s}.mega-menu[open]>summary>span{rotate:180deg}.mega-menu>summary:hover{color:#ffe1a0}
.mega-panel{position:absolute;top:calc(100% - 1px);left:0;right:0;display:grid;grid-template-columns:1.35fr 1fr;min-height:300px;padding:25px;gap:28px;background:linear-gradient(120deg,#21162cf5,#17101ff7);backdrop-filter:blur(30px);border:1px solid #aa84c13d;border-radius:0 0 20px 20px;box-shadow:0 30px 70px #0007;animation:megaIn .28s ease both;max-height:calc(100dvh - 140px);overflow:auto}
.mega-links{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;align-content:start}.mega-eyebrow{grid-column:1/-1;font-size:8px;color:#ad92bc;letter-spacing:1.4px;margin:4px 0 12px}.mega-links>a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 13px;border:1px solid #ffffff0f;border-radius:10px;transition:background .25s,border-color .25s,translate .25s}.mega-links strong{display:block;font-size:13px;line-height:1.5;color:#f0e6f8;font-weight:600}.mega-links small{display:block;font-size:9px;line-height:1.7;color:#a08aad;margin-top:5px}.mega-links .icon{width:15px;min-width:15px;color:#ceb483}.mega-links>a:hover{background:#ac7cd322;border-color:#bc94d360;translate:3px 0}.mega-photo{position:relative;overflow:hidden;border-radius:13px;min-height:290px}.mega-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.55);transition:transform 1s}.mega-photo:hover>img{transform:scale(1.07)}.mega-photo>div{position:absolute;inset:0;padding:30px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(0deg,#130b22d9,transparent)}.mega-photo span{font-size:7px;color:#d7b787;letter-spacing:1.3px}.mega-photo p{font-size:25px;line-height:1.3;margin:13px 0 20px;color:white;max-width:300px}.mega-photo a{font-size:10px;color:#ecd599;display:flex;align-items:center;gap:9px}.mega-photo .icon{width:12px;height:12px}
@keyframes megaIn{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}
.drawer-contact{margin-top:25px;padding-top:20px;border-top:1px solid #ffffff20;display:grid;gap:10px;font-size:12px;color:#cbb6d6}.drawer-contact p{font-size:10px;color:#a089af;line-height:1.8}.mobile-menu-group>summary{display:flex;justify-content:space-between;padding:14px 0;font-size:20px;color:#efdeff;border-bottom:1px solid #ffffff12;cursor:pointer;list-style:none}.mobile-menu-group>summary::-webkit-details-marker{display:none}.navigation-drawer .mobile-menu-group>a{display:block;font-size:13px;padding:13px 12px;border-bottom:1px solid #ffffff0b;color:#bda3ce}.navigation-drawer .drawer-head .logo-window{--logo-size:135px}
/* Native enquiry dialog: automatic margins center both axes, including small screens. */
.brief-dialog{position:fixed;inset:0;margin:auto!important;width:calc(100% - 32px);max-width:650px;height:fit-content;max-height:calc(100dvh - 40px);overflow-y:auto;overscroll-behavior:contain;padding:30px;border-radius:21px;box-shadow:0 25px 90px #0008}
.brief-dialog::backdrop{background:#0c0715c9;backdrop-filter:blur(10px)}
.brief-dialog .dialog-head{gap:18px}.brief-dialog .dialog-close{flex:none}.brief-dialog .dialog-head h2{font-size:25px;line-height:1.3}
/* Explore each original screenshot in place; a click visits the actual domain. */
.portfolio-grid .real-project .project-screenshot{width:100%;height:auto;max-width:none;object-fit:contain;transform:none;filter:none;transition:transform .65s ease}
.portfolio-grid .real-project .project-image{display:block;isolation:isolate}
.portfolio-grid .real-project .project-image:after{display:none}
.project-visit-label{position:absolute;right:12px;top:34px;z-index:4;padding:7px 10px;font-size:8px;color:#fff3dc;background:#21112dcc;border:1px solid #ffffff30;backdrop-filter:blur(12px);border-radius:20px;opacity:0;translate:0 -4px;transition:opacity .25s,translate .25s;pointer-events:none}
.real-project:hover .project-visit-label,.real-project:focus-visible .project-visit-label{opacity:1;translate:0 0}
.portfolio-grid .project-screenshot-viewport{overflow-y:auto;scrollbar-width:none;overscroll-behavior:contain;touch-action:pan-y}
.portfolio-grid .project-screenshot-viewport::-webkit-scrollbar{display:none}
.portfolio-grid .project-screenshot-viewport:focus-visible{outline:2px solid #f4d07c;outline-offset:-3px}
@media(hover:hover) and (pointer:fine){.portfolio-grid .project-screenshot-viewport{overflow:hidden}.portfolio-grid .real-project:hover .project-screenshot{transform:translateY(var(--preview-offset,0px));transition-duration:var(--preview-duration,14s);transition-timing-function:linear}.portfolio-grid .project-screenshot-viewport:focus{overflow-y:auto}.portfolio-grid .real-project:has(.project-screenshot-viewport:focus) .project-screenshot{transform:none;transition:none}}
/* Dedicated company, services, work and contact pages. */
.inner-hero{position:relative;isolation:isolate;padding:60px 0 65px;overflow:hidden;background:#1b1028}.inner-hero-photo,.inner-hero-shade{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover}.inner-hero-photo{opacity:.38;object-position:center 50%}.inner-hero-shade{background:linear-gradient(90deg,#170d24f0,#1c102cbf 60%,#21122a60)}.inner-hero-layout{display:flex;justify-content:space-between;align-items:center;gap:50px}.inner-hero .breadcrumbs{display:flex;gap:10px;font-size:9px;margin-bottom:27px;color:#bfa4cf}.inner-hero .eyebrow{font-size:9px}.inner-hero h1{font-size:43px;font-weight:600;letter-spacing:-1.5px;margin:15px 0;color:#f4eafa;line-height:1.2}.inner-hero-layout>div:first-child>p{font-size:13px;line-height:1.9;color:#c3accf;max-width:570px}.inner-hero-note{padding:25px 30px;min-width:245px}.inner-hero-note>span{font-size:8px;letter-spacing:1.2px;color:#dabc80}.inner-hero-note p{font-family:Georgia,serif;font-size:22px;line-height:1.4;margin-top:15px;color:#e7d8ef}
.company-story{padding:75px 0 55px}.company-story-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.company-story-photo{height:430px;position:relative;overflow:hidden;border-radius:19px}.company-story-photo img{width:100%;height:100%;object-fit:cover}.company-story-photo span{position:absolute;bottom:18px;left:18px;right:18px;backdrop-filter:blur(16px);background:#1e1233aa;border:1px solid #ffffff25;border-radius:10px;padding:15px;font-size:8px;letter-spacing:1px;color:#e4d3ed}.company-story h2{font-size:34px;line-height:1.2;letter-spacing:-1px;margin:18px 0 23px}.company-story h2 em{font-family:Georgia,serif;color:#876694;font-weight:400}.company-story-copy>p{font-size:12px;line-height:1.95;color:#756b7b;margin-bottom:16px}.company-story .text-link{margin-top:8px}.about-discover{display:inline-flex;margin-top:18px}
.company-values{padding:20px 0 70px}.company-values h2,.why-section h2{font-size:30px}.company-value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.company-value{border:1px solid #977aaa2e;border-radius:17px;background:#ffffff60;padding:28px;transition:translate .3s,box-shadow .3s}.company-value:hover{translate:0 -5px;box-shadow:0 15px 35px #6b46831c}.company-value>span{font-size:10px;color:#a38cab}.company-value h3{font-size:18px;margin:22px 0 13px}.company-value p{font-size:11px;line-height:1.9;color:#7e6d88}.why-section{padding:65px 0}.why-section .section-top>p{font-size:12px;line-height:1.8;color:#8a7694}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.why-card{padding:30px;border:1px solid #987faa30;border-radius:18px;background:#fff6}.why-card>span{display:grid;place-items:center;width:40px;height:40px;border:1px solid #a281b44d;border-radius:13px;color:#92689e}.why-card h3{font-size:20px;margin:22px 0 14px}.why-card p{font-size:12px;color:#85708e;line-height:1.9}.inner-cta{padding:55px 0;background:#20132b;border-top:1px solid #ffffff16}.inner-cta>.dark-wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.inner-cta h2{font-size:30px;line-height:1.3;margin-top:17px}.footer-contact-links{display:grid;gap:12px;margin-top:18px}.footer-contact-links a{display:flex;align-items:center;gap:8px;font-size:11px;color:#c3abcf}.footer-contact-links .icon{width:13px;height:13px;color:#dbc58e}.footer-brand-column .footer-location{align-items:flex-start;font-size:10px;line-height:1.9;max-width:275px}.footer-brand-column .footer-location .icon{min-width:13px;margin-top:4px}.contact-link-card small{overflow-wrap:anywhere}
.site-preloader{display:none;position:fixed;inset:0;z-index:1000;background:#120a1d;place-items:center;transition:opacity .45s,visibility .45s;pointer-events:none}.booting .site-preloader{display:grid}.preloader-inner{text-align:center;display:flex;flex-direction:column;align-items:center;gap:25px}.preloader-inner .logo-window{--logo-size:215px}.preloader-line{width:110px;height:2px;background:#ffffff16;overflow:hidden;display:block}.preloader-line i{display:block;width:45%;height:100%;background:#f6d070;animation:preloadLine 1.1s ease-in-out infinite}.preloader-label{font-size:7px;letter-spacing:2.1px;color:#a389b7}.preloader-leaving .site-preloader{opacity:0;visibility:hidden}.booting .cursor-orbit,.booting .cursor-dot{visibility:hidden}@keyframes preloadLine{from{transform:translateX(-120%)}to{transform:translateX(330%)}}
@media(max-width:1100px){.desktop-nav{gap:18px}.site-header .header-inner{gap:20px}.utility-contact{gap:12px}.utility-bar .utility-address{font-size:7px;max-width:550px}.utility-bar .utility-contact a{font-size:8px}.mega-links>a{padding:12px}.mega-links strong{font-size:12px}.mega-links small{font-size:8px}}
@media(max-width:760px){.utility-bar{display:block;padding:7px 0}.utility-bar>.wrap{gap:10px}.utility-bar .utility-address{font-size:6px;max-width:59%;line-height:1.6}.utility-bar .utility-address .icon{width:10px;height:10px}.utility-contact{display:grid;gap:5px}.utility-bar .utility-contact a{font-size:7px;gap:4px}.utility-bar .utility-contact .icon{width:9px;height:9px}.site-header .logo-window{--logo-size:132px}.site-header .header-inner{height:68px}.mega-menu{display:none}.brief-dialog{padding:23px 18px;width:calc(100% - 24px);max-height:calc(100dvh - 28px);border-radius:18px}.brief-dialog .dialog-head h2{font-size:22px}.inner-hero{padding:33px 0 39px}.inner-hero h1{font-size:31px;letter-spacing:-1px}.inner-hero .breadcrumbs{font-size:8px;margin-bottom:23px}.inner-hero .eyebrow{font-size:7px}.inner-hero-layout>div:first-child>p{font-size:11px;line-height:1.9}.inner-hero-note{display:none}.company-story{padding:35px 0}.company-story-grid{grid-template-columns:1fr;gap:30px}.company-story-photo{height:245px}.company-story h2{font-size:29px}.company-story-copy>p{font-size:11px}.company-values{padding:10px 0 35px}.company-values h2,.why-section h2{font-size:25px}.company-value-grid,.why-grid{grid-template-columns:1fr;gap:14px}.company-value{padding:22px}.company-value h3{font-size:17px;margin-top:15px}.company-value p{font-size:11px}.why-section{padding:35px 0}.why-card{padding:23px}.why-card h3{font-size:18px}.why-card p{font-size:11px}.inner-cta{padding:35px 0}.inner-cta>.dark-wrap{flex-direction:column;align-items:flex-start;gap:24px}.inner-cta h2{font-size:27px}.creative-footer .logo-window{--logo-size:148px}.footer-brand-column .footer-location{grid-column:1/-1;font-size:9px;max-width:100%}.footer-contact-links{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:13px;margin-top:0}.footer-contact-links a{font-size:9px}.footer-availability{grid-column:1/-1}.project-visit-label{display:none}.navigation-drawer{max-height:100dvh;overflow-y:auto}}
@media(prefers-reduced-motion:reduce){.mega-panel{animation:none}.preloader-line i{animation:none;width:100%}.site-preloader{transition:none}.portfolio-grid .real-project:hover .project-screenshot{transform:none;transition:none}.portfolio-grid .project-screenshot-viewport{overflow-y:auto}.company-value{transition:none}}

/* Centered desktop navigation, ordered Home / About / Services / Projects / Contact. */
.site-header .header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:24px;height:68px;min-height:68px}
.site-header .header-inner>.logo-window{justify-self:start}
.site-header .desktop-nav{display:flex;justify-content:center;justify-self:center;gap:26px;margin:0}
.site-header .header-cta{display:flex;justify-self:end;margin:0}
.site-header .menu-toggle{display:none}
/* A location map with a readable studio address and direct directions. */
.location-map-section{padding:65px 0 70px}
.location-map-heading{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;margin-bottom:30px}
.location-map-heading h2{font-size:32px;letter-spacing:-.9px;line-height:1.25;margin-top:17px}.location-map-heading h2 em{font-family:Georgia,serif;font-weight:400;color:#886b95}
.location-map-address{display:flex;align-items:flex-start;gap:18px;max-width:440px;justify-self:end}.location-map-address>span{background:#9d7bad17;border:1px solid #9e7cab2e;display:grid;place-items:center;width:43px;height:43px;border-radius:14px;flex:none;color:#846093}.location-map-address h3{font-size:16px;margin-bottom:9px}.location-map-address p{font-size:12px;line-height:1.9;color:#7b6c83;margin-bottom:16px}.location-map-address .text-link{font-size:11px}
.location-map-frame{height:410px;border:1px solid #a084b138;overflow:hidden;border-radius:18px;background:#e5e1e9;box-shadow:0 15px 45px #60437813}.location-map-frame iframe{display:block;border:0;width:100%;height:100%}
/* Professional service pages: photography, editorial copy and clearly grouped scope. */
.service-editorial-hero{background:radial-gradient(ellipse at 5% 20%,#68426e23,transparent 60%),#1b1225;padding:28px 0 55px;color:#f0e7f6}
.service-editorial-hero .breadcrumbs{display:flex;gap:10px;font-size:9px;line-height:1.7;margin-bottom:28px;color:#a487b5}
.service-hero-split{display:grid;grid-template-columns:1.05fr .95fr;gap:65px;align-items:center}
.service-hero-copy{padding:15px 0}.service-hero-copy .eyebrow{font-size:8px;letter-spacing:1.2px}
.service-hero-copy h1{font-size:40px;line-height:1.2;letter-spacing:-1.5px;font-weight:600;margin:16px 0 20px}
.service-hero-copy h2{font-family:Georgia,serif;font-weight:400;font-style:italic;font-size:27px;line-height:1.3;letter-spacing:-.4px;color:#d9c4e4;max-width:500px}
.service-hero-copy>p{font-size:13px;line-height:1.95;color:#ad95bb;max-width:490px;margin:20px 0 28px}
.service-hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.service-hero-actions .btn{font-size:10px;padding:14px 20px}.service-hero-actions .text-link{font-size:10px;color:#d0b8df;display:inline-flex;align-items:center;gap:7px}
.service-hero-tags{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:28px;padding-top:21px;border-top:1px solid #ffffff12}.service-hero-tags>span{display:flex;align-items:center;gap:5px;font-size:8px;color:#c2a9d0}.service-hero-tags .icon{width:12px;height:12px;color:#d9bd7d}
.service-hero-figure{margin:0;height:395px;position:relative;border-radius:20px;overflow:hidden;border:1px solid #ffffff25;box-shadow:0 25px 65px #08040c40;background:#24162f}
.service-hero-figure>img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;transition:transform 1.1s}.service-hero-figure:hover>img{transform:scale(1.045)}.service-hero-figure:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(0deg,#170e27b0,transparent);pointer-events:none}
.service-hero-figure figcaption{position:absolute;left:20px;right:20px;bottom:20px;z-index:1;background:#1b122cc7;border:1px solid #ffffff30;backdrop-filter:blur(22px);padding:17px 18px;border-radius:13px;display:flex;align-items:center;gap:13px;color:#efe2f8}.service-hero-figure figcaption>span{display:grid;place-items:center;height:38px;width:38px;flex:none;background:#ffffff08;border:1px solid #dcc18b40;border-radius:11px;color:#e9ca86}.service-hero-figure figcaption .icon{width:19px;height:19px}.service-hero-figure small{display:block;font-size:6px;letter-spacing:1.1px;color:#bd9fce}.service-hero-figure strong{display:block;font-size:14px;font-weight:600;margin-top:7px}.service-hero-figure b{font-size:10px;letter-spacing:.7px;color:#c4a67e;margin-left:auto;font-weight:400}
.service-overview{padding:64px 0 48px}.service-overview-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:start}.service-overview-heading h2{font-size:29px;line-height:1.3;letter-spacing:-.7px;max-width:420px;margin:18px 0 25px}.service-overview-heading .text-link{display:inline-flex;align-items:center;gap:8px}.service-overview-copy{padding-top:27px}.service-overview-copy p{font-size:13px;line-height:1.95;color:#796e81;margin-bottom:16px}
.service-capabilities{padding:20px 0 65px}.service-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:27px}.service-section-heading h2{font-size:31px;line-height:1.25;letter-spacing:-.8px;margin-top:16px}.service-section-heading>p{font-size:11px;line-height:1.85;color:#8a7694}
.service-capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.service-capability{padding:26px;border:1px solid #9f81ad30;background:linear-gradient(135deg,#fff9,#fff4);border-radius:17px;position:relative;overflow:hidden;transition:translate .35s,border-color .35s,box-shadow .35s}.service-capability:hover{translate:0 -6px;border-color:#a07eb671;box-shadow:0 14px 35px #5c376619}.capability-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.capability-top>span{display:grid;place-items:center;width:37px;height:37px;background:#a982b610;border:1px solid #9770ae2b;border-radius:11px;color:#8b639c;transition:transform .35s,background .35s}.capability-top .icon{width:18px;height:18px}.capability-top small{font-size:9px;color:#b09cbb}.service-capability:hover .capability-top>span{transform:rotate(-8deg);background:#c3a3d227}.service-capability h3{font-size:17px;line-height:1.4;color:#36293e;margin-bottom:11px;font-weight:600}.service-capability p{font-size:11px;line-height:1.9;color:#83708d}
.service-delivery{background:#1a1224;padding:65px 0;color:#e8dcee}.service-delivery-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:75px;align-items:start}.service-delivery-visual{height:560px;position:relative;border-radius:19px;overflow:hidden;position:sticky;top:110px}.service-delivery-visual>img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s}.service-delivery-visual:hover>img{transform:scale(1.04)}.service-delivery-visual:after{content:'';position:absolute;inset:30% 0 0;background:linear-gradient(0deg,#1a0e29c9,transparent)}.delivery-photo-caption{position:absolute;left:30px;right:30px;bottom:30px;z-index:1}.delivery-photo-caption>span{font-size:7px;letter-spacing:1.3px;color:#d7b885}.delivery-photo-caption p{font-family:Georgia,serif;font-size:31px;line-height:1.3;margin-top:15px;color:#f0e4f5}
.service-delivery-copy h2{font-size:30px;font-weight:600;line-height:1.3;letter-spacing:-.8px;margin:17px 0 23px}.service-delivery-steps{list-style:none;margin:0;padding:0}.service-delivery-steps li{display:flex;align-items:center;gap:17px;padding:14px 0;border-bottom:1px solid #ffffff12}.service-delivery-steps li>span{width:31px;height:31px;display:grid;place-items:center;flex:none;border:1px solid #b391cb43;border-radius:10px;font-size:9px;color:#d7b885}.service-delivery-steps h3{font-size:13px;font-weight:500;line-height:1.7}.service-detail-note{margin-top:24px;padding:20px 23px;border:1px solid #b391cb28;border-radius:13px;background:linear-gradient(110deg,#9164ab10,#ffffff03)}.service-detail-note h3{font-size:14px;font-weight:600;line-height:1.5;color:#e3cfef;margin-bottom:10px}.service-detail-note p{font-size:11px;line-height:1.95;color:#a88ab9}
.service-questions{padding:65px 0 45px}.service-questions-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.service-questions h2{font-size:31px;line-height:1.3;letter-spacing:-.9px;margin:17px 0 18px}.service-questions-grid>div:first-child>p{font-size:12px;line-height:1.9;color:#8a7794;margin-bottom:20px}.service-faq-item{border-bottom:1px solid #9474a32e}.service-faq-item:first-child{border-top:1px solid #9474a32e}.service-faq-item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:25px;padding:20px 0;font-size:13px;line-height:1.7;font-weight:600;color:#46324f}.service-faq-item summary::-webkit-details-marker{display:none}.service-faq-item summary>b{font-size:21px;font-weight:400;color:#9870ac;transition:rotate .3s}.service-faq-item[open] summary>b{rotate:45deg}.service-faq-item[open] summary{color:#89639f}.service-faq-item p{font-size:12px;line-height:1.95;color:#84708e;padding:0 28px 23px 0;max-width:600px}
.service-related{padding:15px 0 58px}.service-related h2{font-size:23px;letter-spacing:-.5px;margin:15px 0 22px}.service-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.service-related-grid a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:19px 17px;border:1px solid #a085b135;border-radius:12px;background:#fff5;color:#755b84;font-size:11px;transition:background .3s,translate .3s}.service-related-grid a .icon{width:13px;height:13px;flex:none}.service-related-grid a:hover{background:#d8c7e44d;translate:0 -3px}
.service-project-cta{padding:45px 0;background:linear-gradient(120deg,#32203d,#1e1429);border-top:1px solid #b594c52e}.service-project-cta>.dark-wrap{display:flex;align-items:center;justify-content:space-between;gap:45px}.service-project-cta h2{font-size:28px;line-height:1.35;letter-spacing:-.6px;color:#ecdef4;margin:14px 0 13px;max-width:700px}.service-project-cta p{font-size:12px;line-height:1.8;color:#ae91bd;max-width:620px}.service-project-cta .btn{flex:none;font-size:10px}
@media(max-width:1100px){.site-header .desktop-nav{gap:20px}.site-header .header-inner{gap:18px}.service-hero-split{gap:35px}.service-hero-copy h1{font-size:35px}.service-hero-copy h2{font-size:25px}.service-hero-figure{height:365px}.service-overview-grid,.service-questions-grid{gap:50px}.service-delivery-grid{gap:45px}.service-capability{padding:23px}.service-capability h3{font-size:16px}.service-hero-actions{gap:18px}.service-hero-actions .btn{font-size:9px;padding:13px 17px}}
@media(max-width:900px){.site-header .header-inner{display:grid;grid-template-columns:1fr auto;gap:18px;height:62px;min-height:62px}.site-header .desktop-nav,.site-header .header-cta{display:none}.site-header .menu-toggle{display:grid;place-items:center;justify-self:end}.service-hero-split{gap:27px}.service-hero-copy h1{font-size:31px}.service-hero-copy h2{font-size:23px}.service-hero-copy>p{font-size:12px}.service-hero-figure{height:365px}.service-capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-delivery-visual{height:510px}.service-overview-grid{gap:35px}.service-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.location-map-section{padding:35px 0 40px}.location-map-heading{grid-template-columns:1fr;gap:24px;margin-bottom:23px}.location-map-heading h2{font-size:27px}.location-map-address{justify-self:start;gap:14px}.location-map-address h3{font-size:14px}.location-map-address p{font-size:11px}.location-map-frame{height:300px;border-radius:15px}.service-editorial-hero{padding:21px 0 30px}.service-editorial-hero .breadcrumbs{font-size:8px;gap:8px;margin-bottom:22px}.service-hero-split{grid-template-columns:1fr;gap:27px}.service-hero-copy{padding:0}.service-hero-copy .eyebrow{font-size:7px}.service-hero-copy h1{font-size:32px;margin:16px 0 17px}.service-hero-copy h2{font-size:24px;max-width:400px}.service-hero-copy>p{font-size:12px;line-height:1.9;margin:18px 0 23px}.service-hero-actions{gap:18px}.service-hero-actions .btn{font-size:9px;padding:13px 18px}.service-hero-actions .text-link{font-size:9px}.service-hero-tags{margin-top:22px;padding-top:18px;gap:10px 15px}.service-hero-tags>span{font-size:7px}.service-hero-figure{height:260px;border-radius:16px}.service-hero-figure figcaption{left:13px;right:13px;bottom:13px;padding:13px;gap:11px}.service-hero-figure figcaption>span{width:32px;height:32px}.service-hero-figure figcaption small{font-size:5px}.service-hero-figure figcaption strong{font-size:12px}.service-overview{padding:34px 0 22px}.service-overview-grid{grid-template-columns:1fr;gap:17px}.service-overview-heading h2{font-size:25px;margin:15px 0 20px}.service-overview-copy{padding:0}.service-overview-copy p{font-size:12px}.service-capabilities{padding:12px 0 35px}.service-section-heading{align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:23px}.service-section-heading h2{font-size:26px;margin-top:14px}.service-section-heading>p{font-size:10px}.service-capability-grid{gap:13px}.service-capability{padding:20px 16px;border-radius:14px}.capability-top{margin-bottom:17px}.capability-top>span{width:33px;height:33px}.service-capability h3{font-size:14px;line-height:1.4}.service-capability p{font-size:10px;line-height:1.9}.service-delivery{padding:34px 0}.service-delivery-grid{grid-template-columns:1fr;gap:29px}.service-delivery-visual{position:relative;top:auto;height:250px;border-radius:16px}.delivery-photo-caption{left:22px;right:22px;bottom:22px}.delivery-photo-caption p{font-size:26px}.delivery-photo-caption>span{font-size:6px}.service-delivery-copy h2{font-size:26px;margin:16px 0 18px}.service-delivery-steps li{padding:13px 0}.service-detail-note{padding:18px}.service-detail-note p{font-size:11px}.service-questions{padding:35px 0 27px}.service-questions-grid{grid-template-columns:1fr;gap:24px}.service-questions h2{font-size:26px}.service-questions-grid>div:first-child>p{font-size:11px;margin-bottom:17px}.service-faq-item summary{font-size:12px;padding:18px 0;gap:18px}.service-faq-item p{font-size:11px;padding:0 10px 20px 0}.service-related{padding:8px 0 33px}.service-related h2{font-size:21px}.service-related-grid{gap:10px}.service-related-grid a{padding:15px 13px;font-size:10px;gap:8px}.service-project-cta{padding:32px 0}.service-project-cta>.dark-wrap{align-items:flex-start;flex-direction:column;gap:21px}.service-project-cta h2{font-size:25px}.service-project-cta p{font-size:11px}}
@media(max-width:390px){.service-capability-grid{grid-template-columns:1fr}.service-capability h3{font-size:16px}.service-capability p{font-size:11px}.service-hero-copy h1{font-size:30px}}
@media(prefers-reduced-motion:reduce){.service-capability,.capability-top>span,.service-hero-figure>img,.service-delivery-visual>img,.service-related-grid a,.service-faq-item summary>b{transition:none}}

/* Supplied client identities: original artwork, compact alignment, no visible labels. */
.supplied-client-section{padding:27px 0 30px;background:#f7f5f8}
.supplied-client-section .client-heading{margin-bottom:16px;gap:18px;align-items:center}
.supplied-client-section .client-heading h2{font-size:22px;line-height:1.35;letter-spacing:-.5px;margin:0}
.supplied-client-section .client-reels{gap:10px}
.supplied-client-section .client-reel{padding:2px 0;mask-image:linear-gradient(90deg,transparent,#000 2%,#000 98%,transparent)}
.supplied-client-section .client-reel .reel-group{gap:12px;padding-right:12px}
.supplied-client-section .client-reel .client-logo-slot{--mark-height:52px;width:var(--client-width);height:86px;flex:0 0 var(--client-width);display:flex;align-items:center;justify-content:center;border:0;background:#fff;border-radius:10px;box-shadow:none;padding:0;overflow:hidden;transition:transform .3s,box-shadow .3s}
.supplied-client-section .client-reel .tone-dark{background:#20162b}
.supplied-client-section .client-reel .tone-black{background:#050505}
.supplied-client-section .client-reel .client-logo-slot:hover{transform:translateY(-2px);box-shadow:0 5px 14px #563c6a12}
.client-logo-window{display:block;position:relative;overflow:hidden;width:calc(var(--mark-ratio)*var(--mark-height));max-width:calc(100% - 44px);height:auto;aspect-ratio:var(--mark-ratio);flex:none}
.client-logo-window>img{display:block;position:absolute;width:var(--source-scale);max-width:none;height:auto;left:var(--source-x);top:var(--source-y);object-fit:contain;filter:none;mix-blend-mode:normal}
@media(max-width:760px){.supplied-client-section{padding:22px 0 24px}.supplied-client-section .client-heading{display:flex;margin-bottom:15px;gap:12px}.supplied-client-section .client-heading h2{font-size:17px;max-width:230px;line-height:1.4;margin:0}.supplied-client-section .client-heading .eyebrow{font-size:7px}.supplied-client-section .client-heading .motion-toggle{font-size:6px;padding:7px 8px;gap:4px}.supplied-client-section .client-heading .motion-toggle .icon{width:9px;height:9px}.supplied-client-section .client-reels{gap:8px}.supplied-client-section .client-reel .reel-group{gap:9px;padding-right:9px}.supplied-client-section .client-reel .client-logo-slot{--mark-height:42px;width:min(174px,var(--client-width));height:71px;flex-basis:min(174px,var(--client-width));border-radius:9px}.client-logo-window{max-width:calc(100% - 36px)}}
@media(prefers-reduced-motion:reduce){.supplied-client-section .client-reel{mask-image:none}.supplied-client-section .client-logo-slot{transition:none}}