.logo-gallery{min-width:0;background:#fff}.logo-stage{position:relative;height:clamp(280px,35vw,440px);overflow:hidden}.brand-example .logo-slide{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;aspect-ratio:auto;padding:14px;box-sizing:border-box;background:#fff}.brand-example .logo-slide[hidden]{display:none!important}.brand-example .logo-slide img{width:100%;height:100%;object-fit:contain;object-position:center;transform:none}.logo-stage:after{content:"\a9  Icons";position:absolute;bottom:8px;right:12px;color:#3337;font:10px Arial,sans-serif;pointer-events:none}.logo-controls{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 14px;border-top:1px solid #edf0e9}.logo-controls button{min-width:44px;min-height:44px;border:1px solid #cbd0c6;border-radius:8px;background:#fff;color:#17241e;font:16px Arial,sans-serif;cursor:pointer}.logo-controls span{font-size:14px}.logo-controls [data-logo-play]{padding:8px 14px;margin-left:auto}.logo-trio-frame{position:absolute;left:14px;right:14px;top:50%;aspect-ratio:1536/800;transform:translateY(-50%);overflow:hidden;display:block}.brand-example .logo-slide .logo-trio-frame img{width:100%;height:auto;max-width:none;object-fit:initial;transform:translateY(-31.25%)}.brand-examples>.brand-example:first-child{grid-column:auto}.logo-gallery,.brand-example .logo-slide{background:#eeeee8}.logo-stage{height:clamp(360px,40vw,520px)}.brand-example .logo-slide{padding:8px}.logo-trio-frame{left:50%;right:auto;width:calc(100% - 24px);max-width:1100px;transform:translate(-50%,-50%)}@media(max-width:680px){.logo-stage{height:clamp(360px,112vw,560px)}.logo-trio-frame{width:calc(100% - 12px)}}.visual-benefits{position:relative}.visual-benefits:after{content:"\a9  Icons The Case";display:block;text-align:right;padding:4px 20px 10px;color:#ffffff8c;font:11px Arial,sans-serif;letter-spacing:.02em;pointer-events:none}.fold-photo-mark,.dimensions-photo-mark{position:relative;line-height:0;min-width:0}.fold-photo-mark:after,.dimensions-photo-mark:after{content:"\a9";position:absolute;right:14px;bottom:14px;font:16px/1 Arial,sans-serif;pointer-events:none}.fold-photo-mark:after{color:#fff;text-shadow:0 1px 3px #0008}.dimensions-photo-mark:after{color:#000}@media(max-width:760px){.dimensions-photo-mark{grid-row:2}}.brand-examples>.brand-example{display:flex;flex-direction:column}.brand-examples>.brand-example>figcaption{flex:1}.brand-example .logo-gallery{aspect-ratio:3/2;position:relative;flex:none}.brand-example .logo-stage{height:calc(100% - 64px);width:100%}.brand-example .logo-controls{height:64px;padding:9px 14px;box-sizing:border-box}.brand-example .logo-trio-frame{max-width:calc((100cqw * 2 / 3 - 64px) * 1.92)}.brand-example .logo-gallery{container-type:inline-size}.sponsored-examples>.logo-example-last{grid-column:1/-1;width:calc((100% - 28px)/2);justify-self:center}@media(max-width:680px){.sponsored-examples>.logo-example-last{width:100%;grid-column:auto}}.sponsored-examples{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.sponsored-examples>.logo-example-last{grid-column:auto;width:100%;justify-self:stretch}.sponsored-examples>.brand-example{min-width:0;width:100%}@media(max-width:900px){.sponsored-examples{grid-template-columns:1fr;max-width:680px}.sponsored-examples>.logo-example-last{grid-column:auto;width:100%}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/logo-gallery.css.map */