/* EDITION Residences Miami Edgewater: site layer on top of wire-pages.css (published as /wire-pages-site.css).
   RUN Edition Miami Full Rebuild, 2026-10-09. Canonical 12-token grayscale only, zero radius, no icons. */
.nav-links a{white-space:nowrap}

/* HOME HERO: full-bleed film loop, image fallback, content bottom-left */
.home-hero{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:flex-end;background:#000 url('/images/web/edition-hero-video-poster.jpg') center/cover no-repeat;overflow:hidden}
.home-hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.2s ease}
.home-hero video.on{opacity:1}
.home-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.78) 0%,rgba(0,0,0,0.28) 45%,rgba(0,0,0,0.18) 100%);pointer-events:none}
.home-hero-content{position:relative;z-index:2;width:100%;max-width:var(--max-width);margin:0 auto;padding:140px 60px 48px}
.home-hero h1{font-size:clamp(44px,6.6vw,92px);font-weight:300;color:#FFF;letter-spacing:-1.5px;line-height:1.02;margin-bottom:18px;max-width:980px;text-shadow:0 2px 12px rgba(0,0,0,0.3)}
.home-hero h1 small{display:block;font-family:var(--font-body);font-size:13px;font-weight:600;letter-spacing:4px;text-transform:uppercase;color:rgba(255,255,255,0.72);margin-bottom:20px;text-shadow:none}
.home-hero .hero-sub{font-size:19px;max-width:640px}
.hero-stats{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,0.22);margin-top:44px;max-width:900px}
.hero-stats div{padding:18px 0 0}
.hero-stats strong{display:block;font-family:var(--font-heading);font-size:34px;font-weight:300;color:#FFF;line-height:1.1}
.hero-stats span{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,0.62)}
@media(max-width:768px){.home-hero{background-image:url('/images/web/edition-tower-hero.jpg');background-position:center 30%}.home-hero-content{padding:120px 20px 32px}.home-hero .hero-sub{font-size:16px}.hero-stats{grid-template-columns:repeat(2,1fr);gap:0 16px;margin-top:28px}.hero-stats strong{font-size:28px}}
@media(prefers-reduced-motion:reduce){.home-hero video{display:none}}

/* STATEMENT: large serif line between sections */
.statement{padding:120px 60px;text-align:center;background:#FFF}
.statement p{max-width:980px;margin:0 auto;font-family:var(--font-heading);font-size:clamp(28px,3.4vw,46px);font-weight:300;line-height:1.3;color:#212121}
.statement .attrib{margin-top:24px;font-family:var(--font-body);font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#757575}
@media(max-width:768px){.statement{padding:72px 20px}}

/* COLLECTIONS: three tall panels */
.collections{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:40px}
.collection{position:relative;display:block;min-height:560px;overflow:hidden;background:#212121;color:#FFF}
.collection img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0.78;transition:transform 0.8s ease,opacity 0.4s ease}
.collection:hover img{transform:scale(1.04);opacity:0.62}
.collection::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.85) 0%,rgba(0,0,0,0.15) 60%)}
.collection-body{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:32px}
.collection-body small{display:block;font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:rgba(255,255,255,0.7);margin-bottom:8px}
.collection-body h3{font-size:36px;font-weight:300;color:#FFF;margin-bottom:10px}
.collection-body p{font-size:15px;color:rgba(255,255,255,0.8);line-height:1.6;margin-bottom:14px}
.collection-body .range{font-family:var(--font-heading);font-size:22px;color:#FFF}
.collection:hover{color:#FFF}
@media(max-width:900px){.collections{grid-template-columns:1fr}.collection{min-height:420px}}

/* FULL-BLEED BAND */
.band{position:relative;min-height:78vh;display:flex;align-items:center;overflow:hidden;background:#212121}
.band>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.band::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,0.72) 0%,rgba(0,0,0,0.35) 50%,rgba(0,0,0,0.05) 100%)}
.band-inner{position:relative;z-index:2;max-width:var(--max-width);width:100%;margin:0 auto;padding:96px 60px}
.band-inner .section-eyebrow{color:rgba(255,255,255,0.65)}
.band-inner h2{color:#FFF;max-width:620px}
.band-inner p{color:rgba(255,255,255,0.82);max-width:540px}
@media(max-width:768px){.band{min-height:64vh}.band-inner{padding:72px 20px}.band::after{background:linear-gradient(0deg,rgba(0,0,0,0.78) 0%,rgba(0,0,0,0.25) 100%)}.band{align-items:flex-end}}

/* SPLIT: image one side, copy the other */
.split{display:grid;grid-template-columns:1.1fr 1fr;min-height:640px}
.split.reverse{grid-template-columns:1fr 1.1fr}
.split.reverse .split-img{order:2}
.split-img{position:relative;overflow:hidden;background:#F5F5F5;min-height:420px}
.split-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.split-copy{display:flex;flex-direction:column;justify-content:center;padding:88px 72px}
@media(max-width:900px){.split,.split.reverse{grid-template-columns:1fr}.split.reverse .split-img{order:0}.split-copy{padding:56px 20px}}

/* TEAM, BENEFITS */
.team-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 56px}
.team{border-top:1px solid #E0E0E0;padding:28px 0}
.team small{display:block;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#757575;margin-bottom:6px}
.team h3{font-size:28px;margin-bottom:8px}
.team p{font-size:15px;color:#616161}
@media(max-width:768px){.team-grid{grid-template-columns:1fr}}

/* HOME GALLERY MOSAIC (tiles are #gallery .gallery-item for wire-ux.js) */
.mosaic{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
.mosaic .gallery-item{aspect-ratio:4/3}
.mosaic .gallery-item.wide{grid-column:span 2;aspect-ratio:auto}
@media(max-width:768px){.mosaic{grid-template-columns:repeat(2,1fr)}.mosaic .gallery-item.wide{grid-column:span 2;aspect-ratio:16/9}}

/* COUNT-UP numbers keep their width */
[data-count]{font-variant-numeric:tabular-nums}

/* Plan library gate on the homepage and the floor plans page (overlay styles come from wire-lead-capture.js) */
body .gate-wrap{position:relative;min-height:160px}
body .wire-lock-overlay{cursor:pointer}
.price-note{font-size:13px;color:#757575;margin-top:10px}
/* Grid children may shrink so a wide price table scrolls inside .table-scroll instead of widening the page (375 px check). */
.two-col>*,.split>*{min-width:0}