/* v0.16.2 — final, scoped layer. Keep existing brand copy, editorial settings and prices. */
:root{--hhmm-ui-version:162;--hhmm-header-height:64px}
/* Both proof cards have the same scale, independent of the older #sansiri-proof overrides. */
.production-v02 #authority .recognition-proofs-v141{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}
.production-v02 #authority #sansiri-proof.recognition-proof-v141,.production-v02 #authority #proud-proof.recognition-proof-v141{display:grid;grid-template-columns:minmax(150px,30%) minmax(0,1fr);align-self:stretch;align-content:start;min-width:0;background:#5c382766}
.production-v02 #authority #sansiri-proof .recognition-photo-v141,.production-v02 #authority #proud-proof .recognition-photo-v141{display:flex;flex-direction:column;justify-content:center;align-self:start;height:auto;min-height:0;margin:20px 0 20px 14px;padding:0;background:transparent;overflow:hidden}
.production-v02 #authority #sansiri-proof .recognition-photo-v141 img,.production-v02 #authority #proud-proof .recognition-photo-v141 img{width:100%;height:auto;min-height:0;max-height:205px;aspect-ratio:auto;object-fit:contain}
.production-v02 #authority #sansiri-proof .recognition-photo-v141 span,.production-v02 #authority #proud-proof .recognition-photo-v141 span{position:static;padding:10px 8px;font-size:10px;line-height:1.5;background:#142019b3}
.production-v02 #authority #sansiri-proof>div,.production-v02 #authority #proud-proof>div{padding:22px 20px;min-width:0}
.production-v02 #authority .recognition-proof-v141 h3{font-size:clamp(23px,1.9vw,29px);line-height:1.15;margin:12px 0}
.production-v02 #authority .recognition-proof-v141 p{font-size:13px;line-height:1.65;margin:12px 0}
.production-v02 #authority .recognition-proof-v141 .recognition-date-v141{font-size:10px;margin:0}
.production-v02 #authority .recognition-link-v141,.production-v02 #authority .recognition-profile-v141{font-size:11px;line-height:1.6}
/* Card photos retain provenance, but neither a source badge nor an availability promise obscures the image. */
.production-v02 .card-media-note-v162{padding:8px 14px;background:var(--paper);border-bottom:1px solid var(--line);color:#59635e;font:11px/1.5 Inter,system-ui,sans-serif;cursor:default}
.production-v02 [data-card-gallery],.production-v02 [data-gallery-stage],.production-v02 .gallery-lightbox figure{touch-action:pan-y pinch-zoom}
.production-v02 .unit-card-media-track-v19{transition:transform .36s cubic-bezier(.18,.78,.2,1);will-change:auto}
.production-v02 .unit-card-media-track-v19.dragging{transition:none;will-change:transform}
.production-v02 .cinematic-stage .cinematic-slide,.production-v02 .cinematic-stage .cinematic-slide img{animation:none}
.production-v02 .cinematic-stage .cinematic-slide.motion-neighbour-v162{display:block;pointer-events:none}
.production-v02 .cinematic-stage .cinematic-slide.motion-slide-v162{will-change:transform;z-index:1}
.production-v02 .cinematic-stage.is-dragging{cursor:grabbing}
.production-v02 .cinematic-stage.is-dragging img{-webkit-user-drag:none;user-select:none}
.production-v02 .gallery-lightbox{z-index:10050}
.production-v02 .gallery-lightbox figure img{animation:none;-webkit-user-drag:none;user-select:none}
/* Project ranges use their own selectors: old .available-section span and select rules cannot leak in. */
.production-v02 .placement-filters-v162{display:grid;grid-template-columns:minmax(140px,.65fr) repeat(2,minmax(0,1fr));gap:22px;align-items:start;margin:24px 0;padding:24px 0;border-block:1px solid #ffffff30}
.production-v02 .placement-filters-v162 fieldset{border:0;margin:0;padding:0;min-width:0}
.production-v02 .placement-filters-v162 legend,.production-v02 .project-bedroom-v162>label{display:block;position:static;transform:none;padding:0;margin:0 0 12px;font:11px/1.5 Inter,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#cfd5d0}
.production-v02 .project-bedroom-v162 select{width:100%;height:49px;padding:10px 12px;border:1px solid #66716a;border-radius:0;background:#f4f1ea;color:#18251e;font:16px/1.4 Inter,system-ui,sans-serif}
.production-v02 .project-range-values-v162{display:grid;grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr);gap:10px;align-items:center}
.production-v02 .project-range-values-v162 label{display:block;min-width:0;border:1px solid #66716a;padding:5px 10px;background:#21352b}
.production-v02 .project-range-values-v162 label span{display:block;position:static;width:auto;height:auto;transform:none;font:10px/1.3 Inter,system-ui,sans-serif;color:#cfd5d0;letter-spacing:0}
.production-v02 .project-range-values-v162>span{font-size:15px;position:static;color:#cfd5d0}
.production-v02 .project-range-values-v162 input{display:block;width:100%;min-width:0;height:30px;margin:0;padding:0;border:0;background:transparent;color:white;font:19px/1.4 Inter,system-ui,sans-serif;appearance:textfield}
.production-v02 .project-range-values-v162 input::placeholder{color:#cbd2cc;opacity:1}
.production-v02 .project-range-values-v162 input::-webkit-inner-spin-button{appearance:none}
.production-v02 .project-range-slider-v162{height:44px;position:relative;margin:8px 12px 0;touch-action:pan-y}
.production-v02 .project-range-line-v162,.production-v02 .project-range-fill-v162{position:absolute;left:0;right:0;top:21px;height:3px;border-radius:2px;background:#53665a;pointer-events:none}
.production-v02 .project-range-fill-v162{background:#e9d1af}
.production-v02 .project-range-slider-v162 input{position:absolute;inset:0;margin:0;width:100%;height:44px;padding:0;border:0;background:transparent;appearance:none;-webkit-appearance:none;pointer-events:none}
.production-v02 .project-range-slider-v162 input::-webkit-slider-runnable-track{height:3px;background:transparent}
.production-v02 .project-range-slider-v162 input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:24px;height:24px;margin-top:-10.5px;border:2px solid #f4f1ea;border-radius:50%;background:#1b2d23;box-shadow:0 2px 8px #0005;pointer-events:auto;cursor:ew-resize}
.production-v02 .project-range-slider-v162 input::-moz-range-track{height:3px;background:transparent}
.production-v02 .project-range-slider-v162 input::-moz-range-thumb{width:21px;height:21px;border:2px solid #f4f1ea;border-radius:50%;background:#1b2d23;pointer-events:auto;cursor:ew-resize}
.production-v02 .project-range-slider-v162 input:focus-visible{outline:2px solid #e9d1af;outline-offset:2px}
.production-v02 .project-range-limits-v162{display:flex;justify-content:space-between;font:10px/1.3 Inter,system-ui,sans-serif;color:#aebbb2;margin:0 12px}
.production-v02 .project-range-limits-v162>span{position:static;font:inherit;color:inherit;width:auto;height:auto}
.production-v02 .project-filter-actions-v162{grid-column:1/-1;display:flex;gap:12px;justify-content:flex-end}
.production-v02 .project-filter-actions-v162 button{border:1px solid #c6d0c9;min-height:46px;padding:13px 22px;background:transparent;color:#f4f1ea;font:12px/1.5 Inter,system-ui,sans-serif;cursor:pointer}
.production-v02 .project-filter-actions-v162 button[type=submit]{background:#f4f1ea;color:#17291f}
.production-v02 .project-filter-actions-v162 button:disabled{opacity:.6;cursor:wait}
@media(max-width:1100px) and (min-width:701px){
 .production-v02 #authority #sansiri-proof.recognition-proof-v141,.production-v02 #authority #proud-proof.recognition-proof-v141{grid-template-columns:minmax(0,1fr)}
 .production-v02 #authority #sansiri-proof .recognition-photo-v141,.production-v02 #authority #proud-proof .recognition-photo-v141{height:170px;margin:14px 16px 0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}
 .production-v02 #authority #sansiri-proof .recognition-photo-v141 img,.production-v02 #authority #proud-proof .recognition-photo-v141 img{height:135px;max-height:135px}
}
@media(max-width:900px){
 .production-v02{padding-top:calc(var(--hhmm-header-height) + env(safe-area-inset-top))}
 .production-v02>.header-stack.header-stack-v6{position:fixed;inset:0 0 auto;z-index:8000;background:#f4f1ea;color:#17201d;padding-top:env(safe-area-inset-top);transform:none;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 1px 10px #17201d12}
 .production-v02>.header-stack-v6 .contact-rail{display:none}
 .production-v02>.header-stack-v6 .site-header{height:var(--hhmm-header-height);min-height:0;padding:0 14px;background:#f4f1ea;color:#17201d}
 .production-v02>.header-stack-v6 .brand{gap:8px;min-width:0;color:#17201d}
 .production-v02>.header-stack-v6 .brand img{width:30px;height:30px}
 .production-v02>.header-stack-v6 .brand-copy b{font:400 clamp(15px,4.3vw,20px)/1.2 Georgia,serif;letter-spacing:-.02em;text-transform:none;white-space:nowrap}
 .production-v02>.header-stack-v6 .brand-copy small{display:none}
 .production-v02>.header-stack-v6 .nav-actions{gap:4px;flex-shrink:0}
 .production-v02>.header-stack-v6 .saved-link{display:flex;width:42px;height:44px;padding:0;justify-content:center;flex:0 0 auto;color:#17201d}
 .production-v02>.header-stack-v6 .saved-link>span{display:none}
 .production-v02>.header-stack-v6 .saved-link i{width:28px;height:28px;font-size:14px}
 .production-v02>.header-stack-v6 .nav-cta{display:none}
 .production-v02>.header-stack-v6 .menu-button{display:block;width:40px;min-height:44px;padding:4px}
 .production-v02>.header-stack-v6 .main-nav-v53{top:calc(var(--hhmm-header-height) + env(safe-area-inset-top));bottom:0;height:calc(100dvh - var(--hhmm-header-height) - env(safe-area-inset-top));padding-bottom:90px;transform:none;box-sizing:border-box;overscroll-behavior:contain}
 .production-v02 .project-section-nav-v18{top:calc(var(--hhmm-header-height) + env(safe-area-inset-top));z-index:40}
 .production-v02 main section[id]{scroll-margin-top:calc(var(--hhmm-header-height) + 64px + env(safe-area-inset-top))}
 .production-v02 .placement-filters-v162{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}
 .production-v02 .project-bedroom-v162{grid-column:1/-1;max-width:100%}
 .production-v02 .project-bedroom-v162 select{max-width:300px}
}
@media(max-width:700px){
 .production-v02 #authority .recognition-proofs-v141{grid-template-columns:minmax(0,1fr);gap:18px}
 .production-v02 #authority #sansiri-proof.recognition-proof-v141,.production-v02 #authority #proud-proof.recognition-proof-v141{grid-template-columns:minmax(0,1fr)}
 .production-v02 #authority #sansiri-proof .recognition-photo-v141,.production-v02 #authority #proud-proof .recognition-photo-v141{margin:14px 18px 0;height:auto;display:grid;grid-template-rows:135px auto}
 .production-v02 #authority #sansiri-proof .recognition-photo-v141 img,.production-v02 #authority #proud-proof .recognition-photo-v141 img{height:135px;max-height:135px}
 .production-v02 #authority #sansiri-proof>div,.production-v02 #authority #proud-proof>div{padding:18px}
 .production-v02 .project-range-values-v162{gap:6px;grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr)}
 .production-v02 .project-range-values-v162 label{padding:6px}
 .production-v02 .project-range-values-v162 input{font-size:16px}
 .production-v02 .project-filter-actions-v162{justify-content:stretch}
 .production-v02 .project-filter-actions-v162 button{flex:1;padding:12px 8px}
 .production-v02 .card-media-note-v162{font-size:10px;padding:7px 12px}
}
@media(prefers-reduced-motion:reduce){.production-v02 .unit-card-media-track-v19{transition:none}.production-v02 .cinematic-stage .cinematic-slide{transition:none!important}}
