.esg{background-color:var(--esg-bg, #FFFFFF);color:var(--esg-fg, #000);padding-block:var(--esg-pt, 32px) var(--esg-pb, 32px);padding-inline:clamp(20px,4vw,48px);width:100%;box-sizing:border-box;position:relative}.esg .esg__header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-block-end:16px}.esg .esg__heading{font-family:var(--font-heading-family, sans-serif);font-weight:800;font-size:14px;letter-spacing:.04em;text-transform:uppercase;color:var(--esg-heading-color, #FF0000);margin:0}.esg .esg__nav-btn{display:none;width:36px;height:36px;border-radius:50%;background-color:var(--esg-nav-bg, #FF0000);color:var(--esg-nav-fg, #FFF);border:none;font-size:18px;line-height:1;cursor:pointer;position:absolute;right:clamp(16px,3vw,32px);top:50%;transform:translateY(-50%);z-index:5;transition:opacity .18s ease}.esg .esg__nav-btn:hover{opacity:.85}.esg .esg__tiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:var(--esg-gap, 8px)}.esg .esg__tile{position:relative;background-color:var(--tile-bg, #F5F5F5);color:var(--tile-fg, #FFF);overflow:hidden;isolation:isolate}.esg[data-tile-aspect="1_1"] .esg__tile{aspect-ratio:1 / 1}.esg[data-tile-aspect="4_5"] .esg__tile{aspect-ratio:4 / 5}.esg[data-tile-aspect="4_3"] .esg__tile{aspect-ratio:4 / 3}.esg[data-tile-aspect="3_4"] .esg__tile{aspect-ratio:3 / 4}.esg .esg__tile-link{display:block;position:relative;width:100%;height:100%;text-decoration:none;color:inherit;outline-offset:-3px}.esg .esg__tile-link:focus-visible{outline:2px solid var(--tile-fg, #FFF)}.esg .esg__tile--image .esg__tile-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.esg .esg__tile-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--esg-overlay-color, #000);opacity:var(--esg-overlay-opacity, 0);z-index:2;pointer-events:none}.esg .esg__tile--image .esg__tile-content--overlay{position:absolute;z-index:3;bottom:16px;left:16px;font-family:var(--font-heading-family, sans-serif);font-weight:800;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--tile-fg, #FFF);padding:8px 12px;background-color:color-mix(in srgb,var(--tile-bg, #000) 70%,transparent)}.esg .esg__tile--text .esg__tile-content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:clamp(16px,2vw,24px);gap:12px}.esg .esg__tile-eyebrow{font-family:var(--font-heading-family, sans-serif);font-weight:700;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--tile-fg, #FFF);opacity:.85}.esg .esg__tile--text .esg__tile-text{font-family:var(--font-heading-family, sans-serif);font-weight:900;font-size:clamp(20px,6vw,28px);line-height:.95;letter-spacing:-.01em;text-transform:uppercase;color:var(--tile-fg, #FFF);white-space:pre-line}.esg .esg__tile-body{font-family:var(--font-body-family, sans-serif);font-weight:400;font-size:13px;line-height:1.4;color:var(--tile-fg, #FFF);opacity:.9;margin:0;max-width:28ch}.esg .esg__tile-logo{display:block;max-height:40px;width:auto;margin-block-start:auto}.esg .esg__tile-logo-text{font-family:var(--font-heading-family, sans-serif);font-weight:800;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--tile-fg, #FFF);margin-block-start:auto;padding:6px 10px;background-color:color-mix(in srgb,var(--tile-fg, #FFF) 18%,transparent)}@media(min-width:768px){.esg .esg__tiles{grid-template-columns:repeat(min(var(--esg-cols, 3),2),1fr)}.esg .esg__nav-btn{display:block}.esg .esg__tile--text .esg__tile-text{font-size:clamp(20px,2.4vw,32px)}}@media(min-width:1024px){.esg .esg__tiles{grid-template-columns:repeat(var(--esg-cols, 3),1fr)}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/section-editorial_showcase_grid.css.map */