/* !!!! MOBILE DEVELOPMENT FIRST!!!!! */@font-face{font-family:Clash Grotesk;src:url(/fonts/ClashGrotesk-Variable.ttf)}@font-face{font-family:League Spartan;src:url(/fonts/LeagueSpartan-VariableFont_wght.ttf)}:root{font-size:calc(100vw / 375 * 14);--bezier:cubic-bezier(0.645,0.045,0.355,1.000);--border-small:0.2rem solid var(--red);--border:0.1rem solid var(--red);--main-container-padding:0.7rem;--dark-blue:#0069da;--light-blue:#d5e9ff;--red-lowopa:rgba(188,0,45,.2);--red:#bc002d;--beige:#f9f7ed;--title-font:"Clash Grotesk",sans-serif;--logo-weight:"wght" 650;--title-weight:"wght" 550;--subtitle-weight:"wght" 400;--japanese-subtitle-weight:"wght" 400;--ultrathin:"wght" 500;--text-font:"League Spartan",sans-serif}*{margin:0;padding:0;box-sizing:border-box}::selection{color:var(--beige);background-color:var(--red)}*{scroll-behavior:smooth}body{width:100svw;min-height:100svh;height:-moz-fit-content;height:fit-content;overflow-x:hidden;background-color:var(--beige)}a,h1,h2,h3,h4,h5,h6{font-family:var(--title-font);color:var(--red);-webkit-font-smoothing:antialiased;font-synthesis:none;text-rendering:optimizeLegibility}h1,h2{font-variation-settings:var(--title-weight);text-transform:uppercase}h2{font-size:1.7rem}h3{font-variation-settings:var(--subtitle-weight);font-size:.9rem}h4{font-variation-settings:var(--japanese-subtitle-weight)}h5{font-variation-settings:var(--ultrathin);color:var(--red)}p{font-family:var(--text-font);font-size:1rem;-webkit-hyphens:auto;hyphens:auto;text-align:justify!important;line-height:1.3;font-weight:300}li{list-style-type:none}a{text-decoration:none}nav,nav a,nav h5,nav li{text-transform:uppercase;font-variation-settings:var(--japanese-subtitle-weight);font-size:2rem}label{font-family:var(--title-font);color:var(--red);font-variation-settings:var(--subtitle-weight);font-size:.75rem}input{border-radius:none}button{background-color:var(--red);color:var(--beige);font-family:var(--title-font);font-variation-settings:var(--subtitle-weight);text-transform:uppercase;padding:.5rem .75rem;border:none;border:.5px solid var(--red);outline:none;cursor:pointer;transition:all .2s var(--bezier)}button:hover{color:var(--red);background-color:var(--beige)}




/* !!!! DESKTOP !!!!! */@media screen and (min-width:1280px){:root{font-size:18px}p{font-size:1rem;text-wrap:pretty;text-align:initial}}



/* !!!! TABLET !!!!! */@media screen and (min-width:768px) and (max-width:1279px){:root{font-size:16px}p{font-size:1rem}h2,nav,nav a,nav h5,nav li{font-size:1.5rem}}