.story-collage{padding:var(--pad-top, clamp(36px, 4.4vw, 64px)) var(--page-gutter) var(--pad-bottom, clamp(36px, 4.4vw, 64px))}.story-collage--bg{background:var(--sc-bg)}.story-collage__inner{display:grid;grid-template-columns:minmax(0,var(--sc-text-fr, 40fr)) minmax(0,var(--sc-art-fr, 60fr));gap:clamp(32px,5vw,88px);align-items:center;max-width:1320px;margin:0 auto}.story-collage--text-right .story-collage__inner{grid-template-columns:minmax(0,var(--sc-art-fr, 60fr)) minmax(0,var(--sc-text-fr, 40fr))}.story-collage--text-right .story-collage__text{order:2}.story-collage__text{max-width:520px}.story-collage__eyebrow{margin:0 0 12px;font-family:var(--font-alt-1);font-size:.6875rem;font-weight:500;letter-spacing:var(--tracking-nav);text-transform:uppercase;opacity:.7}.story-collage__heading{margin:0 0 18px;font-family:var(--font-display);font-weight:400;font-size:clamp(1.625rem,2.6vw,2.375rem);line-height:1.15}.story-collage__body{font-family:var(--font-body);font-size:.9375rem;line-height:1.75}.story-collage__link{display:inline-block;margin-top:20px}.story-collage__art{position:relative;height:var(--sc-h, 600px)}.collage-item{position:absolute;left:var(--x, 0%);top:var(--y, 0%);width:var(--w, 40%);z-index:var(--z, 1);transform:rotate(var(--r, 0deg));transform-origin:center}.collage-item__link{display:block}.collage-item img,.collage-item video{display:block;width:100%;height:auto}.collage-item--shaped img,.collage-item--shaped video{aspect-ratio:var(--ratio);height:auto;object-fit:cover}.collage-item--frame-thin img,.collage-item--frame-thin video{border:6px solid var(--color-oyster)}.collage-item--frame-thick img,.collage-item--frame-thick video{border:10px solid var(--color-oyster);border-bottom-width:36px}.collage-item--shadow{filter:drop-shadow(0 12px 22px rgba(47,34,32,.18))}.collage-note{padding:clamp(18px,2vw,28px);background:var(--note-bg, var(--color-panel));color:var(--note-fg, var(--color-text))}.collage-note__title{margin:0 0 8px;font-family:var(--font-script);font-size:clamp(1.5rem,2.2vw,2rem);line-height:1.1}.collage-note__text{font-family:var(--font-display);font-size:.875rem;line-height:1.6}.collage-note__text p{margin:0 0 8px}.collage-note__text p:last-child{margin:0}.collage-item__empty{display:flex;align-items:center;justify-content:center;aspect-ratio:4 / 5;border:1px dashed rgba(47,34,32,.4);font-size:.75rem;opacity:.7}@media(max-width:749px){.story-collage__inner,.story-collage--text-right .story-collage__inner{grid-template-columns:1fr}.story-collage--text-right .story-collage__text{order:0}.story-collage__art{height:var(--sc-h-m, 420px)}.collage-item--frame-thin img,.collage-item--frame-thin video{border-width:4px}.collage-item--frame-thick img,.collage-item--frame-thick video{border-width:6px;border-bottom-width:22px}}.story-collage--fill{padding:0}.story-collage--fill .story-collage__inner{max-width:none;gap:0;align-items:stretch}.story-collage--fill .story-collage__text{align-self:center;justify-self:center;width:100%;max-width:760px;padding:var(--pad-top, clamp(48px, 6vw, 96px)) clamp(24px,6vw,96px) var(--pad-bottom, clamp(48px, 6vw, 96px));box-sizing:border-box}.story-collage--fill .story-collage__art{height:auto;min-height:var(--sc-h, 600px)}.story-collage .collage-item--fill{left:0;top:0;width:100%;height:100%;transform:none;z-index:0}.story-collage .collage-item--fill .collage-item__link{height:100%}.story-collage .collage-item--fill img,.story-collage .collage-item--fill video{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;border:0}@media(max-width:749px){.story-collage--fill .story-collage__text{box-sizing:border-box;max-width:none;padding:var(--pad-top, 48px) var(--page-gutter) 40px}.story-collage--fill .story-collage__art{min-height:var(--sc-h-m, 420px)}}[id$=__bespoke] .story-collage__eyebrow{font-family:var(--font-alt-1)}[id$=__bespoke] .story-collage__heading{font-family:var(--font-display)}[id$=__bespoke] .story-collage__body{font-family:var(--font-alt-2)}[id$=__bespoke] .story-collage__link{font-family:var(--font-alt-1)}
/*# sourceMappingURL=/cdn/shop/t/37/assets/section-story-collage.css.map */