.suite-hero{
	min-height:720px;
	display:flex;
	align-items:flex-end;
	color:white;
	background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.58)),url("../images/hero-garden-suite.webp") center/cover}
.suite-hero-content{padding:0 0 95px;max-width:820px}
.suite-hero h1{font-size:clamp(50px,6vw,82px)}
.suite-hero p{font-size:18px;max-width:670px;color:rgba(255,255,255,.9);margin:22px 0 28px}
.suite-facts{background:var(--green);color:white}
.facts-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.fact{text-align:center;padding:28px 15px;border-right:1px solid rgba(255,255,255,.15)}
.fact:last-child{border:0}
.fact strong{display:block;font:26px Georgia,serif}
.fact span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;opacity:.78}
.suite-intro{background:var(--ivory)}
.suite-intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center}
.suite-intro h2{font-size:clamp(38px,4vw,58px)}
.suite-intro p{color:var(--muted);font-size:16px}
.highlight-box{background:white;padding:35px;border:1px solid var(--line)}
.highlight-box h3{font-size:28px;margin-bottom:18px}
.highlight-list{display:grid;grid-template-columns:1fr 1fr;gap:13px 20px;margin:0;padding:0;list-style:none}
.highlight-list li{font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding-top:10px}
.suite-gallery{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:300px 300px;gap:8px}
.suite-gallery div{background-size:cover;background-position:center}
.sg-main{grid-row:span 2;background-image:url("../images/garden-suite-gallery.webp")}
.sg-2{background-image:url("../images/garden-suite-gallery2.webp")}
.sg-3{background-image:url("../images/garden-suite-gallery3.webp")}
.suite-experience{display:grid;grid-template-columns:1fr 1fr;min-height:620px}
.suite-experience-img{background:url("../images/garden-suite-fac.webp") center/cover}
.suite-experience-copy{background:#e8e3d8;padding:80px max(7vw,50px);display:flex;flex-direction:column;justify-content:center}
.suite-experience-copy p{max-width:530px;color:var(--muted)}
.suite-benefits{display:grid;grid-template-columns:1fr 1fr;gap:15px 30px;margin:25px 0}
.suite-benefit{border-top:1px solid var(--line);padding-top:14px}
.suite-benefit strong{display:block;font:20px Georgia,serif}
.suite-benefit span{font-size:12px;color:var(--muted)}
.amenities-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:45px}
.amenity{padding:22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.amenity strong{font:20px Georgia,serif}
.amenity p{font-size:12px;color:var(--muted);margin:7px 0 0}
.suite-cta{padding:110px 20px;text-align:center;background:var(--green);color:white}
.suite-cta p{max-width:600px;margin:20px auto 28px;color:rgba(255,255,255,.78)}
.suite-cta .eyebrow{color:#d7b39f}

@media(max-width:900px){
	.facts-grid{grid-template-columns:repeat(2,1fr)}
	.fact:nth-child(2){border-right:0}
	.suite-intro-grid,.suite-experience{grid-template-columns:1fr}
	.suite-experience-img{min-height:460px}
	.amenities-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:560px){
	.suite-hero{min-height:650px}
	.suite-hero-content{padding-bottom:70px}
	.fact{padding:20px 8px}
	.fact strong{font-size:23px}
	.suite-intro-grid{gap:35px}
	.suite-gallery{grid-template-columns:1fr;grid-template-rows:300px 240px 240px}
	.sg-main{grid-row:auto}
	.suite-experience-copy{padding:65px 30px}
	.suite-benefits{grid-template-columns:1fr}
	.amenities-grid{grid-template-columns:1fr}
}