:root{--layout-mode: small}@media screen and (0px <= width)and (width <= 719px){:root{--layout-mode: small}}@media screen and (orientation: portrait){:root{--layout-mode: small}}@media screen and (720px <= width)and (width <= 1799px)and (orientation: landscape){:root{--layout-mode: large}}@media screen and (1800px <= width)and (orientation: landscape){:root{--layout-mode: extra}}@media screen and (0px <= width)and (width <= 719px){:root{--font-size-title-h1: 24px;--font-size-title-h2: 18px;--font-size-title-h3: 16px;--font-size-title-h4: 14px;--font-size-title-h5: 13px;--font-size-title-h6: 12px;--font-size-body: 12px}}@media screen and (orientation: portrait){:root{--font-size-title-h1: 24px;--font-size-title-h2: 18px;--font-size-title-h3: 16px;--font-size-title-h4: 14px;--font-size-title-h5: 13px;--font-size-title-h6: 12px;--font-size-body: 12px}}@media screen and (720px <= width)and (width <= 1799px)and (orientation: landscape){:root{--font-size-title-h1: 32px;--font-size-title-h2: 28px;--font-size-title-h3: 22px;--font-size-title-h4: 20px;--font-size-title-h5: 18px;--font-size-title-h6: 16px;--font-size-body: 14px}}@media screen and (1800px <= width)and (orientation: landscape){:root{--font-size-title-h1: 32px;--font-size-title-h2: 28px;--font-size-title-h3: 22px;--font-size-title-h4: 20px;--font-size-title-h5: 18px;--font-size-title-h6: 16px;--font-size-body: 14px}}.text-hl{text-align:left}.text-hm{text-align:center}.text-hr{text-align:right}.svg-text{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;fill:#fff}.svg-text.h1{font-size:calc(var(--font-size-title-h1)*1.5)}.svg-text.accent{fill:none;stroke:url(#--svg-gradient-gold);stroke-width:2.5}:root{--bg-gradient-red: linear-gradient(45deg, rgba(64, 0, 0, 80%), rgba(16, 0, 0, 40%));--bg-gradient-blue: linear-gradient(to top left, rgba(0, 0, 16, 40%), rgba(0, 0, 64, 80%)), radial-gradient(circle at 20% 10%, rgba(79, 209, 197, 70%), transparent 60%), radial-gradient(circle at 80% 10%, rgba(99, 179, 237, 80%), transparent 60%);--bg-gradient-accent: radial-gradient(circle at 10% 0%, rgba(255, 255, 0, 30%), transparent 60%), radial-gradient(circle at 90% 100%, rgba(128, 128, 0, 20%), transparent 60%)}h1{font-size:var(--font-size-title-h1)}h2{font-size:var(--font-size-title-h2)}h3{font-size:var(--font-size-title-h3)}h4{font-size:var(--font-size-title-h4)}h5{font-size:var(--font-size-title-h5)}h6{font-size:var(--font-size-title-h6)}div,p{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:var(--font-size-body)}