/* Catalog work and campaign films within their parent case study. */
.campaign-strip article{min-width:0;scroll-margin-top:100px}
.campaign-strip article:nth-child(even){margin-top:45px}
.campaign-strip .motion-frame{aspect-ratio:auto}
.campaign-strip .motion-frame video{width:100%;height:auto;aspect-ratio:4/5;object-fit:contain}
.campaign-strip .motion-toggle{left:10px;bottom:10px;min-height:44px;padding:8px 12px}
.campaign-film-caption{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:13px;font-size:10px;color:var(--muted)}
.campaign-film-caption h3{font:inherit;color:var(--ink)}
.campaign-film-caption span{white-space:nowrap}
.campaign-inline-note{margin-top:25px}
@media(max-width:760px){
 .campaign-strip article:nth-child(even){margin-top:25px}
 .campaign-film-caption{font-size:9px;gap:8px;flex-wrap:wrap}
 .campaign-strip .motion-toggle{left:8px;bottom:8px;padding:7px 10px;font-size:9px}
}

/* User-supplied catalog pages remain intact; CSS frames the relevant content. */
.lazzoni-catalog-pair{display:grid;grid-template-columns:minmax(0,460px) minmax(0,500px);gap:clamp(40px,7vw,100px);align-items:center;justify-content:space-between;max-width:1100px;margin:0 auto 90px;scroll-margin-top:110px}
.lazzoni-catalog-pair figure{min-width:0}
.lazzoni-catalog-pair .image-button{display:block;width:100%;padding:0}
.catalog-window{position:relative;display:block;overflow:hidden;background:#fff}
.catalog-window>img{position:absolute;display:block;max-width:none;height:auto}
.catalog-designer-window{aspect-ratio:466/369}
.catalog-designer-window>img{width:358.369099%;left:-30.901288%;top:-10.0271%}
.catalog-slate-window{aspect-ratio:798/952}
.catalog-slate-window>img{width:101.754386%;left:-1.253133%;top:-2.205882%}
.lazzoni-catalog-pair figcaption{display:block;margin-top:16px;padding:0;font-size:11px;line-height:1.65}
.lazzoni-catalog-pair figcaption strong{display:block;font-weight:400;color:var(--ink)}
.lazzoni-catalog-pair figcaption>span{display:block;margin-top:3px;font-size:10px;color:var(--muted)}
@media(max-width:760px){.lazzoni-catalog-pair{grid-template-columns:1fr;gap:48px;max-width:500px;margin-bottom:55px}.catalog-designer-feature{width:100%;max-width:460px;justify-self:center}.catalog-slate-feature{width:100%}.lazzoni-catalog-pair figcaption{margin-top:12px;font-size:10px}}

/* Earlier client work stays accessible through a quieter six-logo group. */
.client-logo-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 5%}
.client-logo-row .client-mark{scroll-margin-top:110px}
.client-lazzoni img{width:180px;max-width:100%;height:auto}
.client-mah-sing img{width:160px;max-width:100%;height:auto}
@media(max-width:760px){
 .client-logo-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}
 .client-lazzoni img{width:145px}
 .client-mah-sing img{width:130px}
}

/* Direct listening and viewing links beneath the two podcast clients. */
.client-logo-row{align-items:start}
.client-channel{min-width:0}
.client-channel-links{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:2px}
.client-logo-row .client-channel-links a{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:4px;min-height:28px;padding:2px 0;border:0;font-size:10px;line-height:1.5;color:var(--muted);white-space:nowrap}
.client-logo-row .client-channel-links a span{font:inherit;max-width:none}
.client-channel-links a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
@media(max-width:760px){.client-channel-links{gap:16px}.client-logo-row .client-channel-links a{min-height:36px;font-size:9px}}