/* Homepage refinement */
.site-header{height:112px;padding:15px 5%}
.site-header .logo-wordmark{width:160px;line-height:0;display:block}
.site-header .logo-wordmark img{width:100%;height:auto;aspect-ratio:2.78;background:transparent!important;filter:brightness(0);object-fit:contain}
.site-header nav{gap:clamp(15px,3vw,48px)}
.site-header nav .nav-contact{border-radius:0;background:transparent;color:#111;padding:0}
.site-header nav a{font:900 12px Arial,sans-serif;letter-spacing:.02em}
.hero{min-height:clamp(550px,68vw,740px);background:#fff;position:relative}
.hero .hero-film{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.hero .hero-film video{width:100%;height:100%;object-fit:cover}
.hero:has(.hero-film video) .hero-inner{background:linear-gradient(90deg,#ffffffd1,transparent);padding:15px}
.who-compact{display:grid;grid-template-columns:1fr 3fr;gap:30px;background:#1d1d1d!important;color:#fff!important;padding:clamp(48px,6vw,92px) 5%;border:0}
.who-compact .eyebrow{color:#aaa;align-self:start}
.who-compact h2{font:600 clamp(24px,2.35vw,39px)/1.17 Arial,sans-serif;letter-spacing:-.045em;margin:0 0 20px;max-width:1040px}
.who-compact .lead{font:400 clamp(15px,1.15vw,18px)/1.5 Arial,sans-serif;margin:0 0 15px;max-width:700px;color:#dedede}
.who-compact .text-link{color:#fff}
.performance{background:#141414;color:#fff;padding:70px 5% 55px}
.performance-top{display:flex;justify-content:space-between;align-items:end;gap:20px;border-bottom:1px solid #6a6a6a;padding-bottom:30px}
.performance-top h2{font:900 clamp(39px,7vw,90px)/.94 Arial,sans-serif;letter-spacing:-.075em;margin:0}
.performance-top h2 span{color:#aaa}
.performance-top>span,.metric-number,.metric-label,.metric-visual-label{font:900 11px Arial,sans-serif;letter-spacing:.11em}
.performance-grid{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #6a6a6a}
.metric{display:flex;flex-direction:column;align-items:flex-start;position:relative;border:0;border-right:1px solid #6a6a6a;padding:30px 26px 36px;text-align:left;background:transparent;color:#fff;cursor:pointer;transition:background .25s,color .25s;min-width:0}
.metric:first-child{padding-left:0}.metric:last-child{border-right:0}
.metric.active{color:#fff;background:#363636}
.metric:hover{background:#292929}
.metric-value{font:900 clamp(64px,11vw,165px)/1 Arial,sans-serif;letter-spacing:-.09em;margin:22px 0}
.metric-label{font-size:12px}
.metric-icon{position:absolute;right:24px;bottom:23px;font-size:25px}
.metric-visual{height:95px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #444;gap:20px}
.metric-motion{display:flex;align-items:end;gap:8px;height:44px}
.metric-motion i{background:#a4a4a4;width:16px;height:50%;transition:height .45s,background .45s}
.metric-motion i:nth-child(2){height:78%}.metric-motion i:nth-child(3){height:38%}.metric-motion i:nth-child(4){height:93%}.metric-motion i:nth-child(5){height:57%}.metric-motion i:nth-child(6){height:75%}
.performance[data-mode=videos] .metric-motion i{background:#fff;height:18%}.performance[data-mode=videos] .metric-motion i:nth-child(even){height:95%}
.performance[data-mode=impressions] .metric-motion i{background:#ddd;height:85%}.performance[data-mode=impressions] .metric-motion i:nth-child(odd){height:47%}
.homepage-work{padding:80px 5% 90px;background:#f0f0ee}
.homepage-work .work-heading{margin-bottom:40px}
.homepage-work .case-grid{margin-top:0}
.homepage-work .case-visual{position:relative;aspect-ratio:.78;cursor:pointer}
.homepage-work .case-card{min-width:0}
.homepage-work .case-base{margin-top:15px}
.homepage-work .case-visual:focus-visible{outline:3px solid #555}
.client-logos{background:#f6f4ef;padding:70px 5%}
.logo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 60px;align-items:center}
.logo-client{height:110px;display:flex;align-items:center;justify-content:center;min-width:0}
.logo-client img{max-width:75%;max-height:92px;width:auto;height:auto;object-fit:contain;filter:grayscale(1)}
.logo-client.logotype{font:900 clamp(24px,2.7vw,48px)/.87 Arial,sans-serif;letter-spacing:-.045em;text-align:center}
.logo-client.logo-cog span{font-size:.72em;border:6px solid #111;padding:7px}
.logo-client.drive span{border:6px solid #111;padding:4px}
.logo-client.bauhu span{font:400 clamp(20px,3vw,45px)/1 Georgia,serif}
.logo-client.bauhu small{display:block;font:600 8px Arial,sans-serif;letter-spacing:.09em}
.testimonials{background:#1b1b1b!important;color:#f8f8f8;padding:65px 5% 90px}
.testimonials .section-head{margin-bottom:55px}
.testimonials .section-head h2{text-align:left;font:900 clamp(45px,5vw,80px)/.98 Arial,sans-serif;letter-spacing:-.06em;text-transform:uppercase}
.testimonials .quotes blockquote{border-color:#666}
.testimonials .quotes p{font-size:clamp(17px,1.25vw,20px);line-height:1.5;color:#f8f8f8}
.testimonials .quotes cite{color:#e9e9e9}
.image-slideshow{background:#111;position:relative}
.slide-track{height:clamp(380px,55vw,800px);position:relative;overflow:hidden}
.slide-track .slide{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;transition:opacity .6s,visibility .6s}
.slide-track .slide.current{opacity:1;visibility:visible}
.slide-track img{width:100%;height:100%;object-fit:cover}
.slide-controls{background:#141414;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 5%;font:900 11px Arial,sans-serif;letter-spacing:.08em}
.slide-controls>div{display:flex;align-items:center;gap:25px}
.slide-controls button{border:1px solid #777;border-radius:50%;width:46px;height:46px;background:transparent;color:#fff;cursor:pointer;font-size:20px}
.slide-controls button:hover{background:#fff;color:#111}
.original-footer{background:#151515;color:#fff;padding:50px 5% 25px;display:flex;justify-content:space-between;gap:50px;align-items:flex-end}
.footer-brand img{max-width:220px;filter:none}
.footer-details{font:800 11px Arial,sans-serif;letter-spacing:.08em;line-height:2.3;text-align:right}
.footer-details a{display:block;text-decoration:underline;text-underline-offset:4px}
.cookie-notice{position:fixed;z-index:999;bottom:12px;left:50%;transform:translateX(-50%);max-width:min(95vw,790px);width:max-content;display:flex;align-items:center;gap:25px;justify-content:space-between;border:1px solid #ccc;background:#fff;color:#111;box-shadow:0 5px 24px #0002;padding:13px 18px;font:12px/1.5 Arial,sans-serif}
.cookie-notice[hidden]{display:none!important}
.cookie-notice div{display:flex;gap:10px}
.cookie-notice button{white-space:nowrap;border:1px solid #111;background:#fff;color:#111;padding:10px;font:800 10px Arial,sans-serif;cursor:pointer}
.cookie-notice button:last-child{background:#111;color:#fff}
@media(max-width:970px){.homepage-work .case-grid{grid-template-columns:1fr 1fr}.homepage-work .case-card:last-child{grid-column:1/-1}.homepage-work .case-card:last-child .case-visual{aspect-ratio:1.5}.logo-grid{gap:20px}}
@media(max-width:700px){.site-header{height:88px}.who-compact{grid-template-columns:1fr;gap:17px;padding:46px 5%}.who-compact h2{font-size:25px}.performance{padding:55px 5%}.performance-grid{grid-template-columns:1fr}.metric,.metric:first-child{border-right:0;border-bottom:1px solid #555;padding:23px 10px}.metric-value{font-size:82px;margin:12px 0}.metric-icon{bottom:25px}.performance-top>span{display:none}.homepage-work{padding:60px 5%}.homepage-work .case-grid{grid-template-columns:1fr}.homepage-work .case-card:last-child{grid-column:auto}.homepage-work .case-card:last-child .case-visual,.homepage-work .case-visual{aspect-ratio:.94}.logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.logo-client{height:95px}.testimonials .section-head{display:block}.testimonials .section-head h2{margin-top:22px}.testimonials .quotes{grid-template-columns:1fr}.slide-track{height:360px}.slide-controls{font-size:9px}.slide-controls>div{gap:12px}.original-footer{display:block}.footer-details{text-align:left;margin-top:40px}.cookie-notice{flex-direction:column;align-items:stretch;gap:10px}.cookie-notice div{justify-content:end}}
@media(prefers-reduced-motion:reduce){.slide-track .slide{transition:none}}