.hero-image {filter:grayscale(1);background-image:url("assets/timo.jpg")}
.hero-video {position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.035);filter:brightness(.72);opacity:0;pointer-events:none;transition:opacity .5s ease}
.hero-video.is-ready {opacity:1}
.hero::before {content:"";position:absolute;z-index:0;inset:auto 0 0;height:74px;background:linear-gradient(180deg,transparent,#111211);pointer-events:none}
.hero-content,.hero .down {z-index:1}
.hero-content {position:relative}
.hero-motion {position:absolute;right:max(var(--pad),calc((100% - var(--max))/2));bottom:12px;z-index:2;display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:#11121150;color:#eee8e1;cursor:pointer}
.hero-motion[hidden] {display:none}
.hero-motion:hover {background:#111211a0}
.hero-motion::before {content:"";box-sizing:border-box;width:10px;height:12px;border-inline:3px solid currentColor}
.hero-motion[data-paused]::before {width:0;height:0;border:0;border-block:6px solid transparent;border-left:9px solid currentColor;margin-left:2px}
@media(prefers-reduced-motion:reduce) {.hero-video,.hero-motion {display:none!important}}