.mtc-section{--mtc-cream: #f6f2e9;--mtc-ink: #2e3328;--mtc-moss: #5c6b4f;--mtc-sage: #8fa37c;--mtc-berry: #bc002d;--mtc-paper: #fffefb}.mtc-section{background:var(--mtc-cream);padding:clamp(40px,6vw,88px) clamp(20px,5vw,56px);box-sizing:border-box}.mtc-section *{box-sizing:border-box}.mtc-header{text-align:center;max-width:640px;margin:0 auto clamp(28px,4vw,48px)}.mtc-eyebrow{font-family:var(--font-body-family);font-style:italic;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--mtc-sage);margin:0 0 10px}.mtc-heading{font-family:Garamond;font-weight:600;font-size:clamp(28px,4vw,42px);color:var(--mtc-ink);margin:0;letter-spacing:.01em}.mtc-subheading{font-family:var(--font-body-family);font-size:15px;color:var(--mtc-moss);margin:12px 0 0;line-height:1.6}.mtc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2.4vw,32px);max-width:1180px;margin:0 auto}@media(max-width:749px){.mtc-grid{grid-template-columns:repeat(2,1fr);gap:14px}}.mtc-card-wrap{opacity:0;transform:translateY(22px) scale(.98);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);transition-delay:var(--mtc-delay, 0ms);perspective:1400px}.mtc-card-wrap.mtc-in-view{opacity:1;transform:translateY(0) scale(1)}.mtc-card{display:block;text-decoration:none;color:inherit;position:relative;width:100%;aspect-ratio:3 / 4}.mtc-card-inner{position:relative;width:100%;height:100%;border-radius:14px;transition:box-shadow .8s ease,transform .7s cubic-bezier(.4,.15,.2,1);transform-style:preserve-3d;will-change:transform}.mtc-card:hover .mtc-card-inner,.mtc-card.mtc-flipped .mtc-card-inner{transform:rotateY(180deg)}.mtc-card:focus-visible .mtc-card-inner{outline:2px solid var(--mtc-berry);outline-offset:4px}.mtc-face{display:flex;flex-direction:column;position:absolute;top:0;left:0;overflow:hidden;backface-visibility:hidden}.mtc-face--front{transform:rotateY(0)}.mtc-face--back{transform:rotateY(180deg)}.mtc-img{width:100%;flex:1 1 auto;object-fit:contain;display:block;min-height:0;max-height:500px}.mtc-placeholder{width:100%;flex:1 1 auto;display:flex;align-items:center;justify-content:center;min-height:0}.mtc-placeholder-svg{width:46%;height:46%;opacity:.35}.mtc-content{position:absolute;bottom:8px;width:100%;transform:translateY(-100%);flex:0 0 auto;text-align:center}.mtc-btn{display:inline-block;font-family:var(--font-body-family);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#fff;background:var(--mtc-berry);padding:9px 22px;transition:background .25s ease,transform .25s ease}.mtc-card:hover .mtc-btn{background:var(--mtc-berry)}@media(max-width:749px){.mtc-content{padding:12px 10px 14px}.mtc-btn{font-size:9.5px;padding:7px 16px}}.mtc-card-inner.show-shadow{box-shadow:0 1px 2px #2e33280f,0 10px 24px #2e332814}.mtc-card:hover .mtc-card-inner.show-shadow,.mtc-card.mtc-flipped .mtc-card-inner.show-shadow{box-shadow:0 6px 10px #2e332814,0 18px 34px #2e332824}.show-shadow .mtc-face{background:var(--mtc-paper)}.show-shadow .mtc-placeholder{background:linear-gradient(145deg,#eee9db,#e3dfcf)}@media screen and (max-width:1024px){.mtc-img{max-height:400px}}@media screen and (max-width:768px){.mtc-img{max-height:270px}.mtc-btn{padding:5px 10px}.mtc-content{bottom:0;transform:translateY(-50%)}}@media screen and (max-width:480px){.mtc-img{max-height:280px}}@media screen and (max-width:375px){.mtc-img{max-height:180px}.mtc-content{bottom:0;transform:translateY(-6%)}.mtc-btn{font-size:6px;padding:4px 8px}}@media(prefers-reduced-motion:reduce){.mtc-card-wrap{opacity:1;transform:none;transition:none}.mtc-card-inner,.mtc-card:hover .mtc-card-inner,.mtc-card.mtc-flipped .mtc-card-inner{transition:none;transform:none}.mtc-face--back{transform:none;position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .3s ease}.mtc-card:hover .mtc-face--back,.mtc-card.mtc-flipped .mtc-face--back{opacity:1}.mtc-card:hover .mtc-face--front,.mtc-card.mtc-flipped .mtc-face--front{opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/91/assets/monsoon-trivia-cards.css.map */