@font-face{font-family:'Big Shoulders Stencil Text';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/big-shoulders-stencil-text-latin-600.woff2) format('woff2')}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:#080808;color:#821e1d;font-family:'Big Shoulders Stencil Text',display,sans-serif;font-weight:600;font-size:28px;line-height:1.3em;-webkit-font-smoothing:antialiased}
.hero{position:relative;height:80vh;background:#080808 url(/img/IOD-background.jpg) center top/cover no-repeat}
.hero .wave{position:absolute;left:0;right:0;bottom:0;height:100px;width:100%;display:block;pointer-events:none}
.msg{max-width:1080px;width:80%;margin:0 auto;padding:13px 0 63px;text-align:center}
.msg p{margin:0}
.msg .cta{margin-top:28px}
.btn{display:inline-block;padding:.35em 1.2em;border:2px solid #821e1d;color:#821e1d;text-decoration:none;text-transform:uppercase;letter-spacing:.08em;transition:background .2s,color .2s}
.btn:hover,.btn:focus-visible{background:#821e1d;color:#080808}
@media (max-width:980px){.msg{width:90%}}
@media (max-width:800px){.hero{height:auto;aspect-ratio:16/9;background-size:100% auto;margin-bottom:0}.hero .wave{height:36px;bottom:-1px}}
@media (max-width:480px){body{font-size:24px}}