.we-brand-hero{--wb-accent:#d135da;padding: 150px 0 0 0;position:relative;isolation:isolate;overflow:hidden;background:#0c0613;color:#fff;font-family:'Manrope',sans-serif}
.we-brand-hero *{box-sizing:border-box}
.we-brand-hero__art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3}
.we-brand-hero:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#0b0612e8 0%,#0b0612b0 28%,transparent 63%),linear-gradient(0deg,#09050fed,transparent 32%);pointer-events:none}
.we-brand-hero__outline{position:absolute;z-index:-1;top:4px;left:41%;font:800 clamp(100px,15vw,230px)/1 'Archivo',sans-serif;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1px #b86be199;pointer-events:none;opacity:.6}
.we-brand-hero__inner{width:min(1320px,calc(100% - 64px));margin:auto;padding-top:100px;padding-bottom:42px}
.we-brand-hero__copy{max-width:650px;position:relative}
.we-brand-hero .we-brand-hero__eyebrow{font-family:inherit;font-size:12px;line-height:1.6;letter-spacing:.28em;text-transform:uppercase;color:#fff;margin:0 0 10px;padding:0}
.we-brand-hero #we-brand-title{
    font-family:'Bai Jamjuree';
    font-size:clamp(48px,5.5vw,70px);
    font-weight:800;
    line-height:1.04;
    /* letter-spacing:-.055em; */
    color:white;
    margin:0;
    padding:0;
    text-align:left;
    text-transform:none;
}
.we-brand-hero span{color:#fff; font-size: 36px; font-weight: 700;}
.we-brand-hero .we-brand-hero__intro{font-family:inherit;font-size:clamp(17px,1.65vw,23px);font-weight:400;line-height:1.55;color:#fff;max-width:530px;margin:26px 0 34px;padding:0}
.we-brand-hero__actions{display:flex;align-items:center;flex-wrap:wrap;gap:28px}
.we-brand-hero .we-brand-hero__primary{display:inline-flex;align-items:center;gap:17px;background:#fff;color:#191121;border:1px solid #fff;border-radius:10px;padding:18px 25px;font-family:inherit;font-size:16px;line-height:1.3;font-weight:600;text-decoration:none;transition:background .2s,color .2s}
.we-brand-hero__primary span{display:inline-block;transition:transform .2s}
.we-brand-hero .we-brand-hero__primary:hover{background:linear-gradient(231deg, #380976, #e53be7) !important;;border-color:#704c9f;;color:#fff}
.we-brand-hero__primary:hover span{transform:translate(2px,-2px)}
.we-brand-hero .we-brand-hero__secondary{font-family:inherit;font-size:15px;font-weight:600;line-height:1.4;color:white;text-decoration:none;border-bottom:2px solid #de39e3;padding:8px 0;transition:color .2s}
.we-brand-hero .we-brand-hero__secondary:hover{color:#fff}
.we-brand-hero a:focus-visible{outline:3px solid var(--wb-accent);outline-offset:5px}
.we-brand-hero__services{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:138px 0 0;padding:27px 0 0;border-top:1px solid #ffffff50;gap:32px}
.we-brand-hero__services li{display:flex;gap:18px;min-width:0;padding-right:24px}.we-brand-hero__services li+li{border-left:1px solid #ffffff50;padding-left:32px}
.we-brand-hero__number{display:flex;align-items:flex-start;gap:12px;color:#fff;font-size:36px;font-weight:600;line-height:1.5}
.we-brand-hero__number:after{content:'';width:28px;height:1px;background:#fff;margin-top:11px}
.we-brand-hero .we-brand-hero__services h2{font-family:'Bai Jamjuree';font-size:17px;line-height:1.35;color:#fff;margin:0 0 8px;padding:0;text-transform:none;font-weight:600;letter-spacing:0;text-align:left}
.we-brand-hero .we-brand-hero__services p{font-family:inherit;font-size:14px;line-height:1.6;color:#fff;margin:0;padding:0}
@media(max-width:1100px){
    .we-brand-hero__copy{max-width:550px}
    .we-brand-hero__inner{padding-top:80px}
    .we-brand-hero__services{gap:20px}
    .we-brand-hero__services li{padding-right:0;gap:12px}
    .we-brand-hero__services li+li{padding-left:20px}
    .we-brand-hero__number:after{display:none}}
@media(max-width:760px){
    .we-brand-hero__inner{width:calc(100% - 36px);padding-top:45px;padding-bottom:34px}
    .we-brand-hero__art{top:390px;height:380px;object-fit:cover;object-position:78% center}
    .we-brand-hero:before{background:linear-gradient(0deg,#0c0613 0%,transparent 40%,transparent 65%,#0c0613 77%)}
    .we-brand-hero__outline{top:445px;left:5%;font-size:90px}.we-brand-hero__copy{max-width:100%}
    .we-brand-hero #we-brand-title{font-size:clamp(43px,8.6vw,61px)}
    .we-brand-hero .we-brand-hero__eyebrow{font-size:10px;letter-spacing:.15em;margin-bottom:22px}
    .we-brand-hero .we-brand-hero__intro{font-size:17px;max-width:450px;margin:22px 0 26px}
    .we-brand-hero__actions{gap:18px}
    .we-brand-hero .we-brand-hero__primary{padding:15px 18px;font-size:14px}
    .we-brand-hero .we-brand-hero__secondary{font-size:13px}
    .we-brand-hero__services{grid-template-columns:1fr;margin-top:355px;gap:22px;padding-top:25px}
    .we-brand-hero__services li+li{border-left:0;padding-left:0;border-top:1px solid #ffffff20;padding-top:22px}
    .we-brand-hero__number:after{display:block}
    .we-brand-hero__services li{gap:18px}
}
@media(prefers-reduced-motion:reduce){.we-brand-hero *{transition:none!important}.we-brand-hero__primary:hover span{transform:none}}

@media(min-width:761px){.we-brand-hero__art{top:100px;height:auto;min-height:0;object-fit:contain}.we-brand-hero__outline{clip-path:inset(0 0 48% 0)}}

/* Updated service headline: allow natural wrapping on narrow screens. */
.we-brand-hero__copy{max-width:620px}
.we-brand-hero #we-brand-title{
    font-size:clamp(38px,5.5vw,90px);
    /* line-height:1.08;
    letter-spacing:-.04em; */
    overflow-wrap:normal;
}
.we-brand-hero .we-brand-hero__intro{font-size:18px;line-height:1.65;max-width:540px}
.we-brand-hero .we-brand-hero__eyebrow{
    font-size:16px;
    /* letter-spacing:.2em; */
}
@media(max-width:760px){.we-brand-hero #we-brand-title{font-size:clamp(32px,7.5vw,52px)}.we-brand-hero .we-brand-hero__intro{font-size:16px}.we-brand-hero__art{position:relative;inset:auto;display:block;width:100%;height:auto;object-fit:contain;order:2}.we-brand-hero{display:flex;flex-direction:column}.we-brand-hero__inner{display:contents}.we-brand-hero__copy{order:1;width:calc(100% - 36px);margin:42px auto 12px}.we-brand-hero__services{order:3;width:calc(100% - 36px);margin:0 auto;padding:26px 0 34px}.we-brand-hero__outline{display:none}.we-brand-hero:before{display:none}}

/* Keep theme span rules from overriding the heading font. */
.we-brand-hero span{font-family:'Libre Franklin'; }
.we-brand-hero .we-brand-hero__eyebrow,.we-brand-hero .we-brand-hero__intro,.we-brand-hero .we-brand-hero__primary,.we-brand-hero .we-brand-hero__secondary,.we-brand-hero .we-brand-hero__services p,.we-brand-hero .we-brand-hero__number{font-family: 'Bai Jamjuree'}
