/*! aloha product hero
    Used by sections/aloha-product-hero.liquid. Typography, buttons and highlighted
    (gradient) text come from theme.css; this file only handles layout, the logo,
    the swatches and the cropped image. */.product-hero__grid{display:flex;flex-direction:column;align-items:center;gap:var(--sp-7)}.product-hero__content{width:100%}.product-hero .rich-text>.heading+.rte{margin-block-start:var(--sp-3)}.product-hero .rich-text>.button{margin-block-start:var(--sp-6)}.product-hero .rich-text>.product-hero__swatches{margin-block-start:var(--sp-5)}.product-hero .text-opacity,.product-hero__swatch-label{color:rgb(var(--color-foreground) / .64)}.product-hero__heading--break em{display:block}.product-hero__logo{display:inline-flex;align-items:baseline;gap:.25em;font-size:calc(var(--logo-height-mobile) * 1.3);font-weight:600;letter-spacing:-.02em}.product-hero__logo-image{display:block;height:var(--logo-height-mobile);width:auto}.product-hero__swatches{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2d5) var(--sp-3);font-size:.875rem;line-height:1.4}.text-center>.product-hero__swatches{justify-content:center}.text-right>.product-hero__swatches{justify-content:flex-end}.product-hero__swatch-list{display:flex;gap:calc(var(--swatch-size) * .55)}.product-hero__swatch{width:var(--swatch-size);height:var(--swatch-size);border-radius:50%;box-shadow:inset 0 0 0 1px #0000001f}.product-hero__media{display:flex;justify-content:center;width:100%}.product-hero__crop{width:min(100%,var(--hero-image-width-mobile));aspect-ratio:var(--hero-image-ratio-mobile);overflow:hidden}.product-hero__image{display:block;width:100%;height:auto}@media screen and (min-width:1024px){.product-hero__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-8)}.product-hero__grid--image-first .product-hero__media{order:-1}.product-hero__media--bleed{align-self:end}.product-hero__crop{width:min(100%,var(--hero-image-width));aspect-ratio:var(--hero-image-ratio)}.product-hero__logo{font-size:calc(var(--logo-height) * 1.3)}.product-hero__logo-image{height:var(--logo-height)}.lg\:text-left>.product-hero__swatches{justify-content:flex-start}.lg\:text-center>.product-hero__swatches{justify-content:center}.lg\:text-right>.product-hero__swatches{justify-content:flex-end}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/aloha-product-hero.css.map */
