:root{--ink: #0b0506;--paper: #f7f8f9;--gutter: clamp(20px, 4vw, 56px)}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--paper);color:var(--ink);font-family:Hanken Grotesk,system-ui,-apple-system,Segoe UI,sans-serif;font-weight:500;-webkit-font-smoothing:antialiased;overflow-x:hidden}.page{min-height:100dvh;display:flex;flex-direction:column}.hero{padding:clamp(24px,6vh,72px) var(--gutter) 0}h1{margin:0;font-weight:800;font-size:clamp(2.75rem,min(10vw,15vh),8rem);line-height:.92;letter-spacing:-.045em;max-width:9ch}.hero p{margin:clamp(16px,3vw,28px) 0 0;font-size:clamp(1.05rem,1.6vw,1.35rem);line-height:1.45;max-width:36ch}.hero .motto{margin-top:8px;font-weight:800}.hill{display:block;width:100%;flex:1 1 0;min-height:200px;margin-top:16px;overflow:visible}.slope{fill:var(--ink)}.logo{width:56px;height:auto;display:block}.foot{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px var(--gutter);background:var(--ink);color:var(--paper);font-size:.9rem}:focus-visible{outline:3px solid var(--ink);outline-offset:3px}