.roulette-day-night{--rdn-ease: cubic-bezier(.22, 1, .36, 1);--rdn-gutter: 7vw;display:block;overflow-x:hidden;overflow-x:clip;padding:72px 0 88px;background:#000;color:#f7f2ec}.roulette-day-night *,.roulette-day-night *:before,.roulette-day-night *:after{box-sizing:border-box}.roulette-day-night>section{width:calc(100% - 2 * var(--rdn-gutter));margin-inline:auto}#ff-roulette-page .roulette-day-night h2,#ff-roulette-page .roulette-day-night h3{margin:0 0 14px;color:#fff!important;text-wrap:balance}#ff-roulette-page .roulette-day-night p{margin-top:0;color:#fff9f2d4!important}.roulette-day-night__eyebrow{color:#d6b083}.roulette-day-night__line{display:block}.roulette-day-night__accent{color:#e7c29a}.roulette-day-night__intro{padding-bottom:24px}#ff-roulette-page .roulette-day-night__intro h2{margin-bottom:18px}.roulette-day-night__moment+.roulette-day-night__moment{margin-top:64px}.roulette-day-night__media{--rdn-rotate: 0deg;position:relative;width:100%;margin:0 auto;transform:translateY(0) rotate(var(--rdn-rotate))}.roulette-day-night__frame{position:relative;z-index:1;overflow:hidden;background:#151311}.roulette-day-night__frame img{display:block;width:100%;height:100%;max-width:none;object-fit:cover}.roulette-day-night__backing{position:absolute;top:0;right:0;bottom:0;left:0;display:none}.roulette-day-night__copy{margin-top:36px;text-align:center}#ff-roulette-page .roulette-day-night__copy :is(h3,p){margin-right:auto;margin-left:auto}.roulette-day-night__moment--morning .roulette-day-night__media{--rdn-rotate: -1.5deg}.roulette-day-night__moment--morning .roulette-day-night__frame{aspect-ratio:4 / 5;padding:6px;background:#f1ebe2}.roulette-day-night__moment--morning .roulette-day-night__frame img{object-position:50% 30%}.roulette-day-night__moment--morning .roulette-day-night__backing{display:block;background:#6f6a64;transform:translate(10px,12px) rotate(2.5deg)}.roulette-day-night__moment--morning .roulette-day-night__eyebrow{color:#e3c89a}.roulette-day-night__moment--workday .roulette-day-night__media{--rdn-rotate: 1deg;width:calc(82 / 86 * 100%)}.roulette-day-night__moment--workday .roulette-day-night__frame{aspect-ratio:4 / 5;padding:6px;background:#e4e0da}.roulette-day-night__moment--workday .roulette-day-night__backing{display:block;background:#57554f;transform:translate(-10px,12px) rotate(-2deg)}.roulette-day-night__moment--workday .roulette-day-night__frame img{object-position:50% 46%}.roulette-day-night__moment--workday .roulette-day-night__eyebrow{color:#c9b79c}.roulette-day-night__moment--after-hours .roulette-day-night__media{--rdn-rotate: -1deg;width:calc(84 / 86 * 100%)}.roulette-day-night__moment--after-hours .roulette-day-night__frame{aspect-ratio:4 / 5;padding:5px;background:#2b1d16}.roulette-day-night__moment--after-hours .roulette-day-night__frame img{object-position:50% 12%}.roulette-day-night__moment--after-hours .roulette-day-night__backing{display:block;background:#4a3123;transform:translate(-9px,11px) rotate(1.5deg)}.roulette-day-night__moment--after-hours .roulette-day-night__eyebrow{color:#d49a6a}#ff-roulette-page .roulette-day-night .roulette-day-night__closing{display:block;width:fit-content;margin:40px auto 0;color:#e7c29a!important;font-family:var(--marker, "Permanent Marker", cursive)!important;font-size:1rem!important;font-weight:400!important;line-height:1.5!important;letter-spacing:0!important;text-transform:none!important;rotate:-3deg}@media(min-width:768px){.roulette-day-night{padding:96px 0 112px}.roulette-day-night>section{width:min(560px,calc(100% - 80px))}.roulette-day-night__intro{padding-bottom:40px}.roulette-day-night__moment+.roulette-day-night__moment{margin-top:88px}#ff-roulette-page .roulette-day-night .roulette-day-night__closing{margin-top:56px}}@media(min-width:990px){.roulette-day-night{padding:128px 0 144px}.roulette-day-night>section{width:min(1160px,calc(100% - 128px))}.roulette-day-night__intro{max-width:520px;margin-inline:auto;padding-bottom:72px}.roulette-day-night__moment{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:32px;align-items:center}.roulette-day-night__moment+.roulette-day-night__moment{margin-top:120px}.roulette-day-night__moment .roulette-day-night__media,.roulette-day-night__moment .roulette-day-night__copy{grid-row:1;width:100%;margin:0}.roulette-day-night__moment--morning .roulette-day-night__media{grid-column:2 / span 5}.roulette-day-night__moment--morning .roulette-day-night__copy{grid-column:8 / span 4}.roulette-day-night__moment--workday .roulette-day-night__media{grid-column:7 / span 4}.roulette-day-night__moment--workday .roulette-day-night__copy{grid-column:2 / span 4}.roulette-day-night__moment--after-hours .roulette-day-night__media{grid-column:3 / span 4}.roulette-day-night__moment--after-hours .roulette-day-night__copy{grid-column:8 / span 4}#ff-roulette-page .roulette-day-night .roulette-day-night__closing{margin-top:96px}}@media(prefers-reduced-motion:no-preference){.roulette-day-night__intro .roulette-day-night__eyebrow,.roulette-day-night__line,.roulette-day-night__support,.roulette-day-night__copy,.roulette-day-night__closing{transition:opacity .7s var(--rdn-ease),transform .7s var(--rdn-ease)}.roulette-day-night__line{transition-delay:calc(.12s + var(--line, 0) * 85ms)}.roulette-day-night__support{transition-delay:.46s}.roulette-day-night__media{transition:opacity .8s var(--rdn-ease),transform .85s var(--rdn-ease)}.roulette-day-night__frame{transition:clip-path .85s var(--rdn-ease)}.roulette-day-night__backing{transition:opacity .7s var(--rdn-ease) .32s}.roulette-day-night__copy{transition-delay:.14s}.roulette-day-night__intro.is-pending .roulette-day-night__eyebrow,.roulette-day-night__intro.is-pending .roulette-day-night__support{opacity:0;transform:translateY(12px)}.roulette-day-night__intro.is-pending .roulette-day-night__line{opacity:0;transform:translateY(14px)}.roulette-day-night__moment.is-pending .roulette-day-night__media{opacity:0;transform:translateY(24px) rotate(var(--rdn-rotate))}.roulette-day-night__moment.is-pending .roulette-day-night__frame{clip-path:inset(8% 0 8% 0)}.roulette-day-night__moment.is-pending .roulette-day-night__backing{opacity:0}.roulette-day-night__moment.is-pending .roulette-day-night__copy{opacity:0;transform:translateY(16px)}.roulette-day-night__closing.is-pending{opacity:0;transform:translateY(10px)}}@media(prefers-reduced-motion:reduce){.roulette-day-night [data-story-reveal],.roulette-day-night [data-story-reveal] *{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/roulette-feel-first-variant-storytelling.css.map */