#applications.home-applications-overlay{--fab-display-h2:clamp(2.35rem,4.2vw,3.75rem);--fab-heading-leading:1.04;--fab-card-title:clamp(1.65rem,2.4vw,2.2rem)}
#applications.home-applications-overlay .section-heading{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:32px;align-items:end;margin-bottom:32px}
#applications.home-applications-overlay .section-heading h2{max-width:12em;font-size:clamp(2.35rem,4.2vw,3.75rem);line-height:1.04;letter-spacing:-.035em;text-wrap:balance}
#applications.home-applications-overlay .section-heading>p{max-width:26em;padding-bottom:4px}
#applications.home-applications-overlay .application-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
#applications.home-applications-overlay .application-card{display:block;width:100%;min-width:0;min-height:460px;aspect-ratio:5/4;isolation:isolate;background:#414b4e}
#applications.home-applications-overlay .application-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#applications.home-applications-overlay .application-card[data-scene="restaurants"]>img{object-position:50% 34%}
#applications.home-applications-overlay .application-card[data-scene="hotels"]>img{top:auto;bottom:0;height:130%;object-position:35% 100%}
#applications.home-applications-overlay .application-card[data-scene="residential"]>img{object-position:27% 50%}
#applications.home-applications-overlay .application-card[data-scene="commercial"]>img{object-position:48% 25%}
#applications.home-applications-overlay .home-image-caption{position:absolute;top:18px;left:22px;z-index:2;padding:5px 9px;border-radius:2px;background:rgba(9,14,16,.68);color:#fff;font:400 .7rem/1.4 Arial,sans-serif;letter-spacing:.02em}
#applications.home-applications-overlay .application-card:after{z-index:1;background:linear-gradient(0deg,rgba(9,14,16,.96) 0%,rgba(9,14,16,.88) 24%,rgba(9,14,16,.32) 52%,rgba(9,14,16,.06) 76%,rgba(9,14,16,0) 100%)}
#applications.home-applications-overlay .application-copy{z-index:2;left:28px;right:28px;bottom:26px}
#applications.home-applications-overlay .application-copy h3{max-width:20em;margin:0 0 12px;font-size:clamp(1.65rem,2.4vw,2.2rem);font-weight:400;line-height:1.1;letter-spacing:-.025em;text-wrap:balance}
#applications.home-applications-overlay .application-copy p{max-width:36em;min-height:3.1em;margin:0;color:#f2f3f1;font-size:.95rem;line-height:1.55}
#applications.home-applications-overlay .home-application-link{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;padding-top:13px;border-top:1px solid rgba(255,255,255,.45);color:#fff;font-size:.8rem;letter-spacing:.015em}
#applications.home-applications-overlay .application-card:focus-visible{outline:3px solid #806039;outline-offset:4px}
#applications.home-applications-overlay .home-photo-pending{background:linear-gradient(150deg,#596465,#344246)}
#applications.home-applications-overlay .home-photo-note{position:absolute;top:30px;left:28px;right:28px;z-index:2;color:#fff;font:400 .85rem/1.6 Arial,sans-serif;letter-spacing:.03em}
#applications.home-applications-overlay .home-applications-all{display:inline-flex;align-items:center;gap:32px;min-height:44px;margin-top:26px;border-bottom:1px solid currentColor;font-size:.85rem}
@media(max-width:640px){
  #applications.home-applications-overlay{--fab-display-h2:clamp(2.3rem,9.5vw,2.9rem);--fab-card-title:1.85rem}
  #applications.home-applications-overlay .section-heading{grid-template-columns:1fr;gap:16px;margin-bottom:26px}
  #applications.home-applications-overlay .section-heading h2{font-size:clamp(2.3rem,9.5vw,2.9rem)}
  #applications.home-applications-overlay .section-heading>p{padding:0;font-size:.95rem}
  #applications.home-applications-overlay .application-grid{grid-template-columns:1fr;gap:18px}
  #applications.home-applications-overlay .application-card{min-height:460px;aspect-ratio:auto}
  #applications.home-applications-overlay .application-card[data-scene="hotels"]>img{height:150%;object-position:24% 100%}
  #applications.home-applications-overlay .application-copy{left:22px;right:22px;bottom:24px}
  #applications.home-applications-overlay .application-copy h3{font-size:1.85rem}
  #applications.home-applications-overlay .application-copy p{font-size:.92rem}
  #applications.home-applications-overlay .home-photo-note{left:22px;right:22px}
}
@media(prefers-reduced-motion:reduce){#applications.home-applications-overlay .application-card>img{transition:none}}
