@import "https://fonts.googleapis.com/css2?family=Cossette+Titre:wght@400;700&display=swap";
:root{--tone-100:#000;--tone-200:#222;--tone-300:#5b5c57;--tone-400:#e3e4d8;--tone-500:#fe0100}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--tone-400);font-family:Cossette Titre,sans-serif}img{object-fit:cover;width:100%;height:100%}h1,p{text-transform:uppercase;font-weight:500;line-height:1}h1{letter-spacing:-.1rem;font-size:6rem}p{letter-spacing:-.025rem;font-size:3rem}nav{mix-blend-mode:difference;z-index:2;justify-content:space-between;width:100%;padding:2rem;display:flex;position:fixed}nav p{color:var(--tone-400);font-size:1.5rem}section{justify-content:center;align-items:center;width:100%;height:100svh;display:flex;position:relative;overflow:hidden}.section-bg{width:100%;height:100%;position:absolute;top:0;left:0}section h1{width:75%}section p{width:60%}.intro h1,.services h1,.outro h1{color:var(--tone-500)}section h1 .block-line-wrapper,section p .block-line-wrapper{margin:0 auto}.block-line-wrapper{width:max-content;display:block;position:relative}.block-line{display:block;position:relative}.block-revealer{pointer-events:none;will-change:transform;z-index:1;width:101%;height:101%;position:absolute;top:0;left:0}@media (max-width:1000px){h1{font-size:3rem}p{font-size:1.5rem}section{padding:2rem}section h1,section p{width:100%}}