/* Roach Attack brand typography, shared with roachattack.com. */
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:800;font-display:swap;src:url('/assets/roach-heading-800.ttf') format('truetype')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/roach-body-400.ttf') format('truetype')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/roach-body-600.ttf') format('truetype')}
.roach-panel .panel-copy{font-family:'DM Sans',Arial,sans-serif}
.roach-panel .roach-headline{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;text-transform:uppercase;font-size:clamp(46px,4.4vw,70px);line-height:.94;letter-spacing:-.015em;margin:12px 0 22px;color:#f3efe5}
.roach-panel .panel-description{font-family:'DM Sans',Arial,sans-serif;font-size:15px;font-weight:400;line-height:1.7;color:#d7dcd5;max-width:430px;margin-bottom:24px}
.roach-panel .button{font-family:'DM Sans',Arial,sans-serif;font-weight:600}
.roach-panel .coming-soon{font-family:'DM Sans',Arial,sans-serif;font-weight:600}
@media(min-width:761px) and (max-height:800px){.roach-panel .roach-headline{font-size:clamp(44px,4.2vw,62px);margin-bottom:18px}.roach-panel .panel-description{font-size:14px}}
@media(max-width:760px){.roach-panel .roach-headline{font-size:clamp(38px,11vw,48px);line-height:.94;margin:8px 0 18px}.roach-panel .panel-description{font-size:13px;line-height:1.7;max-width:100%;margin-bottom:20px}.roach-panel .coming-soon{font-size:7px;letter-spacing:.3px}}
@media(max-width:760px) and (max-height:740px){.roach-panel .roach-headline{font-size:36px;margin-bottom:14px}.roach-panel .panel-description{font-size:12px;margin-bottom:16px}}

@media(min-width:761px){.roach-panel:not(.is-open){background-image:linear-gradient(#3f3b2440,#211c1970),url('/assets/roach-world-quality-desktop-v8-2x.webp')}}