/* The panel is a continuation of the hero story, with a visible before-and-after. */
.day-in-the-business{width:390px;bottom:135px;background:#181511f7;border:1px solid #efbb7a99;box-shadow:0 18px 60px #0008,0 0 0 1px #0007;padding:20px 22px 16px}.day-heading{font-size:10px;letter-spacing:.12em;color:#f3ddc1}.day-clock{font-size:9px;color:#f4bf88}.day-title{height:58px;margin-bottom:8px}.day-title>span{font-size:25px;max-width:320px}.day-narrative{position:relative;min-height:66px;margin-bottom:13px}.day-narrative p{position:absolute;inset:0;font-size:13px;line-height:1.6;color:#eadfd0;max-width:330px}.day-narrative-before{opacity:calc(1 - var(--panel));transform:translate3d(0,calc(var(--panel)*-9px),0)}.day-narrative-after{opacity:var(--panel);transform:translate3d(0,calc((1 - var(--panel))*9px),0)}.day-phases{gap:20px}.day-phases button{font-size:11px;color:#d4c9ba}.day-item{font-size:12px;min-height:48px;padding-block:12px}.day-disclaimer{font-size:9px;color:#e1d3bd}.day-panel-track{margin-top:9px}.shift-control{padding:9px 12px;background:#16130fd9;border:1px solid #d2a77780;border-radius:3px}.shift-label{font-size:10px;letter-spacing:.1em}.shift-arrow{border-color:#d9b17f}
@media(min-width:701px) and (max-width:1100px){.day-in-the-business{width:340px;right:3%;bottom:130px}.day-title>span{font-size:22px}.day-narrative{min-height:68px}.day-narrative p{font-size:12px}.day-item{font-size:11px}}
@media(min-width:701px) and (max-height:750px){.day-in-the-business{bottom:104px;padding:14px 16px 12px}.day-title{height:48px;margin-bottom:4px}.day-title>span{font-size:21px}.day-narrative{min-height:55px;margin-bottom:6px}.day-narrative p{font-size:11px}.day-item{min-height:40px;padding-block:8px}.day-disclaimer{font-size:8px}.shift-label{font-size:9px}}
@media(max-width:700px){.day-in-the-business{width:100%;bottom:auto;margin-top:28px;padding:18px 17px 15px}.day-heading{font-size:9px}.day-title{height:48px}.day-title>span{font-size:22px}.day-narrative{min-height:68px;margin-bottom:11px}.day-narrative p{font-size:12px;line-height:1.6}.day-item{font-size:12px;min-height:45px}.day-disclaimer{font-size:8px}.day-phases button{font-size:11px}}
@media(prefers-reduced-motion:reduce){.day-narrative-before,.day-narrative-after{transform:none}}
@media(min-width:701px){.day-in-the-business{bottom:170px}}@media(min-width:701px) and (max-width:1100px){.day-in-the-business{bottom:165px}}@media(min-width:701px) and (max-height:750px){.day-in-the-business{bottom:145px}}
.day-in-the-business{opacity:var(--panel-exit,1)}
@media(max-width:700px), (prefers-reduced-motion:reduce){.day-in-the-business{opacity:1}}