:root{--ml-night: #1c1815;--ml-ink: #2b2622;--ml-oat: #efe6d8;--ml-linen: #faf6ef;--ml-walnut: #7a5236;--ml-amber: #e8a64b;--ml-muted: #5e544b;--ml-line: #d9cdba;--ml-ease: cubic-bezier(.2, .7, .2, 1)}.ml-section{font-family:var(--font-body--family);color:var(--ml-ink)}.ml-wrap{width:100%;max-width:var(--page-width, 1280px);margin:0 auto;padding-inline:var(--page-margin, 20px);box-sizing:border-box}.ml-eyebrow{margin:0;font-size:13px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--ml-walnut)}.ml-h2{margin:0;font-family:var(--font-heading--family);font-weight:380;font-size:clamp(34px,5vw,56px);line-height:1.04;letter-spacing:-.015em;color:inherit}.ml-h2 em,.ml-hero__title em{font-style:italic;font-weight:340}.ml-lede{margin:0;font-size:16px;line-height:1.5;color:var(--ml-muted);max-width:560px}.ml-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:54px;padding:0 28px;border-radius:999px;font-size:16px;font-weight:600;text-decoration:none;transition:transform .25s var(--ml-ease),background-color .25s,box-shadow .25s;-webkit-tap-highlight-color:transparent}.ml-btn--amber{background:var(--ml-amber);color:var(--ml-ink)}.ml-btn--amber:hover{box-shadow:0 10px 30px #e8a64b59;transform:translateY(-1px)}.ml-btn:active{transform:scale(.97)}.ml-btn--ghost{background:transparent;color:inherit;min-height:46px;padding:0 12px}.ml-btn--ghost svg{transition:transform .25s var(--ml-ease)}.ml-btn--ghost:hover svg{transform:translate(4px)}.ml-rail{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;padding-inline:var(--page-margin, 20px);scroll-padding-inline:var(--page-margin, 20px)}.ml-rail::-webkit-scrollbar{display:none}.ml-rail>*{scroll-snap-align:start;flex:none}html.ml-motion [data-ml-reveal]{opacity:0;transform:translate3d(0,18px,0);transition:opacity .8s var(--ml-ease),transform .8s var(--ml-ease);transition-delay:var(--ml-delay, 0ms);animation:ml-reveal-fallback 0s 3s forwards}html.ml-motion [data-ml-reveal].is-revealed{opacity:1;transform:none;animation:none}@keyframes ml-reveal-fallback{to{opacity:1;transform:none}}html.ml-motion [data-ml-reveal] .ml-zoom-in{transform:scale(1.08);transition:transform 1.4s var(--ml-ease);transition-delay:var(--ml-delay, 0ms)}html.ml-motion [data-ml-reveal].is-revealed .ml-zoom-in{transform:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/mellowlit-motion.css.map */