.rt-ritual{background:var(--surface-ink);color:var(--text-on-dark);position:relative}.rt-ritual .rt-wrap{max-width:var(--page-width, 1400px);margin:0 auto;padding:0 24px}.rt-ritual .rt-head{max-width:760px;margin:0 0 clamp(28px,5vw,64px)}.rt-ritual .rt-eyebrow{display:inline-flex;align-items:center;gap:var(--space-xs);text-transform:uppercase;font-size:var(--fs-caption);font-family:var(--font-mono);font-weight:400;letter-spacing:var(--tracking-eyebrow);color:var(--accent-on-dark);margin:0 0 var(--space-md)}.rt-ritual .rt-eyebrow:before{content:"";width:28px;height:1px;background:currentColor}.rt-ritual .rt-title{color:var(--bb-white);font-family:var(--font-heading-family);font-size:var(--fs-h2);font-variation-settings:var(--fvs-h2);letter-spacing:var(--tracking-tight);line-height:var(--lh-tight);text-wrap:balance;margin:0}.rt-ritual .rt-intro{font-family:var(--font-body-family);font-size:var(--fs-lead);line-height:var(--lh-lead);color:var(--text-on-dark-lead);margin:var(--space-md) 0 0;max-width:52ch}.rt-ritual .rt-grid{display:block}.rt-ritual .rt-sticky{display:none}.rt-ritual .rt-media{position:relative;border-radius:var(--radius-card);overflow:hidden;background:#ffffff0a;aspect-ratio:4 / 5}.rt-ritual .rt-frame{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:scale(1.04);transition:opacity var(--dur-slow) ease,transform var(--dur-slowest) ease}.rt-ritual .rt-frame.is-active{opacity:1;transform:scale(1)}.rt-ritual .rt-frame img{width:100%;height:100%;object-fit:cover;display:block}.rt-ritual .rt-badge{position:absolute;left:20px;bottom:20px;z-index:2;display:inline-flex;align-items:center;gap:var(--space-xs);padding:10px 16px;border-radius:var(--radius-pill);background:#14110e8c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.14);font-family:var(--font-body-family);font-size:13px;font-weight:600;letter-spacing:.04em;color:var(--bb-white)}.rt-ritual .rt-badge .rt-badge-num{color:var(--accent-on-dark);font-variant-numeric:tabular-nums}.rt-ritual .rt-steps{display:flex;flex-direction:column;gap:56px}.rt-ritual .rt-step{display:flex;flex-direction:column}.rt-ritual .rt-step-media{border-radius:var(--radius-card);overflow:hidden;background:#ffffff0a;margin-bottom:22px;aspect-ratio:4 / 5}.rt-ritual .rt-step-media img{width:100%;height:100%;object-fit:cover;display:block}.rt-ritual .rt-step-num{font-family:var(--font-heading-family);font-size:clamp(40px,9vw,64px);font-weight:600;line-height:1;color:#ffffff29;letter-spacing:-.02em;margin:0 0 10px;font-variant-numeric:tabular-nums}.rt-ritual .rt-step-label{text-transform:uppercase;font-size:var(--fs-caption);font-family:var(--font-mono);font-weight:400;letter-spacing:var(--tracking-eyebrow);color:var(--accent-on-dark);margin:0 0 var(--space-xs)}.rt-ritual .rt-step-title{color:var(--bb-white);font-family:var(--font-heading-family);font-size:var(--fs-h3);font-variation-settings:var(--fvs-h3);letter-spacing:var(--tracking-tight);line-height:var(--lh-snug);text-wrap:balance;margin:0 0 var(--space-xs)}.rt-ritual .rt-step-text{font-family:var(--font-body-family);font-size:var(--fs-body);line-height:1.62;color:var(--text-on-dark-lead);margin:0;max-width:48ch}.rt-ritual .rt-mobile{display:none}@media(max-width:989px){.bb-motion-on .rt-ritual .rt-mobile{display:block}.bb-motion-on .rt-ritual .rt-steps{display:none}}.rt-ritual .rt-m-head{display:flex;align-items:center;gap:16px;margin:0 0 18px}.rt-ritual .rt-m-count{font-family:var(--font-heading-family);font-weight:600;font-size:15px;letter-spacing:.02em;color:#ffffff8c;font-variant-numeric:tabular-nums;white-space:nowrap}.rt-ritual .rt-m-count .rt-m-cur{color:var(--accent-on-dark);font-size:18px}.rt-ritual .rt-m-rail{position:relative;flex:1 1 auto;height:2px;background:#ffffff24;border-radius:2px;overflow:hidden}.rt-ritual .rt-m-rail-fill{position:absolute;inset:0 auto 0 0;width:100%;transform-origin:left center;transform:scaleX(.25);background:var(--accent);border-radius:2px;transition:transform var(--dur-base) var(--ease-standard);will-change:transform}.rt-ritual .rt-track{display:flex;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -24px;padding:4px 24px;scroll-padding:0 24px}.rt-ritual .rt-track::-webkit-scrollbar{display:none}.rt-ritual .rt-track:focus-visible{outline:2px solid var(--bb-white);outline-offset:4px;border-radius:var(--radius-card)}.rt-ritual .rt-card{scroll-snap-align:center;flex:0 0 84%;max-width:360px;display:flex;flex-direction:column}.rt-ritual .rt-card-media{position:relative;border-radius:var(--radius-card);overflow:hidden;background:#ffffff0a;aspect-ratio:4 / 5;margin:0 0 18px}.rt-ritual .rt-card-media img{width:100%;height:100%;object-fit:cover;display:block}.rt-ritual .rt-card-badge{position:absolute;left:16px;bottom:16px;z-index:2;display:inline-flex;align-items:center;gap:10px;padding:9px 14px;border-radius:var(--radius-pill);background:#14110e8c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.14);font-family:var(--font-body-family);font-size:12px;font-weight:600;letter-spacing:.04em;color:var(--bb-white)}.rt-ritual .rt-card-badge .rt-card-badge-num{color:var(--accent-on-dark);font-variant-numeric:tabular-nums}.rt-ritual .rt-card-num{font-family:var(--font-heading-family);font-size:clamp(36px,11vw,56px);font-weight:600;line-height:1;color:#ffffff29;letter-spacing:-.02em;margin:0 0 8px;font-variant-numeric:tabular-nums}.rt-ritual .rt-card-label{text-transform:uppercase;font-size:var(--fs-caption);font-family:var(--font-mono);font-weight:400;letter-spacing:var(--tracking-eyebrow);color:var(--accent-on-dark);margin:0 0 var(--space-2xs)}.rt-ritual .rt-card-title{color:var(--bb-white);font-family:var(--font-heading-family);font-size:var(--fs-h3);font-variation-settings:var(--fvs-h3);letter-spacing:var(--tracking-tight);line-height:var(--lh-snug);text-wrap:balance;margin:0 0 var(--space-2xs)}.rt-ritual .rt-card-text{font-family:var(--font-body-family);font-size:var(--fs-body-sm);line-height:1.6;color:var(--text-on-dark-lead);margin:0}@media(min-width:990px){.rt-ritual .rt-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,96px);align-items:start}.rt-ritual .rt-sticky{display:flex;align-items:center;position:sticky;top:88px;height:calc(100vh - 88px)}.rt-ritual .rt-media{width:100%;max-height:calc(100vh - 136px)}.rt-ritual .rt-steps{gap:0}.rt-ritual .rt-step{min-height:90vh;justify-content:center}.rt-ritual .rt-step-media{display:none}.rt-ritual .rt-step-num{font-size:clamp(48px,5vw,80px)}}.rt-ritual .rt-cta-wrap{margin:clamp(48px,7vw,88px) 0 0;text-align:center}.rt-ritual .rt-cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:14px 36px;background:var(--accent);color:var(--surface-ink);border-radius:var(--radius-pill);font-family:var(--font-body-family);font-size:15px;font-weight:700;letter-spacing:.01em;text-decoration:none;transition:background-color var(--dur-fast) ease,transform var(--dur-fast) ease}.rt-ritual .rt-cta:hover{background:var(--accent-on-dark)}.rt-ritual a:focus-visible,.rt-ritual button:focus-visible{outline:2px solid var(--bb-white);outline-offset:3px}@media(prefers-reduced-motion:no-preference){.rt-ritual .rt-cta:active{transform:translateY(1px)}}@media(prefers-reduced-motion:reduce){.rt-ritual .rt-frame{transition:none;transform:none}.rt-ritual .rt-frame:first-child{opacity:1}.rt-ritual .rt-mobile{display:none!important}.rt-ritual .rt-steps{display:flex!important}.rt-ritual .rt-m-rail-fill{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-product-ritual.css.map */