/* Media references: original brand assets with individually balanced dimensions. */
.media-studio{position:relative;background:#131719;border-block:1px solid #ffffff20;isolation:isolate;overflow:hidden}
.media-studio::before{content:'';position:absolute;top:-150px;right:-150px;width:600px;height:600px;background:radial-gradient(ellipse,#a8a0f80d,transparent 66%);z-index:-1;pointer-events:none}
.media-studio>.section{padding-block:90px}
.media-eyebrow{display:flex;justify-content:space-between;align-items:center;gap:25px}
.media-range{display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:.08em;color:var(--muted)}
.media-range i{width:5px;height:5px;border-radius:50%;background:var(--lime)}
.media-studio .heading-row{margin-top:25px;gap:35px}
.media-studio h2{font-family:Arial,Helvetica,sans-serif;font-size:clamp(40px,5.3vw,80px);font-weight:500;line-height:1.02;letter-spacing:-.065em}
.media-studio h2>span{color:var(--violet)}
.media-studio .heading-row>p{font-size:13px;max-width:350px}
.media-controls{display:none;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding-top:23px;margin:35px 0 22px}
.js .media-controls{display:flex}
.media-filters{display:flex;gap:6px;flex-wrap:wrap}
.media-filters button{font-size:11px;border:1px solid transparent;border-radius:30px;padding:10px 15px;transition:border-color .2s,background .2s,color .2s}
.media-filters button[aria-pressed=true]{background:var(--violet);color:var(--ink)}
.media-filters button:not([aria-pressed=true]):hover{border-color:#ffffff40}
.media-filters button>span{opacity:.55;margin-left:4px;font-size:9px}
#media-result{font-size:10px;color:var(--muted);white-space:nowrap}
.reference-wall{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:0;margin:30px 0 0}
.reference-brand{min-width:0;overflow:hidden;border:1px solid #ffffff16;background:#191e21;border-radius:5px;position:relative;isolation:isolate}
.reference-brand::after{content:'';position:absolute;inset:0;pointer-events:none;border:1px solid transparent;border-radius:inherit;transition:border-color .3s;z-index:2}
.reference-brand:hover::after{border-color:#a8a0f87a}
.reference-logo{height:124px;display:flex;justify-content:center;align-items:center;gap:20px;background:var(--logo-surface);position:relative;overflow:hidden}
.reference-logo>img{width:var(--logo-width);height:var(--logo-height);max-width:82%;object-fit:contain;transition:transform .4s}
.reference-logo .secondary-logo{width:96px;height:47px;max-width:35%}
.logo-divider{width:1px;height:32px;background:#ffffff29}
.reference-brand:hover .reference-logo>img{transform:translateY(-2px)}
.reference-caption{min-height:71px;display:flex;flex-direction:column;justify-content:center;gap:7px;padding:14px 18px}
.reference-caption strong{font-size:13px;font-weight:500;line-height:1.2;letter-spacing:-.01em}
.reference-caption>span{font-size:9px;color:var(--muted);line-height:1.35}
.agency-feature{display:grid;grid-template-columns:180px 1fr 115px;gap:32px;align-items:center;margin-top:30px;padding:30px;border:1px solid #d9fa7333;border-left:3px solid var(--lime);border-radius:5px;background:linear-gradient(110deg,#d9fa7307,transparent 65%)}
.agency-feature-logo{display:grid;place-items:center;min-height:98px}
.agency-feature-logo img{width:180px;height:76px;max-width:100%;object-fit:contain}
.reference-wall>.agency-feature{grid-column:span 3;grid-template-columns:145px 1fr 72px;margin:0;gap:24px;padding:26px}
.reference-wall:not([data-media-selection=all])>.agency-feature{grid-column:1/-1}
.reference-wall>.agency-feature h3{font-size:23px}
.reference-wall>.agency-feature .agency-proof>svg{width:22px;height:22px}
.reference-wall>.agency-feature .agency-proof span{text-align:center;line-height:1.4}
.agency-feature-copy .eyebrow{font-size:8px;color:var(--lime);letter-spacing:.11em}
.agency-feature h3{font-size:24px;line-height:1.2;font-weight:500;letter-spacing:-.035em;margin:12px 0 10px}
.agency-feature p{font-size:12px;color:var(--muted);max-width:640px}
.agency-proof{justify-self:end;display:flex;flex-direction:column;align-items:center;gap:12px;font-size:9px}
.agency-proof>svg{height:44px;width:44px;padding:12px;box-sizing:content-box;border:1px solid #ffffff30;border-radius:50%;transition:background .3s,color .3s;}
.agency-proof:hover>svg{color:var(--ink);background:var(--lime);border-color:var(--lime)}
.media-work-heading{display:flex;justify-content:space-between;gap:25px;align-items:flex-end;margin:55px 0 23px}
.media-work-heading .eyebrow{font-size:8px;color:var(--muted)}
.media-work-heading h3{font-size:26px;line-height:1.2;letter-spacing:-.04em;font-weight:500;margin-top:14px}
.media-work-heading>span{display:flex;gap:14px;align-items:center;font-size:9px;white-space:nowrap;color:var(--muted)}
.media-work-heading>span svg{height:14px;width:14px}
.press-work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.press-work{display:flex;flex-direction:column;padding:26px;border:1px solid var(--line);border-radius:5px;background:#1a1f22;position:relative;overflow:hidden;min-width:0;transition:background .3s,border-color .3s}
.press-work::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--violet);transform:scaleX(0);transform-origin:left;transition:transform .4s}
.press-work:hover{background:#21262b;border-color:#a8a0f855}
.press-work:hover::before{transform:scaleX(1)}
.press-work-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:32px}
.press-work-top>span:first-child{font-size:19px;font-weight:700;letter-spacing:-.035em}
.press-work-top>span:last-child{font-size:9px;color:var(--muted)}
.press-work-kind{font-size:8px;letter-spacing:.14em;color:var(--violet)}
.press-work h4{font-size:24px;font-weight:500;line-height:1.17;letter-spacing:-.035em;margin:14px 0 13px;overflow-wrap:anywhere}
.press-work p{font-size:10px;color:var(--muted);margin:0 0 25px}
.press-work-link{display:flex;align-items:center;justify-content:space-between;margin-top:auto;font-size:10px;border-top:1px solid #ffffff18;padding-top:17px}
.press-work-link svg{width:17px;height:17px;color:var(--lime);transition:transform .3s}
.press-work:hover .press-work-link svg{transform:translate(2px,-2px)}
.media-more{border-top:1px solid var(--line);margin-top:30px}
.media-more summary{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;padding:20px 0;cursor:pointer;line-height:1.5}
.media-more summary>span{font-size:23px;color:var(--violet)}
.media-more>div{padding:0 0 20px}
.media-more p{max-width:830px;font-size:13px;color:var(--muted)}
.media-more-links{display:flex;flex-wrap:wrap;gap:18px 35px;margin-top:24px}
.media-more-links>a{display:flex;gap:14px;align-items:center;font-size:11px;text-decoration:underline;text-underline-offset:4px}
.media-more-links svg{width:13px;height:13px}
@media(max-width:1100px){.reference-wall{gap:14px}.reference-logo{height:108px}.reference-caption{padding:14px;min-height:70px}.reference-caption strong{font-size:12px}.reference-logo .secondary-logo{width:76px}.reference-logo{gap:13px}.agency-feature{grid-template-columns:145px 1fr 90px;gap:23px;padding:25px}.agency-feature h3{font-size:22px}.agency-feature-logo{min-height:88px}.agency-proof>svg{width:30px;height:30px}.media-work-heading h3{font-size:23px}.press-work{padding:22px}.press-work h4{font-size:22px}.media-range{font-size:7px}.media-studio .heading-row>p{max-width:310px}}
@media(max-width:760px){.media-studio>.section{padding-block:65px}.media-range{display:none}.media-studio h2{font-size:46px}.media-studio .heading-row{gap:20px;margin-top:20px}.media-studio .heading-row>p{font-size:12px;max-width:450px}.media-controls{margin-top:30px;align-items:flex-start;flex-direction:column;gap:14px;padding-top:19px}.media-filters{gap:4px}.media-filters button{font-size:10px;padding:9px 12px}.media-filters button>span{font-size:8px}#media-result{font-size:9px}.reference-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:22px}.reference-logo{height:108px}.reference-logo>img{max-width:79%;max-height:85%}.reference-logo .secondary-logo{max-width:37%;height:35px}.reference-logo.logo-prosieben{gap:8px}.logo-prosieben>img:first-child{width:33px;height:44px}.logo-divider{height:25px}.reference-caption{min-height:70px;padding:13px}.reference-caption strong{font-size:12px;line-height:1.3}.reference-caption>span{font-size:9px}.agency-feature{grid-template-columns:1fr;padding:25px;gap:22px;margin-top:25px}.agency-feature-logo{width:155px;min-height:80px}.agency-feature-logo img{height:60px}.agency-feature h3{font-size:25px}.agency-feature p{font-size:12px}.agency-proof{justify-self:start;flex-direction:row;font-size:11px;gap:14px}.agency-proof>svg{width:18px;height:18px;padding:12px}.media-work-heading{margin-top:42px;align-items:flex-start;flex-direction:column;gap:15px}.media-work-heading h3{font-size:27px;max-width:290px}.media-work-heading>span{font-size:9px}.press-work-grid{grid-template-columns:1fr;gap:14px}.press-work{padding:25px}.press-work-top{margin-bottom:24px}.press-work h4{font-size:27px;overflow-wrap:normal}.press-work p{font-size:11px}.media-more summary{font-size:11px}.media-more p{font-size:12px}.media-more-links{flex-direction:column;gap:18px}.media-more-links>a{font-size:10px}}
@media(max-width:380px){.media-studio h2{font-size:40px}.media-filters button{font-size:9px;padding:9px 10px}.media-filters{gap:2px}.reference-logo{height:96px}.reference-caption{padding:12px}.reference-caption strong{font-size:11px}.reference-caption>span{font-size:8px}.logo-prosieben>img:first-child{width:28px}.reference-logo .secondary-logo{width:60px}.media-work-heading h3{font-size:25px}.press-work{padding:22px}.press-work h4{font-size:24px}}
@media(min-width:761px) and (max-width:1100px){.reference-wall>.agency-feature{grid-template-columns:110px 1fr;gap:20px;padding:20px}.reference-wall>.agency-feature .agency-proof{display:none}.reference-wall>.agency-feature h3{font-size:20px}.reference-wall>.agency-feature p{font-size:11px}}
@media(max-width:760px){.reference-wall>.agency-feature{grid-column:1/-1;grid-template-columns:1fr;gap:17px;padding:25px}.reference-wall[data-media-selection=all]>.reference-brand:nth-last-child(2){grid-column:1/-1}.reference-wall>.agency-feature h3{font-size:25px}.reference-wall>.agency-feature .agency-proof{justify-self:start}.reference-wall>.agency-feature .agency-proof span{text-align:left}}