/*! Raz Almasia Real Estate - home page (src/styles/pages/home.css, owner WP4).
   Only .hm-* classes and home-specific placement of WP3 components (hero, search panel, seg, rail,
   stats grid, bento, journey, cta band, values). Role tokens only, no colour literals.
   Section rhythm: hero (dark) / intro (white) / launches (ivory) / districts (white) / spotlight (dark)
   / values (tint + ornament) / journey (ivory) / care (white) / partners (ivory) / news (white) / CTA. */
 .hm-intro,.hm-districts,.hm-care-sec,.hm-news-sec,.hm-cta{background: var(--c-surface)}.hm-launches,.hm-journey-sec,.hm-partners-sec{background: var(--c-bg)}.hm-cta{padding-top: 0}.hm-partners-sec + .hm-cta{padding-top: var(--section-y-sm)}.hm-hero .sp-title{font-size: 1rem;line-height: 1.4;color: inherit}.hm-hero .sp-count{margin: 0}.hm-hero .hero-title em{white-space: nowrap}.hm-nw{white-space: nowrap}@media (max-width: 379.98px){.hm-hero .hero-title em{white-space: normal}}.hm-intro-grid{display: grid;gap: 40px;align-items: center}@media (min-width: 1024px){.hm-intro-grid{grid-template-columns: minmax(0,1fr) minmax(0,1.15fr);gap: 80px}}.hm-intro-copy h2{margin-top: 2px}.hm-intro-copy p:not(.kicker){margin-top: 16px;color: var(--c-text-2);font-size: var(--fs-md);line-height: 1.95}.hm-intro-copy .link-arrow{margin-top: 24px}.hm-stats .stat-label{margin-top: 2px}.hm-stats-note{display: flex;align-items: center;gap: 8px;margin-top: 14px;color: var(--c-text-muted);font-size: var(--fs-xs)}.hm-stats-note .i{width: 16px;height: 16px;color: var(--c-accent-text)}.hm-launches .sec-head.split{align-items: flex-end}.hm-panel + .hm-panel{margin-top: 28px}.hm-panel-title{margin-bottom: 14px;font-size: var(--fs-lg);color: var(--c-heading)}.hm-panel-count{color: var(--c-text-muted);font-size: var(--fs-sm);font-weight: var(--fw-medium)}.hm-launches.has-tabs .hm-panel + .hm-panel{margin-top: 0}.hm-launches.has-tabs .hm-panel-title{position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap;border: 0}.hm-tabs{max-width: 100%}.hm-launch-foot{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 16px;margin-top: 8px}.hm-launch-foot .rail-progress{flex: 1 1 200px;max-width: 420px}.hm-launch-foot .cluster{margin-inline-start: auto}.hm-launches .rail .pcard{height: 100%}html.no-js .hm-launches .rail{grid-auto-flow: row;grid-template-columns: repeat(auto-fill,minmax(min(100%,300px),1fr));overflow: visible;margin-inline: 0;padding-inline: 0}.hm-done{display: flex;flex-wrap: wrap;align-items: center;gap: 8px 10px;margin-top: 26px;color: var(--c-text-muted);font-size: var(--fs-sm)}.hm-done a{padding: 6px 14px;border-radius: var(--r-pill);border: 1px solid var(--c-border-strong);background: var(--c-surface);color: var(--c-text-2);font-weight: var(--fw-medium);transition: border-color var(--dur-fast),color var(--dur-fast)}.hm-done a:hover{border-color: var(--c-primary);color: var(--c-primary)}.hm-spot{position: relative;overflow: hidden;isolation: isolate}.hm-spot::before{content: "";position: absolute;z-index: -1;width: 900px;height: 900px;border-radius: 50%;top: -420px;inset-inline-end: -380px;pointer-events: none;background: radial-gradient(closest-side,rgb(var(--c-champagne-rgb) / .16),transparent)}.hm-spot-grid{position: relative;display: grid;gap: clamp(32px,5vw,72px);align-items: center}@media (min-width: 1024px){.hm-spot-grid{grid-template-columns: minmax(0,1.08fr) minmax(0,1fr)}}.hm-spot-media{position: relative;display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 10px}.hm-spot-media>a{position: relative;display: block;overflow: hidden;border-radius: var(--r);background: var(--c-surface-darker);cursor: zoom-in}.hm-spot-media img{width: 100%;height: 100%;object-fit: cover;transition: transform 1.2s var(--ease-out)}.hm-spot-media>a:hover img{transform: scale(1.05)}.hm-spot-main{grid-column: 1 / -1;aspect-ratio: 16 / 11;border-radius: var(--r-xl) !important}.hm-spot-thumb{aspect-ratio: 4 / 3}.hm-spot-more{position: absolute;inset: 0;display: grid;place-items: center;border-radius: inherit;background: rgb(var(--c-night-rgb) / .55);color: var(--c-on-dark);font-weight: var(--fw-semibold)}.hm-spot-count{position: absolute;z-index: 2;top: 16px;inset-inline-start: 16px;pointer-events: none}.hm-spot-chips{display: flex;flex-wrap: wrap;gap: 8px;margin-bottom: 10px}.hm-spot-body h2{font-size: var(--fs-3xl)}.hm-spot-loc{display: flex;align-items: center;gap: 8px;margin-top: 6px;color: var(--c-accent-text)}.hm-spot-loc .i{width: 18px;height: 18px}.hm-spot-lead{margin-top: 18px;color: var(--c-text-2);font-size: var(--fs-md);line-height: 1.9}.hm-spot-kpis{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 1px;margin-top: 28px;overflow: hidden;border-radius: var(--r-lg);background: var(--c-border);border: 1px solid var(--c-border)}.hm-spot-kpis>div{display: flex;flex-direction: column-reverse;justify-content: flex-end;gap: 2px;padding: 16px 14px;background: var(--c-surface-dark)}.hm-spot-kpis dd{font-size: clamp(1.05rem,.9rem + .8vw,1.55rem);font-weight: var(--fw-bold);line-height: 1.3;color: var(--c-heading)}.hm-spot-kpis dt{font-size: var(--fs-xs);color: var(--c-text-muted)}.hm-mix{display: grid;gap: 12px;margin-top: 26px}.hm-mix-row{display: grid;grid-template-columns: 74px 1fr auto;align-items: center;gap: 14px;font-size: .9rem}.hm-mix-lbl{color: var(--c-heading);font-weight: var(--fw-semibold)}.hm-mix-bar{height: 6px;overflow: hidden;border-radius: 6px;background: rgb(var(--c-white-rgb) / .12)}.hm-mix-bar i{display: block;width: var(--w,0);height: 100%;border-radius: 6px;background: var(--grad-gold-bar);transition: width 1.4s var(--ease-out) .2s}html.js .hm-mix.reveal:not(.is-in) .hm-mix-bar i{width: 0}.hm-mix-val{font-size: .8rem;color: var(--c-text-muted);white-space: nowrap}.hm-mix-val b{color: var(--c-heading)}.hm-spot-ctas{display: flex;flex-wrap: wrap;align-items: center;gap: 12px;margin-top: 32px}.hm-spot-wa{width: 56px;height: 56px}@media (max-width: 479.98px){.hm-spot-kpis>div{padding: 12px 10px}.hm-mix-row{grid-template-columns: 60px 1fr auto;gap: 10px}.hm-spot-ctas>.btn{flex: 1 1 auto}}.hm-values-sec{position: relative;overflow: hidden;isolation: isolate;background: var(--c-surface-tint)}.hm-values-orn{position: absolute;z-index: -1;inset-inline: 0;bottom: -2%;display: flex;justify-content: center;pointer-events: none}.hm-values-orn .orn{width: min(1400px,140%);max-width: none;flex: none;color: var(--c-line-art);opacity: .32}.hm-values-orn .orn path{vector-effect: non-scaling-stroke;stroke-width: 1.2px}.hm-values .values-tagline{display: flex;align-items: center;justify-content: center;gap: 16px;margin: -12px auto clamp(28px,4vw,44px);max-width: 980px;text-align: center;font-size: var(--fs-xl);font-weight: var(--fw-semibold);line-height: 1.5;color: var(--c-heading)}.hm-values .values-tagline::before,.hm-values .values-tagline::after{content: "";flex: 1 1 24px;max-width: 72px;height: 1.5px;background: var(--c-accent)}.hm-values .value{height: 100%;background: var(--c-surface);border: 1px solid var(--c-border);border-radius: var(--r-lg);transition: transform .45s var(--ease-out),box-shadow .45s var(--ease-out),border-color var(--dur)}.hm-values .value:hover{transform: translateY(-4px);box-shadow: var(--sh-2);border-color: transparent}.hm-values .value-cap{color: var(--c-text)}@media (max-width: 479.98px){.hm-values .value{padding: 16px 8px}.hm-values .value-ic{--vi-size: 64px}.hm-values .values-tagline{font-size: var(--fs-lg)}.hm-values .values-tagline::before,.hm-values .values-tagline::after{display: none}}.hm-journey-sec .jstep{align-content: start}.hm-care{display: grid;gap: 20px}@media (min-width: 1024px){.hm-care{grid-template-columns: minmax(0,1fr) minmax(0,1fr);gap: 24px}}.hm-care-col{position: relative;overflow: hidden;padding: clamp(26px,4vw,48px);border-radius: var(--r-xl);background: var(--c-surface);border: 1px solid var(--c-border)}.hm-care-col--dark{background: var(--c-surface-dark);border-color: var(--c-surface-dark)}.hm-care-col--dark::after{content: "";position: absolute;width: 420px;height: 420px;border-radius: 50%;bottom: -220px;inset-inline-end: -160px;border: 1px solid rgb(var(--c-champagne-rgb) / .25);pointer-events: none;box-shadow: 0 0 0 60px rgb(var(--c-champagne-rgb) / .04),0 0 0 120px rgb(var(--c-champagne-rgb) / .03)}.hm-care-top{display: flex;align-items: center;gap: 16px;margin-bottom: 26px}.hm-care-top h3{font-size: var(--fs-xl)}.hm-care-top p{color: var(--c-text-muted);font-size: var(--fs-sm)}.hm-care-ic{display: grid;place-items: center;width: 52px;height: 52px;flex: none;border-radius: 16px;background: var(--c-primary);color: var(--c-accent)}.hm-care-col--dark .hm-care-ic{background: rgb(var(--c-champagne-rgb) / .16)}.hm-care-ic .i{width: 24px;height: 24px}.hm-care-list{position: relative;z-index: 1;display: grid}.hm-care-list li{display: flex;align-items: center;gap: 16px;padding: 15px 0;border-top: 1px solid var(--c-border);font-weight: var(--fw-medium)}.hm-ci{display: grid;place-items: center;width: 40px;height: 40px;flex: none;border-radius: 12px;background: var(--c-surface-tint);color: var(--c-primary)}.hm-care-col--dark .hm-ci{background: rgb(var(--c-champagne-rgb) / .14);color: var(--c-accent)}.hm-ci .i{width: 20px;height: 20px}.hm-care-txt{flex: 1;min-width: 0}.hm-care-dur{flex: none;color: var(--c-text-muted);font-size: var(--fs-sm);white-space: nowrap}.hm-care-dur b{margin-inline-end: 2px;font-size: 1.6rem;font-weight: var(--fw-bold);line-height: 1;color: var(--c-accent-text)}.hm-care-note{margin-top: 18px;text-align: center;color: var(--c-text-muted);font-size: var(--fs-xs)}.hm-partners{display: flex;flex-wrap: wrap;justify-content: center;gap: 12px}.hm-partner>a,.hm-partner>span{display: grid;place-items: center;min-width: 150px;min-height: 76px;padding: 12px 22px;border-radius: var(--r-lg);background: var(--c-surface);border: 1px solid var(--c-border);color: var(--c-text-2);font-weight: var(--fw-semibold);text-align: center;transition: border-color var(--dur-fast),color var(--dur-fast),box-shadow var(--dur)}.hm-partner>a:hover{border-color: var(--c-primary);color: var(--c-primary);box-shadow: var(--sh-1)}.hm-partner img{max-width: 130px;max-height: 52px;width: auto;height: auto;object-fit: contain;filter: grayscale(1);opacity: .8;transition: filter var(--dur),opacity var(--dur)}.hm-partner>a:hover img{filter: none;opacity: 1}@media (max-width: 639.98px){.hm-news-card{max-width: none}}@media (max-width: 479.98px){.hm-partner{flex: 1 1 140px}.hm-partner>a,.hm-partner>span{min-width: 0}}.hm-news{display: flex;flex-wrap: wrap;justify-content: center;gap: clamp(16px,2vw,28px)}.hm-news-card{flex: 1 1 300px;max-width: 400px;min-width: 0;display: flex;flex-direction: column;overflow: hidden;border-radius: var(--r-lg);background: var(--c-surface);border: 1px solid var(--c-border);box-shadow: var(--sh-1);transition: box-shadow .45s var(--ease-out),transform .45s var(--ease-out)}.hm-news-card:hover{transform: translateY(-4px);box-shadow: var(--sh-3)}.hm-news-media{position: relative;display: block;aspect-ratio: 2 / 1;overflow: hidden;background: var(--c-surface-tint)}.hm-news-media img{width: 100%;height: 100%;object-fit: cover}.hm-news-ph{position: absolute;inset: 0;display: grid;place-items: center;padding: 12%;color: var(--c-line-art)}.hm-news-ph .orn{width: 100%;height: auto}.hm-news-ph .orn path{vector-effect: non-scaling-stroke;stroke-width: 1.2px}.hm-news-body{display: grid;gap: 8px;align-content: start;padding: 20px 22px 24px}.hm-news-body time{color: var(--c-accent-text);font-size: var(--fs-xs);font-weight: var(--fw-semibold)}.hm-news-body h3{font-size: 1.12rem;line-height: 1.55}.hm-news-body h3 a:hover{color: var(--c-link-hover);text-decoration: underline;text-underline-offset: 4px}.hm-news-body h3 a::after{content: "";position: absolute;inset: 0}.hm-news-card{position: relative}.hm-news-body p{color: var(--c-text-muted);font-size: var(--fs-sm);line-height: 1.85}.hm-cta-band{margin-inline: auto}
