@property --ring{syntax: "<angle>"; inherits: false; initial-value: 360deg;}:root{--ease-veil: cubic-bezier(.16, 1, .3, 1);--ease-soft: cubic-bezier(.33, 1, .68, 1);--petal-blush: #F0D6CB;--petal-blush-deep: #DDB4A3}html.js .chapter-head.reveal{opacity:1;transform:none}html.js .chapter-head :is(.chapter-no,.chapter-title,.chapter-lede){opacity:0;transform:translateY(14px);transition:opacity .9s var(--ease-soft),transform .9s var(--ease-soft)}html.js .chapter-head .chapter-label{opacity:0;transition:opacity .8s ease-out .15s}html.js .chapter-head .chapter-label:before,html.js .chapter-head .chapter-label:after{transform:scaleX(0);transition:transform 1.2s var(--ease-veil) .25s}html.js .chapter-head .chapter-label:before{transform-origin:right center}html.js .chapter-head .chapter-label:after{transform-origin:left center}html.js .chapter-head .chapter-title{transition-delay:.35s}html.js .chapter-head .chapter-lede{transition-delay:.55s}html.js .chapter-head.is-in :is(.chapter-no,.chapter-label,.chapter-title,.chapter-lede){opacity:1;transform:none}html.js .chapter-head.is-in .chapter-label:before,html.js .chapter-head.is-in .chapter-label:after{transform:none}.rich-text-photo{position:relative;overflow:hidden}html.js .rich-text-body .rich-text-photo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 1px 1px,rgb(180 155 87 / .16) .8px,transparent 1.4px) 0 0 / 5px 5px,linear-gradient(var(--paper),var(--paper));-webkit-mask-image:linear-gradient(to bottom,#000 88%,transparent);mask-image:linear-gradient(to bottom,#000 88%,transparent);transform-origin:top center;transition:transform 1.7s var(--ease-veil) .3s;pointer-events:none}html.js .rich-text-body .rich-text-photo img{transform:scale(1.08);transition:transform 2.6s var(--ease-veil) .3s}html.js .rich-text-body.is-in .rich-text-photo:after{transform:scaleY(0)}html.js .rich-text-body.is-in .rich-text-photo img{transform:none}html.js .rich-text-body.has-image .rich-text-content>*{opacity:0;transform:translateY(10px);transition:opacity .9s var(--ease-soft),transform .9s var(--ease-soft)}html.js .rich-text-body.has-image .rich-text-content>:nth-child(1){transition-delay:.6s}html.js .rich-text-body.has-image .rich-text-content>:nth-child(2){transition-delay:.75s}html.js .rich-text-body.has-image .rich-text-content>:nth-child(3){transition-delay:.9s}html.js .rich-text-body.has-image .rich-text-content>:nth-child(n+4){transition-delay:1.05s}html.js .rich-text-body.has-image.is-in .rich-text-content>*{opacity:1;transform:none}html.js .rich-text-points.reveal{opacity:1;transform:none}html.js .rich-text-points-title{opacity:0;transition:opacity .8s ease-out}html.js .rich-text-points-title:before,html.js .rich-text-points-title:after{transform:scaleX(0);transition:transform 1.2s var(--ease-veil) .15s}html.js .rich-text-points-title:before{transform-origin:right center}html.js .rich-text-points-title:after{transform-origin:left center}html.js .rich-text-point,html.js .rich-text-points .rich-text-cta{opacity:0;transform:translateY(12px);transition:opacity .8s var(--ease-soft),transform .8s var(--ease-soft);transition-delay:calc(.25s + var(--n, 0) * .09s)}html.js .rich-text-point:nth-child(2){--n: 1}html.js .rich-text-point:nth-child(3){--n: 2}html.js .rich-text-point:nth-child(4){--n: 3}html.js .rich-text-point:nth-child(5){--n: 4}html.js .rich-text-point:nth-child(6){--n: 5}html.js .rich-text-point:nth-child(7){--n: 6}html.js .rich-text-point:nth-child(n+8){--n: 7}html.js .rich-text-points .rich-text-cta{--n: 9}html.js .rich-text-points.is-in :is(.rich-text-points-title,.rich-text-point,.rich-text-cta){opacity:1;transform:none}html.js .rich-text-points.is-in .rich-text-points-title:before,html.js .rich-text-points.is-in .rich-text-points-title:after{transform:none}.timeline-step{position:relative;border-bottom-color:transparent}.timeline-step:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,var(--gold),var(--line) 55%);transform-origin:left center}html.js .timeline-step:after{transform:scaleX(0);transition:transform 1.4s var(--ease-veil) .2s}html.js .timeline-step.is-in:after{transform:none}.timeline-no{position:relative;border-color:transparent}.timeline-no:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:50%;background:conic-gradient(from -90deg,var(--gold) var(--ring),transparent 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 1px),#000 calc(100% - 1px));mask:radial-gradient(farthest-side,transparent calc(100% - 1px),#000 calc(100% - 1px))}html.js .timeline-no:before{--ring: 0deg;transition:--ring 1.1s var(--ease-soft) .25s}html.js .timeline-step.is-in .timeline-no:before{--ring: 360deg}html.js .timeline-when{opacity:0;transform:translate(-10px);transition:opacity .8s var(--ease-soft) .1s,transform .8s var(--ease-soft) .1s}html.js .timeline-details li{opacity:0;transition:opacity .8s ease-out .55s}html.js .timeline-details li:nth-child(2){transition-delay:.7s}html.js .timeline-details li:nth-child(n+3){transition-delay:.85s}html.js .timeline-step.is-in :is(.timeline-when,.timeline-details li){opacity:1;transform:none}html.js .flow-step{--d: 0s}html.js .flow-no:after{transform:scaleX(0);transition:transform 1s var(--ease-veil) calc(var(--d) + .3s)}html.js .flow-step.is-in .flow-no:after{transform:none}@media(min-width:920px){html.js .flow-step{transition-duration:.9s;transition-delay:var(--d)}html.js .flow-step:nth-child(2){--d: .14s}html.js .flow-step:nth-child(3){--d: .28s}html.js .flow-step:nth-child(4){--d: .42s}html.js .flow-step:nth-child(n+5){--d: .56s}}.petal-shower{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none}.petal-host{position:relative;isolation:isolate}.petal{position:absolute;top:-24px;left:var(--x);width:var(--size);height:calc(var(--size) * .72);border-radius:100% 0;background:linear-gradient(135deg,var(--petal-blush),var(--petal-blush-deep));opacity:0;animation:petal-fall var(--dur) cubic-bezier(.35,.1,.55,.95) var(--delay) 1 both}.petal.is-gold{background:linear-gradient(135deg,#F1E6C8,var(--gold))}@keyframes petal-fall{0%{opacity:0;transform:translateZ(0) rotate(var(--rot0))}10%{opacity:.85}35%{transform:translate3d(var(--sway),calc(var(--fall) * .35),0) rotate(calc(var(--rot0) + 120deg))}65%{transform:translate3d(calc(var(--sway) * -.6),calc(var(--fall) * .65),0) rotate(calc(var(--rot0) + 230deg))}85%{opacity:.7}to{opacity:0;transform:translate3d(calc(var(--sway) * .4),var(--fall),0) rotate(calc(var(--rot0) + 340deg))}}@media(prefers-reduced-motion:reduce){html.js .chapter-head :is(.chapter-no,.chapter-label,.chapter-title,.chapter-lede),html.js .rich-text-body.has-image .rich-text-content>*,html.js :is(.timeline-when,.timeline-details li){opacity:1;transform:none}html.js .rich-text-points :is(.rich-text-points-title,.rich-text-point,.rich-text-cta){opacity:1;transform:none}html.js .chapter-head .chapter-label:before,html.js .chapter-head .chapter-label:after,html.js .rich-text-points-title:before,html.js .rich-text-points-title:after,html.js .rich-text-body .rich-text-photo img,html.js .timeline-step:after,html.js .flow-no:after{transform:none}html.js .rich-text-body .rich-text-photo:after{display:none}html.js .timeline-no:before{--ring: 360deg}.petal-shower{display:none}}
/*# sourceMappingURL=/cdn/shop/t/45/assets/story-motion.css.map */