/* Decorative grid scoped to the interactive phone section. */
#experience{position:relative;isolation:isolate}
#experience>.experience-grid{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1;mask-image:linear-gradient(transparent,#000 18%,#000 82%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 18%,#000 82%,transparent)}
.experience-grid:before{content:'';position:absolute;inset:-90px;background-image:linear-gradient(#3c63c620 1px,transparent 1px),linear-gradient(90deg,#3c63c620 1px,transparent 1px);background-size:90px 90px;animation:taply-grid-drift 24s linear infinite}
.experience-grid i{position:absolute;display:block;background:linear-gradient(90deg,transparent,#4a6ecaa0,transparent);height:1px;width:240px;left:-250px;top:30%;animation:taply-grid-horizontal 10s linear infinite}
.experience-grid i:nth-child(2){top:65%;animation-delay:-5s;animation-duration:14s}.experience-grid i:nth-child(3),.experience-grid i:nth-child(4){width:1px;height:220px;top:-230px;left:24%;background:linear-gradient(transparent,#4a6ecaa0,transparent);animation:taply-grid-vertical 12s linear infinite}.experience-grid i:nth-child(4){left:76%;animation-delay:-6s;animation-duration:16s}
@keyframes taply-grid-drift{to{transform:translate(90px,90px)}}
@keyframes taply-grid-horizontal{to{left:110%}}
@keyframes taply-grid-vertical{to{top:110%}}
@media(max-width:600px){.experience-grid:before{background-size:60px 60px;opacity:.65}.experience-grid i{opacity:.55}}
@media(prefers-reduced-motion:reduce){.experience-grid:before,.experience-grid i{animation:none!important}.experience-grid i{display:none}}