:root{
  --navy:#324262;
  --navy-dark:#051940;
  --blue-mid:#69758C;
  --gold:#B08D4A;
  --gold-light:#D9BC85;
  --gold-deep:#8A6B32;
  --champagne:#E2E8ED;
  --cream:#F5F7F9;
  --ink:#1C2328;
  --sidebar-w:272px;
  --btn-gold:#B08D4A;
  --btn-gold-light:#D9BC85;
  --btn-gold-deep:#8A6B32;
}

*{ box-sizing:border-box; }
img{ max-width:100%; height:auto; }
iframe{ max-width:100%; }

body{
  font-family:'Lato',sans-serif;
  color:#1C2328;
  background:#F5F7F9;
}

h1,h2,h3,h4,.brand-font{
  font-family:'Playfair Display',serif;
}

a{ text-decoration:none; }

.text-gold{ color:var(--gold) !important; }
.bg-navy{ background-color:var(--navy) !important; }
.bg-cream{ background-color:#F5F7F9 !important; }

/* ===== SIDEBAR ===== */
.sidebar{
  position:fixed;
  top:0; left:0; bottom:0;
  width:var(--sidebar-w);
  background:linear-gradient(195deg,var(--navy-dark),var(--navy));
  color:#fff;
  z-index:1040;
  display:flex;
  flex-direction:column;
  transition:left .3s ease;
  border-right:3px solid var(--gold);
}
.sidebar-brand{
  padding:2rem 1.5rem 1.5rem;
  border-bottom:1px solid rgba(255,255,255,.12);
}
.sidebar-mark{
  width:52px;height:52px;
  border-radius:50%;
  background:var(--gold);
  display:flex;align-items:center;justify-content:center;
  font-size:1.5rem;
  color:var(--navy-dark);
  margin-bottom:.8rem;
}
.sidebar-brand .word{
  font-family:'Playfair Display',serif;
  font-size:1.5rem;
  letter-spacing:.04em;
  line-height:1.1;
  color:#fff;
}
.sidebar-brand .sub{
  font-size:.66rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--gold-light);
  margin-top:.2rem;
}
.sidebar-nav{
  flex:1;
  padding:1.5rem 0;
  overflow-y:auto;
}
.sidebar-nav a{
  display:flex;
  align-items:center;
  gap:.8rem;
  padding:.8rem 1.6rem;
  color:#E2E8ED;
  font-weight:600;
  font-size:.92rem;
  letter-spacing:.02em;
  border-left:3px solid transparent;
}
.sidebar-nav a i{ width:18px; text-align:center; color:var(--gold-light); }
.sidebar-nav a:hover{
  background:rgba(255,255,255,.06);
  color:#fff;
}
.sidebar-nav a.active{
  background:rgba(255,255,255,.08);
  color:#fff;
  border-left-color:var(--gold);
}
.sidebar-cta{ padding:1.4rem 1.6rem 2rem; }
.sidebar-foot{
  padding:0 1.6rem 1.6rem;
  font-size:.78rem;
  color:#4a5560;
}
.sidebar-foot div{ margin-bottom:.5rem; }
.sidebar-foot i{ color:var(--gold-light); margin-right:.4rem; width:14px; }

.sidebar-toggle{
  position:fixed;
  top:14px; left:14px;
  z-index:1050;
  background:var(--navy);
  color:#fff;
  border:none;
  border-radius:6px;
  width:44px;height:44px;
  display:none;
  align-items:center;
  justify-content:center;
  font-size:1.2rem;
  box-shadow:0 4px 12px rgba(0,0,0,.2);
}
.sidebar-backdrop{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.4);
  z-index:1030;
  display:none;
}

.main-wrap{ margin-left:var(--sidebar-w); }

@media (max-width:991.98px){
  .sidebar{ left:calc(-1 * var(--sidebar-w)); }
  .sidebar.open{ left:0; }
  .main-wrap{ margin-left:0; }
  .sidebar-toggle{ display:flex; }
  body.sidebar-open .sidebar-backdrop{ display:block; }
}

/* Hero */
.hero{
  position:relative;
  min-height:82vh;
  display:flex;
  align-items:center;
  background:
    linear-gradient(120deg,rgba(11,85,85,.92) 0%,rgba(5,25,64,.78) 55%,rgba(5,25,64,.35) 100%),
    url('https://images.unsplash.com/photo-1551882547-ff40c63fe5fa?q=80&w=1800&auto=format&fit=crop') center/cover no-repeat;
}
.hero-inner{ color:#fff; max-width:680px; }
.hero .eyebrow{
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--gold-light);
  font-size:.8rem;
  font-weight:700;
}
.hero h1{
  font-size:clamp(2.2rem,5vw,3.7rem);
  line-height:1.15;
  margin:.75rem 0 1.25rem;
}
.hero p.lead{ color:#eef2f3; font-size:1.12rem; }

.divider-gold{ width:64px; height:3px; background:var(--gold); margin:1rem 0 1.5rem; }
.divider-gold.center{ margin:1rem auto 1.5rem; }

.section{ padding:5rem 0; }
.section-sm{ padding:3.5rem 0; }
.eyebrow-navy{
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--gold);
  font-size:.78rem;
  font-weight:700;
}

