/* A new opening for the retained AGE page. All rules stay inside the hero. */
.hero{background:radial-gradient(ellipse at 13% 42%,#6d10232b,transparent 53%),var(--black)}
.hero::before{content:none}
.hero .hero-grid{width:min(1260px,calc(100% - 100px));display:grid;grid-template-columns:1.15fr 1fr;column-gap:74px;row-gap:0;align-items:center;padding:65px 0 62px}
.hero-intro{grid-column:2;grid-row:1;align-self:end;min-width:0;text-align:center}
.hero-intro .eyebrow{font-size:10px;letter-spacing:.15em;line-height:1.7;margin:0 0 22px;padding:0 0 12px;border:0;border-bottom:1px solid #ca526654;color:#d5bdc4}
.hero-intro h1{font-size:clamp(43px,4.5vw,64px);line-height:1.07;letter-spacing:-.048em}
.hero-intro h1 span{color:#ff4560}
.hero .hero-copy{grid-column:2;grid-row:2;align-self:start;min-width:0;text-align:center;padding:0}
.hero .hero-lead{font-size:17px;line-height:1.75;max-width:450px;margin:24px auto 0;color:#dfd5dc}
.hero .hero-actions{margin-top:26px}
.hero .hero-actions .button{min-width:0;width:min(100%,345px);min-height:61px;border-radius:7px;background:#d01335;border-color:#ed3b5755;box-shadow:0 8px 28px #b80a2b20}
.hero .button-note{font-size:12px;line-height:1.7;color:#b8aeb4;margin:14px auto 0}
.hero .hero-visual{grid-column:1;grid-row:1 / span 2;align-self:center;min-width:0;width:100%;max-width:650px;margin:0;padding:10px;background:linear-gradient(145deg,#242126,#151417);border:1px solid #a89da432;border-radius:17px;box-shadow:0 25px 65px #0007;isolation:isolate}
.hero .hero-visual::before{content:"";position:absolute;z-index:-1;inset:19px 22px -17px -17px;border:1px solid #b829435c;border-radius:15px;pointer-events:none}
.hero .hero-visual::after{content:"";position:absolute;left:28px;top:-1px;width:74px;height:3px;background:#ee3754;border-radius:2px;pointer-events:none}
.hero .hero-visual img{width:100%;height:auto;aspect-ratio:640 / 335;object-fit:contain;border-radius:9px}
.hero .hero-visual figcaption{display:flex;align-items:center;justify-content:center;gap:18px;padding:17px 8px 7px;border:0;color:#c4bac1;font-size:11px;line-height:1.6;text-align:center}
.hero .photo-location{display:inline;margin:0;font-size:10px;line-height:1.6;letter-spacing:.1em;color:#f28194;white-space:nowrap}
.hero .hero-locations{background:#171619;border-top-color:#ffffff14}
@media(max-width:1100px){
  .hero .hero-grid{width:calc(100% - 72px);column-gap:45px;padding-block:55px}
  .hero-intro h1{font-size:clamp(42px,4.8vw,53px)}
  .hero .hero-lead{font-size:16px;line-height:1.75}
  .hero .hero-visual figcaption{display:block;padding:15px 7px 6px}
  .hero .photo-location{display:block;margin-top:5px}
}
@media(max-width:820px){
  .hero .hero-grid{display:flex;flex-direction:column;width:min(640px,calc(100% - 64px));padding:42px 0 43px;gap:0}
  .hero-intro{order:0;align-self:center;width:100%}
  .hero-intro h1{font-size:52px;line-height:1.06}
  .hero .hero-visual{order:1;align-self:center;margin:33px auto 0;width:100%;max-width:600px}
  .hero .hero-visual figcaption{display:flex;padding:16px 8px 6px}
  .hero .photo-location{display:inline;margin:0}
  .hero .hero-copy{order:2;width:100%;padding:0}
  .hero .hero-lead{font-size:17px;max-width:520px;margin-top:31px}
  .hero .hero-actions{margin-top:25px}
}
@media(max-width:600px){
  .hero .hero-grid{width:calc(100% - 40px);max-width:480px;padding:26px 0 31px}
  .hero-intro .eyebrow{display:none}
  .hero-intro h1{font-size:clamp(35px,9.7vw,41px);line-height:1.07;letter-spacing:-.044em}
  .hero .hero-visual{margin-top:25px;padding:8px;border-radius:12px;box-shadow:0 18px 35px #0005}
  .hero .hero-visual::before{inset:13px 15px -10px -10px;border-radius:11px;border-color:#b829434d}
  .hero .hero-visual::after{left:23px;width:53px;height:2px}
  .hero .hero-visual img{border-radius:6px}
  .hero .hero-visual figcaption{display:block;padding:9px 0 1px;line-height:1.5}
  .hero .hero-visual figcaption>span:first-child{display:none}
  .hero .photo-location{display:inline;font-size:11px;letter-spacing:.1em;line-height:1.5}
  .hero .hero-lead{font-size:16px;line-height:1.7;max-width:365px;margin-top:26px}
  .hero .hero-actions{margin-top:23px}
  .hero .hero-actions .button{width:100%;max-width:365px;min-height:60px;padding:17px 13px;border-radius:6px;font-size:16px}
  .hero .button-note{font-size:11px;line-height:1.7;max-width:290px;margin-top:13px}
}
@media(max-width:360px){
  .hero .hero-grid{width:calc(100% - 32px);padding-top:22px}
  .hero-intro h1{font-size:34px}
  .hero .hero-visual{margin-top:23px;padding:7px}
  .hero .hero-lead{margin-top:24px;font-size:16px;line-height:1.65}
  .hero .hero-actions{margin-top:20px}
}