/* Warm, image-led edition */
.hero{min-height:820px;padding:86px clamp(24px,6vw,92px) 34px;text-align:left;display:block}
.hero-inner{width:min(1390px,100%);min-height:620px;margin:0 auto;display:grid;grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);gap:clamp(50px,7vw,110px);align-items:center}
.hero-content{position:relative;z-index:2}
.hero-content h1{max-width:690px;font-size:clamp(55px,6vw,91px);line-height:.96}
.hero-copy{max-width:610px;margin:30px 0 0}
.hero-actions{justify-content:flex-start}
.hero-collage{position:relative;min-height:600px;isolation:isolate}
.hero-photo{position:absolute;margin:0;background:#fff;padding:9px 9px 35px;box-shadow:0 22px 65px rgba(65,28,30,.2);overflow:hidden}
.hero-photo img{display:block;width:100%;height:100%;object-fit:cover}
.hero-photo-main{width:68%;height:445px;left:4%;top:50px;transform:rotate(-2.5deg);z-index:2}
.hero-photo-main figcaption{position:absolute;left:19px;bottom:10px;color:#6f5557;font-family:Georgia,serif;font-size:13px;font-style:italic}
.hero-photo-romance{width:45%;height:260px;right:0;top:5px;transform:rotate(4.2deg);z-index:1}
.hero-photo-friends{width:43%;height:250px;right:2%;bottom:7px;transform:rotate(2.2deg);z-index:3}
.handwritten-note{position:absolute;left:2%;bottom:23px;z-index:4;background:#f4e3d2;color:#7b4547;padding:20px 24px 18px;box-shadow:0 12px 28px rgba(69,34,35,.14);transform:rotate(-4deg);font-family:Georgia,serif;font-style:italic;font-size:24px;line-height:1.2}
.handwritten-note span{font-size:14px;color:#8a6c64}
.promise-row{width:min(1390px,100%);margin:0 auto;padding-top:27px;justify-content:center}
.example-card{padding:0;min-height:650px;display:grid;grid-template-rows:260px 1fr}
.example-image{width:100%;height:260px;object-fit:cover;filter:saturate(.88) contrast(.96)}
.example-card-copy{padding:27px;display:flex;flex-direction:column;position:relative;z-index:2}
.example-card blockquote{margin:auto 0 22px;font-size:clamp(24px,2vw,34px)}
.example-card-copy>p{color:var(--soft);font-size:13px}
.example-card:after{z-index:1}

@media(max-width:1100px){
  .hero-inner{grid-template-columns:minmax(0,.9fr) minmax(430px,1.1fr);gap:36px}
  .hero-collage{min-height:550px}
  .hero-photo-main{height:405px}
  .hero-photo-romance{height:225px}
  .hero-photo-friends{height:220px}
}
@media(max-width:900px){
  .hero{padding:82px 24px 40px}
  .hero-inner{grid-template-columns:1fr;gap:55px}
  .hero-content{text-align:center}
  .hero-content h1,.hero-copy{margin-left:auto;margin-right:auto}
  .hero-actions{justify-content:center}
  .hero-collage{width:min(660px,100%);margin:0 auto;min-height:590px}
  .promise-row{padding-top:30px}
  .example-card{min-height:0;grid-template-columns:minmax(250px,.8fr) 1.2fr;grid-template-rows:1fr}
  .example-image{height:100%;min-height:360px}
}
@media(max-width:600px){
  .hero{min-height:auto;padding:76px 18px 40px}
  .hero-inner{gap:38px}
  .hero-content h1{font-size:clamp(45px,13vw,63px)}
  .hero-collage{min-height:450px}
  .hero-photo{padding:6px 6px 26px}
  .hero-photo-main{width:72%;height:320px;left:0;top:45px}
  .hero-photo-main figcaption{left:12px;bottom:7px;font-size:10px}
  .hero-photo-romance{width:48%;height:180px;top:3px}
  .hero-photo-friends{width:46%;height:165px;bottom:4px}
  .handwritten-note{left:2%;bottom:10px;padding:14px 16px;font-size:18px}
  .handwritten-note span{font-size:11px}
  .example-card{grid-template-columns:1fr;grid-template-rows:220px 1fr}
  .example-image{height:220px;min-height:0}
  .example-card-copy{padding:23px}
}