/* Same footage, framing, ignition loader and light sweep as hunterboom.com. */
.hbs-opening{position:fixed;inset:0;z-index:10000;width:100%;height:100svh;overflow:hidden;background:#080504;color:#f6d7ac;isolation:isolate}
.hbs-opening-stage{position:absolute;inset:0;overflow:hidden}
.hbs-opening-video{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);display:block;width:min(78vw,138.67svh,1280px);height:auto;max-width:none;object-fit:contain;pointer-events:none;mix-blend-mode:lighten;opacity:1;--frame-feather:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.12) 1%,rgba(0,0,0,.5) 2.5%,rgba(0,0,0,.85) 4.5%,#000 7%,#000 90%,rgba(0,0,0,.5) 96%,transparent 100%),linear-gradient(to right,transparent 0%,rgba(0,0,0,.5) 5%,#000 12%,#000 88%,rgba(0,0,0,.5) 95%,transparent 100%);-webkit-mask-image:var(--frame-feather);mask-image:var(--frame-feather);-webkit-mask-composite:source-in;mask-composite:intersect}
.hbs-opening-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:26px;padding-bottom:8svh;background:#080504;z-index:2;opacity:1;visibility:visible;transition:opacity .3s ease,visibility .3s;pointer-events:none}
.hbs-opening[data-intro-presented="true"]:is([data-intro-state="playing"],[data-intro-state="complete"],[data-intro-state="outro"]) .hbs-opening-loading{opacity:0;visibility:hidden}
.hbs-opening[data-intro-state="buffering"] .hbs-opening-loading{background:#080504a6}
.hbs-opening-play,.hbs-opening-skip{pointer-events:auto;color:#f6d7ac;background:transparent;border:1px solid #f6d7ac88;padding:10px 18px;min-height:44px;font:700 10px Manrope,sans-serif;letter-spacing:.16em;cursor:pointer}
.hbs-opening-play[hidden]{display:none!important}
.hbs-opening-play:focus-visible,.hbs-opening-skip:focus-visible{outline:2px solid #f6d7ac;outline-offset:5px}
.hbs-opening-skip{position:absolute;right:max(20px,env(safe-area-inset-right));top:max(20px,env(safe-area-inset-top));z-index:5;border-color:#f6d7ac55}
.hbs-opening-emblem{position:relative;width:96px;height:96px;display:grid;place-items:center;isolation:isolate}
.hbs-opening-emblem img{position:relative;width:96px;height:96px;object-fit:contain;z-index:1}
.hbs-opening-glow{position:absolute;inset:-38%;border-radius:50%;background:radial-gradient(circle,#ffbc6440 0%,#f04a2033 35%,#ed35140a 58%,transparent 72%);opacity:.45;transform:scale(.88)}
.hbs-opening-label{font-family:Manrope,sans-serif;color:#f6d7ac;font-size:9px;font-weight:700;letter-spacing:.3em;text-align:center;opacity:.7}
.hbs-opening-spark{position:absolute;width:3px;height:3px;border-radius:50%;background:#ffe2ad;box-shadow:0 0 8px 2px #ff6b29;left:15%;top:48%;opacity:0;--spark-x:-24px;--spark-y:-48px}
.hbs-opening-spark:nth-last-child(2){left:80%;top:58%;--spark-x:22px;--spark-y:-56px;animation-delay:.55s!important}
.hbs-opening-spark:last-child{left:62%;top:15%;--spark-x:14px;--spark-y:-34px;animation-delay:1.1s!important}
:is(.hbs-intro-pending,.hbs-intro-playing) .hbs-opening-glow{animation:hbs-ignition-glow 1.5s ease-in-out infinite}
:is(.hbs-intro-pending,.hbs-intro-playing) .hbs-opening-label{animation:hbs-ignition-label 1.5s ease-in-out infinite}
:is(.hbs-intro-pending,.hbs-intro-playing) .hbs-opening-spark{animation:hbs-ignition-spark 1.8s ease-out infinite}
.hbs-opening:is([data-intro-state="playing"],[data-intro-state="complete"],[data-intro-state="outro"]) .hbs-opening-loading *{animation-play-state:paused}
.hbs-opening-caption{position:absolute;left:0;right:0;bottom:8%;text-align:center;font:700 9px Manrope,sans-serif;letter-spacing:.3em;color:#f6d7ac}
.hbs-opening-sweep{z-index:4;visibility:hidden;opacity:0;position:absolute;top:-50%;height:200%;left:0;width:19vw;background:linear-gradient(90deg,transparent,#ee421b90 65%,#ffe0a4 95%,#fff5d5 98%,transparent);transform:translateX(-100vw) skewX(-24deg);filter:blur(2px);pointer-events:none;mix-blend-mode:screen}
@keyframes hbs-ignition-glow{50%{opacity:1;transform:scale(1.14)}}
@keyframes hbs-ignition-label{50%{opacity:1}}
@keyframes hbs-ignition-spark{0%,8%{opacity:0;transform:translate(0,0) scale(.5)}18%{opacity:.9}75%,100%{opacity:0;transform:translate(var(--spark-x),var(--spark-y)) scale(.2)}}
@media(max-width:760px){.hbs-opening-video{width:min(142svh,205vw);height:auto;max-width:none}.hbs-opening-emblem,.hbs-opening-emblem img{width:80px;height:80px}.hbs-opening-label{font-size:8px;letter-spacing:.25em}.hbs-opening-caption{bottom:13%;font-size:8px}.hbs-opening-sweep{width:38vw}.hbs-opening-skip{font-size:9px}}
@media(prefers-reduced-motion:reduce){.hbs-opening{display:none!important}.hbs-opening-loading *{animation:none!important}.hbs-opening-video,.hbs-opening-loading{transition:none}}