.t1{position:relative}.t1 .word1{transition:opacity .3s ease-in-out,color .3s ease-in-out}.t1:hover .word1{opacity:.25;color:#ffffff80;filter:blur(2px)}.icon{--size:10vw;width:var(--size);height:var(--size);position:absolute}.icon:before{width:var(--size);height:var(--size);content:"";will-change:transform, opacity;background-repeat:no-repeat;background-size:contain;animation-duration:.3s;animation-timing-function:linear;animation-fill-mode:both;position:absolute}.icon.pyramid:before{background-image:url(/img/icons/pyramid.gif)}.icon.cylinder{z-index:1}.icon.cylinder:before{background-image:url(/img/icons/cylinder.gif)}.icon.cone{z-index:1}.icon.cone:before{background-image:url(/img/icons/cone.gif)}.icon.helix:before{background-image:url(/img/icons/helix.gif)}.icon.sphere{z-index:1}.icon.sphere:before{background-image:url(/img/icons/sphere.gif)}@media screen and (max-height:740px){.icon{width:min(var(--size), 129px);height:min(var(--size), 129px)}.icon:before{width:min(var(--size), 129px);height:min(var(--size), 129px)}}