.wrapper#homepage{grid-template-columns:1fr 1fr 1fr;--flow-gap:3rem}#intro img{max-width:15rem;height:auto;width:100%;aspect-ratio:1;margin:auto;position:relative;object-fit:cover}#intro picture{position:relative;width:fit-content;max-width:15rem}#film picture{position:relative;width:fit-content}#film picture::after,#film picture::before,#intro picture::after,#intro picture::before{content:"";display:none;height:100%;width:100%;position:absolute;top:0;left:0;background:var(--glitch-img-src) no-repeat;z-index:1;opacity:.5;background-size:cover;background-position:center;object-fit:cover}#film picture:hover::before,#intro:has(.glitch-wrapper:hover) picture::before,#intro:hover picture::before{animation:4.5s infinite text-glitch1}#film picture:hover::after,#intro:has(.glitch-wrapper:hover) picture::after,#intro:hover picture::after{animation:4.5s infinite text-glitch2}#intro:hover .outline-box:after,#intro:hover .outline-box:before{animation:none;display:none}#intro{gap:1.5rem;display:grid;grid-template-columns:15rem 1fr;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;grid-rows:1}#current::after,#intro::after{inline-size:80%;block-size:var(--line-thickness);inset-inline-start:10%;inset-block-start:calc(var(--line-offset) * -1);top:calc(100% + var(--gap)/ 2)}#intro::before{inline-size:var(--line-thickness);block-size:80%;inset-block-start:10%;inset-inline-start:calc(var(--line-offset) * -1);left:calc(100%)}#other{display:grid;grid-template-columns:1fr 1fr 1fr}#projects,#reading,#writing{display:grid;grid-template-columns:20rem 1fr;gap:1.5rem;padding:0}#projects>ul>li,#reading>ul>li,#writing>ul>li{max-width:100%}#projects>div,#reading>div,#writing>div{padding:1.5rem}.last-updated{display:flex;flex-direction:column;gap:.75rem;max-width:100%}.lead-box{padding:0 3rem 0 0}#film{display:grid;grid-template-columns:20rem 1fr;gap:1.5rem}#film .img-holder{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}#words>*,.img-holder .img-desc{display:flex;flex-direction:column;gap:1rem}#words{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}#projects::after,#words::after{inline-size:80%;block-size:var(--line-thickness);inset-inline-start:10%;inset-block-start:calc(var(--line-offset) * -1);top:calc(100% + var(--gap)/ 2)}#words>*{padding:1.5rem;justify-content:space-between}#words div:has(small)+.banner{margin-top:1.5rem}@media (max-width:768px){#film,#film .img-holder,#intro,#projects,#reading,#writing{grid-template-columns:1fr}#intro img{max-width:100%}}