:root{--yellow:#ffd000;--red:#df100d;--display:'Oswald',Impact,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,sans-serif;color:#111}a{color:inherit;text-decoration:none}.skip-link{position:fixed;z-index:999;top:8px;left:8px;padding:10px 16px;background:#fff;color:#111;font-weight:700;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}
.container{width:min(calc(100% - 40px),1540px);margin-inline:auto}
.topbar{position:sticky;top:0;z-index:30;background:var(--yellow);clip-path:none;filter:none}
.topbar::after{content:'';position:absolute;z-index:-1;left:0;right:0;bottom:-15px;height:23px;background:var(--yellow);clip-path:polygon(0 0,100% 0,100% 45%,96% 76%,91% 42%,86% 74%,80% 47%,75% 81%,69% 40%,63% 78%,56% 44%,50% 82%,44% 42%,38% 77%,32% 44%,25% 79%,18% 39%,10% 81%,4% 44%,0 76%)}
.nav-wrap{height:104px;display:flex;align-items:center;justify-content:space-between;padding-bottom:8px}
.brand{font-family:'Ruslan Display',Georgia,serif;line-height:.84;color:#d30f0c;transform:rotate(-1deg)}
.brand small{display:block;font:400 20px 'Ruslan Display',Georgia,serif;letter-spacing:2px;color:#841309}.brand b{font:700 47px 'Ruslan Display',Georgia,serif;letter-spacing:-1px;white-space:nowrap;text-shadow:2px 2px #7c120f33}
.topbar nav{display:flex;gap:50px}.topbar nav a{font:700 18px var(--display);text-transform:uppercase;position:relative}.topbar nav a:after{content:'';position:absolute;left:0;right:0;bottom:-14px;height:4px;background:var(--red);transform:scaleX(0);transition:.2s}.topbar nav a:hover:after,.topbar nav a.active:after{transform:scaleX(1)}
.nav-toggle{display:none;background:none;border:0}.nav-toggle i{display:block;width:29px;height:3px;background:#111;margin:5px}
footer{background:linear-gradient(#130b06c7,#080808),image-set(url('assets/images/hero-fire-footer.webp') type('image/webp'),url('assets/images/hero-fire-v2.png') type('image/png')) center 70%/cover;color:#fff;border-top:5px solid var(--red)}
.footer-grid{min-height:270px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:50px}.footer-grid>div{display:flex;flex-direction:column}.footer-grid b{color:var(--yellow);font:700 27px var(--display);margin-bottom:10px}.footer-grid em{width:max-content;background:var(--red);padding:8px 25px;font:700 43px var(--display);transform:rotate(-2deg)}.footer-grid a{font:500 31px var(--display)}
footer blockquote{margin:0;background:var(--red);color:var(--yellow);padding:24px 38px;font:700 34px/1.06 Georgia,serif;font-style:italic;transform:rotate(-4deg);text-align:center;clip-path:polygon(5% 0,100% 8%,95% 100%,0 90%)}.copyright{text-align:center;background:var(--yellow);color:#111;padding:22px;font:600 15px var(--display)}
@media(min-width:701px){.container{width:min(92%,1320px)}}
@media(min-width:701px) and (max-width:960px){.nav-wrap{height:78px;padding-bottom:6px}.brand small{font-size:13px;letter-spacing:1.5px}.brand b{font-size:32px;letter-spacing:-.5px}.nav-toggle{display:block}.topbar nav{display:none;position:absolute;top:73px;left:0;right:0;background:var(--yellow);padding:22px 25px 35px;flex-direction:column;gap:24px}.topbar nav.open{display:flex}}
@media(max-width:700px){.container{width:min(calc(100% - 24px),1540px)}.topbar{position:absolute;inset:0 0 auto;background:transparent;pointer-events:none}.topbar::after,.topbar .brand{display:none}.topbar .nav-wrap{width:calc(100% - 24px);height:66px;padding:0;justify-content:flex-end}.nav-toggle{position:relative;z-index:2;display:block;padding:7px 5px;pointer-events:auto}.nav-toggle i{width:29px;height:3px;margin:5px;background:var(--yellow);box-shadow:1px 1px 0 #000}.nav-toggle[aria-expanded=true] i{background:var(--red);box-shadow:none}.topbar nav{display:none;position:absolute;top:0;left:0;right:0;background:var(--yellow);padding:22px 70px 35px 25px;flex-direction:column;gap:24px;pointer-events:auto;box-shadow:0 12px 24px #0007}.topbar nav.open{display:flex}.footer-grid{grid-template-columns:1fr;padding:45px 0;text-align:center}.footer-grid>div{align-items:center}.footer-grid blockquote{grid-column:auto}}
@media(min-width:701px) and (max-width:960px) and (max-height:500px){.topbar{position:absolute;inset:0 0 auto;background:transparent;pointer-events:none}.topbar::after,.topbar .brand{display:none}.topbar .nav-wrap{height:60px;padding:0;justify-content:flex-end}.nav-toggle{position:relative;z-index:2;padding:6px 5px;pointer-events:auto}.nav-toggle i{background:var(--yellow);box-shadow:1px 1px 0 #000}.nav-toggle[aria-expanded=true] i{background:var(--red);box-shadow:none}.topbar nav{top:0;padding-top:21px;padding-right:70px;pointer-events:auto;box-shadow:0 12px 24px #0007}}
