.shopify-section--oud-for-grace-hero{position:relative;z-index:3}.oud-for-grace-hero{--ofg-hero-packshot-height:42svh;--navigation-height:calc(var(--announcement-bar-height, 0px) + var(--header-height, 0px));overflow:hidden;position:relative}.oud-for-grace-hero__media,.oud-for-grace-hero__video{height:100%;top:0;right:0;bottom:0;left:0;position:absolute;width:100%;z-index:2}.oud-for-grace-hero__video img,.oud-for-grace-hero__video video{height:100%;object-fit:cover;width:100%}.oud-for-grace-hero__skip{background:#0000;border:1px solid color-mix(in srgb,currentcolor 40%,#0000);border-radius:var(--rounded-full, 999px);color:currentcolor;cursor:pointer;font-size:var(--font-body-xs);inset-block-end:var(--spacing-4);inset-inline-end:var(--spacing-4);letter-spacing:.08em;opacity:.75;padding:var(--spacing-2) var(--spacing-4);position:absolute;text-transform:uppercase;transition:opacity .3s ease;z-index:4}.oud-for-grace-hero__skip:hover{opacity:1}.oud-for-grace-hero__skip[hidden]{display:none}.oud-for-grace-hero__stage{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-5);top:0;right:0;bottom:0;left:0;padding:var(--spacing-8) var(--spacing-5);pointer-events:none;position:absolute;text-align:center}.oud-for-grace-hero__stage .oud-for-grace-hero__skip,.oud-for-grace-hero__stage [data-ofg-actions],.oud-for-grace-hero__stage [data-ofg-scroll]{pointer-events:auto}.oud-for-grace-hero__packshot{flex:0 0 auto;height:var(--ofg-hero-packshot-height);z-index:1}.oud-for-grace-hero__packshot img,.oud-for-grace-hero__packshot-image{display:block;height:100%;margin-inline:auto;object-fit:contain;width:auto}.oud-for-grace-hero__title{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-2);margin-top:var(--spacing-4);z-index:3}.oud-for-grace-hero__heading{font-size:4rem;margin-bottom:0!important}.oud-for-grace-hero__heading,.oud-for-grace-hero__subheading{color:var(--ofg-content-color, #000);text-box:trim-both cap alphabetic}.oud-for-grace-hero__subheading{font-size:var(--font-body-xs);letter-spacing:.12em;margin-bottom:0;margin-top:var(--spacing-2);text-transform:uppercase}.oud-for-grace-hero__actions{width:min(100%,42rem);z-index:3}.oud-for-grace-hero__actions,.oud-for-grace-hero__form{display:flex;flex-direction:column;gap:var(--spacing-4)}.oud-for-grace-hero__price-row{align-items:center;display:flex;font-size:var(--font-body-sm);justify-content:space-between}.oud-for-grace-hero__price-row .variant-selector,.oud-for-grace-hero__submit{width:100%}.oud-for-grace-hero__scroll{align-items:center;background:#0000;border:0;color:var(--ofg-content-color, #000);cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-2);inset-block-end:var(--spacing-5);left:50%;position:absolute;transform:translate(-50%);z-index:3}.oud-for-grace-hero__scroll-text{font-size:var(--font-body-xs);letter-spacing:.12em;text-transform:uppercase}.oud-for-grace-hero--has-video[data-ofg-hero]:not([data-ofg-ready]) [data-ofg-actions],.oud-for-grace-hero--has-video[data-ofg-hero]:not([data-ofg-ready]) [data-ofg-packshot],.oud-for-grace-hero--has-video[data-ofg-hero]:not([data-ofg-ready]) [data-ofg-scroll],.oud-for-grace-hero--has-video[data-ofg-hero]:not([data-ofg-ready]) [data-ofg-title]{opacity:0}html.oud-for-grace-hero--locked{overflow:hidden!important}@media(max-width:767px),screen and (max-width:767px)and (-webkit-min-device-pixel-ratio:1){.oud-for-grace-hero{min-height:calc(100svh - var(--navigation-height))}.oud-for-grace-hero__video--desktop{display:none}.oud-for-grace-hero__packshot{max-height:40svh}.oud-for-grace-hero__heading{font-size:3.2rem}}@media(min-width:768px),screen and (min-width:768px)and (-webkit-min-device-pixel-ratio:1){.oud-for-grace-hero{height:calc(100svh - var(--navigation-height))}.oud-for-grace-hero__video--mobile{display:none}.oud-for-grace-hero__stage{justify-content:center}}@media(min-width:1025px),screen and (min-width:1025px)and (-webkit-min-device-pixel-ratio:1){.oud-for-grace-hero{--ofg-hero-packshot-height:46svh}}@media(min-width:768px)and (max-height:840px),screen and (min-width:768px)and (-webkit-min-device-pixel-ratio:1)and (max-height:840px){.oud-for-grace-hero__scroll{display:none}}@media(prefers-reduced-motion:reduce){.oud-for-grace-hero [data-ofg-actions],.oud-for-grace-hero [data-ofg-packshot],.oud-for-grace-hero [data-ofg-scroll],.oud-for-grace-hero [data-ofg-title]{opacity:1!important}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/oud-for-grace-hero.bundle.css.map */