*{margin:0;padding:0;box-sizing:border-box}:root{--base-100: #f4f4f0;--base-400: #1c1c19}body{font-family:Inter,sans-serif;background-color:#e3e3db}.site-header{position:fixed;top:0;left:0;z-index:50;padding:1.5rem 1.5rem 0;pointer-events:none}.site-header .logo-link{pointer-events:auto;text-decoration:none;display:inline-block}.logo{display:inline-block;font-family:PP Pangram Sans,Plus Jakarta Sans,ui-sans-serif,sans-serif;font-weight:800;font-size:1.125rem;letter-spacing:-.03em;line-height:1;padding:.5rem .85rem;border-radius:.5rem;background-color:var(--base-100);color:var(--base-400);box-shadow:0 2px 12px #00000014;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}.logo.logo-inverted{background-color:var(--base-400);color:var(--base-100);box-shadow:0 2px 16px #00000059}img{width:100%;height:100%;object-fit:cover}h1,h3{font-weight:400;letter-spacing:-.05rem;line-height:1}h1{font-size:5rem}h3{font-size:3rem}section{position:relative;width:100%;height:100svh}.hero-img,.hero-header,.hero-copy{position:absolute;width:100%;height:100%;will-change:transform,opacity,width,height}.hero-img{top:50%;left:50%;transform:translate(-50%,-50%);overflow:hidden}.hero-header,.hero-copy{padding:4rem;color:#fff;display:flex;align-items:flex-end}.hero-header h1{width:75%}.hero-copy h3{width:50%}.about,.outro{display:flex;justify-content:center;align-items:center;text-align:center}.about{margin-top:275svh}.about-images{width:100%;height:100%;display:flex;justify-content:space-between;align-items:center;padding:4rem}.about-imgs-col{position:relative;height:125%;display:flex;flex-direction:column;justify-content:space-around;will-change:transform}.about-imgs-col .img{width:125px;height:125px;border-radius:10px;overflow:hidden}#about-imgs-col-1{transform:translateY(1000px)}#about-imgs-col-2{transform:translate(-225px) translateY(500px)}#about-imgs-col-3{transform:translate(225px) translateY(500px)}#about-imgs-col-4{transform:translateY(1000px)}.about-header{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40%}.outro{background-color:#cecec6}.outro h3{width:35%}@media(max-width:1000px){.logo{font-size:.95rem;padding:.4rem .65rem}h1{font-size:3rem}h3{font-size:2rem}.hero{z-index:2}.hero-header,.hero-copy{padding:2rem}.hero-header h1,.hero-copy h3{width:100%}.about-header,.outro h3{width:100%;padding:2rem}.about-images{padding:2rem}.about-imgs-col .img{width:75px;height:75px;opacity:.25;filter:saturate(0)}#about-imgs-col-2,#about-imgs-col-3{transform:translate(0) translateY(500px)}}