@import url('/assets/fonts.css');
#werb-site{--wh-paper:#f2f0e9;--wh-ink:#242621;--wh-dark:#151916;--wh-red:#d5382d;--wh-muted:#64675f;--wh-line:#cdcec3;background:var(--wh-paper);color:var(--wh-ink);font-family:'DM Sans',Arial,sans-serif;color-scheme:light;width:100%}
#werb-site *{box-sizing:border-box}
#werb-site [hidden]{display:none!important}
#werb-site h1,#werb-site h2,#werb-site h3,#werb-site p,#werb-site figure{margin:0}
#werb-site a{color:inherit;text-decoration:none}
#werb-site a:hover{text-decoration:underline;text-underline-offset:5px}
#werb-site button,#werb-site input,#werb-site textarea{font:inherit}
#werb-site button{border-radius:0}
#werb-site button:focus-visible,#werb-site a:focus-visible,#werb-site summary:focus-visible{outline:2px solid var(--wh-red);outline-offset:5px}
#werb-site h1,#werb-site h2{font-weight:500;letter-spacing:-.055em;line-height:1.02}
#werb-site em{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400;letter-spacing:-.035em}
#werb-site .wh-kicker{font-size:11px;letter-spacing:.095em;line-height:1.45;font-weight:500}
#werb-site .wh-opening{position:relative;isolation:isolate;color:#f8f6ef;background:var(--wh-dark);overflow:hidden}
#werb-site .wh-film,#werb-site .wh-film-shade{position:absolute;inset:0;z-index:-1}
#werb-site .wh-film video{width:100%;height:100%;object-fit:cover;display:block}
#werb-site .wh-film-shade{background:linear-gradient(90deg,rgba(13,22,18,.83),rgba(13,22,18,.42) 57%,rgba(13,22,18,.15)),linear-gradient(0deg,rgba(13,22,18,.6),transparent 50%,rgba(13,22,18,.25))}
#werb-site .wh-nav{height:90px;margin:0 5.5%;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid rgba(240,240,220,.25)}
#werb-site .wh-logo{font-family:Arial,sans-serif;font-size:35px;font-weight:800;line-height:1;letter-spacing:-2px;white-space:nowrap}
#werb-site .wh-logo span{color:var(--wh-red)}
#werb-site .wh-nav nav{display:flex;align-items:center;gap:30px;font-size:13px}
#werb-site .wh-nav-contact{display:flex;align-items:center;gap:30px;border-bottom:1px solid currentColor;padding:10px 0}
#werb-site .wh-hero-copy{padding:58px 5.5% 43px}
#werb-site .wh-red-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#f45145;margin-right:10px}
#werb-site h1{font-size:clamp(54px,8.3vw,91px);line-height:.94;margin:35px 0 32px;max-width:800px;letter-spacing:-.06em}
#werb-site h1 em{font-size:1.11em}
#werb-site .wh-hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:30px}
#werb-site .wh-hero-bottom p{font-size:14px;line-height:1.65;color:#e0e5db}
#werb-site .wh-primary{border:0;background:var(--wh-red);color:#fff;font-size:12px;display:inline-flex;gap:38px;align-items:center;justify-content:space-between;padding:17px 20px;min-height:48px}
#werb-site .wh-primary span{font-size:20px;line-height:1}
#werb-site .wh-film-footer{padding:15px 5.5% 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.09em}
#werb-site .wh-motion{display:flex;align-items:center;gap:10px;color:inherit;background:transparent;border:1px solid #ffffff70;min-height:40px;padding:8px 13px;font-size:11px;white-space:nowrap}
#werb-site .wh-proof{padding:26px 5.5% 28px;border-bottom:1px solid var(--wh-line)}
#werb-site .wh-proof>.wh-kicker{color:var(--wh-muted);font-size:10px;text-align:center;margin-bottom:24px}
#werb-site .wh-brands{display:grid;grid-template-columns:repeat(6,1fr);align-items:center;gap:30px}
#werb-site .wh-brands img{width:100%;height:30px;object-fit:contain;filter:brightness(0);opacity:.77}
#werb-site .wh-intro{padding:62px 5.5% 55px;display:grid;grid-template-columns:1.15fr .85fr;align-items:end;gap:9%}
#werb-site h2{font-size:43px}
#werb-site .wh-intro h2{margin-top:23px}
#werb-site .wh-intro>p{font-size:14px;line-height:1.7;color:var(--wh-muted);padding-bottom:4px}
#werb-site .wh-projects{padding:0 5.5% 59px}
#werb-site .wh-section-label{border-top:1px solid var(--wh-line);padding:20px 0 23px;display:flex;justify-content:space-between;gap:20px}
#werb-site .wh-project-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:28px}
#werb-site .wh-project-side{display:grid;gap:28px;grid-template-rows:1fr 1fr}
#werb-site .wh-image-button{display:block;width:100%;padding:0;border:0;position:relative;background:#222922;color:#fff;overflow:hidden;text-align:left}
#werb-site .wh-image-button>img{display:block;width:100%;height:188px;object-fit:cover}
#werb-site .wh-project-main .wh-image-button>img{height:445px;object-position:center}
#werb-site .wh-project-tag{position:absolute;left:20px;top:20px;font-size:10px;letter-spacing:.08em;background:#17251fc9;padding:7px 10px}
#werb-site .wh-project-open{position:absolute;right:14px;bottom:14px;display:grid;place-items:center;width:32px;height:32px;color:#242621;background:#f2f0e9;font-size:20px}
#werb-site figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:15px;padding-top:13px}
#werb-site h3{font-size:17px;line-height:1.3;font-weight:500;letter-spacing:-.025em}
#werb-site figcaption p{font-size:12px;color:var(--wh-muted);margin-top:5px}
#werb-site figcaption>span{font-size:11px;color:var(--wh-muted)}
#werb-site .wh-expertise{border-top:1px solid var(--wh-line);padding:57px 5.5%;display:grid;grid-template-columns:1fr 1fr;gap:8%}
#werb-site .wh-expertise-heading h2{font-size:40px;margin-top:24px}
#werb-site .wh-expertise-heading>p:last-child{font-size:13px;line-height:1.6;color:var(--wh-muted);margin-top:24px;max-width:260px}
#werb-site .wh-services{align-self:center}
#werb-site .wh-services details{border-top:1px solid var(--wh-line)}
#werb-site .wh-services details:last-child{border-bottom:1px solid var(--wh-line)}
#werb-site .wh-services summary{list-style:none;display:flex;gap:17px;align-items:center;padding:21px 0;font-size:16px;font-weight:500}
#werb-site .wh-services summary::-webkit-details-marker{display:none}
#werb-site .wh-service-number{font-size:11px;font-weight:400;color:var(--wh-muted)}
#werb-site .wh-plus{margin-left:auto;font-size:24px;font-weight:400;line-height:1;color:var(--wh-red)}
#werb-site details[open] .wh-plus{transform:rotate(45deg)}
#werb-site .wh-services details>p{padding:0 20px 24px 31px;color:var(--wh-muted);font-size:13px;line-height:1.65}
#werb-site .wh-approach{margin:0 5.5%;padding:27px 0 36px;border-top:1px solid var(--wh-line)}
#werb-site .wh-approach>div{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:25px;font-size:15px;letter-spacing:-.02em}
#werb-site .wh-approach i{font-style:normal;color:var(--wh-red)}
#werb-site .wh-contact{background:var(--wh-dark);color:#f2f0e9;padding:43px 5.5% 48px}
#werb-site .wh-contact-content{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-top:27px}
#werb-site .wh-contact h2{font-size:54px;line-height:.99}
#werb-site .wh-contact-content>div>p{font-size:13px;line-height:1.65;color:#c7cec4;margin-bottom:21px}
#werb-site .wh-footer{padding:29px 5.5%;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;color:var(--wh-muted)}
#werb-site .wh-footer .wh-logo{color:var(--wh-ink);font-size:30px}
#werb-site #wh-brief{border-top:1px solid #666c61;margin-top:30px;padding-top:27px;display:grid;grid-template-columns:1fr 2fr;gap:24px}
#werb-site #wh-brief label{display:grid;gap:10px;font-size:13px}
#werb-site #wh-brief input,#werb-site #wh-brief textarea{background:#20261f;border:1px solid #666c61;color:#f2f0e9;width:100%;min-width:0;padding:13px;border-radius:0;font-size:16px}
#werb-site #wh-brief input::placeholder,#werb-site #wh-brief textarea::placeholder{color:#a8b1a6}
#werb-site .wh-project-detail{margin-top:32px;background:#e7e5dd;padding:22px}
#werb-site .wh-detail-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}
#werb-site .wh-close{background:transparent;border:1px solid var(--wh-ink);color:var(--wh-ink);padding:10px 15px;font-size:12px;min-height:40px}
#werb-site .wh-project-detail>img{display:block;width:100%;max-height:580px;object-fit:contain;background:#141815}
#werb-site .wh-project-detail>p{font-size:13px;color:var(--wh-muted);margin-top:17px;line-height:1.6}
@media(max-width:760px){#werb-site .wh-nav nav{gap:20px}#werb-site .wh-nav-contact{gap:14px}#werb-site .wh-hero-copy{padding-top:45px}#werb-site h1{font-size:72px}#werb-site .wh-brands{gap:22px}#werb-site .wh-brands img{height:24px}#werb-site .wh-intro{gap:30px;padding:45px 5.5%}#werb-site h2{font-size:35px}#werb-site .wh-intro>p{font-size:13px}#werb-site .wh-project-grid{gap:19px}#werb-site .wh-project-side{gap:24px}#werb-site .wh-project-main .wh-image-button>img{height:395px}#werb-site .wh-image-button>img{height:160px}#werb-site .wh-expertise{gap:35px}#werb-site .wh-expertise-heading h2{font-size:34px}#werb-site .wh-services summary{font-size:14px;gap:12px}#werb-site .wh-approach>div{font-size:13px}#werb-site .wh-contact h2{font-size:44px}#werb-site .wh-project-side figcaption{display:block}#werb-site .wh-project-side figcaption>span{display:block;margin-top:4px}}
@media(max-width:540px){#werb-site .wh-nav{height:75px;gap:15px}#werb-site .wh-logo{font-size:31px}#werb-site .wh-nav nav{gap:18px;font-size:12px}#werb-site .wh-nav nav>a:nth-child(2),#werb-site .wh-nav nav>a:nth-child(3){display:none}#werb-site .wh-nav-contact{gap:10px}#werb-site .wh-hero-copy{padding-top:38px}#werb-site .wh-hero-copy>.wh-kicker{font-size:10px;max-width:275px}#werb-site h1{font-size:clamp(47px,11.7vw,63px);margin:33px 0 29px}#werb-site .wh-hero-bottom{display:block}#werb-site .wh-hero-bottom p{font-size:13px}#werb-site .wh-hero-bottom .wh-primary{margin-top:24px}#werb-site .wh-film-footer{font-size:9px;align-items:center;gap:18px;padding-top:0}#werb-site .wh-film-footer>span{max-width:155px;line-height:1.55}#werb-site .wh-motion{min-height:44px}#werb-site .wh-brands{grid-template-columns:repeat(3,1fr);gap:28px 22px}#werb-site .wh-proof{padding-top:24px;padding-bottom:29px}#werb-site .wh-proof>.wh-kicker{margin-bottom:26px}#werb-site .wh-intro{grid-template-columns:1fr;gap:26px;padding-top:41px;padding-bottom:38px}#werb-site h2{font-size:37px}#werb-site .wh-intro h2{margin-top:17px}#werb-site .wh-intro>p{max-width:390px}#werb-site .wh-project-grid{grid-template-columns:1fr;gap:28px}#werb-site .wh-project-main .wh-image-button>img{height:auto;aspect-ratio:1.05}#werb-site .wh-project-side{grid-template-columns:1fr 1fr;gap:16px;grid-template-rows:auto}#werb-site .wh-image-button>img{height:auto;aspect-ratio:1}#werb-site h3{font-size:15px}#werb-site .wh-project-open{width:28px;height:28px;bottom:10px;right:10px}#werb-site .wh-projects{padding-bottom:40px}#werb-site .wh-expertise{grid-template-columns:1fr;gap:30px;padding-top:38px;padding-bottom:35px}#werb-site .wh-expertise-heading h2{font-size:36px;margin-top:18px}#werb-site .wh-expertise-heading>p:last-child{margin-top:18px;max-width:320px}#werb-site .wh-services summary{font-size:16px;min-height:62px}#werb-site .wh-approach{padding-top:24px;padding-bottom:30px}#werb-site .wh-approach>div{display:grid;grid-template-columns:1fr auto;gap:17px;font-size:14px}#werb-site .wh-contact{padding-top:35px;padding-bottom:40px}#werb-site .wh-contact-content{display:block;margin-top:24px}#werb-site .wh-contact h2{font-size:45px}#werb-site .wh-contact-content>div{margin-top:27px}#werb-site .wh-contact-content>div>p{margin-bottom:18px}#werb-site .wh-footer{padding-top:25px;padding-bottom:25px}#werb-site .wh-footer>span:nth-child(2){display:none}#werb-site #wh-brief{grid-template-columns:1fr}#werb-site .wh-project-detail{padding:15px}}

#werb-site .wh-film-footer,#werb-site .wh-proof>.wh-kicker,#werb-site .wh-project-tag{font-size:11px}
#werb-site h1,#werb-site h2,#werb-site h3,#werb-site p,#werb-site .wh-kicker,#werb-site figcaption{color:inherit}
#werb-site .wh-projects{padding-top:28px}
#werb-site .wh-projects>.wh-section-label{border-top:0}
#werb-site .wh-nav-light{color:var(--wh-ink);border-bottom-color:var(--wh-line)}
#werb-site .wh-nav-light [aria-current="page"]{text-decoration:underline;text-underline-offset:6px;text-decoration-color:var(--wh-red)}
#werb-site .wh-expertise-top{padding:37px 5.5% 0;display:flex;justify-content:space-between;align-items:center;gap:25px;color:var(--wh-muted);font-size:12px}
#werb-site #wh-expertise-view .wh-expertise{border-top:0;padding-top:60px;padding-bottom:85px;min-height:420px}
#werb-site #wh-expertise-view .wh-expertise-heading h2{font-size:45px}
#werb-site #wh-expertise-view .wh-services{align-self:start}
@media(max-width:540px){#werb-site .wh-nav nav>a:nth-child(2){display:inline}#werb-site .wh-nav nav>a:first-child{display:none}#werb-site .wh-projects{padding-top:15px}#werb-site #wh-expertise-view .wh-expertise{padding-top:37px;padding-bottom:45px;min-height:0}#werb-site #wh-expertise-view .wh-expertise-heading h2{font-size:36px}}

html{scroll-behavior:smooth;scroll-padding-top:1rem}body{margin:0;background:#f2f0e9}button,a,summary{touch-action:manipulation}button,summary{cursor:pointer}button,input,textarea{font:inherit}img{max-width:100%}
#werb-site .wh-portfolio{max-width:1320px;width:89%;margin-inline:auto;padding-block:2rem 5rem}
#werb-site .wh-portfolio-empty{padding:4rem 0;font-size:1.1rem;color:var(--wh-muted)}
#werb-site .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
#werb-site .wh-portfolio a.portfolio-tile:hover{text-decoration:none}
#werb-site .wh-case-media+.case-flow{margin-top:4rem}
@media(max-width:700px){#werb-site .wh-portfolio{padding-block:1.25rem 3rem}#werb-site .wh-case-media+.case-flow{margin-top:2.5rem}}
.skip-link{position:absolute;left:1rem;top:-8rem;z-index:30;background:#f2f0e9;color:#242621;padding:1rem;font:1rem Arial,sans-serif}.skip-link:focus{top:1rem}
#werb-site{min-height:100dvh;font-size:1rem}
#werb-site .wh-nav{max-width:1320px;width:89%;margin-inline:auto;gap:2rem;position:relative;z-index:10}
#werb-site .wh-nav nav{margin-left:auto;gap:1.75rem;font-size:.875rem;white-space:nowrap}
#werb-site .wh-nav a{min-height:44px;display:flex;align-items:center}
#werb-site .wh-logo{min-height:44px}
#werb-site .language-switch{display:flex;align-items:center;gap:.4rem;font-size:.8125rem;white-space:nowrap}
#werb-site .language-switch a{padding:0 .25rem;opacity:.65}
#werb-site .language-switch a[aria-current]{opacity:1;text-decoration:underline;text-underline-offset:6px}
#werb-site .language-switch>span{opacity:.4}
#werb-site .menu-toggle{display:none;background:transparent;color:inherit;border:0;padding:.5rem;min-height:44px;font-size:.875rem}
#werb-site .wh-opening{min-height:680px}
#werb-site .wh-hero-copy{padding-top:5rem;padding-bottom:3rem}
#werb-site .wh-hero-copy h1{font-size:clamp(3.2rem,7.4vw,6.5rem);max-width:1000px;line-height:1;letter-spacing:-.055em}
#werb-site .wh-hero-bottom p{font-size:1rem;line-height:1.6}
#werb-site .wh-kicker,#werb-site .wh-film-footer,#werb-site .wh-proof>.wh-kicker,#werb-site .wh-project-tag{font-size:.75rem}
#werb-site .wh-hero-copy,#werb-site .wh-film-footer,#werb-site .wh-proof,#werb-site .wh-projects,#werb-site .wh-expertise,#werb-site .wh-expertise-top,#werb-site .wh-contact,#werb-site .wh-footer{padding-left:max(5.5%,calc((100% - 1320px)/2));padding-right:max(5.5%,calc((100% - 1320px)/2))}
#werb-site .wh-proof{padding-top:2rem;padding-bottom:2.2rem}
#werb-site .wh-brands img{height:34px;width:100%}
#werb-site .wh-projects{padding-top:2rem;padding-bottom:4rem}
#werb-site .wh-home-services{width:89%;max-width:900px;margin-inline:auto;padding:clamp(2.5rem,4.5vw,4.5rem) 0;text-align:center}
#werb-site .wh-home-services h2{font-size:clamp(1.75rem,3.4vw,2.75rem);line-height:1.15;letter-spacing:-.035em;font-weight:400;max-width:780px;margin:0 auto 1.5rem;text-wrap:balance;overflow-wrap:anywhere}
#werb-site .wh-home-services-copy{max-width:76ch;margin-inline:auto;overflow-wrap:anywhere}
#werb-site .wh-home-services-copy p{font-size:1.0625rem;line-height:1.8;letter-spacing:-.01em;margin:0;color:var(--wh-muted);text-wrap:pretty}
#werb-site .wh-home-services-copy p+p{margin-top:1em}
#werb-site .wh-home-services-link{display:inline-flex;align-items:center;justify-content:center;gap:1.5rem;min-height:48px;padding:.5rem 0;margin-top:1.5rem;border-bottom:1px solid currentColor;font-size:.9375rem;font-weight:500}
#werb-site .wh-home-services-link>span{color:var(--wh-red);font-size:1.25rem}
#werb-site .wh-home-services-link:hover{color:var(--wh-red);text-decoration:none}
#werb-site .wh-home-services-link:focus-visible{outline:2px solid var(--wh-red);outline-offset:6px}
@media(max-width:600px){#werb-site .wh-home-services-copy p{font-size:1rem}#werb-site .wh-home-services h2{margin-bottom:1.25rem}}
#werb-site .wh-project-main .wh-image-button>img{height:540px}
#werb-site .wh-project-side .wh-image-button>img{height:233px}
#werb-site .wh-project-main figcaption p,#werb-site figcaption>span{font-size:.875rem}
#werb-site .wh-project-grid{gap:2rem}
#werb-site .wh-project-side{gap:2rem}
#werb-site h3{font-size:1.2rem}
#werb-site .wh-approach{max-width:1320px;width:89%;margin-inline:auto;padding-block:2rem 2.5rem}
#werb-site .wh-approach>div{font-size:1rem}
#werb-site .wh-expertise-top{padding-top:3rem;font-size:.875rem}
#werb-site .wh-expertise{border-top:0;padding-top:4rem;padding-bottom:6rem;min-height:540px}
#werb-site .wh-expertise-heading h1{font-size:clamp(2.6rem,4.5vw,4.2rem);line-height:1.04;max-width:600px;margin:1.75rem 0}
#werb-site .wh-expertise-heading>p:last-child{font-size:1rem;max-width:340px}
#werb-site .wh-services summary{font-size:1.1rem;padding-block:1.4rem}
#werb-site .wh-services details>p{font-size:1rem;line-height:1.6}
#werb-site .wh-service-number{font-size:.8125rem}
#werb-site .wh-contact{padding-block:3rem 3.5rem}
#werb-site .wh-contact h2{font-size:clamp(2.7rem,5.3vw,4.2rem);max-width:740px}
#werb-site .wh-contact-content>div>p{font-size:1rem}
#werb-site .wh-primary{font-size:.875rem;min-height:48px;padding:1.1rem 1.4rem;text-align:center;justify-content:center}
#werb-site .contact-email,#werb-site .contact-phone{display:block;font-size:1rem;margin-top:1rem;width:fit-content}
#werb-site .contact-phone{font-size:.875rem;color:#c7cec4;margin-top:.7rem}
#werb-site .wh-contact.wh-contact-minimal{padding:0;text-align:center;background:var(--wh-dark);color:var(--wh-paper)}
#werb-site .wh-contact-minimal .wh-contact-invitation{padding:clamp(3rem,5vw,5rem) 5.5% clamp(2.5rem,4vw,3.75rem);max-width:1000px;margin-inline:auto}
#werb-site .wh-contact-minimal .wh-contact-invitation h2{font-size:clamp(2.25rem,4.5vw,4rem);line-height:1.07;font-weight:500;letter-spacing:-.055em;max-width:800px;margin:1.5rem auto 0;text-wrap:balance;overflow-wrap:anywhere}
#werb-site .wh-contact-minimal .wh-contact-intro{font-size:clamp(1rem,1.4vw,1.125rem);line-height:1.75;color:#bdc3ba;max-width:620px;margin:1.25rem auto 0;text-wrap:pretty}
#werb-site .wh-contact-minimal .wh-primary{margin-top:1.5rem;background:var(--wh-red);color:#fff;border:0;padding:1rem 1.75rem;min-height:48px}
#werb-site .wh-contact-minimal .wh-contact-note{font-size:.8125rem;line-height:1.6;color:#bdc3ba;margin:1.25rem auto 0;max-width:620px}
#werb-site .wh-contact-minimal .wh-offices{background:var(--wh-paper);color:var(--wh-ink)}
#werb-site .wh-contact-minimal .wh-offices-inner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:89%;max-width:900px;margin-inline:auto;padding-block:2rem 2.25rem}
#werb-site .wh-contact-minimal .wh-office{min-width:0;font-style:normal;padding-inline:clamp(1rem,3vw,2.5rem)}
#werb-site .wh-contact-minimal .wh-office+.wh-office{border-left:1px solid #15191626}
#werb-site .wh-contact-minimal .wh-office-city{display:block;font-size:clamp(1.25rem,2vw,1.5rem);line-height:1.2;font-weight:500;letter-spacing:-.035em;margin-bottom:.75rem}
#werb-site .wh-contact-minimal .wh-office-address{display:block;font-size:.9375rem;line-height:1.7;color:#52594f;overflow-wrap:anywhere}
@media(max-width:480px){#werb-site .wh-contact-minimal .wh-contact-invitation{padding:2.75rem 6% 2.5rem}#werb-site .wh-contact-minimal .wh-offices-inner{grid-template-columns:1fr;gap:1.75rem;padding-block:1.75rem 2rem;text-align:left}#werb-site .wh-contact-minimal .wh-office{padding-inline:0}#werb-site .wh-contact-minimal .wh-office+.wh-office{border-left:0}}
#werb-site .wh-footer{gap:1.5rem;flex-wrap:wrap;font-size:.8125rem}
#werb-site .footer-links{display:flex;align-items:center;gap:1.4rem;flex-wrap:wrap}
#werb-site .footer-links a{padding-block:.7rem}
#werb-site .project-dialog{width:min(1000px,92vw);max-height:90dvh;padding:1.5rem;border:0;background:#f2f0e9;color:#242621;overscroll-behavior:contain}
#werb-site .project-dialog::backdrop{background:#101613d9}
#werb-site .dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}
#werb-site .dialog-heading h2{font-size:1.4rem;letter-spacing:-.025em;line-height:1.2}
#werb-site .dialog-heading button{border:1px solid #242621;background:transparent;color:#242621;min-height:44px;padding:.5rem .8rem;font-size:.875rem}
#werb-site .project-dialog>img{display:block;width:100%;height:auto;max-height:65dvh;object-fit:contain;background:#151916}
#werb-site .project-dialog>p{font-size:1rem;margin-top:1rem}
.not-found{padding:10vh 7vw;font:1.2rem Arial,sans-serif;color:#242621}.not-found h1{font-size:5rem;margin:0}
#werb-site .wh-legal{max-width:820px;width:89%;margin-inline:auto;padding-block:3rem 6rem;overflow-wrap:anywhere}
#werb-site .wh-legal-back{display:inline-block;min-height:44px;font-size:.875rem;margin-bottom:2.5rem}
#werb-site .wh-legal h1{font-size:clamp(2.25rem,6vw,4.5rem);line-height:1.08;letter-spacing:-.045em;margin-block:1.25rem 1.5rem}
#werb-site .wh-legal-intro{font-size:1.1rem;line-height:1.7;color:var(--wh-muted);max-width:700px}
#werb-site .wh-legal-sections{margin-top:3rem}
#werb-site .wh-legal-sections section{margin-top:2.5rem}
#werb-site .wh-legal-sections h2{font-size:1.35rem;line-height:1.4;letter-spacing:-.02em;margin-bottom:1rem}
#werb-site .wh-legal-sections p{font-size:1rem;line-height:1.8;margin-top:.85rem}
#werb-site .wh-legal a{text-decoration:underline;text-underline-offset:4px}
#werb-site .project-dialog>[hidden]{display:none!important}
#werb-site .project-dialog>video{width:100%;max-height:65dvh;background:#151916}
#werb-site .wh-projects-extra{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;margin-top:2rem}
#werb-site .wh-projects-extra .wh-image-button>img{height:auto;aspect-ratio:1.4}
#werb-site .wh-project-grid-single{grid-template-columns:1fr}
.wh-preview-label{position:fixed;z-index:1000;bottom:16px;left:50%;transform:translateX(-50%);background:#17231deb;color:#ecf2e4;padding:10px 18px;border-radius:5px;font:10px Arial,sans-serif;letter-spacing:.12em;pointer-events:none}
#werb-site .wh-cases{max-width:1320px;width:89%;margin-inline:auto;padding-block:4.5rem 5rem}
#werb-site .wh-case-intro{max-width:880px;margin-bottom:3.5rem}
#werb-site .wh-case-intro h1{font-size:clamp(3rem,6.5vw,6rem);line-height:1.03;margin-block:1.5rem 2rem}
#werb-site .wh-case-intro>p:last-child{max-width:550px;font-size:1.1rem;line-height:1.7;color:var(--wh-muted)}
#werb-site .wh-case-index{display:flex;flex-wrap:wrap;gap:1rem 2.5rem;padding-bottom:2rem;border-bottom:1px solid var(--wh-line)}
#werb-site .wh-case-index a{display:flex;align-items:center;gap:.8rem;min-height:44px;font-size:.875rem}
#werb-site .wh-case-index a>span:first-child{color:var(--wh-muted);font-size:.75rem}
#werb-site .wh-case-index a>span:last-child{color:var(--wh-red)}
#werb-site .wh-case{padding-top:4rem;scroll-margin-top:2rem}
#werb-site .wh-case+.wh-case{margin-top:4rem;border-top:1px solid var(--wh-line)}
#werb-site .wh-case-heading h2{font-size:clamp(2rem,4vw,3.6rem);margin-block:1rem 2rem;overflow-wrap:anywhere}
#werb-site .wh-case-media>img,#werb-site .wh-case-media>video{display:block;width:100%;height:auto;max-height:75vh;object-fit:contain;background:var(--wh-dark)}
#werb-site .wh-case-media figcaption{font-size:1rem;line-height:1.6;color:var(--wh-muted);padding-top:1rem}
#werb-site .wh-case-story{margin-top:2rem}
#werb-site .wh-case-story>section{display:grid;grid-template-columns:1fr 2fr;gap:3rem;border-top:1px solid var(--wh-line);padding-block:1.7rem}
#werb-site .wh-case-story p{max-width:760px;font-size:1rem;line-height:1.8;overflow-wrap:anywhere}
#werb-site .wh-case-story h3{font-size:1.05rem}
#werb-site .wh-case-empty{padding:2.5rem;background:#e8e6dd;max-width:780px}
#werb-site .wh-case-empty p{max-width:580px;font-size:1rem;line-height:1.7;margin-block:1rem 1.5rem;color:var(--wh-muted)}
#werb-site .wh-case-empty a{display:inline-flex;align-items:center;gap:2rem;min-height:44px;border-bottom:1px solid currentColor;font-size:.875rem}
@media(max-width:720px){#werb-site .wh-cases{padding-block:3rem}#werb-site .wh-case-intro{margin-bottom:2rem}#werb-site .wh-case-story>section{grid-template-columns:1fr;gap:.75rem}#werb-site .wh-case-empty{padding:1.5rem}#werb-site .wh-case{padding-top:2.5rem}}
@media(max-width:540px){#werb-site .wh-projects-extra{grid-template-columns:1fr}}
@media(max-width:1000px){#werb-site .wh-nav{gap:1rem}#werb-site .wh-nav nav{gap:1.25rem}#werb-site .wh-opening{min-height:630px}#werb-site .wh-project-main .wh-image-button>img{height:440px}#werb-site .wh-project-side .wh-image-button>img{height:183px}#werb-site .wh-contact-content{gap:2rem}#werb-site .wh-contact h2{font-size:3rem}}
@media(max-width:720px){#werb-site .wh-nav{height:80px;gap:.75rem}#werb-site .menu-toggle{display:block;margin-left:auto;font-size:.8125rem}#werb-site .wh-nav #main-menu{display:none;position:absolute;left:0;right:0;top:80px;margin:0;background:#f2f0e9;color:#242621;padding:1rem 1.25rem;border:1px solid #cdcec3;box-shadow:0 18px 22px #0002}#werb-site .wh-nav #main-menu.is-open{display:flex;flex-direction:column;align-items:stretch;gap:.25rem}#werb-site .wh-nav #main-menu a{display:flex;font-size:1rem;padding:.6rem 0}#werb-site .wh-nav-contact{border-bottom:0}#werb-site .wh-nav .language-switch{font-size:.8125rem;gap:.15rem}#werb-site .wh-nav .wh-logo{font-size:1.9rem}#werb-site .wh-opening{min-height:0}#werb-site .wh-hero-copy{padding-top:3rem}#werb-site .wh-hero-copy h1{font-size:clamp(2.85rem,10.5vw,4.5rem);margin-block:2rem;letter-spacing:-.055em}#werb-site .wh-film-footer{padding-block:1rem 1.6rem}#werb-site .wh-film-footer>span{max-width:100%;font-size:.75rem}#werb-site .wh-brands{grid-template-columns:repeat(3,1fr);gap:2rem}#werb-site .wh-brands img{height:27px}#werb-site .wh-project-grid{grid-template-columns:1fr}#werb-site .wh-project-main .wh-image-button>img{height:auto;aspect-ratio:1.1}#werb-site .wh-project-side{grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:1rem}#werb-site .wh-project-side .wh-image-button>img{height:auto;aspect-ratio:1}#werb-site .wh-project-side figcaption{display:block}#werb-site .wh-project-side figcaption>span{display:block;margin-top:.3rem}#werb-site h3{font-size:1rem}#werb-site .wh-section-label{gap:1rem}#werb-site .wh-section-label>.wh-kicker:last-child{display:none}#werb-site .wh-expertise{grid-template-columns:1fr;gap:2rem;padding-top:2.5rem;padding-bottom:3rem;min-height:0}#werb-site .wh-expertise-heading h1{font-size:clamp(2.4rem,6.5vw,3.5rem);margin-block:1.5rem}#werb-site .wh-expertise-heading>p:last-child{max-width:100%}#werb-site .wh-contact-content{display:block}#werb-site .wh-contact-content>div{margin-top:2rem}#werb-site .wh-contact h2{font-size:clamp(2.2rem,8vw,3rem)}#werb-site .wh-footer{gap:1.2rem}#werb-site .wh-footer>span:nth-child(2){display:none}#werb-site .footer-links{font-size:.75rem;gap:1rem}#werb-site .wh-approach>div{display:grid;grid-template-columns:1fr auto;font-size:1rem;gap:1.3rem}#werb-site .project-dialog{padding:1rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
#werb-site .wh-case-heading>p{max-width:720px;font-size:1rem;line-height:1.8;color:var(--wh-muted);margin:-.5rem 0 2.5rem}
#werb-site .wh-project-link{display:block;min-width:0}#werb-site .wh-project-link:focus-visible{outline:2px solid var(--wh-red);outline-offset:7px}#werb-site .wh-project-link:hover .wh-project-open,#werb-site .wh-project-link:focus-visible .wh-project-open{background:var(--wh-red);color:#fff}#werb-site .wh-project-link:hover h3{text-decoration:underline;text-underline-offset:5px}#werb-site .wh-case-back{display:inline-flex;align-items:center;gap:.8rem;min-height:44px;font-size:.875rem;color:var(--wh-muted)}#werb-site .wh-case-detail{padding-top:2.5rem}#werb-site .wh-case-detail h1{font-size:clamp(2.7rem,6.5vw,6rem);line-height:1.06;letter-spacing:-.045em;margin-block:1.5rem 2.5rem;overflow-wrap:anywhere}
#werb-site .case-flow .case-cell-copy h3{font-size:clamp(1.35rem,2.4vw,2rem);line-height:1.25;margin-bottom:1rem}
#werb-site .case-flow .case-cell-copy p{font-size:1rem;line-height:1.85}
#werb-site .case-image-zoom{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in}
#werb-site .case-image-dialog{width:min(1300px,94vw);max-height:94dvh;padding:1.25rem;border:0;background:var(--wh-paper);color:var(--wh-ink);overscroll-behavior:contain}
#werb-site .case-image-dialog::backdrop{background:#111915e8}
#werb-site .case-image-dialog>img{display:block;width:100%;max-height:74dvh;object-fit:contain}
#werb-site .case-image-dialog>p{font-size:.9rem;line-height:1.7;margin-top:1rem}
#werb-site .case-image-dialog>p:empty{display:none}

/* About typography and text/image placement are shared across both languages. */
#werb-site .wh-about{width:89%;max-width:1320px;margin:auto;padding:clamp(2.5rem,6vw,6rem) 0 clamp(4rem,7vw,7rem)}
#werb-site .wh-about-layout{display:grid;gap:clamp(2.5rem,6vw,5rem)}
#werb-site .wh-about-copy{font-size:var(--about-text-size,1.125rem);max-width:78ch;min-width:0;overflow-wrap:anywhere}
#werb-site .wh-about-copy p{margin:0;font-size:inherit;font-weight:400;line-height:1.75;letter-spacing:-.01em;text-wrap:pretty}
#werb-site .wh-about-copy p+p{margin-top:1.6em}
#werb-site .wh-about-image{margin:0;min-width:0}
#werb-site .wh-about-image img{display:block;width:100%;height:auto}
#werb-site .wh-about[data-text-align=center] .wh-about-copy{text-align:center;justify-self:center}
#werb-site .wh-about[data-text-align=right] .wh-about-copy{text-align:right;justify-self:end}
#werb-site .wh-about[data-text-position=middle] .wh-about-layout:not(.wh-about-no-image):not(.wh-about-no-copy){grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:6%}
#werb-site .wh-about[data-text-position=middle] .wh-about-no-image:not(.wh-about-no-copy){min-height:60svh;align-content:center}
#werb-site .wh-about[data-text-position=bottom] .wh-about-no-image:not(.wh-about-no-copy){min-height:60svh;align-content:end}
@media(max-width:700px){#werb-site .wh-about{padding-top:2rem}#werb-site .wh-about-copy{font-size:min(var(--about-text-size,1.125rem),1.25rem)}#werb-site .wh-about[data-text-position=middle] .wh-about-layout:not(.wh-about-no-image):not(.wh-about-no-copy){grid-template-columns:1fr;gap:2rem}}

/* Team profiles follow the existing About introduction in every text layout. */
#werb-site .wh-team{margin-top:clamp(3.5rem,7vw,7rem);padding-top:clamp(2.5rem,5vw,5rem);border-top:1px solid #d8d9d1}
#werb-site .wh-team-list{display:grid;gap:clamp(3rem,6vw,5rem)}
#werb-site .wh-team-person{display:grid;grid-template-columns:minmax(220px,360px) minmax(0,1fr);gap:clamp(2rem,6vw,6rem);align-items:center}
#werb-site .wh-team-person+.wh-team-person{padding-top:clamp(3rem,6vw,5rem);border-top:1px solid #d8d9d1}
#werb-site .wh-team-photo{margin:0;min-width:0}
#werb-site .wh-team-photo img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}
#werb-site .wh-team-copy{max-width:64ch;min-width:0;text-align:left;overflow-wrap:anywhere}
#werb-site .wh-team-copy h3{font-family:inherit;font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.15;font-weight:500;letter-spacing:-.04em;margin:0}
#werb-site .wh-team-role{font-size:.875rem;line-height:1.65;margin:.75rem 0 0;color:#61675f}
#werb-site .wh-team-bio{margin-top:1.5rem}
#werb-site .wh-team-bio p{font-size:1.0625rem;line-height:1.75;font-weight:400;letter-spacing:-.01em;margin:0;text-wrap:pretty}
#werb-site .wh-team-bio p+p{margin-top:1em}
#werb-site .wh-team-no-image{grid-template-columns:1fr}
@media(max-width:700px){#werb-site .wh-team-person{grid-template-columns:1fr;gap:1.75rem}#werb-site .wh-team-photo{max-width:400px}#werb-site .wh-team-role{font-size:.8125rem}#werb-site .wh-team-bio p{font-size:1rem}}
#werb-site .wh-inquiry-dialog{width:min(680px,92vw);max-height:90dvh;padding:36px;border:1px solid var(--wh-line);background:var(--wh-paper);color:var(--wh-ink);overflow:auto}#werb-site .wh-inquiry-dialog::backdrop{background:#10170fc9;backdrop-filter:blur(5px)}#werb-site .wh-inquiry-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}#werb-site .wh-inquiry-top>p{font-size:10px;letter-spacing:.12em}#werb-site .wh-inquiry-top>button{width:40px;height:40px;border:1px solid var(--wh-line);background:none;color:inherit;font-size:25px;cursor:pointer}#werb-site .wh-inquiry-dialog h2{font-size:clamp(28px,4vw,40px);line-height:1.15;max-width:500px}#werb-site .wh-inquiry-intro{font-size:13px;line-height:1.8;color:var(--wh-muted);margin:18px 0 25px}#werb-site .wh-inquiry-dialog fieldset{border:0;padding:0;margin:0;min-width:0}#werb-site .wh-inquiry-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}#werb-site .wh-inquiry-fields label{display:flex;flex-direction:column;gap:9px;font-size:12px}#werb-site .wh-inquiry-fields input,#werb-site .wh-inquiry-fields textarea{width:100%;min-width:0;padding:12px;border:1px solid var(--wh-line);background:#fffdf6;color:var(--wh-ink);font:inherit;font-size:16px;border-radius:0}#werb-site .wh-inquiry-fields textarea{resize:vertical}#werb-site .wh-inquiry-fields input:focus-visible,#werb-site .wh-inquiry-fields textarea:focus-visible{outline:2px solid var(--wh-red);outline-offset:2px}#werb-site .wh-inquiry-full{grid-column:1/-1}#werb-site .wh-inquiry-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}#werb-site .wh-inquiry-privacy{font-size:11px;line-height:1.8;color:var(--wh-muted);margin:20px 0}#werb-site .wh-inquiry-privacy a{text-decoration:underline}#werb-site [data-inquiry-feedback]{font-size:14px;line-height:1.8;margin-top:18px}#werb-site .wh-inquiry-dialog .wh-primary{cursor:pointer}#werb-site .wh-inquiry-dialog fieldset:disabled{opacity:.6}#werb-site [data-inquiry-open]{cursor:pointer}@media(max-width:600px){#werb-site .wh-inquiry-dialog{padding:22px}#werb-site .wh-inquiry-fields{grid-template-columns:1fr}}

/* Slow, seamless client ribbon. Two equal groups meet at the loop boundary. */
#werb-site .wh-brand-ribbon{position:relative}
#werb-site .wh-brands.wh-brands-marquee{display:block;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent)}
#werb-site .wh-brands-track{display:flex;width:max-content;animation:wh-brands-drift var(--logo-duration,72s) linear infinite;will-change:transform}
#werb-site .wh-brands-group{display:flex;align-items:center;justify-content:space-around;flex-shrink:0;min-width:min(89vw,1320px);gap:clamp(2rem,4vw,4rem);padding-right:clamp(2rem,4vw,4rem)}
#werb-site .wh-brands-marquee .wh-brands-group img{flex:0 0 clamp(120px,12vw,180px);width:clamp(120px,12vw,180px);height:34px}
#werb-site .wh-brands-toggle{position:absolute;right:0;bottom:-2.2rem;display:grid;place-items:center;width:44px;height:32px;padding:0;border:0;background:transparent;color:var(--wh-muted);font-size:14px;line-height:1}
#werb-site .wh-brands-toggle:hover{color:var(--wh-ink)}
#werb-site .wh-brand-ribbon.is-paused .wh-brands-track{animation-play-state:paused}
@keyframes wh-brands-drift{to{transform:translateX(-50%)}}
@media(hover:hover){#werb-site .wh-brands-marquee:hover .wh-brands-track{animation-play-state:paused}}
@media(max-width:720px){#werb-site .wh-brands-marquee .wh-brands-group img{height:27px}}
@media(prefers-reduced-motion:reduce){#werb-site .wh-brands.wh-brands-marquee{mask-image:none}#werb-site .wh-brands-track{width:100%;will-change:auto}#werb-site .wh-brands-group{width:100%;min-width:0;flex-wrap:wrap;padding-right:0}#werb-site .wh-brands-group[aria-hidden="true"],#werb-site .wh-brands-toggle{display:none}}