@layer sections{.mgrid{display:grid;grid-template-columns:minmax(0,1fr);grid-auto-rows:var(--tile-h-m);gap:var(--gap)}.mgrid--m-grid2{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:calc(var(--tile-h-m) * .72)}.mgrid--m-grid2 .mgrid__item:last-child:nth-child(odd){grid-column:span 2}@media(max-width:749px){.mgrid--m-carousel{grid-template-columns:none;grid-auto-columns:82%;grid-auto-flow:column;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;padding-inline:var(--gutter);scroll-padding-inline:var(--gutter);scroll-snap-type:x mandatory;scrollbar-width:none}.mgrid--m-carousel::-webkit-scrollbar{display:none}.mgrid--m-carousel .mgrid__item{scroll-snap-align:start}.mgrid-wrap--page .mgrid--m-carousel{margin-inline:calc(var(--gutter) * -1)}}@media(min-width:750px){.mgrid{grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-auto-rows:var(--tile-h);grid-auto-flow:row dense}.mgrid--m-grid2 .mgrid__item:last-child:nth-child(odd){grid-column:auto}.mgrid--grid .mgrid__item--wide{grid-column:span 2}.mgrid--grid .mgrid__item--tall{grid-row:span 2}.mgrid--grid .mgrid__item--large{grid-column:span 2;grid-row:span 2}.mgrid--collage_start .mgrid__item:first-child{grid-row:span 2}.mgrid--collage_end .mgrid__item:first-child{grid-row:span 2;grid-column:2}.mgrid--mosaic .mgrid__item:nth-child(4n+1),.mgrid--mosaic .mgrid__item:nth-child(4n+4){grid-column:span 2}}.mgrid__item{--tile-fg: #fff;--overlay-rgb: 0 0 0;--x: start;--y: end;position:relative;display:grid;min-width:0;overflow:hidden;isolation:isolate;color:var(--tile-fg);background-color:var(--color-bg-subtle);border-radius:var(--radius-media);container-type:inline-size}.mgrid--flush .mgrid__item{border-radius:0}.mgrid__item--dark{--tile-fg: #111;--overlay-rgb: 255 255 255}.mgrid__item--content{--tile-fg: var(--color-fg);background-color:var(--color-bg)}.mgrid__item--content .mgrid__heading{font-size:calc(clamp(1.625rem,1rem + 5.2cqi,3.5rem) * var(--heading-scale))}.mgrid__item[data-position^=top]{--y: start}.mgrid__item[data-position^=middle]{--y: center}.mgrid__item[data-position$=center]{--x: center}.mgrid__item[data-position$=right]{--x: end}.mgrid__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.mgrid__media :is(picture,img,svg){display:block;width:100%;height:100%}.mgrid__media img{object-fit:cover;transition:scale .9s var(--ease)}.mgrid__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgb(var(--overlay-rgb) / calc(var(--overlay, .2) * 2)),rgb(var(--overlay-rgb) / var(--overlay, .2)) 55%,rgb(var(--overlay-rgb) / calc(var(--overlay, .2) * .5)))}[data-m-fit=contain] .mgrid__media :is(img,video){object-fit:contain}[data-m-overlay] .mgrid__media:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-color:var(--m-overlay-color, #000);opacity:var(--m-overlay, 0);pointer-events:none}@media(hover:hover){.mgrid--zoom .mgrid__item:hover .mgrid__media img{scale:1.06}}.mgrid__content{display:grid;align-content:var(--y);justify-items:var(--x);gap:var(--space-2);padding:clamp(1.25rem,.75rem + 4cqi,2.75rem);text-align:var(--x)}.mgrid__eyebrow{margin:0;font-size:.6875rem;font-weight:var(--font-body-weight-bold);letter-spacing:.24em;text-transform:uppercase}.mgrid__heading{margin:0;max-width:22ch;font-size:calc(clamp(1.375rem,.9rem + 4.4cqi,3.25rem) * var(--heading-scale));line-height:1.08;color:inherit;text-wrap:balance}.mgrid__text{max-width:34ch;margin:0;font-size:.9375rem;opacity:.88}.mgrid__text>*{margin:0}.mgrid__cta.button{margin-block-start:var(--space-2)}.mgrid__cta:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.mgrid__textlink{--icon-size: .875rem;display:inline-flex;align-items:center;gap:var(--space-2);margin-block-start:var(--space-2);padding-block-end:.25rem;font-size:.875rem;font-weight:var(--font-body-weight-bold);letter-spacing:.04em;text-decoration:none;border-block-end:1px solid currentColor}.mgrid__textlink .icon{transition:rotate var(--duration) var(--ease)}.mgrid__item:hover .mgrid__textlink .icon{rotate:45deg}.mgrid__cta:focus-visible{outline:none}.mgrid__item:has(.mgrid__cta:focus-visible){outline:2px solid var(--color-fg);outline-offset:3px}@media(max-width:749px){.mgrid__row{display:contents}.mgrid--rows.mgrid--m-grid2 .mgrid__item:last-child:nth-child(odd){grid-column:auto}}@media(min-width:750px){.mgrid--rows{display:flex;flex-direction:column}.mgrid__row{display:flex;flex-wrap:wrap;gap:var(--gap)}.mgrid--rows .mgrid__item{flex:1 1 20rem;height:var(--tile-h)}.mgrid--rows :is(.mgrid__item--wide,.mgrid__item--large){flex-grow:2}}.mgrid__reveal{display:grid}@media(hover:hover)and (min-width:750px){.mgrid__reveal>div{min-height:0;overflow:hidden}.mgrid__reveal{grid-template-rows:0fr;opacity:0;transition:grid-template-rows .6s var(--ease),opacity .6s var(--ease)}.mgrid__item:is(:hover,:focus-within) .mgrid__reveal{grid-template-rows:1fr;opacity:1}}@media(hover:hover)and (min-width:990px){.mgrid--reveal .mgrid__media:after{transition:opacity .6s var(--ease)}.mgrid--reveal .mgrid__item:is(:hover,:focus-within) .mgrid__media:after{opacity:0}}.mgrid__dots{display:none}@media(max-width:749px){.mgrid-loop{position:relative;display:block}.mgrid-wrap--page .mgrid-loop{margin-inline:calc(var(--gutter) * -1)}.mgrid--m-loop{position:relative;grid-template-columns:none;grid-auto-columns:100%;grid-auto-flow:column;gap:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.mgrid--m-loop::-webkit-scrollbar{display:none}.mgrid--m-loop .mgrid__item{border-radius:0;scroll-snap-align:start;scroll-snap-stop:always}.mgrid--m-loop .mgrid__content{padding-block-end:3.5rem}.mgrid__dots{position:absolute;inset-inline:0;bottom:var(--space-4);z-index:2;display:flex;justify-content:center;gap:var(--space-1);pointer-events:none}.mgrid__dot{display:grid;place-items:center;width:1.5rem;height:1.5rem;color:#fff;pointer-events:auto}.mgrid__dot:before{content:"";width:.625rem;height:.625rem;background-color:currentColor;border:2px solid currentColor;border-radius:50%;transition:background-color var(--duration)}.mgrid__dot[aria-current=true]:before{background-color:transparent}}@media(min-width:750px){.mgrid__item[data-clone]{display:none}}@media(min-width:750px){.mgrid--drift{--drift-room: clamp(2.5rem, 6vw, 6rem);grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-auto-rows:var(--tile-h);padding-block:var(--drift-room);overflow:clip}.mgrid--drift .mgrid__item:nth-child(3n+1){--drift: calc(var(--drift-room) * .6)}.mgrid--drift .mgrid__item:nth-child(3n+2){--drift: calc(var(--drift-room) * -.5)}.mgrid--drift .mgrid__item:nth-child(3n){--drift: var(--drift-room)}@supports (animation-timeline: view()){.mgrid--drift .mgrid__item{animation:mgrid-drift linear both;animation-timeline:view();animation-range:cover;will-change:transform}@keyframes mgrid-drift{0%{transform:translate3d(0,var(--drift),0)}to{transform:translate3d(0,calc(var(--drift) * -1),0)}}}}@media(min-width:750px)and (prefers-reduced-motion:reduce){:root[data-motion=respect] .mgrid--drift .mgrid__item{animation:none}}@keyframes mgrid-drift-m{0%{transform:translate3d(0,var(--drift),0)}to{transform:translate3d(0,calc(var(--drift) * -1),0)}}@media(max-width:749px){.mgrid--drift.mgrid--m-motion{--drift-room: 1.75rem;padding-block:var(--drift-room);overflow:clip}.mgrid--drift.mgrid--m-motion .mgrid__item:nth-child(odd){--drift: calc(var(--drift-room) * .6)}.mgrid--drift.mgrid--m-motion .mgrid__item:nth-child(2n){--drift: calc(var(--drift-room) * -.6)}@supports (animation-timeline: view()){.mgrid--drift.mgrid--m-motion .mgrid__item{animation:mgrid-drift-m linear both;animation-timeline:view();animation-range:cover}}}@media(max-width:749px)and (prefers-reduced-motion:reduce){:root[data-motion=respect] .mgrid--drift.mgrid--m-motion .mgrid__item{animation:none}}.mgrid-clip{overflow-x:clip}.mgrid-slide{display:block}.mgrid--rail.hrail__track{display:flex;grid-auto-rows:auto}.mgrid--rail .mgrid__item{flex:none;width:85vw;height:min(78svh,40rem);scroll-snap-align:start}@media(min-width:750px){.mgrid--rail .mgrid__item{width:50vw}}@media(min-width:990px){.mgrid--rail.hrail__track{height:100%}.mgrid--rail .mgrid__item{width:var(--rail-tile, 33vw);height:100%}.mgrid--rail :is(.mgrid__item--wide,.mgrid__item--tall){width:calc(var(--rail-tile, 33vw) * 1.5)}.mgrid--rail .mgrid__item--large{width:calc(var(--rail-tile, 33vw) * 2)}}.mwide{--mwide-w: min(var(--page-width), calc(95vw - var(--gutter) * 2));--mwide-pad: max(var(--gutter), calc((100vw - var(--page-width)) / 2))}.mwide--full{--mwide-w: calc(95vw - var(--gutter) * 2);--mwide-pad: var(--gutter)}.mwide .hrail__stage{scroll-padding-inline:var(--gutter)}.mwide__track.hrail__track{display:grid;grid-auto-columns:62vw;grid-auto-flow:column dense;grid-template-rows:repeat(2,calc(var(--tile-h-m) * .6));gap:var(--gap);padding-inline:var(--gutter)}.mwide .mgrid{display:contents}.mwide .mgrid__item{scroll-snap-align:start}.mwide :is(.mgrid__item--wide,.mgrid__item--large){grid-column:span 2}.mwide :is(.mgrid__item--tall,.mgrid__item--large){grid-row:span 2}@media(max-width:989px){.mwide[data-pin-mobile] .hrail__stage{display:flex;align-items:center}.mwide[data-pin-mobile] .mwide__track.hrail__track{flex:none;grid-template-rows:repeat(2,min(calc(var(--tile-h-m) * .8),calc((100svh - var(--header-offset, 0px) - var(--dock-space, 0px) - 3rem - var(--gap)) / 2)))}}@media(min-width:990px){.mwide .hrail__stage{display:flex;align-items:center}.mwide__track.hrail__track{display:flex;flex:none;align-items:flex-start;gap:var(--rail-gap);height:auto;padding-inline:var(--mwide-pad)}.mwide .mgrid{display:grid;flex:none;width:var(--mwide-w)}}.mgrid__timer{--timer-fg: currentColor;position:relative;z-index:2;display:grid;justify-items:inherit;gap:.5rem;margin-block:var(--space-1)}.mgrid__timer-label{margin:0;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;opacity:.85}.mgrid__clock{display:flex;gap:.5rem}.mgrid__unit{display:grid;justify-items:center;gap:.25rem;min-width:3.25rem;perspective:20rem}.mgrid__num{display:block;font-family:var(--font-heading-family);font-size:clamp(1.25rem,.9rem + 1.6cqi,2rem);font-variant-numeric:tabular-nums;line-height:1}.mgrid__lbl{font-size:.625rem;letter-spacing:.1em;text-transform:uppercase;opacity:.75}.mgrid__timer--boxes .mgrid__unit{padding:.625rem .5rem .5rem;color:var(--color-bg);background-color:var(--color-fg);border-radius:calc(var(--radius-media) * .5)}.mgrid__item--light .mgrid__timer--boxes .mgrid__unit{color:#111;background-color:#fff}.mgrid__timer--glass .mgrid__unit{padding:.625rem .5rem .5rem;background-color:color-mix(in srgb,currentColor 12%,transparent);border:1px solid color-mix(in srgb,currentColor 28%,transparent);border-radius:calc(var(--radius-media) * .5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mgrid__timer--line .mgrid__clock{gap:0}.mgrid__timer--line .mgrid__unit{padding-inline:.75rem;border-inline-start:1px solid color-mix(in srgb,currentColor 30%,transparent)}.mgrid__timer--line .mgrid__unit:first-child{padding-inline-start:0;border:0}.mgrid__num.is-flipping{animation:mgrid-flip .45s var(--ease)}.mgrid__unit:last-child .mgrid__num{animation:mgrid-beat 1s ease-in-out infinite}.mgrid__unit:last-child .mgrid__num.is-flipping{animation:mgrid-flip .45s var(--ease)}@keyframes mgrid-flip{0%{transform:rotateX(0)}45%{opacity:.2;transform:rotateX(-90deg)}55%{opacity:.2;transform:rotateX(90deg)}to{opacity:1;transform:rotateX(0)}}@keyframes mgrid-beat{50%{opacity:.7}}@media(prefers-reduced-motion:reduce){:root[data-motion=respect] .mgrid__num{animation:none}}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-media-grid.css.map */