.coordination-section{padding-top:var(--section-padding-top, 36px);padding-bottom:var(--section-padding-bottom, 80px);background:rgb(var(--color-background))}.coordination-header{text-align:center;margin-bottom:2rem}.coordination-title{font-family:Jost,sans-serif;font-weight:500;font-size:2.5rem;line-height:1.5;letter-spacing:.15em;color:#45576e;margin:0;text-transform:uppercase}.coordination-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(2rem * var(--coordination-horizontal-spacing-factor, 1));max-width:90rem;margin:0 auto;justify-items:center}.coordination-item{width:100%;max-width:21rem}.coordination-link{display:block;text-decoration:none;color:inherit;transition:transform .3s ease}.coordination-link:hover{transform:translateY(-4px)}.coordination-image-wrapper{position:relative;width:100%;aspect-ratio:336 / 460;overflow:hidden;border-radius:0;background:rgb(var(--color-background))}.coordination-image{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease}.coordination-link:hover .coordination-image{transform:scale(1.05)}.coordination-title-wrapper{padding-top:1.5rem;text-align:center}.coordination-item-title{font-size:.875rem;font-weight:400;line-height:1.4;margin:0;color:rgb(var(--color-foreground))}@media screen and (max-width:989px){.coordination-title{font-size:2rem}.coordination-grid{grid-template-columns:repeat(3,1fr);gap:calc(1.5rem * var(--coordination-horizontal-spacing-factor, 1));max-width:100%}.coordination-item{max-width:none}}@media screen and (max-width:749px){.coordination-section{padding-top:var(--section-padding-top, 60px);padding-bottom:var(--section-padding-bottom, 60px)}.coordination-header{margin-bottom:1.25rem}.coordination-title{font-size:1.625rem;letter-spacing:.15em}.coordination-grid{grid-template-columns:repeat(2,1fr);gap:calc(.75rem * var(--coordination-horizontal-spacing-factor, 1));padding:0 1rem;max-width:24.25rem}.coordination-item{max-width:11.0625rem}.coordination-image-wrapper{aspect-ratio:177 / 242}.coordination-title-wrapper{padding-top:1rem}.coordination-item-title{font-size:.75rem}}@media screen and (max-width:479px){.coordination-grid{gap:calc(.625rem * var(--coordination-horizontal-spacing-factor, 1));padding:0 .5rem}.coordination-title{font-size:1.375rem}}.coordination-section[data-columns-desktop="1"] .coordination-grid{grid-template-columns:1fr}.coordination-section[data-columns-desktop="2"] .coordination-grid{grid-template-columns:repeat(2,1fr)}.coordination-section[data-columns-desktop="3"] .coordination-grid{grid-template-columns:repeat(3,1fr)}.coordination-section[data-columns-desktop="4"] .coordination-grid{grid-template-columns:repeat(4,1fr)}.coordination-section[data-columns-desktop="5"] .coordination-grid{grid-template-columns:repeat(5,1fr)}.coordination-section[data-columns-desktop="6"] .coordination-grid{grid-template-columns:repeat(6,1fr)}@media screen and (max-width:749px){.coordination-section[data-columns-mobile="1"] .coordination-grid{grid-template-columns:1fr}.coordination-section[data-columns-mobile="2"] .coordination-grid{grid-template-columns:repeat(2,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/109/assets/coordination.css.map */