:root{--base-100:#f4f4f1;--base-200:#d4d5ce;--base-300:#5c5d58;--base-400:#1a1b18;--base-500:#2a4a62;--title-cream:#f7f4ea}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--base-100);color:var(--base-400);font-family:Plus Jakarta Sans,system-ui,sans-serif}img{object-fit:cover;width:100%;height:100%}h1,p{text-transform:none;font-weight:600;line-height:1.15}h1{letter-spacing:-.06em;font-size:6rem}p{letter-spacing:-.02em;font-size:3rem}nav{z-index:2;pointer-events:none;justify-content:space-between;align-items:center;width:100%;padding:2rem;display:flex;position:fixed}nav .aesary-logo-mark,nav .nav-contact{pointer-events:auto}.aesary-logo-mark{font-family:"PP Pangram Sans", var(--font-aesary-logo-loaded), system-ui, sans-serif;letter-spacing:-.03em;text-transform:lowercase;background-color:var(--base-100);color:var(--base-400);border-radius:.5rem;padding:.55rem 1rem;font-size:1.25rem;font-weight:800;transition:background-color .35s,color .35s,box-shadow .35s;display:inline-block;box-shadow:0 .35rem 1.25rem #00000014}.aesary-logo-mark.logo-inverted{background-color:var(--base-400);color:var(--base-100);box-shadow:0 .35rem 1.5rem #00000059}.nav-contact{letter-spacing:0;text-transform:none;color:var(--base-400);background-color:#f4f4f1e6;border-radius:.45rem;padding:.5rem .85rem;font-size:1rem;font-weight:500;text-decoration:none;box-shadow:0 .25rem 1rem #0000000f}.nav-contact:hover{text-decoration:underline}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,.outro h1{color:var(--title-cream)}.services h1{color:var(--base-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%}.aesary-logo-mark{border-radius:.4rem;padding:.45rem .75rem;font-size:1rem}.nav-contact{font-size:.8rem}}