@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@800&display=swap";:root{--base-100: #f8f9fa;--base-400: #2d2d2d;--primary-bg: #1a1d21;--secondary-bg: #252930;--accent-bg: #2c3440;--text-primary: #e8eaed;--text-secondary: #b0b5bc}*{margin:0;padding:0;box-sizing:border-box}h1{text-transform:uppercase;font-family:Barlow Condensed;font-size:6rem;font-weight:900;line-height:.85;letter-spacing:-.02rem}img{width:100%;height:100%;object-fit:cover}nav{position:fixed;top:2rem;left:50%;transform:translate(-50%);width:auto;padding:0;display:flex;justify-content:center;align-items:center;z-index:2}.logo{font-family:Inter,PP Pangram Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:800;font-size:1.25rem;letter-spacing:-.02em;padding:.75rem 1.5rem;background-color:var(--base-100);color:var(--base-400);border-radius:.5rem;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;will-change:background-color,color}.logo.logo-inverted{background-color:var(--base-400);color:var(--base-100)}section{position:relative;width:100vw;height:100svh;background-color:var(--primary-bg);color:var(--text-primary);overflow:hidden}.intro,.outro{display:flex;justify-content:center;align-items:center}.header{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:50%;z-index:1}.spotlight{background-color:var(--secondary-bg)}.contact{font-family:Barlow Condensed,sans-serif;font-size:1.5rem;font-weight:400;color:var(--text-secondary);margin-top:2rem;letter-spacing:.05em}.spotlight-images{position:absolute;top:0;left:0;width:100vw;height:300svh;display:flex;flex-direction:column;justify-content:space-between;transform:translateY(5%);will-change:transform}.row{width:100%;padding:2rem;display:flex;gap:2rem}.img{flex:1;aspect-ratio:5/7;overflow:hidden}.img img{opacity:.5;filter:saturate(0)}.mask-container{position:absolute;top:0;left:0;width:100vw;height:100svh;-webkit-mask:url(/spotlight-mask.svg) center/contain no-repeat;mask:url(/spotlight-mask.svg) center/contain no-repeat;overflow:hidden;-webkit-mask-size:0%;mask-size:0%;z-index:10}.mask-container .mask-img{width:100%;height:100%}@media (max-width: 1000px){h1{font-size:4rem}.logo{font-size:1rem;padding:.6rem 1.2rem}nav,.header{width:calc(100% - 4rem)}.spotlight-images{width:200vw;left:-25vw}.contact{font-size:1.25rem}}