@import "https://fonts.googleapis.com/css2?family=Cossette+Titre:wght@400;700&display=swap";:root{--bg:#e3e4d8;--fg:#000;--base-100:#f4f4ef;--base-400:#1c1c1a}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--fg)}.site-header{z-index:1000;position:fixed;top:1.25rem;left:50%;translate:-50%}.site-header__link{text-decoration:none;display:inline-block}.site-logo{letter-spacing:.02em;background:var(--base-100);color:var(--base-400);border-radius:.5rem;padding:.5rem 1rem;font-family:PP Pangram Sans,Manrope,system-ui,sans-serif;font-size:clamp(.8125rem,2.2vw,1.125rem);font-weight:800;transition:background .2s,color .2s,box-shadow .2s;display:inline-block;box-shadow:0 .125rem .75rem #0000001a}.site-logo.logo-inverted{background:var(--base-400);color:var(--base-100);box-shadow:0 .125rem .85rem #00000059}@media (width<=520px){.site-header{top:.875rem}.site-logo{border-radius:.375rem;padding:.35rem .65rem;font-size:.7rem}}img{object-fit:cover;width:100%;height:100%}h1{letter-spacing:-1%;text-align:center;font-family:Cossette Titre,sans-serif;font-size:clamp(5rem,6vw,7rem);font-weight:500;line-height:1}section{width:100%;height:100svh;padding:2rem;position:relative;overflow:hidden}.intro{background-color:var(--base-100)}.spotlight{background-color:var(--base-400);height:100%}.outro{background-color:#dcdcd4}.intro,.outro{justify-content:center;align-items:center;display:flex}.spotlight-images{flex-direction:column;align-items:flex-start;display:flex}.spotlight-image{clip-path:inset(0 20%);will-change:transform, clip-path;position:relative;overflow:hidden}