.myo-lg{width:100%;background-color:var(--myo-gray-100);padding:80px 0 88px;position:relative;overflow:hidden;border-top:1px solid var(--myo-gray-200);border-bottom:1px solid var(--myo-gray-200)}.myo-lg__inner{max-width:1280px;margin:0 auto;padding:0 2rem}.myo-lg__header{text-align:center;margin-bottom:56px;max-width:640px;margin-left:auto;margin-right:auto}.myo-lg__eyebrow{font-family:var(--myo-font-body);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--myo-green);margin:0 0 12px}.myo-lg__heading{font-family:var(--myo-font-display);font-size:clamp(28px,3.5vw,42px);font-weight:600;letter-spacing:.01em;line-height:1.1;color:var(--myo-black);text-transform:uppercase;margin:0 0 14px}.myo-lg__subheading{font-family:var(--myo-font-body);font-size:15px;font-weight:400;line-height:1.6;color:var(--myo-gray-500);margin:0}.myo-lg__grid{display:grid;gap:3px;border-radius:12px;overflow:hidden;list-style:none;margin:0;padding:0;background-color:var(--myo-gray-200)}.myo-lg__grid--2{grid-template-columns:1fr 1fr;grid-template-rows:560px}.myo-lg__grid--3{grid-template-columns:1.4fr 1fr;grid-template-rows:280px 280px}.myo-lg__grid--3 .myo-lg__item--1{grid-row:1 / 3}.myo-lg__grid--4{grid-template-columns:1.3fr .85fr .85fr;grid-template-rows:340px 340px}.myo-lg__grid--4 .myo-lg__item--1{grid-column:1;grid-row:1 / 3}.myo-lg__grid--4 .myo-lg__item--2{grid-column:2;grid-row:1}.myo-lg__grid--4 .myo-lg__item--3{grid-column:2;grid-row:2}.myo-lg__grid--4 .myo-lg__item--4{grid-column:3;grid-row:1 / 3}.myo-lg__item{position:relative;overflow:hidden;background-color:var(--myo-gray-200);opacity:0;transform:scale(.98);animation:myo-lg-in .6s ease forwards;animation-delay:var(--stagger, 0ms)}@keyframes myo-lg-in{to{opacity:1;transform:scale(1)}}.myo-lg__img-wrap{width:100%;height:100%;position:relative;overflow:hidden}.myo-lg__img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;transition:transform .7s cubic-bezier(.25,.46,.45,.94)}.myo-lg__item:hover .myo-lg__img{transform:scale(1.05)}.myo-lg__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.65) 0%,rgba(0,0,0,.15) 40%,transparent 70%);display:flex;align-items:flex-end;padding:24px;opacity:0;transition:opacity .35s ease}.myo-lg__item:hover .myo-lg__overlay{opacity:1}.myo-lg__caption{font-family:var(--myo-font-body);font-size:13px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--myo-white);margin:0;transform:translateY(6px);transition:transform .35s ease}.myo-lg__item:hover .myo-lg__caption{transform:translateY(0)}.myo-lg__item:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background-color:var(--myo-green);transform:scaleX(0);transform-origin:left;transition:transform .4s ease;z-index:2}.myo-lg__item:hover:after{transform:scaleX(1)}.myo-lg__img-placeholder{width:100%;height:100%;min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background-color:var(--myo-gray-100);border:1px dashed var(--myo-gray-200)}.myo-lg__placeholder-icon{width:36px;height:36px;color:var(--myo-gray-500)}.myo-lg__placeholder-hint{font-family:var(--myo-font-body);font-size:12px;color:var(--myo-gray-500);margin:0}.myo-lg__cta-wrap{text-align:center;margin-top:48px}.myo-lg__cta{display:inline-flex;align-items:center;gap:8px;font-family:var(--myo-font-body);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--myo-green-dark);text-decoration:none;border:1px solid var(--myo-green);border-radius:6px;padding:12px 24px;transition:background-color .2s ease,color .2s ease}.myo-lg__cta:hover{background-color:var(--myo-green);color:var(--myo-white)}.myo-lg__cta-arrow{width:16px;height:16px;transition:transform .2s ease}.myo-lg__cta:hover .myo-lg__cta-arrow{transform:translate(3px)}@media screen and (max-width:1024px){.myo-lg__grid--4{grid-template-columns:1fr 1fr;grid-template-rows:280px 280px}.myo-lg__grid--4 .myo-lg__item--1{grid-column:1;grid-row:1}.myo-lg__grid--4 .myo-lg__item--2{grid-column:2;grid-row:1}.myo-lg__grid--4 .myo-lg__item--3{grid-column:1;grid-row:2}.myo-lg__grid--4 .myo-lg__item--4{grid-column:2;grid-row:2}.myo-lg__grid--3{grid-template-columns:1fr 1fr;grid-template-rows:260px 260px}.myo-lg__grid--3 .myo-lg__item--1{grid-column:1 / 3;grid-row:1}.myo-lg__grid--2{grid-template-rows:440px}}@media screen and (max-width:768px){.myo-lg{padding:52px 0 60px}.myo-lg__header{margin-bottom:36px}.myo-lg__grid--2,.myo-lg__grid--3,.myo-lg__grid--4{grid-template-columns:1fr 1fr;grid-template-rows:auto}.myo-lg__grid--3 .myo-lg__item--1,.myo-lg__grid--4 .myo-lg__item--1,.myo-lg__grid--4 .myo-lg__item--2,.myo-lg__grid--4 .myo-lg__item--3,.myo-lg__grid--4 .myo-lg__item--4{grid-column:auto;grid-row:auto}.myo-lg__item{min-height:220px}.myo-lg__overlay{opacity:1;background:linear-gradient(to top,rgba(0,0,0,.5) 0%,transparent 50%)}.myo-lg__caption{transform:translateY(0)}}@media screen and (max-width:480px){.myo-lg__inner{padding:0 1rem}.myo-lg__grid--2,.myo-lg__grid--3,.myo-lg__grid--4{grid-template-columns:1fr;border-radius:8px}.myo-lg__item{min-height:260px}.myo-lg__heading{font-size:26px}}@media(prefers-reduced-motion:reduce){.myo-lg__item{animation:none;opacity:1;transform:none}.myo-lg__img,.myo-lg__overlay,.myo-lg__caption,.myo-lg__cta-arrow{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/115/assets/myo-lifestyle-grid.css.map */