/* Published Ribbon Garden homepage. The design proposal remains an independent preview. */
.live-home .site-header {border-bottom:1px solid #efd4de}
.live-home .brand-lines {display:block;line-height:1.4}
.live-home .brand-tagline {display:block;margin:0 0 3px;color:#ab728f;font:600 9px/1.5 var(--sans);letter-spacing:.08em}
.live-home .brand-name {display:block;color:#66505f;font:600 19px/1.35 var(--sans);letter-spacing:.02em;white-space:nowrap}
.live-home .brand-name span {font-size:.77em;margin-left:3px}
.live-home .site-footer .brand-tagline {font-size:9px}

/* Main hero heading; the brand uses a text label. */
.live-home .lp-finder .hero-title {margin:0;font-size:37px;line-height:1.65;letter-spacing:.035em;font-weight:600;color:#95637c}
.live-home .lp-finder .hero-title em {font-size:1.23em;color:#d8789b;paint-order:stroke fill;-webkit-text-stroke:4px #fff;text-shadow:2px 4px 0 #f0d4df}

/* Polaroid-style rectangular photo frames above the footer. */
.live-home .lp-final {background:radial-gradient(circle at 22% 25%,#fff8eb 0,transparent 30%),linear-gradient(110deg,#f8d8e4,#edcce5 55%,#d9efe5)}
.live-home .lp-final .final-photo {width:22%;max-width:280px;height:315px;bottom:35px;background:#fff;border:8px solid #fff;border-bottom-width:32px;border-radius:2px;box-shadow:0 12px 28px #87617736;overflow:hidden}
.live-home .lp-final .final-photo-left {left:3%;transform:rotate(-6deg)}
.live-home .lp-final .final-photo-right {right:3%;transform:rotate(6deg)}
.live-home .lp-final .final-photo img {display:block;width:100%;height:100%;object-fit:cover;object-position:50% 23%;border-radius:0}
.live-home .lp-final .lp-ribbon {background:linear-gradient(100deg,#f1bbd0,#c3e4d6);color:#744e69}
.live-home .lp-final h2 {color:#875d78}
.live-home .lp-final h2 em {color:#c57499}

@media(max-width:1100px) and (min-width:701px) {
  .live-home .lp-finder .hero-title {font-size:35px}
}
@media(max-width:700px) {
  .live-home .brand-tagline {font-size:8px;margin-bottom:2px}
  .live-home .brand-name {font-size:16px}
  .live-home .lp-finder .hero-title {font-size:25px;line-height:1.75;letter-spacing:.005em}
  .live-home .lp-finder .hero-title em {font-size:1.14em;-webkit-text-stroke:2px #fff;text-shadow:2px 3px 0 #f0d4df}
  .live-home .lp-final {padding-bottom:225px}
  .live-home .lp-final .final-photo {width:38%;max-width:175px;height:175px;bottom:22px;border-width:5px;border-bottom-width:23px;box-shadow:0 8px 16px #8761772b}
  .live-home .lp-final .final-photo-left {left:10%;transform:rotate(-6deg)}
  .live-home .lp-final .final-photo-right {right:10%;transform:rotate(6deg)}
}
@media(max-width:360px) {
  .live-home .brand-name {font-size:14px}
  .live-home .lp-finder .hero-title {font-size:23px}
}