.brand-visual{position:relative;overflow:hidden;background:var(--surface-soft)}.brand-visual__tile{width:100%;height:100%;object-fit:cover;display:block}.brand-visual__logo{position:absolute;inset:0;margin:auto;width:60%;height:60%;object-fit:contain;z-index:1}.brand-visual--live .brand-visual__tile{visibility:hidden}.brand-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}@media (hover:hover) and (prefers-reduced-motion:no-preference){.work-card .brand-visual--live .brand-bg,.pf-card .brand-visual--live .brand-bg,.pf-more-card .brand-visual--live .brand-bg,.work-card .brand-visual--live .brand-visual__logo,.pf-card .brand-visual--live .brand-visual__logo,.pf-more-card .brand-visual--live .brand-visual__logo{transition:transform 0.45s cubic-bezier(0.2,0.7,0.2,1)}.work-card:hover .brand-visual--live .brand-bg,.pf-card:hover .brand-visual--live .brand-bg,.pf-more-card:hover .brand-visual--live .brand-bg{transform:scale(1.08)}.work-card:hover .brand-visual--live .brand-visual__logo,.pf-card:hover .brand-visual--live .brand-visual__logo{transform:translateY(-7px) scale(1.05)}.pf-more-card:hover .brand-visual--live .brand-visual__logo{transform:translateY(-4px) scale(1.04)}}.brand-visual--card{aspect-ratio:1 / 1}.brand-visual--feature{max-width:560px;aspect-ratio:1 / 1;margin:0 auto;border:1px solid var(--line);border-radius:var(--radius);transition:max-width 0.3s ease}.brand-visual--feature.brand-visual--live{max-width:960px;aspect-ratio:16 / 9}