*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:#FAF7F0}
img{max-width:100%}
a{color:#2E3B33}a:hover{color:#1C2620}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #2E3B33;outline-offset:3px}
.skip-link{position:absolute;left:-9999px;top:8px;background:#2E3B33;color:#FAF7F0;padding:10px 16px;z-index:10}
.skip-link:focus{left:8px}
html{scroll-behavior:smooth}
.page-wrap{max-width:820px;margin:0 auto;padding:80px 24px 104px;font-size:16px;line-height:1.75;color:#3D3D3A}
.page-wrap h1{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:52px;line-height:1.1;color:#222;margin:0 0 24px}
.page-wrap input,.page-wrap button{font:inherit;padding:12px 14px}
.page-wrap .btn{display:inline-block;background:#2E3B33;color:#FAF7F0;text-decoration:none;padding:15px 26px;border-radius:2px;font-size:13px;font-weight:600;letter-spacing:1px;border:0;cursor:pointer}
@media (max-width:760px){
  h1:not(.eyebrow),.hero-line{font-size:44px!important}
  h2{font-size:34px!important}
  section > div, section{padding-left:20px!important;padding-right:20px!important}
  #top{padding-top:48px!important}
  #top > div:last-child{height:380px!important}
  section img[style*="height: 520px"]{height:300px!important}
  header nav{gap:16px!important;font-size:13px!important}
}