:root{--paper:#f3f0e8;--ink:#1d2329;--accent:#dc5136;--border:#d9d4ca}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
.page{max-width:1370px;min-height:100vh;margin:auto;padding:0 64px;display:flex;flex-direction:column}
.header{height:111px;display:flex;align-items:center;border-bottom:1px solid var(--border)}
.logo{font-size:35px;font-weight:900;letter-spacing:-.09em}
.logo span,.hero h1 span{color:var(--accent)}
.hero{flex:1;display:flex;align-items:center;padding:80px 0 95px}
.hero h1{font-size:clamp(56px,7.5vw,108px);font-weight:800;letter-spacing:-.078em;line-height:1.03;margin:0}
@media(max-width:700px){.page{padding:0 25px}.header{height:86px}.logo{font-size:29px}.hero{padding:65px 0 80px}.hero h1{font-size:clamp(41px,9vw,72px);letter-spacing:-.07em}}