html[data-zuma-surface="web"] .web-home-heroes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}
html[data-zuma-surface="web"] .web-home-heroes>.hero{display:block;width:100%;min-width:0;min-height:0;height:auto;aspect-ratio:16/9;margin:0;border-radius:20px;text-align:left}
html[data-zuma-surface="web"] .web-home-heroes .hero-tag{top:15px;left:17px;font-size:9px;letter-spacing:1px;gap:7px}
html[data-zuma-surface="web"] .web-home-heroes .hero-copy{left:18px;bottom:18px;max-width:calc(100% - 66px);gap:6px}
html[data-zuma-surface="web"] .web-home-heroes .hero-copy .eyebrow{font-size:8px;letter-spacing:1.1px;line-height:1.4}
html[data-zuma-surface="web"] .web-home-heroes .hero-copy>strong{font-size:clamp(22px,2.6vw,40px);line-height:1.06;letter-spacing:-1px}
html[data-zuma-surface="web"] .web-home-heroes .hero-copy>span:last-child{font-size:12px;line-height:1.45}
html[data-zuma-surface="web"] .web-home-heroes .hero-arrow{right:15px;bottom:18px;width:34px;height:34px}
html[data-zuma-surface="web"] .web-home-heroes .hero-arrow svg{width:19px;height:19px}
@media(min-width:701px) and (max-width:1050px){html[data-zuma-surface="web"] .web-home-heroes{gap:12px}html[data-zuma-surface="web"] .web-home-heroes .hero-copy{left:13px;bottom:13px;max-width:calc(100% - 25px)}html[data-zuma-surface="web"] .web-home-heroes .hero-copy>strong{font-size:24px}html[data-zuma-surface="web"] .web-home-heroes .hero-copy>span:last-child,html[data-zuma-surface="web"] .web-home-heroes .hero-copy .eyebrow,html[data-zuma-surface="web"] .web-home-heroes .hero-arrow{display:none}html[data-zuma-surface="web"] .web-home-heroes .hero-tag{top:12px;left:13px;font-size:8px}}
@media(max-width:700px){html[data-zuma-surface="web"] .web-home-heroes{grid-template-columns:1fr;gap:14px;margin-top:16px}html[data-zuma-surface="web"] .web-home-heroes .hero-copy>strong{font-size:32px}}
/* Six equal-width columns for every orientation; masonry fills each column. */
html[data-zuma-surface="web"] #effects-gallery{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-count:auto;gap:14px;align-items:start}
html[data-zuma-surface="web"] #effects-gallery>.visual-effect{grid-column:span 1;margin:0;min-width:0;border-radius:12px}
html[data-zuma-surface="web"] #effects-gallery>.visual-effect[data-orientation="portrait"]{grid-column:span 1;border-radius:12px}
html[data-zuma-surface="web"] #effects-gallery>.visual-effect .visual-effect-label{top:8px;left:8px;max-width:calc(100% - 16px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}
html[data-zuma-surface="web"] #effects-gallery>.visual-effect .visual-effect-create{right:8px;bottom:8px;padding:6px 9px;font-size:11px}
@media(max-width:760px){html[data-zuma-surface="web"] #effects-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}html[data-zuma-surface="web"] #effects-gallery>.visual-effect{grid-column:span 1}}
html[data-zuma-surface="web"] #effects-gallery.web-trends-masonry{position:relative;display:block;column-count:auto;height:var(--trend-gallery-height)}
html[data-zuma-surface="web"] #effects-gallery.web-trends-masonry>.visual-effect{position:absolute;left:var(--trend-x);top:var(--trend-y);width:var(--trend-width);height:var(--trend-card-height);margin:0}