:root{--backgroundColor: #ededed;--fontColor: #0f0f0f;--mainColor: #222;--gray: gray}*{margin:0;padding:0;box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}body{background-color:var(--backgroundColor);color:var(--fontColor)}nav{display:flex;align-items:center;justify-content:space-between;padding:1.2rem .5rem}nav p{font-size:1.5rem;font-weight:500}nav p span{color:var(--mainColor)}nav a{text-decoration:none;color:var(--fontColor);font-size:1.1rem;position:relative}nav a:after{content:"";position:absolute;background-color:var(--mainColor);height:2px;width:0%;left:0;bottom:-1px;transition:all .1s ease-in-out}nav a:hover:after{width:100%}img{width:100%;height:100%;object-fit:cover}h1{font-size:clamp(2.8rem,5vw,7rem);letter-spacing:-.1rem;font-weight:700}h3{font-size:1.25rem;letter-spacing:-.025rem;font-weight:600}p{font-size:1rem;letter-spacing:-.0125rem}header .p-hero{font-size:1rem;color:var(--gray);display:flex;align-items:center;justify-content:center;gap:.4rem;-webkit-user-select:none;user-select:none}header,footer{position:relative;width:100%;height:400px;text-align:center;align-items:center;padding:1.25rem}footer{display:flex;justify-content:space-between;align-items:flex-end}footer p a{color:var(--fontColor)}footer p a:hover{text-decoration:none}.work{position:relative;width:100%;height:100%;padding:1.5rem;display:flex;flex-direction:column;gap:3rem;overflow:hidden}.row{flex:1;width:100%;display:flex;gap:1.5rem}.work-item{flex:1;display:flex;flex-direction:column;gap:1rem}.work-item-img{aspect-ratio:4/3;overflow:hidden;border:1px solid var(--fontColor);border-radius:10px;transition:scale .2s ease-in-out}.work-item-img:hover{scale:.97}.work-item-copy p{color:var(--gray)}@media (max-width: 1000px){.work,.row{gap:2rem}.row{flex-direction:column}footer{flex-direction:column;justify-content:flex-end;align-items:flex-start}header,footer{height:240px}nav{padding:.8rem .2rem}nav p{font-size:1.2rem;font-weight:500}}