.wg-im{--im-gap:15px;--im-r:16px;--im-fit:cover;--im-ratio:4 / 3;--im-h:240px;--im-h-m:200px;--wg-edge:20px;min-width:0}
.wg-im-head{margin-bottom:14px}
.wg-im .im-item{position:relative;display:block;min-width:0;border-radius:var(--im-r);overflow:hidden;
  background:color-mix(in oklch, var(--ink, #1c1c1c), transparent 94%);text-decoration:none;color:inherit;isolation:isolate}
.wg-im .im-pic{display:block;position:relative;overflow:hidden;border-radius:inherit;aspect-ratio:var(--im-ratio)}
.wg-im .im-pic picture,.wg-im .im-pic img{display:block;width:100%;height:100%;object-fit:var(--im-fit);border-radius:inherit}
.wg-im .im-pic img{transition:transform .5s cubic-bezier(.22,.8,.26,1)}
.wg-im.is-zoom .im-item:hover .im-pic img{transform:scale(1.045)}
@media (prefers-reduced-motion:reduce){.wg-im .im-pic img{transition:none}.wg-im.is-zoom .im-item:hover .im-pic img{transform:none}}

.wg-im .im-txt{display:grid;gap:4px;min-width:0}
.wg-im .im-txt b{font-size:clamp(13px, 1.5vw, 17px);font-weight:800;line-height:1.5}
.wg-im .im-txt i{font-style:normal;font-size:clamp(11px, 1.2vw, 13px);opacity:.85;line-height:1.7}
.wg-im .im-txt em{font-style:normal;justify-self:start;margin-top:4px;padding:6px 13px;border-radius:99px;
  background:var(--surface);color:var(--ink);font-size:11.5px;font-weight:800;line-height:1;
  box-shadow:0 6px 18px rgba(0,0,0,.16);transition:transform .25s ease}
.wg-im .im-item:hover .im-txt em{transform:translateY(-2px)}

.wg-im.is-cap-over .im-item{display:grid}
.wg-im.is-cap-over .im-pic{grid-area:1 / 1}
.wg-im.is-cap-over .im-txt{grid-area:1 / 1;position:relative;z-index:2;align-self:end;
  padding:clamp(12px, 2vw, 22px);color:#fff;text-shadow:0 1px 14px rgba(0,0,0,.45)}
.wg-im.is-cap-over.is-align-center .im-txt{align-self:center;justify-items:center;text-align:center}
.wg-im.is-cap-over.is-align-start .im-txt{align-self:start}
.wg-im.is-cap-over .im-pic:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;
  background:linear-gradient(to top, rgba(0,0,0,var(--im-veil,.42)) 0%, rgba(0,0,0,calc(var(--im-veil,.42) * .35)) 42%, transparent 78%)}
.wg-im.is-tone-none.is-cap-over .im-pic:after{content:none}
.wg-im.is-tone-soft{--im-veil:.38}
.wg-im.is-tone-strong{--im-veil:.62}
.wg-im.is-tone-top.is-cap-over .im-pic:after{background:linear-gradient(to bottom, rgba(0,0,0,.5) 0%, transparent 62%)}

.wg-im.is-cap-under .im-item{background:transparent;border-radius:0;overflow:visible;display:grid;gap:9px}
.wg-im.is-cap-under .im-pic{border-radius:var(--im-r)}
.wg-im.is-cap-under .im-txt{padding:0 2px}
.wg-im.is-cap-under .im-txt em{background:transparent;box-shadow:none;padding:0;color:var(--green);text-decoration:underline}

.wg-im.is-fixed .im-pic,.wg-im .im-item.is-fixed .im-pic{aspect-ratio:auto;height:var(--im-h)}

.wg-duo{display:grid;gap:var(--im-gap);grid-template-columns:repeat(2, minmax(0, 1fr));align-items:stretch}
.wg-duo.is-split-60{grid-template-columns:minmax(0,6fr) minmax(0,4fr)}
.wg-duo.is-split-40{grid-template-columns:minmax(0,4fr) minmax(0,6fr)}
.wg-duo.is-split-70{grid-template-columns:minmax(0,7fr) minmax(0,3fr)}
.wg-duo.is-split-30{grid-template-columns:minmax(0,3fr) minmax(0,7fr)}
.wg-duo.has-1.has-1{grid-template-columns:minmax(0, 1fr)}

.wg-band{display:grid;gap:var(--im-gap);grid-template-columns:repeat(2, minmax(0,1fr))}
.wg-band.is-two_wide{grid-template-columns:repeat(2, minmax(0,1fr))}
.wg-band.is-three{grid-template-columns:repeat(3, minmax(0,1fr))}
.wg-band.is-four{grid-template-columns:repeat(4, minmax(0,1fr))}
.wg-band.is-grid22{grid-template-columns:repeat(2, minmax(0,1fr))}
.wg-band.is-strip{grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);grid-template-columns:none}
.wg-band.is-masonry{grid-template-columns:repeat(3, minmax(0,1fr));align-items:start}
.wg-band.is-masonry .im-item:nth-child(3n+1) .im-pic{aspect-ratio:3 / 4}
.wg-band.is-masonry .im-item:nth-child(3n+2) .im-pic{aspect-ratio:1 / 1}
.wg-band.is-masonry .im-item:nth-child(3n) .im-pic{aspect-ratio:4 / 5}
.wg-band.is-big_two,.wg-band.is-two_big{grid-template-columns:repeat(2, minmax(0,1fr))}
.wg-band.is-big_two .im-item:first-child{grid-row:span 2}
.wg-band.is-two_big .im-item:last-child{grid-row:span 2}
.wg-band.is-big_two .im-item:first-child .im-pic,
.wg-band.is-two_big .im-item:last-child .im-pic{aspect-ratio:auto;height:100%;min-height:220px}
.wg-band.is-mosaic{grid-template-columns:repeat(4, minmax(0,1fr))}
.wg-band.is-mosaic .im-item:first-child{grid-column:span 2;grid-row:span 2}
.wg-band.is-mosaic .im-item:first-child .im-pic{aspect-ratio:auto;height:100%;min-height:260px}
.wg-band.is-hero_side{grid-template-columns:minmax(0,5fr) minmax(0,4fr)}
.wg-band.is-hero_side .im-item:first-child{grid-row:span 3}
.wg-band.is-hero_side .im-item:first-child .im-pic{aspect-ratio:auto;height:100%;min-height:300px}

@media (max-width:1024px){
  .wg-band.is-four{grid-template-columns:repeat(2, minmax(0,1fr))}
  .wg-band.is-mosaic{grid-template-columns:repeat(2, minmax(0,1fr))}
  .wg-band.is-mosaic .im-item:first-child{grid-column:span 2;grid-row:auto}
  .wg-band.is-mosaic .im-item:first-child .im-pic{min-height:220px}
  .wg-band.is-hero_side{grid-template-columns:minmax(0,1fr)}
  .wg-band.is-hero_side .im-item:first-child{grid-row:auto}
  .wg-band.is-hero_side .im-item:first-child .im-pic{min-height:230px}
}

@media (max-width:700px){
  .wg-im{--wg-edge:16px}
  .wg-im.is-m-1{grid-template-columns:minmax(0,1fr) !important;grid-auto-flow:row !important}
  .wg-im.is-m-1 .im-item{grid-row:auto !important;grid-column:auto !important}
  .wg-im.is-m-1 .im-item .im-pic{aspect-ratio:var(--im-ratio);height:auto;min-height:0}
  .wg-im.is-m-2{grid-template-columns:repeat(2, minmax(0,1fr)) !important;grid-auto-flow:row !important}
  .wg-im.is-m-2 .im-item{grid-row:auto !important;grid-column:auto !important}
  .wg-im.is-m-2 .im-item .im-pic{aspect-ratio:var(--im-ratio);height:auto;min-height:0}
  .wg-im.is-m-2.wg-band.is-mosaic .im-item:first-child,
  .wg-im.is-m-2.wg-band.is-big_two .im-item:first-child,
  .wg-im.is-m-2.wg-band.is-two_big .im-item:last-child{grid-column:span 2 !important}
  .wg-im.is-fixed .im-pic{height:var(--im-h-m)}

  .wg-im.is-m-scroll{display:flex !important;grid-template-columns:none !important;gap:var(--im-gap);
    overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;
    overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;padding-bottom:4px}
  .wg-im.is-m-scroll::-webkit-scrollbar{display:none;width:0;height:0}
  .wg-im.is-m-scroll .im-item{flex:0 0 calc(82% - var(--im-gap));scroll-snap-align:center;grid-row:auto !important;grid-column:auto !important}
  .wg-im.is-m-scroll .im-item .im-pic{aspect-ratio:var(--im-ratio);height:auto;min-height:0}

  .wg-im.is-bleed{margin-inline:calc(var(--wg-edge) * -1)}
  .wg-im.is-bleed.is-m-scroll{padding-inline:var(--wg-edge)}
  .wg-im.is-bleed:not(.is-m-scroll) .im-item{border-radius:calc(var(--im-r) * .6)}
}

.wg-grid2 .wg-irail.g2{position:relative;min-width:0}
.wg-grid2 .wg-irail .g2-cell{display:block}
.wg-grid2 .wg-irail .im-item{height:100%}

.wg-grid2 .nv-prail{position:relative;min-width:0;--wg-edge:20px}
.wg-grid2 .nv-prail .g2-cell{min-width:0}
@media (min-width:1025px){
  .wg-grid2 .nv-prail.is-rail-all>.g2-track>.g2-cell,
  .wg-grid2 .wg-irail.is-rail-all>.g2-track>.g2-cell,
  .wg-grid2 .g2.is-slider>.g2-track>.g2-cell{flex:0 0 var(--g2-w-d, var(--g2-w))}
}
.wg-grid2 .nv-prail.is-story .product-visual,
.wg-grid2 .nv-prail.is-story .pcard-visual{aspect-ratio:3 / 4}
.wg-grid2 .nv-prail.is-story .g2-cell>*{border-radius:18px}

.wg-grid2 .nv-prail.is-rows>.g2-track{display:grid !important;grid-template-columns:none !important;
  grid-auto-flow:column;grid-template-rows:repeat(var(--nv-rows,2), minmax(0,1fr));
  grid-auto-columns:var(--g2-w, calc((100% - var(--g2-gap)) / 3));
  gap:var(--g2-gap);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;
  overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y pinch-zoom;
  padding:2px 2px 10px;margin:-2px -2px 0}
.wg-grid2 .nv-prail.is-rows>.g2-track>.g2-cell{flex:none !important;scroll-snap-align:start}
@media (min-width:1025px){
  .wg-grid2 .nv-prail.is-rows>.g2-track{grid-auto-columns:var(--g2-w-d, var(--g2-w))}
}
@media (max-width:700px){
  .wg-grid2 .nv-prail.is-rows>.g2-track{grid-auto-columns:var(--g2-w-m, 46%);gap:var(--g2-gap-m)}
  .wg-grid2 .nv-prail{--wg-edge:16px}
  .wg-grid2 .nv-prail.is-bleed{margin-inline:calc(var(--wg-edge) * -1)}
  .wg-grid2 .nv-prail.is-bleed>.g2-track{padding-inline:var(--wg-edge)}
  .wg-grid2 .nv-prail.is-bleed>.g2-bar,
  .wg-grid2 .nv-prail.is-bleed>.nv-dots{margin-inline:var(--wg-edge)}
  .wg-grid2 .wg-irail.is-bleed{margin-inline:-16px}
  .wg-grid2 .wg-irail.is-bleed>.g2-track{padding-inline:16px}
}

.nv-dots{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:11px;flex-wrap:wrap}
.nv-dots:empty{display:none}
.nv-dots button{width:7px;height:7px;padding:0;border:0;border-radius:99px;cursor:pointer;
  background:color-mix(in oklch, var(--ink, #222), transparent 78%);transition:width .3s cubic-bezier(.25,.9,.25,1),background .25s}
.nv-dots button.on{width:22px;background:var(--green, #16a34a)}
@media (prefers-reduced-motion:reduce){.nv-dots button{transition:none}}

.wg-im .im-item:focus-visible,.nv-dots button:focus-visible{outline:2px solid var(--green, #16a34a);outline-offset:2px}