/* Keep the source closer to its native size instead of filling an ultrawide display. */
.hero{height:72svh;min-height:500px;max-height:800px;background:#181211}
.hero-film{max-width:1680px;left:50%;right:auto;transform:translateX(-50%)}
.hero-center{top:50%;transform:translate(-50%,-50%)}
.hero-logo{width:clamp(190px,16vw,270px);max-height:34svh}
.hero-center p{margin-top:18px}
.hero-center .line-link{margin-top:20px}
.hero-base{bottom:25px;max-width:1512px;margin-inline:auto}
@media(min-width:1900px){.hero-film:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#181211,transparent 9%,transparent 91%,#181211);pointer-events:none}}
@media(max-width:900px){.hero{height:62svh;min-height:430px;max-height:570px}.hero-logo{width:185px;max-height:25svh}.hero-center{top:51%}.hero-center p{margin-top:14px}.hero-center .line-link{margin-top:17px}.hero-base{bottom:19px}}
@media(max-height:600px) and (orientation:landscape){.hero{height:100svh;min-height:340px}.hero-logo{width:155px;max-height:37svh}.hero-center p{margin-top:8px}.hero-center .line-link{margin-top:12px}}