.m-cafe{--m-ink: #2a2828;--m-ink-soft: rgba(42, 40, 40, .74);--m-sage: #546a6c;--m-midnight: #2a2828;--m-offwhite: #f6ede5;padding:clamp(48px,7vh,88px) clamp(20px,5vw,48px) clamp(56px,7.5vh,96px);color:var(--m-ink)}.m-cafe__framewrap{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto auto auto;grid-template-areas:"t t t" "l c r" "b b b";gap:clamp(96px,13vh,156px) clamp(40px,4.5vw,76px);align-items:center}.m-cafe__frame{display:flex;align-items:center}.m-cafe__frame--top{grid-area:t;justify-content:space-between}.m-cafe__frame--bottom{grid-area:b;justify-content:space-between}.m-cafe__frame--left,.m-cafe__frame--right{flex-direction:column;justify-content:space-between;align-self:stretch;margin-block:clamp(-104px,calc(-8.5vh - 14px),-64px)}.m-cafe__frame--left{grid-area:l}.m-cafe__frame--right{grid-area:r}.m-cafe__frame img{width:clamp(30px,3.3vw,46px);height:clamp(30px,3.3vw,46px);object-fit:contain;display:block}@media(max-width:1024px){.m-cafe{padding-top:6px;padding-bottom:10px}.m-cafe__frame--left,.m-cafe__frame--right,.m-cafe__frame--top{display:none}.m-cafe__framewrap{gap:44px 0}.m-cafe__frame--top,.m-cafe__frame--bottom{justify-content:center;gap:26px}.m-cafe__frame--top img:nth-child(n),.m-cafe__frame--bottom img:nth-child(n){display:none;transform:none}.m-cafe__frame--top img:nth-child(3),.m-cafe__frame--top img:nth-child(4),.m-cafe__frame--top img:nth-child(6),.m-cafe__frame--bottom img:nth-child(1),.m-cafe__frame--bottom img:nth-child(2),.m-cafe__frame--bottom img:nth-child(3){display:block}}.m-cafe__grid{grid-area:c;display:grid;grid-template-columns:auto minmax(0,420px);justify-content:center;gap:clamp(48px,7vw,104px);align-items:center}@media(min-width:821px){.m-cafe__grid{align-items:start}.m-cafe__media{order:1}.m-cafe__copy{order:2}}.m-cafe__eyebrow{display:block;margin:0 0 24px;font-family:var(--font-heading-family);font-size:11px;font-weight:600;line-height:1.4;letter-spacing:.24em;text-transform:uppercase;color:var(--m-sage)}.m-cafe__heading{margin:0;font-family:var(--font-heading-family);font-size:clamp(22px,2.6vw,28px);font-weight:700;letter-spacing:.12em;line-height:1.3;text-transform:uppercase;color:var(--m-ink)}.m-cafe__body{margin-top:24px;max-width:30em;font-family:var(--font-body-family);font-size:17px;line-height:1.6;color:var(--m-ink-soft)}.m-cafe__body p{margin:0}.m-cafe__body p+p{margin-top:12px}.m-cafe__meta{margin:24px 0 0;font-family:var(--font-heading-family);font-size:11px;font-weight:600;line-height:2;letter-spacing:.18em;text-transform:uppercase;color:var(--m-ink)}.m-cafe__btn{display:inline-block;padding:17px 34px;font-family:var(--font-heading-family);font-size:12px;font-weight:600;line-height:1;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;background:var(--m-midnight);color:var(--m-offwhite);transition:background .18s ease}.m-cafe__btn:hover{background:var(--m-sage)}.m-cafe__actions{display:flex;gap:1.6rem;flex-wrap:wrap;align-items:center;margin-top:32px}.m-cafe__btn--ghost{background:transparent;color:#2a2828;box-shadow:inset 0 0 0 1px #2a2828}.m-cafe__btn--ghost:hover{background:#2a2828;color:#f6ede5}.m-cafe__media{display:grid;grid-template-columns:1fr;justify-items:center}.m-cafe__media .m-cafe__collage{width:100%;max-width:460px}@media(min-width:821px){.m-cafe__media{width:min(var(--collage-size, 440px),44vw)}.m-cafe__media .m-cafe__collage{max-width:none}}.m-cafe__collage{display:grid;aspect-ratio:1 / 1}.m-cafe__collage .m-cafe__tile{width:100%;height:100%}.m-cafe__tile{overflow:hidden;background:#e9ddd2;border:0;padding:0;cursor:pointer}.m-cafe__tile img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s ease}.m-cafe__tile:hover img{transform:scale(1.04)}.m-cafe__tile:focus-visible{outline:2px solid #546A6C;outline-offset:3px}.m-cafe__gallery-hint{margin:12px 0 0;width:100%;font-family:var(--font-body-family, "Nunito Sans", sans-serif);font-size:1.15rem;letter-spacing:.14em;text-transform:uppercase;color:#2a2828b3;text-align:center}@media(max-width:820px){.m-cafe__grid{grid-template-columns:1fr;gap:32px}}@media(max-width:1024px){.m-cafe__actions{flex-wrap:nowrap;gap:10px}.m-cafe__actions .m-cafe__btn{padding:13px 14px;font-size:10px;letter-spacing:.12em;white-space:nowrap}}.m-cafe .m-cafe__copy,.m-cafe .m-cafe__tile{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}.m-cafe.is-inview .m-cafe__copy,.m-cafe.is-inview .m-cafe__tile{opacity:1;transform:none}.m-cafe.is-inview .m-cafe__tile:nth-child(1){transition-delay:.12s}.m-cafe.is-inview .m-cafe__tile:nth-child(2){transition-delay:.24s}.m-cafe.is-inview .m-cafe__tile:nth-child(3){transition-delay:.36s}.m-cafe.is-inview .m-cafe__tile:nth-child(4){transition-delay:.48s}@media(prefers-reduced-motion:reduce){.m-cafe .m-cafe__copy,.m-cafe .m-cafe__tile{opacity:1;transform:none;transition:none}.m-cafe__tile img,.m-cafe__btn{transition:none}}.m-cafe-lightbox[hidden]{display:none}.m-cafe-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#17161af0;display:flex;align-items:center;justify-content:center}.m-cafe-lightbox__img{max-width:min(86vw,1200px);max-height:82vh;object-fit:contain;display:block}.m-cafe-lightbox__close,.m-cafe-lightbox__nav{position:fixed;background:transparent;border:0;cursor:pointer;color:#f6ede5;font-family:var(--font-body-family, "Nunito Sans", sans-serif);line-height:1;padding:1rem 1.4rem}.m-cafe-lightbox__close{top:1.6rem;right:2rem;font-size:3.4rem}.m-cafe-lightbox__nav{top:50%;transform:translateY(-50%);font-size:4.6rem}.m-cafe-lightbox__nav--prev{left:1.2rem}.m-cafe-lightbox__nav--next{right:1.2rem}.m-cafe-lightbox__close:hover,.m-cafe-lightbox__nav:hover{color:#fff}.m-cafe-lightbox__close:focus-visible,.m-cafe-lightbox__nav:focus-visible{outline:2px solid #F6EDE5;outline-offset:3px}.m-cafe-lightbox__count{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);margin:0;color:#f6ede5d9;font-family:var(--font-body-family, "Nunito Sans", sans-serif);font-size:1.3rem;letter-spacing:.18em}.m-cafe-lb[hidden]{display:none!important}.m-cafe-lb{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:clamp(12px,3vw,40px);background:#17161af7}.m-cafe-lb__backdrop{position:absolute;top:0;right:0;bottom:0;left:0}.m-cafe-lb__card{position:relative;margin:0;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr);max-width:980px;width:100%;height:min(600px,84svh);background:#f6ede5}.m-cafe-lb__img{width:100%;height:100%;min-height:0;object-fit:cover;display:block;background:#e9ddd2}.m-cafe-lb__panel{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:clamp(22px,3vw,40px);position:relative}.m-cafe-lb__name{margin:0;font-family:var(--font-heading-family, "Poppins", sans-serif);font-size:17px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#2a2828}.m-cafe-lb__desc{margin:0;font-family:var(--font-body-family, "Nunito Sans", sans-serif);font-size:14px;line-height:1.65;color:#2a2828bf}.m-cafe-lb__order{margin-top:10px;align-self:flex-start;display:inline-block;padding:15px 26px;font:600 12px/1 var(--font-heading-family, "Poppins", sans-serif);letter-spacing:.2em;text-transform:uppercase;text-decoration:none;background:#2a2828;color:#f6ede5;transition:background .18s ease}.m-cafe-lb__order:hover{background:#546a6c}.m-cafe-lb__x{position:absolute;top:10px;right:10px;z-index:2;border:0;background:#2a2828;color:#f6ede5;width:36px;height:36px;font-size:20px;line-height:1;cursor:pointer}.m-cafe-lb__x:hover{background:#546a6c}.m-cafe-lb__arrow{border:0;background:transparent;box-shadow:inset 0 0 0 1px #2a2828;color:#2a2828;width:44px;height:44px;font-size:18px;cursor:pointer;transition:background .18s ease,color .18s ease}.m-cafe-lb__arrow:hover{background:#2a2828;color:#f6ede5}.m-cafe-lb__panel .m-cafe-lb__arrow--prev{position:absolute;bottom:clamp(22px,3vw,40px);right:calc(clamp(22px,3vw,40px) + 52px)}.m-cafe-lb__panel .m-cafe-lb__arrow--next{position:absolute;bottom:clamp(22px,3vw,40px);right:clamp(22px,3vw,40px)}@media(max-width:720px){.m-cafe-lb__card{grid-template-columns:1fr;height:auto;max-height:92svh;overflow-y:auto}.m-cafe-lb__img{height:42svh}.m-cafe-lb__panel{padding-bottom:78px}}
/*# sourceMappingURL=/cdn/shop/t/43/assets/section-m-cafe.css.map */