@property --rr-sky-a{syntax: "<color>"; inherits: true; initial-value: rgba(0,0,0,0);}@property --rr-sky-b{syntax: "<color>"; inherits: true; initial-value: rgba(0,0,0,0);}@property --rr-sun-x{syntax: "<percentage>"; inherits: true; initial-value: 0%;}.real-routines{--rr-gap: 1.5rem;--rr-card-w: 300px;--rr-band-bg: var(--color-bg-warm, var(--color-bg-elevated));--rr-media-bg: var(--color-media-bg, var(--color-bg-elevated));--rr-chip-bg: var(--color-surface-cognac, var(--color-bg-elevated));--rr-line: rgba(var(--color-gold-rgb), .28);--rr-accent: var(--color-gold-dark, var(--color-gold));--rr-accent: color-mix(in oklab, var(--color-gold-dark, var(--color-gold)) 60%, var(--color-text));--rr-sun-x: 0%;--rr-ease: cubic-bezier(.2, .7, .2, 1);position:relative;isolation:isolate;overflow:hidden;transition:--rr-sky-a .9s ease,--rr-sky-b .9s ease,--rr-sun-x .7s var(--rr-ease)}[data-theme=dark] .real-routines{--rr-accent: var(--color-gold-light, var(--color-gold));--rr-line: rgba(var(--color-gold-rgb), .34)}@media(prefers-color-scheme:dark){:root:not([data-theme]) .real-routines{--rr-accent: var(--color-gold-light, var(--color-gold));--rr-line: rgba(var(--color-gold-rgb), .34)}}.real-routines[data-moment="0"]{--rr-sky-a: rgba(255, 208, 150, .62);--rr-sky-b: rgba(255, 238, 212, .85)}.real-routines[data-moment="1"]{--rr-sky-a: rgba(226, 218, 164, .55);--rr-sky-b: rgba(247, 242, 222, .85)}.real-routines[data-moment="2"]{--rr-sky-a: rgba(255, 190, 120, .55);--rr-sky-b: rgba(251, 235, 214, .85)}.real-routines[data-moment="3"]{--rr-sky-a: rgba(255, 246, 222, .95);--rr-sky-b: rgba(255, 252, 246, .95)}.real-routines[data-moment="4"]{--rr-sky-a: rgba(238, 176, 96, .55);--rr-sky-b: rgba(249, 233, 206, .9)}.real-routines[data-moment="5"]{--rr-sky-a: rgba(122, 82, 60, .4);--rr-sky-b: rgba(234, 221, 200, .95)}[data-theme=dark] .real-routines[data-moment="0"]{--rr-sky-a: rgba(232, 200, 150, .2);--rr-sky-b: rgba(74, 55, 40, .45)}[data-theme=dark] .real-routines[data-moment="1"]{--rr-sky-a: rgba(205, 178, 110, .16);--rr-sky-b: rgba(48, 36, 25, .65)}[data-theme=dark] .real-routines[data-moment="2"]{--rr-sky-a: rgba(236, 160, 90, .2);--rr-sky-b: rgba(60, 40, 28, .55)}[data-theme=dark] .real-routines[data-moment="3"]{--rr-sky-a: rgba(245, 237, 224, .14);--rr-sky-b: rgba(48, 36, 25, .5)}[data-theme=dark] .real-routines[data-moment="4"]{--rr-sky-a: rgba(201, 152, 90, .24);--rr-sky-b: rgba(74, 55, 40, .55)}[data-theme=dark] .real-routines[data-moment="5"]{--rr-sky-a: rgba(232, 200, 150, .12);--rr-sky-b: rgba(8, 6, 4, .85)}@media(prefers-color-scheme:dark){:root:not([data-theme]) .real-routines[data-moment="0"]{--rr-sky-a: rgba(232, 200, 150, .2);--rr-sky-b: rgba(74, 55, 40, .45)}:root:not([data-theme]) .real-routines[data-moment="1"]{--rr-sky-a: rgba(205, 178, 110, .16);--rr-sky-b: rgba(48, 36, 25, .65)}:root:not([data-theme]) .real-routines[data-moment="2"]{--rr-sky-a: rgba(236, 160, 90, .2);--rr-sky-b: rgba(60, 40, 28, .55)}:root:not([data-theme]) .real-routines[data-moment="3"]{--rr-sky-a: rgba(245, 237, 224, .14);--rr-sky-b: rgba(48, 36, 25, .5)}:root:not([data-theme]) .real-routines[data-moment="4"]{--rr-sky-a: rgba(201, 152, 90, .24);--rr-sky-b: rgba(74, 55, 40, .55)}:root:not([data-theme]) .real-routines[data-moment="5"]{--rr-sky-a: rgba(232, 200, 150, .12);--rr-sky-b: rgba(8, 6, 4, .85)}}.real-routines__ambient{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(55% 42% at var(--rr-sun-x) 8%,var(--rr-sky-a) 0%,transparent 72%),linear-gradient(180deg,var(--rr-sky-b) 0%,transparent 58%)}.real-routines__ambient:after{content:"";position:absolute;left:0;right:0;bottom:0;height:38%;background:linear-gradient(180deg,transparent,rgba(var(--color-gold-rgb),.06))}.real-routines__head{text-align:center;margin-bottom:1.25rem;position:relative;z-index:1}.real-routines__eyebrow{display:inline-block;font-family:var(--font-body);font-size:.7rem;font-weight:600;line-height:1;letter-spacing:.14em;text-transform:uppercase;color:var(--rr-accent);margin-bottom:.75rem}.real-routines__title{font-family:var(--font-heading);font-weight:600;font-size:clamp(1.75rem,4vw,2.6rem);line-height:1.15;color:var(--color-text);margin:0}.real-routines__subtitle{font-family:var(--font-body);font-size:.95rem;line-height:1.6;color:var(--color-text-muted);max-width:46ch;margin:.75rem auto 0}.real-routines__track{position:relative;z-index:1;display:grid;grid-template-columns:1fr;gap:.35rem;width:100%;max-width:var(--max-width, 1280px);margin:0 auto 1.25rem;padding-inline:clamp(1.25rem,4vw,2rem)}.real-routines__rail{position:relative;height:44px;margin-inline:6px}.real-routines__rail-line{position:absolute;left:0;right:0;top:11px;height:1px;background:var(--rr-line)}.real-routines__rail-line:after{content:"";position:absolute;left:0;top:0;height:1px;width:var(--rr-sun-x);background:var(--color-gold);transition:width .7s var(--rr-ease)}.real-routines__sun{position:absolute;left:var(--rr-sun-x);top:11px;width:22px;height:22px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 35% 35%,var(--color-gold-light, #E8C896),var(--color-gold) 60%,var(--color-gold-dark, #8B5E2A));box-shadow:0 0 0 6px rgba(var(--color-gold-rgb),.16),0 0 28px rgba(var(--color-gold-rgb),.45);z-index:2;pointer-events:none}.real-routines__ticks{list-style:none;margin:0;padding:0;display:flex;justify-content:space-between;position:relative;z-index:1}.real-routines__tickitem{flex:0 0 auto;width:0;display:flex;justify-content:center}.real-routines__tick{display:flex;flex-direction:column;align-items:center;gap:.55rem;background:none;border:0;padding:0;cursor:pointer;color:var(--color-text-muted);font-family:var(--font-body)}.real-routines__dot{width:10px;height:10px;margin-top:6px;border-radius:50%;background:var(--color-bg);border:1.5px solid rgba(var(--color-gold-rgb),.6);transition:transform .22s var(--rr-ease),background .22s ease}.real-routines__tick.is-active .real-routines__dot{background:var(--color-gold);transform:scale(1.15)}.real-routines__tick:hover .real-routines__dot{transform:scale(1.25)}.real-routines__moment{font-size:.64rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;color:var(--color-text-muted);transition:color .22s ease,opacity .22s ease}.real-routines__tick.is-active .real-routines__moment,.real-routines__tick:hover .real-routines__moment{color:var(--rr-accent)}.real-routines__tick:focus-visible{outline:2px solid var(--color-gold);outline-offset:4px;border-radius:6px}.real-routines__now,.real-routines__nav{display:none}.real-routines__grid{position:relative;z-index:1;display:flex;gap:.9rem;margin:0;padding-inline:1.25rem;padding-block:.5rem 1rem;list-style:none;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline-start:1.25rem;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.real-routines__grid::-webkit-scrollbar{display:none}.real-routines__card{flex:0 0 78vw;scroll-snap-align:start;display:flex;flex-direction:column;position:relative;opacity:0;transform:translateY(18px);transition:opacity .6s var(--rr-ease),transform .6s var(--rr-ease)}.real-routines__card.is-in{opacity:1;transform:none}.real-routines__card:nth-child(2){transition-delay:70ms}.real-routines__card:nth-child(3){transition-delay:.14s}.real-routines__card:nth-child(4){transition-delay:.21s}.real-routines__card:nth-child(5){transition-delay:.28s}.real-routines__card:nth-child(6){transition-delay:.35s}.real-routines__frame{display:flex;flex-direction:column;flex:1 1 auto;background:var(--rr-band-bg);border:1px solid var(--color-border);border-radius:22px;overflow:hidden;box-shadow:0 1px rgba(var(--color-gold-rgb),.08);transition:transform .5s var(--rr-ease),box-shadow .5s var(--rr-ease),border-color .3s ease,opacity .5s ease,filter .5s ease}.real-routines__card.is-active .real-routines__frame{border-color:rgba(var(--color-gold-rgb),.55);box-shadow:0 0 0 1px rgba(var(--color-gold-rgb),.25),0 24px 60px -24px rgba(var(--color-gold-rgb),.45),0 12px 30px #0000001a}.real-routines__media{position:relative;aspect-ratio:4 / 5;overflow:hidden;background:var(--rr-media-bg)}.real-routines__img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.01);transition:transform 1.4s var(--rr-ease)}.real-routines__card.is-active .real-routines__img{transform:scale(1.06)}.real-routines__time{position:absolute;top:12px;left:12px;z-index:1;padding:.32rem .6rem;border-radius:999px;background:#2a2117c7;color:#f5ede0;font-family:var(--font-body);font-size:.66rem;font-weight:600;letter-spacing:.08em;font-variant-numeric:tabular-nums;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.real-routines__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--rr-media-bg);font-family:var(--font-heading);font-style:italic;font-weight:600;font-size:clamp(2.5rem,8vw,3.5rem);line-height:1;color:var(--rr-accent)}.real-routines__band{flex:1 1 auto;display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;background:var(--rr-band-bg);padding:.95rem 1.05rem 1.05rem;border-top:1px solid rgba(var(--color-gold-rgb),.14)}.real-routines__pet{font-family:var(--font-heading);font-style:italic;font-weight:600;font-size:1.35rem;line-height:1.1;color:var(--rr-accent)}.real-routines__caption{font-family:var(--font-body);font-size:.9rem;line-height:1.45;color:var(--color-text);margin:.1rem 0 0}.real-routines__chip{display:inline-flex;align-items:center;gap:.4rem;margin-top:.6rem;padding:.4rem .8rem;border-radius:999px;background:var(--rr-chip-bg);border:1px solid rgba(var(--color-gold-rgb),.22);color:var(--rr-accent);font-family:var(--font-body);font-size:.74rem;font-weight:600;line-height:1.3;text-decoration:none;transition:border-color .22s ease,transform .22s var(--rr-ease)}.real-routines__chip-arrow{display:inline-block;transition:transform .22s var(--rr-ease)}.real-routines__chip:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}@media(max-width:767px){.real-routines__rail{height:24px}.real-routines__moment{position:absolute;opacity:0;pointer-events:none}.real-routines__now{display:block;margin:.15rem 0 0;text-align:center;font-family:var(--font-body);font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--rr-accent)}.real-routines__card{flex-basis:80vw}.real-routines__card:not(.is-active) .real-routines__frame{opacity:.86}}@media(min-width:768px){.real-routines__head{margin-bottom:1.75rem}.real-routines__track{grid-template-columns:1fr auto;align-items:start;gap:1.5rem;margin-bottom:1.5rem}.real-routines__nav{display:flex;gap:.5rem}.real-routines__arrow{width:42px;height:42px;border-radius:50%;border:1px solid rgba(var(--color-gold-rgb),.4);background:transparent;color:var(--rr-accent);font-size:1.1rem;line-height:1;cursor:pointer;transition:background .18s ease,border-color .18s ease,opacity .18s ease}.real-routines__arrow:hover{background:var(--rr-chip-bg);border-color:var(--color-gold)}.real-routines__arrow:disabled{opacity:.3;cursor:default}.real-routines__arrow:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}.real-routines__grid{gap:var(--rr-gap);width:100%;max-width:var(--max-width, 1280px);margin-inline:auto;padding-inline:clamp(1rem,4vw,2rem);padding-block:1rem 1.5rem;scroll-padding-inline-start:clamp(1rem,4vw,2rem)}.real-routines__card{flex:0 0 var(--rr-card-w)}.real-routines__card:not(.is-active) .real-routines__frame{transform:scale(.96);opacity:.78;filter:saturate(.85)}.real-routines__card.is-active .real-routines__frame{transform:translateY(-6px)}.real-routines__card:nth-child(2n){padding-top:2.5rem}.real-routines__band{padding:1.05rem 1.15rem 1.2rem}}@media(min-width:1280px){.real-routines{--rr-card-w: 324px}}@media(hover:hover)and (pointer:fine){.real-routines__card:not(.is-active):hover .real-routines__frame{opacity:1;filter:none;transform:scale(.985);border-color:rgba(var(--color-gold-rgb),.35);cursor:pointer}.real-routines__chip:hover{border-color:rgba(var(--color-gold-rgb),.45)}.real-routines__chip:hover .real-routines__chip-arrow{transform:translate(2px)}}@media(prefers-reduced-motion:reduce){.real-routines,.real-routines__rail-line:after,.real-routines__frame,.real-routines__img,.real-routines__chip,.real-routines__chip-arrow,.real-routines__arrow,.real-routines__card,.real-routines__dot{transition:none}.real-routines__card{opacity:1;transform:none}.real-routines__card.is-active .real-routines__img{transform:none}.real-routines__grid{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/real-routines.css.map */