body .s10-real-routines{--rr-ease:cubic-bezier(.16,1,.3,1);--rr-ink:#15121a;--rr-muted:#655f69;position:relative;padding:clamp(104px,10vw,156px) 0;overflow:hidden;background:radial-gradient(circle at 82% 5%,rgba(118,72,186,.075),transparent 28%),linear-gradient(180deg,#f7f4ee,#ebe7df);color:var(--rr-ink)}body .s10-real-routines:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.32;background-image:linear-gradient(rgba(50,36,62,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(50,36,62,.04) 1px,transparent 1px);background-size:88px 88px;-webkit-mask-image:linear-gradient(180deg,transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(180deg,transparent,#000 18%,#000 82%,transparent)}body .s10-real-routines .s10-container{position:relative;z-index:1}body .s10-real-routines__head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(290px,.58fr);gap:clamp(38px,7vw,92px);align-items:end;margin-bottom:clamp(42px,5vw,64px)}body .s10-real-routines .s10-kicker{color:#7144b5;font-weight:800}body .s10-real-routines .s10-title{max-width:820px;color:var(--rr-ink);font-size:clamp(48px,5.8vw,80px);line-height:.94;letter-spacing:-.06em}body .s10-real-routines .s10-lead{max-width:540px;color:var(--rr-muted);font-size:17px;line-height:1.62;opacity:1}body .s10-real-routines__status{display:flex;align-items:center;gap:11px;width:min(390px,100%);margin-top:24px;color:#5d5663;font:800 9px/1 Outfit,system-ui,sans-serif;letter-spacing:.13em}body .s10-real-routines__status-track{position:relative;height:2px;flex:1;overflow:hidden;border-radius:999px;background:#1f18271a}body .s10-real-routines__status-track span{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7541bd,#d34b98);transform:scaleX(.25);transform-origin:left center;transition:transform .26s var(--rr-ease)}body .s10-real-routines__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:start;perspective:1200px}body .s10-real-routines .s10-persona{--rr-base-scale:1.04;--rr-hover-scale:1.075;--rr-tilt-x:0deg;--rr-tilt-y:0deg;--rr-spot-x:50%;--rr-spot-y:40%;position:relative;min-width:0;overflow:hidden;border:1px solid rgba(26,20,32,.095);border-radius:26px;background:#fbf9f5;color:var(--rr-ink);box-shadow:0 16px 45px #2c213413;transform:translateY(0) rotateX(var(--rr-tilt-y)) rotateY(var(--rr-tilt-x));transform-style:preserve-3d;transition:transform .22s var(--rr-ease),box-shadow .22s var(--rr-ease),border-color .18s ease,opacity .22s ease;will-change:transform}body .s10-real-routines .s10-persona--operator{--rr-base-scale:1.22;--rr-hover-scale:1.255}body .s10-real-routines .s10-persona:before{content:"";position:absolute;z-index:4;top:-1px;right:-1px;bottom:-1px;left:-1px;pointer-events:none;border-radius:inherit;background:radial-gradient(340px circle at var(--rr-spot-x) var(--rr-spot-y),rgba(128,76,191,.11),transparent 44%);opacity:0;transition:opacity .18s ease}body .s10-real-routines .s10-persona__media{position:relative;aspect-ratio:4/3;overflow:hidden;background:#d7d2ca}body .s10-real-routines .s10-persona__media:after{content:"";position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#07070903 42%,#070709b3)}body .s10-real-routines .s10-persona__image{display:block;width:100%;height:100%;max-width:none!important;object-fit:cover;filter:saturate(.91) contrast(1.02);transform:scale(var(--rr-base-scale));transform-origin:50% 12%;transition:transform .7s var(--rr-ease),filter .24s ease}body .s10-real-routines .s10-persona--operator .s10-persona__image{transform-origin:32% 10%}body .s10-real-routines .s10-persona__number{position:absolute;z-index:3;top:17px;left:17px;display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:#07070942;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font:800 11px/1 Outfit,system-ui,sans-serif;letter-spacing:.08em;transition:transform .22s var(--rr-ease),background .18s ease}body .s10-real-routines .s10-persona__moment{position:absolute;z-index:3;left:19px;right:19px;bottom:17px;color:#fff;font:800 9px/1.32 Outfit,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;transition:transform .24s var(--rr-ease),opacity .18s ease}body .s10-real-routines .s10-persona__copy{position:relative;z-index:2;padding:25px 22px 22px;background:#fbf9f5}body .s10-real-routines .s10-persona__eyebrow{display:block;margin-bottom:11px;color:#7144b5;font:800 9px/1 Outfit,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase}body .s10-real-routines .s10-persona h3{margin:0 0 12px;color:var(--rr-ink);font:800 clamp(22px,2vw,29px)/.97 Outfit,system-ui,sans-serif;letter-spacing:-.04em;text-transform:uppercase}body .s10-real-routines .s10-persona p{min-height:90px;margin:0;color:#625d66;font:500 14px/1.56 Mada,system-ui,sans-serif}body .s10-real-routines .s10-persona__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid rgba(24,19,29,.09);font:800 9px/1 Outfit,system-ui,sans-serif;letter-spacing:.09em;text-transform:uppercase}body .s10-real-routines .s10-persona__foot strong{color:#3b2449}body .s10-real-routines .s10-persona__foot span{color:#8b858e;text-align:right}.s10-routines-motion body .s10-real-routines[data-s10-routines-pending] .s10-real-routines__head>*{opacity:0;transform:translateY(22px)}.s10-routines-motion body .s10-real-routines[data-s10-routines-pending] .s10-persona{opacity:0;transform:translateY(34px) scale(.985);clip-path:inset(10% 0 0 0 round 26px)}.s10-routines-motion body .s10-real-routines[data-s10-routines-pending] .s10-persona__image{transform:scale(calc(var(--rr-base-scale) + .07))}.s10-routines-motion body .s10-real-routines.is-revealed .s10-real-routines__head>*{opacity:1;transform:none;transition:opacity .6s var(--rr-ease),transform .6s var(--rr-ease)}.s10-routines-motion body .s10-real-routines.is-revealed .s10-real-routines__head>*:nth-child(2){transition-delay:70ms}.s10-routines-motion body .s10-real-routines.is-revealed .s10-persona{opacity:1;clip-path:inset(0 0 0 0 round 26px);transform:translateY(0) rotateX(var(--rr-tilt-y)) rotateY(var(--rr-tilt-x));transition:opacity .62s var(--rr-ease),clip-path .7s var(--rr-ease),transform .62s var(--rr-ease),box-shadow .22s var(--rr-ease),border-color .18s ease}.s10-routines-motion body .s10-real-routines.is-revealed .s10-persona:nth-child(1){transition-delay:70ms,70ms,70ms,0ms,0ms}.s10-routines-motion body .s10-real-routines.is-revealed .s10-persona:nth-child(2){transition-delay:.13s,.13s,.13s,0ms,0ms}.s10-routines-motion body .s10-real-routines.is-revealed .s10-persona:nth-child(3){transition-delay:.19s,.19s,.19s,0ms,0ms}.s10-routines-motion body .s10-real-routines.is-revealed .s10-persona:nth-child(4){transition-delay:.25s,.25s,.25s,0ms,0ms}.s10-routines-motion body .s10-real-routines.is-revealed .s10-persona__image{transform:scale(var(--rr-base-scale))}@media(hover:hover)and (pointer:fine){body .s10-real-routines .s10-persona:hover,body .s10-real-routines .s10-persona:focus-within{z-index:3;border-color:#693e9e38;box-shadow:0 28px 70px #2c213424;transform:translateY(-7px) rotateX(var(--rr-tilt-y)) rotateY(var(--rr-tilt-x))}body .s10-real-routines .s10-persona:hover:before,body .s10-real-routines .s10-persona:focus-within:before{opacity:1}body .s10-real-routines .s10-persona:hover .s10-persona__image,body .s10-real-routines .s10-persona:focus-within .s10-persona__image{filter:saturate(.98) contrast(1.025);transform:scale(var(--rr-hover-scale))}body .s10-real-routines .s10-persona:hover .s10-persona__number{transform:translateY(-2px);background:#2f19417a}body .s10-real-routines .s10-persona:hover .s10-persona__moment{transform:translateY(-3px)}}@media(max-width:1100px){body .s10-real-routines__grid{grid-template-columns:repeat(2,minmax(0,1fr))}body .s10-real-routines .s10-persona p{min-height:70px}}@media(max-width:760px){body .s10-real-routines{padding:78px 0}body .s10-real-routines__head{grid-template-columns:1fr;gap:18px;margin-bottom:30px}body .s10-real-routines .s10-title{font-size:44px;line-height:.96}body .s10-real-routines .s10-lead{font-size:15px}body .s10-real-routines__status{margin-top:18px}body .s10-real-routines__grid{display:flex;gap:12px;margin-right:-20px;padding:3px 20px 12px 0;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:0;perspective:none;scrollbar-width:none}body .s10-real-routines__grid::-webkit-scrollbar{display:none}body .s10-real-routines .s10-persona{flex:0 0 min(84vw,342px);scroll-snap-align:start;transform:scale(.965);transform-origin:center;opacity:.72}body .s10-real-routines .s10-persona.is-active{opacity:1;transform:scale(1);box-shadow:0 24px 58px #2c21341f}body .s10-real-routines .s10-persona__media{aspect-ratio:4/3.15}body .s10-real-routines .s10-persona p{min-height:0}.s10-routines-motion body .s10-real-routines.is-revealed .s10-persona{transform:scale(.965)}.s10-routines-motion body .s10-real-routines.is-revealed .s10-persona.is-active{transform:scale(1)}}@media(prefers-reduced-motion:reduce){body .s10-real-routines *,body .s10-real-routines *:before,body .s10-real-routines *:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.s10-routines-motion body .s10-real-routines[data-s10-routines-pending] .s10-real-routines__head>*,.s10-routines-motion body .s10-real-routines[data-s10-routines-pending] .s10-persona{opacity:1!important;clip-path:none!important;transform:none!important}body .s10-real-routines .s10-persona__image{transform:scale(var(--rr-base-scale))!important}}body .s10-real-routines{background:radial-gradient(circle at 78% 8%,rgba(117,69,214,.13),transparent 28%),linear-gradient(180deg,#09090c,#050506)!important;color:#f5f1f8!important;border-block:1px solid rgba(255,255,255,.07)}body .s10-real-routines:before{opacity:.22;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px)}body .s10-real-routines .s10-kicker{color:#c6a3ff!important}body .s10-real-routines .s10-title{color:#f7f4fb!important}body .s10-real-routines .s10-lead{color:#aaa5b1!important}body .s10-real-routines .s10-coverflow__status{color:#e9e5ee!important}body .s10-real-routines .s10-coverflow__status-track{background:#ffffff24!important}body .s10-real-routines .s10-coverflow__button{border-color:#ffffff2e!important;background:#f2eee8!important;color:#17131c!important;box-shadow:0 12px 30px #00000047!important}body .s10-real-routines .s10-coverflow__button:hover{background:#fff!important;border-color:#fff!important}
/*# sourceMappingURL=/cdn/shop/t/37/assets/supify-routines-v6.css.map */