@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=Fragment+Mono:ital@0;1&display=swap";:root{--ink: #171b1d;--muted: #737b7d;--paper: #e5e8e6;--zinc: #b6bdbe;--steel: #3f6577}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--paper)}::selection{background:var(--steel);color:var(--paper)}a,p{display:block;text-decoration:none;color:var(--ink);font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:400;letter-spacing:.01em}nav,footer{position:absolute;left:0;width:100vw;padding:20px 24px;display:flex;justify-content:space-between;align-items:baseline;gap:2em;z-index:1}nav{top:0}footer{bottom:0}footer p{font-family:Fragment Mono,monospace;font-size:11px;letter-spacing:0}footer p:last-child{color:var(--muted);font-style:italic}.logo a{font-size:15px;font-weight:700;letter-spacing:-.02em}.logo .mark{font-size:.62em;vertical-align:super;margin-left:.18em;font-weight:400;color:var(--steel)}.links,.socials{display:flex;gap:2.2em}.links>a,.socials a{color:var(--muted);transition:color .3s ease}.links>a:hover,.socials a:hover{color:var(--steel)}.gradient-bg{position:absolute;bottom:0;width:100vw;height:100svh;background:linear-gradient(180deg,var(--paper) 0%,var(--zinc) 100%);z-index:0}.container{position:relative;width:100vw;height:100svh;overflow:hidden;z-index:2}.project-title-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:50%;aspect-ratio:16/9}#project-link{width:100%;height:100%;display:flex;align-items:center;text-decoration:none;color:#fff}.project-title-mask{position:relative;width:100%;height:18px;clip-path:polygon(0 0,100% 0,100% 100%,0% 100%);overflow:hidden}#project-title{display:block;position:relative;transform:translateY(0);color:#fff;text-align:center;text-transform:uppercase;font-family:Fragment Mono,monospace;font-size:12px;font-weight:400;letter-spacing:.1em;line-height:1.2;text-shadow:0 1px 18px rgba(9,14,16,.55);transition:transform .5s ease-in-out}@media(max-width:768px){a,p{font-size:12px}nav,footer{padding:16px 20px;flex-wrap:wrap;align-items:center}nav{row-gap:.9em;gap:.9em}.logo{flex:1 0 100%}.logo a{font-size:14px}.links{flex:1 0 100%;justify-content:space-between;gap:1.2em}.links>a{flex:0 1 auto}.socials{gap:1.2em}footer{gap:.6em}footer p{font-size:10px}.project-title-container{width:86%}#project-title{font-size:11px;letter-spacing:.08em}}