
.brand-study{--brand-paper:#f3eee4;--brand-ink:#11121b;--brand-pink:#f2a4cd;--brand-blue:#23b2ee;--brand-yellow:#f4df6b;background:var(--brand-paper);color:var(--brand-ink)}
.brand-study .container{max-width:1320px;width:calc(100% - 96px);margin-inline:auto}.brand-study .dark{background:var(--brand-ink);color:var(--brand-paper)}
.brand-study h1,.brand-study h2{margin:0;letter-spacing:-.045em!important;line-height:1.02!important}.brand-study h1{font-size:clamp(48px,5.7vw,88px)!important}.brand-study h2{font-size:clamp(32px,3.8vw,58px)!important}.brand-study h3{font-family:var(--wab-font-character,'Sanuk Round',sans-serif);font-size:28px;line-height:1.15;margin:0 0 18px}.brand-study p{font-size:19px;line-height:1.55;margin:0 0 20px}.brand-study a:focus-visible{outline:3px solid var(--brand-blue);outline-offset:6px}.brand-hero{padding:180px 0 110px;overflow:hidden}.brand-hero__grid{display:grid;grid-template-columns:1.03fr 1fr;gap:7%;align-items:center}.brand-hero h1{margin-bottom:32px}.brand-hero h1 span{color:var(--brand-pink)}.brand-hero p{max-width:530px}.brand-hero p:first-of-type{font-size:24px}.brand-actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:34px}.brand-actions>a:last-child{color:inherit;text-decoration:underline;text-underline-offset:5px;font-size:17px}.brand-board{position:relative;padding:0 0 94px 30px;transform:rotate(-3deg)}.brand-board>img{width:100%;aspect-ratio:1.12;object-fit:cover;border-radius:22px;box-shadow:0 24px 70px #0005}.brand-board__type{position:absolute;bottom:0;left:0;background:var(--brand-pink);color:var(--brand-ink);border-radius:18px;padding:24px 28px;display:flex;gap:24px;align-items:center;transform:rotate(7deg);box-shadow:0 12px 35px #0003}.brand-board__type strong{font-family:var(--wab-font-heading);font-size:70px;line-height:1}.brand-board__type span{font-size:17px;line-height:1.25}.brand-board__swatches{position:absolute;right:-12px;bottom:38px;display:flex;transform:rotate(-6deg);border:6px solid var(--brand-paper);border-radius:9px;overflow:hidden;box-shadow:0 12px 30px #0004}.brand-board__swatches i{width:45px;height:70px;background:var(--brand-blue)}.brand-board__swatches i:nth-child(2){background:var(--brand-pink)}.brand-board__swatches i:nth-child(3){background:var(--brand-yellow)}.brand-board__swatches i:nth-child(4){background:var(--brand-paper)}
.brand-section{padding:100px 0}.brand-heading{display:grid;grid-template-columns:1.15fr 1fr;gap:10%;align-items:end;margin-bottom:56px}.brand-heading p{max-width:510px;margin-bottom:0}.brand-services{display:grid;grid-template-columns:1fr 1fr;gap:24px}.brand-service{background:#fffaf2;border:1px solid #11121b1c;border-radius:22px;padding:40px;display:grid;grid-template-columns:72px 1fr;column-gap:24px}.brand-service:nth-child(2){background:#f0acd0}.brand-service:nth-child(3){background:#f3df7b}.brand-service__icon{grid-row:1/4;width:68px;height:68px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:29px}.brand-service ul{grid-column:2;margin:4px 0 0;padding:0;list-style:none}.brand-service li{border-top:1px solid #11121b26;padding:10px 0;font-size:17px}.brand-service p{font-size:18px}.brand-cases{display:grid;grid-template-columns:1.15fr 1fr;gap:36px}.brand-case{color:inherit!important;text-decoration:none}.brand-case:nth-child(2){margin-top:110px}.brand-case>div{overflow:hidden;border-radius:18px;background:#23242d}.brand-case img{width:100%;aspect-ratio:1.25;object-fit:cover;transition:transform .4s}.brand-case:hover img{transform:scale(1.025)}.brand-case h3{display:flex;justify-content:space-between;margin:24px 0 7px}.brand-case p{font-size:16px;opacity:.75}.brand-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;list-style:none;padding:0;margin:0}.brand-step__top{display:flex;justify-content:space-between;align-items:center;border-top:2px solid var(--brand-ink);padding:22px 0 34px}.brand-step__top span{font-size:42px;font-family:var(--wab-font-heading)}.brand-step__top i{font-size:30px}.brand-steps p{font-size:17px}.brand-starts{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-bottom:36px}.brand-starts article{border-top:1px solid #f3eee44d;padding-top:26px}.brand-starts p{font-size:18px}.brand-questions{display:grid;grid-template-columns:1fr 1fr;gap:30px 70px}.brand-questions article{border-top:1px solid #11121b4d;padding-top:25px}.brand-questions h3{font-size:24px}.brand-questions p{font-size:18px}.brand-contact__grid{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;align-items:center}.brand-contact h2{margin-bottom:28px}.brand-contact p{max-width:540px}.brand-person{display:flex;gap:18px;align-items:center;margin:32px 0}.brand-person img{width:80px;height:80px;border-radius:50%;object-fit:cover}.brand-person strong,.brand-person span{display:block}.brand-person strong{font-size:22px}.brand-person span{font-size:16px;opacity:.75}.brand-contact__links{display:flex;gap:14px;flex-direction:column}.brand-contact__links a{color:inherit;font-size:21px;text-decoration:underline;text-underline-offset:6px}.brand-contact__panel{background:var(--brand-pink);color:var(--brand-ink);padding:46px;border-radius:24px}.brand-contact__panel h3{font-size:34px}.brand-contact .brand-contact__note{font-size:15px;margin:22px 0 0}.brand-study .button{font-size:17px;white-space:normal;text-align:center}.brand-contact__panel .button{color:var(--brand-ink);border-color:var(--brand-ink)}
@media(max-width:1000px){.brand-study .container{width:calc(100% - 56px)}.brand-hero__grid{gap:5%}.brand-hero{padding-top:150px}.brand-service{padding:28px;grid-template-columns:1fr}.brand-service__icon{grid-row:auto;margin-bottom:24px}.brand-service ul{grid-column:1}.brand-heading{gap:6%}.brand-steps{grid-template-columns:1fr 1fr}.brand-starts{gap:24px}.brand-contact__grid{gap:5%}.brand-contact__panel{padding:30px}}
@media(max-width:650px){.brand-study .container{width:calc(100% - 40px)}.brand-hero{padding:130px 0 65px}.brand-hero__grid,.brand-heading,.brand-services,.brand-cases,.brand-starts,.brand-questions,.brand-contact__grid{grid-template-columns:1fr;gap:30px}.brand-hero h1{font-size:clamp(39px,10.8vw,66px)!important}.brand-hero p:first-of-type{font-size:22px}.brand-study p{font-size:18px}.brand-board{margin:16px 12px 0 0;padding-left:10px;padding-bottom:95px}.brand-board__type{padding:20px;gap:16px}.brand-board__type strong{font-size:58px}.brand-board__type span{font-size:15px}.brand-board__swatches{bottom:34px}.brand-board__swatches i{width:30px;height:55px}.brand-section{padding:64px 0}.brand-heading{margin-bottom:32px}.brand-service{padding:28px}.brand-case:nth-child(2){margin-top:0}.brand-steps{gap:24px 20px}.brand-study h3{font-size:25px}.brand-steps h3{font-size:22px}.brand-steps p{font-size:16px}.brand-step__top span{font-size:34px}.brand-step__top i{font-size:24px}.brand-contact__panel{padding:28px}.brand-contact__links a{font-size:19px}}
@media(prefers-reduced-motion:reduce){.brand-case img{transition:none}}

/* Scope the light sections against the site's global dark-section defaults. */
.brand-study .brand-intro,.brand-study .brand-process,.brand-study .brand-faq{background:var(--brand-paper)!important;color:var(--brand-ink)!important}
.brand-study .brand-intro h2,.brand-study .brand-process h2,.brand-study .brand-faq h2{color:var(--brand-ink)!important}
.brand-study .brand-contact__panel .button{color:var(--brand-ink)!important;border-color:var(--brand-ink)!important}
