
.br-page{--br-paper:#f5f4f0;--br-ink:#17252b;--br-muted:#536166;--br-blue:#006eaa;background:var(--br-paper);color:var(--br-ink)}.br-page .container{max-width:1280px;width:calc(100% - 112px);margin-inline:auto}.br-page section:where(:not(.wab-section-faq)){color:inherit;background:transparent}.wab-local-typography .br-page :is(h1,h2){margin:0}.wab-local-typography .br-page :is(h1,h2) span{margin:0!important;padding:0!important;display:inline!important}.br-page h1{}.br-page h2{}.br-page h3{margin:0 0 16px}.br-page p{font-size:19px;line-height:1.6;margin:0 0 22px}.br-page a:focus-visible,.br-page summary:focus-visible{outline:3px solid var(--br-blue);outline-offset:7px}.br-page figure{margin:0;min-width:0}.br-page img{display:block;width:100%;height:auto}.br-page figcaption{font-size:14px;color:var(--br-muted);line-height:1.4;margin-top:15px}.br-page [id]{scroll-margin-top:110px}.br-button{}.br-button:hover{}.br-button span{}.br-hero{padding:170px 0 0}.br-hero__grid{display:grid;grid-template-columns:1.35fr 1fr;gap:8%;align-items:end}.br-hero h1 span{color:#7b8586}.br-hero__intro{padding-bottom:7px}.br-hero__intro>p:first-child{font-size:24px;line-height:1.35;font-weight:500}.br-hero__intro>p{max-width:440px}.br-hero__photo{margin-top:70px!important}.br-hero__photo img{aspect-ratio:2.1;object-fit:cover;object-position:50% 38%;border-radius:3px}.br-intro{padding:110px 0 85px}.br-intro__grid{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:start}.br-intro p{max-width:540px}.br-offer{padding:35px 0 120px}.br-offer__layout{display:grid;grid-template-columns:.8fr 1.3fr;gap:12%;align-items:start}.br-offer header{position:sticky;top:130px;padding-top:35px}.br-offer header h2{margin-bottom:28px!important}.br-offer header p{max-width:350px;color:var(--br-muted);font-size:18px}.br-offer__items{display:grid;gap:22px}.br-offer-item{padding:35px 38px;background:#fff;border-radius:10px}.br-offer-item:nth-child(2){background:#eaece8}.br-offer-item__heading{display:flex;align-items:center;gap:16px;margin-bottom:24px}.br-offer-item__heading h3{margin:0}.br-offer-icon{width:45px;height:45px;border-radius:12px;background:#e6edf0;display:grid;place-items:center;font-size:20px;color:var(--br-ink)}.br-offer-item__lead{font-size:21px!important;line-height:1.3!important;margin-bottom:30px!important}.br-offer-item dl{padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:25px}.br-offer-item dt{font-weight:700;font-size:18px;line-height:1.2;margin-bottom:12px}.br-offer-item dd{margin:0;font-size:16px;line-height:1.55;color:var(--br-muted)}.br-offer-item .br-offer-item__result{display:flex;gap:12px;align-items:start;font-size:15px;line-height:1.5;margin:28px 0 0;padding:15px 17px;background:#f0f3f2;border-radius:7px}.br-offer-item:nth-child(2) .br-offer-item__result{background:#f8f9f7}.br-offer-item__result i{color:var(--br-blue);padding-top:4px}.br-collaboration{padding:105px 0;background:var(--br-ink)!important;color:var(--br-paper)!important}.br-collaboration__grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.br-collaboration h2{margin-bottom:32px!important}.br-collaboration__grid>div>p{max-width:510px;opacity:.86}.br-collaboration img{aspect-ratio:1;object-fit:cover;object-position:50% 38%;border-radius:3px}.br-collaboration figcaption{color:#c2cac8}.br-process{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin:75px 0 0;padding:0;list-style:none}.br-process li{padding:0;margin:0}.br-process li::before,.br-process li::after{display:none!important}.br-process li>span{display:grid;place-items:center;width:36px;height:36px;background:#35474f;border-radius:50%;margin-bottom:22px;font-size:15px}.br-process h3{}.br-process p{font-size:16px;opacity:.78}.br-faq{padding:100px 0;background:#eeefeb!important}.br-faq__grid{display:grid;grid-template-columns:1fr 1.15fr;gap:10%;align-items:start}.br-faq details{padding:22px 25px;background:#f9f9f6;border-radius:8px;margin-bottom:12px}.br-faq summary{display:flex;justify-content:space-between;align-items:center;gap:22px;cursor:pointer;list-style:none;font-size:20px;font-weight:700;line-height:1.3}.br-faq summary::-webkit-details-marker{display:none}.br-faq summary>span{font-size:25px;font-weight:400}.br-faq details[open] summary>span{transform:rotate(45deg)}.br-faq details>p{font-size:17px;margin:20px 25px 0 0;color:var(--br-muted)}.br-contact{padding:110px 0}.br-contact__grid{display:grid;grid-template-columns:1fr 1.1fr;gap:12%;align-items:start}.br-person{display:flex;align-items:center;gap:16px;margin-bottom:35px}.br-person>img{width:78px;height:78px;border-radius:50%;object-fit:cover}.br-person strong,.br-person span{display:block;font-size:16px}.br-person strong{font-weight:700}.br-person span{color:var(--br-muted)}.br-contact h2{margin-bottom:30px!important}.br-contact__grid>div>p{max-width:450px}.br-contact__links{display:flex;flex-direction:column;gap:12px;margin-top:30px}.br-contact__links a{color:inherit;font-size:19px;text-underline-offset:5px}.br-contact__form{padding:38px;background:#fff;border-radius:12px;min-width:0}.br-contact__form h3{margin-bottom:30px}.br-contact__form .gform_wrapper{margin:0}.br-contact__form :is(label,legend,.gfield_description,.gform-field-label){color:var(--br-ink)!important}.br-contact__form :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=submit]),textarea,select){color:var(--br-ink)!important;background:#f1f3f2!important;border:1px solid #d9e0df!important;border-radius:5px!important;padding:12px!important;font:inherit;max-width:100%}.br-contact__form :is(input[type=submit],button[type=submit]){background:var(--br-ink)!important;color:#fff!important;border:0!important;border-radius:6px!important;padding:15px 27px!important;font-family:inherit;font-size:18px!important;cursor:pointer}.br-contact__form :is(fieldset,.gfield){min-width:0}.br-contact__form .gform_fields{row-gap:23px!important}.br-contact__form textarea{min-height:135px;max-height:220px}.br-page .gfield_required{color:#8a3f28!important}
@media(max-width:1000px){.br-page .container{width:calc(100% - 60px)}.br-hero{padding-top:145px}.br-hero__grid{gap:6%;grid-template-columns:1.2fr 1fr}.br-page h1{}.br-page h2{}.br-offer__layout{gap:6%;grid-template-columns:.85fr 1.3fr}.br-offer-item{padding:28px}.br-offer-item dl{grid-template-columns:1fr;gap:24px}.br-intro__grid,.br-contact__grid,.br-collaboration__grid{gap:7%}.br-contact__form{padding:28px}.br-process{grid-template-columns:1fr 1fr;gap:35px}}
@media(max-width:650px){.br-page .container{width:calc(100% - 40px)}.br-hero{padding-top:125px}.br-hero__grid,.br-intro__grid,.br-offer__layout,.br-collaboration__grid,.br-faq__grid,.br-contact__grid{grid-template-columns:1fr;gap:30px}.br-page h1{}.br-page h2{}.br-page p{font-size:18px}.br-hero__intro>p:first-child{font-size:22px}.br-hero__photo{margin-top:38px!important}.br-hero__photo img{aspect-ratio:1.15;object-position:56% 40%}.br-button{width:100%}.br-intro{padding:65px 0 50px}.br-offer{padding:10px 0 65px}.br-offer header{position:static;padding:0}.br-offer header h2{margin-bottom:23px!important}.br-offer-item{padding:26px 23px}.br-offer-item__heading h3{}.br-offer-item__lead{font-size:20px!important}.br-offer-item dl{grid-template-columns:1fr}.br-collaboration,.br-faq,.br-contact{padding:65px 0}.br-collaboration__grid figure{margin-top:10px}.br-collaboration img{aspect-ratio:1.1}.br-process{gap:27px 24px;margin-top:45px}.br-process h3{}.br-process p{font-size:16px}.br-faq details{padding:21px}.br-faq summary{font-size:19px}.br-contact__form{padding:27px 22px;margin-top:10px}.br-contact__form h3{}.br-contact__links{margin-top:23px}}
@media(prefers-reduced-motion:reduce){.br-page *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
/* Isolate this direction from the shared dark page canvas. */
main.br-page{background:var(--br-paper)!important;color:var(--br-ink)!important}
.br-page :is(.br-hero,.br-intro,.br-offer,.br-contact){background:var(--br-paper)!important;color:var(--br-ink)!important}

/* Web and Brand: Sanuk, Effra and the existing blue family. */
.br-page{--br-paper:#f5f5f2;--br-ink:#101117;--br-muted:#56616b;--br-blue:#0056dc}
.wab-local-typography .br-page :is(h1,h2,h3){}
.br-page :is(.br-hero__grid,.br-intro__grid,.br-offer__layout,.br-collaboration__grid,.br-faq__grid,.br-contact__grid){grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px}
.br-page h1{}.br-page h2{}.br-offer header h2{}
.br-hero h1>span:last-child{color:var(--br-blue)}.br-button{}.br-button__arrow{display:block;width:24px;height:24px;flex-shrink:0}.br-button:hover{}.br-own-word{position:relative;white-space:nowrap}.br-own-word::before{content:'';position:absolute;inset:5px -5px 0;border:1.5px solid #1eb0ff;transform:rotate(-3deg);pointer-events:none}.br-own-word::after{content:'';position:absolute;right:-8px;bottom:-3px;width:7px;height:7px;background:#1eb0ff;border:2px solid var(--br-paper)}.br-own-cursor{position:absolute;right:-27px;bottom:-25px;width:26px;height:32px;color:#0056dc;transform:rotate(-8deg);transition:transform .25s}.br-own-word:hover .br-own-cursor{transform:translate(-4px,-3px) rotate(-8deg)}
.br-hero__photo{width:100vw;position:relative;left:50%;margin-left:-50vw!important;transform:translate3d(0,var(--brand-scroll,0px),0)}.br-hero__photo img{border-radius:0;aspect-ratio:2.35;object-position:50% 42%}.br-hero__photo figcaption{max-width:1280px;width:calc(100% - 112px);margin:18px auto 0}
.br-offer-item{background:#e4eaf5}.br-offer-item:nth-child(2){background:#dce9ef}.br-offer-item:nth-child(3){background:#e7e5dc}.br-offer-icon{background:#fff;color:#0056dc}.br-offer-item .br-offer-item__result,.br-offer-item:nth-child(2) .br-offer-item__result{background:#ffffffb8}.br-offer-item__result i{color:#0056dc}.br-offer-item__heading h3{}
.br-collaboration{position:relative;overflow:clip;background:#101117!important;padding-top:125px}.br-collaboration__grid{position:relative;z-index:2}.br-playful-photo{position:relative;transform:translate3d(0,var(--brand-scroll,0px),0) rotate(4deg);margin-top:-65px!important;margin-left:-28px!important;z-index:2}.br-playful-photo img{box-shadow:0 25px 60px #0005;aspect-ratio:.95;border-radius:12px}.br-playful-photo::before{content:'';position:absolute;inset:25px -18px -5px 22px;border-radius:12px;background:#0056dc;transform:rotate(-7deg);z-index:-1}.br-playful-photo figcaption{padding:0 12px}.br-process{position:relative;z-index:3;margin-top:65px}.br-process li>span{background:#0056dc}.br-faq{background:#e4eaf5!important}.br-faq details{background:#f5f5f2}.br-contact__form{background:#e4eaf5}.br-contact__form :is(input[type=submit],button[type=submit]){background:#0056dc!important;border-radius:999px!important}.br-person img{outline:6px solid #e4eaf5}
@media(max-width:1000px){.br-page :is(.br-hero__grid,.br-intro__grid,.br-offer__layout,.br-collaboration__grid,.br-faq__grid,.br-contact__grid){gap:40px}.br-page h1{}.br-playful-photo{margin-left:0!important;margin-top:-25px!important}.br-hero__photo figcaption{width:calc(100% - 60px)}}
@media(max-width:650px){.br-page :is(.br-hero__grid,.br-intro__grid,.br-offer__layout,.br-collaboration__grid,.br-faq__grid,.br-contact__grid){grid-template-columns:1fr;gap:30px}.br-page h1{}.br-hero__photo img{aspect-ratio:1.18}.br-hero__photo figcaption{width:calc(100% - 40px)}.br-own-word::before{inset:3px -3px 0}.br-own-cursor{width:19px;height:24px;right:-19px;bottom:-19px}.br-playful-photo{margin:15px 10px 0!important;transform:translate3d(0,var(--brand-scroll,0px),0) rotate(2deg)}.br-playful-photo img{aspect-ratio:1.15}.br-playful-photo::before{inset:15px -10px -5px 12px}.br-collaboration{padding-top:65px}.br-offer header h2{}}
@media(prefers-reduced-motion:reduce){.br-hero__photo{transform:none!important}.br-playful-photo{transform:rotate(3deg)!important}.br-own-cursor{transition:none!important}}
.br-page h1{}
.br-own-cursor{right:-36px;bottom:2px}
.br-playful-photo figcaption{position:relative;z-index:3;background:#101117;display:inline-block;margin-top:23px;padding:7px 10px;border-radius:4px}
@media(max-width:1000px){.br-page h1{}}
@media(max-width:650px){.br-page h1{}.br-own-cursor{right:-28px;bottom:2px}}

/* One light canvas, one dark collaboration chapter. */
.wab-local-typography .br-page :is(h1,h2){}.wab-local-typography .br-page :is(h1,h2) span{}
.br-page h1{}.br-page h2{}.br-offer header h2{}
.br-offer-item,.br-offer-item:nth-child(2),.br-offer-item:nth-child(3){background:#fff}.br-offer-icon{background:transparent}.br-offer-item .br-offer-item__result,.br-offer-item:nth-child(2) .br-offer-item__result{background:transparent;padding:0;margin-top:25px}.br-offer-item dl{grid-template-columns:1fr;gap:22px}.br-intro{padding-top:75px;padding-bottom:55px}.br-offer{padding-top:0}.br-process{grid-template-columns:1fr 1fr;gap:30px 64px}.br-page .br-faq{background:transparent!important;padding:0 0 65px}.br-faq details{background:#fff}.br-contact__form{background:#fff}.br-person img{outline:0}.br-contact{padding-top:85px}.br-offer-item{transition:transform .35s,box-shadow .35s}.br-offer-item:hover{transform:translateY(-4px);box-shadow:0 14px 35px #10111709}
.br-motion-ready [data-brand-reveal]{opacity:0;transform:translate3d(0,24px,0);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}.br-motion-ready [data-brand-reveal].is-visible{opacity:1;transform:translate3d(0,0,0)}.br-motion-ready .br-hero__photo img{clip-path:inset(0 calc(var(--brand-photo-inset,0)*1%) round 0px);transition:clip-path .1s linear}.br-playful-photo{will-change:transform}.br-own-word .br-own-cursor,.br-own-word:hover .br-own-cursor{transform:translate(var(--cursor-x,0px),var(--cursor-y,0px)) rotate(-8deg);transition:transform .15s ease-out}.br-process li>span{transition:transform .3s,background .3s}.br-process li:hover>span{transform:rotate(-12deg) scale(1.12)}
@media(max-width:650px){.br-page h1{}.br-page h2,.br-offer header h2{}.br-intro{padding-block:55px 35px}.br-process{grid-template-columns:1fr;gap:28px}.br-page .br-faq{padding-bottom:40px}.br-contact{padding-top:60px}}
@media(prefers-reduced-motion:reduce){.br-motion-ready [data-brand-reveal]{opacity:1!important;transform:none!important;transition:none!important}.br-motion-ready .br-hero__photo img{clip-path:none!important}.br-own-word .br-own-cursor{transform:rotate(-8deg)!important}.br-offer-item:hover{transform:none;box-shadow:none}.br-playful-photo{will-change:auto}}

/* Unified hero with an irregular, photographic strip. */
.br-page .br-hero__grid{display:block;text-align:center}.br-hero h1{max-width:1150px;margin-inline:auto!important}.br-page h1{}.br-hero__intro{max-width:750px;margin:32px auto 0;padding:0}.br-hero__intro>p:first-child{font-size:22px;font-weight:400;line-height:1.5;max-width:none;margin-bottom:25px}.br-hero__intro .br-button{min-width:220px}.br-own-word{color:var(--br-ink)!important}.br-own-word::before{inset:4px -5px 0}.br-own-cursor{right:-31px;bottom:0}.br-photo-grid{display:grid;grid-template-columns:1.13fr .9fr .85fr 1.05fr;gap:22px;align-items:start;position:relative;left:50%;width:calc(100vw - 48px);transform:translateX(-50%);margin-top:55px;padding:70px 0 90px;isolation:isolate}.br-photo-tile{min-width:0;position:relative;transform:translate3d(0,var(--brand-scroll,0px),0)}.br-photo-tile img{width:100%;height:100%;object-fit:cover;border-radius:15px;transition:filter .35s}.br-photo-tile--one{height:280px;margin-top:25px!important;transform:translate3d(0,var(--brand-scroll,0px),0) rotate(-2deg)}.br-photo-tile--one img{object-position:47% 42%}.br-photo-tile--two{height:340px;margin-top:-45px!important;transform:translate3d(0,var(--brand-scroll,0px),0) rotate(2deg)}.br-photo-tile--two img{object-position:38% center}.br-photo-tile--three{height:230px;margin-top:75px!important;transform:translate3d(0,var(--brand-scroll,0px),0) rotate(-1deg)}.br-photo-tile--four{height:300px;margin-top:-10px!important;transform:translate3d(0,var(--brand-scroll,0px),0) rotate(2deg)}.br-photo-note{position:absolute;left:43%;bottom:15px;display:flex;align-items:center;gap:15px;transform:rotate(-5deg);color:#0056dc;font-family:"FF Sanuk Round",sans-serif;font-size:19px;pointer-events:none}.br-photo-note svg{width:90px;height:45px;transform:rotate(180deg)}.br-page .br-intro{padding-top:25px}.br-practice{margin-top:26px!important}.br-practice>button{border:0;padding:0;background:#f5f5f2;display:block;position:relative;width:100%;cursor:zoom-in;border-radius:8px;overflow:hidden;color:#101117}.br-practice img{width:100%;aspect-ratio:1.45;object-fit:contain;transition:transform .45s cubic-bezier(.2,.7,.2,1)}.br-practice>button:hover img{transform:scale(1.025)}.br-practice__zoom{position:absolute;bottom:10px;right:10px;width:32px;height:32px;display:grid;place-items:center;background:white;border-radius:50%;font-size:22px;box-shadow:0 2px 15px #0001}.br-guide-pages{display:grid;grid-template-columns:1fr 1fr;gap:12px}.br-guide-pages .br-practice img{aspect-ratio:1.5}.br-guide-pages figcaption{margin-top:9px;font-size:13px}.br-page .br-practice-credit{font-size:13px;margin:12px 0 0;color:var(--br-muted)}.br-practice figcaption{font-size:13px;margin-top:10px}.br-image-preview{background:#f5f5f2;color:#101117;border:0;border-radius:12px;padding:22px;width:min(1200px,94vw);max-width:94vw;max-height:93dvh;box-shadow:0 30px 100px #0005}.br-image-preview::backdrop{background:#101117d9;backdrop-filter:blur(5px)}.br-image-preview__close{display:flex;align-items:center;gap:15px;border:0;background:#101117;color:#fff;border-radius:999px;padding:10px 18px;margin:0 0 16px auto;cursor:pointer;font:inherit}.br-image-preview__close span{font-size:25px;line-height:1}.br-image-preview img{width:100%;height:auto;max-height:74dvh;object-fit:contain}.br-image-preview figcaption{font-size:16px;line-height:1.4;color:#101117;margin:15px 0 0}.br-page .br-offer-item{overflow:hidden}
@media(min-width:1600px){.br-photo-grid{max-width:1700px}.br-photo-tile--one{height:320px}.br-photo-tile--two{height:380px}.br-photo-tile--three{height:270px}.br-photo-tile--four{height:340px}}
@media(max-width:1000px){.br-photo-grid{gap:16px;width:calc(100vw - 36px)}.br-photo-tile--one{height:225px}.br-photo-tile--two{height:275px}.br-photo-tile--three{height:180px}.br-photo-tile--four{height:240px}.br-page h1{}.br-photo-note{left:30%;bottom:10px}}
@media(max-width:650px){.br-hero__intro{margin-top:26px}.br-hero__intro>p:first-child{font-size:19px}.br-page h1{}.br-hero__intro .br-button{width:auto;max-width:100%;min-width:220px}.br-photo-grid{grid-template-columns:1fr 1fr;gap:16px;width:calc(100vw - 36px);margin-top:40px;padding:40px 0 75px}.br-photo-tile--one{height:190px;margin-top:5px!important}.br-photo-tile--two{height:225px;margin-top:-25px!important}.br-photo-tile--three{height:170px;margin-top:-10px!important}.br-photo-tile--four{height:210px;margin-top:12px!important}.br-photo-note{left:8%;bottom:5px;font-size:17px;gap:8px}.br-photo-note svg{width:60px}.br-page .br-intro{padding-top:25px}.br-own-cursor{right:-20px;width:18px;height:22px;bottom:0}.br-guide-pages{gap:10px}.br-image-preview{padding:15px}.br-image-preview img{max-height:73dvh}.br-image-preview figcaption{font-size:14px}}
@media(prefers-reduced-motion:reduce){.br-photo-tile{transform:none!important}.br-practice img{transition:none!important}}

.br-page .br-image-preview__close,.br-page .br-image-preview__close span{color:#fff!important}.br-page .br-image-preview__close{background:#101117!important}

/* A smaller set of real studio images and a readable stack of brand decisions. */
.br-photo-grid{grid-template-columns:1.05fr 1.25fr .85fr}.br-photo-tile--one{height:300px}.br-photo-tile--two{height:340px}.br-photo-tile--three{height:275px;margin-top:40px!important}.br-photo-tile--one img{object-position:45% 65%}.br-photo-tile--two img{object-position:50% 50%}.br-photo-tile--three img{object-position:50% 50%}.br-photo-note{left:43%}
.br-inline-cta{display:inline-flex;align-items:center;gap:18px;color:var(--br-blue)!important;font-size:19px;font-weight:700;text-decoration:none!important;border-bottom:1px solid currentColor;padding-bottom:5px}.br-inline-cta span{font-size:25px}.br-offer header .br-stack-hint{font-size:14px;margin-top:35px;display:flex;gap:16px;color:var(--br-muted)}.br-offer header p{max-width:480px}.br-offer-item{padding:27px 30px;box-shadow:0 4px 20px #10111706;border:1px solid #1011170a}.br-offer-item__heading{margin-bottom:14px}.br-offer-item__lead{font-size:20px!important;margin-bottom:20px!important}.br-offer-item dl{grid-template-columns:1fr 1fr;gap:20px}.br-offer-item dt{font-size:17px;margin-bottom:6px}.br-offer-item dd{font-size:16px;line-height:1.45}.br-offer-item .br-practice{margin-top:20px!important}.br-practice img{aspect-ratio:2.1}.br-guide-pages .br-practice img{aspect-ratio:1.5}.br-practice figcaption,.br-page .br-practice-credit{font-size:12px;margin-top:9px}.br-offer-item:hover{transform:none}.br-offer__items{gap:48px;padding-bottom:15px}.br-page .br-offer-item[data-brand-reveal]{opacity:1;transform:none;transition:box-shadow .3s}.br-playful-photo img{object-position:50% 50%;aspect-ratio:1}.br-process{counter-reset:steps;gap:24px 40px;margin-block:70px 38px}.br-process li{position:relative;border-radius:14px;padding:28px;background:#ffffff08;overflow:hidden}.br-process__visual{display:flex;align-items:center;gap:22px;color:#56a6ff;margin-bottom:25px;min-height:54px}.br-process__visual>span{font-family:"Graphik Super",sans-serif;font-size:40px;line-height:1;color:#fff}.br-process__visual>i{font-size:28px}.br-process__visual>svg{width:70px;height:24px;margin-left:auto}.br-process li:last-child svg{display:none}.br-process h3{margin-bottom:12px}.br-process p{margin-bottom:0;max-width:440px}.br-inline-cta--light{color:#fff!important}.br-process li:hover .br-process__visual>i{transform:rotate(-7deg);transition:transform .25s}
@media(min-width:901px) and (min-height:720px) and (prefers-reduced-motion:no-preference){.br-offer__items{position:relative}.br-offer-item{position:sticky;top:calc(105px + var(--card-index)*24px);z-index:calc(2 + var(--card-index))}.br-offer__layout{align-items:start}.br-offer header{top:125px}.br-offer-item{box-shadow:0 -12px 35px #1011170b}.br-offer-item:focus-within{z-index:10}}
@media(max-width:1000px){.br-offer-item{padding:25px}.br-offer-item dl{grid-template-columns:1fr;gap:14px}}
@media(max-width:650px){.br-photo-grid{grid-template-columns:1fr 1fr}.br-photo-tile--one{height:200px}.br-photo-tile--two{height:230px}.br-photo-tile--three{grid-column:1/-1;height:180px;width:76%;margin:0 auto!important}.br-photo-note{left:12%;bottom:5px}.br-offer header .br-stack-hint{display:none}.br-offer-item dl{grid-template-columns:1fr;gap:14px}.br-offer__items{gap:22px;padding:0}.br-offer-item{position:static;padding:25px 22px}.br-process{gap:18px;margin-top:40px}.br-process li{padding:24px}.br-process__visual{margin-bottom:18px}.br-practice img{aspect-ratio:1.65}.br-inline-cta{font-size:18px}.br-offer header p{font-size:18px}}
@media(prefers-reduced-motion:reduce){.br-offer-item{position:static}.br-process li:hover .br-process__visual>i{transform:none}}
@media(max-width:650px){.br-process__visual>svg{transform:rotate(90deg);width:50px}}
/* Shared section overflow must not create a non-scrolling sticky container. */
.br-page .br-offer{overflow:visible}
body:has(.br-page){overflow-x:clip;overflow-y:visible}
/* Recent shared image direction; preserve the approved staggered composition. */
.br-photo-tile--one img{object-position:38% 50%}.br-photo-tile--two img{object-position:52% 50%}.br-playful-photo img{object-position:57% 50%}

/* Source: The next Web and Brand 2025 (Colorful). Editorial service chapters. */
.br-page .br-offer-item{isolation:isolate;position:relative;padding:34px 34px 28px;box-shadow:0 10px 30px #10111706;border:0;overflow:hidden}
.br-offer-item::before{content:'';position:absolute;inset:-35px -95px auto auto;width:320px;height:245px;background:url('branding-editorial/brand-ribbon-loop.svg') center/cover no-repeat;transform:rotate(-24deg);z-index:-1;pointer-events:none}
.br-offer-item:nth-child(2)::before{background-image:url('branding-editorial/brand-ribbon-wave.svg');width:350px;height:220px;right:-120px;top:10px;transform:rotate(65deg)}
.br-offer-item:nth-child(3)::before{right:-160px;top:5px;transform:rotate(90deg)}
.br-offer-item__heading{align-items:baseline;gap:20px;margin-bottom:20px;padding-right:35px}.br-chapter-number{font-family:"Graphik Super",sans-serif;font-size:29px;color:var(--br-blue);line-height:1}.br-page .br-offer-item__heading h3{}.br-offer-item__lead{font-size:22px!important;line-height:1.35!important;max-width:340px;margin-bottom:22px!important}.br-deliverables{list-style:none!important;display:grid;gap:8px;margin:0;padding:0;max-width:440px}.br-deliverables>li{font-size:16px;line-height:1.45;position:relative;padding-left:20px;margin:0}.br-deliverables>li::before{content:'↗';color:var(--br-blue);position:absolute;left:0;font-size:16px}.br-offer-item .br-practice{margin-top:28px!important}.br-practice>button{background:#f5f5f2}.br-offer-item .br-practice img{aspect-ratio:1.95}.br-offer-item .br-guide-pages .br-practice img{aspect-ratio:1.5}.br-offer-item .br-guide-pages{margin-top:6px}.br-practice-credit{padding-top:4px}
@media(min-width:901px) and (min-height:720px) and (prefers-reduced-motion:no-preference){.br-page .br-offer-item{position:sticky;top:calc(105px + var(--card-index)*24px);box-shadow:0 -12px 35px #1011170b}}
@media(max-width:650px){.br-page .br-offer-item{padding:29px 23px 24px}.br-offer-item__heading{gap:16px;padding-right:0}.br-page .br-offer-item__heading h3{}.br-chapter-number{font-size:25px}.br-offer-item__lead{font-size:20px!important;max-width:240px}.br-offer-item::before{right:-170px;opacity:.7}.br-offer-item:nth-child(2)::before{right:-195px}.br-offer-item:nth-child(3)::before{right:-210px}.br-offer-item .br-practice img{aspect-ratio:1.5}.br-deliverables>li{font-size:16px}}
@media(prefers-reduced-motion:reduce){.br-page .br-offer-item{position:relative}}

/* Never pin a chapter taller than the available reading viewport. */
.br-page:not(.br-stack-ready) .br-offer-item{position:relative;top:auto}
.br-page .br-deliverables>li::after{display:none!important;content:none!important}.br-page .br-deliverables>li::before{content:''!important;position:absolute!important;left:0!important;top:.55em!important;width:5px!important;height:5px!important;border:0!important;border-radius:50%;background:var(--br-blue)!important;transform:none!important}
/* Two selected scenes; rejected people/scenes are not reused through another crop. */
.br-photo-grid--duo{grid-template-columns:1.4fr 1fr;max-width:1450px;gap:30px;width:calc(100vw - 60px);padding-block:55px 95px}.br-photo-grid--duo .br-photo-tile--one{height:350px;margin-top:15px!important}.br-photo-grid--duo .br-photo-tile--one img{object-position:57% 50%}.br-photo-grid--duo .br-photo-tile--three{height:340px;margin-top:-15px!important}.br-photo-grid--duo .br-photo-note{left:42%}
@media(max-width:1000px){.br-photo-grid--duo{gap:24px}.br-photo-grid--duo .br-photo-tile--one{height:280px}.br-photo-grid--duo .br-photo-tile--three{height:280px;grid-column:auto;width:auto}}
@media(max-width:650px){.br-photo-grid--duo{grid-template-columns:1fr;width:calc(100vw - 40px);gap:16px;padding-block:25px 75px;margin-top:30px}.br-photo-grid--duo .br-photo-tile--one{height:210px;margin:0!important}.br-photo-grid--duo .br-photo-tile--three{height:210px;width:78%;margin:0 0 0 auto!important}.br-photo-grid--duo .br-photo-note{left:5%;bottom:5px}}
.br-page .br-service-name{font-family:"FF Sanuk Round",sans-serif;font-size:24px;line-height:1.25;font-weight:700;color:var(--br-ink);margin:0 0 24px;text-transform:none;letter-spacing:0}
@media(max-width:650px){.br-page .br-service-name{font-size:22px;margin-bottom:20px}}

/* Productized, readable services. The original ribbon belongs to the section edge. */
.br-page .br-offer-item::before{display:none}.br-page .br-offer{position:relative;isolation:isolate}.br-page .br-offer::before{content:'';position:absolute;top:470px;left:-310px;width:420px;height:360px;background:url('branding-editorial/brand-ribbon-loop.svg') center/contain no-repeat;transform:rotate(30deg);opacity:.6;z-index:-1;pointer-events:none}.br-page .br-contact{position:relative;isolation:isolate}.br-page .br-contact::before{content:'';position:absolute;right:-300px;top:200px;width:420px;height:330px;background:url('branding-editorial/brand-ribbon-wave.svg') center/contain no-repeat;transform:rotate(65deg);opacity:.7;z-index:-1;pointer-events:none}.br-service .br-offer-item__heading{padding:0;align-items:start}.br-page .br-service .br-offer-item__heading h3{}.br-chapter-number{padding-top:6px}.br-service .br-offer-item__lead{max-width:none;font-size:21px!important;margin-bottom:18px!important}.br-page .br-service__copy{font-size:17px;line-height:1.55;margin-bottom:24px}.br-service .br-service__visual{margin-block:24px!important}.br-service__approach h4{margin:0 0 10px;color:inherit}.br-page .br-service__approach p{font-size:16px;line-height:1.5;margin-bottom:20px}.br-service .br-deliverables{gap:7px}.br-service__link{margin-top:26px}.br-service__link span,.br-chevron{}.br-service .br-practice img{aspect-ratio:1.5!important}.br-brand-compass{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#eef3fb;border-radius:10px;padding:24px;margin-block:26px!important}.br-brand-compass__center{grid-row:span 3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--br-blue)}.br-brand-compass__center i{width:64px;height:64px;border-radius:50%;background:#0056dc;color:#fff;display:grid;place-items:center;font-size:28px}.br-brand-compass__center strong{font-family:"FF Sanuk Round",sans-serif;font-size:27px}.br-brand-compass__point{padding:12px;background:#fff;border-radius:7px}.br-brand-compass__point span,.br-brand-compass__point strong{display:block;line-height:1.3}.br-brand-compass__point span{font-size:13px;color:var(--br-muted);margin-bottom:3px}.br-brand-compass__point strong{font-size:16px}.br-brand-compass figcaption{grid-column:1/-1;margin:5px 0 0!important;font-size:12px!important}.br-photo-note{gap:0}.br-inline-cta span{font-family:Arial,sans-serif}.br-photo-note svg{display:none}.br-stack-hint{display:none!important}.br-page .br-practice__zoom{font-size:25px;line-height:1;color:#101117!important;font-family:Arial,sans-serif}.br-button .br-chevron{flex-shrink:0}.br-service-name{padding-top:0}
/* Full-width process photograph, then a calm vertical working sequence. */
.br-page .br-collaboration{padding:0;background:#101117!important;overflow:clip}.br-collaboration__scene{position:relative;isolation:isolate;min-height:650px;display:flex;align-items:end;padding-block:115px 95px}.br-page .br-collaboration__background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 43%;z-index:-2;border-radius:0;aspect-ratio:auto}.br-collaboration__scene::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101117f2 0%,#101117c7 45%,#10111780 100%),linear-gradient(180deg,#1011170a 30%,#101117 100%);z-index:-1}.br-collaboration__story h2{max-width:660px;margin-bottom:32px!important}.br-page .br-collaboration__story p{font-size:19px;line-height:1.55;color:#f5f5f2;max-width:610px;opacity:1}.br-collaboration__story p:last-child{margin-bottom:0}.br-approach{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding-block:85px 110px}.br-approach h2{margin-bottom:25px!important}.br-page .br-approach>div>p{max-width:470px;color:#c4c9d2}.br-process-list{display:grid;gap:12px;align-content:start}.br-process-step{background:#ffffff08;border-radius:12px;padding:23px 25px;min-width:0}.br-process-step summary{display:flex;align-items:center;gap:18px;cursor:pointer;list-style:none}.br-process-step summary::-webkit-details-marker{display:none}.br-process-step__icon{width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;background:#25354c;border-radius:50%;color:#8ebaff;font-size:18px}.br-process-step summary>span:nth-child(2){flex:1;min-width:0}.br-process-step small{display:block;font-family:"Effra",sans-serif;font-size:12px;line-height:1;margin-bottom:7px;color:#9aa8bc}.br-process-step strong{display:block;font-family:"Effra",sans-serif;font-weight:700;font-size:22px;line-height:1.2;color:#fff}.br-process-step__toggle{font-family:Arial,sans-serif;font-size:25px;line-height:1;flex:0 0 18px;color:#c9d5e6}.br-process-step[open] .br-process-step__toggle{transform:rotate(45deg)}.br-page .br-process-step p{padding:0;margin:20px 0 0 64px;color:#cbd0d8;font-size:17px;line-height:1.55}.br-page .br-contact h2{}.br-page summary:focus-visible,.br-page button:focus-visible{outline:3px solid #2c8bff;outline-offset:5px}.br-process-step summary:focus-visible{outline-offset:10px}
@media(max-width:1000px){.br-approach{gap:40px}.br-collaboration__scene{min-height:620px}.br-page .br-service .br-offer-item__heading h3{}.br-process-step{padding:22px}.br-process-step strong{font-size:20px}.br-process-step summary{gap:13px}.br-page .br-process-step p{margin-left:0}.br-brand-compass{padding:20px}}
@media(max-width:650px){.br-service .br-offer-item__heading{gap:14px}.br-page .br-service .br-offer-item__heading h3{}.br-service .br-offer-item__lead{font-size:20px!important}.br-page .br-service__copy{font-size:17px}.br-brand-compass{padding:18px 14px;gap:9px}.br-brand-compass__center i{width:50px;height:50px;font-size:23px}.br-brand-compass__center strong{font-size:23px}.br-brand-compass__point{padding:10px}.br-brand-compass__point strong{font-size:14px}.br-brand-compass__point span{font-size:12px}.br-collaboration__scene{min-height:650px;padding-block:95px 65px;align-items:end}.br-page .br-collaboration__background{object-position:68% 45%}.br-collaboration__scene::after{background:linear-gradient(180deg,#10111780 0%,#101117c9 40%,#101117 100%)}.br-page .br-collaboration__story p{font-size:18px}.br-collaboration__story h2{margin-bottom:25px!important}.br-approach{grid-template-columns:1fr;gap:28px;padding-block:55px 65px}.br-process-step{padding:22px 19px}.br-process-step strong{font-size:21px}.br-process-step__icon{width:42px;height:42px;flex-basis:42px;font-size:17px}.br-page .br-process-step p{margin:20px 0 0}.br-page .br-contact h2{}.br-page .br-offer::before{left:-345px;top:360px;opacity:.5}.br-page .br-contact::before{right:-350px}}
