/* Scoped to: clothing-template-about-hero */
[data-component-slug="clothing-template-about-hero"].about-hero-section, [data-component-slug="clothing-template-about-hero"] .about-hero-section { width: 100%; padding: 0 100px 80px; } [data-component-slug="clothing-template-about-hero"].about-hero-container, [data-component-slug="clothing-template-about-hero"] .about-hero-container { max-width: 1728px; margin: 0 auto; } [data-component-slug="clothing-template-about-hero"].about-hero-image, [data-component-slug="clothing-template-about-hero"] .about-hero-image { width: 100%; border-radius: 16px; overflow: hidden; } [data-component-slug="clothing-template-about-hero"].about-hero-image img, [data-component-slug="clothing-template-about-hero"] .about-hero-image img { width: 100%; height: auto; display: block; object-fit: cover; } @media (max-width: 1024px) { [data-component-slug="clothing-template-about-hero"].about-hero-section, [data-component-slug="clothing-template-about-hero"] .about-hero-section { padding: 0 40px 64px; } } @media (max-width: 768px) { [data-component-slug="clothing-template-about-hero"].about-hero-section, [data-component-slug="clothing-template-about-hero"] .about-hero-section { padding: 0 24px 56px; } } @media (max-width: 480px) { [data-component-slug="clothing-template-about-hero"].about-hero-section, [data-component-slug="clothing-template-about-hero"] .about-hero-section { padding: 0 16px 48px; } }