.brf{--brf-ivory: #FDFBF9;--brf-ink: #1C1B1A;--brf-rust: var(--color-rust);--brf-beaver: #BE8C73;--brf-60: rgba(28, 27, 26, .6);--brf-display: "Cormorant", "Cormorant Metric Fallback", Georgia, serif;--brf-body: "Ysabeau Office", "Ysabeau Office Metric Fallback", system-ui, sans-serif;display:flex;flex-direction:column;align-items:center;gap:44px;padding-top:var(--pdp45-band, 56px);padding-bottom:var(--pdp45-band, 88px);padding-inline:72px;background:var(--brf-ivory);color:var(--brf-ink);font-family:var(--brf-body);overflow-x:clip}.brf *,.brf *:before,.brf *:after{box-sizing:border-box}.brf-head{display:flex;flex-direction:column;align-items:center;gap:12px;width:760px;max-width:100%}.brf-eyebrow{margin:0;color:var(--brf-rust);font-size:var(--pdp45-eyebrow, 11px);font-weight:600;letter-spacing:var(--pdp45-eyebrow-track, .18em);line-height:14px;text-transform:uppercase}.brf .brf-h{margin:0;font-family:var(--brf-display);font-weight:400;font-size:var(--pdp45-h2, 46px);line-height:var(--pdp45-h2-lh, 1.13);text-align:center;color:var(--brf-ink)}.brf-sub{margin:0;max-width:560px;font-size:16px;line-height:26px;text-align:center;color:var(--brf-60);text-wrap:pretty}.brf-row{display:flex;gap:22px;align-items:stretch;width:1122px;max-width:100%;margin:0;list-style:none;--brf-edge: 0px;padding:0 var(--brf-edge);scroll-padding-inline:var(--brf-edge);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}.brf-row::-webkit-scrollbar{display:none}.brf-row:focus-visible{outline:2px solid var(--brf-rust);outline-offset:6px}.brf-film{display:flex;flex-direction:column;gap:14px;min-width:0;max-width:100%;flex:0 0 264px;scroll-snap-align:start}.brf-frame{position:relative;width:264px;max-width:100%;height:264px;flex-shrink:0;overflow:hidden;background:#1c1b1a0a}.brf-frame>video,.brf-frame>img,.brf-ph{width:100%;height:100%;object-fit:cover;display:block}.brf-frame :is(video,img){width:100%;height:100%;object-fit:cover;display:block}.brf-frame--pair>.brf-video,.brf-frame--pair>.brf-still{position:absolute;top:0;right:0;bottom:0;left:0}.brf-frame--pair>.brf-still{z-index:0}.brf-frame--pair>.brf-video{z-index:1;opacity:0;transition:opacity .18s linear}.brf-frame--pair>.brf-video.is-live{opacity:1}@media(prefers-reduced-motion:reduce){.brf-frame--pair>.brf-video{transition:none}}.brf-cap{display:flex;align-items:baseline;gap:10px}.brf-n{width:16px;flex-shrink:0;font-family:var(--brf-display);font-size:20px;line-height:24px;color:var(--brf-beaver);font-variant-numeric:lining-nums}.brf .brf-t{margin:0;font-family:var(--brf-display);font-weight:400;font-size:23px;line-height:27px;color:var(--brf-ink)}.brf-b{margin:4px 0 0;font-size:14px;line-height:22px;color:var(--brf-60);text-wrap:pretty}@media(max-width:1265px){.brf{padding-inline:32px}.brf-row{width:calc(100% + 64px);max-width:none;margin-inline:-32px;--brf-edge: 32px}.brf-film{flex-basis:clamp(240px,30vw,300px)}.brf-frame{width:100%;height:auto;aspect-ratio:1 / 1}}@media(max-width:620px){.brf{padding-inline:16px;gap:32px}.brf-row{width:calc(100% + 32px);margin-inline:-16px;--brf-edge: 16px;gap:14px}.brf-head{align-items:flex-start}.brf .brf-h,.brf-sub{text-align:left}.brf-film{flex-basis:min(78vw,340px);gap:12px}.brf-cap{gap:8px}.brf-n{width:14px;font-size:18px;line-height:22px}.brf .brf-t{font-size:21px;line-height:25px}.brf-b{margin-top:4px;font-size:14px;line-height:22px}}@media(prefers-reduced-motion:reduce){.brf-video{animation:none!important}}.brf-time{position:absolute;left:10px;top:10px;z-index:2;background:#fdfbf9eb;color:var(--brf-ink, #1C1B1A);font-family:var(--brf-body);font-weight:500;font-size:12px;line-height:16px;letter-spacing:.02em;padding:5px 11px;border-radius:999px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.brf-play{position:absolute;right:10px;bottom:10px;z-index:2;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#1c1b1a8c;color:#fff;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.brf-play svg{margin-left:0}.brf-o{display:flex;align-items:baseline;gap:8px;margin:8px 0 0;font-size:13px;line-height:20px;color:var(--brf-rust, #B15639);text-wrap:pretty}.brf-o span{flex:none}@media(max-width:620px){.brf-time{left:7px;top:7px;font-size:12px;line-height:16px;padding:4px 9px}.brf-play{right:7px;bottom:7px;width:26px;height:26px}}.brf-film{display:flex;flex-direction:column}.brf-cap{flex:1;align-items:stretch}.brf-n{align-self:flex-start;padding-top:3px}.brf-cap>div{display:flex;flex-direction:column;flex:1;min-width:0}.brf-o{margin-top:auto;padding-top:8px}@media(max-width:620px){.brf-o{gap:6px;font-size:13px;line-height:19px;padding-top:6px}.brf-n{padding-top:2px}.brf-row{align-items:flex-start}.brf-o{margin-top:8px}}.brf-nav{display:flex;align-items:center;justify-content:center;gap:clamp(10px,4vw,20px);margin-top:-14px;max-width:100%}.brf-nav[hidden]{display:none}.brf-ticks{display:flex;align-items:center;gap:9px;margin:0;padding:0;list-style:none}.brf-ticks[hidden]{display:none}.brf-tick{display:block;appearance:none;-webkit-appearance:none;border:0;background:none;margin:0;padding:21px 10px;cursor:pointer;color:inherit}.brf-tick:before{content:"";display:block;width:24px;height:2px;background:#1c1b1a2e;transition:width .28s ease,background-color .28s ease}.brf-tick[aria-current=true]:before{width:40px;background:var(--brf-rust)}.brf-tick:hover:before{background:#1c1b1a61}.brf-tick[aria-current=true]:hover:before{background:var(--brf-rust)}.brf-tick:focus-visible{outline:2px solid var(--brf-rust);outline-offset:4px}.brf-arrow{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex:none;padding:0;border-radius:50%;border:1px solid rgba(28,27,26,.18);background:none;color:var(--brf-ink);cursor:pointer;transition:border-color .2s ease,color .2s ease}.brf-arrow:hover:not([disabled]){border-color:var(--brf-rust);color:var(--brf-rust)}.brf-arrow:focus-visible{outline:2px solid var(--brf-rust);outline-offset:3px}.brf-arrow[disabled]{opacity:.28;cursor:default}@media(hover:none){.brf-arrow{display:none}}@media(prefers-reduced-motion:reduce){.brf-row{scroll-behavior:auto}.brf-tick:before,.brf-arrow{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/bundle-ritual-films.css.map */