.ow-dn{background:var(--ow-midnight-deep);color:var(--ow-cream)}.ow-dn__scene{display:none;--track: 330vh}.ow-js:not(.ow-static) .ow-dn__scene{display:block}.ow-js:not(.ow-static) .ow-dn__static{display:none}.ow-dn__scene{--t: clamp(0, calc((var(--p) - .28) / .42), 1);--a: clamp(0, calc((var(--p) - .18) / .34), 1);--b: clamp(0, calc((var(--p) - .42) / .34), 1)}.ow-dn__stage{min-height:600px;--h: min(60vh, 46vw);--floor: 18vh;color:rgb(calc(30 + 209 * var(--t)),calc(29 + 203 * var(--t)),calc(27 + 193 * var(--t)))}.ow-dn__sky{position:absolute;top:0;right:0;bottom:0;left:0}.ow-dn__sky--day{background:radial-gradient(ellipse 55% 60% at 82% 8%,rgba(255,236,196,.9),transparent 70%),linear-gradient(172deg,#f3e7d1,#e6d3b3 55%,#d4bd98)}.ow-dn__sky--dusk{opacity:min(calc(var(--t) * 2.2),calc(2.2 - var(--t) * 2.2));background:linear-gradient(176deg,#2b2a52,#8a6378 48%,#d39a83 82%,#e3b48e)}.ow-dn__sky--night{opacity:var(--t);background:radial-gradient(circle at 18% 16%,rgba(225,222,240,.22) 0 3.2vw,rgba(225,222,240,.06) 3.4vw,transparent 14vw),linear-gradient(176deg,#070b1d,#121a3a 55%,#1b2547)}.ow-dn__window{position:absolute;top:-10%;right:6%;width:46%;height:92%;display:flex;gap:4%;transform-origin:100% 0;transform:skew(calc(-12deg - var(--p) * 34deg)) translate(calc(var(--p) * -16vw));opacity:calc(.85 - var(--t) * .65);mix-blend-mode:soft-light;pointer-events:none}.ow-dn__window span{flex:1;background:linear-gradient(180deg,#fff6e1f2,#ffeecd66);filter:blur(2px)}.ow-dn__floor{position:absolute;left:0;right:0;bottom:0;height:var(--floor);box-shadow:inset 0 1px #fffaee99}.ow-dn__floor:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0f1530;opacity:calc(var(--t) * .78)}.ow-dn__top{position:absolute;top:clamp(88px,11vh,120px);left:0;right:0;display:flex;justify-content:space-between;z-index:3}.ow-dn__top span{opacity:.8}.ow-dn__products{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.ow-dn__item{position:absolute;bottom:calc(var(--floor) - 1vh);left:62%;height:var(--h);width:calc(var(--h) * .3056);transform-origin:50% 100%}.ow-dn__item .ow-render{position:relative;z-index:1;filter:drop-shadow(0 6px 8px rgba(20,14,8,.22))}.ow-dn__item--day{transform:translate3d(calc(-50% - var(--a) * 34vw),0,0) rotate(calc(var(--a) * -9deg));opacity:calc(1 - var(--a) * 1.15)}.ow-dn__item--night{transform:translate3d(calc(-50% + (1 - var(--b)) * 34vw),0,0) rotate(calc((1 - var(--b)) * 9deg));opacity:calc(var(--b) * 1.3)}.ow-dn__shadow{position:absolute;left:50%;bottom:-1.6vh;width:160%;height:4vh;border-radius:50%;background:radial-gradient(ellipse at 50% 50%,rgba(25,16,8,.55),transparent 70%);transform-origin:0 50%;transform:translate(-12%) skew(calc(-20deg - var(--p) * 50deg)) scaleX(calc(1 + var(--p) * 1.6));filter:blur(6px)}.ow-dn__copy{position:absolute;z-index:3;left:var(--ow-gutter);top:50%;width:min(40vw,620px);display:grid;gap:clamp(14px,2.2vh,26px)}.ow-dn__copy--day{opacity:calc(1 - var(--a) * 1.6);transform:translate3d(0,calc(-50% - var(--a) * 60px),0);color:var(--ow-ink)}.ow-dn__copy--night{opacity:calc(var(--b) * 1.6 - .4);transform:translate3d(0,calc(-50% + (1 - var(--b)) * 60px),0);color:var(--ow-cream)}.ow-dn__scene[data-phase="0"] .ow-dn__copy--night,.ow-dn__scene[data-phase="1"] .ow-dn__copy--day{visibility:hidden}.ow-dn__time{font-family:var(--font-heading-family);font-size:clamp(22px,2vw,32px);letter-spacing:.18em;margin:0}.ow-dn__dial{position:absolute;z-index:3;left:0;right:0;bottom:calc(var(--floor) * .42);display:flex;align-items:center;gap:20px}.ow-dn__track{position:relative;flex:1;height:1px;background:currentColor;opacity:.6}.ow-dn__dot{position:absolute;top:-4px;left:calc(var(--p) * 100%);width:9px;height:9px;margin-left:-4px;border-radius:50%;background:currentColor}.ow-dn__static{display:grid;grid-template-columns:1fr 1fr}.ow-dn__panel{display:grid;grid-template-rows:auto auto;align-content:center;gap:40px;padding:var(--ow-section) var(--ow-gutter)}.ow-dn__panel--day{background:linear-gradient(172deg,#f3e7d1,#dcc6a3);color:var(--ow-ink)}.ow-dn__panel--night{background:linear-gradient(176deg,#070b1d,#1b2547);color:var(--ow-cream)}.ow-dn__panel-visual{height:clamp(320px,42vw,620px);display:flex;justify-content:center}.ow-dn__panel-copy{display:grid;gap:18px}.ow-dn__closing{padding-top:var(--ow-section);padding-bottom:var(--ow-section);text-align:center;color:var(--ow-cream)}.ow-dn__closing .ow-display{margin:0 auto;max-width:16ch}@media screen and (max-width:749px){.ow-dn__scene{--track: 300vh}.ow-dn__stage{--h: min(44svh, 80vw);--floor: 13svh}.ow-dn__item{left:50%}.ow-dn__item--day{transform:translate3d(calc(-50% - var(--a) * 70vw),0,0) rotate(calc(var(--a) * -9deg))}.ow-dn__item--night{transform:translate3d(calc(-50% + (1 - var(--b)) * 70vw),0,0) rotate(calc((1 - var(--b)) * 9deg))}.ow-dn__copy{top:clamp(120px,17svh,170px);width:auto;right:var(--ow-gutter)}.ow-dn__copy--day{transform:translate3d(0,calc(var(--a) * -40px),0)}.ow-dn__copy--night{transform:translate3d(0,calc((1 - var(--b)) * 40px),0)}.ow-dn__copy .ow-display{font-size:clamp(56px,18vw,84px)}.ow-dn__copy .ow-body{font-size:15px}.ow-dn__window{width:80%;right:-10%}.ow-dn__static{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/75/assets/ow-day-night.css.map */