.cinematic-banner .cinematic-banner-inner{position:relative;width:100%;height:500px;background:#000;color:#fff;font-family:"Oswald",sans-serif;overflow:hidden;height:92vh;display:flex;align-items:center;justify-content:center;border-top:1px solid #fff}.cinematic-banner .cinematic-banner-inner::before,.cinematic-banner .cinematic-banner-inner::after{content:"";position:absolute;left:50%;top:0;width:1px;height:100%;background:#fff}.cinematic-banner .cinematic-banner-inner::after{top:50%;left:5%;width:88%;height:1px}.cinematic-banner .cinematic-banner-inner--rec-box{position:absolute;top:132px;left:52px;font-size:18px;display:block;gap:8px;background-color:#000;padding:22px}.cinematic-banner .cinematic-banner-inner--rec-box::before,.cinematic-banner .cinematic-banner-inner--rec-box::after{content:"";position:absolute;width:2px;height:100px;color:#fff;background:#fff}.cinematic-banner .cinematic-banner-inner--rec-box::before{background-color:#fff;width:82px;height:2px;top:0;left:0}.cinematic-banner .cinematic-banner-inner--rec-box::after{background-color:#fff;width:2px;height:82px;top:0;left:0}.cinematic-banner .cinematic-banner-inner--rec-text{font-size:32px;color:#cc9602}.cinematic-banner .cinematic-banner-inner--grid-line{position:absolute;background-color:#fff;pointer-events:none}.cinematic-banner .cinematic-banner-inner--grid-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.cinematic-banner .cinematic-banner-inner--grid-line.h-1{top:20%;height:1px;width:76%;left:12%}.cinematic-banner .cinematic-banner-inner--grid-line.h-2{top:50%;height:1px;width:82%;left:10.5%}.cinematic-banner .cinematic-banner-inner--grid-line.h-3{top:87%;height:1px;width:82%;left:10.5%}.cinematic-banner .cinematic-banner-inner--grid-line.v-1{left:28%;width:1px;height:100%}.cinematic-banner .cinematic-banner-inner--grid-line.v-2{left:73%;width:1px;height:100%}.cinematic-banner .cinematic-banner-inner--center-crosshair{position:absolute;top:50%;left:50%;width:182px;height:182px;border-radius:50%;transform:translate(-50%, -50%);pointer-events:none;z-index:1;border:1px solid #fff;background-color:#000}.cinematic-banner .center-crosshair::after{width:1px;height:30px}.cinematic-banner .cinematic-banner-inner--rec-dot{width:32px;height:32px;background:#d6a228;border-radius:50%;display:inline-block}.cinematic-banner .cinematic-banner-inner--rec-time{margin-left:5px}.cinematic-banner .cinematic-banner-inner--camera-info{position:absolute;top:132px;right:52px;text-align:right;font-size:16px;padding:22px;background-color:#000}.cinematic-banner .cinematic-banner-inner--camera-info::before,.cinematic-banner .cinematic-banner-inner--camera-info::after{content:"";position:absolute;width:2px;height:100px;color:#fff;background:#fff}.cinematic-banner .cinematic-banner-inner--camera-info::before{background-color:#fff;width:82px;height:2px;top:0;right:0}.cinematic-banner .cinematic-banner-inner--camera-info::after{background-color:#fff;width:2px;height:82px;top:0;right:0}.cinematic-banner .cinematic-banner-inner--banner-title{font-size:116px;letter-spacing:6px;font-weight:300;text-align:center;font-family:"Gobold High",Sans-serif;padding:12px;z-index:1;margin:0;background-color:#000;color:#fff}.cinematic-banner .cinematic-banner-inner--camera-settings{position:absolute;bottom:52px;left:52px;font-size:14px;opacity:.85;background-color:#000;padding:22px}.cinematic-banner .cinematic-banner-inner--camera-settings>div{display:flex;align-items:center;gap:8px;margin-bottom:8px}.cinematic-banner-inner--camera-settings::before,.cinematic-banner-inner--camera-settings::after{content:"";position:absolute;width:2px;height:100px;color:#fff;background:#fff}.cinematic-banner-inner--camera-settings::before{background-color:#fff;width:2px;height:82px;bottom:0;left:0}.cinematic-banner-inner--camera-settings::after{background-color:#fff;width:82px;height:2px;bottom:0;left:0}.cinematic-banner .cinematic-banner-inner--battery-box{position:absolute;bottom:52px;right:52px;font-size:14px;padding:22px;background-color:#000}.cinematic-banner .cinematic-banner-inner--battery-box::before,.cinematic-banner .cinematic-banner-inner--battery-box::after{content:"";position:absolute;width:2px;height:100px;color:#fff;background:#fff}.cinematic-banner .cinematic-banner-inner--battery-box::before{background-color:#fff;width:2px;height:82px;bottom:0;right:0}.cinematic-banner .cinematic-banner-inner--battery-box::after{background-color:#fff;width:82px;height:2px;bottom:0;right:0}.cinematic-banner .cinematic-banner-inner--battery-icon{display:block}@keyframes outlastFlicker{0%{opacity:1}10%{opacity:.2}18%{opacity:.7}30%{opacity:.1}38%{opacity:1}52%{opacity:.3}67%{opacity:.8}82%{opacity:.15}100%{opacity:1}}.cinematic-banner .cinematic-banner-inner--scroll-indicator{position:absolute;bottom:10%;transform:translateX(-50%);text-align:center;animation:arrowBounce 1.2s infinite ease-in-out}@keyframes arrowBounce{0%{transform:translateY(0)}40%{transform:translateY(6px)}60%{transform:translateY(0)}80%{transform:translateY(4px)}100%{transform:translateY(0)}}.cinematic-banner .cinematic-banner-inner--scroll-indicator span{font-size:12px;letter-spacing:3px;color:#d6a228}.cinematic-banner .cinematic-banner-inner--scroll-indicator span a{color:#d6a228}.cinematic-banner .cinematic-banner-inner--arrow{display:block}.cinematic-banner .cinematic-banner-inner--ruler{width:100%;max-width:500px;text-align:center;color:#fff;font-family:Arial,sans-serif;position:absolute;bottom:42px;left:50%;transform:translateX(-50%);max-width:222px}.cinematic-banner .cinematic-banner-inner--ruler-lines{position:relative;height:22px;margin-bottom:5px}.cinematic-banner .cinematic-banner-inner--ruler-lines::before{content:"";position:absolute;left:0;right:0;height:100%;background:repeating-linear-gradient(to right, white 0px, white 1px, transparent 1px, transparent 2.5%)}.cinematic-banner .cinematic-banner-inner--ruler-lines::after{content:"";position:absolute;left:0;right:0;height:100%;background:repeating-linear-gradient(to right, transparent 0, transparent calc(12.5% - 1px), white calc(12.5% - 1px), white 12.5%);mask:linear-gradient(to bottom, black 70%, transparent 0)}.cinematic-banner .cinematic-banner-inner--ruler-numbers{display:flex;justify-content:space-between;font-size:14px;font-weight:600;opacity:.9}.cinematic-banner-inner--outlast-meter{display:flex;gap:8px;justify-content:center;align-items:flex-end;position:absolute;right:52px}.cinematic-banner-inner--outlast-meter-column{display:flex;flex-direction:column;align-items:center}.cinematic-banner-inner--outlast-led-bar{width:26px;height:260px;background:repeating-linear-gradient(to bottom, #fff 0px 2px, #000 0px 6px);position:relative;overflow:hidden}.cinematic-banner-inner--outlast-led-bar::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:100%;mix-blend-mode:lighten;background:linear-gradient(to top, #ff0000 0%, #ffcc00 30%, rgba(255, 255, 255, 0.2) 70%, transparent 85%);transform-origin:bottom;animation:outlastHeight 1.8s infinite ease-in-out,outlastFlicker .12s infinite alternate}.cinematic-banner-inner--outlast-meter-label{color:#ccc;margin-top:14px;font-size:20px;font-weight:bold;font-family:sans-serif;letter-spacing:3px}@keyframes outlastHeight{0%{transform:scaleY(0.15)}20%{transform:scaleY(0.85)}35%{transform:scaleY(0.3)}55%{transform:scaleY(1)}70%{transform:scaleY(0.4)}100%{transform:scaleY(0.2)}}@keyframes outlastFlicker{0%{opacity:.85}100%{opacity:1}}.cinematic-banner-inner--outlast-led-bar.right::before{animation-delay:.35s}@media(max-width: 600px){.cinematic-banner-inner--outlast-led-bar{width:16px;height:180px}.cinematic-banner-inner--outlast-meter-label{font-size:16px}}@media screen and (max-width: 1199px){.cinematic-banner .cinematic-banner-inner--banner-title{font-size:76px;max-width:991px}.cinematic-banner .cinematic-banner-inner--center-crosshair{width:128px;height:128px}}@media screen and (max-width: 991px){.cinematic-banner .cinematic-banner-inner--banner-title{font-size:62px}.cinematic-banner .cinematic-banner-inner--center-crosshair{width:110px;height:110px}.cinematic-banner .cinematic-banner-inner--grid-line.v-1{left:28%}.cinematic-banner .cinematic-banner-inner--grid-line.v-2{left:74%}.cinematic-banner .cinematic-banner-inner--rec-box{top:32px;left:32px;padding:18px}.cinematic-banner .cinematic-banner-inner--camera-info{top:32px;right:32px;padding:18px}.cinematic-banner .cinematic-banner-inner--camera-settings{bottom:32px;left:32px;padding:18px}.cinematic-banner .cinematic-banner-inner--battery-box{bottom:32px;right:32px;padding:18px}.cinematic-banner .cinematic-banner-inner--rec-text{font-size:28px}.cinematic-banner .cinematic-banner-inner--rec-dot{width:28px;height:28px}.cinematic-banner-inner--outlast-meter{right:32px}}@media screen and (max-width: 767px){.cinematic-banner .cinematic-banner-inner{height:90vh}.cinematic-banner .cinematic-banner-inner--banner-title{font-size:42px;max-width:500px}.cinematic-banner .cinematic-banner-inner--grid-line.v-1{left:24%}.cinematic-banner .cinematic-banner-inner--grid-line.v-2{left:76%}.cinematic-banner .cinematic-banner-inner--rec-box{top:22px;left:22px;padding:16px}.cinematic-banner .cinematic-banner-inner--camera-info{top:22px;right:22px;padding:16px}.cinematic-banner .cinematic-banner-inner--camera-settings{bottom:22px;left:22px;padding:16px}.cinematic-banner .cinematic-banner-inner--battery-box{bottom:22px;right:22px;padding:16px}.cinematic-banner-inner--outlast-meter{right:22px}.cinematic-banner .cinematic-banner-inner--rec-text{font-size:22px}.cinematic-banner .cinematic-banner-inner--rec-dot{width:22px;height:22px}}@media screen and (max-width: 575px){.cinematic-banner .cinematic-banner-inner{height:80vh}.cinematic-banner .cinematic-banner-inner--camera-info,.cinematic-banner .cinematic-banner-inner--rec-box{font-size:14px}.cinematic-banner .cinematic-banner-inner--banner-title{top:38%;max-width:375px;font-size:32px}.cinematic-banner .cinematic-banner-inner--scroll-indicator{bottom:26%}.cinematic-banner .cinematic-banner-inner--ruler{bottom:20%}.cinematic-banner .cinematic-banner-inner--grid-line.h-2{top:32%}.cinematic-banner-inner--outlast-meter{right:22px;bottom:58%}.cinematic-banner-inner--outlast-led-bar{height:100px}}