/* Real Estate page — extends assets/index-DshMoW5v.css. Same design tokens, no overrides. */

.video-embed video{object-fit:cover;border:none;width:100%;height:100%;position:absolute;inset:0}
.mission-quote-section{padding:56px 0}
.re-stats-row{grid-template-columns:repeat(3,1fr);gap:2px;margin-top:48px;display:grid}
.re-stat-card{background:var(--surface);border:1px solid var(--border-visible);padding:32px 28px}
.re-stat-card:first-child{border-radius:12px 0 0 12px}
.re-stat-card:last-child{border-radius:0 12px 12px 0}
.re-stat-icon{margin-bottom:14px;font-size:22px}
.re-stat-num{color:var(--text-primary);font-family:Instrument Sans,sans-serif;font-size:clamp(22px,2.4vw,30px);font-weight:700;line-height:1.2;display:block}
.re-stat-label{color:var(--text-tertiary);margin-top:8px;font-size:13px;line-height:1.5;display:block}

.re-video-section{padding:0 0 80px}
.re-video-caption{color:var(--text-tertiary);text-align:center;max-width:640px;margin:24px auto 0;font-size:14px;line-height:1.6}

/* Before / After */
.ba-section{padding:80px 0}
.ba-subtitle{color:var(--text-secondary);max-width:640px;margin-bottom:56px;font-size:17px;line-height:1.7}
.ba-tag{letter-spacing:.12em;text-transform:uppercase;text-align:center;color:var(--text-muted);margin-bottom:20px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600}
.ba-tag.is-after{color:var(--accent)}
.ba-before-grid{grid-template-columns:repeat(4,1fr);gap:10px}
.ba-before-grid,.ba-photo{display:grid}
.ba-photo{aspect-ratio:3/4;border:1px solid var(--border-visible);filter:saturate(.75) brightness(.92);border-radius:6px;position:relative;overflow:hidden}
.ba-photo img{object-fit:cover;width:100%;height:100%}
.ba-caption{color:var(--text-muted);text-align:center;margin-top:16px;font-size:13px}
.ba-arrow{color:var(--accent);text-align:center;margin:40px 0;font-size:28px;line-height:1}
.ba-after{aspect-ratio:16/9;border:1px solid #c8a46e4d;background:#000;border-radius:8px;width:100%;position:relative;overflow:hidden}
.ba-after video,.ba-after iframe{object-fit:cover;border:none;width:100%;height:100%;position:absolute;inset:0}
.ba-closing{color:var(--text-secondary);text-align:center;max-width:680px;margin:48px auto 0;font-size:16px;line-height:1.75}

/* Ristrutturazione — compact proof strip */
.reno-section{padding:64px 0}
.reno-lead{color:var(--text-secondary);max-width:640px;margin-bottom:40px;font-size:16px;line-height:1.7}
.reno-grid{grid-template-columns:1fr;max-width:640px;gap:20px;display:grid}
.reno-pair{background:var(--surface);border:1px solid var(--border-visible);border-radius:12px;align-items:center;gap:14px;padding:20px;display:flex}
.reno-thumb{aspect-ratio:4/3;border:1px solid var(--border-visible);flex:1;border-radius:6px;position:relative;overflow:hidden}
.reno-thumb img,.reno-thumb video{object-fit:cover;width:100%;height:100%}
.reno-thumb-label{background:#000000b3;color:var(--text-primary);letter-spacing:.08em;text-transform:uppercase;border-radius:4px;padding:3px 7px;font-family:JetBrains Mono,monospace;font-size:10px;position:absolute;top:6px;left:6px}
.reno-thumb-label.is-after{color:var(--accent)}
.reno-arrow-mini{color:var(--accent);flex-shrink:0;font-size:18px}
.reno-caption{color:var(--text-tertiary);text-align:center;margin-top:16px;font-size:12px}

/* Strategic advantage */
.strategic-section{padding:80px 0}
.strategic-lead{color:var(--text-secondary);max-width:720px;margin-bottom:8px;font-size:17px;line-height:1.75}
.strategic-quote{color:var(--text-primary);text-align:center;letter-spacing:-.01em;font-family:Instrument Serif,serif;font-style:italic;margin:48px auto;padding:0 20px;font-size:clamp(26px,3.6vw,44px);line-height:1.3}
.strategic-body{color:var(--text-secondary);max-width:720px;font-size:17px;line-height:1.75}
.strategic-body p{margin-bottom:18px}
.strategic-box{background:#c4a35a12;border:1px solid #c4a35a40;border-radius:12px;margin-top:48px;padding:40px 44px}
.strategic-box-title{color:var(--accent);margin-bottom:24px;font-size:15px;font-weight:600}
.strategic-box-grid{grid-template-columns:1fr 1fr;gap:32px;margin-bottom:24px;display:grid}
.strategic-box-item h4{color:var(--text-primary);margin-bottom:8px;font-size:14px;font-weight:600}
.strategic-box-item p{color:var(--text-secondary);font-size:14px;line-height:1.65}
.strategic-box-final{color:var(--text-primary);border-top:1px solid #c4a35a40;margin-top:8px;padding-top:24px;font-size:16px;font-weight:600;line-height:1.5}

/* Packages */
.packages-section{padding:80px 0}
.packages-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}
.package-card{background:var(--surface);border:1px solid var(--border-visible);border-radius:12px;flex-direction:column;padding:36px 32px;display:flex}
.package-card.is-highlight{background:#c4a35a0d;border-color:#c4a35a66;position:relative}
.package-badge{background:var(--accent-muted);color:#000;letter-spacing:.06em;text-transform:uppercase;border-radius:100px;padding:5px 14px;font-size:11px;font-weight:700;position:absolute;top:-13px;left:32px}
.package-name{color:var(--text-tertiary);letter-spacing:.08em;text-transform:uppercase;margin-bottom:16px;font-size:12px;font-weight:600}
.package-price{color:var(--text-primary);margin-bottom:20px;font-family:Instrument Sans,sans-serif;font-size:clamp(26px,2.6vw,32px);font-weight:700}
.package-price span{color:var(--text-tertiary);font-size:14px;font-weight:500}
.package-desc{color:var(--text-secondary);flex-grow:1;margin-bottom:28px;font-size:14px;line-height:1.7}
.package-card .btn-primary,.package-card .btn-ghost{justify-content:center;width:100%}

/* Chi è per te */
.fit-section{padding:80px 0}
.fit-list{flex-direction:column;gap:18px;max-width:680px;list-style:none;display:flex}
.fit-list li{color:var(--text-secondary);padding-left:30px;font-size:16px;line-height:1.5;position:relative}
.fit-list li:before{content:"✓";color:var(--accent);font-weight:700;position:absolute;left:0}

@media (width<=900px){
  .re-stats-row{grid-template-columns:1fr}
  .re-stat-card{border-radius:0!important}
  .re-stat-card:first-child{border-radius:12px 12px 0 0!important}
  .re-stat-card:last-child{border-radius:0 0 12px 12px!important}
  .ba-before-grid{grid-template-columns:repeat(2,1fr)}
  .strategic-box-grid{grid-template-columns:1fr}
  .packages-grid{grid-template-columns:1fr}
  .package-card.is-highlight{order:-1}
}
@media (width<=768px){
  .ba-section,.strategic-section,.packages-section,.fit-section,.re-video-section{padding:60px 0}
  .ba-before-grid{gap:8px}
}