.hex-bg-host{position:relative;z-index:0}.hex-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none;--hex-bg-cell-w: 22px;--hex-bg-row-h: 19px;background-color:#33201a;background-image:radial-gradient(560px 400px at 50% 50%, rgba(94,72,65,0.95), rgba(94,72,65,0.4275) 45%, rgba(94,72,65,0)),radial-gradient(300px 380px at 50% 50%, rgba(122,53,36,0.55), rgba(122,53,36,0.2475) 45%, rgba(122,53,36,0)),radial-gradient(640px 280px at 50% 50%, rgba(59,34,25,0.85), rgba(59,34,25,0.3825) 45%, rgba(59,34,25,0)),radial-gradient(300px 220px at 50% 50%, rgba(12,7,5,0.7), rgba(12,7,5,0.315) 45%, rgba(12,7,5,0)),radial-gradient(560px 330px at 50% 50%, rgba(228,124,86,0.2), rgba(228,124,86,0.09) 45%, rgba(228,124,86,0)),url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 2400 1500'><defs><radialGradient id='sand'><stop offset='0' stop-color='rgb(228,196,159)'/><stop offset='.45' stop-color='rgb(228,196,159)' stop-opacity='.45'/><stop offset='1' stop-color='rgb(228,196,159)' stop-opacity='0'/></radialGradient><radialGradient id='amber'><stop offset='0' stop-color='rgb(192,140,96)'/><stop offset='.45' stop-color='rgb(192,140,96)' stop-opacity='.45'/><stop offset='1' stop-color='rgb(192,140,96)' stop-opacity='0'/></radialGradient><radialGradient id='accent'><stop offset='0' stop-color='rgb(228,124,86)'/><stop offset='.45' stop-color='rgb(228,124,86)' stop-opacity='.45'/><stop offset='1' stop-color='rgb(228,124,86)' stop-opacity='0'/></radialGradient><radialGradient id='ember'><stop offset='0' stop-color='rgb(122,53,36)'/><stop offset='.45' stop-color='rgb(122,53,36)' stop-opacity='.45'/><stop offset='1' stop-color='rgb(122,53,36)' stop-opacity='0'/></radialGradient></defs><g id='s'><ellipse cx='330' cy='260' rx='300' ry='110' transform='rotate(-32 330 260)' fill='url(%23sand)' opacity='.95'/><ellipse cx='820' cy='420' rx='260' ry='90' transform='rotate(24 820 420)' fill='url(%23amber)' opacity='.9'/><ellipse cx='560' cy='760' rx='200' ry='170' transform='rotate(0 560 760)' fill='url(%23sand)' opacity='.7'/><ellipse cx='980' cy='820' rx='140' ry='260' transform='rotate(10 980 820)' fill='url(%23ember)' opacity='.6'/><ellipse cx='290' cy='1050' rx='320' ry='100' transform='rotate(38 290 1050)' fill='url(%23amber)' opacity='.8'/><ellipse cx='900' cy='1180' rx='240' ry='120' transform='rotate(-20 900 1180)' fill='url(%23sand)' opacity='.7'/><ellipse cx='620' cy='1330' rx='180' ry='70' transform='rotate(-60 620 1330)' fill='url(%23accent)' opacity='.6'/></g><use xlink:href='%23s' transform='rotate(180 1200 750)'/></svg>");background-size:1270px 970px,910px 1330px,1710px 1110px,1150px 790px,1930px 1690px,3000px 1875px;background-position:480px 140px,90px 520px,830px 900px,700px 420px,260px 780px,0 0;background-repeat:repeat}.hex-bg::after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background-image:linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)),linear-gradient(to bottom, rgba(0,0,0,0.45), transparent),linear-gradient(to top, rgba(0,0,0,0.45), transparent),linear-gradient(to right, rgba(0,0,0,0.5), transparent 22%, transparent 78%, rgba(0,0,0,0.5)),repeating-linear-gradient(to bottom, rgba(0,0,0,0.16), rgba(0,0,0,0.16) 1px, transparent 1px, transparent 3px),url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 100 173.20508' preserveAspectRatio='none'><defs><polygon id='o' points='0,-39.2598204 34,-19.6299102 34,19.6299102 0,39.2598204 -34,19.6299102 -34,-19.6299102'/><g id='h'><use xlink:href='%23o'/><use xlink:href='%23o' x='100'/><use xlink:href='%23o' x='50' y='86.60254'/><use xlink:href='%23o' y='173.20508'/><use xlink:href='%23o' x='100' y='173.20508'/></g><mask id='m' maskUnits='userSpaceOnUse' x='0' y='0' width='100' height='173.20508'><rect width='100' height='173.20508' fill='white'/><use xlink:href='%23h' fill='black' stroke='black' stroke-width='20' stroke-linejoin='round'/></mask><linearGradient id='b' x1='0' y1='0' x2='0' y2='1'><stop offset='0' stop-color='rgb(0,0,0)' stop-opacity='.55'/><stop offset='.5' stop-color='rgb(0,0,0)' stop-opacity='0'/><stop offset='1' stop-color='rgb(200,150,108)' stop-opacity='.5'/></linearGradient></defs><g mask='url(%23m)'><rect width='100' height='173.20508' fill='rgb(20,12,9)'/><use xlink:href='%23h' fill='none' stroke='url(%23b)' stroke-width='31' stroke-linejoin='round'/></g></svg>");background-size:100% 100%,100% 200px,100% 200px,100% 100%,100% 100%,22px 38px;background-position:0 0, 0 0, 0 100%, 0 0, 0 0, 0 0;background-repeat:no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, repeat}.hex-bg__fx{position:absolute;top:0;right:0;bottom:0;left:0}.hex-bg__cell{position:absolute;top:0;left:0;width:52.8px;height:52.8px;margin-top:-26.4px;margin-left:-26.4px;opacity:0;background-image:radial-gradient(circle closest-side, #ffe2bb, rgba(255,226,187,0.9) 36%, rgba(228,196,159,0.25) 62%, rgba(228,196,159,0));animation:hex-bg-flicker 5s linear infinite}.hex-bg__cell:nth-child(3n){background-image:radial-gradient(circle closest-side, #ffb08a, rgba(255,176,138,0.9) 36%, rgba(228,124,86,0.25) 62%, rgba(228,124,86,0))}.hex-bg__packet{position:absolute;top:0;left:0;height:52.8px;margin-top:-26.4px;transform-origin:0 50%}.hex-bg__dot{width:100%;height:100%;margin-left:-26.4px;opacity:0;background:radial-gradient(circle closest-side, #ffb08a, rgba(255,176,138,0.9) 36%, rgba(228,124,86,0.25) 62%, rgba(228,124,86,0)) 0 50% no-repeat;background-size:52.8px 52.8px;animation:hex-bg-packet 10s linear infinite}.hex-bg__beam{position:absolute;top:0;right:0;left:0;height:140px;background-image:linear-gradient(to bottom, rgba(228,124,86,0), rgba(228,124,86,0.12) 80%, rgba(228,196,159,0.3) 96%, rgba(228,196,159,0));transform:translateY(-100%);animation:hex-bg-scan 20s linear infinite}.hex-bg--paused .hex-bg__cell,.hex-bg--paused .hex-bg__dot,.hex-bg--paused .hex-bg__beam{animation-play-state:paused}@keyframes hex-bg-flicker{0%{opacity:0}5%{opacity:1}8%{opacity:.25}11%{opacity:1}38%{opacity:.7}62%, 100%{opacity:0}}@keyframes hex-bg-packet{0%{opacity:0;transform:translateX(0)}2%{opacity:1}12%{opacity:1}14%, 100%{opacity:0;transform:translateX(100%)}}@keyframes hex-bg-scan{from{transform:translateY(-100%)}to{transform:translateY(var(--hex-bg-travel))}}@media (prefers-reduced-motion: reduce){.hex-bg__fx{display:none}}