.stat-strip{ background:linear-gradient(120deg,var(--navy-dark),var(--blue-mid)); color:#fff; }
.stat-strip .stat-num{ font-family:'Playfair Display',serif; font-size:2.4rem; color:var(--gold-light); }
.stat-strip .stat-label{ text-transform:uppercase; letter-spacing:.08em; font-size:.8rem; color:#E2E8ED; }

.service-card{
  border:1px solid #e7e3d8;
  border-radius:10px;
  padding:2rem 1.6rem;
  height:100%;
  transition:box-shadow .2s, transform .2s, border-color .2s;
  background:#fff;
}
.service-card:hover{
  box-shadow:0 14px 30px rgba(5,25,64,.12);
  transform:translateY(-4px);
  border-color:var(--gold);
}
.service-card .icon-circle{
  width:54px;height:54px;border-radius:50%;
  background:var(--navy);
  display:flex;align-items:center;justify-content:center;
  color:var(--gold-light);
  font-size:1.4rem;
  margin-bottom:1.1rem;
}

.property-card{
  border:none;
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 4px 18px rgba(5,25,64,.10);
  height:100%;
  background:#E2E8ED;
  transition:transform .25s, box-shadow .25s;
  border-bottom:3px solid #B08D4A;
}
.property-card:hover{ transform:translateY(-5px); box-shadow:0 16px 36px rgba(5,25,64,.14); }
.property-card .prop-img{ height:210px; object-fit:cover; width:100%; }
.prop-img-link{ display:block; line-height:0; }
.prop-img-link .prop-img{ transition:transform .35s ease; }
.prop-img-link:hover .prop-img{ transform:scale(1.04); }
.property-card .prop-body{ padding:1.2rem 1.4rem 1.5rem; background:#fff; }
.property-card h5{ margin:.2rem 0 .4rem; color:var(--navy); font-size:1.05rem; font-weight:700; }
.property-card .prop-loc{ font-size:.82rem; color:#8A6B32; margin-bottom:.4rem; }
.property-card .prop-loc i{ color:var(--btn-gold); margin-right:.3rem; }

.filter-pills .btn{
  border-radius:30px;
  font-size:.82rem;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.03em;
  margin:.25rem;
  padding:.45rem 1.1rem;
  border:1px solid var(--navy);
  color:var(--navy);
  background:transparent;
}
.filter-pills .btn.active, .filter-pills .btn:hover{ background:var(--navy); color:#fff; }

.quote-block{
  background:#F5F7F9;
  border-left:4px solid var(--gold);
  padding:2rem 2.2rem;
  font-family:'Playfair Display',serif;
  font-size:1.25rem;
  font-style:italic;
  color:var(--navy);
  border-radius:0 10px 10px 0;
}

.team-card img{ width:100%; height:300px; object-fit:cover; border-radius:10px; }
.team-card h5{ margin-top:1rem; color:var(--navy); }
.team-card .role{ color:var(--gold); font-size:.85rem; text-transform:uppercase; letter-spacing:.05em; }

.contact-info-item{ display:flex; gap:1rem; margin-bottom:1.6rem; }
.contact-info-item .icon-circle{
  width:46px;height:46px;border-radius:50%;
  background:var(--navy);
  color:var(--gold-light);
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
}
.form-control{ border-radius:6px; border:1px solid #ddd; padding:.65rem .9rem; }
.form-control:focus{ border-color:var(--gold); box-shadow:0 0 0 .15rem rgba(5,25,64,.2); }

.btn-gold{
  background:var(--btn-gold);
  border:1px solid var(--btn-gold);
  color:#1a1303;
  font-weight:700;
  letter-spacing:.03em;
  text-transform:uppercase;
  font-size:.85rem;
  padding:.6rem 1.4rem;
  border-radius:6px;
}
.btn-gold:hover{ background:var(--btn-gold-light); border-color:var(--btn-gold-light); color:#1a1303; }

.btn-outline-navy{
  border:1px solid var(--navy);
  color:var(--navy);
  font-weight:600;
  text-transform:uppercase;
  font-size:.85rem;
  letter-spacing:.03em;
  padding:.6rem 1.4rem;
  border-radius:6px;
}
.btn-outline-navy:hover{ background:var(--navy); color:#fff; }

.page-header{
  background:linear-gradient(135deg,var(--navy-dark) 0%,var(--navy) 60%,var(--blue-mid) 100%);
  color:#F5F7F9;
  padding:8.5rem 0 3.5rem;
  position:relative;
}
.page-header::after{
  content:"";
  position:absolute;
  bottom:0; left:50%;
  width:64px;
  height:3px;
  background:var(--btn-gold);
  transform:translateX(-50%);
}
.page-header h1{ font-size:2.4rem; color:#F5F7F9; font-weight:700; }
.breadcrumb-bar{ font-size:.82rem; color:rgba(245,247,249,.55); }
.breadcrumb-bar a{ color:var(--btn-gold); font-weight:600; }
.breadcrumb-bar a:hover{ color:#fff; }

footer{ background:#051940; color:#E2E8ED; }
footer h6{ color:#fff; text-transform:uppercase; letter-spacing:.08em; font-size:.85rem; margin-bottom:1.1rem; }
footer a{ color:#E2E8ED; }
footer a:hover{ color:var(--gold-light); }
footer .footer-bottom{ border-top:1px solid rgba(255,255,255,.1); font-size:.85rem; color:#8A6B32; }
footer .footer-mark{
  height:96px;
  width:auto;
  object-fit:contain;
  display:block;
  margin-bottom:1rem;
}

@media (max-width:991.98px){
  .hero{ min-height:74vh; }
  .section{ padding:3.5rem 0; }
}

/* ===== PRELOADER ===== */
#pageLoader{
  position:fixed;
  inset:0;
  z-index:2000;
  background:#ffffff;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  transition:opacity .5s ease, visibility .5s ease;
}
#pageLoader.fade-out{
  opacity:0;
  visibility:hidden;
}
.loader-mark{ display:none; }
.loader-mark::before{ display:none; }
.loader-mark i{ display:none; }
.loader-word{
  font-family:'Playfair Display',serif;
  font-size:2rem;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:#051940;
  opacity:0;
  animation:loaderFadeUp .5s ease forwards .1s;
}
.loader-sub{
  font-size:.6rem;
  letter-spacing:.28em;
  text-transform:uppercase;
  color:#aab4be;
  margin-top:.35rem;
  opacity:0;
  animation:loaderFadeUp .5s ease forwards .3s;
}
.loader-bar{
  width:80px;
  height:2px;
  background:#E2E8ED;
  margin-top:1.2rem;
  overflow:hidden;
  border-radius:2px;
}
.loader-bar::after{
  content:"";
  display:block;
  width:40%;
  height:100%;
  background:#B08D4A;
  border-radius:2px;
  animation:loaderBar 1.3s ease-in-out infinite;
}
@keyframes loaderPulse{
  0%,100%{ transform:scale(1); }
  50%{ transform:scale(1.07); }
}
@keyframes loaderSpin{
  to{ transform:rotate(360deg); }
}
@keyframes loaderFadeUp{
  from{ opacity:0; transform:translateY(8px); }
  to{ opacity:1; transform:translateY(0); }
}
@keyframes loaderBar{
  0%{ transform:translateX(-100%); }
  100%{ transform:translateX(350%); }
}
@media (prefers-reduced-motion: reduce){
  .loader-mark, .loader-mark::before, .loader-bar::after{ animation:none; }
}

/* ===== HERO CAROUSEL ===== */
#heroCarousel{ min-height:82vh; }
#heroCarousel .carousel-item{
  min-height:82vh;
  display:flex;
  align-items:center;
}
#heroCarousel .carousel-item .slide-bg{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
  z-index:0;
}
#heroCarousel .carousel-item .slide-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,rgba(11,85,85,.92) 0%,rgba(5,25,64,.78) 55%,rgba(5,25,64,.32) 100%);
  z-index:1;
}
#heroCarousel .hero-inner{
  position:relative;
  z-index:2;
  color:#fff;
  max-width:680px;
}
#heroCarousel .carousel-indicators{
  bottom:24px;
}
#heroCarousel .carousel-indicators [data-bs-target]{
  width:10px;height:10px;
  border-radius:50%;
  background-color:rgba(255,255,255,.5);
  border:none;
  margin:0 5px;
}
#heroCarousel .carousel-indicators .active{
  background-color:var(--gold);
}
#heroCarousel .carousel-control-prev,
#heroCarousel .carousel-control-next{
  width:5%;
  opacity:.7;
}
#heroCarousel .carousel-control-prev-icon,
#heroCarousel .carousel-control-next-icon{
  background-color:rgba(0,0,0,.25);
  border-radius:50%;
  padding:18px;
  background-size:46%;
}
.carousel-fade .carousel-item{
  opacity:0;
  transition:opacity 1s ease;
}
.carousel-fade .carousel-item.active{ opacity:1; }
.slide-kicker{
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--gold-light);
  font-size:.8rem;
  font-weight:700;
  opacity:0;
  animation:slideUp .7s ease forwards .2s;
}
.slide-title{
  font-size:clamp(2rem,5vw,3.6rem);
  line-height:1.15;
  margin:.75rem 0 1.25rem;
  opacity:0;
  animation:slideUp .7s ease forwards .4s;
}
.slide-text{
  color:#eef2f3;
  font-size:1.1rem;
  opacity:0;
  animation:slideUp .7s ease forwards .6s;
}
.slide-cta{
  opacity:0;
  animation:slideUp .7s ease forwards .8s;
}
@keyframes slideUp{
  from{ opacity:0; transform:translateY(22px); }
  to{ opacity:1; transform:translateY(0); }
}

/* ===== RESPONSIVE REFINEMENTS ===== */
@media (max-width:1199.98px){
  :root{ --sidebar-w:240px; }
}
@media (max-width:991.98px){
  #heroCarousel, #heroCarousel .carousel-item{ min-height:72vh; }
  .stat-strip .stat-num{ font-size:2rem; }
  .page-header{ padding:5rem 0 3rem; }
}
@media (max-width:767.98px){
  :root{ --sidebar-w:82%; }
  .sidebar{ max-width:320px; }
  #heroCarousel, #heroCarousel .carousel-item{ min-height:64vh; }
  .slide-title{ font-size:1.9rem; }
  .section{ padding:3rem 0; }
  .quote-block{ font-size:1.05rem; padding:1.4rem 1.5rem; }
  .stat-strip .stat-num{ font-size:1.7rem; }
  .page-header h1{ font-size:1.9rem; }
}
@media (max-width:480px){
  #heroCarousel, #heroCarousel .carousel-item{ min-height:58vh; }
  .slide-title{ font-size:1.6rem; }
  .sidebar-brand{ padding:1.5rem 1.2rem 1.2rem; }
  .property-card .prop-img{ height:180px; }
  .loader-word{ font-size:1.4rem; }
}

/* ===== ULTRA LUXURY ENHANCEMENTS ===== */

/* Elegant serif accent font for eyebrows/quotes */
.eyebrow-navy, .eyebrow, .slide-kicker{
  font-family:'Cormorant Garamond',serif;
  font-style:italic;
  font-weight:600;
  letter-spacing:.12em;
}

/* Ornamental divider with center diamond */
.divider-gold{
  position:relative;
  width:90px;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--gold) 20%,var(--gold) 80%,transparent);
  margin:1.1rem 0 1.6rem;
}
.divider-gold::after{
  content:"";
  position:absolute;
  top:50%; left:50%;
  width:7px;height:7px;
  background:var(--gold);
  transform:translate(-50%,-50%) rotate(45deg);
}
.divider-gold.center{ margin:1.1rem auto 1.6rem; }

