img{object-fit:cover;width:100%;height:100%}h1{color:var(--fg);letter-spacing:-.1rem;font-family:font3;font-size:10rem;font-weight:400}h3{letter-spacing:-.025rem;font-family:font1;font-size:1.25rem}p{letter-spacing:.25rem;font-family:font3;font-size:1rem}header,footer{text-align:center;align-content:center;width:100%;height:400px;padding:1.25rem;position:relative}footer{background-color:var(--bg);width:100vw;height:100vh;color:var(--fg);flex-direction:column;justify-content:space-between;align-items:center;padding:2em;display:flex;position:relative;overflow:hidden}footer h1{text-transform:uppercase;font-family:font1;font-size:10vw;font-weight:500;line-height:.85}.dev-info{justify-content:space-between;width:100%;display:flex}.explosion-container{pointer-events:none;z-index:1000;width:100%;height:200%;position:absolute;bottom:0;left:0}.explosion-particle-img{object-fit:cover;will-change:transform;width:150px;height:auto;position:absolute;bottom:-200px;left:50%;transform:translate(-50%)}.work{flex-direction:column;gap:3rem;width:100%;height:auto;padding:1.5rem;display:flex;position:relative;overflow:hidden}.row{flex:1;gap:1.5rem;width:100%;display:flex}.work-item{flex-direction:column;flex:1;gap:1rem;display:flex}.work-item-img{aspect-ratio:4/3;overflow:hidden}@media (max-width:1000px){.work,.row{gap:2rem}.row{flex-direction:column}footer{flex-direction:column;justify-content:flex-end;align-items:flex-start}h1{font-size:6rem}h3{font-size:1rem}p{font-size:.9rem}header,footer{height:300px;padding:1rem}.work{padding:1rem}}@media (max-width:768px){h1{font-size:5rem}h3{font-size:1.1rem}p{font-size:.95rem}header,footer{height:250px}.work{gap:2.5rem}.row{gap:1rem}}@media (max-width:480px){h1{font-size:4rem}h3{font-size:1rem}p{font-size:.85rem}header,footer{height:200px;padding:.75rem}.work{gap:2rem;padding:.75rem}.row,.work-item{gap:.75rem}}