.hero-glass{--hero-gutter:max(0px, (100% - 880px) / 2 - 24px);--hero-unit:max(var(--hero-gutter), 136px);pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-glass__defs{width:0;height:0;position:absolute}.hero-glass__pane{width:calc(var(--hero-unit) * var(--size));aspect-ratio:1;position:absolute;overflow:visible}.hero-glass--triangles .hero-glass__pane:nth-child(2){--size:1;top:12%;left:calc(var(--hero-gutter) + 24px - var(--hero-unit) * var(--size))}.hero-glass--triangles .hero-glass__pane:nth-child(3){--size:.5;--hero-unit:var(--hero-gutter);top:62%;left:calc(var(--hero-gutter) * .42);rotate:180deg}.hero-glass--triangles .hero-glass__pane:nth-child(4){--size:.45;--hero-unit:var(--hero-gutter);top:16%;right:calc(var(--hero-gutter) * .42);rotate:180deg}.hero-glass--triangles .hero-glass__pane:nth-child(5){--size:.95;top:48%;right:calc(var(--hero-gutter) + 24px - var(--hero-unit) * var(--size))}.hero-glass--circles .hero-glass__pane:nth-child(2){--size:1.05;top:6%;left:calc(var(--hero-gutter) + 24px - var(--hero-unit) * var(--size))}.hero-glass--circles .hero-glass__pane:nth-child(3){--size:.48;--hero-unit:var(--hero-gutter);top:64%;left:calc(var(--hero-gutter) * .42)}.hero-glass--circles .hero-glass__pane:nth-child(4){--size:.42;--hero-unit:var(--hero-gutter);top:14%;right:calc(var(--hero-gutter) * .42)}.hero-glass--circles .hero-glass__pane:nth-child(5){--size:1;top:42%;right:calc(var(--hero-gutter) + 24px - var(--hero-unit) * var(--size))}.hero-glass--squares .hero-glass__pane:nth-child(2){--size:.95;top:10%;left:calc(var(--hero-gutter) + 24px - var(--hero-unit) * var(--size))}.hero-glass--squares .hero-glass__pane:nth-child(3){--size:.5;--hero-unit:var(--hero-gutter);top:62%;left:calc(var(--hero-gutter) * .42)}.hero-glass--squares .hero-glass__pane:nth-child(4){--size:.95;top:50%;right:calc(var(--hero-gutter) + 24px - var(--hero-unit) * var(--size))}.hero-glass--squares .hero-glass__pane:nth-child(5){--size:.48;--hero-unit:var(--hero-gutter);top:12%;right:calc(var(--hero-gutter) * .42)}.hero-glass--hexagons .hero-glass__pane:nth-child(2){--size:.9;top:4%;left:calc(var(--hero-gutter) + 24px - var(--hero-unit) * var(--size))}.hero-glass--hexagons .hero-glass__pane:nth-child(3){--size:.36;--hero-unit:var(--hero-gutter);top:56%;left:calc(var(--hero-gutter) * .42)}.hero-glass--hexagons .hero-glass__pane:nth-child(4){--size:.42;top:80%;left:calc(var(--hero-gutter) + 24px - var(--hero-unit) * var(--size))}.hero-glass--hexagons .hero-glass__pane:nth-child(5){--size:.4;--hero-unit:var(--hero-gutter);top:10%;right:calc(var(--hero-gutter) * .42)}.hero-glass--hexagons .hero-glass__pane:nth-child(6){--size:.8;top:34%;right:calc(var(--hero-gutter) + 24px - var(--hero-unit) * var(--size))}.hero-glass--hexagons .hero-glass__pane:nth-child(7){--size:.3;--hero-unit:var(--hero-gutter);top:80%;right:calc(var(--hero-gutter) * .42)}@media (max-width:767px){.hero-glass__pane{display:none}}
