.detail-hero{position:relative;height:60vh;min-height:420px;overflow:hidden;color:var(--paper-warm);}
.detail-hero img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;}
.detail-hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg, rgba(22,35,29,0.35) 0%, rgba(22,35,29,0.85) 100%);}
.detail-hero-content{position:relative;z-index:1;max-width:var(--container);margin:0 auto;padding:0 32px 50px;height:100%;display:flex;flex-direction:column;justify-content:flex-end;}
.detail-back{display:inline-block;font-size:0.85rem;color:rgba(250,247,239,0.8);margin-bottom:22px;width:fit-content;}
.detail-back:hover{color:var(--brass-light);}
.detail-hero-content .property-tag{width:fit-content;margin-bottom:14px;}
.detail-hero-content h1{color:var(--paper-warm);font-size:clamp(2rem,4.4vw,3.2rem);margin-bottom:10px;}
.detail-location{color:rgba(250,247,239,0.78);font-size:1.02rem;}

.detail-body{
  max-width:var(--container);margin:0 auto;padding:80px 32px 40px;
  display:grid;grid-template-columns:1fr 320px;gap:70px;
}
.detail-main{display:grid;gap:36px;}
.detail-section{padding:28px 0;border-top:1px solid var(--line);}
.detail-section:first-child{padding-top:0;border-top:none;}
.detail-blurb{font-family:var(--font-display);font-size:1.35rem;line-height:1.55;color:var(--ink-soft);font-weight:400;}
.detail-specs{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
  background:var(--line);border:1px solid var(--line);
}
.detail-specs .spec{background:var(--paper-warm);padding:22px;}
.detail-specs .spec strong{display:block;font-family:var(--font-display);font-size:1.15rem;margin-bottom:4px;color:var(--ink);}
.detail-specs .spec span{font-size:0.8rem;color:#586966;}
.project-information{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);}
.project-fact{display:grid;gap:7px;background:var(--paper-warm);padding:18px 16px;min-width:0;}
.project-fact span{font-size:0.78rem;color:#586966;}
.project-fact strong{font-size:0.92rem;line-height:1.45;overflow-wrap:anywhere;color:var(--ink);}

.detail-gallery{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.detail-gallery img{border-radius:var(--radius);aspect-ratio:4/3;object-fit:cover;box-shadow:0 18px 30px -26px rgba(22,35,29,0.35);}

.detail-amenities{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:14px 24px;}
.detail-amenities li{
  font-size:0.94rem;color:var(--ink-soft);padding-left:22px;position:relative;line-height:1.7;
}
.detail-amenities li::before{
  content:"";position:absolute;left:0;top:11px;width:10px;height:1px;background:var(--brass);
}

.detail-location-panel{display:grid;grid-template-columns:1.1fr 0.9fr;gap:22px;align-items:stretch;}
.detail-location-copy p{font-size:1rem;color:var(--ink-soft);line-height:1.7;}
.location-highlights{list-style:none;display:grid;gap:12px;margin-top:20px;}
.location-highlights li{position:relative;padding-left:22px;color:var(--ink-soft);line-height:1.6;}
.location-highlights li::before{content:"•";position:absolute;left:0;top:0;color:var(--brass);font-size:1.3rem;line-height:1;}
.detail-map-card{
  min-height:220px;border:1px solid var(--line);border-radius:var(--radius);position:relative;overflow:hidden;
  display:flex;align-items:center;justify-content:center;text-align:center;padding:26px;background:
    linear-gradient(135deg, rgba(184,134,58,0.2), rgba(22,35,29,0.8)),
    url('https://images.unsplash.com/photo-1520607162513-77705c0f0d4a?q=80&w=900&auto=format&fit=crop') center/cover no-repeat;
  color:var(--paper-warm);
  box-shadow:0 20px 32px -28px rgba(22,35,29,0.5);
}
.detail-map-card span{position:relative;z-index:1;max-width:180px;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;font-size:0.8rem;}
.map-pin{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:22px;height:22px;border-radius:50%;background:var(--paper-warm);box-shadow:0 0 0 10px rgba(250,247,239,0.15);}

.detail-sidebar{position:relative;}
.detail-card{
  position:sticky;top:110px;
  border:1px solid var(--line);padding:32px;border-radius:var(--radius);
  background:var(--paper);
  box-shadow:0 24px 44px -34px rgba(22,35,29,0.3);
}
.detail-price-label{font-size:0.8rem;color:#8a9188;margin-bottom:6px;}
.detail-price{font-family:var(--font-display);font-size:1.7rem;margin-bottom:8px;color:var(--ink);}
.detail-status{font-size:0.85rem;color:var(--brass);margin-bottom:24px;}

@media (max-width:1024px){
  .detail-body{grid-template-columns:1fr;}
  .detail-specs{grid-template-columns:1fr 1fr;}
  .project-information{grid-template-columns:1fr;}
  .detail-gallery{grid-template-columns:1fr;}
  .detail-amenities{grid-template-columns:1fr;}
  .detail-location-panel{grid-template-columns:1fr;}
  .detail-sidebar{order:-1;}
  .detail-card{position:static;}
}