.odh{position:relative;display:block;height:min(var(--odh-h,92vh),900px);min-height:560px;overflow:hidden;background:var(--odd-ink);isolation:isolate}.odh-slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transition:opacity 1s var(--odd-ease),visibility 1s;color:var(--odh-text,#fff)}.odh-slide.is-active{opacity:1;visibility:visible;z-index:1}.odh-media{position:relative;overflow:hidden;height:100%}.odh-media--full{position:absolute;top:0;right:0;bottom:0;left:0}.odh-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:var(--odh-focal,50% 50%);transform:scale(1.08);transition:transform 7s linear}.odh-slide.is-active .odh-img{transform:scale(1)}.odh-img--mobile{display:none}.odh-placeholder{background:var(--odd-sand);fill:#0003}.odh-media--full:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(0deg,rgba(20,19,19,var(--odh-shade,.55)),transparent 50%)}.odh-align--right .odh-media--full:after{background:linear-gradient(90deg,transparent 30%,rgba(20,19,19,var(--odh-shade,.55)) 100%),linear-gradient(0deg,rgba(20,19,19,var(--odh-shade,.55)),transparent 45%)}.odh-align--left .odh-media--full:after{background:linear-gradient(270deg,transparent 30%,rgba(20,19,19,var(--odh-shade,.55)) 100%),linear-gradient(0deg,rgba(20,19,19,var(--odh-shade,.55)),transparent 45%)}.odh-copy{position:relative;z-index:3;max-width:min(780px,92vw);color:var(--odh-text,#fff)}.odh-slide--full .odh-copy{position:absolute;bottom:clamp(96px,12vh,140px)}.odh-align--right.odh-slide--full .odh-copy{right:clamp(16px,5vw,80px);text-align:right}.odh-align--left.odh-slide--full .odh-copy{left:clamp(16px,5vw,80px)}.odh-eyebrow{margin-bottom:14px!important;opacity:.95}.odh-title{font-size:clamp(30px,5.2vw,80px)!important;color:inherit!important}.odh-title em{color:var(--odh-accent)}.odh-line{display:block;overflow:hidden;padding-bottom:.04em}.odh-line>span{display:block;transform:translateY(105%);transition:transform 1s var(--odd-ease)}.odh-slide.is-active .odh-line>span{transform:none}.odh-slide.is-active .odh-line:nth-child(2)>span{transition-delay:.12s}.odh-slide.is-active .odh-line:nth-child(3)>span{transition-delay:.24s}.odh-slide.is-active .odh-line:nth-child(4)>span{transition-delay:.36s}.odh-text{font-family:var(--odd-body);font-size:clamp(15px,1.3vw,18px);line-height:1.5;margin:18px 0 28px;max-width:520px;opacity:.92}.odh-align--right .odh-text{margin-left:auto}.odh-btns{display:flex;gap:14px;flex-wrap:wrap}.odh-align--right.odh-slide--full .odh-btns{justify-content:flex-end}.odh-split{display:grid;grid-template-columns:1fr 1fr;height:100%}.odh-pane{position:relative;display:flex;align-items:center;padding:0 clamp(20px,5vw,80px);background:var(--odh-panel);overflow:hidden}.odh-glow{position:absolute;width:420px;height:420px;border-radius:50%;filter:blur(70px);opacity:.45;pointer-events:none}.odh-glow--a{background:var(--odh-accent);left:-120px;top:-80px}.odh-glow--b{background:var(--odd-red);right:-160px;bottom:-140px}.odh-ui{position:absolute;z-index:5;left:clamp(16px,4vw,56px);bottom:28px;display:flex;align-items:center;gap:16px}.odh-bars{display:flex;gap:8px}.odh-bar{width:54px;height:16px;padding:6px 0;background:none;border:0;cursor:pointer}.odh-bar i{display:block;height:4px;border-radius:2px;background:#ffffff4d;position:relative;overflow:hidden}.odh-bar i:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;transform:scaleX(0);transform-origin:left}.odh-bar.is-active i:after{animation:odhFill var(--odh-speed,6s) linear forwards}.odh[data-autoplay=false] .odh-bar.is-active i:after{animation:none;transform:none}.odh.is-paused .odh-bar.is-active i:after{animation-play-state:paused}@keyframes odhFill{to{transform:scaleX(1)}}.odh-arrow{width:46px;height:46px;border-radius:50%;border:1.5px solid rgba(255,255,255,.6);background:#14131326;color:#fff;display:grid;place-items:center;cursor:pointer;transition:background .2s}.odh-arrow:hover{background:#fff3}.odh-sticker{position:absolute;z-index:6;width:132px;height:132px;top:36px;right:clamp(16px,4vw,56px);animation:odhSpin 16s linear infinite;pointer-events:none}.odh-sticker-ring{font-family:var(--odd-display);font-size:11.5px;letter-spacing:2.6px;fill:#fff}.odh-sticker-mid{font-family:var(--odd-display);font-size:20px;fill:#fff}@keyframes odhSpin{to{transform:rotate(360deg)}}.odh-marquee{position:relative;z-index:6;background:var(--odh-mq-bg,var(--odd-red));color:#fff;overflow:hidden;padding:9px 0;transform:rotate(-1.2deg);margin:-10px -10px 0;border-top:2px solid var(--odd-ink);border-bottom:2px solid var(--odd-ink)}.odh-marquee-track{display:flex;gap:32px;width:max-content;white-space:nowrap;animation:odhMarq 24s linear infinite;font-family:var(--odd-display);font-size:clamp(13px,1.6vw,18px);text-transform:uppercase;letter-spacing:.05em}.odh-marquee svg{width:16px;height:16px;flex:none;align-self:center}@keyframes odhMarq{to{transform:translate(-33.333%)}}.section-odday-hero{overflow-x:clip}@media(max-width:820px){.odh{height:max(var(--odh-hm,86vh),620px)}.odh-img--mobile{display:block}.odh-img--mobile+.odh-img--desktop{display:none}.odh-img{object-position:var(--odh-focal-m,50% 50%)}.odh-media--full:after,.odh-align--right .odh-media--full:after,.odh-align--left .odh-media--full:after{background:linear-gradient(0deg,rgba(20,19,19,.88) 0%,rgba(20,19,19,.5) 50%,transparent 100%)}.odh-slide--full .odh-copy,.odh-align--right.odh-slide--full .odh-copy{left:18px;right:18px;bottom:90px;text-align:left}.odh-title{font-size:clamp(28px,7.5vw,46px)!important;line-height:.98!important}.odh-align--right.odh-slide--full .odh-btns{justify-content:flex-start}.odh-align--right .odh-text{margin-left:0}.odh-text{margin:10px 0 18px;font-size:15px;line-height:1.45}.odh-split{display:flex;flex-direction:column;height:100%}.odh-split .odh-media{order:1;flex:1 1 50%;min-height:280px;height:50%}.odh-split .odh-pane{order:2;flex:1 1 50%;padding:24px 20px 85px;align-items:flex-start;background:var(--odh-panel,#1D2847);z-index:2}.odh-sticker{width:86px;height:86px;top:14px;right:14px}.odh-ui{left:18px;bottom:22px;gap:12px}.odh-bar{width:40px}.odh-btns{gap:10px}.odh-btns .odd-btn{padding:13px 20px;font-size:11px}}@media(prefers-reduced-motion:reduce){.odh-img,.odh-line>span,.odh-sticker,.odh-marquee-track{transition:none!important;animation:none!important;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/odday-hero.css.map */