*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f2e9;color:#172a2e;font-family:Arial,sans-serif}a{color:inherit}nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 7%;position:absolute;z-index:2;width:100%;color:#fff}.brand{font-family:Georgia,serif;font-size:24px;letter-spacing:.08em;text-decoration:none}.navlink{font-size:13px;letter-spacing:.08em;text-decoration:none}.hero{min-height:85vh;display:flex;align-items:end;padding:140px 7% 90px;color:white;background:linear-gradient(90deg,rgba(9,29,35,.72),rgba(15,40,48,.05)),linear-gradient(165deg,#809999 0%,#bdc8be 35%,#4d7071 36%,#17393f 67%,#102c32 100%)}.intro{max-width:760px}.eyebrow{font-size:11px;letter-spacing:.22em;text-transform:uppercase}.hero h1{font:clamp(52px,9vw,112px)/.98 Georgia,serif;font-weight:normal;letter-spacing:-.045em;margin:25px 0}.hero p{max-width:430px;line-height:1.7;color:#e6eeea}.arrow{display:inline-block;margin-top:30px;border:1px solid #fff9;padding:15px 20px;text-decoration:none;font-size:13px}.wrap{max-width:1200px;margin:auto;padding:100px 7%}.heading{display:grid;grid-template-columns:1fr 2fr;gap:35px}.heading h2{font:clamp(38px,5vw,64px)/1.05 Georgia,serif;font-weight:normal;letter-spacing:-.035em;margin:0}.heading p{max-width:580px;color:#506361;line-height:1.8}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:65px}.art{height:230px;background:linear-gradient(160deg,#c9d3c9 0 44%,#708d87 45% 60%,#37595b 61%)}.cards article:nth-child(2) .art{background:linear-gradient(150deg,#d6d7c9 0 39%,#b5bfad 40% 55%,#667e6c 56%)}.cards article:nth-child(3) .art{background:linear-gradient(165deg,#c4d4d1 0 44%,#8caaa5 45% 59%,#486c70 60%)}.cards h3{font:27px Georgia,serif;margin:24px 0 12px}.cards p{font-size:14px;color:#61716c;line-height:1.7}.bottom{background:#dce5dc;padding:75px 7%;text-align:center}.bottom h2{font:40px Georgia,serif;font-weight:normal;margin:16px}.bottom p{color:#506361}footer{display:flex;justify-content:space-between;gap:20px;padding:30px 7%;font-size:12px;color:#687974}@media(max-width:700px){.hero{min-height:75vh}.heading{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.art{height:210px}.wrap{padding-top:70px;padding-bottom:70px}footer{flex-direction:column}}