/* Controls sit below the product stage, clear of both the plaque and phone. */
.hero-product{padding-bottom:104px;min-height:720px}
.hero-plaque.qr-button{bottom:115px}
.hero-product .corner-b{bottom:105px}
.hero-carousel-controls{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);z-index:6;display:flex;align-items:center;gap:3px;width:max-content;max-width:100%;padding:5px;border:1px solid #dae1d5;border-radius:30px;background:#faf7eff2;box-shadow:0 3px 15px #0b1f3808}
.hero-carousel-controls button{min-height:38px;padding:8px 14px;border:0;background:transparent;color:var(--navy);border-radius:25px;font-size:11px;font-weight:600;line-height:1.2}
.hero-carousel-controls button[aria-pressed=true]{background:var(--navy);color:#fff}
.hero-carousel-controls button:hover{background:#e0ece4}
.hero-carousel-controls button[aria-pressed=true]:hover{background:#17344f}
.hero-carousel-controls .hero-play-control{width:38px;padding:8px;border-left:1px solid #dce1d5;font-size:14px}
.hero-product:is([data-hero-vertical=city],[data-hero-vertical=golf]) .hero-plaque{width:265px;left:-7%;bottom:133px;transform:rotate(-4deg);overflow:hidden;border:5px solid #faf7ef;border-radius:22px;background:var(--ivory)}
.hero-product:is([data-hero-vertical=city],[data-hero-vertical=golf]) .hero-plaque>img{width:100%;height:410px;object-fit:cover;object-position:50% center}
.hero-product[data-hero-vertical=destination] .hero-plaque{width:310px;left:-11%;bottom:135px;transform:rotate(-6deg);overflow:hidden;border:5px solid #faf7ef;border-radius:18px;background:var(--ivory)}
.hero-product[data-hero-vertical=destination] .hero-plaque>img{width:100%;height:auto}
.hero-slide-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1150px){.hero-product:is([data-hero-vertical=city],[data-hero-vertical=golf]) .hero-plaque{width:210px;left:-12%}.hero-product:is([data-hero-vertical=city],[data-hero-vertical=golf]) .hero-plaque>img{height:340px}.hero-product[data-hero-vertical=destination] .hero-plaque{width:240px;left:-15%}}
@media(max-width:900px){.hero-product{min-height:670px}.hero-product:is([data-hero-vertical=city],[data-hero-vertical=golf]) .hero-plaque{width:180px;left:-18%}.hero-product:is([data-hero-vertical=city],[data-hero-vertical=golf]) .hero-plaque>img{height:315px}.hero-product[data-hero-vertical=destination] .hero-plaque{width:210px;left:-18%}.hero-carousel-controls button{padding-inline:11px}}
@media(max-width:700px){.hero-product{min-height:660px;padding-bottom:105px}.hero-product:is([data-hero-vertical=city],[data-hero-vertical=golf]) .hero-plaque{width:205px;left:-2%;bottom:132px}.hero-product:is([data-hero-vertical=city],[data-hero-vertical=golf]) .hero-plaque>img{height:340px}.hero-product[data-hero-vertical=destination] .hero-plaque{width:255px;left:-4%;bottom:125px}.hero-carousel-controls{bottom:22px}.hero-plaque.qr-button{bottom:115px}}
@media(max-width:370px){.hero-product{min-height:620px}.hero-product:is([data-hero-vertical=city],[data-hero-vertical=golf]) .hero-plaque{width:175px;left:-5%}.hero-product:is([data-hero-vertical=city],[data-hero-vertical=golf]) .hero-plaque>img{height:290px}.hero-product[data-hero-vertical=destination] .hero-plaque{width:215px;left:-5%}.hero-carousel-controls button{padding-inline:9px;font-size:10px}}
@media print{.hero-carousel-controls{display:none}}