:root{--ink:#111316;--muted:#686c70;--paper:#f4f2ee;--warm:#d6c3a1;--line:#d7d3cc;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}.progress{position:fixed;top:0;left:0;height:3px;background:#111;z-index:1000;width:0}.nav{height:76px;position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(244,242,238,.9);backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid rgba(17,19,22,.08);transition:.3s}.brand{display:grid;grid-template-columns:32px auto;align-items:center;line-height:.85;font-weight:900;letter-spacing:.1em;font-size:14px}.brand-mark{width:27px;height:27px;border:1px solid #111;border-radius:50%;display:grid;place-items:center;font-size:18px}.brand small{grid-column:2;font-size:7px;letter-spacing:.32em;margin-top:4px;font-weight:700}.nav nav{display:flex;align-items:center;gap:32px;font-size:12px;font-weight:650;letter-spacing:.04em}.nav nav a{opacity:.72}.nav nav a:hover{opacity:1}.nav-cta{border:1px solid #111;padding:11px 18px;opacity:1!important}.menu{display:none;background:none;border:0;font-size:22px}.hero{height:100vh;min-height:720px;position:relative;overflow:hidden;background:#16191b;color:#fff}.hero-media,.hero-overlay{position:absolute;inset:0}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-overlay{background:linear-gradient(90deg,rgba(5,7,8,.78),rgba(5,7,8,.25) 55%,rgba(5,7,8,.18)),linear-gradient(0deg,rgba(5,7,8,.5),transparent 40%)}.hero-content{position:absolute;left:9vw;top:25%;max-width:680px}.eyebrow,.section-kicker{font-size:10px;letter-spacing:.24em;font-weight:800}.hero h1{font-size:clamp(64px,9vw,142px);line-height:.79;letter-spacing:-.065em;margin:24px 0 32px;font-weight:750}.hero h1 em,.statement h2 i,.contact h2 i{font-family:Georgia,serif;font-weight:400}.hero-copy{max-width:450px;font-size:16px;line-height:1.6;color:rgba(255,255,255,.8)}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:15px 20px;border:1px solid currentColor;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:800}.btn-light{background:#fff;color:#111;border-color:#fff}.btn-dark{background:#111;color:#fff}.text-link{font-size:11px;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid rgba(255,255,255,.6);padding-bottom:5px}.hero-meta{position:absolute;right:5vw;bottom:70px;display:grid;grid-template-columns:auto auto;gap:6px 12px;align-items:end;text-align:right}.hero-meta span{font-family:Georgia,serif;font-size:34px}.hero-meta small{font-size:7px;letter-spacing:.16em;line-height:1.4;color:#bbb}.scroll{position:absolute;bottom:28px;left:9vw;font-size:9px;letter-spacing:.16em;text-transform:uppercase;opacity:.7}.section{padding:120px 9vw}.intro{background:#f7f5f1}.intro-grid,.section-head,.feature-grid,.legacy{display:grid;grid-template-columns:1.1fr .9fr;gap:8vw}.intro h2,.section-head h2,.feature h2,.legacy h2{font-size:clamp(48px,6vw,88px);line-height:.9;letter-spacing:-.055em;margin:24px 0 0}.intro h2 span,.section-head h2 span,.feature h2 span,.legacy h2 span{font-family:Georgia,serif;font-weight:400}.intro-text{max-width:560px;font-size:17px;line-height:1.8;color:#56595d;padding-top:18px}.intro-text p{margin:0 0 22px}.arrow-link{display:inline-flex;gap:35px;margin-top:12px;text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:800}.statement{height:780px;position:relative;color:#fff;overflow:hidden}.statement-bg,.statement-overlay{position:absolute;inset:0}.statement-bg img{width:100%;height:100%;object-fit:cover}.statement-overlay{background:linear-gradient(90deg,rgba(8,9,10,.78),rgba(8,9,10,.1))}.statement-content{position:absolute;left:9vw;top:50%;transform:translateY(-50%);max-width:630px}.statement h2{font-size:clamp(60px,8vw,120px);line-height:.83;letter-spacing:-.06em;margin:25px 0}.statement-content>p:last-child{max-width:430px;line-height:1.6;color:#d7d7d7}.section-head{align-items:end;margin-bottom:55px}.section-head>p{max-width:430px;color:var(--muted);line-height:1.7;margin:0}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:35px}.filters button{border:1px solid var(--line);background:transparent;padding:10px 15px;text-transform:uppercase;font-size:9px;letter-spacing:.12em;cursor:pointer}.filters button.active,.filters button:hover{background:#111;color:#fff;border-color:#111}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{background:#fff;border:1px solid #e3e0db;min-height:360px;display:flex;flex-direction:column;transition:.25s}.card:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,.08)}.card-top{padding:22px 22px 12px;display:flex;justify-content:space-between}.card-type{font-size:9px;letter-spacing:.14em;text-transform:uppercase;font-weight:800}.card-zone{font-family:Georgia,serif;font-size:18px}.plan-thumb{margin:0 16px;background:#f1f1ef;flex:1;display:grid;place-items:center;overflow:hidden}.plan-thumb img{width:100%;height:100%;object-fit:cover;object-position:center}.card-bottom{padding:18px 22px;display:flex;justify-content:space-between;align-items:end}.area strong{font-size:24px;letter-spacing:-.03em}.area small{font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:#777}.view{font-size:9px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;border-bottom:1px solid #111}.feature{background:#ebe8e1}.feature-grid{align-items:center}.feature-image{height:720px;overflow:hidden}.feature-image img{width:100%;height:100%;object-fit:cover}.feature-copy{max-width:560px}.feature-copy>p{font-size:16px;line-height:1.8;color:#666;margin:35px 0}.feature-points{border-top:1px solid #c9c5bd;margin:35px 0}.feature-points div{padding:16px 0;border-bottom:1px solid #c9c5bd;display:flex;justify-content:space-between;gap:25px}.feature-points b{font-size:12px}.feature-points small{color:#777;max-width:250px;line-height:1.4}.gallery{background:#f7f5f1}.masonry{display:grid;grid-template-columns:1.15fr .85fr 1fr;grid-auto-rows:250px;gap:12px}.masonry figure{margin:0;overflow:hidden;position:relative;background:#ddd}.masonry figure:nth-child(1){grid-row:span 2}.masonry figure:nth-child(4){grid-column:span 2}.masonry img{width:100%;height:100%;object-fit:cover;transition:.5s}.masonry figure:hover img{transform:scale(1.04)}.masonry figcaption{position:absolute;bottom:12px;left:12px;color:#fff;font-size:8px;text-transform:uppercase;letter-spacing:.14em;text-shadow:0 2px 10px #000}.legacy{background:#111;color:#fff;grid-template-columns:.6fr 1.4fr;align-items:center}.legacy-mark{font-size:clamp(110px,16vw,250px);letter-spacing:-.09em;font-weight:700;line-height:.8}.legacy-mark span{font-size:.3em;vertical-align:top}.legacy-copy{max-width:700px}.legacy h2{margin-bottom:35px}.legacy-copy p{font-size:17px;line-height:1.8;color:#c0c0c0}.legacy .note{font-size:11px;line-height:1.6;color:#858585;border-left:1px solid #555;padding-left:15px}.brochure{background:#1c2022;color:#fff}.brochure-inner{border:1px solid #4a4d4e;padding:70px;display:flex;align-items:center;justify-content:space-between;gap:60px}.brochure h2{font-size:clamp(55px,7vw,100px);line-height:.82;letter-spacing:-.06em;margin:22px 0}.brochure p{color:#aaa;max-width:480px;line-height:1.7}.contact{height:800px;position:relative;color:#fff;overflow:hidden}.contact-bg,.contact-overlay{position:absolute;inset:0}.contact-bg img{width:100%;height:100%;object-fit:cover}.contact-overlay{background:rgba(0,0,0,.68)}.contact-content{position:absolute;left:9vw;top:50%;transform:translateY(-50%)}.contact h2{font-size:clamp(70px,9vw,140px);line-height:.8;letter-spacing:-.065em;margin:25px 0}.contact-content>p{max-width:430px;color:#ccc;line-height:1.7}.contact-actions{display:flex;gap:45px;margin:35px 0}.contact-line{display:flex;flex-direction:column;gap:7px}.contact-line small{font-size:8px;letter-spacing:.16em;color:#aaa}.contact-line strong{font-family:Georgia,serif;font-size:23px;font-weight:400}.contact-content .btn{margin-top:5px}footer{background:#111;color:#8d8d8d;display:flex;justify-content:space-between;gap:25px;padding:28px 5vw;font-size:9px;letter-spacing:.05em}.footer-brand{color:#fff;font-weight:800;letter-spacing:.15em}.footer-brand span{color:#777;font-size:7px}.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.82);z-index:1100;padding:5vh 6vw;align-items:center;justify-content:center}.modal.open{display:flex}.modal-card{background:#f6f5f2;max-width:1050px;width:100%;max-height:90vh;display:grid;grid-template-columns:1.5fr .5fr;overflow:hidden}.modal-card img{width:100%;height:80vh;object-fit:contain;background:#e9e8e4}.modal-card>div{padding:40px}.modal-close{position:absolute;right:30px;top:20px;color:#fff;background:none;border:0;font-size:40px;cursor:pointer}.modal-title{font-size:34px;line-height:1;margin-bottom:25px}.modal-data{font-size:12px;line-height:1.9;color:#666}.modal-data b{color:#111}.card.hidden{display:none}@media(max-width:900px){.nav nav{display:none}.menu{display:block}.hero-content{left:7vw;top:23%}.hero-meta{display:none}.section{padding:85px 7vw}.intro-grid,.section-head,.feature-grid,.legacy{grid-template-columns:1fr;gap:40px}.cards{grid-template-columns:repeat(2,1fr)}.feature-image{height:500px}.legacy-mark{font-size:120px}.brochure-inner{padding:45px;display:block}.brochure-inner .btn{margin-top:30px}.masonry{grid-template-columns:1fr 1fr;grid-auto-rows:220px}.masonry figure:nth-child(1){grid-row:span 1}.masonry figure:nth-child(4){grid-column:span 1}.modal-card{grid-template-columns:1fr;overflow:auto}.modal-card img{height:55vh}}@media(max-width:600px){.hero{min-height:650px}.hero h1{font-size:65px}.hero-copy{font-size:14px;max-width:330px}.cards{grid-template-columns:1fr}.section-head h2,.intro h2,.feature h2,.legacy h2{font-size:52px}.feature-image{height:360px}.masonry{grid-template-columns:1fr;grid-auto-rows:280px}.contact{height:700px}.contact-actions{flex-direction:column;gap:20px}.contact h2{font-size:68px}.contact-content{left:7vw}.contact-line strong{font-size:19px}footer{flex-direction:column}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}}


/* Supplied Dream Big Real Estate logo */
.brand-logo {
  width: 118px;
  height: 58px;
  object-fit: contain;
  object-position: center;
  display: block;
}
.footer-logo {
  width: 150px;
  height: 72px;
  object-fit: contain;
  object-position: center;
  display: block;
}
@media (max-width: 700px) {
  .brand-logo { width: 94px; height: 48px; }
  .footer-logo { width: 125px; height: 62px; }
}


/* Premium oversized Dream Big logo treatment */
.brand {
  display: flex !important;
  align-items: center;
  justify-content: flex-start;
  min-width: 190px;
  padding: 4px 0;
}
.brand-logo {
  width: 185px !important;
  height: 92px !important;
  max-width: none !important;
  object-fit: contain;
  object-position: center;
  display: block;
  filter: drop-shadow(0 8px 18px rgba(0,0,0,.25));
  transition: transform .3s ease, filter .3s ease;
}
.brand:hover .brand-logo {
  transform: scale(1.035);
  filter: drop-shadow(0 10px 24px rgba(0,120,255,.35));
}
.footer-logo {
  width: 210px !important;
  height: 105px !important;
  object-fit: contain;
  display: block;
  filter: drop-shadow(0 7px 16px rgba(0,0,0,.2));
}

/* Give the hero branding a strong visual presence where the existing markup supports it. */
.hero .brand-logo, .hero-brand-logo {
  width: 300px !important;
  height: 150px !important;
  filter: drop-shadow(0 12px 28px rgba(0,120,255,.25));
}

@media (max-width: 900px) {
  .brand-logo {
    width: 145px !important;
    height: 72px !important;
  }
  .brand { min-width: 150px; }
  .hero .brand-logo, .hero-brand-logo {
    width: 230px !important;
    height: 115px !important;
  }
}
@media (max-width: 600px) {
  .brand-logo {
    width: 125px !important;
    height: 62px !important;
  }
  .brand { min-width: 130px; }
  .footer-logo {
    width: 170px !important;
    height: 85px !important;
  }
  .hero .brand-logo, .hero-brand-logo {
    width: 190px !important;
    height: 95px !important;
  }
}


/* Final Dream Big brand alignment */
.nav{height:92px;padding:0 5vw;}
.brand{display:flex !important;align-items:center;justify-content:flex-start;min-width:180px;height:92px;padding:0;}
.brand-logo{display:block;width:170px !important;height:84px !important;max-width:170px !important;object-fit:contain;object-position:center;filter:drop-shadow(0 7px 16px rgba(0,0,0,.18));transition:transform .25s ease,filter .25s ease;}
.brand:hover .brand-logo{transform:scale(1.025);filter:drop-shadow(0 9px 20px rgba(0,110,210,.28));}
.nav nav{align-items:center;}
.footer-logo{width:190px !important;height:95px !important;object-fit:contain;filter:drop-shadow(0 7px 16px rgba(0,0,0,.18));}
@media(max-width:900px){.nav{height:78px}.brand{height:78px;min-width:145px}.brand-logo{width:145px !important;height:70px !important;max-width:145px !important}.menu{font-size:24px}}
@media(max-width:600px){.brand{min-width:125px}.brand-logo{width:125px !important;height:62px !important;max-width:125px !important}.footer-logo{width:165px !important;height:82px !important}}


/* Monthly project progress CTA */
.news-nav-link { position: relative; display: inline-flex; align-items: center; gap: 7px; }
.news-nav-link span { font-size: 7px; letter-spacing: .12em; background: #111; color: #fff; padding: 3px 5px; border-radius: 999px; line-height: 1; }
.hero-news-card {
  position:absolute; right:5vw; top:150px; width:310px; padding:24px 25px 22px;
  background:rgba(17,19,22,.62); border:1px solid rgba(255,255,255,.28);
  backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px);
  box-shadow:0 24px 55px rgba(0,0,0,.25); color:#fff; z-index:4;
}
.hero-news-top { display:flex; justify-content:space-between; align-items:center; font-size:8px; letter-spacing:.2em; font-weight:800; color:#d6c3a1; margin-bottom:18px; }
.news-dot { width:7px; height:7px; border-radius:50%; background:#d6c3a1; box-shadow:0 0 0 5px rgba(214,195,161,.14); }
.hero-news-card strong { display:block; font-family:Georgia,serif; font-weight:400; font-size:30px; line-height:.98; letter-spacing:-.03em; }
.hero-news-card p { margin:13px 0 18px; font-size:12px; line-height:1.55; color:rgba(255,255,255,.72); max-width:250px; }
.hero-news-card a { display:inline-flex; align-items:center; gap:20px; font-size:9px; text-transform:uppercase; letter-spacing:.15em; font-weight:800; border-bottom:1px solid rgba(255,255,255,.45); padding-bottom:7px; }
.hero-news-card a b { font-size:15px; font-weight:400; }
@media(max-width:900px){
  .hero-news-card{right:7vw;top:auto;bottom:92px;width:290px;padding:18px 20px;}
  .hero-news-card strong{font-size:25px;}
  .hero-news-card p{font-size:11px; margin:10px 0 14px;}
  .hero-meta{display:none;}
}
@media(max-width:600px){
  .hero-news-card{left:7vw;right:7vw;bottom:42px;width:auto;padding:16px 18px;}
  .hero-news-card strong{font-size:22px;}
  .hero-news-card p{display:none;}
  .news-nav-link span{display:none;}
}


/* News page action buttons: blue Dream Big button beside Sales */
.news-back { justify-content: flex-end; }
.news-back .news-home-btn { background: #0a69d8; color: #fff; border: 1px solid #0a69d8; }
.news-back .news-home-btn:hover { background: #0958b4; border-color: #0958b4; }
@media(max-width:600px){ .news-back { justify-content: flex-start; flex-wrap: wrap; } }


/* Final news action strip — no white block beside the buttons */
.news-page .news-back {
  background: #111;
  border-top: 1px solid #292d2f;
  padding: 42px 9vw 64px;
  margin: 0;
}
.news-actions-inner {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 14px;
}
.news-actions .news-home-btn,
.news-actions .news-sales-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 0 24px;
  border-radius: 0;
  text-decoration: none;
  font-size: 9px;
  letter-spacing: .15em;
  text-transform: uppercase;
  font-weight: 800;
}
.news-actions .news-home-btn {
  background: #0a69d8 !important;
  color: #fff !important;
  border: 1px solid #0a69d8 !important;
}
.news-actions .news-home-btn:hover {
  background: #0b7df2 !important;
  border-color: #0b7df2 !important;
}
.news-actions .news-sales-btn {
  background: #d6c3a1 !important;
  color: #111 !important;
  border: 1px solid #d6c3a1 !important;
}
.news-actions .news-sales-btn:hover {
  background: #ead8b8 !important;
  border-color: #ead8b8 !important;
}
@media(max-width:600px){
  .news-page .news-back{padding:32px 7vw 50px;}
  .news-actions-inner{justify-content:flex-start;flex-wrap:wrap;}
}