/* ══ Wednesday Projects — properties/properties.css ══
   Shared styles for all property pages (ocean-grove, doncaster-east, richmond, bendigo).
   Load after common.css and fonts.css.
   Do NOT add .mobile-drawer or .stub-back here — both live in common.css.
   ══════════════════════════════════════════════════════════════════════════════ */

/* ══ HERO ══ */
.proj-hero-wrap{position:relative;width:100%;height:75vh;min-height:520px;overflow:hidden;background:var(--charcoal)}
.proj-hero-img{width:100%;height:100%;object-fit:cover;display:block}
.proj-hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(15,14,12,.72) 0%,rgba(15,14,12,.08) 60%,transparent 100%)}
.proj-hero-text{position:absolute;bottom:52px;left:56px;right:56px;max-width:680px}

/* ══ SNAPSHOT GRID ══ */
.proj-snapshot-bg{background:var(--charcoal);padding:0}
.proj-snapshot-grid{max-width:1100px;margin:0 auto;padding:36px 56px;display:grid;grid-template-columns:repeat(6,1fr);gap:0;text-align:center}
.proj-snapshot-cell{padding:0 24px;border-right:1px solid rgba(184,155,106,.18)}
.proj-snapshot-cell-first{padding:0 24px 0 0;border-right:1px solid rgba(184,155,106,.18)}
.proj-snapshot-cell-last{padding:0 0 0 24px}

/* ══ BRIEF / OUTCOME ══ */
.proj-brief-wrap{max-width:1100px;margin:0 auto;padding:72px 56px;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.proj-divider-md{width:36px;height:1px;background:var(--gold);margin-bottom:24px}

/* ══ ROOM SECTIONS ══ */
.de-rooms-container{max-width:1200px;margin:0 auto;padding:72px 56px;display:grid;grid-template-columns:55% 1fr;gap:48px;align-items:center}
.de-rooms-container.img-right{grid-template-columns:1fr 55%}
.de-rooms-container.equal-cols{max-width:1100px;grid-template-columns:1fr 1fr;gap:56px}
.room-img-wrap{overflow:hidden}
.de-room-img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;transition:transform .7s ease}
.de-room-img:hover{transform:scale(1.03)}
.de-room-img.ratio-3-2{aspect-ratio:3/2}
.room-eyebrow{margin-bottom:18px}
.room-divider{width:32px;height:1px;background:var(--gold);margin-bottom:20px}
.room-body-gap{margin-top:14px}

/* ══ COMPLEXITY ══ */
.proj-complexity-section{background:var(--charcoal);padding:80px 56px}
.proj-complexity-inner{max-width:1100px;margin:0 auto}
.proj-complexity-inner > .sans-9{margin-bottom:18px;text-align:center}
.proj-complexity-inner > .serif-42{max-width:620px;margin:0 auto 20px;text-align:center}
.proj-complexity-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px}
.proj-complexity-item{border-top:1px solid rgba(184,155,106,.25);padding-top:24px}
.proj-complexity-item > .sans-9{margin-bottom:12px}
.proj-divider-ctr{width:36px;height:1px;background:var(--gold);margin:0 auto 56px}

/* ══ CLOSING CTA ══ */
.proj-cta-section{background:var(--ivory-light);padding:80px 56px;text-align:center}
.proj-cta-section > .sans-9{margin-bottom:20px}
.proj-cta-title{max-width:540px;margin:0 auto 18px}
.proj-divider-cta{width:36px;height:1px;background:var(--gold);margin:0 auto 24px}
.proj-cta-back{margin-top:40px}

/* ══ HERO TEXT ══ */
.proj-hero-text > .sans-9{margin-bottom:14px}
.proj-hero-text > h1{margin-bottom:16px}

/* ══ STUB PAGE ══ */
.stub-inner{max-width:860px;margin:0 auto;padding:64px 48px 80px}
.stub-label{font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:16px}
.stub-title{font-family:var(--serif);font-size:clamp(30px,5vw,56px);font-weight:300;color:var(--charcoal);margin-bottom:20px;line-height:1.15}
.stub-divider{width:48px;height:1px;background:var(--gold);margin-bottom:36px}
.stub-body{font-size:15px;color:var(--mid-grey);line-height:1.95;max-width:620px}

/* ══ RESPONSIVE ══ */
@media(max-width:768px){
  .proj-hero-overlay{background:linear-gradient(to top,rgba(15,14,12,.55) 0%,rgba(15,14,12,.04) 50%,transparent 100%)}
  .proj-hero-text{bottom:28px;left:20px;right:20px}
  .proj-hero-desc{display:none}
  .proj-snapshot-grid{grid-template-columns:repeat(2,1fr);padding:0;gap:0}
  .proj-snapshot-cell,.proj-snapshot-cell-first{padding:20px 16px;border-right:none;border-bottom:1px solid rgba(184,155,106,.15);text-align:left}
  .proj-snapshot-cell:nth-child(odd),.proj-snapshot-cell-first:nth-child(odd){border-right:1px solid rgba(184,155,106,.15)}
  .proj-snapshot-cell:nth-last-child(-n+2),.proj-snapshot-cell-last{border-bottom:none}
  .de-rooms-container{display:block;padding:48px 20px}
  .de-rooms-container > div{width:100%;margin-bottom:28px}
  .de-room-img{width:100%;height:auto;aspect-ratio:3/2}
  .proj-complexity-section{padding:56px 20px}
  .proj-complexity-grid{display:block}
  .proj-complexity-item{margin-bottom:28px}
  .proj-cta-section{padding:56px 20px}
  .proj-brief-wrap{display:block;padding:48px 20px}
  .proj-brief-wrap > div{margin-bottom:32px}
  .stub-inner{padding:48px 20px 64px}
}
@media(max-width:860px){
  .proj-complexity-section{padding:56px 20px}
  .proj-complexity-grid{display:block}
  .proj-complexity-item{margin-bottom:28px}
  .proj-cta-section{padding:56px 20px}
  .proj-brief-wrap{padding:48px 20px}
  .de-rooms-container{padding:48px 20px}
}
@media(max-width:500px){
  .proj-snapshot-grid > div{grid-template-columns:repeat(2,1fr)}
}
@media(min-width:1366px){
  .de-rooms-container{display:flex;align-items:center;gap:56px;max-width:1200px;padding:72px 48px}
  .de-rooms-container.equal-cols{max-width:1100px}
  .de-rooms-container > .room-img-wrap{width:660px;flex-shrink:0}
  .de-rooms-container > div:not(.room-img-wrap){flex:1;min-width:0}
  .de-room-img{width:660px;height:500px;aspect-ratio:unset;object-fit:cover}
}