/* Original client work, complete film galleries and quiet illustrated service visuals. */
.customer-grid figure{justify-content:center;padding:24px;min-height:180px;background:#fff}
.customer-grid img{height:135px;width:100%;object-fit:contain}
.credibility>.partner-card{display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fff}
.partner-card .eyebrow{margin-bottom:14px}
.expert-title{display:flex;align-items:center;gap:14px;margin-bottom:15px}
.expert-title .chatgpt-logo{display:block;width:58px;height:58px;object-fit:contain;flex-shrink:0;background:#fff;border-radius:10px}
.expert-title h2{font-size:36px;line-height:1.1;margin:0}
.credibility .expert-card{display:block}
.expert-card>p:not(.eyebrow){margin-top:15px}
.ai-tool-note{display:flex;align-items:center;gap:16px;padding-top:0;padding-bottom:35px}
.ai-tool-note img{width:58px;height:58px;object-fit:contain}
.ai-tool-note p{font-size:18px;font-weight:500;line-height:1.5}
.ai-tool-note small{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:3px}
.home-ki{display:flex;align-items:center;gap:8px}
.home-ki img{width:28px;height:28px;object-fit:contain}
.service-hero-picture{background:#fff;box-shadow:none;transform:none;border:0;padding:0}
.service-hero-picture>img{aspect-ratio:4/3;object-fit:contain;border-radius:0;background:#fff}
.service-hero-picture figcaption{padding:18px 5px 0;border-top:1px solid var(--service-border);margin-top:15px}
.service-tile-image{background:#fff}
.service-tile-image img{object-fit:contain;background:#fff}
.compact-services .service-tile-image{aspect-ratio:4/3}
.visual-service-grid:not(.compact-services) .service-tile-image{aspect-ratio:1.7}
.projects-gallery .reference-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:50px 32px}
.projects-gallery .project-preview{aspect-ratio:1.5;max-height:420px}
.projects-gallery .project-preview>img{width:100%;height:100%;object-fit:cover;object-position:center 34%}
.projects-gallery .reference-info h3{font-size:30px}
.projects-gallery .reference-info h3 a:hover{color:#bd3350}
.projects-gallery .reference-info .text-link{margin-top:19px}
.case-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:-22px;margin-bottom:40px}
.case-tags span{font-size:14px;border:1px solid #e8dbe1;border-radius:30px;padding:9px 15px 7px;line-height:1.5;background:#fff4f7;color:#8e2940}
.case-video-section{padding-block:35px 80px}
.case-video-section .section-heading{margin-bottom:35px;align-items:end}
.case-video-section h2{font-size:clamp(2.3rem,4vw,3.8rem);font-weight:500;max-width:710px}
.case-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px}
.case-video-grid.all-portrait{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.case-video-card{min-width:0}
.case-video-card .project-preview{width:100%;aspect-ratio:16/9;background:#17181b;border-radius:18px;overflow:hidden}
.case-video-card .project-preview>img{width:100%;height:100%;object-fit:contain}
.case-video-grid.all-portrait .project-preview{aspect-ratio:9/16;max-height:640px}
.case-video-grid.all-square .project-preview{aspect-ratio:1}
.case-video-card>div{padding-top:19px}
.case-video-card h3{font-size:23px;line-height:1.3;font-weight:500;letter-spacing:-.025em}
.case-video-card>div>p{font-size:13px;color:var(--muted);margin-top:8px}
.case-video-grid.single-film{grid-template-columns:1fr;max-width:1000px;margin:auto}
.case-video-grid.single-film.all-portrait{max-width:390px}
.region-case{display:grid;grid-template-columns:.85fr 1.15fr;gap:10px 8%;align-items:center;padding-block:0 65px}
.region-map{margin:0;background:#faf8fb;border-radius:24px;padding:25px;max-width:480px;justify-self:center;width:100%}
.region-map>img{width:100%;height:auto;max-height:450px;object-fit:contain}
.region-map figcaption{display:flex;align-items:center;justify-content:center;gap:9px;margin:10px 0 5px;font-size:14px;color:#52505a}
.map-key{width:12px;height:12px;border-radius:3px;background:#e4445c;display:inline-block}
.region-number{display:flex;align-items:center;gap:22px;font-size:clamp(80px,10vw,138px);font-weight:600;color:#c63150;line-height:1}
.region-number>span{font-size:23px;line-height:1.35;font-weight:400;color:var(--ink)}
.region-copy h2{font-size:clamp(2rem,3.4vw,3rem);font-weight:400;margin-top:28px}
.region-copy>p:not(.eyebrow):not(.region-number){font-size:19px;color:var(--muted);margin-top:24px;max-width:590px}
.region-copy>p.region-examples{font-size:14px!important;color:#9f324b!important}
.map-source{grid-column:1/-1;color:var(--muted);font-size:12px;line-height:1.55;margin-top:15px;max-width:900px}
.map-source a{text-decoration:underline;text-underline-offset:2px}
.project-webcase{display:grid;grid-template-columns:1.1fr 1fr;gap:7%;align-items:center;padding-block:0 65px}
.project-web-image{display:block;border-radius:22px;overflow:hidden;background:#ffe063}
.project-web-image>img{width:100%;height:auto;aspect-ratio:1.25;object-fit:cover;transition:transform .6s var(--ease-out)}
.project-web-image:hover>img{transform:scale(1.04)}
.project-client-logo{width:150px;height:70px;object-fit:contain;object-position:left center;margin-bottom:26px}
.project-webcase h2{font-size:clamp(2.5rem,4vw,4rem)}
.project-webcase p:not(.eyebrow){font-size:20px;color:var(--muted);margin-top:24px}
.project-webcase .button{margin-top:28px}
.project-product-visual{display:grid;grid-template-columns:.8fr 1.2fr;gap:4%;align-items:center;padding-block:0 75px}
.project-product-visual figure{margin:0}
.project-product-visual img{width:100%;height:auto;object-fit:contain}
.project-product-visual h2{font-size:clamp(2.3rem,3.8vw,3.8rem)}
@media(max-width:1100px){.expert-title{gap:10px}.expert-title h2{font-size:31px}.expert-title .chatgpt-logo{width:45px;height:45px}.region-case{gap:30px 5%}.case-video-grid.all-portrait{gap:22px}.region-number>span{font-size:20px}.project-webcase{gap:5%}}
@media(max-width:800px){.customer-grid figure{padding:20px;min-height:150px}.customer-grid img{height:110px}.credibility .expert-card .expert-title h2{font-size:36px}.expert-title .chatgpt-logo{width:50px;height:50px}.service-hero-picture>img{aspect-ratio:4/3;max-height:420px}.projects-gallery .reference-grid{gap:38px 23px}.projects-gallery .reference-info h3{font-size:26px}.case-video-grid.all-portrait{grid-template-columns:repeat(2,minmax(0,1fr))}.region-case{gap:25px}.region-map{padding:15px}.region-number{gap:14px;font-size:90px}.region-number>span{font-size:18px}.region-copy h2{font-size:2.2rem}.region-copy>p:not(.eyebrow):not(.region-number){font-size:18px}.project-webcase h2{font-size:2.8rem}.project-webcase p:not(.eyebrow){font-size:18px}.project-product-visual{grid-template-columns:1fr;gap:15px}.project-product-visual figure{max-width:760px;width:100%}}
@media(max-width:580px){.customer-grid figure{padding:18px 12px;min-height:135px}.customer-grid img{height:105px}.partner-card .eyebrow{align-self:flex-start}.expert-title{gap:13px}.expert-title .chatgpt-logo{width:48px;height:48px}.credibility .expert-card .expert-title h2{font-size:32px}.ai-tool-note{gap:12px;padding-bottom:27px}.ai-tool-note img{width:46px;height:46px}.ai-tool-note p{font-size:16px}.service-hero-picture figcaption{padding-top:15px;margin-top:8px}.service-hero-picture>img{max-height:none;aspect-ratio:4/3}.projects-gallery .reference-grid{grid-template-columns:1fr;gap:37px}.projects-gallery .project-preview{aspect-ratio:1.45}.projects-gallery .reference-info h3{font-size:27px}.case-tags{margin-top:-12px;margin-bottom:27px;gap:7px}.case-tags span{font-size:13px;padding:7px 11px 5px}.case-video-section{padding-block:22px 45px}.case-video-section h2{font-size:2.4rem}.case-video-grid,.case-video-grid.all-portrait{grid-template-columns:1fr;gap:32px}.case-video-grid.all-portrait .case-video-card{width:100%;max-width:350px;justify-self:center}.case-video-grid.all-portrait .project-preview{max-height:none}.case-video-card h3{font-size:23px}.region-case{grid-template-columns:1fr;padding-bottom:30px;gap:25px}.region-map{max-width:320px;padding:15px}.region-map>img{max-height:330px}.region-copy .eyebrow{margin-bottom:17px}.region-number{font-size:90px;gap:19px}.region-number>span{font-size:21px}.region-copy h2{font-size:2.2rem;margin-top:24px}.region-copy>p:not(.eyebrow):not(.region-number){font-size:19px;margin-top:20px}.map-source{font-size:12px;margin-top:0}.project-webcase{grid-template-columns:1fr;gap:30px;padding-bottom:35px}.project-webcase h2{font-size:2.65rem}.project-client-logo{width:125px;height:55px;margin-bottom:20px}.project-webcase p:not(.eyebrow){font-size:19px}.project-product-visual{padding-bottom:40px}.project-product-visual h2{font-size:2.5rem}}
/* Regional projects and original club animations. */
.hero-accents img.hero-spark,.hero-accents img.hero-heart{mix-blend-mode:normal;background:transparent}
.team-grid .team-freelance{display:inline-flex;align-items:center;gap:5px;font-size:14px;font-weight:400;color:#737373;line-height:1.2;margin-top:1px}.team-grid .team-freelance svg{width:14px;height:14px;flex:none}.team-grid figcaption:has(.team-freelance)>strong{line-height:1.2}.team-grid .team-freelance+span{margin-top:8px}
.project-logo-cover{display:flex;align-items:center;justify-content:center;aspect-ratio:1.5;max-height:420px;padding:55px;border-radius:18px;border:1px solid #e7e7e7;background:#fff;transition:box-shadow .25s}
.project-logo-cover img{width:100%;height:100%;max-height:220px;object-fit:contain}
.project-logo-cover:hover{box-shadow:0 14px 34px #17181b0d}
.social-client-case{display:grid;grid-template-columns:1fr 1.1fr;gap:8%;align-items:center;padding-block:15px 60px}
.social-client-logo{background:white;display:flex;align-items:center;justify-content:center;min-height:230px;padding:40px;border:1px solid #eee;border-radius:22px}
.social-client-logo img{width:100%;height:180px;object-fit:contain}
.social-client-case h2{font-size:clamp(2.4rem,3.7vw,3.9rem)}
.social-case-focus,.brand-case{padding-bottom:75px}
.brand-case .section-heading h2{font-size:clamp(2.4rem,4vw,3.8rem)}
.kadetten-boards,.kadscha-section{padding-block:5px 75px}
.kadetten-boards h2,.kadscha-section h2{font-size:clamp(2.4rem,3.8vw,3.8rem)}
.board-gallery{display:grid;gap:27px}
.board-gallery figure{margin:0}
.board-gallery video{display:block;width:100%;height:170px;object-fit:contain;background:#17181b;border-radius:13px}
.board-gallery figcaption{font-size:16px;margin-top:13px;color:var(--muted)}
.kadscha-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.kadscha-grid figure{margin:0;background:#fff7f1;border-radius:20px;padding:18px}
.kadscha-grid img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.kadscha-grid figcaption{font-size:17px;text-align:center;padding:12px 0}
.kadscha-section .motion-toggle{position:static;font-size:14px;padding:12px 17px;white-space:nowrap}
.merch-navy-visual{margin:0;min-width:0;align-self:center}
.merch-navy-visual img{display:block;width:100%;height:auto;object-fit:contain;border:0;border-radius:0;mix-blend-mode:multiply}
.merch-navy-visual figcaption{font-size:12px;color:var(--muted);line-height:1.5;margin-top:10px;text-align:center}
.customer-grid figure>a{display:flex;width:100%;height:100%;align-items:center;justify-content:center}
.customer-grid figure>a:focus-visible{outline:2px solid var(--rose);outline-offset:6px}
@media(max-width:800px){.social-client-case{gap:30px}.social-client-logo{min-height:190px;padding:26px}.social-client-logo img{height:140px}.kadscha-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-logo-cover{padding:35px}.board-gallery video{height:145px}}
@media(max-width:580px){.social-client-case{grid-template-columns:1fr;padding-block:0 35px}.social-client-case h2{font-size:2.5rem}.social-case-focus,.brand-case{padding-bottom:40px}.kadetten-boards,.kadscha-section{padding-bottom:45px}.kadscha-section .section-heading{align-items:start;flex-direction:column;gap:23px}.kadscha-grid{gap:12px}.kadscha-grid figure{padding:9px}.kadscha-grid figcaption{font-size:14px}.board-gallery{gap:22px}.board-gallery video{height:110px}.project-logo-cover{padding:40px;aspect-ratio:1.45}.merch-navy-visual img{max-height:440px}}

.case-video-source{display:inline-block;font-size:14px;margin-top:13px;text-decoration:underline;text-underline-offset:4px;color:var(--muted)}
.case-video-card>div>p.reel-views{margin-top:15px;padding:12px 15px;background:#fff0f4;border:1px solid #ecd5de;border-radius:12px;color:#a32b48}.reel-views strong{display:block;font-size:25px;line-height:1.2}.reel-views span{display:block;font-size:12px;margin-top:5px}

/* Visual AI expertise: one prominent scene and three specific applications. */
.ai-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.18fr);gap:3%;padding-bottom:45px}
.ai-hero-picture{align-self:center}
.ai-hero-picture>img{aspect-ratio:4/3;width:100%;height:auto;object-fit:contain}
.ai-visual-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.ai-visual-card{min-width:0}
.ai-card-image{overflow:hidden;border-radius:16px;background:#f6f8fb}
.ai-card-image img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;transition:transform .55s var(--ease-out)}
.ai-visual-card:hover .ai-card-image img{transform:scale(1.025)}
.ai-card-copy{padding-top:25px}
.ai-card-copy .item-number{font-size:14px;color:var(--muted)}
.ai-card-copy h3{font-size:clamp(24px,2.1vw,29px);line-height:1.25;margin:14px 0}
.ai-card-copy p{font-size:18px;line-height:1.65;color:var(--muted);font-weight:300}
@media(max-width:800px){.ai-hero{grid-template-columns:1fr 1fr;gap:3%}.ai-visual-grid{gap:20px}.ai-card-copy p{font-size:17px}.ai-card-copy h3{font-size:23px}}
@media(max-width:580px){.ai-hero{grid-template-columns:1fr;gap:28px;padding-bottom:32px}.ai-hero-picture{margin:0}.ai-visual-grid{grid-template-columns:1fr;gap:38px}.ai-card-copy{padding-top:20px}.ai-card-copy h3{font-size:28px;margin-top:12px}.ai-card-copy p{font-size:18px}}
@media(prefers-reduced-motion:reduce){.ai-card-image img{transition:none}.ai-visual-card:hover .ai-card-image img{transform:none}}

.customer-grid .customer-logo-reversed img{filter:grayscale(1) invert(1) contrast(12);mix-blend-mode:multiply;max-width:200px}
.customer-grid img[src*="friseur-mellin-official"]{transform:scale(1.45)}
/* Original websites and property brochures. */
.footer-whatsapp{display:flex;align-items:center;gap:8px;font-size:14px;margin-top:13px;color:#50555a}
.footer-whatsapp:hover{color:#146c43}
.website-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 32px}
.website-window{display:block;overflow:hidden;background:#fff;border:1px solid #e0e0e5;border-radius:14px;box-shadow:0 14px 38px #1927370b}
.website-address{display:flex;justify-content:space-between;gap:12px;padding:13px 18px;background:#f7f7f9;border-bottom:1px solid #e6e6eb;font-size:13px;color:#737378}
.website-window>img{width:100%;height:auto;aspect-ratio:1.44;object-fit:cover;object-position:top;display:block;transition:transform .45s}
.website-window:hover>img{transform:scale(1.015)}
.website-example-grid .eyebrow{margin:23px 0 10px;font-size:12px}
.website-example-grid h3{font-size:29px;line-height:1.2;margin:0 0 17px}
.website-example-grid .text-link{font-size:16px}
.hirsch-webcase{align-items:center;padding-bottom:65px}
.hirsch-print-story{padding-block:50px 20px}
.expose-spreads{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:32px}
.expose-spreads figure{margin:0}
.expose-spreads img{display:block;width:100%;height:auto;box-shadow:0 14px 38px #253a4a15}
.expose-spreads figcaption{font-size:14px;color:#737373;margin-top:18px}
.expose-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:42px 25px}
.expose-card{min-width:0}
.expose-cover{display:flex;align-items:center;justify-content:center;aspect-ratio:1.18;background:#f3f4f6;border-radius:12px;padding:20px;overflow:hidden}
.expose-cover img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;box-shadow:0 7px 16px #17293820;transition:transform .4s}
.expose-cover:hover img{transform:translateY(-4px)}
.expose-caption{padding-top:18px}
.expose-caption h3{font-size:21px;line-height:1.25;margin:0 0 7px}
.expose-caption p{font-size:14px;color:#737373;margin:0 0 12px}
.expose-caption .text-link{font-size:14px;gap:8px}
.expose-provider-note{font-size:14px;color:#737373;margin:-10px 0 30px}
.project-editorial-cover{display:block;aspect-ratio:1.45;overflow:hidden;border-radius:12px;background:#f3f4f6}
.project-editorial-cover img{display:block;width:100%;height:100%;object-fit:cover}
.project-person-cover img{object-position:left center}
.expose-dialog{width:min(1200px,calc(100vw - 28px));height:min(900px,calc(100dvh - 28px));max-width:none;max-height:none;margin:auto;border:0;border-radius:14px;padding:0;background:#fff;color:#18191b;box-shadow:0 25px 70px #0005}
.expose-dialog[open]{display:flex;flex-direction:column}
.expose-dialog::backdrop{background:#101725cc}
.expose-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 22px;border-bottom:1px solid #ddd}
.expose-dialog h2{font-size:22px;line-height:1.25;margin:0}
.expose-close{font:inherit;font-size:15px;white-space:nowrap;border:1px solid #d6d6dc;background:#fff;color:inherit;border-radius:8px;padding:9px 12px;cursor:pointer}
.expose-close span{font-size:21px;vertical-align:middle;margin-left:8px}
.expose-dialog iframe{display:block;border:0;width:100%;flex:1;min-height:0;background:#eee}
.expose-dialog>p{padding:11px 22px;font-size:14px;margin:0}
.expose-dialog a:focus-visible,.expose-close:focus-visible,.expose-cover:focus-visible{outline:2px solid #a6687b;outline-offset:3px}
body.expose-open{overflow:hidden}
@media(max-width:900px){.expose-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 20px}.hirsch-webcase{gap:30px}.website-example-grid{gap:35px 22px}}
@media(max-width:580px){.website-example-grid,.expose-spreads{grid-template-columns:1fr;gap:35px}.website-example-grid h3{font-size:27px}.expose-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 16px}.expose-cover{padding:12px;aspect-ratio:1.03}.expose-caption h3{font-size:18px}.expose-caption .text-link{font-size:14px;line-height:1.45;display:inline}.expose-spreads figcaption{margin-top:12px}.expose-dialog-head{padding:12px;gap:8px}.expose-dialog h2{font-size:18px}.expose-close{font-size:13px;padding:8px}.expose-dialog>p{padding:10px 12px}.hirsch-print-story{padding-top:20px}}
@media(prefers-reduced-motion:reduce){.expose-cover img,.website-window>img{transition:none}.expose-cover:hover img,.website-window:hover>img{transform:none}}

.sky-case{padding-block:85px;border-top:1px solid var(--line)}
.sky-case-copy{display:grid;grid-template-columns:1.2fr 1fr;gap:9%;align-items:start}
.sky-case-copy>p{font-size:22px;line-height:1.5;font-weight:300;max-width:670px}
.sky-case-copy .case-video-source{margin-top:24px;margin-right:24px}
.kadetten-bts{padding-block:90px 100px;border-top:1px solid var(--line)}
.bts-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.bts-gallery figure{margin:0;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.bts-gallery img,.bts-gallery video{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;background:#e9eaec}
.bts-gallery figcaption{padding:14px 15px 17px;font-size:14px;color:var(--muted);line-height:1.45}
.bts-gallery figcaption span{font-size:11px;letter-spacing:.12em;color:var(--ink);font-weight:600;margin-right:10px}
.kadetten-bts>.case-video-source{display:inline-block;margin-top:30px}
.burro-social-additions{padding-block:80px 90px;border-top:1px solid var(--line)}
.burro-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 24px}
.burro-photo{margin:0;min-width:0}
.burro-photo-media{display:block;aspect-ratio:4/5;background:#f1efea;border-radius:15px;overflow:hidden}
.burro-photo-media img{display:block;width:100%;height:100%;object-fit:contain}
.burro-photo figcaption{display:flex;flex-direction:column;gap:7px;padding:16px 2px 0;font-size:16px;line-height:1.4}
.burro-photo figcaption a{font-size:13px;color:#666}
.burro-photo a:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.burro-film-grid{display:grid;grid-template-columns:repeat(2,minmax(0,350px));justify-content:center;gap:55px}
.burro-film .project-preview{aspect-ratio:9/16;border-radius:18px}
.burro-film h3{font-size:22px;font-weight:500;line-height:1.3;margin:20px 0 4px}
.burro-film .case-video-source{font-size:14px}
.social-location-section,.social-work-section{padding-block:70px 90px;border-top:1px solid var(--line)}
.social-location-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.social-location-card{display:flex;flex-direction:column;padding:27px;background:#fff;border:1px solid var(--line);border-radius:16px;transition:border-color .2s}
.social-location-card:hover{border-color:#a6687b}
.social-location-region{font-size:13px;color:#777;letter-spacing:.07em;text-transform:uppercase}
.social-location-card h3{font-size:29px;font-weight:500;margin:18px 0 12px}
.social-location-handle{font-size:14px;color:#666;overflow-wrap:anywhere}
.social-location-link{font-size:14px;margin-top:24px}
.social-profile-main{margin-top:24px;display:inline-flex}
.social-work-section .section-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:8%;align-items:end}
.social-work-section .section-heading>div>p:not(.eyebrow){font-size:20px;font-weight:300;line-height:1.5;color:#666}
.social-work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:start}
.social-work-card{min-width:0}
.social-work-card .project-preview{aspect-ratio:9/16;border-radius:16px}
.social-work-photo{display:block;border-radius:16px;overflow:hidden;aspect-ratio:4/5}
.social-work-photo img{display:block;width:100%;height:100%;object-fit:contain}
.social-work-caption{padding-top:24px}
.social-work-caption h3{font-size:26px;font-weight:500;line-height:1.2;margin:0 0 14px}
.social-work-caption p:not(.eyebrow){font-size:17px;color:#666;line-height:1.5}
.social-work-caption .eyebrow{margin-bottom:12px;font-size:12px}
.social-work-caption .case-video-source{display:inline-block;margin-top:14px;font-size:14px}
@media(max-width:900px){.social-location-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.social-work-grid{gap:18px}.social-work-caption h3{font-size:23px}}
@media(max-width:580px){.social-location-section,.social-work-section{padding-block:45px 55px}.social-location-grid{grid-template-columns:1fr;gap:14px}.social-location-card{padding:24px}.social-work-grid{grid-template-columns:minmax(0,350px);justify-content:center;gap:38px}.social-work-caption{padding-top:20px}.social-profile-main{font-size:16px}.social-work-section .section-heading{grid-template-columns:1fr;gap:22px}.social-work-section .section-heading>div>p:not(.eyebrow){font-size:18px}}
@media(max-width:800px){.sky-case{padding-block:65px 75px}.sky-case-copy{grid-template-columns:1fr;gap:28px}.sky-case-copy>p{font-size:20px}.bts-gallery{grid-template-columns:repeat(2,1fr);gap:14px}.kadetten-bts{padding-block:65px 75px}}
@media(max-width:800px){.burro-social-additions{padding-block:65px 75px}.burro-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 18px}.burro-film-grid{gap:28px}}
@media(max-width:580px){.sky-case{padding-block:55px 65px}.sky-case-copy>p{font-size:19px}.sky-case-copy .case-video-source{display:block;margin:19px 0 0}.bts-gallery{grid-template-columns:1fr 1fr;gap:10px}.bts-gallery figcaption{font-size:13px;padding:11px 10px 13px}.bts-gallery figcaption span{display:block;margin:0 0 4px}.burro-social-additions{padding-block:55px 65px}.burro-photo-grid{gap:26px 12px}.burro-photo-media{border-radius:10px}.burro-photo figcaption{font-size:14px;padding-top:12px}.burro-photo figcaption a{font-size:12px}.burro-film-grid{grid-template-columns:minmax(0,350px);gap:38px}}

/* More breathing room around customer marks on every screen. */
.customer-grid figure{padding:34px;min-height:180px}
.customer-grid img{width:84%;height:108px}
.customer-grid img[src*="friseur-mellin-official"]{transform:none}
@media(max-width:800px){.customer-grid figure{padding:28px;min-height:150px}.customer-grid img{height:88px}}
@media(max-width:580px){.customer-grid figure{padding:24px 20px;min-height:135px}.customer-grid img{height:78px}}
.project-person-cover img[src*="sebastian-hirsch-neu"]{object-position:50% 30%}
.engel-post-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.engel-post-grid .social-work-photo img{width:100%;height:100%;object-fit:contain}
.engel-post-grid h3{font-size:23px;line-height:1.25}
.project-editorial-cover img[src*="ravensburg-buero"]{object-position:50% 48%}
@media(max-width:1000px){.engel-post-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 22px}}
@media(max-width:580px){.engel-post-grid{grid-template-columns:1fr;max-width:350px;margin-inline:auto;gap:32px}}

.project-editorial-cover:has(img[src$="sub-user.png"]),.social-client-logo:has(img[src$="sub-user.png"]){aspect-ratio:2.5;overflow:hidden;display:block}
.project-editorial-cover img[src$="sub-user.png"],.social-client-logo img[src$="sub-user.png"]{width:100%;height:100%;object-fit:cover;object-position:50% 87%;max-height:none}
.project-editorial-cover:has(img[src$="sub-user.png"]){aspect-ratio:1.45}

.project-card-grid .project-editorial-cover,.project-card-grid .project-logo-cover,.project-card-grid .project-preview{position:relative;aspect-ratio:1.45}
.project-client-badge{position:absolute;z-index:2;top:14px;left:14px;display:flex;align-items:center;justify-content:center;width:112px;height:58px;padding:10px;background:#fff;border-radius:9px;box-shadow:0 3px 14px #00000012}
.project-card-grid .project-client-badge img{width:100%;height:100%;object-fit:contain;object-position:center;aspect-ratio:auto;filter:none}

.project-client-badge{position:static;display:flex;justify-content:flex-start;width:160px;height:74px;padding:2px;margin:0 0 16px;background:transparent;border-radius:0;box-shadow:none}
.project-card-grid .project-client-badge img{object-position:left center}

.project-client-badge img[src$="kingbag-original.png"]{filter:brightness(0)}
.kingbag-films{padding-block:35px 55px}.kingbag-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.kingbag-video-grid figure{margin:0}.kingbag-video-grid video{width:100%;aspect-ratio:4/5;object-fit:contain;background:#111;border-radius:12px}.kingbag-video-grid figcaption{font-size:14px;margin-top:10px}.kingbag-video-note{font-size:12px;color:#777;margin-top:20px}.project-webcase>figure{margin:0}.project-webcase>figure img{width:100%;border-radius:12px}@media(max-width:650px){.kingbag-video-grid{grid-template-columns:1fr}.kingbag-video-grid video{aspect-ratio:1}}
.project-webcase img[src*="/kingbag/"]{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
.kingbag-video-grid video{display:block;max-width:100%;height:auto;aspect-ratio:auto 16/9;object-fit:contain}
@media(max-width:800px){.project-webcase:has(img[src*="/kingbag/"]){grid-template-columns:minmax(0,1fr);gap:24px}.project-webcase:has(img[src*="/kingbag/"])>*{min-width:0}}

/* Project logos on the preview, in place of the film label. */
.project-card-grid .project-client-badge{position:absolute;left:16px;bottom:16px;top:auto;z-index:2;width:116px;height:58px;padding:3px 4px;margin:0;background:#fff;border-radius:8px;box-shadow:0 3px 14px #0002;pointer-events:none}
.project-card-grid .project-client-badge img{width:100%;height:100%;object-fit:contain;object-position:center}
.region-locations{font-size:13px;line-height:1.9;color:#666}
.social-fixed a[href*="wa.me"]:hover,.social-fixed a[href*="wa.me"]:focus-visible{background:#25d366;color:#fff}

.region-number{position:relative}.region-number .region-over{position:absolute;left:0;top:-20px;font-size:16px;line-height:1;font-weight:500;letter-spacing:0}

/* Preserve intrinsic media proportions, including before playback. */
img,video{object-fit:contain}
.kingbag-video-grid video{aspect-ratio:9/16;height:auto;object-fit:contain}
.bts-gallery video{object-fit:contain}