@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500&display=swap";
*{box-sizing:border-box;margin:0;padding:0}body{font-family:Outfit,sans-serif}.header{z-index:1000;-webkit-backdrop-filter:invert();pointer-events:none;background:0 0;align-items:center;width:100%;height:90px;display:flex;position:fixed;top:0;left:0}.header,.header *{color:#fff}.logo{z-index:1001;pointer-events:auto;color:#fff;letter-spacing:.25em;mix-blend-mode:difference;cursor:pointer;font-size:1.25rem;font-weight:300;text-decoration:none;position:absolute;left:16vw}.logo,nav a,h1,h2,h3{font-family:Outfit,sans-serif}nav{justify-content:center;gap:4em;width:100%;display:flex}nav a{color:#fff;letter-spacing:.2em;mix-blend-mode:difference;pointer-events:auto;font-size:1.25rem;font-weight:300;text-decoration:none;transition:opacity .3s}nav a:hover{opacity:.5}.hero{justify-content:center;margin-top:90px;display:flex}.heroContainer{aspect-ratio:2500/1406;height:min(91vh,1000px);position:relative;overflow:hidden}.heroImage{object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity 1.5s;position:absolute;inset:0}.heroImage.active{opacity:1}.galleryRow{padding:0 40px}.galleryStrip{scrollbar-width:none;gap:60px;display:flex;overflow:auto hidden}.galleryStrip::-webkit-scrollbar{display:none}.galleryStrip a{flex-shrink:0}.galleryStrip img{width:auto;height:60vh;transition:opacity .3s;display:block}.galleryStrip a:hover img{opacity:.7}.projectCard{flex-shrink:0}.projectCard img{width:auto;height:35vh;display:block}.portfolio{flex-direction:column;gap:40px;margin-top:40px;display:flex}.projectGrid{grid-template-columns:repeat(2,1fr);gap:60px;margin-top:120px;padding:0 8vw;display:grid}.projectPreview{position:relative}.projectPreview img{filter:invert();width:100%;transition:all .4s;display:block}.projectPreview:hover img{filter:none}.projectTitle{color:#fff;font-size:3rem;font-weight:300;position:absolute;bottom:20px;left:20px}