.dhero{position:relative;display:flex;align-items:flex-end;overflow:hidden;min-height:clamp(560px, 92vh, 820px)}
.dhero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.dhero::after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(to top, var(--bg) 0%, rgba(10,10,11,0.7) 15%, rgba(10,10,11,0.22) 34%, rgba(10,10,11,0) 54%)}
.dhero__inner{position:relative;z-index:2;width:100%;max-width:1200px;margin:0 auto;padding:0 2rem 2.4rem;text-align:left;text-shadow:0 2px 16px rgba(0,0,0,0.85), 0 1px 3px rgba(0,0,0,0.6)}
.dhero .hero-label{margin-bottom:1rem}
.dhero h1{font-size:clamp(2.5rem, 6.2vw, 4.6rem);font-weight:800;line-height:1.08;letter-spacing:-0.04em;margin-bottom:1.1rem}
.dhero h1 .rose{color:#f2899f;-webkit-text-fill-color:#f2899f;background:none;filter:none}
.dhero .hero-sub{font-size:1.12rem;color:#e8e8ec;max-width:560px;margin:0;font-weight:300;line-height:1.7}
.place-card{position:relative;overflow:hidden;min-height:420px;display:flex;align-items:flex-end;padding:0;box-shadow:0 16px 36px -18px rgba(0,0,0,0.75);background:linear-gradient(160deg, #1b1b21, #101014)}
.place-card__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;transition:transform 0.55s ease}
.place-card:hover .place-card__img{transform:scale(1.05)}
.place-card::after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(to top, rgba(10,10,11,0.96) 0%, rgba(10,10,11,0.82) 26%, rgba(10,10,11,0.3) 52%, rgba(10,10,11,0) 78%)}
.place-card__link{position:absolute;inset:0;z-index:2;cursor:pointer}
.place-card__body{position:relative;z-index:3;padding:1.6rem;width:100%;text-shadow:0 1px 12px rgba(0,0,0,0.75);pointer-events:none}
.place-card__body .place-num{color:var(--rose-light)}
.place-card__body h3{color:#fff}
.place-card__body p{color:rgba(255,255,255,0.85)}
.photo-credits{max-width:960px;margin:1.5rem auto 0;padding:1.25rem 2rem 0;border-top:1px solid var(--border)}
.photo-credits h3{font-family:'JetBrains Mono', monospace;font-size:0.65rem;color:var(--text-muted);letter-spacing:0.1em;text-transform:uppercase;margin-bottom:0.5rem;font-weight:700}
.photo-credits p{font-size:0.68rem;color:#7a7a80;line-height:1.7;font-family:'JetBrains Mono', monospace}
.photo-credits a{color:rgba(175,175,184,0.8);text-decoration:none;border-bottom:1px dotted rgba(175,175,184,0.25)}
.photo-credits a:hover{color:var(--rose-light)}
@media (max-width: 768px){
.dhero{min-height:82vh}
.dhero__inner{text-align:center;padding:0 1.25rem 2rem}
.dhero .hero-sub{margin:0 auto}
.place-card{min-height:360px}
}