@import "https://fonts.cdnfonts.com/css/pp-neue-montreal";
@import "https://fonts.cdnfonts.com/css/pp-pangram-sans";
:root{--base-100:#f4f4f2;--base-400:#1c1c1c;--logo-shadow:0 .15rem .6rem #00000014}*{box-sizing:border-box;margin:0;padding:0}body{font-family:PP Neue Montreal,sans-serif}img{object-fit:cover;width:100%;height:100%}p{text-transform:uppercase;letter-spacing:-.02rem;font-size:.9rem;font-weight:500;line-height:1}.intro,.outro{justify-content:center;align-items:center;width:100%;height:100svh;display:flex;position:relative;overflow:hidden}.intro{background-color:var(--base-100)}.outro{background-color:var(--base-400);color:var(--base-100)}.aesary-logo-wrap{z-index:1000;pointer-events:none;position:fixed;top:1.25rem;left:50%;transform:translate(-50%)}.aesary-logo-mark{letter-spacing:-.02em;text-transform:lowercase;background-color:var(--base-100);color:var(--base-400);box-shadow:var(--logo-shadow);border-radius:.55rem;padding:.45em .85em;font-family:PP Pangram Sans,PP Neue Montreal,sans-serif;font-size:clamp(1rem,3vw,1.35rem);font-weight:800;line-height:1;display:inline-block}.aesary-logo-wrap.logo-inverted .aesary-logo-mark{background-color:var(--base-400);color:var(--base-100);box-shadow:0 .15rem .6rem #00000038}@media (max-width:999px){.aesary-logo-mark{padding:.4em .65em;font-size:clamp(.85rem,4vw,1.1rem)}}.projects{background-color:#d8d8d4;flex-direction:column;align-items:center;gap:.5rem;width:100%;padding:.5rem 0;display:flex;position:relative;overflow:hidden}.projects-row{gap:1rem;width:125%;display:flex}.project{aspect-ratio:7/5;flex-direction:column;flex:1;display:flex;overflow:hidden}.project-img{flex:1;min-height:0;overflow:hidden}.project-info{justify-content:space-between;padding:.25rem 0;display:flex}.project-info p{font-size:.75rem}