:root{--green:#75a80f;--dark:#061508;--deep:#020803;--gold:#d7a83a;--charcoal:#2d2d2d;--cream:#fbf7ed}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Arial,Helvetica,sans-serif;color:var(--charcoal);background:#fff;line-height:1.6;overflow-x:hidden}.navbar{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(255,255,255,.88);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;padding:12px 6%;box-shadow:0 4px 18px rgba(0,0,0,.08)}.nav-logo img{height:44px;width:auto}nav{display:flex;gap:22px}nav a{color:#222;text-decoration:none;font-weight:700}.nav-btn{background:var(--green);color:#fff;text-decoration:none;padding:10px 20px;border-radius:30px;font-weight:800}.call-dropdown{position:relative}.call-toggle{border:0;cursor:pointer;font:inherit}.call-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:175px;background:#fff;border-radius:14px;padding:7px;box-shadow:0 14px 32px rgba(0,0,0,.18);display:none}.call-dropdown.open .call-menu{display:block}.call-menu a{display:block;color:#222;text-decoration:none;padding:11px 13px;border-radius:10px;font-weight:800;white-space:nowrap}.call-menu a:hover{background:#f1f5e9;color:var(--green)}.intro{min-height:100vh;background:radial-gradient(circle at center,#143414 0%,#041006 45%,#000 100%);display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;color:white}.particles{position:absolute;inset:0;background-image:radial-gradient(#f4c64a 1px,transparent 1px),radial-gradient(#6da60f 1px,transparent 1px);background-size:80px 80px,130px 130px;animation:particleMove 12s linear infinite;opacity:.28}.intro-logo-wrap{position:relative;z-index:5;animation:logoReveal 2s ease forwards;will-change:transform}.intro-logo{width:min(620px,78vw);filter:drop-shadow(0 0 26px rgba(117,168,15,.55));}.gold-ring{position:absolute;z-index:4;width:min(560px,75vw);height:120px;border:2px solid rgba(215,168,58,.75);border-radius:50%;bottom:21%;box-shadow:0 0 35px rgba(215,168,58,.45);animation:ringPulse 2.2s ease-in-out infinite}.scroll-hint{position:absolute;z-index:6;bottom:8%;left:0;right:0;letter-spacing:4px;font-size:13px;font-weight:900;color:#eee;animation:bounce 1.4s infinite}.scroll-hint span{display:block;font-size:30px;color:var(--green);letter-spacing:0}.leaf{position:absolute;color:#8fc21d;font-size:38px;opacity:.55;z-index:3;filter:blur(.2px);animation:floatLeaf 7s ease-in-out infinite}.l1{left:8%;top:20%;animation-delay:.1s}.l2{right:10%;top:18%;animation-delay:1.2s}.l3{left:14%;bottom:25%;animation-delay:2.4s}.l4{right:16%;bottom:28%;animation-delay:3.4s}.gate-entry{height:100vh;position:relative;overflow:hidden;background:#000}.gate-bg{position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,.12),rgba(0,0,0,.5)),url('assets/silva-city-hero-new.png') center/cover no-repeat;transform:scale(1.12);animation:slowGateZoom 9s ease-out forwards}.gate-overlay{position:absolute;left:0;right:0;bottom:10%;text-align:center;color:white;text-shadow:0 4px 22px rgba(0,0,0,.75)}.gate-overlay span{color:#b5e938;letter-spacing:3px;text-transform:uppercase;font-weight:900}.gate-overlay h1{font-family:Georgia,serif;font-size:clamp(38px,7vw,84px);letter-spacing:5px;color:#fff}.quick-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:48px 6%;background:#071509}.quick-cards div{background:rgba(255,255,255,.08);border:1px solid rgba(117,168,15,.5);border-radius:20px;padding:24px;box-shadow:0 12px 38px rgba(0,0,0,.18);color:white}.quick-cards strong{display:block;color:#b6e83c;font-size:26px}.quick-cards span{color:#eee}.section{padding:86px 6%;overflow:hidden}.tag{text-transform:uppercase;letter-spacing:2px;color:var(--green);font-weight:900;font-size:13px}h2{font-size:clamp(30px,4vw,46px);line-height:1.2;color:var(--dark);margin:10px 0 22px}.split{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}.split ul{margin:18px 0 0 20px}.image-card img{width:100%;border-radius:26px;box-shadow:0 22px 50px rgba(0,0,0,.18)}.dark{background:radial-gradient(circle at top,#143414,#061508 60%,#020502);color:white;text-align:center}.dark h2{color:white}.amenity-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px}.amenity-grid div{border:1px solid rgba(117,168,15,.55);border-radius:18px;padding:24px;background:rgba(255,255,255,.08);font-weight:800;color:#fff}.center-text{text-align:center;max-width:700px;margin:auto}.gallery-section{text-align:center;background:#fff}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px;text-align:left}.gallery-card{position:relative;display:block;overflow:hidden;border-radius:22px;box-shadow:0 12px 34px rgba(0,0,0,.12);height:250px;text-decoration:none;background:#eee}.gallery-card img{width:100%;height:100%;object-fit:cover;transition:1.2s}.gallery-card:hover img{transform:scale(1.12)}.gallery-card span{position:absolute;left:0;right:0;bottom:0;padding:18px;color:#fff;font-weight:900;background:linear-gradient(transparent,rgba(0,0,0,.78))}.video-section{text-align:center;background:var(--cream)}video{width:min(980px,100%);border-radius:24px;box-shadow:0 16px 45px rgba(0,0,0,.18);margin-top:18px}.layout-section{text-align:center}.layout-image-wrap{display:block;max-width:1180px;margin:30px auto 0;border-radius:24px;overflow:hidden;background:#f3f0e7;box-shadow:0 18px 50px rgba(0,0,0,.16);border:1px solid rgba(117,168,15,.22)}.layout-plan-image{display:block;width:100%;height:auto;max-height:850px;object-fit:contain;transition:transform .8s ease}.layout-image-wrap:hover .layout-plan-image{transform:scale(1.015)}.download-box{display:flex;gap:18px;justify-content:center;margin-top:26px;flex-wrap:wrap}.download-box a{background:var(--green);color:white;padding:14px 24px;border-radius:12px;text-decoration:none;font-weight:800}.location{background:#fafafa;text-align:center}.location-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:25px;text-align:left}.location-grid div{background:white;padding:18px;border-radius:16px;border-left:5px solid var(--green);box-shadow:0 8px 24px rgba(0,0,0,.06)}.location-grid span{display:block}.location-grid b{color:var(--green);font-size:22px}.contact{text-align:center;background:var(--cream)}form{max-width:560px;margin:24px auto 0;display:grid;gap:13px}input,select,textarea{padding:15px;border:1px solid #ddd;border-radius:12px;font-size:16px}textarea{min-height:110px}button{background:var(--dark);color:white;border:0;border-radius:12px;padding:15px;font-size:16px;font-weight:800}.whatsapp{position:fixed;right:18px;bottom:18px;z-index:60;background:#25D366;color:white;text-decoration:none;border-radius:35px;padding:13px 20px;font-weight:900;box-shadow:0 10px 28px rgba(0,0,0,.22);animation:whatsappPulse 1.8s infinite}footer{text-align:center;padding:36px 6%;background:#111;color:white}footer img{height:80px;margin-bottom:10px}.slide-left,.slide-right,.slide-up,.zoom-in,.reveal-down{opacity:0;transition:transform 1s cubic-bezier(.17,.84,.44,1),opacity 1s}.slide-left{transform:translateX(-90px)}.slide-right{transform:translateX(90px)}.slide-up{transform:translateY(70px)}.zoom-in{transform:scale(.9)}.reveal-down{transform:translateY(-30px)}.show{opacity:1!important;transform:translateX(0) translateY(0) scale(1)!important}.reveal-section .slide-left:nth-child(2n),.gallery-grid .gallery-card:nth-child(2n),.location-grid div:nth-child(2n),.amenity-grid div:nth-child(2n){transition-delay:.12s}.gallery-grid .gallery-card:nth-child(3n),.location-grid div:nth-child(3n),.amenity-grid div:nth-child(3n){transition-delay:.22s}.gallery-grid .gallery-card:nth-child(4n),.location-grid div:nth-child(4n),.amenity-grid div:nth-child(4n){transition-delay:.32s}@keyframes logoReveal{0%{opacity:0;transform:scale(.55);filter:blur(14px)}55%{opacity:1;transform:scale(1.08);filter:blur(0)}100%{opacity:1;transform:scale(1)}}@keyframes ringPulse{50%{transform:scale(1.05);opacity:.4}}@keyframes particleMove{to{background-position:200px 400px,-300px 200px}}@keyframes bounce{50%{transform:translateY(10px)}}@keyframes floatLeaf{50%{transform:translateY(-35px) rotate(25deg);opacity:.9}}@keyframes slowGateZoom{to{transform:scale(1)}}@keyframes whatsappPulse{50%{transform:scale(1.06)}}@media(max-width:900px){nav{display:none}.quick-cards,.amenity-grid,.location-grid,.split,.gallery-grid{grid-template-columns:1fr 1fr}.intro-logo{width:82vw}.gate-bg{background-position:center}.section{padding:68px 5%}}@media(max-width:600px){.quick-cards,.amenity-grid,.location-grid,.split,.gallery-grid{grid-template-columns:1fr}.navbar{padding:10px 5%}.nav-logo img{height:36px}.intro-logo{width:88vw}.gold-ring{height:80px;bottom:23%}.gate-entry{height:86vh}.gate-bg{background-position:center;transform:scale(1.04)}.gate-overlay{bottom:9%;padding:0 15px}.gate-overlay h1{font-size:34px;letter-spacing:2px}.gallery-card{height:220px}.slide-left{transform:translateX(-65px)}.slide-right{transform:translateX(65px)}}

/* Plot to Dream Home premium animated section */
.dream-home{background:radial-gradient(circle at 80% 20%,rgba(122,174,28,.22),transparent 28%),linear-gradient(135deg,#071308,#10240e 55%,#050805);color:#fff;display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;align-items:center;overflow:hidden;position:relative}.dream-home:before{content:"";position:absolute;inset:0;background:url('assets/gallery/internal-road.png') center/cover no-repeat;opacity:.12;filter:blur(2px)}.dream-home>*{position:relative;z-index:1}.dream-copy h2{color:#fff;font-size:46px}.dream-copy p{max-width:560px;color:rgba(255,255,255,.82);font-size:18px}.dream-btn{display:inline-block;margin-top:24px;background:#78a915;color:#fff;text-decoration:none;font-weight:800;padding:14px 24px;border-radius:32px;box-shadow:0 12px 30px rgba(120,169,21,.28)}.dream-visual{min-height:470px}.dream-scene{position:relative;height:360px;border:1px solid rgba(130,185,27,.55);border-radius:30px;background:linear-gradient(180deg,rgba(255,210,107,.18),rgba(15,38,13,.72)),url('assets/gallery/internal-road.png') center/cover no-repeat;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.35)}.dream-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 15%,rgba(0,0,0,.35) 70%)}.sun-glow{position:absolute;width:180px;height:180px;border-radius:50%;top:28px;right:80px;background:radial-gradient(circle,rgba(255,225,128,.55),transparent 65%);animation:sunPulse 3s infinite ease-in-out}.plot-ground{position:absolute;left:8%;right:8%;bottom:40px;height:90px;background:linear-gradient(180deg,rgba(110,160,35,.42),rgba(24,62,17,.9));border-radius:50% 50% 20px 20px;transform:perspective(500px) rotateX(58deg);z-index:2;border:2px solid rgba(162,217,49,.5)}.foundation-line{position:absolute;left:28%;bottom:112px;width:0;height:5px;background:#b7e044;box-shadow:0 0 16px #98d21a;border-radius:20px;z-index:3;animation:foundationDraw 2.8s ease-in-out infinite alternate}.home-shape{position:absolute;left:50%;bottom:118px;width:230px;height:170px;transform:translateX(-50%) translateY(28px);opacity:0;z-index:4;animation:homeReveal 3.8s ease-in-out infinite}.roof{width:0;height:0;border-left:130px solid transparent;border-right:130px solid transparent;border-bottom:82px solid rgba(120,169,21,.95);filter:drop-shadow(0 0 14px rgba(120,169,21,.7));margin-left:-15px}.house-body{width:205px;height:105px;margin:-2px auto 0;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(214,224,205,.88));border-radius:8px 8px 16px 16px;box-shadow:0 16px 35px rgba(0,0,0,.32);display:flex;align-items:center;justify-content:center;gap:24px}.house-body span{display:block;width:42px;height:50px;border-radius:6px;background:linear-gradient(180deg,#15320f,#6b9918);box-shadow:0 0 10px rgba(120,169,21,.5)}.garden-left,.garden-right{position:absolute;bottom:72px;width:80px;height:38px;background:radial-gradient(circle at 20% 70%,#8bc419 0 15%,transparent 16%),radial-gradient(circle at 50% 55%,#4d8011 0 20%,transparent 21%),radial-gradient(circle at 80% 70%,#9ddd28 0 16%,transparent 17%);z-index:5;opacity:0;animation:gardenPop 3.8s ease-in-out infinite}.garden-left{left:18%}.garden-right{right:18%}.dream-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}.step-card{background:rgba(255,255,255,.08);border:1px solid rgba(130,185,27,.45);border-radius:18px;padding:18px;text-align:center;backdrop-filter:blur(8px)}.step-card b{display:block;color:#9bd32a;font-size:28px}.step-card span{font-weight:800;color:#fff}@keyframes foundationDraw{0%{width:0}100%{width:44%}}@keyframes homeReveal{0%,30%{opacity:0;transform:translateX(-50%) translateY(28px) scale(.86)}60%,100%{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}@keyframes gardenPop{0%,55%{opacity:0;transform:translateY(15px) scale(.8)}80%,100%{opacity:1;transform:translateY(0) scale(1)}}@keyframes sunPulse{0%,100%{transform:scale(.95);opacity:.65}50%{transform:scale(1.08);opacity:1}}
@media(max-width:900px){.dream-home{grid-template-columns:1fr}.dream-copy h2{font-size:34px}.dream-visual{min-height:auto}.dream-scene{height:320px}.dream-steps{grid-template-columns:1fr}.home-shape{width:190px}.roof{border-left-width:105px;border-right-width:105px;border-bottom-width:68px}.house-body{width:170px;height:90px}.dream-copy p{font-size:16px}}


/* Cinematic Drone Video Section */
.cinematic-video{
  min-height:100vh;
  padding:92px 6%;
  display:grid;
  grid-template-columns:.9fr 1.25fr;
  gap:36px;
  align-items:center;
  background:radial-gradient(circle at top left, rgba(95,141,22,.22), transparent 35%), linear-gradient(135deg,#071407,#18321a 55%,#071407);
  color:#fff;
  overflow:hidden;
}
.cinematic-video h2{color:#fff;font-size:42px}
.cinematic-video p{color:rgba(255,255,255,.82);font-size:18px}
.drone-video-frame{
  position:relative;
  border-radius:30px;
  padding:10px;
  background:linear-gradient(135deg,rgba(255,255,255,.35),rgba(190,153,75,.8),rgba(95,141,22,.45));
  box-shadow:0 35px 90px rgba(0,0,0,.45);
}
.drone-video-frame:before{
  content:"";position:absolute;inset:-18px;
  background:radial-gradient(circle, rgba(190,153,75,.25), transparent 65%);
  filter:blur(18px);z-index:0;
}
.drone-video-frame video{
  position:relative;z-index:1;
  width:100%;
  border-radius:22px;
  display:block;
  margin:0;
  box-shadow:none;
}
@media(max-width:900px){
  .cinematic-video{grid-template-columns:1fr;padding:70px 5%;min-height:auto}
  .cinematic-video h2{font-size:31px}
}

/* Dream Home Video Section */
.dream-video{
  display:grid;
  grid-template-columns:0.82fr 1.18fr;
  gap:38px;
  align-items:center;
  background:radial-gradient(circle at top right, rgba(139,195,23,.20), transparent 36%), linear-gradient(135deg,#061307,#112411 55%,#050b06);
  color:#fff;
  overflow:hidden;
}
.dream-video h2{color:#fff;font-size:42px;line-height:1.15}
.dream-video p{color:rgba(255,255,255,.86);font-size:18px;max-width:620px}
.dream-video-frame{border:1px solid rgba(139,195,23,.42);border-radius:28px;padding:10px;background:rgba(255,255,255,.06);box-shadow:0 24px 80px rgba(0,0,0,.35)}
.dream-video-frame video{width:100%;display:block;border-radius:20px;max-height:560px;object-fit:cover;background:#000}
.dream-video-copy{position:relative;z-index:2}.dream-video-copy:before{content:"";position:absolute;left:-26px;top:-22px;width:110px;height:110px;border-radius:50%;background:rgba(139,195,23,.14);filter:blur(18px);z-index:-1}
@media(max-width:900px){.dream-video{grid-template-columns:1fr;padding-top:56px}.dream-video h2{font-size:32px}.dream-video p{font-size:16px}.dream-video-frame video{max-height:420px}}


/* Added brochure content sections */
.highlights-section,
.premium-amenities-section,
.pricing-section,
.faq-section {
  position: relative;
}

.highlights-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  margin-top: 34px;
}

.highlight-card {
  padding: 28px;
  border: 1px solid rgba(26, 55, 45, .22);
  border-radius: 18px;
  background: rgba(255,255,255,.65);
  box-shadow: 0 10px 30px rgba(0,0,0,.04);
}

.highlight-card h3 {
  margin: 0 0 12px;
  font-size: 24px;
}

.highlight-card p {
  margin: 0;
  line-height: 1.65;
}

.amenity-detail-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  margin-top: 32px;
}

.amenity-detail-grid > div {
  padding: 20px 16px;
  border: 1px solid rgba(26,55,45,.24);
  border-radius: 14px;
  text-align: center;
  font-weight: 600;
  background: rgba(255,255,255,.5);
}

.pricing-section {
  text-align: center;
}

.price-card {
  max-width: 780px;
  margin: 34px auto 20px;
  padding: 42px 24px;
  border: 1px solid rgba(26,55,45,.28);
  border-radius: 24px;
  background: rgba(255,255,255,.7);
}

.price-card .price {
  font-size: clamp(48px, 7vw, 88px);
  line-height: 1;
  font-weight: 800;
  margin-bottom: 18px;
}

.price-card .price-meta {
  font-size: 18px;
  font-weight: 600;
}

.price-card p {
  margin: 12px 0 0;
}

.faq-list {
  margin-top: 30px;
}

.faq-item {
  padding: 28px 0;
  border-bottom: 1px solid rgba(26,55,45,.25);
}

.faq-item h3 {
  margin: 0 0 10px;
  font-size: 20px;
}

.faq-item p {
  margin: 0;
  max-width: 900px;
  line-height: 1.65;
}

@media (max-width: 900px) {
  .highlights-grid { grid-template-columns: repeat(2, 1fr); }
  .amenity-detail-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 600px) {
  .highlights-grid,
  .amenity-detail-grid { grid-template-columns: 1fr; }
  .highlight-card { padding: 22px; }
  .price-card { padding: 32px 18px; }
}


/* Google Maps location section */
.map-location-section {
  text-align: center;
}

.map-wrap {
  width: 100%;
  max-width: 1100px;
  margin: 30px auto 20px;
  overflow: hidden;
  border: 1px solid rgba(26,55,45,.24);
  border-radius: 22px;
  box-shadow: 0 12px 35px rgba(0,0,0,.06);
  background: #fff;
}

.map-wrap iframe {
  display: block;
  width: 100%;
  min-height: 480px;
}

.map-action {
  margin-top: 18px;
}

.map-action a {
  display: inline-block;
  padding: 12px 24px;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 700;
}

@media (max-width: 600px) {
  .map-wrap iframe {
    min-height: 360px;
  }
}


/* Investment Case — alternate premium editorial theme */
.investment-case-section {
  padding-top: 86px;
  padding-bottom: 86px;
  background:
    radial-gradient(circle at 15% 20%, rgba(197, 151, 73, .13), transparent 34%),
    linear-gradient(135deg, #f7f3ea 0%, #fffdf8 48%, #edf3ee 100%);
}

.investment-shell {
  max-width: 1220px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 42px;
  align-items: stretch;
}

.investment-copy {
  padding: 38px 10px 38px 4px;
}

.investment-eyebrow {
  margin: 0 0 14px;
  color: #b68a3d;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .16em;
}

.investment-copy h2 {
  margin: 0 0 20px;
  max-width: 600px;
  font-size: clamp(34px, 4vw, 58px);
  line-height: 1.05;
  color: #17372c;
}

.investment-intro {
  max-width: 590px;
  margin: 0 0 30px;
  color: #40534a;
  font-size: 17px;
  line-height: 1.65;
}

.investment-points {
  display: grid;
  gap: 18px;
}

.investment-point {
  display: flex;
  gap: 14px;
  align-items: flex-start;
}

.point-icon {
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #e5efe7;
  color: #2e7656;
  font-weight: 900;
  border: 1px solid #c8dccf;
}

.investment-point h3 {
  margin: 0 0 4px;
  color: #17372c;
  font-size: 17px;
}

.investment-point p {
  margin: 0;
  color: #52645b;
  line-height: 1.45;
  font-size: 14px;
}

.investment-chart {
  padding: 26px;
  border-radius: 28px;
  background: #17372c;
  box-shadow: 0 22px 60px rgba(23,55,44,.16);
  border: 1px solid rgba(182,138,61,.28);
}

.chart-card {
  padding: 18px 4px 20px;
  border-bottom: 1px solid rgba(255,255,255,.12);
}

.chart-card:last-of-type {
  border-bottom: 0;
}

.chart-heading {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: baseline;
  margin-bottom: 12px;
}

.chart-heading h3 {
  margin: 0;
  color: #fff;
  font-size: 17px;
}

.chart-heading span {
  color: #c8d4cd;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.bar-row {
  display: grid;
  grid-template-columns: 48px 1fr 105px;
  gap: 12px;
  align-items: center;
  margin: 9px 0;
  color: #d8e0db;
  font-size: 12px;
}

.bar-row strong {
  color: #fff;
  text-align: right;
  font-size: 12px;
  white-space: nowrap;
}

.bar-row.current > span {
  color: #c59a50;
  font-weight: 700;
}

.bar-track {
  height: 7px;
  border-radius: 999px;
  background: rgba(255,255,255,.16);
  overflow: hidden;
}

.bar-fill {
  height: 100%;
  border-radius: inherit;
}

.bar-fill.then {
  background: #6c7c74;
}

.bar-fill.now {
  background: linear-gradient(90deg, #b98b3e, #d1a85e);
}

.investment-source {
  margin: 18px 2px 0;
  color: #cbd6d0;
  text-align: right;
  font-size: 11px;
}

@media (max-width: 900px) {
  .investment-shell {
    grid-template-columns: 1fr;
  }
  .investment-copy {
    padding-bottom: 0;
  }
}

@media (max-width: 600px) {
  .investment-case-section {
    padding-top: 56px;
    padding-bottom: 56px;
  }
  .investment-chart {
    padding: 18px;
    border-radius: 20px;
  }
  .chart-heading {
    display: block;
  }
  .chart-heading span {
    display: block;
    margin-top: 4px;
  }
  .bar-row {
    grid-template-columns: 42px 1fr;
  }
  .bar-row strong {
    grid-column: 2;
    text-align: left;
    margin-top: -5px;
  }
}

/* Updated hero cover */
.gate-bg {
  transform: scale(1.0);
  animation: none;
  background-position: center center;
}

@media (max-width: 768px) {
  .gate-bg {
    background-position: center center;
  }
}
.brochure-section{background:linear-gradient(180deg,#fbfcf7,#f3f7ee)}
.brochure-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:30px}
.brochure-card{display:block;position:relative;background:#fff;border:1px solid rgba(117,168,15,.22);border-radius:16px;overflow:hidden;text-decoration:none;box-shadow:0 10px 28px rgba(0,0,0,.08);transition:transform .3s ease,box-shadow .3s ease}
.brochure-card:hover{transform:translateY(-5px);box-shadow:0 18px 38px rgba(0,0,0,.15)}
.brochure-card img{display:block;width:100%;height:auto;aspect-ratio:842/595;object-fit:cover}
.brochure-card span{display:block;padding:11px 14px;color:var(--dark);font-weight:800;font-size:14px}
@media(max-width:1000px){.brochure-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.brochure-grid{grid-template-columns:repeat(2,1fr);gap:12px}}