.mvr{--ink: #29150c;--serif: "Libre Caslon Text", Georgia, "Times New Roman", serif;--sans: "DM Sans", system-ui, -apple-system, sans-serif;--ease: cubic-bezier(.22, 1, .36, 1);--edge: color-mix(in srgb, var(--mvr-divider, #ccc) 55%, transparent);--paper: #faf8ef;--panel-from: var(--mvr-panel-from, #346739);--panel-to: var(--mvr-panel-to, #22472b);background-color:var(--mvr-bg, #fffef1);background-image:linear-gradient(180deg,var(--mvr-bg, #fffef1) 0%,var(--mvr-bg-bottom, #ecedcd) 100%);color:var(--ink)}.mvr__inner{max-width:var(--mvr-max, 1440px);margin-inline:auto;padding-inline:clamp(20px,7vw,126px)}.mvr__header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:calc(var(--mvr-head-gap, 40px) + 16px);transition:opacity .9s ease,transform 1s var(--ease)}.mvr__eyebrow{margin:0;font-family:var(--sans);font-weight:500;font-size:12px;line-height:1.4;letter-spacing:.22em;text-transform:uppercase}.mvr__heading{margin:0;max-width:24ch;font-family:var(--serif);font-weight:400;font-size:clamp(30px,3.4vw,48px);line-height:1.12;letter-spacing:-.015em;text-wrap:balance}.mvr__heading em{font-style:italic;font-weight:400;white-space:nowrap}.mvr__grid{display:grid;grid-template-columns:repeat(var(--mvr-cols, 2),minmax(0,1fr));column-gap:max(var(--mvr-col-gap, 32px),28px);row-gap:max(var(--mvr-row-gap, 16px),28px);align-items:stretch}.mvr__card{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:24px;background:var(--paper);border:1px solid var(--edge);box-shadow:0 1px #fffc inset,0 36px 60px -46px #29150c73;transition:opacity .9s ease,transform 1s var(--ease),box-shadow .5s var(--ease);transition-delay:calc(var(--i, 0) * .22s),calc(var(--i, 0) * .22s),0s}@media(hover:hover){.mvr__card:hover{transform:translateY(-4px);box-shadow:0 1px #fffc inset,0 44px 70px -44px #29150c80;transition-delay:0s}}@supports (grid-template-rows: subgrid){.mvr__grid{row-gap:0}.mvr__card{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:0;margin-bottom:max(var(--mvr-row-gap, 16px),28px)}}.mvr__myth{position:relative;padding:clamp(28px,2.6vw,40px) clamp(24px,2.6vw,40px) clamp(36px,3vw,48px)}.mvr__num{position:absolute;top:clamp(18px,2vw,28px);right:clamp(22px,2.4vw,36px);font-family:var(--serif);font-style:italic;font-size:clamp(40px,3.6vw,56px);line-height:1;color:var(--ink);opacity:.09}.mvr__myth-label,.mvr__ritual-label{margin:0 0 14px;font-family:var(--sans);font-size:11px;font-weight:500;line-height:1.4;letter-spacing:.22em;text-transform:uppercase}.mvr__myth-quote{margin:0;max-width:24ch;font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(21px,1.9vw,27px);line-height:1.3;opacity:.85;transition:opacity .8s ease;transition-delay:calc(.9s + var(--i, 0) * .22s)}.mvr__strike{background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-position:0 56%;background-size:100% 1px;-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background-size 1.1s var(--ease);transition-delay:calc(.45s + var(--i, 0) * .22s)}.mvr__turn{position:relative;z-index:2;display:block;align-self:flex-start;justify-self:start;width:46px;height:0;margin:0 0 0 clamp(24px,2.6vw,40px);color:var(--panel-from);transition:transform .8s var(--ease),opacity .6s ease;transition-delay:calc(1.05s + var(--i, 0) * .22s)}.mvr__turn:before{content:"";position:absolute;left:0;top:-23px;width:46px;height:46px;border-radius:50%;background:var(--paper);box-shadow:0 0 0 1px var(--edge),0 10px 22px -12px #29150c73}.mvr__turn svg{position:absolute;left:14px;top:-9px;width:18px;height:18px}.mvr__ritual{position:relative;flex:1;padding:clamp(40px,3.4vw,52px) clamp(24px,2.6vw,40px) clamp(30px,2.8vw,40px);background:linear-gradient(170deg,var(--panel-from) 0%,var(--panel-to) 100%);color:var(--mvr-panel-text, #f4f1e6);clip-path:inset(0 0 0 0);transition:clip-path 1.1s var(--ease);transition-delay:calc(1.15s + var(--i, 0) * .22s)}.mvr__ritual:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(70% 60% at 85% 0%,rgba(236,237,205,.16),transparent 70%);pointer-events:none}.mvr__ritual-label{position:relative;color:var(--mvr-panel-label, #b9cfae);font-weight:600}.mvr__ritual-text{position:relative;margin:0;max-width:40ch;font-family:var(--sans);font-weight:400;font-size:clamp(16px,1.25vw,18px);line-height:1.6;letter-spacing:-.01em;transition:opacity .8s ease,transform .9s var(--ease);transition-delay:calc(1.55s + var(--i, 0) * .22s)}.mvr__ritual-text>*{margin:0}.pr-reveal-ready .mvr__header:not(.is-in){opacity:0;transform:translateY(14px)}.pr-reveal-ready .mvr__card:not(.is-in){opacity:0;transform:translateY(18px)}.pr-reveal-ready .mvr__card:not(.is-in) .mvr__strike{background-size:0% 1px}.pr-reveal-ready .mvr__card:not(.is-in) .mvr__myth-quote{opacity:1}.pr-reveal-ready .mvr__card:not(.is-in) .mvr__turn{opacity:0;transform:rotate(-90deg) scale(.6)}.pr-reveal-ready .mvr__card:not(.is-in) .mvr__ritual{clip-path:inset(100% 0 0 0)}.pr-reveal-ready .mvr__card:not(.is-in) .mvr__ritual-text{opacity:0;transform:translateY(10px)}@media screen and (max-width:749px){.mvr__inner{padding-inline:20px}.mvr__header{margin-bottom:32px}.mvr__eyebrow{font-size:11px}.mvr__heading{font-size:30px}.mvr__grid{grid-template-columns:minmax(0,1fr);row-gap:0}.mvr__card{--i: 0 !important;border-radius:20px;margin-bottom:18px}.mvr__myth-quote{font-size:21px}.mvr__ritual-text{font-size:16px}}@media(prefers-reduced-motion:reduce){.mvr__header,.mvr__card,.mvr__strike,.mvr__myth-quote,.mvr__turn,.mvr__ritual,.mvr__ritual-text{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/myth-vs-ritual.css.map */