.collage-banner{--u: calc(min(100vw, 600px) / 440);background-color:var(--collage-bg);color:var(--collage-ink);overflow:hidden}.collage-banner__inner{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"text" "collage" "details";max-width:1920px;margin-inline:auto}.collage-banner__text{grid-area:text;display:flex;flex-direction:column;gap:calc(10 * var(--u));padding:calc(18 * var(--u)) calc(24 * var(--u))}.collage-banner__eyebrow,.collage-banner__heading{margin:0;font-family:"Staatliches",var(--font-heading-family),sans-serif;font-style:normal;font-weight:400;text-transform:uppercase;color:inherit}.collage-banner__eyebrow{font-size:calc(15 * var(--u));line-height:calc(16 * var(--u));letter-spacing:calc(1.8 * var(--u))}.collage-banner__heading{font-size:calc(50 * var(--u));line-height:calc(49 * var(--u));letter-spacing:0}.collage-banner__subheading,.collage-banner__details,.collage-banner__caption{margin:0;font-family:"Stack Sans Headline",var(--font-body-family),sans-serif;font-style:normal;letter-spacing:0;color:inherit}.collage-banner__subheading{font-size:calc(16 * var(--u));font-weight:400;line-height:calc(20 * var(--u))}.collage-banner__details{grid-area:details;padding:calc(12 * var(--u)) calc(24 * var(--u));font-size:calc(12 * var(--u));font-weight:500;line-height:calc(15 * var(--u));text-transform:uppercase;white-space:pre-wrap}.collage-banner__collage{grid-area:collage;display:flex;align-items:flex-end;justify-content:center;gap:calc(16 * var(--u));height:calc(222 * var(--u));padding-bottom:calc(14 * var(--u))}.collage-banner__print{--print-width: 108;--print-pad: 6;--print-tilt: -2deg;flex:none;display:flex;flex-direction:column;gap:calc(7 * var(--u));width:calc(var(--print-width) * var(--u));padding:calc(var(--print-pad) * var(--u));background-color:var(--collage-print-bg);color:var(--collage-ink);text-decoration:none;transform:rotate(var(--print-tilt))}.collage-banner__print:nth-child(2n){--print-tilt: 2deg}.collage-banner__print:nth-child(2){--print-width: 122}.collage-banner__photo{display:block;width:100%;aspect-ratio:2 / 3;overflow:hidden;background-color:#1717130f}.collage-banner__photo img,.collage-banner__photo .collage-banner__placeholder{display:block;width:100%;height:100%;object-fit:cover}.collage-banner__caption{display:block;font-size:calc(10.5 * var(--u));font-weight:500;line-height:calc(15 * var(--u));text-align:center;overflow-wrap:anywhere}a.collage-banner__print:focus-visible{outline:2px solid var(--collage-ink);outline-offset:3px}@media(hover:hover)and (prefers-reduced-motion:no-preference){a.collage-banner__print{transition:transform .3s ease}a.collage-banner__print:hover{transform:rotate(0) translateY(calc(-6 * var(--u)))}}@media screen and (min-width:1024px){.collage-banner{--u: min(1px, calc(100vw / 1920))}.collage-banner__inner{grid-template-columns:calc(680 * var(--u)) minmax(0,1fr);grid-template-rows:1fr auto auto 1fr;grid-template-areas:". collage" "text collage" "details collage" ". collage";height:calc(420 * var(--u))}.collage-banner__text{gap:calc(16 * var(--u));padding:0 calc(64 * var(--u))}.collage-banner__eyebrow{font-size:max(13px,calc(21 * var(--u)));line-height:max(15px,calc(24 * var(--u)))}.collage-banner__heading{font-size:calc(84 * var(--u));line-height:calc(83 * var(--u))}.collage-banner__subheading{font-size:max(15px,calc(22 * var(--u)));line-height:max(20px,calc(29 * var(--u)))}.collage-banner__details{margin-top:calc(16 * var(--u));padding:0 calc(64 * var(--u));font-size:max(11px,calc(14 * var(--u)));line-height:max(14px,calc(18 * var(--u)))}.collage-banner__collage{align-items:center;justify-content:flex-start;gap:calc(98 * var(--u));height:auto;padding:0 0 0 calc(129.5 * var(--u))}.collage-banner__print{--print-width: 232;--print-pad: 9;--print-tilt: -3deg;gap:calc(10 * var(--u))}.collage-banner__print:nth-child(2n){--print-tilt: 3deg}.collage-banner__print:nth-child(2){--print-width: 244}.collage-banner__caption{font-size:max(11px,calc(15 * var(--u)));line-height:max(15px,calc(20 * var(--u)))}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-collection-collage-banner.css.map */