.heroMedia.dailyHero{display:flex;flex-direction:column;min-width:0;background:#eee8de;padding:24px;align-self:stretch;overflow:hidden}
.dailyHeroStage{height:clamp(340px,42vw,620px);width:100%;display:flex;align-items:center;justify-content:center;touch-action:pan-y;cursor:grab;user-select:none;outline-offset:4px}
.dailyHeroStage:active{cursor:grabbing}
.heroMedia.dailyHero .dailyHeroStage img{position:static;width:100%;height:100%;object-fit:contain;pointer-events:none;min-height:0}
.dailyHeroFooter{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:68px;padding-top:18px}
.dailyHeroTitle{font:20px/1.2 Georgia,serif;max-width:65%;color:inherit}
.dailyHeroControls{display:flex;gap:12px;align-items:center;white-space:nowrap}
.dailyHeroControls button{width:44px;height:44px;border:1px solid #b7a68e;border-radius:50%;background:transparent;color:#3b352e;font-size:22px;cursor:pointer}
.dailyHeroControls button:hover{background:#ded3c3}.dailyHeroControls button:focus-visible{outline:2px solid #80603d;outline-offset:3px}
.dailyHeroControls span{font-size:11px;min-width:34px;text-align:center;font-variant-numeric:tabular-nums}
@media(max-width:800px){.heroMedia.dailyHero{min-height:0;padding:16px}.dailyHeroStage{height:390px;height:clamp(300px,100vw,490px)}.dailyHeroTitle{font-size:17px}.dailyHeroControls{gap:7px}.dailyHeroFooter{gap:10px}}
.hero{align-items:center}
.heroMedia.dailyHero{position:relative;display:block;padding:0;min-height:0;align-self:center;aspect-ratio:16/9;background:#332d25}
.heroMedia.dailyHero .dailyHeroStage{height:auto;aspect-ratio:16/9;display:block}
.heroMedia.dailyHero .dailyHeroStage img{display:block;width:100%;height:100%;object-fit:cover}
.dailyHeroFooter{position:absolute;bottom:0;left:0;right:0;min-height:0;padding:32px 24px 20px;background:linear-gradient(transparent,rgba(0,0,0,.72));color:white;pointer-events:none}
.dailyHeroTitle{color:#fff;font:clamp(20px,2.3vw,34px)/1.15 Georgia,serif;text-shadow:0 1px 5px #0008;max-width:75%;pointer-events:auto}
.dailyHeroControls{pointer-events:auto}
.dailyHeroControls button{color:white;border-color:#ffffffa0;background:#17130f30;backdrop-filter:blur(5px)}
.dailyHeroControls button:hover{background:#17130f80}
@media(max-width:800px){.heroMedia.dailyHero{padding:0;min-height:0}.heroMedia.dailyHero .dailyHeroStage{height:auto}.dailyHeroFooter{padding:25px 14px 12px}.dailyHeroTitle{font-size:20px;max-width:66%}.dailyHeroControls{gap:6px}.dailyHeroControls button{width:36px;height:36px;font-size:20px}}
@media(max-width:800px){.heroMedia.dailyHero{width:calc(100% + 30px);max-width:none;margin-left:-15px;margin-right:-15px}}