.section-rof-yard-film{margin:0!important;padding:0!important}html:has(.rof-yard),body:has(.rof-yard){background:#050505!important;height:100%}body:has(.rof-yard){overflow:hidden}body:has(.rof-yard) .shopify-section-group-header-group,body:has(.rof-yard) .shopify-section-group-footer-group,body:has(.rof-yard) sticky-header,body:has(.rof-yard) .header-wrapper,body:has(.rof-yard) footer,body:has(.rof-yard) .announcement-bar,body:has(.rof-yard) .skip-to-content-link,body:has(.rof-yard) #shopify-section-header,body:has(.rof-yard) [id*=announcement],body:has(.rof-yard) [id*=footer],body:has(.rof-yard) #shopify-chat,body:has(.rof-yard) shopify-chat,body:has(.rof-yard) #dummy-chat-button-iframe,body:has(.rof-yard) [aria-label*="Shop with AI"],body:has(.rof-yard) [aria-label*="Shopping Agent"]{display:none!important}body:has(.rof-yard) #MainContent,body:has(.rof-yard) .content-for-layout{padding:0!important;margin:0!important;max-width:none!important}.rof-yard,.rof-yard *{box-sizing:border-box}.rof-yard{--yard-ease: cubic-bezier(.77, 0, .18, 1);position:relative;width:100%;min-height:100svh;height:100svh;background:#050505;color:#fff;overflow:hidden;isolation:isolate}.rof-yard__stage{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#050505}.rof-yard__video{width:100%;height:100%;object-fit:contain;background:#050505;opacity:0;transform:scale(1.03);transition:opacity .9s var(--yard-ease),transform 1.4s var(--yard-ease)}.rof-yard.is-playing .rof-yard__video,.rof-yard.is-ended .rof-yard__video{opacity:1;transform:none}.rof-yard__gate{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;flex-direction:column;pointer-events:none}.rof-yard__slat{flex:1 0 0;min-height:0;background:linear-gradient(180deg,rgba(255,255,255,.07),transparent 28%,rgba(0,0,0,.35)),repeating-linear-gradient(90deg,#1c1c1c 0 10px,#141414 10px 12px,#1a1a1a 12px 22px);box-shadow:inset 0 1px #ffffff14,inset 0 -1px #0000008c;transform:translateZ(0);transition:transform 1.15s var(--yard-ease);will-change:transform}.rof-yard.is-opening .rof-yard__slat,.rof-yard.is-playing .rof-yard__slat,.rof-yard.is-ended .rof-yard__slat{transform:translate3d(0,calc(-108svh - 8%),0)}.rof-yard__slat:nth-child(1){transition-delay:0ms}.rof-yard__slat:nth-child(2){transition-delay:45ms}.rof-yard__slat:nth-child(3){transition-delay:90ms}.rof-yard__slat:nth-child(4){transition-delay:.13s}.rof-yard__slat:nth-child(5){transition-delay:.17s}.rof-yard__slat:nth-child(6){transition-delay:.21s}.rof-yard__slat:nth-child(7){transition-delay:.25s}.rof-yard__slat:nth-child(8){transition-delay:.29s}.rof-yard__slat:nth-child(9){transition-delay:.33s}.rof-yard__slat:nth-child(10){transition-delay:.37s}.rof-yard__slat:nth-child(11){transition-delay:.41s}.rof-yard__slat:nth-child(12){transition-delay:.41s}.rof-yard__bleed{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;background:radial-gradient(120% 80% at 50% 110%,rgba(255,255,255,.14),transparent 46%);opacity:0;transition:opacity .6s ease}.rof-yard.is-opening .rof-yard__bleed{opacity:1}.rof-yard.is-playing .rof-yard__bleed,.rof-yard.is-ended .rof-yard__bleed{opacity:0}.rof-yard__wordmark{position:absolute;top:max(18px,env(safe-area-inset-top));left:clamp(16px,3vw,36px);z-index:8;margin:0;font-family:var(--font-body-family, Archivo, system-ui, sans-serif);font-size:11px;font-weight:500;letter-spacing:.28em;text-transform:uppercase;text-decoration:none;color:#fff;opacity:.88}.rof-yard.is-playing .rof-yard__wordmark{opacity:.55}.rof-yard__wordmark:hover{opacity:1}.rof-yard__hud{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(72px,12vh,120px) clamp(16px,4vw,40px) clamp(56px,10vh,96px);text-align:center;background:linear-gradient(180deg,#0505052e,#0505056b 48%,#0505059e);opacity:1;transform:none;transition:opacity .55s var(--yard-ease),transform .7s var(--yard-ease)}.rof-yard.is-opening .rof-yard__hud,.rof-yard.is-playing .rof-yard__hud{opacity:0;transform:translateY(-12px);pointer-events:none}.rof-yard.is-ended .rof-yard__hud{opacity:1;transform:none;pointer-events:auto;background:linear-gradient(180deg,#0505056b,#050505b3 52%,#050505db)}.rof-yard.is-return .rof-yard__hud{background:linear-gradient(180deg,#05050561,#0505059e 50%,#050505c7)}.rof-yard.is-ended:not(.is-return) .rof-yard__brand,.rof-yard.is-ended:not(.is-return) .rof-yard__season,.rof-yard.is-ended:not(.is-return) .rof-yard__title,.rof-yard.is-ended:not(.is-return) .rof-yard__tagline{display:none}.rof-yard.is-ended:not(.is-return) .rof-yard__hud{justify-content:flex-end;padding-bottom:clamp(48px,10vh,96px)}.rof-yard__brand,.rof-yard__season,.rof-yard__tagline,.rof-yard__drop{margin:0;font-family:var(--font-body-family, Archivo, system-ui, sans-serif);font-weight:500;text-transform:uppercase}.rof-yard__brand{font-size:clamp(11px,1.35vw,14px);letter-spacing:.28em}.rof-yard__season{margin-top:.55em;font-size:clamp(10px,1.2vw,13px);letter-spacing:.32em;opacity:.92}.rof-yard__title{margin:clamp(14px,2.2vh,22px) 0 0;font-family:Times New Roman,Times,Georgia,serif;font-weight:400;font-size:clamp(42px,9.5vw,92px);letter-spacing:.04em;line-height:.95;text-transform:uppercase;text-shadow:0 2px 28px rgba(0,0,0,.45);display:flex;flex-direction:column;align-items:center}.rof-yard__title-sub{display:block;margin-top:.18em;font-size:.22em;letter-spacing:.55em;line-height:1.1;text-indent:.55em}.rof-yard__tagline,.rof-yard__drop{margin-top:clamp(10px,1.6vh,16px);font-size:clamp(11px,1.45vw,15px);letter-spacing:.22em;line-height:1.35}.rof-yard__drop{margin-top:.55em}.rof-yard__countdown{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,3.5vw,40px);margin:clamp(18px,3vh,28px) 0 0;width:min(420px,92vw)}.rof-yard.is-sealed .rof-yard__countdown,.rof-yard.is-opening .rof-yard__countdown,.rof-yard.is-playing .rof-yard__countdown{display:none}.rof-yard__unit{display:flex;flex-direction:column;align-items:center}.rof-yard__value{font-family:Times New Roman,Times,Georgia,serif;font-size:clamp(26px,5vw,40px);font-weight:400;line-height:1;letter-spacing:.02em;font-variant-numeric:tabular-nums}.rof-yard__label{margin-top:.45em;font-family:var(--font-body-family, Archivo, system-ui, sans-serif);font-size:clamp(8px,1.05vw,10px);font-weight:500;letter-spacing:.28em;text-transform:uppercase;opacity:.85}.rof-yard__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:clamp(22px,3.5vh,34px);width:100%}.rof-yard__btn{display:inline-flex;align-items:center;justify-content:center;min-width:min(220px,calc(50% - 6px));min-height:48px;padding:.85em 1.4em;border:1px solid rgba(255,255,255,.92);background:transparent;color:#fff;font-family:var(--font-body-family, Archivo, system-ui, sans-serif);font-size:clamp(11px,1.25vw,13px);font-weight:600;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;line-height:1.2;cursor:pointer;-webkit-appearance:none;appearance:none;transition:background-color .2s ease,color .2s ease}.rof-yard__btn--solid{background:#ecececf5;border-color:#ecececf5;color:#111}.rof-yard__btn--solid:hover{background:#fff}.rof-yard__btn--ghost:hover{background:#ffffff1f}.rof-yard.is-ended .rof-yard__actions{max-width:min(760px,100%)}.rof-yard.is-ended .rof-yard__btn{min-width:min(240px,calc(50% - 6px))}.rof-yard__btn--again,.rof-yard__btn--shop,.rof-yard [data-rof-yard-early]{display:none}.rof-yard.is-ended .rof-yard__btn--again,.rof-yard.is-ended .rof-yard__btn--shop,.rof-yard.is-ended [data-rof-yard-early]{display:inline-flex}.rof-yard.is-sealed .rof-yard__btn--enter{display:inline-flex;min-width:min(280px,92vw)}.rof-yard.is-opening .rof-yard__btn--enter,.rof-yard.is-playing .rof-yard__btn--enter,.rof-yard.is-ended .rof-yard__btn--enter{display:none}.rof-yard__controls{position:absolute;top:max(12px,env(safe-area-inset-top));right:clamp(12px,3vw,28px);z-index:8;display:flex;gap:10px;opacity:0;pointer-events:none;transition:opacity .35s ease}.rof-yard.is-playing .rof-yard__controls{opacity:1;pointer-events:auto}.rof-yard__icon-btn{width:44px;height:44px;border:1px solid rgba(255,255,255,.55);background:#05050559;color:#fff;cursor:pointer;display:grid;place-items:center}.rof-yard__icon-btn:hover{background:#ffffff1f}.rof-yard__icon-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6}.rof-yard-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10050;display:flex;align-items:center;justify-content:center;padding:20px}.rof-yard-modal[hidden]{display:none!important}.rof-yard-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#000000b8,#080808e0);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.rof-yard-modal__dialog{position:relative;z-index:1;width:min(440px,100%);padding:clamp(28px,4vw,40px) clamp(22px,3.5vw,36px) clamp(26px,3.5vw,36px);background:linear-gradient(165deg,#1c1c1cfa,#0a0a0afa 55%,#060606fc);border:1px solid rgba(255,255,255,.18);box-shadow:0 24px 80px #0000008c;text-align:center}.rof-yard-modal__close{position:absolute;top:10px;right:12px;border:0;background:transparent;color:#fff;font-size:22px;line-height:1;cursor:pointer}.rof-yard-modal__brand,.rof-yard-modal__eyebrow{margin:0;font-family:var(--font-body-family, Archivo, system-ui, sans-serif);letter-spacing:.24em;text-transform:uppercase}.rof-yard-modal__brand{font-size:11px}.rof-yard-modal__eyebrow{margin-top:10px;font-size:10px;opacity:.7}.rof-yard-modal__title{margin:18px 0 0;font-family:Times New Roman,Times,Georgia,serif;font-size:clamp(28px,5vw,36px);font-weight:400;letter-spacing:.06em;text-transform:uppercase}.rof-yard-modal__body{margin:12px 0 0;font-family:var(--font-body-family, Archivo, system-ui, sans-serif);font-size:13px;letter-spacing:.06em;line-height:1.5;opacity:.82}.rof-yard-modal__fields{display:flex;align-items:stretch;width:100%;margin-top:22px;border:1px solid rgba(255,255,255,.35);background:#00000059}.rof-yard-modal__input{flex:1 1 auto;min-width:0;height:48px;padding:0 1em;border:0;background:transparent;color:#fff;font-family:var(--font-body-family, Archivo, system-ui, sans-serif);font-size:clamp(11px,1.1vw,12px);font-weight:500;letter-spacing:.14em;text-transform:uppercase;outline:none}.rof-yard-modal__input::placeholder{color:#ffffff73}.rof-yard-modal__submit,.rof-yard-modal__done{flex:0 0 auto;height:48px;padding:0 1.15em;border:0;border-left:1px solid rgba(255,255,255,.35);background:#ececec;color:#111;font-family:var(--font-body-family, Archivo, system-ui, sans-serif);font-size:clamp(10px,1.05vw,12px);font-weight:600;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}.rof-yard-modal__done{display:inline-flex;align-items:center;justify-content:center;margin-top:22px;min-width:160px;border:1px solid rgba(236,236,236,.96);border-left:1px solid rgba(236,236,236,.96)}.rof-yard-modal__message{margin:12px 0 0;font-size:12px}.rof-yard-modal__message--error{color:#ffb4b4}.rof-yard-modal .visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}@media(max-width:749px){.rof-yard__btn,.rof-yard.is-ended .rof-yard__btn{min-width:100%}.rof-yard-modal__fields{flex-direction:column}.rof-yard-modal__submit{border-left:0;border-top:1px solid rgba(255,255,255,.35)}}@media(prefers-reduced-motion:reduce){.rof-yard__slat,.rof-yard__video,.rof-yard__hud,.rof-yard__bleed{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/rof-yard-film.css.map */