:root{color-scheme:light}*{box-sizing:border-box}body{margin:0;background:#f5f3ec;color:#233e3c;font:18px/1.65 Georgia,serif}header,main,footer{max-width:1040px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #c4cec6}a{color:inherit;text-underline-offset:4px}nav{font:14px/2 system-ui}h1{font-size:clamp(36px,7vw,72px);line-height:1.1;font-weight:400;max-width:850px}h2{font-size:30px;line-height:1.2;font-weight:400}.eyebrow{font:12px/1.5 system-ui;letter-spacing:.15em;text-transform:uppercase}.grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}article{padding:18px 0;border-top:1px solid #aebfb7}article p{max-width:720px}.lead{font-size:23px;max-width:780px}.art{display:block;width:100%;height:210px;background:#dbe3da;border:1px solid #9daea0}footer{font:13px/1.6 system-ui;border-top:1px solid #c4cec6;margin-top:50px}.text{max-width:780px}input{padding:10px;width:100%;max-width:320px;border:1px solid #91a89a;background:white;color:#233e3c;font:16px system-ui}@media(max-width:620px){.grid{grid-template-columns:1fr}header{display:block}main,header,footer{padding:18px}.lead{font-size:20px}}