:root{color-scheme:light;--ink:#283b3a;--paper:#f4f2ec}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.75 Georgia,serif}header,main,footer{max-width:920px;margin:auto;padding:30px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d4d8ce}a{color:inherit;text-underline-offset:5px}.name{text-decoration:none;font-size:21px}nav{display:flex;gap:25px;font:13px system-ui}.eyebrow,.date,footer{font:12px/1.7 system-ui;letter-spacing:.06em;color:#667a75}.eyebrow{margin-top:30px;text-transform:uppercase}h1{font-size:clamp(40px,7vw,70px);line-height:1.08;font-weight:400;margin:25px 0}.intro{max-width:510px;color:#667a75}.landscape{height:260px;margin:45px 0;background:linear-gradient(#d3dcd9 0%,#e5e8de 48%,#a4b6b1 49%,#b9c5bb 70%,#758d85 100%);position:relative;overflow:hidden}.landscape:before{content:'';position:absolute;inset:30% -10% 40%;background:#849b8e;clip-path:polygon(0 100%,0 85%,18% 40%,33% 60%,48% 15%,66% 60%,83% 30%,100% 80%,100% 100%)}article{max-width:650px;margin:40px 0 60px}h2{font-size:29px;line-height:1.3;font-weight:400}footer{border-top:1px solid #d4d8ce}@media(max-width:500px){header{display:block}nav{margin-top:15px}main{padding:24px}.landscape{height:200px}}