/* Homepage refresh — palette and type taken from the NIMO+ logo (bronze lettering on a deep slate wall). */
.agency-home{
  --ink:#16171f;--slate:#20222e;--slate-2:#2a2c3a;--bronze:#c08a4c;--bronze-hi:#e2b77a;--bronze-lo:#8c5f2e;
  --cream:#f4efe6;--paper:#faf7f1;--line:#ffffff1a;--soft:#b9b4ab;
  --bronze-grad:linear-gradient(135deg,var(--bronze-hi),var(--bronze) 45%,var(--bronze-lo));
  background:var(--ink);font-family:'Manrope',Arial,sans-serif;
}
.agency-home h1,.agency-home h2,.agency-home h3,.agency-home .brand span{font-family:'Montserrat','Manrope',Arial,sans-serif;font-feature-settings:normal}
.agency-home h1,.agency-home h2{letter-spacing:-.01em}
.agency-home .eyebrow{font-family:'Montserrat',sans-serif;text-transform:uppercase;letter-spacing:.28em;font-size:11px;font-weight:600;color:var(--bronze-hi);display:flex;align-items:center;gap:14px}
.agency-home .eyebrow:before{content:'';width:34px;height:1px;background:var(--bronze)}

/* header */
.agency-home [data-site-header]{background:color-mix(in oklab,var(--ink) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.agency-home .brand span{font-weight:600;letter-spacing:.06em;background:var(--bronze-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.agency-home .brand small{color:var(--soft);letter-spacing:.2em;text-transform:uppercase;font-size:9px}

/* hero */
.agency-home .simple-hero{position:relative;min-height:min(88vh,820px)}
.agency-home .simple-hero>img{filter:saturate(.85) brightness(.8)}
.agency-home .simple-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--ink) 0%,color-mix(in oklab,var(--ink) 70%,transparent) 38%,transparent 72%),linear-gradient(0deg,var(--ink),transparent 30%);pointer-events:none}
.agency-home .simple-hero-copy{z-index:2}
.agency-home .simple-hero h1{font-weight:600;font-size:clamp(40px,5vw,72px);line-height:1.05;color:var(--cream)}
.agency-home .simple-hero h1 em{font-style:normal;background:var(--bronze-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.agency-home .simple-hero-copy>p:not(.eyebrow){color:#d9d4cb;max-width:520px}
.agency-home .button{background:var(--bronze-grad);color:var(--ink);border-radius:2px;font-family:'Montserrat',sans-serif;font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:12px;box-shadow:0 12px 30px -12px color-mix(in oklab,var(--bronze) 70%,transparent)}
.agency-home .button:hover{filter:brightness(1.08);transform:translateY(-2px)}
.agency-home .outline-button{background:transparent;border:1px solid color-mix(in oklab,var(--bronze) 70%,transparent);color:var(--cream);border-radius:2px;font-family:'Montserrat',sans-serif;font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:12px}
.agency-home .outline-button:hover{background:color-mix(in oklab,var(--bronze) 15%,transparent)}

/* intro */
.agency-home .compact-intro{background:var(--paper);color:var(--ink)}
.agency-home .compact-intro h2{color:var(--ink);font-weight:600}
.agency-home .compact-intro .eyebrow{color:var(--bronze-lo)}
.agency-home .compact-intro .text-button{color:var(--bronze-lo);border-color:var(--bronze)}

/* services */
.home-services,.home-featured{padding:100px 7%;background:var(--slate);color:var(--cream)}
.home-featured{background:var(--ink)}
.home-head h2{font-size:clamp(30px,3.4vw,48px);font-weight:600;line-height:1.1;margin:18px 0 48px;color:var(--cream)}
.home-head.row{display:flex;justify-content:space-between;align-items:end;gap:24px}
.home-head.row h2{margin-bottom:40px}
.home-head .text-button{color:var(--bronze-hi);border-bottom:1px solid var(--bronze);padding-bottom:4px;margin-bottom:46px;white-space:nowrap}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.service-card{position:relative;background:var(--slate);padding:34px 28px 64px;transition:background .3s}
.service-card:hover{background:var(--slate-2)}
.service-card span{font-family:'Montserrat',sans-serif;font-size:12px;color:var(--bronze);letter-spacing:.2em}
.service-card h3{font-size:20px;font-weight:600;margin:26px 0 12px;color:var(--cream)}
.service-card p{color:var(--soft);line-height:1.7;font-size:14px;margin:0}
.service-card i{position:absolute;left:28px;bottom:26px;font-style:normal;color:var(--bronze-hi);transition:transform .3s}
.service-card:hover i{transform:translateX(8px)}

/* featured listings */
.featured-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.featured-card{display:block;color:var(--cream)}
.featured-photo{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--slate-2)}
.featured-photo img{width:100%;height:100%;object-fit:cover;transition:transform .7s}
.featured-card:hover img{transform:scale(1.05)}
.featured-photo span{position:absolute;top:14px;left:14px;background:var(--bronze-grad);color:var(--ink);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:7px 10px}
.featured-loc{color:var(--bronze-hi);font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin:18px 0 6px}
.featured-card h3{font-size:18px;font-weight:600;line-height:1.35;margin:0 0 14px}
.featured-meta{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px;color:var(--soft);font-size:14px}
.featured-meta strong{color:var(--cream);font-family:'Montserrat',sans-serif}

/* reviews + footer */
.agency-home .reviews-panel{background:linear-gradient(120deg,var(--slate-2),var(--slate));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.agency-home .reviews-panel h2{color:var(--cream);font-weight:600}
.agency-home [data-site-footer]{background:var(--ink)}
.agency-home [data-site-footer] h2{color:var(--bronze-hi);font-family:'Montserrat',sans-serif;font-size:13px;letter-spacing:.14em;text-transform:uppercase}

@media (max-width:900px){
  .service-grid{grid-template-columns:repeat(2,1fr)}
  .featured-grid{grid-template-columns:1fr}
  .home-head.row{display:block}.home-head .text-button{display:inline-block;margin:0 0 28px}
  .home-services,.home-featured{padding:70px 6%}
  .agency-home .simple-hero:after{background:linear-gradient(0deg,var(--ink) 10%,color-mix(in oklab,var(--ink) 55%,transparent))}
}
@media (max-width:520px){.service-grid{grid-template-columns:1fr}}
body.agency-home header.agency-header{background:#16171f!important}
.agency-home .service-grid{padding:0;margin:0}
.agency-home .service-card{margin:0}