/* Shimmer gold buttons */
.btn-gold{
  position:relative;
  overflow:hidden;
  background:linear-gradient(135deg,var(--btn-gold-deep),var(--btn-gold) 50%,var(--btn-gold-light));
  border:1px solid var(--btn-gold);
  color:#1a1303;
  box-shadow:0 4px 18px rgba(201,173,127,.22);
}
.btn-gold::before{
  content:"";
  position:absolute;
  top:0; left:-60%;
  width:40%; height:100%;
  background:linear-gradient(120deg,transparent,rgba(255,255,255,.55),transparent);
  transform:skewX(-20deg);
  transition:left .6s ease;
}
.btn-gold:hover::before{ left:120%; }
.btn-gold:hover{
  color:#1a1303;
  box-shadow:0 6px 22px rgba(201,173,127,.4);
}

.btn-outline-navy, .btn-outline-light{
  letter-spacing:.08em;
}

/* Section background richness */
.bg-cream{ background:linear-gradient(180deg,var(--cream),#f1ece1); }

/* Stat strip luxury */
.stat-strip{
  background:linear-gradient(135deg,var(--navy-dark) 0%,var(--navy) 60%,#051940 100%);
  position:relative;
}
.stat-strip::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,transparent,rgba(5,25,64,.06),transparent);
  pointer-events:none;
}
.stat-strip .stat-num{
  font-size:2.5rem;
  text-shadow:0 0 18px rgba(5,25,64,.25);
}

/* Page header / CTA richer gradient with subtle gold sheen */
.page-header{
  background:linear-gradient(135deg,var(--navy-dark) 0%,var(--navy) 70%,#69758C 100%);
}

/* Service / property cards: gold edge reveal on hover */
.service-card{
  border:1px solid #e9e2cd;
  position:relative;
}
.service-card::after{
  content:"";
  position:absolute;
  inset:0;
  border:1px solid var(--gold);
  border-radius:10px;
  opacity:0;
  transition:opacity .3s ease;
  pointer-events:none;
}
.service-card:hover::after{ opacity:1; }
.service-card:hover{ box-shadow:0 18px 36px rgba(12,19,34,.14); }
.service-card .icon-circle{
  background:linear-gradient(135deg,var(--navy-dark),var(--navy));
  border:1px solid var(--gold-deep);
}

.property-card{ position:relative; }
.property-card .prop-img-wrap{ overflow:hidden; }
.property-card .prop-img{ transition:transform .6s ease; }
.property-card:hover .prop-img{ transform:scale(1.08); }
.property-card::after{
  content:"";
  position:absolute;
  inset:0;
  border:1px solid var(--gold);
  border-radius:10px;
  opacity:0;
  transition:opacity .35s ease;
  pointer-events:none;
}
.property-card:hover::after{ opacity:1; }

/* Team cards */
.team-card{ position:relative; }
.team-card img{ transition:transform .6s ease, filter .4s ease; filter:grayscale(.1); }
.team-card:hover img{ transform:scale(1.05); filter:grayscale(0); }

/* Quote block luxury styling */
.quote-block{
  background:linear-gradient(135deg,var(--navy-dark),var(--navy));
  color:var(--champagne);
  border-left:none;
  border-radius:10px;
  position:relative;
  padding:2.4rem 2.6rem;
}
.quote-block::before{
  content:"\\201C";
  position:absolute;
  top:6px; left:18px;
  font-family:'Playfair Display',serif;
  font-size:3.5rem;
  color:var(--gold-deep);
  opacity:.5;
  line-height:1;
}

/* Sidebar luxury refinement */
.sidebar{
  background:linear-gradient(200deg,var(--navy-dark) 0%,var(--navy) 65%,#2a5518 100%);
  border-right:1px solid var(--gold-deep);
}
.sidebar-mark{
  background:linear-gradient(135deg,var(--gold-deep),var(--gold) 50%,var(--gold-light));
  box-shadow:0 0 0 3px rgba(5,25,64,.15);
}
.sidebar-brand .word{ letter-spacing:.06em; }
.sidebar-nav a.active{
  border-left-color:var(--gold);
  background:linear-gradient(90deg,rgba(5,25,64,.1),transparent);
}

/* Footer luxury */
footer{ background:linear-gradient(180deg,var(--navy-dark),#0A2050); }
/* footer-mark now uses the white logo image directly, no background needed */

/* Loader luxury refinement */
#pageLoader{ background:#ffffff; }
.loader-mark{ display:none; }
.loader-mark::before{ border-color:transparent; }
.loader-bar::after{ background:#B08D4A; }

/* Scroll reveal */
.reveal{
  opacity:0;
  transform:translateY(26px);
  transition:opacity .8s ease, transform .8s ease;
}
.reveal.reveal-in{
  opacity:1;
  transform:translateY(0);
}
@media (prefers-reduced-motion: reduce){
  .reveal{ opacity:1; transform:none; transition:none; }
}

/* ===== CINEMATIC HERO + GLASSMORPHIC STATS ===== */
.cinematic-hero{ overflow:visible; }
.cinematic-hero .carousel-item,
.cinematic-hero{ min-height:88vh; }
.cinematic-hero .hero-inner{ padding-bottom:2rem; }

.btn-glass{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(244,228,188,.35);
  color:#fff;
  font-weight:600;
  letter-spacing:.06em;
  text-transform:uppercase;
  font-size:.85rem;
  padding:.6rem 1.4rem;
  border-radius:6px;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  transition:background .25s ease, border-color .25s ease;
}
.btn-glass:hover{
  background:rgba(255,255,255,.16);
  border-color:var(--gold-light);
  color:#fff;
}

.hero-stat-bar{
  position:relative;
  z-index:3;
  margin-top:-1px;
}
.glass-stat{
  background:rgba(255,255,255,.07);
  border:1px solid rgba(244,228,188,.22);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border-radius:10px;
  padding:1.1rem .8rem;
  text-align:center;
}
.glass-stat-num{
  font-family:'Playfair Display',serif;
  font-size:1.9rem;
  color:var(--gold-light);
  line-height:1.1;
}
.glass-stat-label{
  font-size:.74rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--champagne);
  margin-top:.25rem;
}

@media (max-width:991.98px){
  .cinematic-hero .carousel-item,
  .cinematic-hero{ min-height:auto; padding-bottom:1rem; }
  .hero-stat-bar{ position:relative; padding:1.5rem 0; }
  .glass-stat-num{ font-size:1.5rem; }
}

/* ===== INVESTOR METRIC CARDS ===== */
.metric-card{
  background:#fff;
  border:1px solid #e9e2cd;
  border-radius:10px;
  padding:1.4rem 1rem;
  text-align:center;
  height:100%;
  transition:box-shadow .25s ease, transform .25s ease;
}
.metric-card:hover{ transform:translateY(-3px); box-shadow:0 14px 28px rgba(12,19,34,.1); }
.metric-num{
  font-family:'Playfair Display',serif;
  font-size:1.9rem;
  color:var(--navy);
}
.metric-label{
  font-size:.78rem;
  text-transform:uppercase;
  letter-spacing:.06em;
  color:var(--gold-deep);
  margin-top:.3rem;
}

/* ===== INNOVATION CARDS (dark section) ===== */
.innovation-card{
  background:rgba(255,255,255,.05);
  border:1px solid rgba(244,228,188,.18);
  border-radius:10px;
  padding:1.8rem 1.4rem;
  height:100%;
  color:#E2E8ED;
  transition:border-color .25s ease, transform .25s ease;
}
.innovation-card:hover{
  border-color:var(--gold);
  transform:translateY(-3px);
}
.innovation-card i{
  font-size:1.6rem;
  color:var(--gold-light);
  margin-bottom:.9rem;
  display:block;
}
.innovation-card h5{ color:#fff; margin-bottom:.5rem; }

/* ===== ESG BADGES ===== */
.esg-badge{
  background:#fff;
  border:1px solid #e9e2cd;
  border-radius:8px;
  padding:.8rem .9rem;
  font-size:.84rem;
  color:var(--ink);
  display:flex;
  align-items:center;
  gap:.6rem;
  height:100%;
}
.esg-badge i{ color:var(--gold-deep); font-size:1.1rem; flex-shrink:0; }

/* ===== NEWS CARDS ===== */
.news-card{
  background:#fff;
  border:1px solid #e9e2cd;
  border-radius:10px;
  padding:1.5rem 1.4rem;
  height:100%;
  transition:box-shadow .25s ease, transform .25s ease;
}
.news-card:hover{ transform:translateY(-3px); box-shadow:0 14px 28px rgba(12,19,34,.1); }
.news-tag{
  display:inline-block;
  background:#F5F7F9;
  color:var(--gold-deep);
  font-size:.7rem;
  text-transform:uppercase;
  letter-spacing:.06em;
  font-weight:700;
  padding:.25rem .6rem;
  border-radius:30px;
  margin-bottom:.7rem;
}
.news-date{ font-size:.78rem; color:#999; margin-bottom:.4rem; }
.news-card h5{ color:var(--navy); margin-bottom:.5rem; font-size:1.05rem; }

/* ===== GLASS NAVIGATION ===== */
.glass-nav{
  position:fixed;
  top:0; left:0; right:0;
  z-index:1100;
  padding:1.1rem 0;
  background:#FFFFFF;
  box-shadow:0 2px 12px rgba(0,0,0,.1);
  transition:box-shadow .3s ease, padding .3s ease;
}
.glass-nav.solid{
  padding:.75rem 0;
  box-shadow:0 6px 18px rgba(0,0,0,.14);
}
.glass-nav-brand{
  display:flex;
  align-items:center;
  gap:.7rem;
  color:var(--navy-dark);
}
.nav-logo-mark{
  height:64px;
  width:auto;
  object-fit:contain;
  display:block;
}
.glass-nav-brand .brand-text{
  font-family:'Playfair Display',serif;
  font-size:1.4rem;
  line-height:1.05;
  color:var(--navy-dark);
}
.glass-nav-brand .brand-text small{
  display:block;
  font-family:'Lato',sans-serif;
  font-size:.72rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--gold-deep);
}
.glass-nav-menu{
  list-style:none;
  display:flex;
  align-items:center;
  gap:1.6rem;
  margin:0;
  padding:0;
}
.glass-nav-menu li a{
  color:var(--navy-dark);
  font-weight:600;
  font-size:.82rem;
  letter-spacing:.03em;
  text-transform:uppercase;
  position:relative;
  padding-bottom:4px;
}
.glass-nav-menu li a::after{
  content:"";
  position:absolute;
  left:0; bottom:0;
  width:0; height:2px;
  background:#B08D4A;
  transition:width .25s ease;
}
.glass-nav-menu li a:hover{ color:#B08D4A; }
.glass-nav-menu li a:hover::after{ width:100%; }
.glass-nav-menu li a.active::after{ width:100%; }
.glass-nav-menu li:has(a.btn-gold){ margin-left:auto; }
.glass-nav-menu li a.btn-gold{
  color:#fff;
  padding:.45rem 1.3rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  line-height:1;
  padding-bottom:.45rem;
}
.glass-nav-menu li a.btn-gold::after{ display:none; }
.glass-nav-toggle{
  display:none;
  background:transparent;
  border:1px solid rgba(5,25,64,.3);
  color:var(--navy-dark);
  width:42px;height:42px;
  border-radius:6px;
}

@media (max-width:991.98px){
  .glass-nav-toggle{ display:flex; align-items:center; justify-content:center; }
  .glass-nav-menu{
    position:fixed;
    top:0; right:-100%;
    width:78%;
    max-width:320px;
    height:100vh;
    background:#051940;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    gap:1.4rem;
    padding:2rem;
    transition:right .35s ease;
    border-left:1px solid rgba(255,255,255,.1);
    box-shadow:-12px 0 30px rgba(0,0,0,.25);
  }
  .glass-nav-menu.open{ right:0; }
}

/* ===== SCENE HERO ===== */
.scene-hero{ min-height:92vh; overflow:visible; }
.scene-hero .carousel-item{ min-height:92vh; }
.scene-hero .slide-overlay{
  background:linear-gradient(120deg,rgba(11,85,85,.92) 0%,rgba(5,25,64,.78) 55%,rgba(5,25,64,.22) 100%);
}
.hero-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1.4fr 1fr;
  gap:2.5rem;
  align-items:center;
  min-height:92vh;
  padding-top:5rem;
}
.hero-grid .hero-inner{ color:#fff; max-width:560px; }

.hero-metrics-card{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(244,228,188,.25);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  border-radius:14px;
  padding:1.8rem 1.8rem;
  display:flex;
  flex-direction:column;
  gap:1.3rem;
}
.hm-row{
  display:flex;
  flex-direction:column;
  padding-bottom:1.1rem;
  border-bottom:1px solid rgba(244,228,188,.15);
}
.hm-row:last-child{ border-bottom:none; padding-bottom:0; }
.hm-num{
  font-family:'Playfair Display',serif;
  font-size:2.1rem;
  color:var(--gold-light);
  line-height:1.1;
}
.hm-label{
  font-size:.78rem;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--champagne);
  margin-top:.2rem;
}

@media (max-width:991.98px){
  .scene-hero, .scene-hero .carousel-item{ min-height:auto; }
  .hero-grid{
    grid-template-columns:1fr;
    padding-top:7rem;
    padding-bottom:3rem;
    min-height:auto;
    gap:2rem;
  }
  .hero-metrics-card{
    flex-direction:row;
    flex-wrap:wrap;
    gap:1rem;
  }
  .hm-row{
    flex:1 1 45%;
    border-bottom:none;
    padding-bottom:0;
  }
}
@media (max-width:480px){
  .hm-num{ font-size:1.6rem; }
}

/* ===== EDITORIAL HERO (calm, light) ===== */
.editorial-hero{
  background:#F5F7F9;
  padding:10rem 0 4rem;
}
.editorial-hero-grid{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:3rem;
  align-items:center;
}
.editorial-hero-text h1{
  font-size:clamp(2.1rem,4vw,3rem);
  line-height:1.18;
  color:var(--navy);
  margin:.6rem 0 0;
}
.lead-text{
  color:#5d5848;
  font-size:1.08rem;
  max-width:480px;
}
.editorial-hero-collage{
  position:relative;
  min-height:380px;
}
.collage-img{
  position:absolute;
  border-radius:10px;
  object-fit:cover;
  box-shadow:0 18px 40px rgba(11,19,34,.16);
}
.collage-img-1{
  width:72%;
  height:300px;
  top:0; right:0;
}
.collage-img-2{
  width:55%;
  height:220px;
  bottom:0; left:0;
  border:6px solid var(--cream);
}

/* ===== LIGHT STAT ROW ===== */
.stat-row-light{
  background:#fff;
  border-bottom:1px solid #daebd2;
  padding:2.5rem 0;
}
.light-stat-num{
  font-family:'Playfair Display',serif;
  font-size:2rem;
  color:var(--navy);
}
.light-stat-label{
  font-size:.78rem;
  text-transform:uppercase;
  letter-spacing:.07em;
  color:var(--gold-deep);
  margin-top:.25rem;
}

@media (max-width:991.98px){
  .editorial-hero{ padding:8rem 0 3rem; }
  .editorial-hero-grid{ grid-template-columns:1fr; gap:2.5rem; }
  .editorial-hero-collage{ min-height:300px; order:-1; }
}
@media (max-width:480px){
  .editorial-hero-collage{ min-height:240px; }
  .collage-img-1{ height:200px; }
  .collage-img-2{ height:150px; }
  .light-stat-num{ font-size:1.5rem; }
}

/* ===== EDITORIAL HERO SLIDER ===== */
.editorial-hero{ position:relative; overflow:hidden; }
.editorial-hero .carousel-inner{ overflow:visible; }
.editorial-hero .carousel-item{
  transition:transform .7s ease-in-out;
}

/* Left/right entrance animation for slide content, replayed on each active slide */
@keyframes heroSlideInLeft{
  from{ opacity:0; transform:translateX(-50px); }
  to{ opacity:1; transform:translateX(0); }
}
@keyframes heroSlideInRight{
  from{ opacity:0; transform:translateX(50px); }
  to{ opacity:1; transform:translateX(0); }
}
.carousel-item .anim-left{ opacity:0; }
.carousel-item .anim-right{ opacity:0; }
.carousel-item.active .anim-left{
  animation:heroSlideInLeft .8s ease forwards .15s;
}
.carousel-item.active .anim-right{
  animation:heroSlideInRight .8s ease forwards .3s;
}

/* Indicators: small gold dashes, sit under the text column */
.editorial-indicators{
  position:absolute;
  bottom:1.5rem;
  left:0;
  justify-content:flex-start;
  margin:0;
  padding-left:.2rem;
  z-index:5;
}
.editorial-indicators [data-bs-target]{
  width:28px;
  height:3px;
  border-radius:2px;
  background-color:#ddd3b6;
  border:none;
  opacity:1;
  margin:0 4px;
}
.editorial-indicators .active{ background-color:var(--gold); }

/* Arrow controls: subtle circular buttons instead of full-bleed dark Bootstrap defaults */
.editorial-control{
  position:absolute;
  top:38%;
  width:auto;
  opacity:1;
}
.editorial-control.carousel-control-prev{ left:-6px; justify-content:flex-start; }
.editorial-control.carousel-control-next{ right:-6px; justify-content:flex-end; }
.editorial-arrow{
  width:42px;height:42px;
  border-radius:50%;
  background:#fff;
  border:1px solid #e7decb;
  color:var(--navy);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:.9rem;
  box-shadow:0 6px 16px rgba(11,19,34,.1);
  transition:border-color .2s ease, color .2s ease;
}
.editorial-arrow:hover{ border-color:var(--gold); color:var(--gold-deep); }

@media (prefers-reduced-motion: reduce){
  .carousel-item.active .anim-left,
  .carousel-item.active .anim-right{ animation:none; opacity:1; }
}
@media (max-width:767.98px){
  .editorial-control{ display:none; }
  .editorial-indicators{ position:relative; bottom:auto; margin-top:1.5rem; justify-content:center; }
}


/* ================================================================
   MASTER RESPONSIVE SYSTEM — All pages, all breakpoints
   ================================================================ */

/* Global mobile base ─────────────────────────────────────────── */
html{ overflow-x:hidden; scroll-behavior:smooth; }
body{ overflow-x:hidden; }
*{ box-sizing:border-box; min-width:0; }
img,video,svg,iframe{ max-width:100%; height:auto; display:block; }
.container{ width:100%; padding-right:1.25rem; padding-left:1.25rem; }

/* ── 1200px → large desktop ─────────────────────────────────── */
@media(min-width:1200px){
  .container{ max-width:1160px; margin:0 auto; }
}

/* ── 992–1199px → small desktop / large tablet landscape ─────── */
@media(max-width:1199.98px){
  .slide-title{ font-size:2.6rem; }
  .about-header-title{ font-size:2.8rem; }
  #usaMap,#homeMapWrap,#propMapWrap{ height:400px !important; }
  .pslide-img-wrap{ width:52%; }
  .pslide-body{ width:48%; }
}

/* ── 768–991px → tablet portrait ─────────────────────────────── */
@media(max-width:991.98px){

  /* Nav */
  .glass-nav{ padding:.7rem 0; }
  .glass-nav-toggle{ display:flex; }
  .glass-nav-menu{
    position:fixed; top:0; right:-100%; width:80%; max-width:300px;
    height:100vh; background:var(--navy); flex-direction:column;
    align-items:flex-start; justify-content:center;
    gap:1.2rem; padding:2rem 1.5rem;
    transition:right .3s ease;
    box-shadow:-8px 0 24px rgba(0,0,0,.2);
    z-index:1200;
  }
  .glass-nav-menu.open{ right:0; }
  .glass-nav-menu li a{ font-size:.95rem; color:#F5F7F9; }
  .glass-nav-menu li:has(a.btn-gold){ margin-left:0; width:100%; }
  .glass-nav-menu li a.btn-gold{ display:block; text-align:center; width:100%; }

  /* Main wrap — no left offset */
  .main-wrap{ margin-left:0 !important; }

  /* Hero */
  #heroCarousel,.carousel-item{ min-height:75vh; }
  .slide-title{ font-size:2rem; }
  .slide-sub{ font-size:.95rem; }

  /* Page header */
  .page-header{ padding:6.5rem 0 2.5rem; }
  .page-header h1{ font-size:2rem; }

  /* About header */
  .about-header{ padding:7rem 0 3rem; }
  .about-header-title{ font-size:2.2rem; }
  .about-header-stats{ flex-wrap:wrap; gap:.5rem; }
  .about-hstat{ padding:0 1rem 0 0; }

  /* Carousel */
  .pcarousel{ gap:.6rem; }
  .pslide-inner{ flex-direction:column !important; }
  .pslide-img-wrap{ width:100% !important; height:220px !important; }
  .pslide-body{ width:100% !important; border-left:none !important; border-top:3px solid var(--btn-gold); text-align:left !important; padding:1.4rem !important; }
  .pslide-name{ font-size:1.3rem; }
  .pviewport{ min-height:auto !important; }
  .parrow{ width:38px; height:38px; font-size:.85rem; }

  /* Map */
  #usaMap{ height:340px !important; }
  #homeMapWrap{ height:340px !important; }
  #propMapWrap{ height:300px !important; }

  /* Roadmap */
  .roadmap::before{ left:18px; }
  .rm-item,.rm-left,.rm-right{
    flex-direction:column !important;
    align-items:flex-start !important;
    padding-left:52px;
  }
  .rm-left .rm-card,.rm-right .rm-card{
    margin:0 !important; max-width:100% !important; text-align:left !important;
  }
  .rm-dot{ left:0 !important; transform:none !important; }

  /* Stats */
  .stat-strip .stat-num{ font-size:1.8rem; }
  .light-stat-num{ font-size:2rem; }

  /* Section padding */
  .section{ padding:3rem 0; }
}

/* ── < 768px → mobile ─────────────────────────────────────────── */
@media(max-width:767.98px){

  /* Typography scale */
  h1{ font-size:1.9rem !important; }
  h2{ font-size:1.55rem !important; }
  h3{ font-size:1.2rem !important; }
  h4{ font-size:1.05rem !important; }
  body{ font-size:.94rem; }
  .section{ padding:2.5rem 0; }

  /* Loader */
  .loader-word{ font-size:1.4rem; letter-spacing:.08em; }
  .loader-sub{ font-size:.55rem; letter-spacing:.22em; }
  .loader-bar{ width:60px; }

  /* Nav */
  .glass-nav-menu{ width:85%; max-width:280px; }
  .glass-nav-brand .brand-text{ font-size:1.2rem; }
  .nav-logo-mark{ height:52px; }

  /* Hero */
  #heroCarousel,.carousel-item{ min-height:92vh; }
  .slide-title{ font-size:1.75rem; line-height:1.2; }
  .slide-sub{ font-size:.88rem; max-width:90%; }
  .slide-cta{ display:flex; flex-direction:column; gap:.6rem; align-items:flex-start; }
  .slide-cta .btn{ width:auto; font-size:.82rem; padding:.55rem 1.2rem; }

  /* Page headers */
  .page-header{ padding:5.5rem 0 2rem; }
  .page-header h1{ font-size:1.65rem !important; }
  .breadcrumb-bar{ font-size:.76rem; }

  /* About header */
  .about-header{ padding:6rem 0 2.2rem; }
  .about-header-title{ font-size:1.8rem !important; }
  .about-header-sub{ font-size:.88rem; }
  .about-header-eyebrow{ font-size:.68rem; letter-spacing:.15em; }
  .about-header-stats{ gap:0; }
  .about-hstat{ padding:.4rem .8rem .4rem 0; }
  .about-hstat-num{ font-size:1.3rem; }
  .about-hstat-lbl{ font-size:.66rem; }
  .about-hstat-sep{ height:20px; margin-right:.8rem; }

  /* Stat strip */
  .stat-strip .stat-num{ font-size:1.5rem; }
  .stat-strip .stat-label{ font-size:.67rem; }
  .stat-strip .row{ gap:0; }
  .stat-strip .col-6{ padding:.6rem; }

  /* Light stats (homepage counter) */
  .light-stat-num{ font-size:1.8rem; }
  .light-stat-label{ font-size:.68rem; }

  /* Property cards */
  .property-card .prop-img{ height:190px; }
  .property-card h5{ font-size:.92rem; }
  .property-card .prop-body{ padding:.9rem 1rem 1.1rem; }

  /* Carousel */
  .pcarousel{ gap:.4rem; }
  .parrow{ width:32px; height:32px; font-size:.75rem; border-width:1px; }
  .pslide-img-wrap{ height:190px !important; }
  .pslide-body{ padding:1.1rem !important; }
  .pslide-name{ font-size:1.15rem; }
  .pslide-company,.pslide-loc,.pslide-date{ font-size:.78rem; }
  .pdots{ margin-top:.8rem; gap:.3rem; }
  .pdot{ width:7px; height:7px; }

  /* Map section */
  #usaMap{ height:250px !important; }
  #homeMapWrap{ height:250px !important; }
  #propMapWrap{ height:220px !important; }
  .map-legend{ gap:.5rem !important; }

  /* Port boxes (homepage carousel stats) */
  .port-box{ padding:1rem .8rem; }
  .port-box-num{ font-size:1.6rem; }
  .port-box-lbl{ font-size:.66rem; }
  .port-ticker span{ font-size:.76rem; gap:2rem; }

  /* Team cards */
  .team-card{ padding:1.4rem 1.1rem 1.2rem; }
  .team-avatar{ width:58px; height:58px; }
  .team-avatar span{ font-size:1.15rem; }
  .team-bio{ font-size:.82rem; }

  /* Roadmap */
  .roadmap{ padding:1rem 0; }
  .rm-card{ padding:.9rem 1.1rem; }
  .rm-title{ font-size:.92rem; }
  .rm-desc{ font-size:.8rem; }
  .rm-dot{ width:38px; height:38px; font-size:.85rem; }
  .rm-item{ margin-bottom:1.5rem; }

  /* Investor section boxes */
  .hm-num{ font-size:1.8rem; }

  /* Services */
  .service-card{ padding:1.3rem 1.1rem; }

  /* Careers */
  .job-card{ padding:1rem 1.1rem; }
  .job-title{ font-size:1rem; }
  .job-desc{ font-size:.83rem; }
  .filter-bar{ gap:.35rem; }
  .f-btn{ font-size:.72rem; padding:.3rem .8rem; }
  #jobSearch{ font-size:.85rem; }

  /* Payment page */
  .pay-card{ padding:1.4rem 1.1rem; }
  .pay-hotel-name{ font-size:1.1rem; }

  /* Footer */
  footer{ padding-top:2.2rem; }
  footer h6{ font-size:.78rem; margin-bottom:.8rem; }
  footer .small{ font-size:.8rem; }
  .footer-mark{ height:68px; }
  .footer-bottom{ font-size:.75rem; padding-top:1rem !important; }

  /* Map page */
  .hotel-list{ grid-template-columns:1fr !important; }
  .hotel-row{ padding:.8rem .9rem; }
  .hotel-row-name{ font-size:.85rem; }
}

/* ── < 480px → small phones ───────────────────────────────────── */
@media(max-width:480px){
  .container{ padding-left:.9rem; padding-right:.9rem; }

  h1{ font-size:1.65rem !important; }
  h2{ font-size:1.35rem !important; }

  .glass-nav .container{ padding:0 .9rem; }
  .nav-logo-mark{ height:46px; }

  .slide-title{ font-size:1.5rem; }
  .page-header h1{ font-size:1.5rem !important; }
  .about-header-title{ font-size:1.6rem !important; }

  #usaMap{ height:210px !important; }
  #homeMapWrap{ height:210px !important; }
  #propMapWrap{ height:190px !important; }

  .parrow{ width:28px; height:28px; font-size:.7rem; }
  .pslide-img-wrap{ height:170px !important; }
  .pslide-name{ font-size:1.05rem; }

  .f-btn{ font-size:.68rem; padding:.28rem .7rem; border-radius:20px; }
  .filter-bar{ gap:.3rem; }

  .property-card .prop-img{ height:170px; }

  .btn-gold,.btn-outline-navy,.btn-outline-light{ font-size:.8rem; padding:.5rem 1rem; }
  .btn-lg{ font-size:.82rem !important; padding:.6rem 1.2rem !important; }

  .about-header-stats{ flex-wrap:wrap; row-gap:.3rem; }
  .about-hstat-sep{ display:none; }
  .about-hstat{ min-width:45%; }

  .footer-bottom{ font-size:.72rem; }
  .team-avatar{ width:52px; height:52px; }
  .rm-dot{ width:34px; height:34px; font-size:.78rem; }

  /* Map page hotel list */
  .hotel-list{ gap:.5rem !important; }
  .stat-row{ gap:1.2rem !important; }
}

/* ── < 360px → very small ─────────────────────────────────────── */
@media(max-width:360px){
  .container{ padding-left:.6rem; padding-right:.6rem; }
  h2{ font-size:1.2rem !important; }
  .slide-title{ font-size:1.3rem; }
  .page-header h1{ font-size:1.35rem !important; }
  .glass-nav-brand .brand-text{ display:none; }
  .nav-logo-mark{ margin-left:.2rem; }
  .parrow{ width:26px; height:26px; }
  #homeMapWrap{ height:180px !important; }
  .f-btn{ font-size:.65rem; padding:.25rem .6rem; }
  .btn-gold{ font-size:.76rem; padding:.45rem .9rem; }
}

/* Map responsive heights */
#homeMapWrap{ height:500px; }
#propMapWrap{ height:400px; }
#usaMap{ height:520px; }
#homeMapSvg,#propMapSvg,#mapSvg{ width:100%; height:100%; display:block; }
@media(max-width:1199.98px){ #homeMapWrap{ height:420px; } #propMapWrap{ height:360px; } #usaMap{ height:420px; } }
@media(max-width:991.98px){ #homeMapWrap{ height:340px; } #propMapWrap{ height:300px; } #usaMap{ height:340px; } }
@media(max-width:767.98px){ #homeMapWrap{ height:260px; } #propMapWrap{ height:230px; } #usaMap{ height:260px; } }
@media(max-width:480px){ #homeMapWrap{ height:220px; } #propMapWrap{ height:200px; } #usaMap{ height:220px; } }
@media(max-width:360px){ #homeMapWrap{ height:190px; } #propMapWrap{ height:180px; } #usaMap{ height:190px; } }

/* Property card mobile fix */
.prop-item{ display:block !important; visibility:visible !important; opacity:1 !important; }
.property-card{ display:flex; flex-direction:column; height:100%; }
.prop-img{ width:100%; object-fit:cover; flex-shrink:0; }
.prop-body{ flex:1; display:flex; flex-direction:column; }
.prop-body .btn{ margin-top:auto; }

@media(max-width:767.98px){
  .prop-img{ height:200px !important; }
  .prop-body{ padding:.9rem 1rem 1rem; }
  .prop-body h5{ font-size:.95rem; margin-bottom:.3rem; }
  .prop-loc{ font-size:.78rem; }
  .prop-meta{ font-size:.74rem !important; }
  .prop-body .btn{ font-size:.78rem; padding:.45rem .8rem; }
  #propertyGrid{ gap:1rem !important; }
  #propertyGrid .col-12{ padding-left:.5rem; padding-right:.5rem; }
}
@media(max-width:480px){
  .prop-img{ height:180px !important; }
  .prop-body{ padding:.8rem .9rem .9rem; }
  .prop-body h5{ font-size:.88rem; }
}