.section-rof-experiment{margin:0!important;padding:0!important}html:has(.rof-exp),body:has(.rof-exp){background:#050505!important}body:has(.rof-exp){color:#f4f1ea}body:has(.rof-exp) .shopify-section-group-header-group,body:has(.rof-exp) .shopify-section-group-footer-group,body:has(.rof-exp) sticky-header,body:has(.rof-exp) .header-wrapper,body:has(.rof-exp) footer,body:has(.rof-exp) .announcement-bar,body:has(.rof-exp) .skip-to-content-link,body:has(.rof-exp) #shopify-section-header,body:has(.rof-exp) [id*=announcement],body:has(.rof-exp) [id*=footer],body:has(.rof-exp) #shopify-chat,body:has(.rof-exp) shopify-chat,body:has(.rof-exp) #dummy-chat-button-iframe,body:has(.rof-exp) [aria-label*="Shop with AI"],body:has(.rof-exp) [aria-label*="Shopping Agent"],body:has(.rof-exp) [aria-label*="shop with ai" i],body:has(.rof-exp) button[aria-label*="Shop with"],body:has(.rof-exp) iframe[title*="Shop with AI"],body:has(.rof-exp) .base-breadcrumbs,body:has(.rof-exp) .shopify-section-group-overlay-group,body:has(.rof-exp) .scroll-top,body:has(.rof-exp) .popup,body:has(.rof-exp) .klaviyo-form,body:has(.rof-exp) [id*=popup],body:has(.rof-exp) [class*=shop-with-ai i]{display:none!important;visibility:hidden!important;pointer-events:none!important}body:has(.rof-exp) cart-drawer,body:has(.rof-exp) cart-notification,body:has(.rof-exp) #ads-agent-host,body:has(.rof-exp) shopify-account{display:none!important;visibility:hidden!important;pointer-events:none!important}html:has(.rof-exp){overflow-x:hidden}body:has(.rof-exp) #MainContent,body:has(.rof-exp) .content-for-layout{padding:0!important;margin:0!important;max-width:none!important}.rof-exp,.rof-exp *{box-sizing:border-box}.rof-exp{--exp-serif: "Cormorant Garamond", "Times New Roman", serif;--exp-sans: "Space Grotesk", system-ui, sans-serif;--exp-paper: #f4f1ea;--exp-mute: rgba(244, 241, 234, .42);position:relative;background:#050505;color:var(--exp-paper);min-height:100svh}.rof-exp__scroll{height:680vh;pointer-events:none}.rof-exp__canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;display:block;pointer-events:none}.rof-exp__wordmark{position:fixed;z-index:5;top:max(1.4rem,env(safe-area-inset-top));left:50%;transform:translate(-50%);font-family:var(--exp-sans);font-size:.68rem;font-weight:500;letter-spacing:.42em;text-decoration:none;color:#f4f1ea38;transition:color .6s ease}.rof-exp__wordmark:hover{color:#f4f1eab3}.rof-exp__grain,.rof-exp__vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.rof-exp__grain{z-index:4;opacity:.09;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/></svg>")}.rof-exp__vignette{z-index:3;background:radial-gradient(ellipse at center,transparent 58%,rgba(0,0,0,.32) 100%)}.rof-exp__type{position:fixed;z-index:1;left:50%;top:46%;margin:0;font-family:var(--exp-serif);font-weight:500;letter-spacing:.08em;line-height:.86;color:var(--exp-paper);white-space:nowrap;pointer-events:none;opacity:0;transform:translate(-50%,-50%);will-change:transform,opacity}.rof-exp__type[data-line=rules]{font-size:clamp(6.4rem,18vw,14rem)}.rof-exp__type[data-line=of]{font-size:clamp(5.2rem,14vw,11rem);font-style:italic}.rof-exp__type[data-line=faith]{font-size:clamp(6rem,16vw,13rem)}.rof-exp__type--front{z-index:6}.rof-exp__type[data-line=diego]{font-size:clamp(4.2rem,12vw,9.5rem);letter-spacing:.18em}.rof-exp__caption{position:fixed;z-index:6;left:50%;bottom:11vh;margin:0;font-family:var(--exp-sans);font-size:.68rem;font-weight:500;letter-spacing:.32em;text-transform:uppercase;color:var(--exp-mute);opacity:0;transform:translate(-50%) translateY(.6rem);pointer-events:none}.rof-exp__end{position:fixed;z-index:7;left:50%;bottom:9vh;width:min(42rem,calc(100% - 2.4rem));display:flex;flex-direction:column;align-items:center;gap:.55rem;text-align:center;opacity:0;pointer-events:none}.rof-exp.is-end .rof-exp__end{pointer-events:auto}.rof-exp__end-brand{margin:0;font-family:var(--exp-sans);font-size:.64rem;letter-spacing:.38em;color:var(--exp-mute)}.rof-exp__end-title{margin:0;font-family:var(--exp-serif);font-size:clamp(2.4rem,5.4vw,3.6rem);font-weight:500;letter-spacing:.04em}.rof-exp__end-price{margin:.15rem 0 .7rem;font-family:var(--exp-sans);font-size:.82rem;letter-spacing:.18em;color:var(--exp-mute)}.rof-exp__cta{display:inline-flex;align-items:center;gap:.7rem;padding:.85rem 1.4rem;font-family:var(--exp-sans);font-size:.72rem;font-weight:600;letter-spacing:.22em;text-decoration:none;color:#050505;background:var(--exp-paper);transition:transform .45s cubic-bezier(.22,1,.36,1),background .45s ease}.rof-exp__cta:hover{transform:translateY(-2px);background:#fff}.rof-exp__progress{position:fixed;z-index:8;left:0;right:0;bottom:0;height:1px;background:#f4f1ea14}.rof-exp__progress span{display:block;height:100%;width:0%;background:#f4f1ea8c;transform-origin:left center}.rof-exp__hint{position:fixed;z-index:5;left:50%;bottom:5.5rem;margin:0;font-family:var(--exp-sans);font-size:.62rem;letter-spacing:.38em;color:#f4f1ea61;transform:translate(-50%);animation:rof-exp-hint 2.8s ease-in-out infinite}.rof-exp.is-moving .rof-exp__hint,.rof-exp.is-end .rof-exp__hint{opacity:0;animation:none}.rof-exp__static{position:relative;z-index:9;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.7rem;padding:6rem 1.4rem 4rem;text-align:center;background:#050505}.rof-exp__static[hidden]{display:none!important}.rof-exp__static img{width:min(28rem,82vw);height:auto;margin-bottom:1.4rem}@keyframes rof-exp-hint{0%,to{opacity:.22}50%{opacity:.55}}@media(max-width:749px){.rof-exp__scroll{height:560vh}.rof-exp__type[data-line=rules],.rof-exp__type[data-line=faith]{font-size:clamp(4.6rem,22vw,8rem)}.rof-exp__type[data-line=of],.rof-exp__type[data-line=diego]{font-size:clamp(3.4rem,18vw,6.2rem)}.rof-exp__caption{bottom:14vh;letter-spacing:.22em;font-size:.6rem}.rof-exp__end{bottom:8vh}}@media(prefers-reduced-motion:reduce){.rof-exp__hint,.rof-exp__grain,.rof-exp__canvas,.rof-exp__type,.rof-exp__caption,.rof-exp__end,.rof-exp__progress,.rof-exp__scroll{display:none!important}.rof-exp__static{display:flex!important}.rof-exp__wordmark{color:#f4f1ea8c}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/rof-experiment.css.map */