.sneaker-mosaic{background:var(--color-background,#fff);width:100%;padding:clamp(20px,2.4vw,36px) 0;display:block}.sneaker-mosaic__inner{max-width:var(--page-width,1440px);border-radius:6px;grid-template-columns:3fr 2fr;align-items:stretch;gap:0;min-height:600px;margin:0 auto;padding:0 24px;display:grid;overflow:hidden}.sneaker-mosaic--image-right .sneaker-mosaic__inner{grid-template-columns:2fr 3fr}.sneaker-mosaic--image-right .sneaker-mosaic__media{order:2}.sneaker-mosaic--image-right .sneaker-mosaic__panel{order:1}@media (width<=768px){.sneaker-mosaic__inner,.sneaker-mosaic--image-right .sneaker-mosaic__inner{grid-template-columns:1fr;min-height:0;padding:0 16px}.sneaker-mosaic--image-right .sneaker-mosaic__media,.sneaker-mosaic--image-right .sneaker-mosaic__panel{order:initial}}.sneaker-mosaic__media{aspect-ratio:4/3;background:#f4f4f4;position:relative;overflow:hidden}@media (width>=769px){.sneaker-mosaic__media{aspect-ratio:auto}}.sneaker-mosaic__image{object-fit:cover;width:100%;height:100%;display:block}.sneaker-mosaic__image--anchored-left{object-position:0% 50%;transform-origin:0%;transform:scale(1.08)}.sneaker-mosaic__placeholder{text-align:center;background:linear-gradient(135deg,#fafafa 0%,#e8e8e8 100%);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:32px;display:flex;position:absolute;inset:0}.sneaker-mosaic__placeholder-svg{opacity:.4;width:30%;max-width:200px;height:auto}.sneaker-mosaic__placeholder-hint{font-family:var(--font-ui);letter-spacing:.06em;color:var(--dl-steel,#7d858c);text-transform:uppercase;font-size:.8125rem;font-weight:600}.sneaker-mosaic__panel{background:var(--sm-panel-bg,#33d88c);color:var(--sm-panel-text,#0e3d27);align-items:center;padding:clamp(40px,5vw,72px) clamp(32px,4vw,64px);display:flex;position:relative}.sneaker-mosaic__content{flex-direction:column;gap:28px;width:100%;display:flex}.sneaker-mosaic__heading{font-family:var(--font-editorial,"DM Serif Display", "Playfair Display", Georgia, serif);letter-spacing:-.02em;color:var(--sm-panel-text,#0e3d27);flex-direction:column;align-items:stretch;margin:0;font-size:clamp(3.5rem,7.6vw,6rem);font-weight:400;line-height:.9;display:flex}.sneaker-mosaic__line{display:block}.sneaker-mosaic__line--1{align-self:flex-start}.sneaker-mosaic__line--2{align-self:flex-end;margin-right:8%}.sneaker-mosaic__line--3{align-self:flex-start}@media (width<=768px){.sneaker-mosaic__heading{font-size:clamp(2.25rem,10vw,3.75rem)}.sneaker-mosaic__line--2{margin-right:0}.sneaker-mosaic__panel{padding:28px 20px 32px}.sneaker-mosaic__content{gap:18px}.sneaker-mosaic__cta{width:100%;min-width:0;padding:16px 24px;font-size:.75rem}}.sneaker-mosaic__subheading{font-family:var(--font-ui,"Inter", sans-serif);color:var(--sm-panel-text,#0e3d27);max-width:30ch;margin:0;font-size:clamp(1rem,1.4vw,1.125rem);font-weight:500;line-height:1.45}.sneaker-mosaic__cta{background:var(--sm-btn-bg,#ffe336);color:var(--sm-btn-text,#0e3d27);font-family:var(--font-ui,"Inter", sans-serif);letter-spacing:.16em;text-transform:uppercase;min-width:200px;transition:transform .3s var(--ease-out-expo,cubic-bezier(.16, 1, .3, 1)), box-shadow .3s var(--ease-out-expo,cubic-bezier(.16, 1, .3, 1)), letter-spacing .3s var(--ease-out-expo,cubic-bezier(.16, 1, .3, 1));border:0;border-radius:0;justify-content:center;align-self:flex-start;align-items:center;margin-top:12px;padding:18px 32px;font-size:.8125rem;font-weight:800;text-decoration:none;display:inline-flex}.sneaker-mosaic__cta:hover,.sneaker-mosaic__cta:focus-visible{letter-spacing:.22em;color:var(--sm-btn-text,#0e3d27);text-decoration:none;transform:translateY(-2px);box-shadow:0 12px 24px -8px #0000002e}.sneaker-mosaic__media[data-reveal],.sneaker-mosaic__panel[data-reveal]{opacity:0;transition:opacity .7s var(--ease-out-expo,cubic-bezier(.16, 1, .3, 1)), transform .7s var(--ease-out-expo,cubic-bezier(.16, 1, .3, 1));transform:translateY(16px)}.sneaker-mosaic__media[data-reveal].is-visible,.sneaker-mosaic__panel[data-reveal].is-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.sneaker-mosaic__cta,.sneaker-mosaic__media,.sneaker-mosaic__panel{transition:none!important}.sneaker-mosaic__cta:hover{transform:none}}