:root{--base-100: #f8f9fa;--base-400: #2d3436;--primary: #1a73e8;--secondary: #6c757d;--accent: #e9ecef;--dark: #1a1a1a;--light: #ffffff}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}img{width:100%;height:100%;object-fit:cover}h1{font-size:4rem;font-weight:500;line-height:1}p{font-size:1.5rem;font-weight:500;line-height:1}section{position:relative;width:100vw;height:100svh;overflow:hidden}.spotlight{background-color:var(--dark)}.logo{position:fixed;top:2rem;left:2rem;z-index:1000;will-change:auto}.logo span{display:inline-block;font-family:PP Pangram Sans,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:800;font-size:1.25rem;padding:.75rem 1.5rem;background-color:var(--base-100);color:var(--base-400);border-radius:8px;box-shadow:0 2px 8px #0000001a;transition:background-color .3s ease,color .3s ease,box-shadow .3s ease;letter-spacing:-.02em}.logo.logo-inverted span{background-color:var(--base-400);color:var(--base-100);box-shadow:0 2px 8px #ffffff1a}.intro,.outro{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--base-100);color:var(--base-400);gap:2rem}.contact-info{margin-top:3rem;text-align:center}.contact-info p{margin:.5rem 0;font-size:1.25rem}.contact-info a{color:var(--primary);text-decoration:none;transition:opacity .3s ease}.contact-info a:hover{opacity:.7}.spotlight-intro-text-wrapper{position:absolute;width:100%;top:50%;transform:translateY(-50%);display:flex;gap:.5rem}.spotlight-intro-text{flex:1;position:relative;will-change:transform}.spotlight-intro-text p{color:var(--light)}.spotlight-intro-text:nth-child(1){display:flex;justify-content:flex-end}.spotlight-bg-img{position:absolute;width:100%;height:100%;overflow:hidden;transform:scale(0);will-change:transform}.spotlight-bg-img img{transform:scale(1.5);will-change:transform}.spotlight-titles-container{position:absolute;top:0;left:15vw;width:100%;height:100%;overflow:hidden;clip-path:polygon(50svh 0px,0px 50%,50svh 100%,100% calc(100% + 100svh),100% -100svh);--before-opacity: 0;--after-opacity: 0}.spotlight-titles-container:before,.spotlight-titles-container:after{content:"";position:absolute;width:100svh;height:2.5px;background:var(--light);pointer-events:none;transition:opacity .3s ease;z-index:10}.spotlight-titles-container:before{top:0;left:0;transform:rotate(-45deg) translate(-7rem);opacity:var(--before-opacity)}.spotlight-titles-container:after{bottom:0;left:0;transform:rotate(45deg) translate(-7rem);opacity:var(--after-opacity)}.spotlight-titles{position:relative;left:15%;width:75%;height:100%;display:flex;flex-direction:column;gap:5rem;transform:translateY(100%);z-index:2}.spotlight-titles h1{color:var(--light);opacity:.25;transition:opacity .3s ease}.spotlight-images{position:absolute;top:0;right:0;width:50%;min-width:300px;height:100%;z-index:1;pointer-events:none}.spotlight-img{position:absolute;width:200px;height:150px;will-change:transform}.spotlight-header{position:absolute;top:50%;left:10%;transform:translateY(-50%);color:var(--light);transition:opacity .3s ease;z-index:2;opacity:0}@media (max-width: 1000px){h1{font-size:2rem}.logo span{font-size:1rem;padding:.5rem 1rem}.logo{top:1rem;left:1rem}.intro,.outro{padding:2rem;text-align:center}.spotlight-titles-container{clip-path:none}.spotlight-titles-container:before,.spotlight-titles-container:after{display:none}.spotlight-titles{left:0}.spotlight-header{display:none}}