/* Integrate the offer into the established photographic, editorial composition. */
.approved-experience[data-experience="home"] .hero .hero-content { padding-block: 128px 100px; }
.approved-experience[data-experience="home"] .hero-content h1 { font-size: clamp(48px, 5.3vw, 82px); margin-bottom: 32px; }
.approved-experience[data-experience="home"] .hero-content .hero-offer-eyebrow {
  display: flex; width: fit-content; margin: 0 0 24px; padding: 0;
  color: #f0d398; background: none; box-shadow: none; border-radius: 0;
  backdrop-filter: none; -webkit-backdrop-filter: none;
  font: 500 13px/1.5 Roboto, Arial, sans-serif; letter-spacing: .035em;
}
.approved-experience[data-experience="home"] .hero-offer { width: min(480px, 100%); color: #fffaf0; }
.approved-experience[data-experience="home"] .hero-offer-top { display: flex; align-items: center; gap: 28px; }
.approved-experience[data-experience="home"] .hero-offer-price-group { flex-shrink: 0; }
.approved-experience[data-experience="home"] .hero-offer-label {
  display: block; margin-bottom: 8px; color: #f0d398;
  font: 500 10px/1.4 Roboto, Arial, sans-serif; letter-spacing: .15em; text-transform: uppercase;
}
.approved-experience[data-experience="home"] .hero-offer-price {
  display: inline-flex; align-items: baseline; gap: .12em; white-space: nowrap;
  color: #f0d398; font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(80px, 7vw, 106px); font-weight: 400; line-height: .95; letter-spacing: 0;
}
.approved-experience[data-experience="home"] .hero-offer-number { letter-spacing: -.055em; }
.approved-experience[data-experience="home"] .hero-offer-currency { font: 500 .25em/1 Roboto, Arial, sans-serif; letter-spacing: 0; }
.approved-experience[data-experience="home"] .hero-offer-capacity {
  margin: 0; padding-left: 24px; border-left: 1px solid #f0d39866;
  font: 15px/1.65 Roboto, Arial, sans-serif; color: #fffaf0;
}
.approved-experience[data-experience="home"] .hero-offer-capacity strong { font-weight: 600; }
.approved-experience[data-experience="home"] .hero-offer-included {
  margin: 16px 0 0; font: 14px/1.5 Roboto, Arial, sans-serif; color: #f5f1e6;
}
.approved-experience[data-experience="home"] .hero .hero-actions { margin-top: 24px; }
.approved-experience[data-experience="home"] .hero .hero-actions .button {
  position: relative; overflow: hidden; isolation: isolate;
  background: #f0d398; border-color: #f0d398; color: #173d2c;
  box-shadow: 0 6px 22px #101d1726;
}
.approved-experience[data-experience="home"] .hero .hero-actions .button:hover { background: #f8e3b8; border-color: #f8e3b8; }
/* One short entrance draws attention, then leaves the offer still and readable. */
@media (prefers-reduced-motion: no-preference) {
  .approved-experience[data-experience="home"] .hero-offer {
    animation: intro-offer-arrive .8s cubic-bezier(.16,1,.3,1) .12s backwards;
  }
  .approved-experience[data-experience="home"] .hero-offer-price {
    animation: intro-price-light 1.5s ease-out .65s both;
  }
  .approved-experience[data-experience="home"] .hero .hero-actions {
    animation: intro-offer-arrive .7s cubic-bezier(.16,1,.3,1) .3s backwards;
  }
  .approved-experience[data-experience="home"] .hero .hero-actions .button::before {
    content: ""; position: absolute; inset: 0; pointer-events: none;
    background: linear-gradient(105deg, transparent 25%, #fff9e980 50%, transparent 75%);
    transform: translateX(-120%); animation: intro-button-light 1s ease-in-out 1.2s both;
  }
}
@keyframes intro-offer-arrive { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: translateY(0); } }
@keyframes intro-price-light { 0%,100% { text-shadow: 0 0 0 transparent; } 35% { text-shadow: 0 0 30px #f0d39855; } }
@keyframes intro-button-light { from { transform: translateX(-120%); } to { transform: translateX(120%); } }
@media (max-width: 760px) {
  .approved-experience[data-experience="home"] .hero .hero-content { width: calc(100% - 40px); padding-block: 140px 104px; }
  .approved-experience[data-experience="home"] .hero-content h1 { font-size: clamp(32px, 9.3vw, 44px); margin-bottom: 26px; }
  .approved-experience[data-experience="home"] .hero-content .hero-offer-eyebrow { font-size: 11px; margin-bottom: 18px; }
  .approved-experience[data-experience="home"] .hero-offer-top { gap: 20px; }
  .approved-experience[data-experience="home"] .hero-offer-price { font-size: clamp(68px, 20vw, 86px); }
  .approved-experience[data-experience="home"] .hero-offer-capacity { padding-left: 18px; font-size: 13px; line-height: 1.5; }
  .approved-experience[data-experience="home"] .hero-offer-included { max-width: 330px; margin-top: 14px; font-size: 12px; }
  .approved-experience[data-experience="home"] .hero .hero-actions { margin-top: 22px; gap: 8px 18px; }
}
@media (max-width: 360px) {
  .approved-experience[data-experience="home"] .hero-offer-top { gap: 14px; }
  .approved-experience[data-experience="home"] .hero-offer-price { font-size: 64px; }
  .approved-experience[data-experience="home"] .hero-offer-capacity { padding-left: 14px; font-size: 12px; }
}