@font-face{font-family:Afacad;src:url(/fonts/afacad.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Afacad;src:url(/fonts/afacad-bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Driftwood;src:url(/fonts/driftwood.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Garamond;src:url(/fonts/garamond.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Knewave;src:url(/fonts/knewave.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Moirai One;src:url(/fonts/moirai-one.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}.hexagons{display:grid;grid-template-columns:repeat(8,1fr);grid-auto-rows:180px;grid-gap:14px;padding-bottom:50px;margin:auto auto 80px;width:400px;z-index:-1;position:fixed;top:0;left:20vw;transform:perspective(1000px) rotateY(-20deg) rotateX(40deg);animation:parallax linear;animation-timeline:scroll()}.hexagons div,.hexagons img{background-color:light-dark(hsl(0,0%,87%),hsl(0,0%,13%));display:flex;position:relative;width:216px;height:238px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.hexagons div:first-child,.hexagons img:first-child{grid-row-start:1;grid-column:2/span 2}.hexagons div:nth-child(2),.hexagons img:nth-child(2){grid-row-start:1;grid-column:4/span 2}.hexagons div:nth-child(3),.hexagons img:nth-child(3){grid-row-start:1;grid-column:6/span 2}.hexagons div:nth-child(4),.hexagons img:nth-child(4){grid-row-start:2;grid-column:1/span 2}.hexagons div:nth-child(5),.hexagons img:nth-child(5){grid-row-start:2;grid-column:3/span 2}.hexagons div:nth-child(6),.hexagons img:nth-child(6){grid-row-start:2;grid-column:5/span 2}.hexagons div:nth-child(7),.hexagons img:nth-child(7){grid-row-start:2;grid-column:7/span 2}.hexagons div:nth-child(8),.hexagons img:nth-child(8){grid-row-start:3;grid-column:2/span 2;display:none}.hexagons div:nth-child(9),.hexagons img:nth-child(9){grid-row-start:3;grid-column:4/span 2}.hexagons div:nth-child(10),.hexagons img:nth-child(10){grid-row-start:3;grid-column:6/span 2}.hexagons div:nth-child(11),.hexagons img:nth-child(11){grid-row-start:4;grid-column:1/span 2}.hexagons div:nth-child(12),.hexagons img:nth-child(12){grid-row-start:4;grid-column:3/span 2}.hexagons div:nth-child(13),.hexagons img:nth-child(13){grid-row-start:4;grid-column:5/span 2;display:none}.hexagons div:nth-child(14),.hexagons img:nth-child(14){grid-row-start:4;grid-column:7/span 2}.hexagons div:nth-child(15),.hexagons img:nth-child(15){grid-row-start:5;grid-column:2/span 2}.hexagons div:nth-child(16),.hexagons img:nth-child(16){grid-row-start:5;grid-column:4/span 2}.hexagons div:nth-child(17),.hexagons img:nth-child(17){grid-row-start:5;grid-column:6/span 2}@keyframes parallax{to{transform:translate3d(0,-1500px,0)}}@media(max-width:800px){.hexagons{padding-bottom:50px;margin:auto auto 80px;width:400px;z-index:-1;position:fixed!important;top:0;left:20vw;transform:perspective(1000px) rotateY(-20deg) rotateX(40deg);animation:unset;animation-timeline:unset}}