/* Alpine Apartment additions on top of the chalet v2.css (plain CSS: the Tailwind bundle is compiled) */
.skip-link{position:absolute;left:-9999px;top:0;z-index:100;background:#fff;padding:8px 14px;border-radius:8px}
.skip-link:focus{left:12px;top:12px}
.todo{background:#FFF3B0;outline:2px dashed #E5A50A;outline-offset:2px;border-radius:4px;padding:0 4px}
.home-hero h1{text-wrap:balance}
.home-hero .hero-pill{background:rgba(34,47,40,.62)}
.map-link{display:inline-flex;align-items:center;gap:8px;margin-top:4px;font-weight:600;color:#B04A36}
.map-link:hover{color:#933B2A;text-decoration:underline}
.review-source{font-size:13px;color:#6E6E73}
.tile-pet{background:#B04A36}
/* bright daylight photo (the chalet hero is a darker video): needs a real scrim behind the white type */
.hero-scrim{background:linear-gradient(to bottom,rgba(22,32,26,.42) 0%,rgba(22,32,26,.40) 50%,rgba(22,32,26,.50) 86%,rgba(245,245,247,.9) 97%,#F5F5F7 100%)}
.home-hero p,.home-hero h1 span{color:rgba(255,255,255,.94);text-shadow:0 1px 14px rgba(0,0,0,.5)}
.home-hero .hero-pill span{white-space:nowrap}
#apartment > .grid > div{min-width:0}
/* chalet index.html inline rule for the small tiles, copied */
@media (max-width:767px){.breathe-grid{gap:1rem}.breathe-tile{padding:1rem}.breathe-tile svg{width:1.75rem;height:1.75rem;margin-bottom:.75rem}.breathe-tile h3{font-size:1.125rem;line-height:1.5rem;margin-bottom:.25rem}.breathe-tile p{font-size:.75rem;line-height:1.15rem}
.home-hero{min-height:640px!important;height:88vh!important}.home-hero .hero-pill{gap:.55rem;padding:.6rem .9rem;flex-wrap:nowrap;max-width:100%}.home-hero .hero-pill span{font-size:.84rem}.home-hero .hero-pill svg{width:1rem;height:1rem}.home-hero h1{font-size:3.25rem!important}}