:root{--green:#7eac50;--dark:#1b1b1b;--text:#212121}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Open Sans",Arial,sans-serif;color:var(--text);background:#fff;line-height:1.6}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:6px 10px;z-index:99}

/* Header */
.site-header{position:sticky;top:0;z-index:10;background:var(--dark);color:#fff}
.site-header .inner{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:14px;padding:8px 24px;height:56px}
.brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:#fff}
.brand img{height:40px;width:auto;border-radius:2px}
.brand span{font-family:"Playfair Display",Georgia,serif;font-weight:700;font-size:24px}
.nav{margin-left:auto;display:flex;gap:26px}
.nav a{text-decoration:none;color:#bdbdbd;font-size:15px}
.nav a[aria-current=page],.nav a:hover{color:#fff;font-weight:700}

/* Intro */
.intro{max-width:760px;margin:0 auto;padding:56px 24px 24px;text-align:center}
h1{font-family:"Playfair Display",Georgia,serif;font-size:clamp(36px,6vw,53px);margin:0 0 32px;line-height:1.2}
.intro p{font-family:"Playfair Display",Georgia,serif;font-size:20px;margin:0 0 22px}
.intro em{font-weight:700;text-decoration:underline}
.intro .season{font-weight:700}

/* Photos */
.photos{max-width:1180px;margin:0 auto;padding:40px 24px 64px;display:grid;gap:30px}
.photos .wide{width:100%;object-fit:cover}
.row-2{display:grid;grid-template-columns:1fr 2.08fr;gap:30px}
.row-2 img{width:100%;height:100%;object-fit:cover;aspect-ratio:auto}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.grid-3 img{width:100%;aspect-ratio:4/3;object-fit:cover}
.closing{max-width:960px;margin:0 auto;width:100%}

/* Reviews */
.reviews{background:var(--green);padding:64px 24px 80px;text-align:center}
.reviews h2{font-family:"Playfair Display",Georgia,serif;font-weight:400;font-size:27px;margin:0 0 20px}
.reviews .lead{font-size:clamp(17px,2vw,22px);margin:0 0 12px}
.reviews .lead a{text-decoration:underline}
.quotes{max-width:800px;margin:48px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;list-style:none;padding:0}
.quotes blockquote{margin:0;font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.9}
.quotes cite{display:block;margin-top:14px;font-style:italic;font-size:17px}

/* Footer */
.site-footer{text-align:center;padding:28px 24px 40px;font-family:"Playfair Display",Georgia,serif;font-size:18px}
.site-footer a{text-decoration:underline}

/* Contact page */
.contact{background:var(--green);min-height:calc(100vh - 56px);padding:56px 24px 72px;text-align:center}
.contact h1{font-size:27px;margin-bottom:20px}
.contact .line{font-family:"Playfair Display",Georgia,serif;font-size:21px;margin:0 0 36px}
.map{max-width:760px;margin:0 auto;aspect-ratio:4/3;border:0;width:100%;display:block;background:#e9e8e8}
.btn{display:inline-block;margin-top:36px;padding:12px 28px;background:#fff;color:var(--dark);text-decoration:none;font-weight:700;border-radius:4px}
.btn:hover{background:#f2f2f2}

@media (max-width:760px){
  .row-2,.grid-3{grid-template-columns:1fr}
  .quotes{grid-template-columns:1fr 1fr}
  .nav{gap:16px}
  .brand span{font-size:20px}
}
@media (max-width:440px){.quotes{grid-template-columns:1fr}}