.story{position:relative;background:rgb(var(--ink));isolation:isolate}.story__sky{position:sticky;top:0;height:100vh;margin-bottom:-100vh;z-index:0;pointer-events:none;overflow:hidden}.story__sky-inner{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;background:linear-gradient(180deg,rgb(var(--sky-top, 58 47 62)),rgb(var(--sky-mid, 33 26 38)),rgb(var(--sky-bottom, 11 13 18)))}.story__moon{position:absolute;top:8vh;left:50%;width:7rem;height:7rem;border-radius:50%;background:radial-gradient(circle at 35% 32%,#fff7e0,rgb(var(--gold)) 55%,rgb(var(--gold-deep)));box-shadow:0 0 8rem 2rem rgba(var(--gold),.35);transform:translate(-50%) translateY(var(--moon-y, 0));opacity:var(--moon-op, 0);transition:opacity 1.1s ease,transform .1s linear,box-shadow .6s ease;will-change:transform,opacity;z-index:0}.story[data-phase=dawn] .story__moon,.story[data-phase=day] .story__moon{box-shadow:0 0 10rem 3rem #ffdcaa73}@media screen and (max-width:749px){.story__moon{display:none}}.story__stars{position:absolute;top:0;right:0;bottom:0;left:0;opacity:var(--stars-op, 0);transition:opacity 1s ease}.story__stars span{position:absolute;width:2px;height:2px;background:rgb(var(--paper));border-radius:50%;animation:story-twinkle 4s ease-in-out infinite}@keyframes story-twinkle{0%,to{opacity:.25}50%{opacity:1}}.story__grain{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(var(--paper),.035) 1px,transparent 1px);background-size:3px 3px;opacity:.5}.story__rail{position:fixed;top:0;left:0;width:3px;height:100vh;z-index:50;background:rgba(var(--paper),.06);pointer-events:none}.story__rail-fill{width:100%;height:var(--story-progress, 0%);background:linear-gradient(180deg,rgb(var(--gold)),rgba(var(--gold),.4));box-shadow:0 0 1.2rem rgba(var(--gold),.6);transition:height .05s linear}@media screen and (max-width:749px){.story__rail{display:none}}.chapter{position:relative;z-index:1;padding:14rem 0;display:flex;align-items:center;min-height:70vh}.chapter--short{min-height:auto;padding:9rem 0}.chapter--tight{padding:8rem 0}.chapter .wrap{width:100%}@media screen and (max-width:749px){.chapter{padding:8rem 0;min-height:auto}.chapter--short{padding:6rem 0}}.chapter__time{display:inline-flex;align-items:center;gap:1rem;font-family:var(--font-body);font-weight:700;font-size:1.3rem;letter-spacing:.16em;text-transform:uppercase;color:rgb(var(--gold));margin-bottom:1.6rem;transition:color .6s ease}.chapter__time:before{content:"";width:2.2rem;height:1px;background:rgb(var(--gold))}.story[data-phase=day] .chapter__time{color:rgb(var(--gold-deep))}.reveal{opacity:0;transform:translateY(3.2rem);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}.reveal.is-in{opacity:1;transform:translateY(0)}.reveal--delay-1{transition-delay:.08s}.reveal--delay-2{transition-delay:.18s}.reveal--delay-3{transition-delay:.28s}.reveal--delay-4{transition-delay:.38s}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.story__moon{transition:opacity .3s ease}}.story-hero{text-align:center;padding-top:10rem}.story-hero__inner{max-width:80rem;margin:0 auto;padding:0 var(--gutter);position:relative;z-index:1}.story-hero .eyebrow{color:rgb(var(--gold))}.story-hero h1{font-size:clamp(4.2rem,10vw,8.5rem);margin:0 0 2rem;color:rgb(var(--paper))}.story-hero__sub{font-size:1.8rem;line-height:1.5;max-width:56rem;margin:0 auto 3.6rem;color:rgba(var(--paper),.85)}.story-hero__ctas{display:flex;flex-wrap:wrap;justify-content:center;gap:1.4rem;margin-bottom:2.4rem}.story-hero .btn--outline{border-color:rgba(var(--paper),.5);color:rgb(var(--paper))}.story-hero .btn--outline:hover{border-color:rgb(var(--gold));color:rgb(var(--gold))}.story-hero__fine{font-size:1.3rem;color:rgba(var(--mute),1)}.story-hero__scroll{margin-top:5rem;display:inline-flex;flex-direction:column;align-items:center;gap:.8rem;font-size:1.1rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(var(--paper),.55)}.story-hero__scroll-line{width:1px;height:4rem;background:linear-gradient(180deg,rgba(var(--gold),.9),transparent);animation:story-scroll-pulse 1.8s ease-in-out infinite}@keyframes story-scroll-pulse{0%,to{transform:scaleY(.6);opacity:.5}50%{transform:scaleY(1);opacity:1}}.problem{text-align:center}.problem__head{max-width:70rem;margin:0 auto 5rem;text-align:center}.problem__head h2{font-size:clamp(3.2rem,6vw,5.6rem);color:rgb(var(--paper))}.problem__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.4rem;max-width:100rem;margin:0 auto}.problem__card{position:relative;padding:3.2rem 2.6rem 2.8rem;border:1px solid rgba(var(--paper),.12);background:rgba(var(--paper),.03);text-align:left;transition:border-color .3s ease,background-color .3s ease,transform .3s ease}.problem__card:hover{border-color:rgba(var(--gold),.45);background:rgba(var(--paper),.05);transform:translateY(-3px)}.problem__card__num{position:absolute;top:2rem;right:2.2rem;font-family:var(--font-display);font-size:1.6rem;color:rgba(var(--paper),.25);letter-spacing:.05em}.problem__card__icon{width:5.2rem;height:5.2rem;display:flex;align-items:center;justify-content:center;border:1px solid rgba(var(--gold),.3);border-radius:50%;margin-bottom:2rem}.problem__card svg{width:2.4rem;height:2.4rem;color:rgb(var(--gold))}.problem__card h3{font-size:1.9rem;color:rgb(var(--paper));margin-bottom:.8rem}.problem__card p{font-size:1.4rem;line-height:1.6;color:rgba(var(--paper),.7)}@media screen and (max-width:749px){.problem__grid{grid-template-columns:1fr}}.reveal-product__grid{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center}.reveal-product--flip .reveal-product__grid{direction:rtl}.reveal-product--flip .reveal-product__grid>*{direction:ltr}@media screen and (max-width:909px){.reveal-product__grid{grid-template-columns:1fr;gap:3.2rem;direction:ltr!important}}.reveal-product__media{position:relative;aspect-ratio:1/1;background:rgba(var(--paper),.04);overflow:hidden;clip-path:polygon(0 0,calc(100% - 32px) 0,100% 32px,100% 100%,0 100%);box-shadow:0 2.4rem 5rem #00000059}.reveal-product__media img{width:100%;height:100%;object-fit:cover;image-rendering:-webkit-optimize-contrast}.reveal-product__glow{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(circle at 50% 50%,rgba(var(--gold),.25),transparent 65%);pointer-events:none}.reveal-product__step{font-family:var(--font-display);font-size:6rem;line-height:1;color:rgba(var(--gold),.5);-webkit-text-stroke:1px rgba(var(--gold),.9);margin-bottom:1.2rem}.reveal-product__title{font-size:clamp(3rem,5vw,4.6rem);color:rgb(var(--paper));margin-bottom:1.6rem}.reveal-product__text{font-size:1.6rem;line-height:1.6;color:rgba(var(--paper),.8);margin-bottom:2rem;max-width:48rem}.reveal-product__price{font-weight:700;font-size:1.9rem;color:rgb(var(--paper));margin-bottom:2.4rem}.reveal-product__price s{font-weight:450;opacity:.5;margin-right:.8rem;font-size:1.5rem}@media screen and (max-width:749px){.reveal-product__step{font-size:4.6rem}}.story-routine__head{text-align:center;max-width:62rem;margin:0 auto 4.4rem}.story-routine__head h2{color:rgb(var(--paper))}.story-routine__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2.4rem;max-width:76rem;margin:0 auto}@media screen and (max-width:749px){.story-routine__grid{grid-template-columns:1fr}}.story-routine__grid--three{grid-template-columns:repeat(3,1fr);max-width:96rem}@media screen and (max-width:909px){.story-routine__grid--three{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:749px){.story-routine__grid--three{grid-template-columns:1fr}}.story-routine-card{display:flex;flex-direction:column;padding:2.4rem;border:1px solid rgba(var(--paper),.14);background:rgba(var(--paper),.03);transition:border-color .25s ease,transform .25s ease,background-color .25s ease}.story-routine-card:hover{border-color:rgba(var(--gold),.7);transform:translateY(-4px);background:rgba(var(--paper),.06);box-shadow:0 1.6rem 3.2rem #00000047,0 0 0 1px rgba(var(--gold),.12)}.story-routine-card__media{aspect-ratio:1/1;width:100%;margin-bottom:2rem;overflow:hidden;background:rgba(var(--paper),.05);clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,0 100%);display:flex;align-items:center;justify-content:center}.story-routine-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}.story-routine-card:hover .story-routine-card__media img{transform:scale(1.06)}.story-routine-card__tag{font-size:1.2rem;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--gold));margin-bottom:.8rem}.story-routine-card__title{font-size:2.4rem;margin-bottom:.8rem;color:rgb(var(--paper))}.story-routine-card__price{font-weight:700;font-size:1.7rem;margin-bottom:1.6rem;color:rgb(var(--paper))}.story-routine-card__price s{font-weight:450;opacity:.55;margin-right:.6rem}.story-routine-card__cta{margin-top:auto;font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:1.3rem;color:rgb(var(--gold));display:inline-flex;align-items:center;gap:.6rem}.story-routine-card--empty{align-items:center;justify-content:center;text-align:center;border-style:dashed;color:rgba(var(--paper),.45);font-size:1.4rem}.deep__scrim{position:relative;background:#08080c8c;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border-radius:2px;padding:5rem var(--gutter) 4.4rem;margin:0 calc(var(--gutter) * -1)}.deep__head{text-align:center;max-width:64rem;margin:0 auto 4.4rem}.deep__head h2{color:rgb(var(--paper))}.deep__head p{color:rgb(var(--paper));opacity:.85}.deep__grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid rgba(var(--paper),.18);background:#08080c59}@media screen and (max-width:749px){.deep__grid{grid-template-columns:1fr}}.deep__col{padding:3.2rem}.deep__col+.deep__col{border-left:1px solid rgba(var(--paper),.15)}@media screen and (max-width:749px){.deep__col+.deep__col{border-left:none;border-top:1px solid rgba(var(--paper),.15)}}.deep__col--us{background:rgba(var(--gold),.1)}.deep__title{font-size:1.3rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:2rem;color:rgba(var(--paper),.7)}.deep__col--us .deep__title{color:rgb(var(--gold))}.deep__row{display:flex;gap:1.2rem;align-items:flex-start;padding:1.4rem 0;border-top:1px solid rgba(var(--paper),.1);font-size:1.5rem;color:rgb(var(--paper));transition:padding-left .25s ease}.deep__row:first-of-type{border-top:none}.deep__row:hover{padding-left:.6rem}.deep__row svg{flex-shrink:0;width:1.8rem;height:1.8rem;margin-top:.1rem}.deep__col--them svg{color:rgba(var(--paper),.6)}.deep__col--us svg{color:rgb(var(--gold))}.deep .chapter__time{color:rgb(var(--gold))}.wake{text-align:center}.wake__head{max-width:62rem;margin:0 auto 5rem}.wake__head h2{font-size:clamp(3.4rem,7vw,6.4rem);transition:color .6s ease}.story[data-phase=dawn] .wake__head h2,.story[data-phase=day] .wake__head h2{color:rgb(var(--ink))}.story[data-phase=night] .wake__head h2,.story[data-phase=deep] .wake__head h2{color:rgb(var(--paper))}.wake__sub{font-size:1.6rem;margin-top:1.6rem;transition:color .6s ease}.story[data-phase=dawn] .wake__sub,.story[data-phase=day] .wake__sub{color:rgba(var(--ink),.75)}.story[data-phase=night] .wake__sub,.story[data-phase=deep] .wake__sub{color:rgba(var(--paper),.8)}.wake__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:3rem;text-align:center;max-width:100rem;margin:0 auto}@media screen and (max-width:989px){.wake__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:480px){.wake__grid{grid-template-columns:1fr}}.wake__num{font-family:var(--font-display);font-size:clamp(3.2rem,5vw,4.8rem);color:rgb(var(--gold));text-shadow:0 0 36px rgba(var(--gold),.4);margin-bottom:.6rem;line-height:1}.wake__label{font-size:1.4rem;max-width:20rem;margin-inline:auto;transition:color .6s ease}.story[data-phase=dawn] .wake__label,.story[data-phase=day] .wake__label{color:rgba(var(--ink),.75)}.story[data-phase=night] .wake__label,.story[data-phase=deep] .wake__label{color:rgba(var(--paper),.75)}.wake__ctas{margin-top:5.6rem;display:flex;justify-content:center;gap:1.4rem;flex-wrap:wrap}.story__daylight-cap{position:relative;z-index:1;height:1px}@media screen and (max-width:749px){.reveal-product__grid{gap:2.4rem}.deep__col{padding:2.4rem 1.8rem}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/mog-story.css.map */