/* Home slides share the October Facebook cover's visual language. */
.brand-banner .sandia-slides{background:#fff;border:0;border-radius:6px;box-shadow:0 12px 50px #23232108}
.brand-banner .sandia-slide{background:#fff;grid-template-columns:1.03fr 1fr;gap:22px;min-height:650px;padding:42px 46px 68px;isolation:isolate;overflow:hidden}
.brand-banner .sandia-slide:before,.brand-banner .sandia-slide:after{content:'';position:absolute;pointer-events:none;z-index:0}
.brand-banner .sandia-slide:before{width:88%;height:340px;right:-18%;bottom:-225px;border-radius:50% 50% 0 0;transform:rotate(-12deg);background:linear-gradient(130deg,#ff619d,#fc176b 53%,#ee0058)}
.brand-banner .sandia-slide:after{width:78%;height:330px;left:-35%;bottom:-240px;border-radius:50%;transform:rotate(18deg);background:linear-gradient(135deg,#c7f145,#aade31)}
.brand-banner .slide-copy{position:relative;z-index:4;min-width:0}
.slide-brand{width:clamp(210px,20vw,275px);max-width:85%;margin:0 0 23px}
.slide-brand img{width:100%;height:auto;display:block}
.brand-banner .slide-copy h1,.brand-banner .slide-copy h2{color:#141414;font:800 clamp(43px,4.25vw,64px)/1.08 var(--font);letter-spacing:-.055em;max-width:580px}
.brand-banner .slide-copy h1 em,.brand-banner .slide-copy h2 em{color:var(--pink)}
.brand-banner .slide-copy .eyebrow,.brand-banner .slide-aura .eyebrow{color:#43433e;font-size:11px;letter-spacing:.09em;margin-bottom:17px;line-height:1.5}
.brand-banner .slide-copy>p:not(.eyebrow),.brand-banner .slide-aura .slide-copy>p:not(.eyebrow){color:#51514c;font-size:17px;line-height:1.55;margin-top:22px;max-width:450px}
.brand-banner .slide-copy>.banner-service-line{font-size:16px;font-weight:500;line-height:1.7;max-width:480px}
.brand-banner .slide-copy .actions{gap:18px;margin-top:28px}
.brand-banner .slide-copy .button{padding:15px 20px;gap:24px;background:#141414;min-height:48px}
.brand-banner .slide-copy .text-link{font-size:13px}
.banner-aura-label{font:800 17px/1 var(--font);color:#b90044;letter-spacing:.03em;margin-right:5px}
.brand-banner-visual{position:relative;z-index:2;height:490px;width:100%;min-width:0;isolation:isolate}
.brand-soft-orbit{position:absolute;inset:30px -20px 30px 5px;border-radius:50% 42% 45% 50%;background:radial-gradient(ellipse at 65% 48%,#f8d6e447 0%,#f3f5ef90 47%,#fafafa00 73%);transform:rotate(-20deg);z-index:0}
.brand-connection{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.brand-banner-cubito{position:absolute;left:49%;bottom:8px;transform:translateX(-43%);width:78%;height:auto;max-height:455px;object-fit:contain;z-index:2;filter:drop-shadow(0 17px 9px #23232114)}
.brand-float-tile{position:absolute;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;width:115px;min-height:110px;padding:14px 10px;border-radius:20px;background:#ffffffed;border:1px solid #f5f5f5;box-shadow:0 12px 26px #4b333517;line-height:1.25;text-align:center}
.brand-float-tile svg{width:43px;height:43px;color:var(--pink);flex-shrink:0}
.brand-float-tile strong{font:700 13px/1.3 var(--font);letter-spacing:0;color:#232321}
.brand-float-tile>span{color:#50504b;font-size:12px;line-height:1.35}
.tile-web{top:28px;left:0;transform:rotate(-8deg)}
.tile-ai{top:8px;right:0;transform:rotate(8deg)}
.tile-growth{bottom:48px;left:-8px;transform:rotate(-7deg)}
.tile-growth svg{color:#78a913}
.tile-auto{bottom:48px;right:-10px;transform:rotate(8deg);width:133px}
.tile-auto strong{font-size:12px}
.brand-flash{position:absolute;z-index:3;width:9px;height:32px;border-radius:8px;transform:rotate(30deg);pointer-events:none}
.brand-flash:after{content:'';position:absolute;width:9px;height:25px;border-radius:8px;left:23px;top:8px;transform:rotate(40deg);background:inherit}
.flash-pink{right:4%;top:158px;background:var(--pink)}
.flash-lime{left:29%;top:0;background:var(--lime);transform:rotate(-35deg)}
.visual-aura .brand-float-tile{width:126px;min-height:124px}
.visual-aura .brand-banner-cubito{width:73%;bottom:30px}
.visual-aura .tile-growth{left:0;bottom:68px;width:145px}
.visual-aura .tile-ai svg{color:#79a815}
.brand-visual-note{position:absolute;bottom:0;left:0;right:0;font-size:12px;line-height:1.4;color:#34342e;text-align:center;z-index:3}
.visual-projects .brand-banner-cubito{width:72%;left:60%;bottom:8px}
.visual-projects .tile-web{left:2%;top:20px}
.visual-projects .tile-ai{top:10px;right:0}
.brand-project-book{position:absolute;left:0;bottom:20px;width:37%;max-width:178px;transform:rotate(-8deg);z-index:3;filter:drop-shadow(0 14px 12px #23232127)}
.brand-project-book img{width:100%;height:auto;border-radius:1px;object-fit:contain}
.brand-project-book span{display:block;background:white;color:#232321;padding:7px 5px;font-size:11px;line-height:1.4;text-align:center;border-radius:0 0 3px 3px}
.brand-banner .banner-controls{border-bottom:0;padding:18px 0 12px}
.brand-banner .slide-dots button:hover{border-color:#141414}
.brand-banner .slide-dots button.active{background:#141414;color:white;border-color:#141414}
.brand-banner .slide-dots button:focus-visible,.brand-banner .slide-arrows button:focus-visible{outline-color:#b90044}
@media(max-width:1100px){
 .brand-banner .sandia-slide{padding:34px 30px 65px;min-height:620px;gap:22px}
 .slide-brand{width:225px;margin-bottom:22px}
 .brand-banner .slide-copy h1,.brand-banner .slide-copy h2{font-size:clamp(39px,4.4vw,55px)}
 .brand-banner-visual{height:450px}
 .brand-banner-cubito{max-height:400px;width:79%}
 .brand-float-tile{width:98px;min-height:100px;border-radius:17px;padding:12px 8px}
 .brand-float-tile svg{width:37px;height:37px}
 .tile-auto{width:119px;right:-5px}
 .brand-float-tile strong{font-size:12px}
 .visual-aura .brand-float-tile{width:112px;min-height:118px}
 .visual-aura .tile-growth{width:129px;bottom:59px}
 .brand-float-tile>span{font-size:12px}
 .brand-project-book{width:34%;bottom:35px}
 .brand-banner .slide-copy .text-link{font-size:12px}
}
@media(max-width:800px){
 .brand-banner .sandia-slide{grid-template-columns:1fr;padding:32px 28px 60px;min-height:0;gap:24px}
 .slide-brand{width:230px;max-width:75%;margin-bottom:23px}
 .brand-banner .slide-copy h1,.brand-banner .slide-copy h2{font-size:clamp(42px,7vw,58px);max-width:590px}
 .brand-banner .slide-copy>p:not(.eyebrow){max-width:520px}
 .brand-banner .slide-copy .actions{margin-top:24px}
 .brand-banner-visual{height:455px;width:min(100%,470px);margin:auto}
 .brand-banner-cubito{max-height:415px;width:77%}
 .brand-float-tile{width:110px;min-height:110px}
 .visual-aura .brand-float-tile{width:124px}
 .visual-aura .tile-growth{width:140px}
 .tile-auto{width:135px}
 .brand-project-book{width:35%;bottom:20px}
 .brand-banner .sandia-slide:before{width:135%;right:-35%;bottom:-230px;height:350px}
 .brand-banner .sandia-slide:after{width:120%;left:-64%;bottom:-180px;height:340px}
}
@media(max-width:600px){
 .brand-banner .sandia-slide{padding:27px 22px 49px;gap:25px}
 .slide-brand{width:205px;margin-bottom:20px}
 .brand-banner .slide-copy h1,.brand-banner .slide-copy h2{font-size:clamp(35px,7.4vw,44px);letter-spacing:-.05em}
 .brand-banner .slide-copy .eyebrow{font-size:10px;letter-spacing:.06em}
 .brand-banner .slide-copy>p:not(.eyebrow),.brand-banner .slide-aura .slide-copy>p:not(.eyebrow){font-size:16px;margin-top:18px}
 .brand-banner .slide-copy>.banner-service-line{font-size:15px;line-height:1.6}
 .brand-banner .slide-copy .actions{gap:15px;margin-top:23px}
 .brand-banner .slide-copy .button{padding:14px 16px;font-size:13px;gap:16px}
 .brand-banner .slide-copy .text-link{font-size:13px}
 .brand-banner-visual{height:360px;max-width:365px}
 .brand-banner-cubito{max-height:330px;width:76%;bottom:0}
 .brand-float-tile{width:85px;min-height:88px;padding:10px 7px;border-radius:14px;gap:5px}
 .brand-float-tile svg{width:33px;height:33px}
 .brand-float-tile strong{font-size:12px}
 .tile-web{top:25px;left:-3px}
 .tile-ai{top:4px;right:-3px}
 .tile-growth{bottom:37px;left:-6px}
 .tile-auto{bottom:13px;right:-6px;width:111px}
 .tile-auto strong{font-size:11px}
 .brand-flash{width:7px;height:23px}
 .brand-flash:after{width:7px;height:18px;left:17px}
 .flash-pink{top:115px;right:1%}
 .flash-lime{left:29%;top:5px}
 .visual-aura .brand-float-tile{width:99px;min-height:111px;gap:5px}
 .visual-aura .brand-banner-cubito{width:75%;bottom:25px}
 .visual-aura .tile-growth{left:-5px;bottom:35px;width:110px}
 .brand-visual-note{font-size:11px;bottom:-17px}
 .brand-project-book{width:36%;max-width:125px;bottom:7px}
 .brand-project-book span{font-size:11px;padding:6px 3px}
 .visual-projects .brand-banner-cubito{width:71%;left:62%;bottom:0}
 .brand-banner .sandia-slide:before{bottom:-145px;height:260px;width:170%;right:-50%}
 .brand-banner .sandia-slide:after{bottom:-170px;height:295px;width:135%;left:-66%}
}
@media(max-width:360px){
 .brand-banner .sandia-slide{padding:24px 17px 43px}
 .slide-brand{width:180px}
 .brand-banner .slide-copy h1,.brand-banner .slide-copy h2{font-size:33px}
 .brand-banner-visual{height:315px}
 .brand-banner-cubito{max-height:290px}
 .brand-float-tile{width:78px;min-height:83px;padding:8px 5px}
 .tile-auto{width:103px}
 .brand-float-tile svg{width:29px;height:29px}
 .visual-aura .brand-float-tile{width:91px;min-height:101px}
 .visual-aura .tile-growth{width:105px}
 .brand-project-book{bottom:5px}
}

/* Supplied coffee variant: same composition, adjusted for its transparent margins. */
.visual-digital .brand-banner-cubito.cubito-coffee{width:88%;left:50%;bottom:0}
@media(max-width:800px){.visual-digital .brand-banner-cubito.cubito-coffee{width:87%}}
@media(max-width:600px){.visual-digital .brand-banner-cubito.cubito-coffee{width:86%}}