.collection-banner{background:rgba(var(--banner-background, var(--color-purple)));color:rgba(var(--banner-foreground, var(--color-foreground)));column-gap:var(--spacing-3);display:grid;grid-template-columns:1fr 1fr;margin-block-start:calc(var(--header-height) * -1);padding-block-end:var(--spacing-14);padding-block-start:calc(var(--header-height, var(--spacing-8)) + var(--spacing-8));row-gap:var(--spacing-5)}.collection-banner:before{align-self:flex-start;content:attr(data-prefix);font-family:var(--font-alina-family);grid-column:1;justify-self:flex-start;line-height:1;text-orientation:mixed;text-transform:uppercase;transform:rotate(180deg);writing-mode:vertical-lr}.collection-banner h1{grid-column:1 / span 2;grid-row:2}.collection-banner .banner__description{grid-column:1 / span 2;grid-row:3}.collection-banner .banner__media{grid-column:2;grid-row:1}@media screen and (min-width: 990px){.collection-banner{grid-template-columns:calc(80px - var(--grid-column-gap)) 2fr 1fr;grid-template-rows:1fr 1fr;min-height:400px;padding-block-end:var(--spacing-7);padding-block-start:var(--header-height, var(--spacing-8));row-gap:var(--spacing-6)}.collection-banner:before{align-self:center;grid-row:1 / span 2}.collection-banner h1,.collection-banner .banner__description{grid-column:2;width:70%}.collection-banner h1{align-self:flex-end;grid-row:1}.collection-banner .banner__description{grid-row:2}.collection-banner .banner__media{grid-column:3;grid-row:1 / span 2}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/component-collection-banner.css.map */