/* Branding & Creative page (9472) — Figma 11436:67581 / 11436:67367 / 11436:67980 */
/* hero */
.bd-brand-hero-img img{width:100%!important;height:auto;max-width:623px!important}
/* intro: Vivienne case card */
.bd-brand-intro{padding:65px 160px!important}
.bd-brand-intro-row{min-height:542px}
.bd-vwc-wrap{max-width:564px}
.bd-vwc{display:flex;flex-direction:column;justify-content:flex-end;position:relative;width:100%;height:542px;border-radius:16px;overflow:hidden;background:#DCE6DF;text-decoration:none!important;box-sizing:border-box}
.bd-vwc-img{position:absolute;left:8.6%;top:11px;width:82.8%;height:441px;display:block}
.bd-vwc-img img{width:100%;height:100%;object-fit:contain;display:block}
.bd-vwc-strip{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:32px;width:100%;box-sizing:border-box}
.bd-vwc-meta{display:flex;flex-direction:column;gap:6px}
.bd-vwc-meta strong{font-family:Inter,sans-serif;font-weight:700;font-size:28px;line-height:normal;color:#000!important;white-space:nowrap}
.bd-vwc-meta em{font-style:normal;font-family:Inter,sans-serif;font-weight:600;font-size:14px;line-height:28px;letter-spacing:2.1px;text-transform:uppercase;color:rgba(0,0,0,.5)!important}
.bd-vwc-cta{display:inline-flex;align-items:center;gap:6px;font-family:Inter,sans-serif;font-weight:700;font-size:14px;line-height:20px;color:#000!important;white-space:nowrap;transition:transform .2s}
.bd-vwc:hover .bd-vwc-cta{transform:translateX(4px)}
.bd-vwc-cta img{width:11px;height:9px}
/* 4 service cards */
.bd-brand-svc{min-height:335px}
.bd-brand-svc .bd-icon{line-height:0}
/* process carousel */
.bd-bstep-car{position:relative;width:100%}
.bd-bstep-track{list-style:none;margin:0;padding:8px 0 16px;display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}
.bd-bstep-track::-webkit-scrollbar{display:none}
.bd-bstep{flex:0 0 calc((100% - 48px)/3);scroll-snap-align:start;box-sizing:border-box;background:#fff;border:1px solid rgba(40,48,63,.15);border-radius:16px;padding:32px 24px;display:flex;flex-direction:column;gap:15px;min-height:415px}
.bd-bstep-top{display:flex;align-items:center;justify-content:space-between;width:100%}
.bd-bstep-num{font-family:Inter,sans-serif;font-weight:700;font-size:48px;line-height:normal;background:var(--bd-grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:#fff;-webkit-text-stroke:2px transparent}
.bd-bstep-ico{width:60px;height:60px;flex:0 0 60px;object-fit:contain}
.bd-bstep-title{font-family:Inter,sans-serif!important;font-weight:700!important;font-size:24px!important;line-height:normal!important;text-transform:capitalize;color:var(--bd-ink)!important;margin:0}
.bd-bstep--last .bd-bstep-title{background:var(--bd-grad);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent!important}
.bd-bstep-text{font-family:Inter,sans-serif;font-size:18px;line-height:28px;color:var(--bd-ink)!important;margin:0}
.bd-bstep-btn{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border:0;background:transparent;padding:0;cursor:pointer;z-index:2;display:flex;align-items:center;justify-content:center}
.bd-bstep-btn img{display:none}
.bd-bstep-btn::before{content:"";display:block;width:11px;height:11px;border-right:2.5px solid #000;border-bottom:2.5px solid #000;transform:rotate(-45deg);margin-left:-4px}
.bd-bstep-prev{left:-64px;transform:translateY(-50%) scaleX(-1)}
.bd-bstep-next{right:-64px}
.bd-brand-process{padding:120px 160px!important}
.bd-brand-process>.e-con-inner,.bd-brand-process{overflow:visible!important}
.bd-brand-process .elementor-widget-html{width:100%}
@media(max-width:1300px){.bd-bstep-prev{left:-28px}.bd-bstep-next{right:-28px}}
@media(max-width:1024px){.bd-brand-intro{padding:65px 32px!important}.bd-brand-intro-row{min-height:0}.bd-vwc-wrap{max-width:100%}.bd-vwc{height:auto;aspect-ratio:564/542}.bd-brand-process{padding:65px 40px!important}.bd-bstep{flex-basis:calc((100% - 24px)/2)}}
@media(max-width:767px){
  .bd-brand-intro{padding:45px 32px!important}
  .bd-vwc{aspect-ratio:350/336}.bd-vwc-img{top:7px;height:81%}.bd-vwc-strip{padding:20px}
  .bd-vwc-meta strong{font-size:17px}.bd-vwc-meta em{font-size:9px;line-height:18px;letter-spacing:1.3px}.bd-vwc-cta{font-size:9px;line-height:13px}.bd-vwc-cta img{width:7px;height:6px}
  .bd-brand-svc{min-height:0}
  .bd-brand-process{padding:48px 32px!important}
  .bd-bstep{flex-basis:100%;min-height:0;padding:24px}
  .bd-bstep-btn{width:32px;height:32px}.bd-bstep-prev{left:-28px}.bd-bstep-next{right:-28px}
  .bd-brand-hero .bd-hero-btns .bd-arrow .elementor-button{display:flex!important;align-items:center;justify-content:center}
  .bd-brand-hero .bd-clutch-line img{height:32px!important}.bd-brand-hero .bd-small-white{white-space:nowrap}
  .bd-brand-hero-img img{max-width:100%!important}
}