:root{--ink:#0b1623;--ink2:#14283b;--gold:#d6b36a;--gold2:#b58c3d;--cream:#f6f2e8;--green:#14735e;--muted:#687381;--line:#e5e9ee;--white:#fff;--danger:#b42318;--shadow:0 18px 60px rgba(8,22,36,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.55}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}.container{width:min(1180px,92%);margin:auto}.topbar{background:#07111d;color:#cad5df;font-size:13px}.topbar .container{display:flex;justify-content:space-between;gap:20px;padding:8px 0}.nav{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;font-weight:900}.brand-mark{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#07111d,#29495e);color:var(--gold);border:2px solid var(--gold);font:700 18px Georgia,serif}.brand small{display:block;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.nav-links{display:flex;align-items:center;gap:22px;font-size:14px;font-weight:750}.nav-links a:hover,.nav-links a.active{color:var(--green)}.nav-actions{display:flex;align-items:center;gap:9px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:11px 18px;font-weight:800;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-1px)}.btn-dark{background:var(--ink);color:#fff}.btn-gold{background:var(--gold);color:#171717}.btn-outline{background:#fff;color:var(--ink);border:1px solid #bcc5ce}.btn-danger{background:#fff0ee;color:var(--danger);border:1px solid #f4c7c1}.btn-sm{padding:8px 12px;font-size:12px}.menu-btn{display:none;background:none;border:0;font-size:26px}.hero{min-height:650px;position:relative;display:grid;align-items:center;color:#fff;overflow:hidden;background:linear-gradient(90deg,rgba(3,13,23,.92),rgba(3,13,23,.42)),url('/assets/images/stock/dubai-skyline.jpg') center/cover}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 74% 18%,rgba(214,179,106,.28),transparent 22%)}.hero .container{position:relative;z-index:2}.hero-copy{max-width:760px;padding:90px 0}.eyebrow{font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}h1,h2,h3,h4{line-height:1.15;margin:0 0 14px}h1,h2{font-family:Georgia,serif;font-weight:600}h1{font-size:clamp(48px,7vw,82px)}h2{font-size:clamp(34px,5vw,50px)}h3{font-size:21px}.hero p{max-width:650px;color:#e2e9ef;font-size:18px}.hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:26px}.search-panel{margin-top:-50px;position:relative;z-index:5;background:#fff;border-radius:20px;box-shadow:var(--shadow);padding:18px;display:grid;grid-template-columns:1.3fr repeat(4,1fr) auto;gap:12px}.field{display:flex;flex-direction:column;gap:5px}.field label{font-size:12px;font-weight:800;color:var(--muted)}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:11px;padding:12px 13px;background:#fff;color:var(--ink);outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold2);box-shadow:0 0 0 3px rgba(214,179,106,.15)}.section{padding:84px 0}.section.soft{background:var(--cream)}.section.dark{background:var(--ink);color:#fff}.section-head{display:flex;justify-content:space-between;align-items:end;gap:22px;margin-bottom:30px}.section-head p{max-width:620px;color:var(--muted);margin:0}.grid{display:grid;gap:22px}.property-grid{grid-template-columns:repeat(3,1fr)}.card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 8px 34px rgba(8,22,36,.06)}.property-card{transition:.25s}.property-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.property-media{height:245px;position:relative;background:#dfe6eb;overflow:hidden}.property-media img{width:100%;height:100%;object-fit:cover;transition:.35s}.property-card:hover .property-media img{transform:scale(1.035)}.badge-row{position:absolute;left:14px;right:14px;top:14px;display:flex;justify-content:space-between;gap:8px}.badge{display:inline-flex;align-items:center;background:rgba(255,255,255,.94);border-radius:999px;padding:6px 10px;font-size:11px;font-weight:900}.badge.green{background:#e9f8f2;color:#12634f}.card-body{padding:19px}.location{font-size:13px;color:var(--muted);margin-bottom:5px}.meta{display:flex;gap:12px;flex-wrap:wrap;color:#5e6873;font-size:13px;margin:12px 0}.price{font-size:22px;font-weight:900;color:var(--green)}.card-actions{display:flex;gap:8px;margin-top:15px}.stats{grid-template-columns:repeat(4,1fr);text-align:center}.stat strong{display:block;font:600 42px Georgia,serif;color:var(--gold)}.features{grid-template-columns:repeat(4,1fr)}.feature{background:#fff;border:1px solid var(--line);padding:24px;border-radius:16px}.feature-num{font:600 34px Georgia,serif;color:var(--gold2)}.cta{background:linear-gradient(135deg,#081522,#18354b);border-radius:24px;color:#fff;padding:46px;display:flex;justify-content:space-between;align-items:center;gap:25px}.page-hero{padding:88px 0 64px;background:linear-gradient(135deg,#07111d,#24455c);color:#fff}.page-hero h1{font-size:clamp(44px,6vw,64px)}.breadcrumbs{font-size:13px;color:#c6d2dc;margin-bottom:16px}.toolbar{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin:24px 0}.filter-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;padding:16px;border:1px solid var(--line);border-radius:16px;background:#fff}.filter-grid .field label{font-size:11px}.results-meta{color:var(--muted);font-size:14px}.detail-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:32px}.detail-media{border-radius:20px;overflow:hidden;height:490px}.detail-media img{width:100%;height:100%;object-fit:cover}.info-card{border:1px solid var(--line);border-radius:18px;padding:24px;background:#fff}.fact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:18px 0}.fact{background:#f8fafb;border:1px solid var(--line);padding:13px;border-radius:12px}.fact small{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;font-weight:900}.amenity-list{display:flex;flex-wrap:wrap;gap:8px}.amenity-pill{background:#f2f5f7;border:1px solid var(--line);padding:8px 11px;border-radius:999px;font-size:13px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:28px}.form-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:25px;box-shadow:0 12px 36px rgba(8,22,36,.06)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .full{grid-column:1/-1}.alert{padding:12px 15px;border-radius:12px;margin:14px 0}.alert.success{background:#eaf8f2;border:1px solid #a9dfcd;color:#11624e}.alert.error{background:#fff0ee;border:1px solid #efc4be;color:#9c2d23}.muted{color:var(--muted)}.tiny{font-size:12px}.blog-grid{grid-template-columns:repeat(3,1fr)}.blog-media{height:210px}.blog-media img{width:100%;height:100%;object-fit:cover}.blog-content{max-width:820px}.blog-content p{font-size:17px;color:#4f5b67}.dashboard-grid{display:grid;grid-template-columns:260px 1fr;gap:25px}.side-nav{background:var(--ink);color:#fff;border-radius:18px;padding:18px;height:max-content}.side-nav a{display:block;padding:10px 12px;border-radius:10px;color:#d8e2ea}.side-nav a:hover{background:rgba(255,255,255,.08)}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.kpi{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px}.kpi strong{font:600 34px Georgia,serif;display:block}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:16px;background:#fff}.table{width:100%;border-collapse:collapse;min-width:820px}.table th,.table td{padding:12px 13px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;font-size:13px}.table th{background:#f7f9fb;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.status{display:inline-flex;padding:5px 8px;border-radius:999px;background:#eef2f5;font-size:11px;font-weight:900}.status.new,.status.requested{background:#fff6d8;color:#8b6513}.status.contacted,.status.confirmed{background:#e8f3ff;color:#155a8a}.status.closed,.status.completed{background:#e8f7ef;color:#146348}.auth-wrap{min-height:70vh;display:grid;place-items:center;padding:70px 0}.auth-card{width:min(480px,92%);background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:var(--shadow)}.compare-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.compare-item{border:1px solid var(--line);border-radius:16px;overflow:hidden}.compare-item img{height:200px;width:100%;object-fit:cover}.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.calc-result{background:var(--ink);color:#fff;border-radius:18px;padding:24px}.calc-result strong{font:600 38px Georgia,serif;color:var(--gold)}.footer{background:#07111d;color:#cad5df;padding:56px 0 20px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:35px}.footer h4{color:#fff;margin-top:0}.footer a{display:block;margin:8px 0;color:#c6d2dc}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:32px;padding-top:18px;font-size:12px}.floating-wa{position:fixed;right:22px;bottom:22px;z-index:30;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#fff;font-weight:900;box-shadow:var(--shadow)}.modal{position:fixed;inset:0;background:rgba(0,0,0,.58);display:none;place-items:center;padding:20px;z-index:100}.modal.open{display:grid}.modal-card{width:min(560px,100%);background:#fff;border-radius:20px;padding:26px;position:relative}.modal-close{position:absolute;right:15px;top:12px;background:none;border:0;font-size:25px;cursor:pointer}.empty{border:1px dashed #cbd3da;border-radius:16px;padding:30px;text-align:center;color:var(--muted)}.inline{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.spacer{height:18px}@media(max-width:1000px){.nav-links{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;padding:20px;flex-direction:column;border-bottom:1px solid var(--line)}.nav-links.open{display:flex}.menu-btn{display:block}.search-panel{grid-template-columns:repeat(2,1fr)}.property-grid,.blog-grid,.features{grid-template-columns:repeat(2,1fr)}.filter-grid{grid-template-columns:repeat(3,1fr)}.detail-grid,.dashboard-grid{grid-template-columns:1fr}.side-nav{display:flex;gap:7px;overflow:auto}.side-nav a{white-space:nowrap}.footer-grid{grid-template-columns:1fr 1fr}.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.topbar .container{flex-direction:column;gap:2px}.nav-actions .hide-mobile{display:none}.hero{min-height:570px}.hero-copy{padding:70px 0}.search-panel,.property-grid,.blog-grid,.features,.stats,.filter-grid,.two-col,.form-grid,.calc-grid,.compare-grid,.footer-grid,.kpi-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.section{padding:62px 0}.section-head,.cta{align-items:flex-start;flex-direction:column}.detail-media{height:340px}.fact-grid{grid-template-columns:1fr 1fr}}

/* ===== Premium 4.0 visual layer ===== */
body{overflow-x:hidden;background:#fff}.nav{box-shadow:0 8px 30px rgba(4,16,29,.04)}
.btn-lg{padding:14px 22px;font-size:14px}.btn-glass{background:rgba(255,255,255,.10);color:#fff;border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(14px)}.btn-glass:hover{background:rgba(255,255,255,.17)}
.premium-hero{min-height:760px;background:
linear-gradient(90deg,rgba(3,11,20,.95) 0%,rgba(3,11,20,.78) 38%,rgba(3,11,20,.22) 70%,rgba(3,11,20,.25) 100%),
url('/assets/images/stock/luxury-interior.jpg') center 35%/cover no-repeat fixed}
.premium-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 62%,rgba(3,11,20,.88));pointer-events:none}.premium-hero:after{background:radial-gradient(circle at 72% 26%,rgba(255,218,134,.32),transparent 18%),radial-gradient(circle at 85% 56%,rgba(69,144,196,.22),transparent 22%)}
.hero-layout{position:relative;z-index:3;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:58px;padding:72px 0}.premium-hero .hero-copy{padding:48px 0;max-width:800px}.hero-pill{display:inline-flex;padding:8px 12px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(4,14,25,.36);backdrop-filter:blur(10px)}.premium-hero h1{font-size:clamp(58px,7.2vw,102px);letter-spacing:-.045em;max-width:920px;text-shadow:0 10px 45px rgba(0,0,0,.28)}.dynamic-word{display:inline-block;color:#f0cf83;min-width:5ch;position:relative}.dynamic-word.swap{animation:wordSwap .55s ease}.dynamic-word:after{content:"";display:block;height:2px;background:linear-gradient(90deg,#d6b36a,transparent);margin-top:4px;transform-origin:left;animation:underlinePulse 2.5s ease-in-out infinite}.premium-hero p{font-size:19px;max-width:690px;color:#dce7ef}.hero-trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:24px;font-size:12px;color:#d8e2e9}.hero-trust span{padding:8px 0}.hero-visual{display:flex;justify-content:flex-end}.glass-tower-card{width:min(360px,100%);padding:28px;border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.17),rgba(255,255,255,.055));border:1px solid rgba(255,255,255,.25);box-shadow:0 35px 90px rgba(0,0,0,.35);backdrop-filter:blur(18px);transform:perspective(900px) rotateY(-8deg) rotateX(3deg);transition:transform .25s ease}.glass-tower-card strong{display:block;font:600 34px/1.08 Georgia,serif;margin:15px 0 22px}.glass-tower-card>a{color:#f0cf83;font-weight:800;font-size:13px}.live-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#63d6a9;box-shadow:0 0 0 7px rgba(99,214,169,.12);margin-right:8px;animation:livePulse 2s infinite}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:22px}.mini-stats div{padding:13px 10px;border-radius:14px;background:rgba(3,12,22,.35);border:1px solid rgba(255,255,255,.08)}.mini-stats b{display:block;font-size:23px;color:#fff}.mini-stats small{font-size:10px;color:#bfcbd5}.hero-light{position:absolute;pointer-events:none;z-index:1;filter:blur(1px);opacity:.55;transform-origin:top}.hero-light-a{width:2px;height:85%;left:73%;top:-10%;background:linear-gradient(#ffe9a8,transparent);box-shadow:0 0 40px 12px rgba(248,214,129,.18);transform:rotate(13deg);animation:beamSweep 8s ease-in-out infinite}.hero-light-b{width:1px;height:70%;left:87%;top:2%;background:linear-gradient(#cae7ff,transparent);box-shadow:0 0 32px 9px rgba(124,192,241,.14);transform:rotate(-9deg);animation:beamSweep 10s ease-in-out infinite reverse}
.marquee-wrap{overflow:hidden;background:#d6b36a;color:#111;padding:13px 0;border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid #b48b3b}.marquee-track{display:flex;align-items:center;gap:30px;width:max-content;white-space:nowrap;font-size:12px;font-weight:950;letter-spacing:.16em;animation:marquee 28s linear infinite}.marquee-track i{font-style:normal;font-size:8px}.marquee-wrap:hover .marquee-track{animation-play-state:paused}
.premium-search-shell{position:relative;z-index:12}.premium-search{margin-top:-36px;grid-template-columns:2fr repeat(4,1fr) auto;padding:14px;border-radius:22px;border:1px solid rgba(12,31,48,.08)}.premium-search .field{position:relative}.premium-search .field:not(:first-child){border-left:1px solid #edf0f2;padding-left:10px}.premium-search input,.premium-search select{border:0;background:#f8fafb}.premium-search input:focus,.premium-search select:focus{box-shadow:none;background:#fff}.search-submit{align-self:stretch;min-width:110px}.search-keyword{position:relative}.search-suggestions{display:none;position:absolute;left:0;right:0;top:68px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 45px rgba(8,22,36,.16);z-index:40;overflow:hidden}.search-suggestions.open{display:block}.search-suggestion{display:block;padding:11px 13px;border-bottom:1px solid #eef1f3}.search-suggestion:last-child{border-bottom:0}.search-suggestion:hover{background:#f7f9fa}.search-suggestion strong{display:block;font-size:13px}.search-suggestion small{color:var(--muted)}
.property-card{transform-style:preserve-3d;will-change:transform}.property-media{isolation:isolate}.property-shine{position:absolute;inset:-40%;z-index:2;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.28) 50%,transparent 65%);transform:translateX(-70%) rotate(10deg);transition:transform .8s ease;pointer-events:none}.property-card:hover .property-shine{transform:translateX(70%) rotate(10deg)}.property-card .card-body{transform:translateZ(16px)}.property-card .price small{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.text-link{font-weight:900;color:var(--green);font-size:13px}.text-link:hover{color:var(--gold2)}
.premium-dark{position:relative;overflow:hidden}.premium-dark:before{content:"";position:absolute;width:550px;height:550px;border-radius:50%;right:-180px;top:-260px;background:radial-gradient(circle,rgba(214,179,106,.18),transparent 68%)}.premium-stats{position:relative;z-index:1}.premium-stats .stat{padding:26px 12px;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.08)}
.premium-features .feature{position:relative;overflow:hidden;min-height:220px;transition:transform .25s ease,box-shadow .25s ease}.premium-features .feature:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-50px;bottom:-55px;background:radial-gradient(circle,rgba(214,179,106,.19),transparent 68%)}.feature-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#0e2233;color:#f0cf83;font-size:23px;margin-bottom:28px;box-shadow:inset 0 0 0 1px rgba(214,179,106,.24)}
.location-showcase{background:#07111d;color:#fff;padding:95px 0}.location-panel{min-height:530px;border-radius:30px;overflow:hidden;display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;background:linear-gradient(90deg,rgba(3,13,23,.96) 0%,rgba(3,13,23,.78) 43%,rgba(3,13,23,.12) 72%),url('/assets/images/stock/luxury-interior.jpg') center/cover no-repeat;box-shadow:0 35px 90px rgba(0,0,0,.28);padding:50px}.location-panel p{color:#d5e0e7;max-width:530px}.skyline-card{height:100%;position:relative}.skyline-tag{position:absolute;right:0;bottom:0;padding:10px 14px;border-radius:999px;background:rgba(5,16,27,.58);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(12px);font-size:12px;font-weight:900}
.reveal{opacity:0;transform:translateY(30px);transition:opacity .75s cubic-bezier(.2,.7,.2,1),transform .75s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}
.image-depth{position:relative;box-shadow:0 24px 65px rgba(8,22,36,.18)}.image-depth:after{content:"";position:absolute;inset:16px;border:1px solid rgba(255,255,255,.5);border-radius:12px;pointer-events:none}.about-mini{grid-template-columns:1fr 1fr}.area-chips{display:flex;gap:10px;flex-wrap:wrap}.area-chips a{padding:12px 17px;border-radius:999px;border:1px solid #d4dade;background:#fff;font-weight:800;font-size:13px;transition:.2s}.area-chips a:hover{background:var(--ink);color:#fff;transform:translateY(-2px)}.contact-office{padding:20px 0;border-bottom:1px solid var(--line)}.contact-office h3{margin-bottom:7px}.contact-office p{margin:0 0 6px;color:var(--muted)}.contact-office a{font-weight:900;color:var(--green)}.footer-contact{display:block;margin:8px 0 16px;color:#f0cf83;font-weight:850}.footer-brand{color:#fff}
@keyframes marquee{to{transform:translateX(-50%)}}@keyframes wordSwap{0%{opacity:.2;transform:translateY(13px) rotateX(55deg)}100%{opacity:1;transform:none}}@keyframes underlinePulse{0%,100%{transform:scaleX(.35);opacity:.45}50%{transform:scaleX(1);opacity:1}}@keyframes livePulse{0%,100%{box-shadow:0 0 0 7px rgba(99,214,169,.12)}50%{box-shadow:0 0 0 13px rgba(99,214,169,0)}}@keyframes beamSweep{0%,100%{opacity:.25;transform:rotate(8deg)}50%{opacity:.72;transform:rotate(18deg)}}
@media(max-width:1000px){.premium-hero{background-attachment:scroll}.hero-layout{grid-template-columns:1fr}.hero-visual{justify-content:flex-start}.glass-tower-card{transform:none}.premium-search{grid-template-columns:repeat(2,1fr)}.premium-search .search-keyword{grid-column:1/-1}.premium-search .field:not(:first-child){border-left:0;padding-left:0}.location-panel{grid-template-columns:1fr;padding:34px}.skyline-card{display:none}}
@media(max-width:650px){.premium-hero{min-height:720px;background-position:62% 35%}.hero-layout{padding:54px 0}.premium-hero h1{font-size:clamp(48px,15vw,72px)}.premium-hero .hero-copy{padding:25px 0}.hero-visual{display:none}.hero-trust{gap:8px;flex-direction:column}.premium-search{grid-template-columns:1fr;margin-top:-18px}.premium-search .search-keyword{grid-column:auto}.marquee-track{gap:22px}.location-panel{min-height:480px;padding:28px;background-position:63% center}.about-mini{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.premium-hero{background-attachment:scroll}.tilt-card{transform:none!important}}


/* ===== SPS Premium V5  closer public-site visual language + advanced motion ===== */
:root{--sps-navy:#061523;--sps-navy2:#0b2435;--sps-gold:#d4aa55;--sps-gold-light:#f0d18a;--sps-cream:#f7f4ed;--sps-ink:#0b1722;--sps-line:#e7e5df;--sps-shadow:0 22px 70px rgba(3,18,30,.13)}
body{background:#fff;color:var(--sps-ink);overflow-x:hidden}.container{width:min(1220px,92%)}
.scroll-progress{position:fixed;left:0;top:0;width:0;height:3px;background:linear-gradient(90deg,var(--sps-gold),#fff0bd);z-index:999;box-shadow:0 0 20px rgba(212,170,85,.7)}
.cursor-glow{position:fixed;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(212,170,85,.08),transparent 67%);pointer-events:none;z-index:2;transform:translate(-50%,-50%);opacity:0;transition:opacity .3s}.page-wipe{position:fixed;inset:0;background:var(--sps-navy);z-index:1000;pointer-events:none;transform:translateY(-100%);animation:v5Wipe .95s cubic-bezier(.7,0,.2,1)}
.sps-topbar{background:#050f18;border-bottom:1px solid rgba(255,255,255,.08)}.sps-topbar .container{min-height:38px;align-items:center}.topbar-left,.topbar-right{display:flex;align-items:center;gap:18px}.sps-topbar a{color:#d4dee5}.sps-topbar a:hover{color:var(--sps-gold-light)}.topbar-call{border:0;background:none;color:var(--sps-gold-light);font-weight:800;cursor:pointer;padding:0}
.sps-nav{top:0;background:rgba(255,255,255,.97);box-shadow:0 8px 35px rgba(4,20,32,.05)}.sps-nav .nav-inner{height:82px}.sps-brand{min-width:224px}.brand-emblem{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 35% 30%,#243e50,#07131e 70%);border:1px solid var(--sps-gold);box-shadow:inset 0 0 0 4px #0b1e2d,0 8px 20px rgba(0,0,0,.14);position:relative}.brand-emblem:before{content:"";position:absolute;inset:6px;border:1px solid rgba(212,170,85,.4);border-radius:50%}.brand-emblem span{font:700 15px Georgia,serif;color:var(--sps-gold-light);letter-spacing:.08em}.brand-copy{font-family:Georgia,serif;font-size:18px}.brand-copy small{font-family:Inter,system-ui,sans-serif}.sps-nav .nav-links{gap:26px}.sps-nav .nav-links a{position:relative;padding:29px 0;font-size:13px;text-transform:uppercase;letter-spacing:.055em}.sps-nav .nav-links a:after{content:"";position:absolute;left:50%;right:50%;bottom:18px;height:2px;background:var(--sps-gold);transition:.25s}.sps-nav .nav-links a:hover,.sps-nav .nav-links a.active{color:#1b2025}.sps-nav .nav-links a:hover:after,.sps-nav .nav-links a.active:after{left:0;right:0}.icon-btn{width:38px;height:38px;border-radius:50%;border:1px solid #d8d8d4;background:#fff;cursor:pointer;font-size:20px;display:grid;place-items:center;transition:.25s}.icon-btn:hover{background:var(--sps-navy);color:white;border-color:var(--sps-navy);transform:rotate(-8deg)}
.original-hero{min-height:790px;background-image:linear-gradient(90deg,rgba(3,12,20,.90) 0%,rgba(3,12,20,.76) 42%,rgba(3,12,20,.26) 68%,rgba(3,12,20,.30) 100%),url('/assets/images/brand/sps-banner.webp'),url('/assets/images/stock/dubai-skyline.jpg');background-size:cover;background-position:center;overflow:hidden}.original-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(2,12,21,.68) 96%);z-index:1}.hero-noise{position:absolute;inset:0;opacity:.12;z-index:1;background-image:radial-gradient(rgba(255,255,255,.5) .6px,transparent .7px);background-size:11px 11px;mix-blend-mode:soft-light}.original-hero-inner{position:relative;z-index:4;min-height:700px;display:grid;grid-template-columns:1.25fr .55fr;align-items:center;gap:72px}.original-hero .hero-copy{padding:90px 0;max-width:850px}.hero-kicker{display:block;font:italic 500 24px Georgia,serif;color:var(--sps-gold-light);margin-bottom:8px}.original-hero h1{font-size:clamp(50px,6vw,86px);letter-spacing:-.035em;max-width:900px}.original-hero h1 .dynamic-word{color:#fff}.original-hero .dynamic-word:after{background:linear-gradient(90deg,var(--sps-gold),rgba(212,170,85,0))}.hero-floating-card{padding:30px 28px;border:1px solid rgba(255,255,255,.25);background:linear-gradient(145deg,rgba(6,23,36,.72),rgba(255,255,255,.08));backdrop-filter:blur(14px);border-radius:2px;color:#fff;box-shadow:0 30px 90px rgba(0,0,0,.3);position:relative;overflow:hidden;transform:perspective(900px) rotateY(-7deg)}.hero-floating-card:after{content:"";position:absolute;inset:-40%;background:linear-gradient(120deg,transparent 42%,rgba(255,255,255,.18),transparent 58%);animation:cardShine 5s linear infinite}.float-label{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--sps-gold-light)}.hero-floating-card>strong{font:500 34px/1.1 Georgia,serif;display:block;margin:16px 0 24px}.floating-metric{border-top:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.12);padding:15px 0;margin-bottom:16px}.floating-metric span{font:600 34px Georgia,serif;color:var(--sps-gold-light)}.floating-metric small{display:block;color:#cbd7df}.hero-floating-card a{position:relative;z-index:2;color:#fff;font-weight:800}.project-rail{position:absolute;left:0;right:0;bottom:0;z-index:5;overflow:hidden;border-top:1px solid rgba(255,255,255,.17);background:rgba(4,15,25,.48);backdrop-filter:blur(10px)}.project-rail-track{display:flex;width:max-content;animation:projectRail 34s linear infinite}.project-rail a{padding:17px 28px;color:#e8eef2;font-size:12px;font-weight:800;letter-spacing:.04em;border-right:1px solid rgba(255,255,255,.12)}.project-rail a:hover{color:var(--sps-gold-light);background:rgba(255,255,255,.05)}
.original-marquee{background:var(--sps-gold);color:#111;border:0}.original-search{border-radius:0;margin-top:-1px;box-shadow:0 22px 60px rgba(5,21,34,.16);border-top:3px solid var(--sps-gold)}.original-search .field input,.original-search .field select{border-radius:0}.search-submit{border-radius:0}.premium-search-shell{z-index:20}
.luxury-access{padding-top:105px;background:linear-gradient(135deg,#fff 58%,#f4efe4 58%)}.luxury-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.luxury-copy h2{font-size:58px}.luxury-points{display:flex;gap:9px;flex-wrap:wrap;margin-top:28px}.luxury-points span{border:1px solid #ded9cf;padding:9px 12px;font-size:12px;font-weight:850;background:#fff}.luxury-form{background:#071725;color:#fff;padding:34px;display:grid;grid-template-columns:1fr 1fr;gap:14px;box-shadow:0 30px 80px rgba(5,21,34,.25);position:relative}.luxury-form:after{content:"";position:absolute;right:-18px;top:-18px;width:90px;height:90px;border:1px solid rgba(212,170,85,.45);pointer-events:none}.luxury-form .field label{color:#c7d1d9}.luxury-form .field input,.luxury-form .field select,.luxury-form .field textarea{border-radius:0;background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.16);color:#fff}.luxury-form .field input::placeholder,.luxury-form textarea::placeholder{color:#8798a5}.luxury-form .full{grid-column:1/-1}.luxury-form .btn{border-radius:0;width:100%}
.sell-showcase{background:#fbfaf7}.sell-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:60px;align-items:center}.sell-image{height:520px;background:linear-gradient(180deg,transparent,rgba(3,15,25,.48)),url('/assets/images/stock/luxury-interior.jpg') center/cover;position:relative;box-shadow:0 28px 70px rgba(7,24,36,.16)}.sell-image:before{content:"";position:absolute;inset:22px;border:1px solid rgba(255,255,255,.55)}.sell-image-label{position:absolute;left:40px;bottom:34px;color:#fff;font:500 28px Georgia,serif}.seller-benefits{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:28px 0}.seller-benefits div{padding:16px;border-bottom:1px solid #ddd7cc;display:flex;gap:12px;align-items:center}.seller-benefits b{font:600 26px Georgia,serif;color:var(--sps-gold)}.seller-benefits span{font-weight:800;font-size:13px}.stats-section{padding:42px 0}.original-stats .stat{border-right:1px solid rgba(255,255,255,.12)}.original-stats .stat:last-child{border-right:0}.original-stats .stat strong{font-size:55px}.original-stats .stat strong:after{content:"+"}.original-stats .stat span{display:block;color:#d0d9df;text-transform:uppercase;letter-spacing:.08em;font-size:11px}
.property-grid{grid-template-columns:repeat(3,1fr);gap:26px}.original-card{border:0;border-radius:0;box-shadow:0 12px 45px rgba(5,21,34,.08);background:#fff;transform-style:preserve-3d}.original-card .property-media{height:285px}.property-type-chip,.verified-chip{position:absolute;top:16px;z-index:3;padding:6px 10px;background:#fff;color:#111;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.property-type-chip{left:16px}.verified-chip{right:16px;background:#0e6e58;color:#fff}.property-content{padding:20px 20px 22px}.property-location{font-size:12px;color:#75808a;margin-bottom:9px}.property-content h3{font-family:Georgia,serif;font-size:23px}.property-meta{border-top:1px solid #eee;border-bottom:1px solid #eee;padding:11px 0;margin:14px 0}.property-bottom{display:flex;justify-content:space-between;align-items:end;gap:12px}.property-bottom .price{font-size:21px;color:#111}.property-bottom .price small{display:block;font-size:9px;color:#8b9298;letter-spacing:.12em;text-transform:uppercase}.property-card-actions{display:flex;align-items:center;gap:9px}.more-detail{color:#83631f;font-weight:900;font-size:12px}.compare-dot{width:32px;height:32px;border-radius:50%;border:1px solid #dedbd4;background:#fff;cursor:pointer}.compare-dot:hover{background:var(--sps-navy);color:#fff}
.focus-grid{grid-template-columns:repeat(4,1fr);gap:0}.focus-card{min-height:330px;padding:32px 27px;border:1px solid #e3dfd6;background:#fff;position:relative;overflow:hidden;transition:.35s}.focus-card:after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,transparent 45%,rgba(212,170,85,.14));opacity:0;transition:.35s}.focus-card:hover{transform:translateY(-8px);z-index:2;box-shadow:0 20px 55px rgba(6,21,34,.13)}.focus-card:hover:after{opacity:1}.focus-card>span{font:italic 600 48px Georgia,serif;color:#e4d4b2}.focus-card h3{margin-top:42px;font-family:Georgia,serif;font-size:25px}.focus-card p{color:#6d757b}.focus-card b{position:absolute;left:27px;bottom:28px;color:#83631f;font-size:12px;z-index:2}
.amenity-orbit{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #e9e6df;border-left:1px solid #e9e6df}.amenity-box{min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;border-right:1px solid #e9e6df;border-bottom:1px solid #e9e6df;transition:.25s;background:#fff}.amenity-box i{font-style:normal;font-size:30px;filter:grayscale(1);transition:.25s}.amenity-box span{font-weight:800;font-size:13px}.amenity-box:hover{background:var(--sps-navy);color:#fff;transform:scale(1.02);z-index:2}.amenity-box:hover i{filter:none;transform:translateY(-5px) rotate(-4deg)}
.team-preview{background:radial-gradient(circle at 80% 20%,rgba(212,170,85,.12),transparent 25%),#061523}.team-grid{grid-template-columns:repeat(4,1fr)}.team-card{padding:30px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.035);text-align:center;color:#fff}.team-avatar{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;margin:0 auto 20px;background:radial-gradient(circle at 35% 30%,#334d60,#0b1e2d 70%);border:1px solid rgba(212,170,85,.6);font:600 42px Georgia,serif;color:var(--sps-gold-light);position:relative}.team-avatar:after{content:"";position:absolute;inset:9px;border:1px solid rgba(255,255,255,.18);border-radius:50%}.team-card p{color:#b9c4cb;font-size:13px}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#e5e1d9;border:1px solid #e5e1d9}.why-item{background:#fff;padding:32px;min-height:230px;transition:.25s}.why-item>b{font:600 38px Georgia,serif;color:#d8bd85}.why-item h3{margin-top:25px}.why-item p{color:#69747b}.why-item:hover{background:#f8f4eb;transform:translateY(-4px)}.investment-grid{grid-template-columns:repeat(3,1fr)}.investment-card{padding:27px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.04);min-height:210px}.investment-card i{font-style:normal;color:var(--sps-gold-light);font-size:28px}.investment-card h3{margin-top:26px}.investment-card p{color:#bdc8cf}
.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.category-card{min-height:270px;padding:28px;background:#f8f6f1;border:1px solid #e8e3d9;position:relative;overflow:hidden}.category-card:before{content:"";position:absolute;width:180px;height:180px;right:-90px;bottom:-100px;border-radius:50%;background:rgba(212,170,85,.15);transition:.4s}.category-card:hover:before{transform:scale(1.7)}.category-card>span{color:#ad8a43;font:600 32px Georgia,serif}.category-card h3{font-family:Georgia,serif;font-size:25px;margin-top:54px}.category-card p{color:#6f777d;position:relative;z-index:2}
.how-timeline{display:grid;grid-template-columns:repeat(4,1fr);position:relative}.how-timeline:before{content:"";position:absolute;top:29px;left:12.5%;right:12.5%;height:1px;background:#d9d2c5}.how-step{padding:0 22px;text-align:center;position:relative}.how-step>b{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;margin:0 auto 24px;background:var(--sps-navy);color:var(--sps-gold-light);position:relative;z-index:2;font:600 22px Georgia,serif}.how-step p{color:#6c757b}.developer-marquee{overflow:hidden;padding:28px 0;border-top:1px solid #e4e0d7;border-bottom:1px solid #e4e0d7}.developer-track{display:flex;gap:18px;width:max-content;animation:developerLoop 28s linear infinite}.developer-track span{min-width:180px;height:74px;display:grid;place-items:center;border:1px solid #e7e3dc;background:#fff;font:800 14px/1.1 Georgia,serif;letter-spacing:.08em;color:#27333c}.developer-track:hover{animation-play-state:paused}.blog-meta{font-size:11px;color:#9b7b38;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}
.sps-page-hero{min-height:430px;padding:120px 0 86px;background-image:linear-gradient(90deg,rgba(4,15,24,.91),rgba(4,15,24,.54)),url('/assets/images/brand/sps-banner.webp'),url('/assets/images/stock/dubai-skyline.jpg');background-size:cover;background-position:center;position:relative;overflow:hidden}.sps-page-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(3,13,22,.55))}.sps-page-hero .container{position:relative;z-index:3}.sps-page-hero h1{font-size:clamp(46px,6vw,72px);max-width:900px;animation:heroTitle .8s ease both}.sps-page-hero p{color:#d7e0e6;max-width:720px;font-size:17px}.page-hero-beam{position:absolute;z-index:2;top:-100px;width:2px;height:650px;background:linear-gradient(#f5d58b,transparent);box-shadow:0 0 55px 18px rgba(245,213,139,.12);transform-origin:top}.beam-one{right:22%;animation:beamSweep 9s ease-in-out infinite}.beam-two{right:9%;animation:beamSweep 12s ease-in-out infinite reverse}.breadcrumbs a{color:#fff}.breadcrumbs span{color:var(--sps-gold-light)}
.about-welcome{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.about-photo{height:530px}.about-photo img{width:100%;height:100%;object-fit:cover}.journey-grid{display:grid;grid-template-columns:.55fr 1.45fr;gap:60px;align-items:center}.journey-art{min-height:280px;background:var(--sps-navy);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;padding:25px;text-align:center;position:relative}.journey-art:after{content:"";position:absolute;inset:14px;border:1px solid rgba(212,170,85,.35)}.journey-art span{font:600 86px Georgia,serif;color:var(--sps-gold-light)}.journey-art small{max-width:250px;color:#c4ced4}.check-list{display:grid;gap:12px;margin-top:25px}.check-list span{padding:12px 14px;background:#fff;border:1px solid #e7e1d6;font-weight:750;font-size:13px}.dark-chips a{background:rgba(255,255,255,.05);color:#fff;border-color:rgba(255,255,255,.16)}
.service-stage{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center;margin-bottom:55px}.service-stage-art{height:310px;background:var(--sps-navy);position:relative;overflow:hidden;display:grid;place-items:center;color:var(--sps-gold-light);font:600 74px Georgia,serif}.service-orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb-a{width:220px;height:220px;left:-50px;top:-40px;border:1px solid rgba(212,170,85,.5);animation:orbFloat 7s ease-in-out infinite}.orb-b{width:150px;height:150px;right:-20px;bottom:-25px;background:radial-gradient(circle,rgba(212,170,85,.35),transparent 70%);animation:orbFloat 9s ease-in-out infinite reverse}.service-row{display:grid;grid-template-columns:70px 1fr 40px;gap:20px;align-items:center;padding:27px 15px;border-top:1px solid #e1ddd5;transition:.25s}.service-row:last-child{border-bottom:1px solid #e1ddd5}.service-row>b{font:600 32px Georgia,serif;color:#cfb67f}.service-row h3{margin-bottom:5px}.service-row p{margin:0;color:#707a81}.service-row>span{font-size:28px}.service-row:hover{background:#f8f5ee;padding-left:28px}.agents-grid{grid-template-columns:repeat(3,1fr)}.agent-card{border:1px solid #e6e2da;background:#fff;padding:28px;display:grid;grid-template-columns:120px 1fr;gap:22px;align-items:center;transition:.25s}.agent-portrait{width:116px;height:116px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#2c485b,#071725 70%);display:grid;place-items:center;position:relative;color:var(--sps-gold-light);font:600 31px Georgia,serif}.agent-ring{position:absolute;inset:-7px;border:1px solid #d6b66e;border-radius:50%;border-right-color:transparent;animation:agentSpin 8s linear infinite}.agent-info p{color:#6d777e;font-size:13px}.agent-info button{border:0;background:none;padding:0;color:#8b6c2f;font-weight:900;cursor:pointer}.faq-grid{max-width:920px;margin:auto}.faq-item{border-top:1px solid #ddd8cf}.faq-item:last-child{border-bottom:1px solid #ddd8cf}.faq-item summary{list-style:none;padding:23px 4px;font-weight:850;cursor:pointer;display:flex;justify-content:space-between;gap:20px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary span{color:#a47f35}.faq-item p{padding:0 4px 25px;color:#65717a;margin:0;max-width:780px}.legal-copy{max-width:850px}.legal-copy h2{font-size:32px;margin-top:34px}.legal-copy p{font-size:17px;color:#58656e}
.footer-cta{background:linear-gradient(120deg,#f3e4c2,var(--sps-gold));padding:42px 0}.footer-cta .container{display:flex;justify-content:space-between;align-items:center;gap:26px}.footer-cta h2{font-size:37px;margin:6px 0 0}.footer-cta .eyebrow{color:#5f4617}.sps-footer{padding-top:64px}.sps-footer-grid{grid-template-columns:1.35fr .75fr 1fr 1.1fr}.footer-emblem{margin-right:2px}.footer-social{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.footer-social span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;padding:6px 8px;border:1px solid rgba(255,255,255,.13)}.footer-newsletter{margin-top:38px;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);padding:25px 0;display:flex;justify-content:space-between;gap:25px;align-items:center}.footer-newsletter strong{display:block;color:#fff}.footer-newsletter span{font-size:12px}.footer-newsletter form{display:flex;gap:8px;min-width:min(470px,100%)}.footer-newsletter input{flex:1;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);color:#fff;padding:12px 13px}.footer-newsletter .btn{border-radius:0}.sps-footer .footer-bottom{display:flex;justify-content:space-between;gap:20px}.sps-footer .footer-bottom>div{display:flex;gap:15px}.sps-footer .footer-bottom a{margin:0}.back-top{position:fixed;right:28px;bottom:88px;width:44px;height:44px;border-radius:50%;border:1px solid #d7d2c8;background:#fff;color:#111;z-index:35;cursor:pointer;opacity:0;transform:translateY(12px);transition:.25s}.back-top.show{opacity:1;transform:none}.global-search{position:fixed;inset:0;z-index:150;background:rgba(4,13,21,.84);backdrop-filter:blur(16px);display:none;padding:70px 20px;overflow:auto}.global-search.open{display:block;animation:fadeIn .25s ease}.global-search-card{width:min(900px,100%);margin:40px auto;background:#fff;padding:40px;position:relative;box-shadow:0 35px 100px rgba(0,0,0,.4)}.global-search-close{position:absolute;right:18px;top:14px;border:0;background:none;font-size:32px;cursor:pointer}.global-search-input{display:flex;align-items:center;border-bottom:2px solid #111;margin:28px 0}.global-search-input input{flex:1;border:0;outline:0;font:500 24px Georgia,serif;padding:14px 0}.global-search-input span{font-size:24px}.global-search-results{display:grid;grid-template-columns:1fr 1fr;gap:10px}.global-result{display:flex;gap:14px;padding:13px;border:1px solid #e6e1d8;transition:.2s}.global-result:hover{background:#f8f4ec;transform:translateY(-2px)}.global-result strong{display:block}.global-result small{display:block;color:#747e85;margin-top:3px}.global-search-hint{color:#7e878d}
@keyframes v5Wipe{0%{transform:translateY(0)}100%{transform:translateY(-100%)}}@keyframes projectRail{to{transform:translateX(-50%)}}@keyframes developerLoop{to{transform:translateX(-50%)}}@keyframes cardShine{0%{transform:translateX(-60%) rotate(10deg)}100%{transform:translateX(60%) rotate(10deg)}}@keyframes heroTitle{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes orbFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(18px,22px,0)}}@keyframes agentSpin{to{transform:rotate(360deg)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@media(max-width:1050px){.sps-nav .nav-links{gap:16px}.sps-brand{min-width:auto}.brand-copy{display:none}.original-hero-inner{grid-template-columns:1fr}.hero-floating-card{display:none}.luxury-grid,.sell-grid,.about-welcome,.journey-grid,.service-stage{grid-template-columns:1fr}.focus-grid,.category-grid{grid-template-columns:repeat(2,1fr)}.agents-grid{grid-template-columns:repeat(2,1fr)}.team-grid{grid-template-columns:repeat(2,1fr)}.why-grid,.investment-grid{grid-template-columns:repeat(2,1fr)}.amenity-orbit{grid-template-columns:repeat(4,1fr)}.how-timeline{grid-template-columns:repeat(2,1fr);gap:35px}.how-timeline:before{display:none}.sps-footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.sps-topbar .container{justify-content:center}.topbar-right{display:none}.sps-nav .nav-inner{height:70px}.brand-emblem{width:45px;height:45px}.original-hero{min-height:710px;background-position:62% center}.original-hero-inner{min-height:630px}.original-hero .hero-copy{padding:55px 0}.hero-kicker{font-size:20px}.original-hero h1{font-size:clamp(45px,14vw,65px)}.luxury-access{padding-top:75px}.luxury-form{grid-template-columns:1fr;padding:25px}.luxury-form .full{grid-column:auto}.sell-image{height:360px}.seller-benefits{grid-template-columns:1fr}.property-grid,.blog-grid{grid-template-columns:1fr}.focus-grid,.category-grid,.agents-grid,.team-grid,.why-grid,.investment-grid{grid-template-columns:1fr}.amenity-orbit{grid-template-columns:repeat(2,1fr)}.how-timeline{grid-template-columns:1fr}.agent-card{grid-template-columns:90px 1fr}.agent-portrait{width:86px;height:86px}.footer-cta .container,.footer-newsletter,.sps-footer .footer-bottom{flex-direction:column;align-items:flex-start}.footer-newsletter form{min-width:0;width:100%}.sps-footer-grid{grid-template-columns:1fr}.global-search-card{padding:30px 22px}.global-search-results{grid-template-columns:1fr}.global-search-input input{font-size:19px}.cursor-glow{display:none}}
@media(prefers-reduced-motion:reduce){.project-rail-track,.developer-track,.agent-ring,.page-wipe{animation:none!important}}


/* ===== SPS Premium V6: recruiter-grade motion + page themes + React enhancements ===== */
:root{--page-accent:#d4aa55;--page-accent-2:#f4db9e;--page-dark:#061521;--page-soft:#f7f3eb}
.page-about{--page-accent:#c49a55;--page-accent-2:#ead7b3;--page-dark:#10273a;--page-soft:#f5f1e9}.page-services{--page-accent:#d18b55;--page-accent-2:#ffc08e;--page-dark:#211914;--page-soft:#f7f0ea}.page-properties,.page-property{--page-accent:#c5a15c;--page-accent-2:#e9d59a;--page-dark:#071923;--page-soft:#f4f4ef}.page-agents{--page-accent:#73abc2;--page-accent-2:#c4e8f2;--page-dark:#071927;--page-soft:#eef4f6}.page-blog{--page-accent:#9e6759;--page-accent-2:#d9b7ae;--page-dark:#241412;--page-soft:#f8f1ed}.page-contact{--page-accent:#42a7a5;--page-accent-2:#a6e4dc;--page-dark:#042326;--page-soft:#eef8f6}.page-careers{--page-accent:#b090d8;--page-accent-2:#eadbff;--page-dark:#180e26;--page-soft:#f6f0fc}.page-calculators{--page-accent:#68a4d4;--page-accent-2:#baddfa;--page-dark:#091a2a;--page-soft:#eff6fb}
.page-shell .eyebrow{color:var(--page-accent)}.page-shell .btn-gold{background:var(--page-accent);border-color:var(--page-accent);color:#081018}.page-shell .btn-gold:hover{background:var(--page-accent-2);border-color:var(--page-accent-2)}.page-shell .sps-page-hero{box-shadow:inset 0 -3px 0 var(--page-accent)}
.cursor-dot,.cursor-ring{position:fixed;pointer-events:none;z-index:300;display:none;border-radius:50%;transform:translate(-50%,-50%)}.cursor-dot{width:5px;height:5px;background:var(--page-accent)}.cursor-ring{width:34px;height:34px;border:1px solid color-mix(in srgb,var(--page-accent) 72%,transparent);transition:width .18s,height .18s,background .18s,border .18s}.cursor-ring.hover{width:58px;height:58px;background:color-mix(in srgb,var(--page-accent) 12%,transparent);border-color:var(--page-accent)}.click-burst{position:fixed;width:10px;height:10px;border:1px solid var(--page-accent);border-radius:50%;z-index:299;pointer-events:none;transform:translate(-50%,-50%);animation:clickBurst .65s ease-out forwards}@keyframes clickBurst{to{width:90px;height:90px;opacity:0}}
.hero-particles{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;opacity:.62}.skyline-3d{position:absolute;right:3vw;bottom:62px;width:360px;height:390px;z-index:2;perspective:900px;transform:rotateY(-16deg);opacity:.68;pointer-events:none}.tower{position:absolute;bottom:0;width:46px;border:1px solid rgba(255,220,150,.33);background:linear-gradient(90deg,rgba(255,215,135,.04),rgba(255,255,255,.13),rgba(255,215,135,.03));box-shadow:0 0 40px rgba(235,193,113,.12);transform-origin:bottom;animation:towerFloat 6s ease-in-out infinite}.tower:after{content:"";position:absolute;inset:8px;background:repeating-linear-gradient(180deg,rgba(255,221,154,.45) 0 2px,transparent 2px 13px);opacity:.4}.t1{height:180px;left:10px}.t2{height:270px;left:68px;animation-delay:-1s}.t3{height:370px;left:129px;width:58px;animation-delay:-2.2s}.t4{height:235px;left:203px;animation-delay:-.5s}.t5{height:310px;left:260px;animation-delay:-3s}.t6{height:160px;left:316px;animation-delay:-1.8s}@keyframes towerFloat{50%{transform:translateY(-7px) rotateX(1deg)}}
.react-badge{font-size:10px;letter-spacing:.14em;border:1px solid color-mix(in srgb,var(--page-accent) 50%,#bbb);padding:8px 10px;color:#5e5c57}.react-transaction{position:relative;padding:34px;background:#fff;border:1px solid #ded9d0;box-shadow:0 28px 80px rgba(8,20,30,.08)}.transaction-progress{height:2px;background:#e5e0d8;position:absolute;left:55px;right:55px;top:69px}.transaction-progress i{display:block;height:100%;background:var(--page-accent);transition:width .45s cubic-bezier(.2,.8,.2,1)}.transaction-tabs{display:grid;grid-template-columns:repeat(4,1fr);position:relative;z-index:2}.transaction-tabs button{border:0;background:none;padding:10px;cursor:pointer;color:#74808a}.transaction-tabs span{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#f0ece4;border:1px solid #ded8cd;margin:auto;font-weight:900;transition:.3s}.transaction-tabs b{display:block;margin-top:10px}.transaction-tabs button.active span{background:var(--page-dark);color:var(--page-accent-2);border-color:var(--page-dark);transform:scale(1.12);box-shadow:0 10px 28px rgba(0,0,0,.15)}.transaction-tabs button.active{color:#172631}.transaction-detail{margin-top:35px;min-height:215px;background:linear-gradient(135deg,var(--page-dark),#102b3d);color:#fff;padding:35px 290px 35px 35px;position:relative;overflow:hidden}.transaction-detail small{letter-spacing:.18em;color:var(--page-accent-2)}.transaction-detail h3{font-size:42px;margin:8px 0}.transaction-detail p{color:#ced8de;max-width:560px}.transaction-cube{position:absolute;right:85px;top:52px;width:120px;height:120px;transform-style:preserve-3d;animation:cubeSpin 10s linear infinite;transform:rotateX(62deg) rotateZ(35deg)}.transaction-cube i{position:absolute;inset:0;border:1px solid color-mix(in srgb,var(--page-accent) 70%,white);box-shadow:inset 0 0 30px color-mix(in srgb,var(--page-accent) 12%,transparent)}.transaction-cube i:nth-child(2){transform:translateZ(38px)}.transaction-cube i:nth-child(3){transform:translateZ(76px)}.transaction-cube i:nth-child(4){transform:translateZ(114px)}@keyframes cubeSpin{to{transform:rotateX(62deg) rotateZ(395deg)}}
.partner-network{background:linear-gradient(180deg,#fff,var(--page-soft))}.react-developers{display:grid;grid-template-columns:1.4fr .6fr;gap:22px}.react-developer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.react-developer-card{border:1px solid #dfd9cf;background:#fff;padding:22px 14px;text-align:left;min-height:210px;cursor:pointer;transition:.3s;transform-style:preserve-3d}.react-developer-card:hover,.react-developer-card.active{transform:translateY(-8px) rotateX(2deg);border-color:var(--page-accent);box-shadow:0 24px 55px rgba(7,24,36,.13)}.developer-logo-box{height:90px;display:grid;place-items:center;background:#faf9f6;margin-bottom:17px;overflow:hidden}.developer-logo-box img{max-width:88%;max-height:68px;object-fit:contain}.react-developer-card strong{display:block;font:600 19px Georgia,serif}.react-developer-card small{color:#8b9297}.developer-detail{background:var(--page-dark);color:#fff;padding:34px;min-height:210px;display:flex;flex-direction:column;justify-content:center}.developer-detail span{color:var(--page-accent-2);font-size:10px;letter-spacing:.15em;text-transform:uppercase}.developer-detail h3{font-size:36px;margin:7px 0}.developer-detail p{color:#cbd5dc}.developer-detail a{color:var(--page-accent-2);font-weight:850}.logo-marquee{overflow:hidden;margin-top:28px;border-top:1px solid #ded9d0;border-bottom:1px solid #ded9d0;background:#fff}.logo-track{display:flex;width:max-content;animation:logoRail 34s linear infinite}.logo-pill{width:190px;height:112px;border-right:1px solid #e7e2d9;display:grid;place-items:center;padding:12px;position:relative}.logo-pill img{max-width:110px;max-height:55px;object-fit:contain;filter:grayscale(1);opacity:.75;transition:.25s}.logo-pill span{font-size:9px;letter-spacing:.11em;color:#747a7f}.logo-pill:hover img{filter:none;opacity:1;transform:scale(1.07)}@keyframes logoRail{to{transform:translateX(-35%)}}
.photo-team-grid{grid-template-columns:repeat(4,1fr)}.team-photo-card{background:#0b1b28;border:1px solid rgba(255,255,255,.1);padding-bottom:22px;overflow:hidden}.team-photo{height:330px;position:relative;overflow:hidden}.team-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.85);transition:.5s}.team-photo-card:hover img{transform:scale(1.05);filter:saturate(1)}.team-index{position:absolute;top:15px;right:15px;background:rgba(4,15,25,.75);color:var(--page-accent-2);padding:8px 9px;font-size:10px}.team-photo-card h3,.team-photo-card p,.team-photo-card .team-contact{margin-left:20px;margin-right:20px}.team-photo-card h3{margin-top:18px}.team-contact{border:0;background:none;color:var(--page-accent-2);font-weight:850;padding:0;cursor:pointer}
.about-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:30px}.about-metrics div{padding:15px;border-top:1px solid #dcd5c9}.about-metrics strong{font:600 34px Georgia,serif;display:block;color:var(--page-accent)}.about-metrics span{font-size:11px;color:#68747d}.leadership-frame{position:relative}.leadership-caption{position:absolute;left:22px;right:22px;bottom:22px;padding:18px;background:rgba(6,19,30,.82);backdrop-filter:blur(9px);color:#fff}.leadership-caption span{display:block;font-size:9px;letter-spacing:.18em;color:var(--page-accent-2)}.leadership-caption b{display:block;margin-top:3px}
.service-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-cinematic-card{padding:26px;border:1px solid #ddd7cd;background:#fff;color:#17232c;min-height:290px;display:flex;flex-direction:column;transition:.3s}.service-cinematic-card:hover{background:var(--page-dark);color:#fff;border-color:var(--page-dark)}.service-cinematic-card p{color:#6d767d;flex:1}.service-cinematic-card:hover p{color:#ccd4d9}.service-cinematic-card b{color:var(--page-accent)}.service-icon-wrap{height:92px;display:flex;align-items:center;justify-content:space-between}.service-icon-wrap img{width:56px;height:56px;object-fit:contain}.service-icon-wrap span{font:600 42px Georgia,serif;color:#ddd4c5}.service-stage-art small{position:absolute;bottom:26px;font-size:9px;letter-spacing:.2em}.proof-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:12px}.proof-flow span{padding:18px;text-align:center;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.04);color:#fff}.proof-flow i{color:var(--page-accent);font-size:22px}
.leadership-grid{grid-template-columns:repeat(4,1fr)}.leadership-card{background:#fff;border:1px solid #dfe2e2;padding-bottom:22px}.leadership-image{height:360px;overflow:hidden;position:relative;background:#e9eff2}.leadership-image img{width:100%;height:100%;object-fit:cover;transition:.45s}.leadership-card:hover img{transform:scale(1.045)}.leadership-image span{position:absolute;right:14px;top:14px;padding:7px;background:var(--page-dark);color:var(--page-accent-2);font-size:10px}.leadership-card>div:last-child{padding:18px 18px 0}.leadership-card p{color:#64747d}.agent-info small{font-size:9px;letter-spacing:.12em;color:var(--page-accent)}
.contact-stage{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:start}.contact-form-card{border-top:4px solid var(--page-accent)}.contact-visual{background:var(--page-dark);padding:32px;color:#fff;min-height:100%}.contact-orbit{height:310px;position:relative;display:grid;place-items:center;overflow:hidden}.orbit-center{width:88px;height:88px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--page-accent);font:700 22px Georgia,serif;color:var(--page-accent-2);box-shadow:0 0 60px color-mix(in srgb,var(--page-accent) 20%,transparent)}.orbit{position:absolute;width:220px;height:220px;border:1px solid rgba(255,255,255,.14);border-radius:50%;display:flex;align-items:flex-start;justify-content:center;padding-top:4px;font-size:8px;letter-spacing:.14em;color:var(--page-accent-2);animation:orbitSpin 10s linear infinite}.o2{width:270px;height:270px;animation-duration:14s;animation-direction:reverse}.o3{width:320px;height:320px;animation-duration:18s}@keyframes orbitSpin{to{transform:rotate(360deg)}}.contact-office-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-office{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13);padding:20px}.contact-office small{color:var(--page-accent-2)}.contact-office p{color:#c8d2d8}.contact-office div{display:flex;gap:15px}.contact-office a{color:var(--page-accent-2);font-weight:850}
.career-hero-strip{overflow:hidden;background:var(--page-dark);border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.career-words{display:flex;width:max-content;animation:careerRail 20s linear infinite}.career-words span{font:700 clamp(48px,8vw,120px)/1 Georgia,serif;color:transparent;-webkit-text-stroke:1px rgba(234,219,255,.35);padding:16px 28px}.career-words span:nth-child(2n){color:rgba(176,144,216,.12)}@keyframes careerRail{to{transform:translateX(-35%)}}.react-career-intro{padding:34px;background:linear-gradient(135deg,var(--page-dark),#2a1840);color:#fff;margin-bottom:35px}.react-career-intro small{color:var(--page-accent-2);letter-spacing:.16em}.react-career-intro h2{font-size:clamp(36px,5vw,66px);margin:9px 0}.react-career-intro h2 button{font:inherit;color:var(--page-accent-2);border:0;border-bottom:2px solid var(--page-accent);background:none;cursor:pointer;padding:0}.react-career-intro p{color:#d9cee8}.career-layout{display:grid;grid-template-columns:1fr .9fr;gap:35px;align-items:start}.career-jobs{display:grid;gap:13px}.career-job{border:1px solid #ddd6e5;background:#fff;padding:24px}.career-job>div{display:flex;justify-content:space-between;gap:10px;color:#81768d}.career-job>div span{font:600 30px Georgia,serif;color:var(--page-accent)}.career-job button{border:0;background:none;padding:0;color:#6c4a92;font-weight:900;cursor:pointer}.career-form{position:sticky;top:110px;border-top:4px solid var(--page-accent)}.file-drop{border:1px dashed #c9bed5;padding:15px;background:#faf7fd}
.blog-editorial{background:var(--page-soft)}.blog-search-panel{background:#fff;border-left:4px solid var(--page-accent);padding:26px;margin-bottom:28px}.blog-search-panel form{display:flex;gap:10px;margin-top:10px}.blog-search-panel input{flex:1;border:0;border-bottom:1px solid #aaa;padding:13px;font-size:17px;outline:0}.editorial-grid{grid-template-columns:repeat(3,1fr)}.editorial-card{background:#fff;border:1px solid #e0d7d1;overflow:hidden}.editorial-card .blog-media{position:relative}.article-number{position:absolute;right:14px;bottom:14px;background:var(--page-dark);color:var(--page-accent-2);padding:7px 9px;font-size:10px}.editorial-card p{color:#6b6564}
.experience-dock{position:fixed;left:23px;bottom:23px;z-index:120}.experience-main{width:54px;height:54px;border-radius:50%;border:1px solid color-mix(in srgb,var(--page-accent) 70%,#222);background:var(--page-dark);color:var(--page-accent-2);font-size:20px;cursor:pointer;box-shadow:0 15px 40px rgba(0,0,0,.25)}.experience-actions{position:absolute;left:63px;bottom:0;display:flex;gap:7px;opacity:0;pointer-events:none;transform:translateX(-15px);transition:.25s}.experience-dock.open .experience-actions{opacity:1;pointer-events:auto;transform:none}.experience-actions button{border:1px solid rgba(255,255,255,.18);background:rgba(7,21,32,.94);color:#fff;padding:10px 12px;border-radius:30px;cursor:pointer;white-space:nowrap;backdrop-filter:blur(12px)}
.page-transition-out .page-wipe{animation:none!important;transform:translateY(0)!important;transition:transform .4s cubic-bezier(.65,0,.35,1)}
.magnetic{transition:transform .16s ease}.magnetic-surface{will-change:transform}.focus-card,.service-cinematic-card,.career-job,.leadership-card{transform-style:preserve-3d}
@media(hover:hover){.cursor-dot,.cursor-ring{display:block}body{cursor:none}a,button,input,select,textarea,summary{cursor:none!important}}
@media(max-width:1050px){.skyline-3d{opacity:.35;right:-100px}.react-developers{grid-template-columns:1fr}.react-developer-grid{grid-template-columns:repeat(2,1fr)}.photo-team-grid,.leadership-grid{grid-template-columns:repeat(2,1fr)}.service-cards{grid-template-columns:repeat(2,1fr)}.contact-stage,.career-layout{grid-template-columns:1fr}.career-form{position:static}.proof-flow{grid-template-columns:1fr}.proof-flow i{transform:rotate(90deg);text-align:center}.transaction-detail{padding-right:220px}}
@media(max-width:760px){.skyline-3d{display:none}.react-developer-grid,.photo-team-grid,.leadership-grid,.service-cards,.contact-office-grid,.about-metrics{grid-template-columns:1fr}.transaction-tabs{grid-template-columns:repeat(2,1fr);gap:8px}.transaction-progress{display:none}.transaction-detail{padding:28px;min-height:300px}.transaction-cube{right:35px;top:auto;bottom:25px;width:80px;height:80px}.experience-dock{left:14px;bottom:14px}.experience-actions{left:0;bottom:64px;flex-direction:column}.logo-pill{width:150px}.leadership-image{height:330px}.team-photo{height:330px}.blog-search-panel form{flex-direction:column}.editorial-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.tower,.transaction-cube,.logo-track,.career-words,.orbit{animation:none!important}.cursor-dot,.cursor-ring{display:none!important}}

/* Official SPS brand mark */
.sps-brand{flex:0 0 auto;min-width:0;width:220px}
.sps-original-logo{display:block;width:100%;height:60px;object-fit:contain;object-position:left center}
@media(max-width:1200px){.sps-brand{width:170px}.sps-original-logo{height:52px}.sps-nav .nav-links{gap:16px}}
@media(max-width:760px){.sps-brand{width:145px}.sps-original-logo{height:46px}}

.mobile-menu-tools{display:none}
@media(max-width:1000px){
  .desktop-nav-utility{display:none!important}
  .sps-nav .nav-links{top:86px;max-height:calc(100vh - 86px);overflow-y:auto;align-items:stretch;gap:0;padding:14px 4% 22px;box-shadow:0 22px 45px rgba(7,24,36,.16)}
  .sps-nav .nav-links>a{padding:13px 4px;font-size:12px;border-bottom:1px solid #edf0f2}
  .sps-nav .nav-links>a:after{display:none}
  .mobile-menu-tools{display:grid;gap:10px;margin-top:15px;padding-top:15px;border-top:1px solid #dfe4e7}
  .mobile-search-action,.mobile-compare-action{width:100%;min-height:58px;border:1px solid #dce2e6;background:#f7f9fa;color:#0b1e2b;border-radius:14px;padding:11px 14px;display:flex;align-items:center;gap:12px;text-align:left;font:inherit;cursor:pointer}
  .mobile-search-action>span:first-child{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid #dce2e6;font-size:21px}
  .mobile-search-action strong{display:block;font-size:13px}.mobile-search-action small{display:block;color:#74808a;font-size:10px;margin-top:1px}
  .mobile-compare-action{justify-content:space-between;font-size:12px;font-weight:850}
  .mobile-count{min-width:24px;height:24px;border-radius:999px;display:grid;place-items:center;background:#0b1e2b;color:#fff;font-size:10px}
  .mobile-account-block{margin-top:4px;padding:17px;border-radius:16px;background:linear-gradient(135deg,#071521,#17354a);color:#fff}
  .mobile-account-block>small{display:block;color:#d9c28d;font-size:9px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:9px}
  .mobile-login-action{display:flex!important;align-items:center;justify-content:space-between;padding:0!important;border:0!important;color:#fff!important;font:700 18px Georgia,serif!important;text-transform:none!important;letter-spacing:0!important}
  .mobile-login-action span{color:#d6b36a;font-family:Inter,system-ui,sans-serif}
  .mobile-account-block form{margin-top:12px}.mobile-logout-action{padding:0;border:0;background:none;color:#bdc8d0;font-size:11px;text-decoration:underline;cursor:pointer}
}
@media(max-width:760px){.sps-nav .nav-links{top:70px;max-height:calc(100vh - 70px)}}

/* Header utility cleanup: account access lives in the burger menu. */
.nav-actions>a.desktop-nav-utility,.nav-actions>form.desktop-nav-utility{display:none!important}
.mobile-compare-action{display:none!important}
.search-icon-btn,.nav-actions>button.icon-btn.desktop-nav-utility{position:relative;width:48px;height:48px;padding:0;border:1px solid #d7dde1;background:#fff;color:transparent;font-size:0;overflow:hidden;transition:border-color .2s,background .2s,transform .2s,box-shadow .2s}
.search-icon-btn:before,.nav-actions>button.icon-btn.desktop-nav-utility:before{content:"";position:absolute;left:14px;top:13px;width:14px;height:14px;border:2px solid #0b1e2b;border-radius:50%}
.search-icon-btn:after,.nav-actions>button.icon-btn.desktop-nav-utility:after{content:"";position:absolute;left:29px;top:28px;width:8px;height:2px;border-radius:2px;background:#0b1e2b;transform:rotate(45deg);transform-origin:left center}
.search-icon-btn:hover,.nav-actions>button.icon-btn.desktop-nav-utility:hover{transform:translateY(-1px);border-color:#b68a3a;background:#fffaf0;box-shadow:0 8px 22px rgba(9,28,42,.1)}
.search-icon-btn:focus-visible,.nav-actions>button.icon-btn.desktop-nav-utility:focus-visible{outline:3px solid rgba(214,179,106,.32);outline-offset:3px}
@media(max-width:1000px){.nav-actions>button.icon-btn.desktop-nav-utility{display:none!important}}

/* Compact, professional property search dialog. */
.global-search{padding:32px 18px;display:none;align-items:flex-start;justify-content:center}
.global-search.open{display:flex}
.global-search-card{width:min(720px,100%);margin:5vh auto 0;padding:30px 34px 34px;border-radius:12px;border-top:3px solid #c9a55d;box-shadow:0 28px 80px rgba(0,0,0,.34)}
.global-search-card h2{font-size:clamp(30px,4vw,42px);margin:8px 44px 18px 0}
.global-search-card .eyebrow{font-size:10px}
.global-search-close{right:16px;top:13px;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;font-size:25px;line-height:1;transition:.2s}
.global-search-close:hover{background:#f2eee6;transform:rotate(4deg)}
.global-search-input{height:58px;margin:18px 0;border:1px solid #d8d2c7;border-radius:8px;padding:0 15px;background:#fbfaf7;transition:.2s}
.global-search-input:focus-within{border-color:#b99247;box-shadow:0 0 0 3px rgba(201,165,93,.14);background:#fff}
.global-search-input input{min-width:0;padding:0;border:0;background:transparent;font:500 18px Inter,system-ui,sans-serif;color:#122331}
.global-search-input input::placeholder{color:#92999e}
.global-search-input span{font-size:20px;color:#142738}
.global-search-results{grid-template-columns:1fr;max-height:320px;overflow:auto;gap:8px}
.global-search-hint{font-size:13px;padding:2px 1px;color:#7a858c}
.global-result{border-radius:8px;padding:11px 13px}

/* Branded account experience. */
.premium-auth{min-height:calc(100vh - 122px);padding:58px 0;background:radial-gradient(circle at 18% 20%,rgba(210,174,99,.17),transparent 30%),linear-gradient(135deg,#06131e,#102c3d)}
.auth-shell{width:min(960px,92%);display:grid;grid-template-columns:.92fr 1.08fr;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 35px 95px rgba(0,0,0,.32)}
.auth-aside{padding:52px 46px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,rgba(5,19,30,.9),rgba(11,43,58,.86)),url('/assets/images/brand/sps-banner.webp') center/cover;color:#fff}
.auth-aside h1{font-size:clamp(38px,4.5vw,58px);margin:12px 0 18px}
.auth-aside p{color:#c8d3da;font-size:15px;max-width:390px}
.auth-trust{display:grid;gap:9px;margin-top:28px}.auth-trust span{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#ead5a7}.auth-trust span:before{content:"";display:inline-block;width:5px;height:5px;margin:0 9px 2px 0;border-radius:50%;background:#d3ad60}
.premium-auth-card{width:auto;max-width:none;border:0;border-radius:0;box-shadow:none;padding:52px 48px}
.premium-auth-card h2{font-size:42px;margin:7px 0}
.auth-intro{margin:0 0 25px;color:#78838a;font-size:14px}
.auth-form{gap:17px}.auth-form .field label{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#3e4d57}
.auth-form .field input{height:50px;border-radius:8px;background:#fbfcfc}
.auth-submit{width:100%;min-height:50px;border-radius:8px;margin-top:3px}
.auth-register{font-size:13px;text-align:center;margin:20px 0 8px;color:#748089}.auth-register a{color:#9a722a;font-weight:850}
.auth-home-link{display:block;text-align:center;font-size:11px;color:#7e888e;margin-top:14px}
@media(max-width:760px){.global-search{padding:14px}.global-search-card{margin:3vh auto 0;padding:25px 20px 24px}.global-search-card h2{font-size:30px}.global-search-input{height:54px}.global-search-input input{font-size:15px}.auth-shell{grid-template-columns:1fr}.auth-aside{display:none}.premium-auth-card{padding:38px 25px}.premium-auth{padding:32px 0}.premium-auth-card h2{font-size:36px}}

/* Restore desktop account access; Compare remains intentionally removed. */
.nav-actions>a.desktop-nav-utility:not([data-open-compare]){display:inline-flex!important}
.nav-actions>form.desktop-nav-utility{display:block!important}
.nav-actions>a.desktop-nav-utility[data-open-compare]{display:none!important}
@media(max-width:1000px){
  .nav-actions>a.desktop-nav-utility:not([data-open-compare]),.nav-actions>form.desktop-nav-utility{display:none!important}
}

/* V6.1  premium social identity */
.footer-social{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.social-icon{position:relative;display:inline-flex;align-items:center;gap:9px;min-height:42px;padding:9px 13px;border:1px solid rgba(255,255,255,.15);color:#fff;background:rgba(255,255,255,.045);overflow:hidden;isolation:isolate;transition:transform .25s ease,border-color .25s ease,background .25s ease,box-shadow .25s ease}.social-icon:before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;transform:scale(.78);transition:.25s;border-radius:inherit}.social-icon svg{width:20px;height:20px;flex:0 0 20px}.social-icon span{font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.social-icon:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.5);box-shadow:0 12px 34px rgba(0,0,0,.22)}.social-instagram:before{background:radial-gradient(circle at 30% 105%,#feda75 0 20%,#fa7e1e 32%,#d62976 56%,#962fbf 76%,#4f5bd5 100%)}.social-youtube:before{background:#ff0033}.social-linkedin:before{background:#0a66c2}.social-icon:hover:before{opacity:1;transform:scale(1)}
.social-rail{position:fixed;right:0;top:50%;z-index:70;display:flex;flex-direction:column;gap:7px;transform:translateY(-50%);padding:10px 8px 10px 10px;background:rgba(5,15,25,.84);backdrop-filter:blur(16px);border:1px solid rgba(214,179,106,.22);border-right:0;border-radius:18px 0 0 18px;box-shadow:0 18px 45px rgba(0,0,0,.18)}.social-rail-label{writing-mode:vertical-rl;transform:rotate(180deg);align-self:center;margin:3px 0 5px;color:#e4c783;font-size:9px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.social-rail .social-icon{width:42px;height:42px;min-height:42px;padding:0;justify-content:center;border-radius:50%}.social-rail .social-icon span{position:absolute;right:52px;white-space:nowrap;background:#07111d;color:#fff;padding:7px 10px;border-radius:6px;opacity:0;pointer-events:none;transform:translateX(8px);transition:.2s;box-shadow:0 8px 22px rgba(0,0,0,.22)}.social-rail .social-icon:hover span{opacity:1;transform:none}.social-rail .social-icon svg{width:19px;height:19px}.social-youtube svg{filter:drop-shadow(0 0 7px rgba(255,0,51,.18))}
@media(max-width:760px){.social-rail{top:auto;right:12px;bottom:18px;transform:none;flex-direction:row;border-right:1px solid rgba(214,179,106,.22);border-radius:999px;padding:7px}.social-rail-label{display:none}.social-rail .social-icon{width:38px;height:38px;min-height:38px}.social-rail .social-icon span{display:none}.floating-wa{bottom:72px}}

/* Owner-grade V7: developer, area, investment, property and operations polish */
.property-filter-pro{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:24px;border:1px solid rgba(15,35,51,.12);background:linear-gradient(145deg,#fff,#f8f5ef);box-shadow:0 22px 60px rgba(14,30,43,.08);margin-bottom:22px}.property-filter-pro .field{margin:0}.filter-action{display:flex;align-items:flex-end}.filter-action .btn{width:100%;min-height:48px}.results-meta{font-size:14px;color:#61717d}.results-meta strong{font:700 28px Georgia,serif;color:var(--page-dark);margin-right:5px}.premium-empty{padding:70px 30px;text-align:center;border:1px dashed #c9c2b4;background:linear-gradient(145deg,#fff,#faf7f1)}.premium-empty h3{font:700 34px Georgia,serif;margin:0 0 8px}.property-alert-panel{margin-top:42px;padding:32px;display:grid;grid-template-columns:1fr .85fr;gap:35px;align-items:center;background:linear-gradient(135deg,var(--page-dark),#173344);color:#fff;border-left:4px solid var(--page-accent)}.property-alert-panel p{color:#c9d4da}.property-alert-panel form{display:flex;gap:10px}.property-alert-panel input{flex:1;min-width:0;padding:14px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff}.property-alert-panel input::placeholder{color:#abb9c2}
.property-detail-premium{background:linear-gradient(180deg,#fff 0,#faf8f3 100%)}.detail-media{position:relative;min-height:520px;overflow:hidden;background:#e7e7e3}.detail-media img{width:100%;height:100%;min-height:520px;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.detail-media:hover img{transform:scale(1.025)}.detail-media-overlay{position:absolute;left:22px;bottom:22px;display:flex;gap:8px;flex-wrap:wrap}.detail-media-overlay span{padding:8px 11px;background:rgba(7,23,35,.82);backdrop-filter:blur(10px);color:#fff;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;border:1px solid rgba(255,255,255,.18)}.detail-sidebar{position:sticky;top:105px;border-top:4px solid var(--page-accent);box-shadow:0 24px 70px rgba(12,30,42,.1)}.detail-price{font:700 clamp(30px,4vw,48px) Georgia,serif;color:var(--page-dark);margin:8px 0 20px}.detail-actions{display:grid;gap:9px;margin-top:20px}.detail-actions form,.detail-actions .btn{width:100%}.btn-whatsapp{background:#123f35!important;color:#fff!important;border-color:#1a6b5a!important}.btn-whatsapp:hover{background:#0d3028!important}.property-location-card{position:relative;overflow:hidden}.property-location-card:after{content:'DXB';position:absolute;right:20px;bottom:-14px;font:800 90px/1 Georgia,serif;color:rgba(192,154,80,.08)}.viewing-panel{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;padding:42px;background:linear-gradient(135deg,#0b2131,#102f3e);color:#fff;border:1px solid rgba(255,255,255,.08);box-shadow:0 28px 80px rgba(7,25,38,.17)}.viewing-panel p{color:#b9c7cf}.viewing-panel .field label{color:#d7e0e4}.viewing-panel input,.viewing-panel select,.viewing-panel textarea{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.18)}.viewing-panel select option{color:#111}
.developers-directory{background:radial-gradient(circle at 90% 10%,rgba(202,169,100,.13),transparent 24%),#f7f4ed}.developer-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.developer-directory-card{position:relative;background:#fff;border:1px solid #ded9cd;padding:26px;min-height:335px;display:flex;flex-direction:column;overflow:hidden;transition:.35s box-shadow,.35s border-color}.developer-directory-card:after{content:'';position:absolute;width:130px;height:130px;border:1px solid rgba(191,151,73,.18);border-radius:50%;right:-55px;top:-55px;transition:.45s}.developer-directory-card:hover{border-color:rgba(171,130,53,.6);box-shadow:0 28px 60px rgba(25,32,35,.12)}.developer-directory-card:hover:after{transform:scale(1.4)}.developer-logo-large{height:96px;display:flex;align-items:center;gap:16px;border-bottom:1px solid #eee6d7;margin-bottom:22px;padding-bottom:18px}.developer-logo-large img{max-width:125px;max-height:54px;object-fit:contain}.developer-logo-large span{font:700 22px Georgia,serif;color:#193141}.developer-directory-card>small{font-size:9px;letter-spacing:.18em;color:#9b763a}.developer-directory-card h3{font:700 29px Georgia,serif;margin:8px 0}.developer-directory-card p{color:#65737a;flex:1}.developer-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:18px;border-top:1px solid #eee}.developer-card-bottom span{font-size:11px;color:#7a858a}.developer-card-bottom a{font-weight:900;color:#8d6a2e}
.areas-directory{background:#0c2230;color:#fff}.area-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12)}.area-guide-card{min-height:320px;padding:36px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.02));color:#fff;position:relative;overflow:hidden}.area-guide-card:before{content:'';position:absolute;inset:auto -20% -60% 35%;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(211,176,101,.2),transparent 66%);transition:.5s}.area-guide-card:hover:before{transform:translate(-15%,-15%) scale(1.15)}.area-guide-card>span{font:600 52px Georgia,serif;color:rgba(223,196,139,.24)}.area-guide-card small{display:block;color:#d8b86f;letter-spacing:.16em;margin:18px 0 8px}.area-guide-card h2{font:700 clamp(30px,4vw,50px) Georgia,serif;margin:0 0 12px}.area-guide-card p{max-width:520px;color:#b9c7ce}.area-guide-card b{position:absolute;bottom:30px;color:#ebcf94;font-size:12px}.area-disclaimer{margin-top:28px;padding:18px 20px;border:1px solid rgba(255,255,255,.14);color:#9fb0b9;font-size:12px}
.investment-premium{background:linear-gradient(180deg,#f8f5ef,#fff)}.investment-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}.investment-hero-grid h2{font:700 clamp(40px,5vw,70px)/1.02 Georgia,serif;max-width:760px}.investment-orbit{height:420px;position:relative;display:grid;place-items:center;background:radial-gradient(circle,rgba(201,160,78,.13),transparent 52%)}.invest-core{width:110px;height:110px;border-radius:50%;display:grid;place-items:center;background:#0d2636;color:#e6c986;font:800 28px Georgia,serif;box-shadow:0 0 0 22px rgba(13,38,54,.04),0 0 80px rgba(183,143,66,.18)}.investment-orbit:before,.investment-orbit:after{content:'';position:absolute;border:1px solid rgba(31,62,77,.18);border-radius:50%;animation:orbitSpin 16s linear infinite}.investment-orbit:before{width:260px;height:260px}.investment-orbit:after{width:350px;height:350px;animation-direction:reverse;animation-duration:23s}.investment-orbit i{position:absolute;font-style:normal;font-size:9px;font-weight:900;letter-spacing:.16em;color:#8b6a2c}.investment-orbit i:nth-of-type(1){top:48px}.investment-orbit i:nth-of-type(2){right:36px}.investment-orbit i:nth-of-type(3){bottom:48px}.investment-orbit i:nth-of-type(4){left:36px}.investment-check-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.investment-check{background:#fff;border:1px solid #dedbd3;padding:28px;min-height:260px;position:relative}.investment-check>span{font:700 42px Georgia,serif;color:#d7c397}.investment-check h3{font:700 24px Georgia,serif}.investment-check p{color:#68747a}.compare-cta{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:35px;background:#0c2635;color:#fff;border-left:4px solid #c6a25d}.compare-cta p{color:#b9c7ce}
.investment-plan-section{background:linear-gradient(180deg,#fff,#f6f2e9)}.investment-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.investment-plan-card{background:#fff;border:1px solid #d9d2c4;padding:28px;box-shadow:0 18px 45px rgba(20,35,44,.08)}.investment-plan-featured{border-top:4px solid #b58a3b}.investment-plan-header{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #eee7db;padding-bottom:15px}.plan-term{font-size:12px;font-weight:900;letter-spacing:.16em;color:#8b6a2c}.plan-badge{font-size:9px;font-weight:900;letter-spacing:.12em;color:#fff;background:#0d2636;padding:7px 9px}.investment-plan-card h3{font:700 29px Georgia,serif;margin:22px 0 14px}.plan-highlight{display:flex;align-items:baseline;gap:10px;margin:0;color:#66747b}.plan-highlight strong{font:700 48px Georgia,serif;color:#9a712d}.plan-highlight span{font-size:13px}.plan-net{display:flex;justify-content:space-between;gap:12px;margin:16px 0;padding:13px 14px;background:#f7f3ea;border-left:3px solid #c19a53}.plan-net b{color:#234555}.plan-net span{font-size:11px;color:#69777d;text-align:right}.plan-points{display:grid;gap:8px;padding:0;margin:20px 0 24px;list-style:none;color:#52636b;font-size:13px}.plan-points li:before{content:'+';font-weight:900;color:#ac8038;margin-right:8px}.plan-table-wrap{max-height:360px;overflow:auto;border:1px solid #e2ddd3;margin-bottom:22px}.plan-table{width:100%;border-collapse:collapse;text-align:center;font-size:12px}.plan-table th,.plan-table td{padding:7px 8px;border-bottom:1px solid #eee9e0}.plan-table thead th{position:sticky;top:0;background:#0d2636;color:#fff;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.plan-table tbody tr:nth-child(even){background:#faf8f3}.plan-table tfoot th{background:#f1eadc;color:#223e4c}.investment-plan-card .btn{width:100%}.investment-plan-note{margin-top:22px;padding:18px 20px;border:1px solid #dbcba9;background:#fffaf0;color:#68747a;font-size:12px}.investment-plan-note strong{color:#7f5e26}.investment-process{background:#0c2635;color:#fff}.investment-process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.investment-process-step{padding:26px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04)}.investment-process-step span{font:700 38px Georgia,serif;color:#d6b66f}.investment-process-step h3{margin:14px 0 8px}.investment-process-step p{color:#b9c7ce}
.admin-jobs-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:35px;align-items:start}.career-admin-list{display:grid;gap:12px}.career-admin-card{display:flex;justify-content:space-between;gap:22px;align-items:center;background:#fff;border:1px solid #ddd;padding:22px}.career-admin-card h3{margin:5px 0 8px}.career-admin-card p{margin:0;color:#68747a}.career-admin-card small{color:#8c6c30}.career-admin-card form{flex:0 0 auto}
@media(max-width:1050px){.property-filter-pro{grid-template-columns:repeat(2,minmax(0,1fr))}.developer-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.investment-check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.investment-hero-grid,.investment-plan-grid,.viewing-panel,.admin-jobs-layout{grid-template-columns:1fr}.detail-sidebar{position:static}.property-alert-panel{grid-template-columns:1fr}}
@media(max-width:760px){.property-filter-pro,.developer-directory-grid,.area-guide-grid,.investment-check-grid,.investment-process-grid{grid-template-columns:1fr}.property-alert-panel{padding:24px}.property-alert-panel form{flex-direction:column}.detail-media,.detail-media img{min-height:340px}.viewing-panel{padding:25px}.investment-orbit{height:330px}.investment-orbit:after{width:280px;height:280px}.investment-orbit:before{width:210px;height:210px}.investment-plan-card{padding:20px}.plan-net{display:block}.plan-net span{display:block;margin-top:5px;text-align:left}.compare-cta,.career-admin-card{align-items:flex-start;flex-direction:column}.area-guide-card{min-height:290px}.developer-directory-card{min-height:auto}}

/* Approved team update: only Gaurav Sharma and Tanishq use new portraits. */
.photo-team-grid,.leadership-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.agent-photo-frame{position:absolute;inset:0;z-index:1;display:block;overflow:hidden;border-radius:50%;background:#071725}
.agent-photo-frame img{display:block;width:100%;height:100%;object-fit:cover}
.agent-portrait.has-photo .agent-ring{z-index:2;pointer-events:none}
.agent-portrait.gaurav-photo .agent-photo-frame img,.agent-portrait.tanishq-photo .agent-photo-frame img{transform:scale(1.12);transform-origin:50% 35%}
@media(max-width:1050px){.photo-team-grid,.leadership-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.photo-team-grid,.leadership-grid{grid-template-columns:1fr}}

/* ===== Premium Global Edition 10.0 ===== */
:root{--sps-navy:#061521;--sps-navy-2:#0b2638;--sps-ink:#10202c;--sps-gold:#c9a55d;--sps-gold-light:#eed59e;--sps-ivory:#f7f3eb;--sps-line:#ddd7cc;--sps-shadow:0 28px 80px rgba(6,21,33,.13)}
body{background:#fcfbf8;color:var(--sps-ink);font-feature-settings:"kern" 1,"liga" 1}body.modal-open{overflow:hidden}.container{width:min(1240px,92%)}h1,h2{font-family:Cambria,Georgia,serif;letter-spacing:-.025em}.btn{border-radius:3px;min-height:44px;padding:11px 19px;letter-spacing:.015em}.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid rgba(201,165,93,.5);outline-offset:3px}.skip-link{position:fixed;left:16px;top:14px;z-index:500;transform:translateY(-150%);background:#fff;color:#071521;padding:10px 14px;font-weight:900;box-shadow:var(--sps-shadow)}.skip-link:focus{transform:none}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.cursor-dot,.cursor-ring,.cursor-glow{display:none!important}@media(hover:hover){body{cursor:auto!important}a,button,summary{cursor:pointer!important}input,select,textarea{cursor:text!important}}
.sps-topbar{background:#04111b;border-bottom:1px solid rgba(255,255,255,.07)}.sps-topbar .container{min-height:36px;align-items:center;padding:6px 0}.topbar-left,.topbar-right{display:flex;align-items:center;gap:18px}.global-presence{display:inline-flex;align-items:center;gap:9px;color:#f2dfb5;font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.global-presence i{width:7px;height:7px;border-radius:50%;background:#d6b36a;box-shadow:0 0 0 5px rgba(214,179,106,.12)}.sps-topbar a,.topbar-call{font-size:11px}.sps-nav{background:rgba(255,255,255,.97);border-color:rgba(8,25,37,.09)}.sps-nav .nav-inner{height:86px}.sps-nav .nav-links{gap:21px}.sps-nav .nav-links a{font-size:11px;padding:32px 0}.sps-nav .nav-links a:after{bottom:22px}.brand-copy{font-size:19px;color:#0b1e2b}.brand-copy small{font-size:8px;letter-spacing:.17em;color:#7b827f}.nav-actions .btn{min-height:38px}.menu-btn{color:#0a1c28}
.global-hero{min-height:820px;background-image:linear-gradient(90deg,rgba(3,13,22,.96) 0%,rgba(3,13,22,.82) 41%,rgba(3,13,22,.27) 72%,rgba(3,13,22,.38) 100%),url('/assets/images/brand/sps-banner.webp');background-position:center;background-size:cover}.global-hero:before{background:linear-gradient(180deg,rgba(1,10,17,.06),rgba(2,12,20,.77) 100%)}.global-hero .original-hero-inner{min-height:730px;grid-template-columns:1.15fr .48fr;gap:86px}.global-hero .hero-copy{max-width:880px}.global-hero h1{font-size:clamp(56px,6.5vw,92px);line-height:.98;text-wrap:balance}.global-hero .dynamic-word{color:var(--sps-gold-light)}.global-hero p{max-width:710px;font-size:18px;line-height:1.7}.global-hero .hero-kicker{font:700 12px/1.2 Inter,system-ui,sans-serif;letter-spacing:.17em;text-transform:uppercase;color:#efd69e}.global-hero .hero-trust{gap:8px;margin-top:28px}.global-hero .hero-trust span{padding:9px 12px;border:1px solid rgba(255,255,255,.17);background:rgba(4,17,28,.38);font-size:10px;letter-spacing:.06em;text-transform:uppercase;backdrop-filter:blur(10px)}.award-hero-card{border-radius:0;border-color:rgba(235,206,145,.36);background:linear-gradient(145deg,rgba(5,20,31,.87),rgba(21,47,62,.55));padding:34px}.award-hero-card .award-card-seal{width:78px;height:78px;display:grid;place-items:center;border-radius:50%;border:1px solid #d3af66;box-shadow:inset 0 0 0 7px rgba(211,175,102,.08);color:#f0d9a4;font:700 20px Georgia,serif;margin-bottom:25px}.award-hero-card>strong{font-size:38px}.award-hero-card p{font-size:13px;line-height:1.65;color:#cbd6dc}.award-hero-card .floating-metric span{font-size:30px}.original-marquee{background:#bc954b;border-color:#9d7732}.premium-search{border-radius:4px;box-shadow:0 24px 70px rgba(4,18,30,.17)}
.award-feature{padding:118px 0 110px;background:radial-gradient(circle at 85% 12%,rgba(201,165,93,.16),transparent 24%),#fcfbf8}.award-feature-grid{display:grid;grid-template-columns:.83fr 1.17fr;gap:84px;align-items:center}.award-kicker{display:inline-flex;align-items:center;gap:9px;color:#8f6b29;font-size:10px;font-weight:950;letter-spacing:.16em;text-transform:uppercase}.award-kicker i{width:29px;height:29px;display:grid;place-items:center;border:1px solid #c9a55d;border-radius:50%;font-style:normal}.award-feature-copy h2{font-size:clamp(43px,5vw,68px);margin:18px 0 20px;line-height:1.02}.award-feature-copy>p{font-size:17px;color:#65717a;line-height:1.8}.award-fact-row{display:grid;grid-template-columns:.6fr 1fr 1.3fr;gap:0;margin:32px 0;border-top:1px solid var(--sps-line);border-bottom:1px solid var(--sps-line)}.award-fact-row span{padding:17px 15px;border-right:1px solid var(--sps-line)}.award-fact-row span:last-child{border-right:0}.award-fact-row b,.award-fact-row small{display:block}.award-fact-row b{font:700 20px Georgia,serif;color:#0b2434}.award-fact-row small{font-size:9px;color:#7e878c;text-transform:uppercase;letter-spacing:.1em;margin-top:3px}.award-feature-media{min-height:640px;position:relative}.award-feature-media figure{margin:0;overflow:hidden;background:#071725;box-shadow:var(--sps-shadow)}.award-event-shot{position:absolute;inset:0 20% 0 0}.award-event-shot img{width:100%;height:100%;object-fit:cover;object-position:46% 22%}.award-event-shot:after{content:"";position:absolute;inset:15px;border:1px solid rgba(255,255,255,.38);pointer-events:none}.award-event-shot figcaption{position:absolute;left:30px;bottom:30px;padding:15px 18px;background:rgba(4,17,27,.84);color:#fff;backdrop-filter:blur(10px)}.award-event-shot figcaption span,.award-event-shot figcaption b{display:block}.award-event-shot figcaption span{font-size:9px;letter-spacing:.15em;color:#e9cc8e;text-transform:uppercase}.award-certificate-shot{position:absolute;right:0;bottom:34px;width:47%;border:9px solid #fff}.award-certificate-shot img{width:100%;aspect-ratio:1.32;object-fit:cover}.award-certificate-shot figcaption{padding:11px 13px;color:#fff;font-size:9px;letter-spacing:.12em;text-transform:uppercase}
.global-footprint{background:#f2ede3;border-top:1px solid #e4dccd;border-bottom:1px solid #e4dccd}.global-footprint .section-head h2{max-width:720px}.global-office-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:#d9d1c3;border:1px solid #d9d1c3}.global-office-card{background:#fff;padding:27px 23px;min-height:350px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.global-office-card:after{content:"";position:absolute;width:150px;height:150px;border:1px solid rgba(201,165,93,.2);border-radius:50%;right:-78px;top:-78px;transition:.4s}.global-office-card:hover{z-index:2;transform:translateY(-7px);box-shadow:0 25px 60px rgba(7,25,37,.16)}.global-office-card:hover:after{transform:scale(1.35)}.global-office-card:first-child{background:linear-gradient(145deg,#071725,#102e40);color:#fff}.global-office-card:first-child p{color:#bdcbd3}.office-card-top{display:flex;justify-content:space-between;align-items:center}.office-code{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;border:1px solid #c9a55d;color:#9d762f;font:700 12px Georgia,serif}.global-office-card:first-child .office-code{color:#eed59e}.office-count{font:italic 700 27px Georgia,serif;color:#ddd0b4}.global-office-card>small{margin-top:42px;color:#9a7734;font-size:9px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.global-office-card h3{font:700 29px Georgia,serif;margin:7px 0}.global-office-card p{color:#6c777d;font-size:12px}.global-office-card .office-role{min-height:38px;color:#263b48;font-weight:800;font-size:11px}.global-office-card:first-child .office-role{color:#e5d2a8}.office-actions{margin-top:auto;padding-top:18px;border-top:1px solid rgba(128,128,128,.22);display:grid;gap:8px}.office-actions a,.office-actions button{font-size:11px;font-weight:900;color:#8b692d}.office-actions button{border:0;background:none;text-align:left;padding:0}.global-office-card:first-child .office-actions a,.global-office-card:first-child .office-actions button{color:#efd59c}
.global-proof{background:linear-gradient(120deg,#04131f,#0b2a3c)}.global-proof .stat strong:after{content:""}.global-proof .stat strong{color:#eed59e}.global-proof .stat span{max-width:170px;margin:7px auto 0;line-height:1.5}.signature-service{background:#fff}.signature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--sps-line);border-left:1px solid var(--sps-line)}.signature-card{min-height:310px;padding:31px;border-right:1px solid var(--sps-line);border-bottom:1px solid var(--sps-line);background:#fff;transition:.35s}.signature-card:hover{background:#071725;color:#fff;transform:translateY(-5px);box-shadow:var(--sps-shadow)}.signature-card>span{font:italic 700 48px Georgia,serif;color:#dfcca7}.signature-card h3{font:700 26px Georgia,serif;margin-top:58px}.signature-card p{color:#69757d}.signature-card:hover p{color:#bfccd3}
.page-awards{--page-accent:#caa65f;--page-accent-2:#f0d9a5;--page-dark:#061521;--page-soft:#f7f2e9}.award-page-hero{
  background-image:
    linear-gradient(
      90deg,
      rgba(3,13,22,.52) 0%,
      rgba(3,13,22,.30) 42%,
      rgba(3,13,22,.12) 100%
    ),
    url('/assets/images/awards/dubai-award-bg.jpg');
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  color:#fff;
  overflow:hidden
}.award-page-hero-grid{min-height:760px;display:grid;grid-template-columns:1.08fr .72fr;gap:76px;align-items:center;padding:72px 0}.award-page-copy h1{font-size:clamp(58px,7vw,94px);line-height:.98;max-width:820px;margin:22px 0}.award-page-copy>p{font-size:18px;line-height:1.75;color:#c7d3d9;max-width:760px}.award-hero-facts{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1px;background:rgba(255,255,255,.16);margin-top:38px}.award-hero-facts span{padding:16px;background:#08202f;font-weight:800;font-size:12px}.award-hero-facts small{display:block;color:#d8b76f;font-size:8px;letter-spacing:.14em;margin-bottom:6px}.award-page-event{height:640px;position:relative;margin:0;box-shadow:0 35px 90px rgba(0,0,0,.35)}.award-page-event img{width:100%;height:100%;object-fit:cover;object-position:47% 18%}.award-page-event:after{content:"";position:absolute;inset:17px;border:1px solid rgba(255,255,255,.37)}.award-page-event figcaption{position:absolute;left:-28px;bottom:30px;background:#c7a158;color:#071521;padding:18px 21px;min-width:205px}.award-page-event figcaption span,.award-page-event figcaption b{display:block}.award-page-event figcaption span{font-size:9px;letter-spacing:.12em;text-transform:uppercase}.award-proof{background:#fbfaf7}.award-proof-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.award-certificate-large{margin:0;padding:17px;background:#fff;border:1px solid #ddd6ca;box-shadow:var(--sps-shadow)}.award-certificate-large img{width:100%}.award-certificate-large figcaption{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#7a6c54;padding:13px 3px 1px}.award-proof-copy h2{font-size:clamp(44px,5vw,68px);margin:13px 0 20px}.award-proof-copy>p{font-size:17px;color:#65727a;line-height:1.8}.award-detail-list{margin-top:30px}.award-detail-list>div{display:grid;grid-template-columns:50px 1fr;gap:17px;padding:17px 0;border-top:1px solid #ddd6ca}.award-detail-list span{font:italic 700 28px Georgia,serif;color:#b28b43}.award-detail-list p{margin:0;color:#68747a}.award-detail-list b{display:block;color:#102735;font-family:Georgia,serif;font-size:18px}.founder-message{background:#eef0ee}.founder-message-grid{display:grid;grid-template-columns:.66fr 1.34fr;gap:70px;align-items:center}.founder-message-photo{height:520px;overflow:hidden;background:#071725}.founder-message-photo img{width:100%;height:100%;object-fit:cover;object-position:center 18%}.founder-message-grid h2{font-size:clamp(44px,5vw,68px)}.founder-statement{font:500 clamp(25px,3vw,38px)/1.35 Georgia,serif;color:#173041;border-left:3px solid #c9a55d;padding-left:25px;margin:25px 0}.about-award-band{background:linear-gradient(125deg,#061622,#0c2d3f);color:#fff}.about-award-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:68px;align-items:center}.about-award-image{height:520px;overflow:hidden}.about-award-image img{width:100%;height:100%;object-fit:cover;object-position:47% 18%}.about-award-grid h2{font-size:clamp(45px,5vw,70px);margin-top:18px}.about-award-grid p{color:#c5d1d7;font-size:17px}.award-quote{font:500 26px/1.5 Georgia,serif;color:#f1dcad;border-left:2px solid #c9a55d;padding:5px 0 5px 24px;margin:28px 0}.about-footprint,.award-footprint{background:#f3eee5}
.global-contact-visual{background:radial-gradient(circle at 88% 12%,rgba(201,165,93,.18),transparent 24%),linear-gradient(145deg,#051622,#0b2b3d);padding:40px}.contact-visual-kicker{color:#e4c784;font-size:9px;font-weight:900;letter-spacing:.18em}.global-contact-visual h2{font-size:clamp(38px,4vw,56px);margin:14px 0}.global-contact-visual>p{color:#bdcbd2}.contact-market-list{margin:30px 0;border-top:1px solid rgba(255,255,255,.12)}.contact-market-list>div{display:grid;grid-template-columns:38px 100px 1fr;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.1)}.contact-market-list span{color:#d1ae67;font:italic 700 20px Georgia,serif}.contact-market-list b{font-family:Georgia,serif}.contact-market-list small{color:#9eafb8;font-size:10px}.contact-direct{display:flex;gap:14px;flex-wrap:wrap}.contact-direct a{color:#eed69f;font-weight:850;font-size:12px}.contact-offices-head{margin-top:90px}.contact-global-grid .global-office-card:first-child{background:linear-gradient(145deg,#071725,#102e40)}
.footer-cta{background:radial-gradient(circle at 78% 0,rgba(220,181,103,.23),transparent 28%),linear-gradient(125deg,#071725,#0b2d40);color:#fff;padding:54px 0}.footer-cta h2{font-size:clamp(34px,4vw,50px);margin:7px 0}.footer-cta p{margin:0;color:#b9c7cf}.footer-cta .eyebrow{color:#e6c985}.footer-cta-actions{display:flex;gap:10px;flex-wrap:wrap}.sps-footer{background:#04111b}.award-mini{display:flex;align-items:center;gap:12px;margin-top:22px;padding:12px;border:1px solid rgba(232,203,143,.18);max-width:270px}.award-mini>span{width:47px;height:47px;border-radius:50%;display:grid;place-items:center;border:1px solid #caa65f;color:#efd8a6;font:700 11px Georgia,serif}.award-mini b,.award-mini small{display:block}.award-mini b{color:#fff;font-size:12px}.award-mini small{font-size:9px;color:#9eafb8}.footer-office-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}.footer-office-list span{padding:8px;border:1px solid rgba(255,255,255,.09)}.footer-office-list b,.footer-office-list small{display:block}.footer-office-list b{color:#e9d29e;font-size:11px}.footer-office-list small{font-size:8px;text-transform:uppercase;letter-spacing:.1em}.modal{background:rgba(2,10,17,.78);backdrop-filter:blur(12px)}.modal-card{width:min(650px,100%);max-height:min(820px,94vh);overflow:auto;border-radius:4px;padding:34px;border-top:4px solid #c9a55d;box-shadow:0 35px 100px rgba(0,0,0,.38)}.modal-intro{color:#69757c;font-size:13px;margin-top:-4px}.modal-close{width:39px;height:39px;display:grid;place-items:center}.luxury-form select option{color:#111}.global-search-card{border-top:4px solid #c9a55d}
@media(max-width:1120px){.sps-nav .nav-links{gap:14px}.sps-nav .nav-links a{font-size:10px}.nav-actions .hide-mobile{display:none}.global-office-grid{grid-template-columns:repeat(3,1fr)}.global-office-card:nth-child(4),.global-office-card:nth-child(5){min-height:320px}.award-feature-grid{gap:50px}.award-feature-media{min-height:570px}.award-page-hero-grid{gap:45px}.award-page-event{height:580px}}
@media(max-width:1000px){.sps-nav .nav-links{top:86px;gap:0;padding:14px 4%;align-items:stretch;box-shadow:0 24px 60px rgba(6,21,33,.14)}.sps-nav .nav-links a{padding:13px 0;font-size:12px}.sps-nav .nav-links a:after{bottom:7px}.global-hero .original-hero-inner{grid-template-columns:1fr}.award-feature-grid,.award-proof-grid,.award-page-hero-grid,.about-award-grid,.founder-message-grid{grid-template-columns:1fr}.award-feature-media{min-height:620px}.global-office-grid{grid-template-columns:repeat(2,1fr)}.award-page-hero-grid{padding:90px 0}.award-page-event{height:620px;max-width:650px}.founder-message-photo{height:500px;max-width:520px}.signature-grid{grid-template-columns:repeat(2,1fr)}.contact-stage{gap:25px}}
@media(max-width:760px){.sps-topbar .container{min-height:34px}.sps-topbar .topbar-right{display:none}.topbar-left .hide-mobile{display:none}.global-presence{font-size:9px}.sps-nav .nav-inner{height:72px}.sps-nav .nav-links{top:72px}.brand-copy{display:block!important;font-size:15px}.brand-copy small{display:none}.brand-emblem{width:43px;height:43px}.global-hero{min-height:760px;background-position:64% center}.global-hero .original-hero-inner{min-height:690px}.global-hero h1{font-size:clamp(45px,13vw,64px)}.global-hero p{font-size:16px}.global-hero .hero-trust{display:none}.original-marquee{display:none}.premium-search{margin-top:-24px}.award-feature{padding:85px 0}.award-feature-copy h2{font-size:43px}.award-fact-row{grid-template-columns:1fr}.award-fact-row span{border-right:0;border-bottom:1px solid var(--sps-line)}.award-fact-row span:last-child{border-bottom:0}.award-feature-media{min-height:510px}.award-event-shot{inset:0 10% 0 0}.award-certificate-shot{width:55%;bottom:18px}.award-event-shot figcaption{left:18px;bottom:18px}.global-office-grid,.signature-grid{grid-template-columns:1fr}.global-office-card{min-height:300px}.signature-card{min-height:260px}.signature-card h3{margin-top:35px}.global-proof .stats{grid-template-columns:1fr 1fr}.global-proof .stat{border-right:0}.award-page-hero-grid{min-height:auto;padding:72px 0}.award-page-copy h1{font-size:50px}.award-hero-facts{grid-template-columns:1fr}.award-page-event{height:500px}.award-page-event figcaption{left:14px}.award-proof-grid{gap:38px}.founder-message-photo{height:420px}.about-award-image{height:440px}.contact-market-list>div{grid-template-columns:34px 80px 1fr}.contact-market-list small{line-height:1.45}.footer-cta-actions{width:100%}.footer-cta-actions .btn{flex:1}.footer-office-list{grid-template-columns:1fr 1fr}.social-rail{display:none!important}.floating-wa{bottom:22px}.experience-dock{bottom:18px}.modal-card{padding:28px 20px}.footer-newsletter form{flex-direction:column}.footer-newsletter .btn{width:100%}}
@media(max-width:480px){.brand-copy{font-size:13px}.nav-actions{gap:5px}.icon-btn{width:34px;height:34px}.nav-actions .btn-dark{padding:8px 10px;font-size:10px}.global-hero h1{font-size:43px}.global-hero .hero-actions .btn{width:100%}.award-feature-media{min-height:410px}.award-event-shot{inset:0 4% 0 0}.award-certificate-shot{width:62%;border-width:5px}.award-certificate-shot figcaption{display:none}.global-proof .stats{grid-template-columns:1fr}.award-page-copy h1{font-size:43px}.award-page-event{height:430px}.contact-market-list>div{grid-template-columns:30px 1fr}.contact-market-list small{grid-column:2}.footer-office-list{grid-template-columns:1fr}}

.award-feature-media .award-event-shot{inset:0}

.modal.open,.global-search.open{z-index:1000}.form-privacy{margin:0 0 4px;color:#65717a;font-size:12px;line-height:1.55}.form-privacy a{color:#8f6b29;text-decoration:underline}.compare-dot.selected,[data-compare].selected{outline:2px solid #c9a55d;outline-offset:2px}

/* Visibility and interaction fixes: content stays readable even when motion JS is unavailable. */
:root{--page-accent-text:#76551c}
.page-about{--page-accent-text:#6f501d}.page-services{--page-accent-text:#824719}.page-properties,.page-property{--page-accent-text:#70551d}.page-agents{--page-accent-text:#24566d}.page-blog{--page-accent-text:#75453a}.page-contact{--page-accent-text:#176866}.page-careers{--page-accent-text:#654587}.page-calculators{--page-accent-text:#285f8a}.page-awards{--page-accent-text:#76571e}
.page-shell .eyebrow{color:var(--page-accent-text)}
.page-shell .dark .eyebrow,.page-shell .sps-page-hero .eyebrow,.page-shell .footer-cta .eyebrow{color:var(--page-accent-2)}
.about-metrics strong,.service-cinematic-card b,.career-job>div span{color:var(--page-accent-text)}
.reveal{opacity:1;transform:none}
.motion-ready .reveal{opacity:0;transform:translateY(30px)}
.motion-ready .reveal.visible{opacity:1;transform:translateY(0)}
.page-wipe{animation:none}
.team-photo img,.leadership-image img,.agent-photo-frame img{object-position:center top}
.team-photo-card .team-contact{display:inline-flex;align-items:center;min-height:40px;padding:8px 12px;border:1px solid rgba(196,232,242,.45);background:rgba(255,255,255,.04);color:#e2f5fa}
.page-agents .leadership-card .team-contact{display:inline-flex;align-items:center;min-height:44px;padding:9px 13px;border:1px solid #9cbcc9;background:#f3f8fa;color:#174f68}
.page-agents .agent-info small{font-size:11px;color:var(--page-accent-text)}
.page-agents .agent-info button{display:inline-flex;align-items:center;min-height:40px;padding:8px 12px;border:1px solid #c9a55d;background:#fbf6eb;color:#684d19}
.nav-actions>a.desktop-nav-utility[data-open-compare]{display:inline-flex!important}
@media(max-width:1120px){.social-rail{display:none!important}}
@media(max-width:1000px){.nav-actions>a.desktop-nav-utility[data-open-compare]{display:none!important}.mobile-compare-action{display:flex!important}}
@media(min-width:1001px){.mobile-compare-action{display:none!important}}




/* Global enquiry/contact confirmation */
.request-toast{position:fixed;right:24px;top:96px;z-index:1400;width:min(430px,calc(100vw - 32px));display:grid;grid-template-columns:44px 1fr 30px;gap:13px;align-items:start;padding:18px 16px;border:1px solid rgba(7,23,37,.12);border-radius:16px;background:#fff;box-shadow:0 24px 70px rgba(3,16,26,.22);opacity:0;transform:translateY(-14px) scale(.98);transition:opacity .22s ease,transform .22s ease}.request-toast.show{opacity:1;transform:none}.request-toast.is-success{border-top:4px solid #2c8568}.request-toast.is-error{border-top:4px solid #a94b49}.request-toast-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:20px}.request-toast.is-success .request-toast-icon{background:#e6f5ef;color:#176c53}.request-toast.is-error .request-toast-icon{background:#fae9e8;color:#963f3c}.request-toast strong{display:block;color:#071725;font-size:15px;margin:1px 0 4px}.request-toast p{margin:0;color:#4f626e;font-size:13px;line-height:1.5}.request-toast small{display:block;margin-top:7px;color:#7a5c24;font-weight:800;letter-spacing:.04em}.request-toast-close{grid-column:3;grid-row:1;border:0;background:transparent;color:#64747e;font-size:22px;line-height:1;cursor:pointer;padding:0}.crm-origin{display:inline-flex;margin-top:5px;padding:3px 7px;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.crm-origin.guest{background:#fff1d8;color:#7d5718}.crm-origin.registered{background:#e6f4ee;color:#17684f}@media(max-width:760px){.request-toast{right:16px;top:82px}}

/* Premium award archive  safely integrated from recovered-global-v10 */
.award-moments{position:relative;overflow:hidden;background:radial-gradient(circle at 8% 4%,rgba(206,167,91,.14),transparent 26%),linear-gradient(145deg,#04121d 0%,#092638 55%,#061722 100%);color:#fff;padding:130px 0}
.award-moments:before{content:"AWARDS";position:absolute;right:-35px;top:25px;color:rgba(255,255,255,.025);font:900 clamp(100px,19vw,270px)/1 Inter,sans-serif;letter-spacing:-.07em;pointer-events:none}
.award-moments-intro{position:relative;max-width:850px;margin-bottom:62px}
.award-moments-intro h2{font-size:clamp(48px,6vw,82px);line-height:1;margin:20px 0 22px;max-width:780px}
.award-moments-intro p{max-width:680px;color:#b9c8d1;font-size:17px;line-height:1.75}
.award-moments .award-kicker{color:#e3c781}
.award-moments-grid{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
.award-moment-card{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);min-height:520px;background:rgba(255,255,255,.055);border:1px solid rgba(231,207,153,.18);box-shadow:0 32px 80px rgba(0,0,0,.24);overflow:hidden;transition:transform .45s ease,border-color .45s ease,box-shadow .45s ease}
.award-moment-card:hover{transform:translateY(-8px);border-color:rgba(231,207,153,.45);box-shadow:0 42px 100px rgba(0,0,0,.38)}
.award-moment-image{position:relative;min-height:100%;overflow:hidden;background:#020b11}
.award-moment-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(2,11,17,.55));pointer-events:none}
.award-moment-image img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .7s ease}
.award-moment-image img.preserve-full{object-fit:contain;object-position:center;background:#020b11}
.award-moment-card:hover .award-moment-image img{transform:scale(1.035)}
.award-moment-image>span{position:absolute;z-index:1;left:20px;top:20px;width:45px;height:45px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:rgba(3,15,23,.56);color:#f0d99e;font:700 11px Inter,sans-serif;backdrop-filter:blur(10px)}
.award-moment-copy{display:flex;flex-direction:column;justify-content:center;padding:38px 34px;background:linear-gradient(155deg,rgba(8,30,43,.96),rgba(5,21,31,.98))}
.award-moment-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}
.award-moment-meta span{padding:7px 9px;border:1px solid rgba(229,201,137,.23);color:#d9bd7d;font:800 8px/1 Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.award-moment-copy>small{color:#879ba6;font:800 9px/1.2 Inter,sans-serif;letter-spacing:.15em;text-transform:uppercase}
.award-moment-copy h3{font-size:clamp(30px,3vw,43px);line-height:1.05;margin:10px 0 17px;color:#fff}
.award-moment-copy h4{font:700 12px/1.55 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#e6cb8e;margin:0 0 17px}
.award-moment-copy p{font-size:13px;line-height:1.75;color:#aebdc5;margin:0}
@media(max-width:1180px){.award-moments-grid{grid-template-columns:1fr}.award-moment-card{grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr)}}
@media(max-width:760px){.award-moments{padding:88px 0}.award-moments-intro{margin-bottom:42px}.award-moments-intro h2{font-size:46px}.award-moment-card{grid-template-columns:1fr;min-height:0}.award-moment-image{height:520px}.award-moment-copy{padding:32px 25px}.award-moment-copy h3{font-size:36px}}
@media(max-width:480px){.award-moments{padding:72px 0}.award-moments-grid{gap:20px}.award-moment-image{height:430px}.award-moment-copy h3{font-size:31px}}

/* ==========================================================
   SPS OWNER GLOBAL MARKETS PHASE 2
   ========================================================== */

.global-network-links{
  display:inline-flex;
  align-items:center;
  gap:8px
}

.global-network-links a{
  color:inherit;
  text-decoration:none;
  font-weight:700;
  transition:.25s ease
}

.global-network-links a:hover{
  opacity:.65
}

.global-network-links i{
  font-style:normal;
  opacity:.35
}

.market-navigation-section{
  padding-bottom:0
}

.market-sequence{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  border:1px solid rgba(7,18,29,.10);
  background:#fff;
  padding:18px 22px;
  border-radius:18px
}

.market-sequence>span{
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em
}

.market-sequence>div{
  display:flex;
  align-items:center;
  gap:9px;
  flex-wrap:wrap
}

.market-sequence a{
  color:inherit;
  text-decoration:none;
  font-weight:750
}

.market-sequence a.active{
  color:#a87a2d
}

.market-sequence i{
  font-style:normal;
  opacity:.30
}

.market-sequence small{
  font-size:.75em
}

.market-office-grid{
  display:grid;
  grid-template-columns:1.18fr .82fr;
  gap:24px
}

.market-office-card,
.market-visual-card{
  border-radius:26px;
  padding:32px
}

.market-office-card{
  border:1px solid rgba(7,18,29,.10);
  background:#fff
}

.market-intro{
  max-width:780px
}

.market-office-details{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin:24px 0
}

.market-office-details>div{
  background:rgba(7,18,29,.04);
  border-radius:14px;
  padding:15px
}

.market-office-details .full{
  grid-column:1/-1
}

.market-office-details small{
  display:block;
  font-size:10px;
  letter-spacing:.12em;
  opacity:.55;
  margin-bottom:6px
}

.market-office-details strong{
  font-size:14px
}

.market-visual-card{
  position:relative;
  overflow:hidden;
  min-height:310px;
  color:#fff;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  background:
    radial-gradient(circle at 80% 15%,rgba(198,155,82,.26),transparent 30%),
    linear-gradient(145deg,#07121d,#16344b)
}

.market-visual-code{
  position:absolute;
  right:20px;
  top:10px;
  font-size:78px;
  line-height:1;
  font-weight:900;
  opacity:.10
}

.market-visual-card>small{
  letter-spacing:.14em;
  opacity:.65
}

.market-visual-card h3{
  font-size:30px;
  margin:10px 0
}

.market-team-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px
}

.market-team-card{
  position:relative;
  border:1px solid rgba(7,18,29,.10);
  border-radius:22px;
  background:#fff;
  padding:25px
}

.market-card-number{
  font-size:11px;
  letter-spacing:.1em;
  opacity:.45
}

.market-team-card h3{
  margin:18px 0 4px
}

.market-team-card h4{
  margin:0 0 12px;
  color:#9a6b1f;
  font-size:14px
}

.market-team-card button{
  border:0;
  background:none;
  padding:0;
  margin-top:16px;
  font-weight:800;
  cursor:pointer
}

.temporary-contact{
  display:block;
  font-size:10px;
  margin-top:12px;
  opacity:.55
}

.market-developer-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px
}

.market-developer-card{
  display:block;
  color:inherit;
  text-decoration:none;
  background:#fff;
  border:1px solid rgba(7,18,29,.10);
  border-radius:22px;
  padding:28px
}

.market-developer-card small{
  letter-spacing:.12em;
  opacity:.5
}

.market-developer-card h3{
  font-size:27px;
  margin:12px 0
}

.market-developer-card b{
  display:block;
  margin-top:18px
}

.market-action-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px
}

.market-action-card{
  display:block;
  color:inherit;
  text-decoration:none;
  background:#fff;
  border:1px solid rgba(7,18,29,.10);
  border-radius:22px;
  padding:24px
}

.market-action-card>span{
  font-size:11px;
  letter-spacing:.12em;
  opacity:.48
}

.market-action-card h3{
  margin:15px 0 8px
}

.market-action-card b{
  display:block;
  margin-top:18px
}

@media(max-width:1000px){

  .market-action-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }

}

@media(max-width:850px){

  .market-office-grid{
    grid-template-columns:1fr
  }

  .market-team-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }

  .market-sequence{
    align-items:flex-start;
    flex-direction:column
  }

}

@media(max-width:620px){

  .market-office-details,
  .market-team-grid,
  .market-developer-grid,
  .market-action-grid{
    grid-template-columns:1fr
  }

  .market-office-details .full{
    grid-column:auto
  }

}

/* ==========================================================
   SPS PREMIUM MARKET LINKS 2026
   ========================================================== */

.market-sequence a[href^="/offices/"],
.global-network-links a[href^="/offices/"]{
    position:relative;
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:9px 13px;
    border-radius:999px;
    isolation:isolate;
    overflow:hidden;
    transition:
        transform .28s cubic-bezier(.2,.8,.2,1),
        box-shadow .28s ease,
        background .28s ease,
        color .28s ease;
}


.market-sequence a[href^="/offices/"]::before,
.global-network-links a[href^="/offices/"]::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    border-radius:inherit;
    background:
        linear-gradient(
            120deg,
            rgba(181,133,58,.04),
            rgba(181,133,58,.16),
            rgba(255,255,255,.05)
        );
    opacity:0;
    transform:scale(.88);
    transition:
        opacity .28s ease,
        transform .28s ease;
}


.market-sequence a[href^="/offices/"]::after,
.global-network-links a[href^="/offices/"]::after{
    content:"";
    position:absolute;
    left:16px;
    right:16px;
    bottom:5px;
    height:1px;
    background:currentColor;
    opacity:.45;
    transform:scaleX(0);
    transform-origin:center;
    transition:transform .28s ease;
}


.market-sequence a[href^="/offices/"]:hover,
.global-network-links a[href^="/offices/"]:hover{
    transform:translateY(-2px);
    box-shadow:
        0 10px 24px rgba(7,18,29,.10),
        0 3px 8px rgba(181,133,58,.08);
}


.market-sequence a[href^="/offices/"]:hover::before,
.global-network-links a[href^="/offices/"]:hover::before{
    opacity:1;
    transform:scale(1);
}


.market-sequence a[href^="/offices/"]:hover::after,
.global-network-links a[href^="/offices/"]:hover::after{
    transform:scaleX(1);
}


.market-sequence a.active{
    box-shadow:
        inset 0 0 0 1px rgba(181,133,58,.25),
        0 8px 22px rgba(7,18,29,.07);
}


.market-link-status{
    display:inline-flex;
    align-items:center;
    padding:3px 7px;
    margin-left:3px;
    border-radius:999px;
    font-style:normal;
    font-size:8px;
    font-weight:800;
    letter-spacing:.07em;
    text-transform:uppercase;
    background:rgba(181,133,58,.12);
    border:1px solid rgba(181,133,58,.20);
    white-space:nowrap;
}


/* Premium lift for clickable global office cards */

.office-card-link,
.global-office-grid a[href^="/offices/"]{
    position:relative;
    transition:
        transform .32s cubic-bezier(.2,.8,.2,1),
        box-shadow .32s ease,
        border-color .32s ease;
    will-change:transform;
}


.office-card-link:hover,
.global-office-grid a[href^="/offices/"]:hover{
    transform:translateY(-7px);
    box-shadow:
        0 24px 55px rgba(7,18,29,.12),
        0 8px 18px rgba(181,133,58,.08);
}


.office-card-link:focus-visible,
.global-office-grid a[href^="/offices/"]:focus-visible,
.market-sequence a[href^="/offices/"]:focus-visible{
    outline:2px solid currentColor;
    outline-offset:4px;
}


@media(max-width:700px){

    .market-sequence a[href^="/offices/"]{
        padding:8px 10px;
    }

    .market-link-status{
        font-size:7px;
        padding:3px 6px;
    }

}


@media(prefers-reduced-motion:reduce){

    .market-sequence a[href^="/offices/"],
    .global-network-links a[href^="/offices/"],
    .office-card-link,
    .global-office-grid a[href^="/offices/"]{
        transition:none;
        transform:none !important;
    }

}

/* ==========================================================
   SPS YOUTUBE BRAND LOGO SAFE FIX
   ========================================================== */

.social-youtube{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    text-decoration:none;
    cursor:pointer;
    transition:
        transform .25s ease,
        background .25s ease,
        box-shadow .25s ease;
}

.social-youtube .youtube-brand-logo{
    display:block;
    width:28px;
    height:20px;
    min-width:28px;
    flex:0 0 28px;
    transition:
        transform .28s cubic-bezier(.2,.8,.2,1),
        filter .28s ease;
}

.social-youtube:hover{
    transform:translateY(-2px);
}

.social-youtube:hover .youtube-brand-logo{
    transform:scale(1.12);
    filter:drop-shadow(0 7px 12px rgba(255,0,0,.32));
}

.footer-social .social-youtube{
    padding:8px 10px;
    border-radius:10px;
}

.footer-social .social-youtube:hover{
    background:rgba(255,0,0,.07);
}

.social-rail .social-youtube:hover{
    background:rgba(255,0,0,.08);
}

.social-youtube:focus-visible{
    outline:2px solid #ff0000;
    outline-offset:4px;
    border-radius:10px;
}

@media(prefers-reduced-motion:reduce){

    .social-youtube,
    .social-youtube .youtube-brand-logo{
        transition:none;
        transform:none !important;
    }

}

/* ==========================================================
   SPS MARKET CITY VISUAL 2026
   ========================================================== */

.market-photo-card{
    position:relative;
    padding:0 !important;
    overflow:hidden;
    min-height:440px;
    background:#07121d;
    isolation:isolate;
}

.market-photo-card .market-photo{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    transform:scale(1.01);
    transition:
        transform .9s cubic-bezier(.2,.8,.2,1),
        filter .6s ease;
}

.market-photo-card:hover .market-photo{
    transform:scale(1.075);
}

.market-photo-overlay{
    position:absolute;
    inset:0;
    background:
        linear-gradient(
            180deg,
            rgba(4,12,20,.06) 5%,
            rgba(4,12,20,.25) 44%,
            rgba(4,12,20,.91) 100%
        );
    z-index:1;
}

.market-photo-card .market-visual-code{
    z-index:3;
    color:#fff;
    opacity:.22;
}

.market-photo-content{
    position:absolute;
    z-index:3;
    left:32px;
    right:32px;
    bottom:30px;
    color:#fff;
}

.market-photo-status{
    display:inline-flex;
    width:max-content;
    margin-bottom:17px;
    padding:6px 10px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.35);
    background:rgba(7,18,29,.45);
    backdrop-filter:blur(12px);
    font-size:9px;
    font-weight:900;
    letter-spacing:.12em;
}

.market-photo-content>small{
    display:block;
    opacity:.75;
    letter-spacing:.14em;
}

.market-photo-content h3{
    margin:8px 0 10px;
    font-size:34px;
    line-height:1.08;
    color:#fff;
}

.market-photo-content h3 em{
    display:inline;
    font-style:normal;
    font-size:.52em;
    font-weight:600;
    opacity:.77;
}

.market-photo-content p{
    max-width:520px;
    margin-bottom:18px;
    color:rgba(255,255,255,.88);
}

.market-photo-links{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
}

.market-photo-links a,
.market-photo-links button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:38px;
    padding:8px 13px;
    border-radius:10px;
    font:inherit;
    font-size:12px;
    font-weight:850;
    cursor:pointer;
    text-decoration:none;
    transition:
        transform .25s ease,
        background .25s ease,
        border-color .25s ease;
}

.market-photo-links a{
    background:#fff;
    color:#07121d;
    border:1px solid #fff;
}

.market-photo-links button{
    color:#fff;
    background:rgba(7,18,29,.42);
    border:1px solid rgba(255,255,255,.42);
    backdrop-filter:blur(9px);
}

.market-photo-links a:hover,
.market-photo-links button:hover{
    transform:translateY(-2px);
}

@media(max-width:700px){

    .market-photo-card{
        min-height:390px;
    }

    .market-photo-content{
        left:22px;
        right:22px;
        bottom:22px;
    }

    .market-photo-content h3{
        font-size:28px;
    }

}

/* ==========================================================
   SPS GLOBAL MARKET BAR 2026
   ========================================================== */

.global-market-bar{
    position:relative;
    z-index:35;
    background:rgba(255,255,255,.95);
    border-bottom:1px solid rgba(7,18,29,.08);
    backdrop-filter:blur(18px);
}

.global-market-bar-inner{
    min-height:46px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
}

.global-market-title{
    flex:0 0 auto;
    font-size:9px;
    font-weight:900;
    letter-spacing:.15em;
    opacity:.50;
}

.global-market-menu{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:6px;
    flex-wrap:wrap;
}

.global-market-menu>a{
    position:relative;
    display:inline-flex;
    align-items:center;
    gap:4px;
    padding:7px 10px;
    color:inherit;
    text-decoration:none;
    border-radius:999px;
    font-size:12px;
    font-weight:780;
    transition:
        transform .25s ease,
        background .25s ease,
        color .25s ease,
        box-shadow .25s ease;
}

.global-market-menu>a:hover{
    transform:translateY(-2px);
    background:rgba(181,133,58,.10);
    box-shadow:0 8px 20px rgba(7,18,29,.07);
}

.global-market-menu>a small{
    opacity:.58;
    font-size:.8em;
}

.global-market-menu>a em{
    margin-left:3px;
    padding:2px 5px;
    border-radius:999px;
    background:rgba(181,133,58,.12);
    font-style:normal;
    font-size:7px;
    text-transform:uppercase;
    letter-spacing:.06em;
}

.global-market-menu>i{
    font-style:normal;
    opacity:.25;
}

@media(max-width:900px){

    .global-market-bar-inner{
        align-items:flex-start;
        padding-top:8px;
        padding-bottom:8px;
        flex-direction:column;
        gap:5px;
    }

    .global-market-menu{
        justify-content:flex-start;
    }

}

@media(max-width:620px){

    .global-market-menu>i{
        display:none;
    }

    .global-market-menu>a{
        padding:6px 8px;
        font-size:11px;
    }

}

/* ==========================================================
   SPS YOUTUBE BRAND LOGO FINAL 2026
   ========================================================== */

.social-youtube{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    text-decoration:none;
    cursor:pointer;
    transition:
        transform .25s ease,
        background .25s ease;
}

.social-youtube .youtube-brand-logo{
    display:block;
    width:28px;
    height:20px;
    min-width:28px;
    transition:
        transform .28s cubic-bezier(.2,.8,.2,1),
        filter .28s ease;
}

.social-youtube:hover{
    transform:translateY(-2px);
}

.social-youtube:hover .youtube-brand-logo{
    transform:scale(1.12);
    filter:drop-shadow(0 7px 12px rgba(255,0,0,.35));
}

.footer-social .social-youtube{
    padding:8px 10px;
    border-radius:10px;
}

.footer-social .social-youtube:hover,
.social-rail .social-youtube:hover{
    background:rgba(255,0,0,.08);
}

.social-youtube:focus-visible{
    outline:2px solid #ff0000;
    outline-offset:4px;
    border-radius:10px;
}


/* ===== SPS GLOBAL 2026 PART 1 OWNER UPDATES ===== */
.sps-nav .sps-brand{
  width:252px;
  height:68px;
  padding:7px 11px;
  border-radius:12px;
  background:linear-gradient(145deg,#06131f,#0b2638);
  border:1px solid rgba(201,165,93,.42);
  box-shadow:0 8px 24px rgba(7,23,37,.12);
  box-sizing:border-box;
}
.sps-nav .sps-original-logo{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
}
.footer-brand-logo{
  display:block;
  width:min(390px,100%);
  padding:12px 14px 10px;
  border:1px solid rgba(225,190,116,.58);
  border-radius:16px;
  background:radial-gradient(circle at 18% 18%,rgba(54,96,125,.45),transparent 42%),linear-gradient(145deg,#0c2b40,#04131f);
  box-shadow:0 18px 45px rgba(0,0,0,.24),inset 0 0 0 1px rgba(255,255,255,.035);
  box-sizing:border-box;
}
.footer-original-logo{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 2px 2px rgba(0,0,0,.55));
}
.footer-logo-tagline{
  display:block;
  margin-top:7px;
  padding-top:8px;
  border-top:1px solid rgba(225,190,116,.32);
  color:#f0d18a;
  font:800 10px/1.2 Inter,system-ui,sans-serif;
  letter-spacing:.19em;
  text-align:center;
  text-transform:uppercase;
}
.social-choice-wrap{
  position:relative;
  display:inline-flex;
  z-index:3;
}
.social-choice-wrap .social-icon{
  font:inherit;
  cursor:pointer;
}
.social-facebook:before{background:#1877f2}
.instagram-choice-menu{
  position:absolute;
  left:0;
  bottom:calc(100% + 12px);
  width:280px;
  padding:10px;
  background:#071725;
  border:1px solid rgba(218,184,112,.38);
  border-radius:14px;
  box-shadow:0 24px 65px rgba(0,0,0,.32);
  z-index:120;
}
.instagram-choice-menu>small{
  display:block;
  padding:5px 8px 9px;
  color:#e8cf98;
  font-size:9px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.instagram-choice-menu a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:11px 10px;
  border-radius:9px;
  color:#fff;
  text-decoration:none;
  border:1px solid transparent;
}
.instagram-choice-menu a:hover,
.instagram-choice-menu a:focus-visible{
  background:rgba(255,255,255,.08);
  border-color:rgba(226,201,145,.28);
  outline:none;
}
.instagram-choice-menu strong{
  font-size:12px;
  line-height:1.35;
}
.instagram-choice-menu em{
  flex:0 0 auto;
  color:#e8cf98;
  font-size:9px;
  font-style:normal;
  font-weight:800;
}
.rail-social-choice .instagram-choice-menu{
  left:auto;
  right:54px;
  bottom:50%;
  transform:translateY(50%);
}
.award-carousel{
  min-height:520px;
  position:relative;
}
.award-carousel-viewport{
  position:absolute;
  inset:0;
  overflow:hidden;
  background:#081c2a;
  border:1px solid rgba(216,180,106,.42);
  border-radius:22px;
  box-shadow:var(--sps-shadow);
}
.award-carousel-slide{
  position:absolute;
  inset:0;
  margin:0;
  opacity:0;
  visibility:hidden;
  transform:translateX(18px) scale(.992);
  transition:opacity .38s ease,transform .38s ease,visibility .38s;
  background:#081c2a;
}
.award-carousel-slide.is-active{
  opacity:1;
  visibility:visible;
  transform:none;
  z-index:2;
}
.award-carousel-slide img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  background:#081c2a;
}
.award-carousel-slide figcaption{
  position:absolute;
  left:22px;
  bottom:22px;
  max-width:calc(100% - 150px);
  padding:13px 15px;
  background:rgba(4,17,27,.88);
  color:#fff;
  backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.13);
}
.award-carousel-slide figcaption span,
.award-carousel-slide figcaption b{display:block}
.award-carousel-slide figcaption span{
  color:#e9cc8e;
  font-size:9px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.award-carousel-slide figcaption b{
  margin-top:3px;
  font:700 15px Georgia,serif;
}
.award-carousel-controls{
  position:absolute;
  inset:0;
  z-index:7;
  pointer-events:none;
}
.award-carousel-controls button{
  position:absolute;
  top:50%;
  width:46px;
  height:46px;
  transform:translateY(-50%);
  border:1px solid rgba(235,207,151,.45);
  border-radius:50%;
  background:rgba(5,25,38,.92);
  color:#f1d69f;
  font-size:20px;
  cursor:pointer;
  transition:.2s;
  pointer-events:auto;
  box-shadow:0 10px 28px rgba(0,0,0,.28);
}
.award-carousel-controls button:first-child{left:18px}
.award-carousel-controls button:last-child{right:18px}
.award-carousel-controls button:hover,
.award-carousel-controls button:focus-visible{
  background:#c9a55d;
  color:#071725;
  outline:none;
  transform:translateY(-50%) scale(1.06);
}
.award-carousel-controls span{
  position:absolute;
  top:18px;
  right:18px;
  min-width:45px;
  padding:9px 12px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  background:rgba(4,17,27,.9);
  text-align:center;
  color:#fff;
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
}
.award-carousel-hint{
  position:absolute;
  left:18px;
  top:18px;
  z-index:7;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(4,17,27,.82);
  color:#f0d69e;
  font-size:9px;
  font-weight:850;
  letter-spacing:.04em;
}
.photo-team-grid .team-photo-card{min-width:0}
.team-photo img[src*="triyank-2026.jpg"],
.team-photo img[src*="anil-sharma.jpg"]{object-position:center top}
@media(max-width:1200px){
  .sps-nav .sps-brand{width:205px;height:62px}
}
@media(max-width:760px){
  .sps-nav .sps-brand{width:162px;height:56px;padding:6px 8px}
  .award-carousel{min-height:440px}
  .award-carousel-slide figcaption{left:12px;bottom:74px;max-width:calc(100% - 24px)}
  .award-carousel-controls button:first-child{left:12px}
  .award-carousel-controls button:last-child{right:12px}
  .award-carousel-controls span{top:auto;right:12px;bottom:12px}
  .award-carousel-hint{left:12px;top:12px;max-width:calc(100% - 24px)}
  .instagram-choice-menu{width:min(280px,calc(100vw - 32px))}
}
@media(max-width:480px){
  .sps-nav .sps-brand{width:145px;height:52px}
  .award-carousel{min-height:360px}
}

/* ==========================================================
   SPS OWNER PART 2  TEAM PHOTO + DIRECT CONTACT POLISH
   ========================================================== */
.market-team-card{
  overflow:hidden;
  display:flex;
  flex-direction:column;
  min-height:100%
}
.market-team-photo{
  width:100%;
  aspect-ratio:16/10;
  overflow:hidden;
  border-radius:16px;
  background:linear-gradient(145deg,#071725,#17384d);
  margin-bottom:18px;
  display:grid;
  place-items:center
}
.market-team-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 32%
}
.market-team-photo>span{
  color:#ecd59e;
  font:700 34px Georgia,serif;
  letter-spacing:.06em
}
.market-team-card h3{margin:10px 0 4px}
.market-team-card>p{flex:1}
.market-team-phone,.agent-direct-phone{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  margin-top:11px;
  color:#8a621d;
  font-size:12px;
  font-weight:900;
  letter-spacing:.02em
}
.market-team-phone:hover,.agent-direct-phone:hover{text-decoration:underline}
.agent-info .agent-direct-phone{margin:8px 0 0}
.leadership-card .agent-direct-phone{margin:8px 0 0}
@media(max-width:620px){.market-team-photo{aspect-ratio:4/3}}


/* SPS OFFICIAL WEBSITE NAVBAR LOGO START */

.sps-nav .sps-brand{
    flex:0 0 auto !important;
    min-width:0 !important;
    width:220px !important;
    height:auto !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    overflow:visible !important;
}

.sps-nav .sps-brand:before,
.sps-nav .sps-brand:after{
    display:none !important;
    content:none !important;
}

.sps-nav .sps-original-logo{
    display:block !important;
    width:100% !important;
    height:60px !important;
    object-fit:contain !important;
    object-position:left center !important;
    opacity:1 !important;
    visibility:visible !important;
    padding:0 !important;
    margin:0 !important;
    transform:none !important;
}

@media(max-width:1200px){
    .sps-nav .sps-brand{
        width:170px !important;
    }

    .sps-nav .sps-original-logo{
        height:52px !important;
    }
}

@media(max-width:760px){
    .sps-nav .sps-brand{
        width:145px !important;
    }

    .sps-nav .sps-original-logo{
        height:46px !important;
    }
}

/* SPS OFFICIAL WEBSITE NAVBAR LOGO END */


/* SPS LIVE WEBSITE HEADER START */

.nav.sps-nav{
    background:#ffffff !important;
    border-bottom:1px solid #e5e7e9 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
}

.sps-nav .nav-inner{
    min-height:96px !important;
}


/* EXACT SMALL OFFICIAL LOGO  NO CARD */
.sps-nav .sps-brand{
    width:300px !important;
    height:80px !important;

    padding:0 !important;
    margin:0 !important;

    background:transparent !important;

    border:0 !important;
    border-radius:0 !important;

    box-shadow:none !important;
    overflow:visible !important;
}

.sps-nav .sps-brand:before,
.sps-nav .sps-brand:after{
    display:none !important;
    content:none !important;
}


/* OFFICIAL SPS IMAGE */
.sps-nav .sps-original-logo{
    display:block !important;

    width:300px !important;
    height:80px !important;

    max-width:100% !important;

    object-fit:contain !important;
    object-position:left center !important;

    padding:0 !important;
    margin:0 !important;

    background:transparent !important;

    border:0 !important;
    border-radius:0 !important;

    box-shadow:none !important;

    filter:none !important;
    transform:none !important;

    opacity:1 !important;
    visibility:visible !important;
}


/* NAVIGATION */
.sps-nav .nav-links a{
    color:#101820 !important;
    font-weight:800 !important;
}

.sps-nav .nav-links a:hover,
.sps-nav .nav-links a.active{
    color:#101820 !important;
}

.sps-nav .nav-links a:after{
    background:#c69c4b !important;
}


/* SEARCH */
.sps-nav .icon-btn{
    background:#ffffff !important;
    color:#071b29 !important;
    border:1px solid #d8dde1 !important;
}


/* COMPARE */
.sps-nav .btn-outline{
    background:#ffffff !important;
    color:#101820 !important;
    border:1px solid #ccd3d8 !important;
}


/* TABLET */
@media(max-width:1000px){

    .sps-nav .sps-brand{
        width:190px !important;
        height:54px !important;
    }

    .sps-nav .sps-original-logo{
        width:190px !important;
        height:54px !important;
    }
}


/* MOBILE */
@media(max-width:600px){

    .sps-nav .nav-inner{
        min-height:68px !important;
    }

    .sps-nav .sps-brand{
        width:160px !important;
        height:46px !important;
    }

    .sps-nav .sps-original-logo{
        width:160px !important;
        height:46px !important;
    }
}

/* SPS LIVE WEBSITE HEADER END */


/* SPS STANDARD DESKTOP SIZE PATCH START */


/* =========================================================
   1. REMOVE COMPARE BUTTON
   ========================================================= */

[data-open-compare],
.desktop-nav-utility[data-open-compare]{
    display:none !important;
}


/* =========================================================
   2. STANDARD DESKTOP PAGE WIDTH / SPACING
   ========================================================= */

html{
    font-size:16px !important;
}

body{
    overflow-x:hidden !important;
}

main{
    overflow:hidden;
}

/* Keep large desktop pages controlled instead of stretching
   content across the entire 1920px monitor */
main .container,
main .shell,
main .section-inner,
main .content-inner{
    width:min(100% - 64px, 1480px) !important;
    max-width:1480px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}


/* Standard section vertical spacing */
main > section,
main .section{
    padding-top:clamp(52px,5vw,78px) !important;
    padding-bottom:clamp(52px,5vw,78px) !important;
}


/* =========================================================
   3. STANDARD PROFESSIONAL TYPOGRAPHY
   ========================================================= */

/* Large page titles currently look oversized on 1920px */
main h1,
main .page-title,
main .hero-title,
main .display-title,
main .section-hero-title{
    font-size:clamp(46px,4vw,72px) !important;
    line-height:1.02 !important;
    letter-spacing:-0.025em !important;
}


/* Main section headings */
main h2,
main .section-title{
    font-size:clamp(36px,3.1vw,54px) !important;
    line-height:1.08 !important;
    letter-spacing:-0.02em !important;
}


/* Card / smaller headings */
main h3{
    font-size:clamp(22px,1.6vw,30px) !important;
    line-height:1.16 !important;
}


/* Normal readable body size */
main p{
    font-size:clamp(16px,1.05vw,19px) !important;
    line-height:1.65 !important;
}


/* =========================================================
   4. AWARDS PAGE / AWARD CAROUSEL
   ========================================================= */

/* Prevent award section becoming taller than the monitor */
.awards-showcase,
.award-showcase,
.awards-feature,
.award-feature,
.awards-hero{
    min-height:0 !important;
}


/* Standard carousel size at 100% browser scale */
.award-carousel,
.awards-carousel,
.award-slider,
.awards-slider,
.home-awards-carousel{
    height:clamp(360px,46vh,520px) !important;
    min-height:0 !important;
    max-height:520px !important;
    overflow:hidden !important;
}


/* Show award photos properly instead of huge crop */
.award-carousel img,
.awards-carousel img,
.award-slider img,
.awards-slider img,
.home-awards-carousel img,
[class*="award-carousel"] img,
[class*="award-slider"] img{
    width:100% !important;
    height:100% !important;
    max-height:520px !important;

    object-fit:contain !important;
    object-position:center !important;

    transform:none !important;
}


/* Keep carousel arrows vertically centred */
.award-carousel .carousel-arrow,
.awards-carousel .carousel-arrow,
.award-slider .carousel-arrow,
.awards-slider .carousel-arrow,
[class*="award"] .carousel-arrow{
    top:50% !important;
    transform:translateY(-50%) !important;
}


/* =========================================================
   5. LARGE BUY / SELL / SERVICE IMAGES
   ========================================================= */

/* Controls large split-page media like your second screenshot */
main [class*="split"] img,
main [class*="feature"] img,
main [class*="service"] img,
main [class*="story"] img,
main [class*="overview"] img{
    max-height:520px !important;
}


/* Large content-media frames */
main [class*="split"] [class*="media"],
main [class*="feature"] [class*="media"],
main [class*="service"] [class*="media"],
main [class*="split"] [class*="image"],
main [class*="feature"] [class*="image"]{
    max-height:520px !important;
    overflow:hidden !important;
}


/* Keep standard photographic sections neat */
main [class*="split"] [class*="media"] img,
main [class*="feature"] [class*="media"] img,
main [class*="service"] [class*="media"] img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center !important;
}


/* More balanced spacing in two-column sections */
main [class*="split"],
main [class*="two-column"],
main [class*="feature-grid"],
main [class*="service-grid"]{
    column-gap:clamp(36px,4vw,70px) !important;
    align-items:center !important;
}


/* =========================================================
   6. LEADERSHIP  ALL 4 CARDS SAME ROW / SAME SIZE
   ========================================================= */

.team-photo-grid,
.leadership-grid,
.leadership-cards,
.team-grid,
.team-cards{
    display:grid !important;

    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:20px !important;

    align-items:stretch !important;
}


/* Equal card height */
.team-photo-card{
    min-width:0 !important;
    width:100% !important;

    display:flex !important;
    flex-direction:column !important;

    height:100% !important;
    overflow:hidden !important;
}


/* Equal photo size */
.team-photo-card .team-photo{
    width:100% !important;
    height:clamp(235px,17vw,300px) !important;

    min-height:0 !important;

    overflow:hidden !important;
}


/* All four leadership images fill the same frame */
.team-photo-card .team-photo img{
    width:100% !important;
    height:100% !important;

    object-fit:cover !important;
    object-position:center 18% !important;

    padding:0 !important;
    margin:0 !important;
}


/* Keeps Contact button aligned across cards */
.team-photo-card .team-contact{
    margin-top:auto !important;
}


/* =========================================================
   7. LAPTOP
   ========================================================= */

@media(max-width:1440px){

    main .container,
    main .shell,
    main .section-inner,
    main .content-inner{
        width:min(100% - 48px, 1320px) !important;
    }

    main h1,
    main .page-title,
    main .hero-title,
    main .display-title{
        font-size:clamp(44px,4.2vw,62px) !important;
    }

    main h2,
    main .section-title{
        font-size:clamp(34px,3.4vw,48px) !important;
    }

    .award-carousel,
    .awards-carousel,
    .award-slider,
    .awards-slider,
    .home-awards-carousel{
        height:clamp(340px,44vh,470px) !important;
    }
}


/* =========================================================
   8. TABLET
   ========================================================= */

@media(max-width:1000px){

    main .container,
    main .shell,
    main .section-inner,
    main .content-inner{
        width:min(100% - 36px, 920px) !important;
    }

    .team-photo-grid,
    .leadership-grid,
    .leadership-cards,
    .team-grid,
    .team-cards{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }

    .team-photo-card .team-photo{
        height:300px !important;
    }
}


/* =========================================================
   9. MOBILE
   ========================================================= */

@media(max-width:620px){

    main .container,
    main .shell,
    main .section-inner,
    main .content-inner{
        width:calc(100% - 28px) !important;
    }

    main > section,
    main .section{
        padding-top:42px !important;
        padding-bottom:42px !important;
    }

    main h1,
    main .page-title,
    main .hero-title,
    main .display-title{
        font-size:clamp(36px,11vw,48px) !important;
    }

    main h2,
    main .section-title{
        font-size:clamp(30px,9vw,40px) !important;
    }

    .team-photo-grid,
    .leadership-grid,
    .leadership-cards,
    .team-grid,
    .team-cards{
        grid-template-columns:1fr !important;
    }

    .team-photo-card .team-photo{
        height:310px !important;
    }

    .award-carousel,
    .awards-carousel,
    .award-slider,
    .awards-slider,
    .home-awards-carousel{
        height:360px !important;
        max-height:360px !important;
    }
}


/* SPS STANDARD DESKTOP SIZE PATCH END */


/* SPS AWARD FULL IMAGE FIX START */

/* award slider frame */
.award-carousel,
.awards-carousel,
.award-slider,
.awards-slider,
.home-awards-carousel,
[class*="award-carousel"],
[class*="award-slider"]{
    overflow:hidden !important;
}

/* keep award media area neat */
.award-carousel .slide,
.awards-carousel .slide,
.award-slider .slide,
.awards-slider .slide,
.home-awards-carousel .slide,
[class*="award-carousel"] .slide,
[class*="award-slider"] .slide,
[class*="award"] [class*="slide"]{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
}

/* IMPORTANT: show full award image, not cropped */
.award-carousel img,
.awards-carousel img,
.award-slider img,
.awards-slider img,
.home-awards-carousel img,
[class*="award-carousel"] img,
[class*="award-slider"] img,
[class*="award"] img{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    object-position:center center !important;
    background:#071b2d !important;
}

/* slider height */
.award-carousel,
.awards-carousel,
.award-slider,
.awards-slider,
.home-awards-carousel{
    min-height:420px !important;
    max-height:560px !important;
}

/* clear total count pill like 1 / 6 */
.award-count,
.carousel-count,
.slider-count,
[class*="award-count"],
[class*="slide-count"]{
    min-width:90px !important;
    padding:12px 18px !important;
    white-space:nowrap !important;
    text-align:center !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-weight:700 !important;
}

/* center left/right arrows */
.carousel-arrow,
.slider-arrow,
.award-arrow,
[class*="arrow"]{
    top:50% !important;
    transform:translateY(-50%) !important;
}

/* mobile */
@media (max-width: 768px){
    .award-carousel,
    .awards-carousel,
    .award-slider,
    .awards-slider,
    .home-awards-carousel{
        min-height:320px !important;
        max-height:400px !important;
    }
}

/* SPS AWARD FULL IMAGE FIX END */


/* =========================================================
   AWARD FIRST PHOTO / ALL AWARD SLIDES
   SHOW FULL IMAGE - NO AGGRESSIVE CROPPING
   ========================================================= */

.award-carousel,
.awards-carousel,
.award-slider,
.awards-slider,
.home-awards-carousel,
.award-showcase,
.award-media-wrap,
.award-visual{
    overflow:hidden !important;
}

.award-carousel img,
.awards-carousel img,
.award-slider img,
.awards-slider img,
.home-awards-carousel img,
.award-showcase img,
.award-media-wrap img,
.award-visual img,
.award-slide img,
.awards-slide img{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    object-position:center center !important;
    background:#0b1d2d !important;
}

/* If slide/image wrapper exists */
.award-slide,
.awards-slide,
.home-award-slide,
.award-card-media,
.award-photo{
    overflow:hidden !important;
}

/* =========================================================
   REMOVE RIGHT SIDE SOCIAL MEDIA BAR
   ========================================================= */

.follow-sps,
.follow-strip,
.follow-sidebar,
.follow-social,
.follow-socials,
.social-sidebar,
.social-side,
.social-rail,
.social-fixed,
.social-float,
.social-floating,
.floating-socials,
.floating-social-bar,
.right-socials,
.sticky-social,
.sticky-socials,
.share-sidebar,
.share-rail{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
}

/* Common right-fixed follow blocks */
[class*="follow-sps"],
[class*="social-sidebar"],
[class*="floating-social"],
[class*="sticky-social"],
[class*="social-rail"]{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
}


/* =========================================================
   AWARD SLIDER - FULL IMAGE VIEW / NO CROP
   ========================================================= */

.award-carousel,
.awards-carousel,
.award-slider,
.awards-slider,
.home-awards-carousel,
.award-media,
.award-stage,
.award-visual{
    overflow:hidden !important;
}

/* Slider area size */
.award-carousel,
.awards-carousel,
.award-slider,
.awards-slider,
.home-awards-carousel{
    height:420px !important;
    max-height:420px !important;
    min-height:420px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:#f6f4ef !important;
    border-radius:24px !important;
}

/* Slide wrappers */
.award-carousel .slide,
.awards-carousel .slide,
.award-slider .slide,
.awards-slider .slide,
.home-awards-carousel .slide,
.award-slide,
.award-item{
    height:100% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
}

/* IMPORTANT: show full image, do not crop */
.award-carousel img,
.awards-carousel img,
.award-slider img,
.awards-slider img,
.home-awards-carousel img,
.award-slide img,
.award-item img,
.award-media img,
.award-visual img{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    object-position:center center !important;
    display:block !important;
    padding:10px !important;
    margin:0 auto !important;
    background:#f6f4ef !important;
    border-radius:18px !important;
    transform:none !important;
}

/* Prevent caption or controls from forcing crop */
.award-caption,
.award-overlay,
.award-badge,
.award-meta{
    z-index:3 !important;
}

/* Slightly smaller on medium screens */
@media (max-width: 1200px){
    .award-carousel,
    .awards-carousel,
    .award-slider,
    .awards-slider,
    .home-awards-carousel{
        height:380px !important;
        min-height:380px !important;
        max-height:380px !important;
    }
}

/* Mobile */
@media (max-width: 768px){
    .award-carousel,
    .awards-carousel,
    .award-slider,
    .awards-slider,
    .home-awards-carousel{
        height:300px !important;
        min-height:300px !important;
        max-height:300px !important;
    }

    .award-carousel img,
    .awards-carousel img,
    .award-slider img,
    .awards-slider img,
    .home-awards-carousel img,
    .award-slide img,
    .award-item img{
        padding:6px !important;
    }
}


/* SPS FINAL AWARD PHOTO FIT START */


/* =========================================================
   AWARD CAROUSEL FRAME
   ========================================================= */

html body [data-award-carousel]{
    position:relative !important;

    height:500px !important;
    min-height:500px !important;
    max-height:500px !important;

    overflow:hidden !important;

    background:#071725 !important;

    border-radius:18px !important;
}


/* =========================================================
   VIEWPORT
   ========================================================= */

html body [data-award-carousel] .award-carousel-viewport{
    position:absolute !important;

    inset:0 !important;

    width:100% !important;
    height:100% !important;

    overflow:hidden !important;

    background:#071725 !important;

    border-radius:18px !important;
}


/* =========================================================
   EACH SLIDE
   ========================================================= */

html body [data-award-carousel] .award-carousel-slide{
    position:absolute !important;

    inset:0 !important;

    width:100% !important;
    height:100% !important;

    margin:0 !important;

    box-sizing:border-box !important;

    /*
       Reserve space at bottom for caption.
       Reserve sides for arrow buttons.
    */
    padding:
        16px
        72px
        78px
        72px !important;

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    overflow:hidden !important;

    background:#071725 !important;
}


/* Hide inactive slides correctly */

html body [data-award-carousel] .award-carousel-slide:not(.is-active){
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
}


/* Active slide */

html body [data-award-carousel] .award-carousel-slide.is-active{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;

    transform:none !important;

    z-index:2 !important;
}


/* =========================================================
   MOST IMPORTANT FIX
   ORIGINAL PHOTO SIZE / NO CROP
   ========================================================= */

html body [data-award-carousel] .award-carousel-slide img{

    /*
       DO NOT force image to stretch to full slider.
       Browser calculates natural aspect ratio.
    */

    width:auto !important;
    height:auto !important;

    max-width:100% !important;
    max-height:100% !important;

    min-width:0 !important;
    min-height:0 !important;

    /*
       Extra protection.
    */
    object-fit:contain !important;
    object-position:center center !important;

    /*
       No zoom/crop.
    */
    transform:none !important;
    scale:1 !important;

    /*
       Remove older image padding.
    */
    padding:0 !important;
    margin:auto !important;

    /*
       Prevent flexbox stretching.
    */
    flex:0 1 auto !important;

    display:block !important;

    background:transparent !important;

    border-radius:10px !important;
}


/* =========================================================
   CAPTION
   Keep caption BELOW photo viewing area
   instead of covering people's bodies.
   ========================================================= */

html body [data-award-carousel] .award-carousel-slide figcaption{

    position:absolute !important;

    left:50% !important;
    right:auto !important;

    bottom:13px !important;

    transform:translateX(-50%) !important;

    width:max-content !important;
    max-width:72% !important;

    padding:9px 14px !important;

    box-sizing:border-box !important;

    background:rgba(4,17,27,.92) !important;

    border:1px solid rgba(255,255,255,.14) !important;

    color:#ffffff !important;

    z-index:7 !important;
}


/* Caption location */

html body [data-award-carousel] .award-carousel-slide figcaption span{

    font-size:9px !important;

    line-height:1.3 !important;

    color:#e9cc8e !important;

    white-space:nowrap !important;
}


/* Caption title */

html body [data-award-carousel] .award-carousel-slide figcaption b{

    margin-top:3px !important;

    font-size:15px !important;

    line-height:1.25 !important;

    white-space:normal !important;
}


/* =========================================================
   ARROWS
   ========================================================= */

html body [data-award-carousel] .award-carousel-prev{
    left:18px !important;
}

html body [data-award-carousel] .award-carousel-next{
    right:18px !important;
}

html body [data-award-carousel] .award-carousel-arrow{

    position:absolute !important;

    top:50% !important;

    transform:translateY(-50%) !important;

    z-index:12 !important;
}


/* =========================================================
   COUNTER
   ========================================================= */

html body [data-award-carousel] .award-carousel-status,
html body [data-award-carousel] [data-award-status]{

    z-index:12 !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:1000px){

    html body [data-award-carousel]{

        height:430px !important;
        min-height:430px !important;
        max-height:430px !important;
    }

    html body [data-award-carousel] .award-carousel-slide{

        padding:
            14px
            58px
            72px
            58px !important;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:650px){

    html body [data-award-carousel]{

        height:390px !important;
        min-height:390px !important;
        max-height:390px !important;
    }

    html body [data-award-carousel] .award-carousel-slide{

        padding:
            12px
            42px
            82px
            42px !important;
    }

    html body [data-award-carousel] .award-carousel-slide figcaption{

        max-width:calc(100% - 30px) !important;

        width:auto !important;
    }
}


/* SPS FINAL AWARD PHOTO FIT END */


/* SPS AWARD PRESENTATION V2 START */


/* Main carousel */
html body [data-award-carousel]{
    position:relative !important;

    height:500px !important;
    min-height:500px !important;
    max-height:500px !important;

    overflow:hidden !important;

    border-radius:18px !important;
    background:#071725 !important;
}


/* Viewport */
html body [data-award-carousel] .award-carousel-viewport{
    position:absolute !important;
    inset:0 !important;

    width:100% !important;
    height:100% !important;

    overflow:hidden !important;

    border-radius:18px !important;
}


/* Each award slide */
html body [data-award-carousel] .award-carousel-slide{
    position:absolute !important;
    inset:0 !important;

    width:100% !important;
    height:100% !important;

    box-sizing:border-box !important;

    margin:0 !important;

    padding:
        14px
        60px
        84px
        60px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    overflow:hidden !important;

    isolation:isolate !important;

    background:#071725 !important;
}


/* ============================================================
   BLURRED SAME-PHOTO BACKGROUND

   This replaces ugly black side bars while keeping
   the original foreground photo completely visible.
   ============================================================ */

html body [data-award-carousel] .award-carousel-slide::before{
    content:"" !important;

    position:absolute !important;

    inset:-30px !important;

    z-index:0 !important;

    background-image:
        linear-gradient(
            rgba(4,17,27,.22),
            rgba(4,17,27,.38)
        ),
        var(--award-bg) !important;

    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;

    filter:
        blur(20px)
        brightness(.68)
        saturate(.9) !important;

    transform:scale(1.12) !important;

    opacity:.95 !important;
}


/* Soft overlay */
html body [data-award-carousel] .award-carousel-slide::after{
    content:"" !important;

    position:absolute !important;
    inset:0 !important;

    z-index:1 !important;

    pointer-events:none !important;

    background:
        linear-gradient(
            90deg,
            rgba(4,17,27,.18),
            rgba(4,17,27,.02) 35%,
            rgba(4,17,27,.02) 65%,
            rgba(4,17,27,.18)
        ) !important;
}


/* ============================================================
   ORIGINAL PHOTO - FULL IMAGE / ZERO CROP
   ============================================================ */

html body [data-award-carousel] .award-carousel-slide img{

    position:relative !important;

    z-index:2 !important;

    width:auto !important;
    height:auto !important;

    max-width:100% !important;
    max-height:100% !important;

    min-width:0 !important;
    min-height:0 !important;

    object-fit:contain !important;
    object-position:center center !important;

    flex:0 1 auto !important;

    display:block !important;

    margin:auto !important;
    padding:0 !important;

    transform:none !important;

    background:transparent !important;

    border-radius:10px !important;

    box-shadow:
        0 18px 45px rgba(0,0,0,.28) !important;
}


/* Active slide */
html body [data-award-carousel] .award-carousel-slide.is-active{
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    z-index:2 !important;
}


/* Inactive slides */
html body [data-award-carousel] .award-carousel-slide:not(.is-active){
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
}


/* ============================================================
   CAPTION
   ============================================================ */

html body [data-award-carousel] .award-carousel-slide figcaption{

    position:absolute !important;

    left:50% !important;
    right:auto !important;

    bottom:14px !important;

    transform:translateX(-50%) !important;

    z-index:5 !important;

    width:max-content !important;
    max-width:72% !important;

    padding:9px 14px !important;

    background:rgba(4,17,27,.90) !important;

    border:1px solid rgba(255,255,255,.14) !important;

    border-radius:8px !important;

    color:#ffffff !important;
}


/* ============================================================
   ARROWS
   ============================================================ */

html body [data-award-carousel] .award-carousel-arrow{
    position:absolute !important;

    top:50% !important;

    transform:translateY(-50%) !important;

    z-index:10 !important;
}

html body [data-award-carousel] .award-carousel-prev{
    left:18px !important;
}

html body [data-award-carousel] .award-carousel-next{
    right:18px !important;
}


/* ============================================================
   TABLET
   ============================================================ */

@media(max-width:1000px){

    html body [data-award-carousel]{
        height:430px !important;
        min-height:430px !important;
        max-height:430px !important;
    }

    html body [data-award-carousel] .award-carousel-slide{

        padding:
            12px
            52px
            78px
            52px !important;
    }
}


/* ============================================================
   MOBILE
   ============================================================ */

@media(max-width:650px){

    html body [data-award-carousel]{
        height:380px !important;
        min-height:380px !important;
        max-height:380px !important;
    }

    html body [data-award-carousel] .award-carousel-slide{

        padding:
            10px
            38px
            82px
            38px !important;
    }

    html body [data-award-carousel] .award-carousel-slide figcaption{

        width:auto !important;

        max-width:calc(100% - 28px) !important;
    }
}


/* SPS AWARD PRESENTATION V2 END */


/* SPS AWARD FINAL EDITORIAL GALLERY START */

/*
   Premium adaptive award gallery.
   Original photos are never stretched.
   Foreground image remains fully visible.
   Same image fills unused space as a subtle blurred background.
*/

html body [data-award-carousel].award-carousel{
    width:min(100%,880px) !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;

    aspect-ratio:5 / 4 !important;

    justify-self:center !important;

    margin-left:auto !important;
    margin-right:auto !important;

    overflow:hidden !important;

    border-radius:22px !important;

    background:#071725 !important;

    box-shadow:
        0 28px 70px rgba(5,24,36,.18) !important;
}


/* VIEWPORT */

html body [data-award-carousel] .award-carousel-viewport{
    position:absolute !important;

    inset:0 !important;

    width:100% !important;
    height:100% !important;

    overflow:hidden !important;

    border-radius:inherit !important;

    background:#071725 !important;

    border:1px solid rgba(201,165,93,.22) !important;
}


/* INDIVIDUAL SLIDE */

html body [data-award-carousel] .award-carousel-slide{
    position:absolute !important;

    inset:0 !important;

    margin:0 !important;

    padding:
        14px
        44px
        76px
        44px !important;

    box-sizing:border-box !important;

    display:flex !important;

    align-items:center !important;
    justify-content:center !important;

    overflow:hidden !important;

    isolation:isolate !important;

    background:#071725 !important;
}


/* BLURRED SAME-PHOTO BACKGROUND */

html body [data-award-carousel] .award-carousel-slide::before{
    content:"" !important;

    position:absolute !important;

    inset:-36px !important;

    z-index:0 !important;

    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;

    filter:
        blur(28px)
        brightness(.58)
        saturate(.92) !important;

    transform:scale(1.12) !important;

    opacity:.92 !important;
}


/* SUBTLE PREMIUM OVERLAY */

html body [data-award-carousel] .award-carousel-slide::after{
    content:"" !important;

    position:absolute !important;

    inset:0 !important;

    z-index:1 !important;

    pointer-events:none !important;

    background:
        linear-gradient(
            90deg,
            rgba(4,17,27,.28),
            rgba(4,17,27,.03) 27%,
            rgba(4,17,27,.03) 73%,
            rgba(4,17,27,.28)
        ),
        linear-gradient(
            180deg,
            rgba(4,17,27,.10),
            transparent 42%,
            rgba(4,17,27,.18)
        ) !important;
}


/* ============================================================
   PER-IMAGE BACKGROUND FOCAL POSITION
   ============================================================ */

html body [data-award-carousel]
.award-carousel-slide:has(
    img[src*="korn-dabbaransi-thailand-award-2026"]
)::before{
    background-image:
        url("/assets/images/awards/korn-dabbaransi-thailand-award-2026.jpg") !important;

    background-position:center 18% !important;
}


html body [data-award-carousel]
.award-carousel-slide:has(
    img[src*="jacqueline-fernandez-award-2025"]
)::before{
    background-image:
        url("/assets/images/awards/jacqueline-fernandez-award-2025.jpg") !important;

    background-position:center 22% !important;
}


html body [data-award-carousel]
.award-carousel-slide:has(
    img[src*="bipasha-basu-award-2025"]
)::before{
    background-image:
        url("/assets/images/awards/bipasha-basu-award-2025.jpg") !important;

    background-position:center center !important;
}


html body [data-award-carousel]
.award-carousel-slide:has(
    img[src*="rakul-preet-award-2025"]
)::before{
    background-image:
        url("/assets/images/awards/rakul-preet-award-2025.jpg") !important;

    background-position:center 20% !important;
}


html body [data-award-carousel]
.award-carousel-slide:has(
    img[src*="maya-narolia-rakul-preet-leadership-award-2026"]
)::before{
    background-image:
        url("/assets/images/awards/maya-narolia-rakul-preet-leadership-award-2026.jpg") !important;

    background-position:center 34% !important;
}


html body [data-award-carousel]
.award-carousel-slide:has(
    img[src*="joel-tee-malaysia-award-2026"]
)::before{
    background-image:
        url("/assets/images/awards/joel-tee-malaysia-award-2026.webp") !important;

    background-position:center 28% !important;
}


html body [data-award-carousel]
.award-carousel-slide:has(
    img[src*="global-business-award-2026-updated"]
)::before{
    background-image:
        url("/assets/images/awards/global-business-award-2026-updated.webp") !important;

    background-position:center center !important;
}


html body [data-award-carousel]
.award-carousel-slide:has(
    img[src*="global-business-award-2026.jpeg"]
)::before{
    background-image:
        url("/assets/images/awards/global-business-award-2026.jpeg") !important;

    background-position:center center !important;
}


html body [data-award-carousel]
.award-carousel-slide:has(
    img[src*="thailand-awards-summit-2026"]
)::before{
    background-image:
        url("/assets/images/awards/thailand-awards-summit-2026.jpeg") !important;

    background-position:center 22% !important;
}


/* ============================================================
   ORIGINAL FOREGROUND PHOTO
   FULL IMAGE - NO HEAD / FACE / TROPHY CROPPING
   ============================================================ */

html body [data-award-carousel] .award-carousel-slide img{
    position:relative !important;

    z-index:2 !important;

    display:block !important;

    width:auto !important;
    height:auto !important;

    min-width:0 !important;
    min-height:0 !important;

    max-width:calc(100% - 16px) !important;
    max-height:100% !important;

    margin:auto !important;

    padding:0 !important;

    object-fit:contain !important;
    object-position:center center !important;

    transform:none !important;

    background:transparent !important;

    border-radius:12px !important;

    box-shadow:
        0 18px 46px rgba(0,0,0,.26) !important;
}


/* ACTIVE SLIDE */

html body [data-award-carousel]
.award-carousel-slide.is-active{
    opacity:1 !important;

    visibility:visible !important;

    transform:none !important;

    z-index:2 !important;
}


/* INACTIVE SLIDES */

html body [data-award-carousel]
.award-carousel-slide:not(.is-active){
    opacity:0 !important;

    visibility:hidden !important;

    pointer-events:none !important;
}


/* ============================================================
   CAPTION
   OWN BOTTOM AREA - DOES NOT COVER FACES OR AWARD
   ============================================================ */

html body [data-award-carousel]
.award-carousel-slide figcaption{
    position:absolute !important;

    left:50% !important;
    right:auto !important;

    bottom:14px !important;

    z-index:6 !important;

    transform:translateX(-50%) !important;

    width:max-content !important;

    max-width:calc(100% - 150px) !important;

    padding:9px 14px !important;

    border-radius:9px !important;

    background:rgba(4,17,27,.91) !important;

    border:1px solid rgba(255,255,255,.13) !important;

    color:#ffffff !important;

    backdrop-filter:blur(10px) !important;
}


html body [data-award-carousel]
.award-carousel-slide figcaption span{
    font-size:9px !important;

    line-height:1.25 !important;
}


html body [data-award-carousel]
.award-carousel-slide figcaption b{
    margin-top:3px !important;

    font-size:15px !important;

    line-height:1.25 !important;
}


/* CONTROLS */

html body [data-award-carousel]
.award-carousel-arrow,
html body [data-award-carousel]
[data-award-prev],
html body [data-award-carousel]
[data-award-next]{
    z-index:12 !important;
}


/* ============================================================
   TABLET
   ============================================================ */

@media(max-width:1000px){

    html body [data-award-carousel].award-carousel{
        width:100% !important;

        aspect-ratio:1 / 1 !important;

        border-radius:18px !important;
    }


    html body [data-award-carousel]
    .award-carousel-slide{
        padding:
            12px
            40px
            74px
            40px !important;
    }
}


/* ============================================================
   MOBILE
   ============================================================ */

@media(max-width:650px){

    html body [data-award-carousel].award-carousel{
        width:100% !important;

        aspect-ratio:4 / 5 !important;

        border-radius:15px !important;
    }


    html body [data-award-carousel]
    .award-carousel-slide{
        padding:
            10px
            34px
            82px
            34px !important;
    }


    html body [data-award-carousel]
    .award-carousel-slide img{
        max-width:100% !important;

        max-height:100% !important;
    }


    html body [data-award-carousel]
    .award-carousel-slide figcaption{
        width:auto !important;

        max-width:calc(100% - 28px) !important;
    }
}


/* SPS AWARD FINAL EDITORIAL GALLERY END */


/* SPS VISIBLE UPGRADE PHASE 1 START */


/* ============================================================
   COMPARE COMPLETELY REMOVED
   ============================================================ */

[data-open-compare],
[data-compare],
[data-compare-count],
.compare-dot,
.mobile-compare-action{
    display:none !important;
}


/* ============================================================
   MARKET + LANGUAGE PREFERENCE
   ============================================================ */

.sps-preference-control{
    position:relative;

    z-index:100;
}

.sps-preference-control > summary{
    list-style:none;

    display:flex;
    align-items:center;

    gap:6px;

    padding:6px 10px;

    border:1px solid
        rgba(214,179,106,.35);

    border-radius:999px;

    color:#f4dfaa;

    background:
        rgba(255,255,255,.05);

    font-size:11px;
    font-weight:800;

    cursor:pointer;

    white-space:nowrap;
}

.sps-preference-control
> summary::-webkit-details-marker{
    display:none;
}

.sps-preference-control[open]
> summary{
    background:
        rgba(214,179,106,.13);
}


.sps-preference-menu{
    position:absolute;

    right:0;
    top:calc(100% + 10px);

    width:300px;

    padding:17px;

    border-radius:16px;

    border:1px solid #e5e8eb;

    background:#ffffff;

    color:#0a1925;

    box-shadow:
        0 24px 70px
        rgba(3,17,28,.24);
}


.sps-preference-heading{
    margin-bottom:14px;
}

.sps-preference-heading strong{
    display:block;

    font-size:15px;
}

.sps-preference-heading small{
    display:block;

    margin-top:3px;

    color:#727d86;

    font-size:11px;

    line-height:1.45;
}


.sps-preference-menu label{
    display:grid;

    gap:5px;

    margin-top:11px;
}


.sps-preference-menu label > span{
    font-size:10px;

    font-weight:900;

    text-transform:uppercase;

    letter-spacing:.08em;

    color:#68747e;
}


.sps-preference-menu select{
    width:100%;

    min-height:40px;

    padding:8px 10px;

    border:1px solid #d8dee3;

    border-radius:9px;

    background:#ffffff;

    color:#0b1b27;

    outline:none;
}


.sps-preference-menu select:focus{
    border-color:#c79e4d;

    box-shadow:
        0 0 0 3px
        rgba(199,158,77,.13);
}


.sps-preference-menu > p{
    margin:
        12px 0 0;

    padding-top:10px;

    border-top:
        1px solid #edf0f2;

    color:#77828a;

    font-size:10px;
}


/* ============================================================
   NORMAL PROFESSIONAL DESKTOP SCALE AT 100% ZOOM
   ============================================================ */

@media(min-width:1200px){

    .container{
        width:
            min(
                1320px,
                calc(100% - 70px)
            ) !important;

        max-width:
            1320px !important;
    }


    .sps-nav .nav-inner{
        min-height:
            86px !important;
    }


    .section{
        padding-top:
            54px !important;

        padding-bottom:
            54px !important;
    }


    .section-head{
        margin-bottom:
            24px !important;
    }


    .section-head h2{
        font-size:
            clamp(
                30px,
                2.35vw,
                44px
            ) !important;
    }


    .global-hero,
    .original-hero{

        height:
            calc(
                100vh - 250px
            ) !important;

        min-height:
            500px !important;

        max-height:
            620px !important;
    }


    .original-hero-inner{
        min-height:
            500px !important;

        height:100% !important;
    }


    .global-hero .hero-copy,
    .original-hero .hero-copy{

        padding:
            38px 0 !important;
    }


    .global-hero .hero-copy h1,
    .original-hero .hero-copy h1{

        font-size:
            clamp(
                46px,
                4vw,
                66px
            ) !important;

        line-height:
            1.01 !important;
    }


    .global-hero .hero-copy p,
    .original-hero .hero-copy p{

        max-width:
            650px !important;

        font-size:
            16px !important;

        line-height:
            1.6 !important;
    }


    .hero-floating-card{

        max-width:
            340px !important;
    }


    .property-media{

        height:
            215px !important;
    }


    .property-content{

        padding:
            17px !important;
    }


    .property-content h3{

        font-size:
            19px !important;
    }


    .detail-media{

        height:
            420px !important;
    }


    .blog-media{

        height:
            195px !important;
    }

}


/* ============================================================
   TABLET / MOBILE PREFERENCE
   ============================================================ */

@media(max-width:1000px){

    .sps-preference-control{
        width:100%;
    }


    .sps-preference-control
    > summary{

        width:100%;

        justify-content:
            space-between;

        color:#142431;

        background:#f4f6f7;

        border-color:#dde2e5;
    }


    .sps-preference-menu{

        position:static;

        width:100%;

        margin-top:8px;

        box-shadow:none;
    }

}


/* SPS VISIBLE UPGRADE PHASE 1 END */


/* SPS FOUR REQUESTS START */


/* ============================================================
   1. ENGLISH ONLY
   ============================================================ */

.sps-preferences,
.sps-preference-control{
    display:none !important;
}


/* Previously approved Compare removal */

[data-open-compare],
[data-compare],
[data-compare-count],
.compare-dot,
.mobile-compare-action{
    display:none !important;
}


/* ============================================================
   2. COUNTRY FLAG + COUNTRY NAME
   ============================================================ */

.sps-country-control{
    position:relative;

    display:block !important;

    z-index:95;

    margin:0;
}


.sps-country-control > summary{
    list-style:none;

    min-width:190px;

    height:42px;

    padding:0 12px;

    display:flex;

    align-items:center;

    gap:8px;

    border:
        1px solid #d6dde2;

    border-radius:10px;

    background:#ffffff;

    color:#0a1925;

    cursor:pointer;

    font-size:11px;

    font-weight:850;

    white-space:nowrap;
}


.sps-country-control
> summary::-webkit-details-marker{
    display:none;
}


.sps-country-flag{
    font-size:19px;

    line-height:1;
}


.sps-country-name{
    overflow:hidden;

    text-overflow:ellipsis;
}


.sps-country-chevron{
    margin-left:auto;

    color:#9b7a36;

    font-size:13px;
}


.sps-country-menu{
    position:absolute;

    right:0;

    top:calc(100% + 10px);

    width:286px;

    padding:12px;

    background:#ffffff;

    border:
        1px solid #e0e5e8;

    border-radius:14px;

    box-shadow:
        0 22px 60px
        rgba(4,18,30,.18);
}


.sps-country-menu-head{
    padding:
        4px 5px 10px;

    margin-bottom:6px;

    border-bottom:
        1px solid #edf0f2;
}


.sps-country-menu-head strong{
    display:block;

    font-size:14px;

    color:#0a1925;
}


.sps-country-menu-head small{
    display:block;

    margin-top:2px;

    color:#727d85;

    font-size:10px;
}


.sps-country-option{
    width:100%;

    height:39px;

    padding:0 8px;

    display:flex;

    align-items:center;

    gap:10px;

    border:0;

    border-radius:9px;

    background:transparent;

    color:#172631;

    text-align:left;

    cursor:pointer;
}


.sps-country-option span{
    width:25px;

    font-size:19px;

    line-height:1;
}


.sps-country-option b{
    font-size:12px;

    font-weight:800;
}


.sps-country-option:hover,
.sps-country-option.is-selected{
    background:#f5f1e7;
}


.sps-country-option.is-selected b{
    color:#8a6929;
}


/* ============================================================
   3. SMALLER FOOTER SPS LOGO
   ============================================================ */

.sps-footer .footer-brand-logo{
    width:248px !important;

    max-width:100% !important;

    padding:
        8px 10px !important;

    margin:
        0 0 14px !important;

    border-radius:
        12px !important;
}


.sps-footer .footer-original-logo{
    display:block !important;

    width:220px !important;

    max-width:100% !important;

    height:58px !important;

    max-height:58px !important;

    object-fit:
        contain !important;

    object-position:
        left center !important;

    padding:0 !important;

    margin:0 !important;

    transform:none !important;
}


.sps-footer .footer-logo-tagline{
    font-size:
        8px !important;

    letter-spacing:
        .11em !important;
}


/* ============================================================
   4. SOCIAL LINKS SAME SIZE
   ICON + NAME ONLY
   ============================================================ */

.sps-footer .footer-social{
    display:grid !important;

    grid-template-columns:
        repeat(2,142px) !important;

    gap:8px !important;

    margin-top:
        16px !important;

    align-items:
        stretch !important;
}


.sps-footer
.footer-social
> .social-icon,

.sps-footer
.footer-social
> .social-choice-wrap{
    width:
        142px !important;

    max-width:
        142px !important;

    margin:
        0 !important;
}


.sps-footer
.footer-social
> .social-choice-wrap
> .social-icon,

.sps-footer
.footer-social
> .social-icon{

    width:
        142px !important;

    height:
        38px !important;

    min-height:
        38px !important;

    padding:
        0 10px !important;

    display:flex !important;

    align-items:
        center !important;

    justify-content:
        flex-start !important;

    gap:
        8px !important;

    border-radius:
        9px !important;

    box-sizing:
        border-box !important;

    transform:
        none !important;
}


.sps-footer
.footer-social
.social-icon svg,

.sps-footer
.footer-social
.youtube-brand-logo{

    width:
        18px !important;

    height:
        18px !important;

    max-width:
        18px !important;

    max-height:
        18px !important;

    flex:
        0 0 18px !important;
}


.sps-footer
.footer-social
.social-icon span{

    padding:
        0 !important;

    border:
        0 !important;

    font-size:
        10px !important;

    line-height:
        1 !important;

    letter-spacing:
        .04em !important;

    white-space:
        nowrap !important;
}


/* ============================================================
   RESPONSIVE
   ============================================================ */

@media(max-width:1100px){

    .sps-country-control > summary{

        min-width:0;

        width:46px;

        padding:0;

        justify-content:center;
    }


    .sps-country-name,
    .sps-country-chevron{
        display:none;
    }


    .sps-country-menu{
        right:-45px;
    }


    .sps-footer .footer-social{

        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            ) !important;
    }


    .sps-footer
    .footer-social
    > .social-icon,

    .sps-footer
    .footer-social
    > .social-choice-wrap,

    .sps-footer
    .footer-social
    > .social-choice-wrap
    > .social-icon{

        width:
            100% !important;

        max-width:
            none !important;
    }

}


@media(max-width:650px){

    .sps-footer
    .footer-brand-logo{

        width:
            220px !important;
    }


    .sps-footer
    .footer-original-logo{

        width:
            200px !important;

        height:
            54px !important;
    }


    .sps-footer
    .footer-social{

        width:
            min(
                292px,
                100%
            ) !important;
    }


    .sps-country-menu{

        position:fixed;

        left:12px;

        right:12px;

        top:88px;

        width:auto;
    }

}


/* SPS FOUR REQUESTS END */


/* SPS COUNTRY LANGUAGE FINAL START */

[data-open-compare],
[data-compare],
[data-compare-count],
.compare-dot,
.mobile-compare-action{
    display:none !important;
}

.sps-country-language{
    position:relative;
    display:block !important;
    z-index:120;
}

.sps-country-language > summary{
    list-style:none;
    height:46px;
    min-width:255px;
    padding:0 12px;

    display:flex;
    align-items:center;
    gap:8px;

    border:1px solid #d7dee3;
    border-radius:10px;

    background:#fff;
    color:#0b1925;

    cursor:pointer;
    white-space:nowrap;
}

.sps-country-language > summary::-webkit-details-marker{
    display:none;
}

.sps-pref-flag{
    font-size:20px;
}

.sps-pref-country{
    max-width:135px;
    overflow:hidden;
    text-overflow:ellipsis;

    font-size:11px;
    font-weight:850;
}

.sps-pref-language{
    padding-left:8px;
    border-left:1px solid #dce2e6;

    color:#9a742c;

    font-size:10px;
    font-weight:900;
}

.sps-pref-chevron{
    margin-left:auto;

    color:#98722a;

    font-size:10px;
}

.sps-pref-menu{
    position:absolute;

    right:0;
    top:calc(100% + 10px);

    width:310px;

    padding:12px;

    border:1px solid #e0e5e8;
    border-radius:15px;

    background:#fff;

    box-shadow:
        0 24px 70px
        rgba(5,19,30,.20);
}

.sps-pref-heading{
    padding:4px 5px 11px;

    margin-bottom:5px;

    border-bottom:1px solid #edf0f2;
}

.sps-pref-heading strong{
    display:block;

    font-size:14px;
}

.sps-pref-heading small{
    display:block;

    margin-top:3px;

    color:#758089;

    font-size:10px;
}

.sps-pref-menu button{
    width:100%;
    min-height:45px;

    padding:6px 8px;

    display:grid;

    grid-template-columns:31px 1fr;

    gap:9px;

    align-items:center;

    border:0;
    border-radius:9px;

    background:transparent;

    text-align:left;

    cursor:pointer;
}

.sps-pref-menu button:hover,
.sps-pref-menu button.is-selected{
    background:#f5f1e7;
}

.sps-pref-option-flag{
    font-size:20px;
}

.sps-pref-menu button b{
    display:block;

    color:#14242f;

    font-size:11px;
}

.sps-pref-menu button small{
    display:block;

    margin-top:1px;

    color:#858f96;

    font-size:9px;
}

@media(max-width:1150px){

    .sps-country-language > summary{
        width:48px;
        min-width:48px;

        padding:0;

        justify-content:center;
    }

    .sps-pref-country,
    .sps-pref-language,
    .sps-pref-chevron{
        display:none;
    }

}

@media(max-width:760px){

    .sps-pref-menu{
        position:fixed;

        left:12px;
        right:12px;
        top:82px;

        width:auto;
    }

}

/* SPS COUNTRY LANGUAGE FINAL END */



/* SPS FINAL LOCALE START */


/* ----------------------------------------------------------
   HIDE ALL OLD LANGUAGE SELECTORS
   ---------------------------------------------------------- */

.sps-preferences,
.sps-preference-control,
.sps-country-control,
.sps-country-language,
.sps-market-picker-final,
.sps-market-language,
.sps-region-language,
.sps-locale-v3{

display:none !important;

}


/* Compare remains removed */

[data-open-compare],
[data-compare],
[data-compare-count],
.compare-dot,
.mobile-compare-action{

display:none !important;

}


/* ----------------------------------------------------------
   FINAL LANGUAGE CONTROL
   ---------------------------------------------------------- */

.sps-final-locale{

position:relative;

display:block !important;

z-index:500;

margin:0;

}


.sps-final-locale > summary{

list-style:none;

width:275px;

height:46px;

padding:0 12px;

box-sizing:border-box;

display:flex;

align-items:center;

gap:9px;

border:1px solid #d8dfe4;

border-radius:12px;

background:#ffffff;

color:#0b1925;

cursor:pointer;

white-space:nowrap;

box-shadow:
0 5px 20px rgba(7,23,37,.05);

}


.sps-final-locale
> summary::-webkit-details-marker{

display:none;

}


.sps-final-current-flag{

width:29px;

height:20px;

display:block;

flex:0 0 29px;

}


.sps-final-current-flag svg,
.sps-final-country-flag svg{

width:100%;

height:100%;

display:block;

border-radius:3px;

box-shadow:
0 0 0 1px rgba(0,0,0,.10);

}


.sps-final-current-country{

min-width:0;

max-width:145px;

overflow:hidden;

text-overflow:ellipsis;

font-size:11px;

font-weight:850;

}


.sps-final-current-language{

margin-left:auto;

min-width:32px;

height:24px;

display:grid;

place-items:center;

border-radius:999px;

background:#f4efe4;

color:#89692c;

font-size:9px;

font-weight:950;

letter-spacing:.05em;

}


.sps-final-locale-arrow{

color:#89692c;

font-size:9px;

}


/* ----------------------------------------------------------
   DROPDOWN
   ---------------------------------------------------------- */

.sps-final-locale-panel{

position:absolute;

right:0;

top:calc(100% + 10px);

width:390px;

max-height:
min(
650px,
calc(100vh - 100px)
);

overflow:auto;

padding:15px;

box-sizing:border-box;

border:
1px solid #e1e6e9;

border-radius:18px;

background:#ffffff;

box-shadow:
0 30px 90px
rgba(5,20,32,.24);

}


.sps-final-locale-header{

display:flex;

align-items:flex-start;

justify-content:space-between;

gap:12px;

padding:
2px 2px 13px;

border-bottom:
1px solid #edf0f2;

}


.sps-final-locale-header strong{

display:block;

color:#0c1b27;

font-size:15px;

line-height:1.25;

}


.sps-final-locale-header small{

display:block;

margin-top:4px;

max-width:285px;

color:#74808a;

font-size:10px;

line-height:1.45;

}


.sps-final-en-badge{

display:grid;

place-items:center;

min-width:35px;

height:29px;

border-radius:999px;

background:#071725;

color:#e5c985;

font-size:9px;

font-weight:950;

}


.sps-final-section-title{

padding:
13px 3px 8px;

color:#727d85;

font-size:9px;

font-weight:900;

letter-spacing:.09em;

text-transform:uppercase;

}


/* ----------------------------------------------------------
   COUNTRY GRID
   ---------------------------------------------------------- */

.sps-final-country-grid{

display:grid;

grid-template-columns:
1fr 1fr;

gap:7px;

}


.sps-final-country{

width:100%;

min-height:61px;

padding:
8px 9px;

box-sizing:border-box;

display:grid;

grid-template-columns:
32px 1fr;

align-items:center;

gap:9px;

border:
1px solid #e7eaec;

border-radius:11px;

background:#ffffff;

text-align:left;

cursor:pointer;

transition:
background .18s ease,
border-color .18s ease,
transform .18s ease;

}


.sps-final-country:hover{

background:#faf7f0;

border-color:#d8c28c;

transform:
translateY(-1px);

}


.sps-final-country.is-selected{

background:#f5f0e5;

border-color:#cba95d;

}


.sps-final-country-flag{

width:29px;

height:20px;

display:block;

}


.sps-final-country-text b{

display:block;

color:#172631;

font-size:11px;

line-height:1.25;

}


.sps-final-country-text small{

display:block;

margin-top:3px;

color:#849098;

font-size:9px;

}


.sps-final-country-check{

display:none;

}


/* ----------------------------------------------------------
   LANGUAGE ROW
   ---------------------------------------------------------- */

.sps-final-language{

margin-top:14px;

padding:
10px;

display:grid;

grid-template-columns:
38px 1fr auto;

align-items:center;

gap:10px;

border-radius:12px;

background:
linear-gradient(
135deg,
#071725,
#112d3e
);

color:#ffffff;

}


.sps-final-language-icon{

width:36px;

height:36px;

display:grid;

place-items:center;

border-radius:50%;

background:#ffffff;

color:#071725;

font-size:10px;

font-weight:950;

}


.sps-final-language b{

display:block;

color:#ffffff;

font-size:11px;

}


.sps-final-language small{

display:block;

margin-top:2px;

color:#aebbc4;

font-size:9px;

}


.sps-final-language-active{

color:#e4c67f;

font-size:9px;

font-weight:900;

}


/* ----------------------------------------------------------
   RESPONSIVE
   ---------------------------------------------------------- */

@media(max-width:1280px){

.sps-final-locale
> summary{

width:54px;

min-width:54px;

padding:0;

justify-content:center;

}


.sps-final-current-country,
.sps-final-current-language,
.sps-final-locale-arrow{

display:none;

}

}


@media(max-width:760px){

.sps-final-locale-panel{

position:fixed;

top:82px;

left:12px;

right:12px;

width:auto;

max-height:
calc(100vh - 100px);

}


.sps-final-country-grid{

grid-template-columns:1fr;

}

}


/* SPS FINAL LOCALE END */


/* SPS REAL I18N START */


/* ============================================================
   REMOVE OLD LANGUAGE CONTROLS
   ============================================================ */

.sps-preferences,
.sps-preference-control,
.sps-country-control,
.sps-country-language,
.sps-market-picker-final,
.sps-market-language,
.sps-region-language,
.sps-locale-v3,
.sps-final-locale{

    display:none !important;

}


[data-open-compare],
[data-compare],
[data-compare-count],
.compare-dot,
.mobile-compare-action{

    display:none !important;

}


/* ============================================================
   FINAL PICKER
   ============================================================ */

.sps-i18n-picker{

    position:relative;

    display:block !important;

    z-index:600;

}


.sps-i18n-picker > summary{

    list-style:none;

    width:278px;

    height:46px;

    padding:0 12px;

    display:flex;

    align-items:center;

    gap:9px;

    box-sizing:border-box;

    border:1px solid #d8dfe4;

    border-radius:12px;

    background:#ffffff;

    color:#0b1925;

    cursor:pointer;

    white-space:nowrap;

}


.sps-i18n-picker
> summary::-webkit-details-marker{

    display:none;

}


.sps-i18n-current-flag{

    width:29px;

    height:20px;

    display:block;

    flex:0 0 29px;

}


.sps-i18n-current-flag svg,
.sps-i18n-flag svg{

    display:block;

    width:100%;

    height:100%;

    border-radius:3px;

}


.sps-i18n-current-country{

    min-width:0;

    max-width:145px;

    overflow:hidden;

    text-overflow:ellipsis;

    font-size:11px;

    font-weight:850;

}


.sps-i18n-current-language{

    margin-left:auto;

    min-width:30px;

    height:24px;

    display:grid;

    place-items:center;

    border-radius:999px;

    background:#f4efe4;

    color:#8c692a;

    font-size:9px;

    font-weight:950;

}


.sps-i18n-arrow{

    color:#8c692a;

    font-size:9px;

}


/* ============================================================
   PANEL
   ============================================================ */

.sps-i18n-panel{

    position:absolute;

    right:0;

    top:calc(100% + 10px);

    width:390px;

    max-height:
        min(
            650px,
            calc(100vh - 100px)
        );

    overflow:auto;

    padding:15px;

    box-sizing:border-box;

    border:1px solid #e0e6e9;

    border-radius:18px;

    background:#ffffff;

    box-shadow:
        0 30px 90px
        rgba(5,20,32,.24);

}


.sps-i18n-heading{

    padding:
        3px 3px 13px;

    border-bottom:
        1px solid #edf0f2;

}


.sps-i18n-heading strong{

    display:block;

    color:#0b1b27;

    font-size:15px;

}


.sps-i18n-heading small{

    display:block;

    margin-top:4px;

    color:#76818a;

    font-size:10px;

}


.sps-i18n-section-title{

    padding:
        13px 3px 8px;

    color:#707c85;

    font-size:9px;

    font-weight:900;

    text-transform:uppercase;

    letter-spacing:.08em;

}


/* ============================================================
   COUNTRY
   ============================================================ */

.sps-i18n-country-grid{

    display:grid;

    grid-template-columns:
        1fr 1fr;

    gap:7px;

}


.sps-i18n-country{

    min-height:55px;

    padding:8px;

    display:grid;

    grid-template-columns:
        31px 1fr;

    gap:9px;

    align-items:center;

    border:1px solid #e6eaec;

    border-radius:11px;

    background:#ffffff;

    text-align:left;

    cursor:pointer;

}


.sps-i18n-country:hover,
.sps-i18n-country.is-selected{

    background:#f5f1e7;

    border-color:#cfb16b;

}


.sps-i18n-flag{

    width:29px;

    height:20px;

}


.sps-i18n-country b{

    color:#172631;

    font-size:11px;

}


/* ============================================================
   LANGUAGE
   ============================================================ */

.sps-i18n-language-grid{

    display:grid;

    grid-template-columns:
        1fr 1fr;

    gap:7px;

}


.sps-i18n-language{

    min-height:52px;

    padding:8px;

    display:grid;

    grid-template-columns:
        37px 1fr;

    align-items:center;

    gap:9px;

    border:1px solid #e6eaec;

    border-radius:11px;

    background:#ffffff;

    text-align:left;

    cursor:pointer;

}


.sps-i18n-language:hover,
.sps-i18n-language.is-selected{

    background:#071725;

    border-color:#071725;

}


.sps-i18n-language-code{

    width:35px;

    height:35px;

    display:grid;

    place-items:center;

    border-radius:50%;

    background:#f3eee2;

    color:#806125;

    font-size:9px;

    font-weight:950;

}


.sps-i18n-language b{

    color:#172631;

    font-size:11px;

}


.sps-i18n-language.is-selected b{

    color:#ffffff;

}


/* ============================================================
   ARABIC FONT / RTL
   ============================================================ */

body.sps-lang-ar{

    font-family:
        Tahoma,
        "Segoe UI",
        Arial,
        sans-serif !important;

    direction:rtl;

}


body.sps-lang-ar
h1,

body.sps-lang-ar
h2,

body.sps-lang-ar
h3,

body.sps-lang-ar
h4,

body.sps-lang-ar
h5,

body.sps-lang-ar
h6,

body.sps-lang-ar
button,

body.sps-lang-ar
input,

body.sps-lang-ar
select,

body.sps-lang-ar
textarea{

    font-family:
        Tahoma,
        "Segoe UI",
        Arial,
        sans-serif !important;

}


body.sps-lang-ar
.sps-i18n-panel{

    direction:rtl;

    text-align:right;

}


body.sps-lang-ar
.sps-i18n-country,

body.sps-lang-ar
.sps-i18n-language{

    text-align:right;

}


/* ============================================================
   HINDI FONT
   ============================================================ */

body.sps-lang-hi{

    font-family:
        "Nirmala UI",
        Mangal,
        "Segoe UI",
        Arial,
        sans-serif !important;

}


body.sps-lang-hi
h1,

body.sps-lang-hi
h2,

body.sps-lang-hi
h3,

body.sps-lang-hi
h4,

body.sps-lang-hi
h5,

body.sps-lang-hi
h6,

body.sps-lang-hi
button,

body.sps-lang-hi
input,

body.sps-lang-hi
select,

body.sps-lang-hi
textarea{

    font-family:
        "Nirmala UI",
        Mangal,
        "Segoe UI",
        Arial,
        sans-serif !important;

}


/* ============================================================
   RESPONSIVE
   ============================================================ */

@media(max-width:1280px){

    .sps-i18n-picker
    > summary{

        width:54px;

        min-width:54px;

        padding:0;

        justify-content:center;

    }


    .sps-i18n-current-country,
    .sps-i18n-current-language,
    .sps-i18n-arrow{

        display:none;

    }

}


@media(max-width:760px){

    .sps-i18n-panel{

        position:fixed;

        top:82px;

        left:12px;

        right:12px;

        width:auto;

        max-height:
            calc(
                100vh - 100px
            );

    }


    .sps-i18n-country-grid,
    .sps-i18n-language-grid{

        grid-template-columns:1fr;

    }

}


/* SPS REAL I18N END */


/* SPS I18N CLICK FIX START */

.nav-actions{
    overflow:visible !important;
}

.sps-i18n-picker{
    position:relative !important;
    z-index:999999 !important;
    overflow:visible !important;
    pointer-events:auto !important;
}

.sps-i18n-picker > summary{
    position:relative !important;
    z-index:2 !important;
    pointer-events:auto !important;
    cursor:pointer !important;
}

.sps-i18n-panel{
    position:absolute !important;
    z-index:999999 !important;
    pointer-events:auto !important;
    overflow:auto !important;
}

.sps-i18n-country-grid,
.sps-i18n-language-grid{
    position:relative !important;
    z-index:5 !important;
    pointer-events:auto !important;
}

.sps-i18n-country,
.sps-i18n-language{
    position:relative !important;
    z-index:10 !important;
    pointer-events:auto !important;
    cursor:pointer !important;
    user-select:none !important;
}

.sps-i18n-country *,
.sps-i18n-language *{
    pointer-events:none !important;
}

body.sps-lang-ar{
    direction:rtl !important;
    font-family:
        Tahoma,
        "Segoe UI",
        Arial,
        sans-serif !important;
}

body.sps-lang-hi{
    direction:ltr !important;
    font-family:
        "Nirmala UI",
        Mangal,
        "Segoe UI",
        Arial,
        sans-serif !important;
}

/* SPS I18N CLICK FIX END */




/* SPS COUNTRY + SLIDE FINAL START */


/* ============================================================
   HIDE EVERY OLD LANGUAGE SELECTOR
   ============================================================ */

.sps-preferences,
.sps-preference-control,
.sps-country-control,
.sps-country-language,
.sps-market-picker-final,
.sps-market-language,
.sps-region-language,
.sps-locale-v3,
.sps-final-locale,
.sps-i18n-picker{

    display:none !important;

}


/* ============================================================
   FINAL COUNTRY SELECTOR
   ============================================================ */

.sps-country-pref-v2{

    position:relative;

    display:block !important;

    z-index:1000;

    direction:ltr;

}


.sps-country-trigger-v2{

    width:270px;

    height:46px;

    padding:0 12px;

    display:flex;

    align-items:center;

    gap:9px;

    box-sizing:border-box;

    border:1px solid #d8dfe4;

    border-radius:12px;

    background:#fff;

    color:#0b1925;

    cursor:pointer;

    text-align:left;

}


.sps-country-trigger-flag{

    width:29px;

    height:20px;

    flex:0 0 29px;

}


.sps-country-trigger-flag svg,
.sps-country-option-flag svg{

    display:block;

    width:100%;

    height:100%;

    border-radius:3px;

    box-shadow:
        0 0 0 1px
        rgba(0,0,0,.10);

}


.sps-country-trigger-name{

    min-width:0;

    max-width:145px;

    overflow:hidden;

    text-overflow:ellipsis;

    white-space:nowrap;

    font-size:11px;

    font-weight:850;

}


.sps-country-trigger-lang{

    margin-left:auto;

    min-width:31px;

    height:24px;

    display:grid;

    place-items:center;

    border-radius:999px;

    background:#f3eee3;

    color:#876526;

    font-size:9px;

    font-weight:950;

}


.sps-country-trigger-arrow{

    color:#876526;

    font-size:9px;

}


.sps-country-panel-v2{

    position:absolute;

    top:calc(100% + 10px);

    right:0;

    width:390px;

    max-height:
        min(
            650px,
            calc(100vh - 100px)
        );

    overflow:auto;

    padding:15px;

    box-sizing:border-box;

    border:1px solid #e0e5e8;

    border-radius:18px;

    background:#fff;

    box-shadow:
        0 30px 90px
        rgba(5,20,32,.24);

    opacity:0;

    visibility:hidden;

    pointer-events:none;

    transform:
        translateY(-6px);

    transition:
        opacity .16s ease,
        transform .16s ease,
        visibility .16s ease;

}


.sps-country-pref-v2.is-open
.sps-country-panel-v2{

    opacity:1;

    visibility:visible;

    pointer-events:auto;

    transform:none;

}


.sps-country-panel-head{

    padding:
        2px 2px 13px;

    border-bottom:
        1px solid #edf0f2;

}


.sps-country-panel-head strong{

    display:block;

    color:#0c1b27;

    font-size:15px;

}


.sps-country-panel-head small{

    display:block;

    margin-top:4px;

    color:#74808a;

    font-size:10px;

    line-height:1.4;

}


.sps-country-grid-v2{

    display:grid;

    grid-template-columns:
        1fr 1fr;

    gap:7px;

    margin-top:12px;

}


.sps-country-option-v2{

    min-height:64px;

    padding:8px 9px;

    display:grid;

    grid-template-columns:
        31px 1fr;

    align-items:center;

    gap:9px;

    border:1px solid #e5e9ec;

    border-radius:11px;

    background:#fff;

    cursor:pointer;

    text-align:left;

}


.sps-country-option-v2:hover,
.sps-country-option-v2.is-selected{

    border-color:#cfae62;

    background:#f6f1e7;

}


.sps-country-option-flag{

    display:block;

    width:29px;

    height:20px;

}


.sps-country-option-v2 b{

    display:block;

    color:#172631;

    font-size:11px;

    line-height:1.2;

}


.sps-country-option-v2 small{

    display:block;

    margin-top:3px;

    color:#7e8991;

    font-size:9px;

    line-height:1.25;

}


/* ============================================================
   ARABIC FORMAT + FONT
   ============================================================ */

html[dir="rtl"] body.sps-country-ar{

    direction:rtl;

    font-family:
        Tahoma,
        "Segoe UI",
        Arial,
        sans-serif !important;

}


html[dir="rtl"]
body.sps-country-ar
h1,

html[dir="rtl"]
body.sps-country-ar
h2,

html[dir="rtl"]
body.sps-country-ar
h3,

html[dir="rtl"]
body.sps-country-ar
h4,

html[dir="rtl"]
body.sps-country-ar
button,

html[dir="rtl"]
body.sps-country-ar
input,

html[dir="rtl"]
body.sps-country-ar
select,

html[dir="rtl"]
body.sps-country-ar
textarea{

    font-family:
        Tahoma,
        "Segoe UI",
        Arial,
        sans-serif !important;

}


/* Keep logo/flags/media normal */

html[dir="rtl"]
.sps-country-pref-v2{

    direction:ltr;

}


/* ============================================================
   HINDI FORMAT + FONT
   ============================================================ */

body.sps-country-hi{

    direction:ltr;

    font-family:
        "Nirmala UI",
        Mangal,
        "Segoe UI",
        Arial,
        sans-serif !important;

}


body.sps-country-hi
h1,

body.sps-country-hi
h2,

body.sps-country-hi
h3,

body.sps-country-hi
h4,

body.sps-country-hi
button,

body.sps-country-hi
input,

body.sps-country-hi
select,

body.sps-country-hi
textarea{

    font-family:
        "Nirmala UI",
        Mangal,
        "Segoe UI",
        Arial,
        sans-serif !important;

}


/* ============================================================
   AWARD SLIDESHOW

   FULL FRAME + FULL ORIGINAL PHOTO

   Background covers entire frame.
   Foreground keeps entire original image visible.
   Faces / heads are not cropped.
   ============================================================ */

html body
[data-award-carousel]{

    position:relative !important;

    overflow:hidden !important;

}


html body
[data-award-carousel]
.award-carousel-viewport{

    position:relative !important;

    width:100% !important;

    height:
        clamp(
            430px,
            38vw,
            600px
        ) !important;

    min-height:430px !important;

    overflow:hidden !important;

    background:#071725 !important;

}


html body
[data-award-carousel]
.award-carousel-slide{

    position:absolute !important;

    inset:0 !important;

    width:100% !important;

    height:100% !important;

    margin:0 !important;

    overflow:hidden !important;

    background:#071725 !important;

}


html body
[data-award-carousel]
.award-carousel-slide::before{

    content:"" !important;

    position:absolute !important;

    inset:-28px !important;

    z-index:0 !important;

    background-image:
        var(
            --sps-award-bg
        ) !important;

    background-position:
        center !important;

    background-size:
        cover !important;

    background-repeat:
        no-repeat !important;

    filter:
        blur(20px)
        brightness(.52)
        saturate(.9) !important;

    transform:
        scale(1.10) !important;

}


html body
[data-award-carousel]
.award-carousel-slide::after{

    content:"" !important;

    position:absolute !important;

    inset:0 !important;

    z-index:1 !important;

    background:
        linear-gradient(
            180deg,
            rgba(4,17,28,.03),
            rgba(4,17,28,.12)
        ) !important;

    pointer-events:none !important;

}


html body
[data-award-carousel]
.award-carousel-slide img{

    position:absolute !important;

    inset:0 !important;

    z-index:2 !important;

    display:block !important;

    width:100% !important;

    height:100% !important;

    max-width:none !important;

    max-height:none !important;

    margin:0 !important;

    padding:0 !important;

    object-fit:
        contain !important;

    object-position:
        center center !important;

    background:
        transparent !important;

    transform:none !important;

}


html body
[data-award-carousel]
.award-carousel-slide figcaption{

    position:absolute !important;

    z-index:4 !important;

}


html body
[data-award-carousel]
.award-carousel-controls{

    position:relative !important;

    z-index:8 !important;

}


@media(max-width:760px){

    .sps-country-trigger-v2{

        width:54px;

        min-width:54px;

        padding:0;

        justify-content:center;

    }


    .sps-country-trigger-name,
    .sps-country-trigger-lang,
    .sps-country-trigger-arrow{

        display:none;

    }


    .sps-country-panel-v2{

        position:fixed;

        top:82px;

        left:12px;

        right:12px;

        width:auto;

    }


    .sps-country-grid-v2{

        grid-template-columns:1fr;

    }


    html body
    [data-award-carousel]
    .award-carousel-viewport{

        height:
            clamp(
                340px,
                115vw,
                500px
            ) !important;

        min-height:340px !important;

    }

}


/* SPS COUNTRY + SLIDE FINAL END */




















/* SPS STATIC AWARD IMAGE START */


/* ============================================================
   SINGLE STATIC AWARD PHOTO
   ============================================================ */

html body .award-feature-media.award-static-media{

    position:relative !important;

    width:100% !important;

    height:auto !important;

    min-height:0 !important;

    max-height:none !important;

    margin:0 !important;

    padding:0 !important;

    overflow:hidden !important;

    border-radius:28px !important;

    background:transparent !important;

    box-shadow:
        0 18px 55px
        rgba(7,23,37,.14) !important;

    align-self:start !important;

}


/*
IMPORTANT:

Natural image dimensions determine the height.

No object-fit cover.
No crop.
No fake left/right border.
*/

html body
.award-feature-media.award-static-media
> img{

    position:relative !important;

    display:block !important;

    width:100% !important;

    height:auto !important;

    max-width:100% !important;

    max-height:none !important;

    margin:0 !important;

    padding:0 !important;

    object-fit:contain !important;

    object-position:center !important;

    border:0 !important;

    border-radius:28px !important;

    background:transparent !important;

    transform:none !important;

}


/* ============================================================
   SMALL PROFESSIONAL CAPTION
   ============================================================ */

html body
.award-static-caption{

    position:absolute !important;

    left:28px !important;

    bottom:24px !important;

    z-index:5 !important;

    width:auto !important;

    max-width:
        calc(
            100% - 56px
        ) !important;

    padding:
        13px 18px !important;

    border-radius:14px !important;

    background:
        rgba(
            5,
            20,
            32,
            .92
        ) !important;

    backdrop-filter:
        blur(12px) !important;

    color:#fff !important;

    box-shadow:
        0 10px 35px
        rgba(
            0,
            0,
            0,
            .22
        ) !important;

}


html body
.award-static-caption span{

    display:block !important;

    margin-bottom:3px !important;

    color:#dfc37b !important;

    font-size:10px !important;

    font-weight:850 !important;

    letter-spacing:.12em !important;

    text-transform:uppercase !important;

}


html body
.award-static-caption b{

    display:block !important;

    color:#fff !important;

    font-size:
        clamp(
            14px,
            1.3vw,
            18px
        ) !important;

    line-height:1.25 !important;

}


/* ============================================================
   KEEP LEFT CONTENT + RIGHT IMAGE BALANCED
   ============================================================ */

html body
.award-feature-grid{

    align-items:center !important;

}


/* ============================================================
   MOBILE
   ============================================================ */

@media(max-width:760px){

    html body
    .award-feature-media.award-static-media{

        width:100% !important;

        border-radius:20px !important;

    }


    html body
    .award-feature-media.award-static-media
    > img{

        width:100% !important;

        height:auto !important;

        border-radius:20px !important;

    }


    html body
    .award-static-caption{

        left:14px !important;

        right:14px !important;

        bottom:14px !important;

        max-width:none !important;

    }

}


/* SPS STATIC AWARD IMAGE END */



/* SPS STATIC AWARD SIZE FIX START */

/* ============================================================
   AWARD SECTION BALANCE
   Text left + professional standard-size image right
   ============================================================ */

html body .award-feature-grid{
    display:grid !important;
    grid-template-columns:minmax(0,1.05fr) minmax(460px,.95fr) !important;
    gap:54px !important;
    align-items:center !important;
}


/* ============================================================
   RIGHT STATIC IMAGE FRAME
   ============================================================ */

html body
.award-feature-media.award-static-media{

    width:min(100%,650px) !important;

    height:auto !important;

    aspect-ratio:4 / 3 !important;

    min-height:0 !important;
    max-height:540px !important;

    justify-self:end !important;
    align-self:center !important;

    margin:0 !important;
    padding:0 !important;

    overflow:hidden !important;

    border-radius:26px !important;

    background:#071725 !important;

    box-shadow:
        0 22px 60px
        rgba(7,23,37,.16) !important;

}


/* ============================================================
   IMAGE
   Fill professional frame, but keep important people visible
   ============================================================ */

html body
.award-feature-media.award-static-media
> img{

    position:relative !important;

    display:block !important;

    width:100% !important;
    height:100% !important;

    max-width:none !important;
    max-height:none !important;

    margin:0 !important;
    padding:0 !important;

    object-fit:cover !important;

    /*
       Keep faces / upper body visible.
    */
    object-position:center 28% !important;

    border-radius:26px !important;

    transform:none !important;

}


/* Caption remains neat and proportional */

html body
.award-static-caption{

    left:20px !important;
    right:20px !important;
    bottom:18px !important;

    width:auto !important;
    max-width:520px !important;

    padding:11px 15px !important;

}


/* ============================================================
   MEDIUM DESKTOP / LAPTOP
   ============================================================ */

@media(max-width:1200px){

    html body .award-feature-grid{

        grid-template-columns:
            minmax(0,1fr)
            minmax(400px,.9fr) !important;

        gap:36px !important;

    }


    html body
    .award-feature-media.award-static-media{

        width:min(100%,580px) !important;
        max-height:500px !important;

    }

}


/* ============================================================
   TABLET / MOBILE
   ============================================================ */

@media(max-width:900px){

    html body .award-feature-grid{

        grid-template-columns:1fr !important;
        gap:28px !important;

    }


    html body
    .award-feature-media.award-static-media{

        width:min(100%,680px) !important;

        justify-self:center !important;

        aspect-ratio:4 / 3 !important;

        max-height:none !important;

    }

}


@media(max-width:600px){

    html body
    .award-feature-media.award-static-media{

        width:100% !important;

        aspect-ratio:4 / 3 !important;

        border-radius:20px !important;

    }


    html body
    .award-feature-media.award-static-media
    > img{

        border-radius:20px !important;

        object-position:center 25% !important;

    }

}

/* SPS STATIC AWARD SIZE FIX END */


/* SPS SMALL AWARD IMAGE INCREASE START */

/* Only slightly increase the right-side award image */

html body .award-feature-grid{
    grid-template-columns:
        minmax(0,1fr)
        minmax(500px,1fr) !important;

    gap:44px !important;
}

html body
.award-feature-media.award-static-media{

    width:min(100%,700px) !important;

    max-height:570px !important;

    justify-self:end !important;
}


/* keep tablet proportion balanced */

@media(max-width:1200px){

    html body
    .award-feature-media.award-static-media{

        width:min(100%,620px) !important;

        max-height:520px !important;

    }

}

/* SPS SMALL AWARD IMAGE INCREASE END */


/* SPS TEAM CONTACT BUTTON PROFESSIONAL START */

html body .team-contact,
html body .leadership-card .team-contact,
html body .agent-card .team-contact{

    display:inline-flex !important;

    align-items:center !important;

    justify-content:center !important;

    width:auto !important;

    min-width:118px !important;

    height:40px !important;

    padding:0 18px !important;

    margin-top:14px !important;

    border:1px solid #caa85e !important;

    border-radius:999px !important;

    background:#ffffff !important;

    color:#0b1925 !important;

    font-size:12px !important;

    font-weight:800 !important;

    letter-spacing:.02em !important;

    line-height:1 !important;

    cursor:pointer !important;

    box-shadow:none !important;

    transition:
        background .2s ease,
        color .2s ease,
        border-color .2s ease,
        transform .2s ease !important;

}


html body .team-contact:hover,
html body .leadership-card .team-contact:hover,
html body .agent-card .team-contact:hover{

    background:#0b1925 !important;

    color:#ffffff !important;

    border-color:#0b1925 !important;

    transform:translateY(-1px) !important;

}


/* mobile */

@media(max-width:760px){

    html body .team-contact{

        min-width:108px !important;

        height:38px !important;

        padding:0 16px !important;

        font-size:11px !important;

    }

}

/* SPS TEAM CONTACT BUTTON PROFESSIONAL END */






/* SPS TEAM CONTACT ALIGNMENT START */


/* ============================================================
   SAME HEIGHT TEAM CARDS
   ============================================================ */

html body .leadership-grid{

    align-items:stretch !important;

}


html body .leadership-card{

    display:flex !important;

    flex-direction:column !important;

    height:100% !important;

}


/* image stays unchanged */

html body .leadership-card .leadership-image{

    flex:0 0 auto !important;

}


/* ============================================================
   CONTENT AREA
   Make every card use same vertical structure
   ============================================================ */

html body .leadership-card > div:last-child{

    display:flex !important;

    flex-direction:column !important;

    flex:1 1 auto !important;

    min-height:245px !important;

}


/* name */

html body .leadership-card h3{

    margin-bottom:14px !important;

}


/* role text gets equal reserved area */

html body .leadership-card h3 + p{

    min-height:68px !important;

    margin-bottom:12px !important;

}


/* ============================================================
   PHONE
   Reserve consistent phone area on all cards
   ============================================================ */

html body .leadership-card .agent-direct-phone{

    display:inline-flex !important;

    align-items:center !important;

    min-height:30px !important;

    margin-top:auto !important;

    margin-bottom:10px !important;

}


/* ============================================================
   CONTACT BUTTON
   Same size + same bottom position
   ============================================================ */

html body .leadership-card .team-contact{

    width:150px !important;

    min-width:150px !important;

    height:46px !important;

    margin-top:auto !important;

    margin-bottom:0 !important;

    padding:0 20px !important;

    display:inline-flex !important;

    align-items:center !important;

    justify-content:center !important;

    align-self:flex-start !important;

    border-radius:999px !important;

}


/* ============================================================
   JOEL PHONE + BUTTON
   Keep both neat without moving button lower
   ============================================================ */

html body .leadership-card
.agent-direct-phone + .team-contact{

    margin-top:0 !important;

}


/* ============================================================
   DESKTOP:
   Force final button baseline equal
   ============================================================ */

@media(min-width:901px){

    html body .leadership-card{

        min-height:600px !important;

    }


    html body .leadership-card > div:last-child{

        position:relative !important;

        padding-bottom:82px !important;

    }


    html body .leadership-card .team-contact{

        position:absolute !important;

        left:0 !important;

        bottom:0 !important;

    }


    /*
    If card content wrapper already has padding,
    keep button aligned with the text start.
    */

    html body .leadership-card > div:last-child
    .team-contact{

        left:0 !important;

    }

}


/* mobile returns to normal flow */

@media(max-width:900px){

    html body .leadership-card{

        min-height:0 !important;

    }


    html body .leadership-card > div:last-child{

        min-height:0 !important;

        padding-bottom:0 !important;

    }


    html body .leadership-card .team-contact{

        position:relative !important;

        left:auto !important;

        bottom:auto !important;

        margin-top:18px !important;

    }

}


/* SPS TEAM CONTACT ALIGNMENT END */


/* SPS TEAM STANDARD SIZE START */


/* ============================================================
   STANDARD 4-CARD GRID
   ============================================================ */

html body .leadership-grid{

    display:grid !important;

    grid-template-columns:
        repeat(4,minmax(0,1fr)) !important;

    gap:20px !important;

    align-items:stretch !important;

}


/* ============================================================
   CARD
   Remove previous excessive height
   ============================================================ */

html body .leadership-card{

    display:flex !important;

    flex-direction:column !important;

    width:100% !important;

    height:auto !important;

    min-height:520px !important;

    max-height:560px !important;

    margin:0 !important;

    overflow:hidden !important;

    background:#ffffff !important;

}


/* ============================================================
   PHOTO
   Standard professional height
   ============================================================ */

html body .leadership-card .leadership-image{

    width:100% !important;

    height:300px !important;

    min-height:300px !important;

    max-height:300px !important;

    overflow:hidden !important;

    flex:0 0 300px !important;

}


html body .leadership-card .leadership-image img{

    width:100% !important;

    height:100% !important;

    max-height:none !important;

    object-fit:cover !important;

    object-position:center 18% !important;

    display:block !important;

}


/* ============================================================
   CONTENT
   Compact + balanced
   ============================================================ */

html body .leadership-card > div:last-child{

    position:relative !important;

    display:block !important;

    flex:1 1 auto !important;

    min-height:220px !important;

    height:auto !important;

    padding:
        20px 22px
        74px !important;

}


/* name */

html body .leadership-card h3{

    margin:
        0 0 10px !important;

    font-size:
        clamp(
            22px,
            1.55vw,
            27px
        ) !important;

    line-height:1.15 !important;

}


/* role */

html body .leadership-card h3 + p{

    min-height:50px !important;

    margin:
        0 0 10px !important;

    font-size:16px !important;

    line-height:1.55 !important;

}


/* ============================================================
   JOEL PHONE
   Keep phone above button without stretching card
   ============================================================ */

html body
.leadership-card
.agent-direct-phone{

    position:absolute !important;

    left:22px !important;

    bottom:73px !important;

    min-height:0 !important;

    margin:0 !important;

    font-size:13px !important;

    line-height:1.2 !important;

}


/* ============================================================
   ALL 4 CONTACT BUTTONS
   Same size + same exact level
   ============================================================ */

html body
.leadership-card
.team-contact{

    position:absolute !important;

    left:22px !important;

    bottom:20px !important;

    width:132px !important;

    min-width:132px !important;

    height:40px !important;

    min-height:40px !important;

    margin:0 !important;

    padding:0 16px !important;

    display:inline-flex !important;

    align-items:center !important;

    justify-content:center !important;

    border-radius:999px !important;

    font-size:12px !important;

}


/* ============================================================
   LAPTOP
   ============================================================ */

@media(max-width:1200px){

    html body .leadership-grid{

        gap:15px !important;

    }


    html body .leadership-card{

        min-height:500px !important;

        max-height:540px !important;

    }


    html body
    .leadership-card
    .leadership-image{

        height:280px !important;

        min-height:280px !important;

        max-height:280px !important;

        flex-basis:280px !important;

    }


    html body
    .leadership-card
    > div:last-child{

        min-height:220px !important;

        padding:
            18px 18px
            70px !important;

    }


    html body
    .leadership-card
    .team-contact{

        left:18px !important;

        bottom:18px !important;

    }


    html body
    .leadership-card
    .agent-direct-phone{

        left:18px !important;

        bottom:70px !important;

    }

}


/* ============================================================
   TABLET
   ============================================================ */

@media(max-width:900px){

    html body .leadership-grid{

        grid-template-columns:
            repeat(2,1fr) !important;

    }


    html body .leadership-card{

        max-height:none !important;

    }

}


/* ============================================================
   MOBILE
   ============================================================ */

@media(max-width:600px){

    html body .leadership-grid{

        grid-template-columns:
            1fr !important;

    }


    html body .leadership-card{

        min-height:0 !important;

        max-height:none !important;

    }


    html body
    .leadership-card
    .leadership-image{

        height:320px !important;

        min-height:320px !important;

        max-height:320px !important;

        flex-basis:320px !important;

    }

}


/* SPS TEAM STANDARD SIZE END */


/* SMALL TEAM PHOTO + SMALL CONTACT BUTTON FIX START */

html body .leadership-card .leadership-image{
    height:260px !important;
    min-height:260px !important;
    max-height:260px !important;
    flex:0 0 260px !important;
}

html body .leadership-card .leadership-image img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center 18% !important;
}

html body .leadership-card{
    min-height:470px !important;
    max-height:500px !important;
}

html body .leadership-card > div:last-child{
    padding:18px 20px 68px !important;
    min-height:190px !important;
}

html body .leadership-card h3{
    font-size:clamp(18px,1.35vw,22px) !important;
    line-height:1.15 !important;
    margin:0 0 10px !important;
}

html body .leadership-card h3 + p{
    font-size:15px !important;
    line-height:1.5 !important;
    margin:0 0 10px !important;
}

html body .leadership-card .agent-direct-phone{
    left:20px !important;
    bottom:62px !important;
    font-size:12px !important;
    line-height:1.2 !important;
}

html body .leadership-card .team-contact{
    left:20px !important;
    bottom:18px !important;
    width:112px !important;
    min-width:112px !important;
    height:34px !important;
    min-height:34px !important;
    padding:0 14px !important;
    border-radius:999px !important;
    font-size:11px !important;
    font-weight:700 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
}

@media(max-width:1200px){
    html body .leadership-card .leadership-image{
        height:240px !important;
        min-height:240px !important;
        max-height:240px !important;
        flex-basis:240px !important;
    }

    html body .leadership-card{
        min-height:450px !important;
        max-height:490px !important;
    }
}

@media(max-width:900px){
    html body .leadership-grid{
        grid-template-columns:repeat(2,1fr) !important;
    }

    html body .leadership-card{
        max-height:none !important;
    }
}

@media(max-width:600px){
    html body .leadership-grid{
        grid-template-columns:1fr !important;
    }

    html body .leadership-card .leadership-image{
        height:280px !important;
        min-height:280px !important;
        max-height:280px !important;
        flex-basis:280px !important;
    }

    html body .leadership-card{
        min-height:0 !important;
        max-height:none !important;
    }
}

/* SMALL TEAM PHOTO + SMALL CONTACT BUTTON FIX END */


/* CONTACT BUTTON CENTER ALIGN FIX START */

html body .leadership-card .team-contact,
html body .team-photo-card .team-contact,
html body .agent-card .team-contact{
    left:50% !important;
    right:auto !important;
    transform:translateX(-50%) !important;
    margin-left:0 !important;
    margin-right:0 !important;
    text-align:center !important;
    justify-content:center !important;
}

/* CONTACT BUTTON CENTER ALIGN FIX END */


/* SPS CONTACT BUTTON CENTER FINAL START */

/*
Remove previous absolute/left positioning.
Use normal flex alignment so buttons cannot go outside cards.
*/

html body .leadership-card > div:last-child{
    display:flex !important;
    flex-direction:column !important;
}


/* Phone stays above button */

html body .leadership-card .agent-direct-phone{
    position:static !important;

    display:block !important;

    width:100% !important;

    min-height:20px !important;

    margin:
        auto 0 10px !important;

    text-align:center !important;
}


/* All four Contact buttons */

html body .leadership-card .team-contact{

    position:static !important;

    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    top:auto !important;

    transform:none !important;

    align-self:center !important;

    margin:
        auto auto 18px !important;

    width:112px !important;
    min-width:112px !important;

    height:34px !important;
    min-height:34px !important;

    padding:0 14px !important;

    display:inline-flex !important;

    align-items:center !important;
    justify-content:center !important;

    text-align:center !important;

    border-radius:999px !important;

}


/* Joel: phone directly above centered button */

html body .leadership-card
.agent-direct-phone + .team-contact{

    margin:
        0 auto 18px !important;

}


/* SPS CONTACT BUTTON CENTER FINAL END */


/* SPS JOEL PHONE + CONTACT ALIGN FINAL START */


/* ============================================================
   MAKE CONTENT AREA SAME HEIGHT
   ============================================================ */

html body .leadership-card > div:last-child{

    position:relative !important;

    display:block !important;

    min-height:210px !important;

    padding:
        18px 20px
        70px !important;

}


/* ============================================================
   JOEL PHONE:
   hide old separate phone row
   ============================================================ */

html body
.leadership-card
.agent-direct-phone{

    display:none !important;

}


/* ============================================================
   JOEL PHONE:
   show directly after Malaysia (SEA)
   ============================================================ */

html body
.leadership-card:has(.agent-direct-phone)
h3 + p::after{

    content:"  +60 16 3312486";

    display:inline !important;

    margin-left:10px !important;

    color:#9a6a10 !important;

    font-size:13px !important;

    font-weight:800 !important;

    white-space:nowrap !important;

}


/* ============================================================
   ALL 4 CONTACT BUTTONS
   EXACT SAME BOTTOM LEVEL
   ============================================================ */

html body
.leadership-card
.team-contact{

    position:absolute !important;

    left:50% !important;

    right:auto !important;

    bottom:18px !important;

    top:auto !important;

    transform:
        translateX(-50%) !important;

    width:112px !important;

    min-width:112px !important;

    height:34px !important;

    min-height:34px !important;

    margin:0 !important;

    padding:0 14px !important;

    display:flex !important;

    align-items:center !important;

    justify-content:center !important;

    text-align:center !important;

    border-radius:999px !important;

}


/* Mobile */

@media(max-width:600px){

    html body
    .leadership-card
    > div:last-child{

        min-height:200px !important;

    }


    html body
    .leadership-card:has(.agent-direct-phone)
    h3 + p::after{

        display:block !important;

        margin:
            6px 0 0 !important;

    }

}


/* SPS JOEL PHONE + CONTACT ALIGN FINAL END */


/* =========================================================
   TEAM CONTACT BUTTON ALIGN + VISIBILITY FIX
   ========================================================= */

html body .leadership-card,
html body .team-photo-card{
    display:flex !important;
    flex-direction:column !important;
    height:100% !important;
    overflow:visible !important;
}

html body .leadership-card > div:last-child,
html body .team-photo-card > div:last-child{
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
    flex:1 1 auto !important;
    min-height:260px !important;
    padding:24px 28px 28px !important;
    box-sizing:border-box !important;
    overflow:visible !important;
}

/* kill old absolute / broken button positioning */
html body .leadership-card .team-contact,
html body .team-photo-card .team-contact,
html body .leadership-card a.team-contact,
html body .team-photo-card a.team-contact{
    position:static !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    transform:none !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:160px !important;
    min-width:160px !important;
    max-width:160px !important;
    height:46px !important;
    min-height:46px !important;

    margin-top:auto !important;
    margin-left:auto !important;
    margin-right:auto !important;
    margin-bottom:0 !important;

    padding:0 18px !important;
    box-sizing:border-box !important;

    border-radius:999px !important;
    text-align:center !important;
    white-space:nowrap !important;
    overflow:visible !important;
}

/* clean text inside button */
html body .leadership-card .team-contact,
html body .team-photo-card .team-contact,
html body .leadership-card .team-contact *,
html body .team-photo-card .team-contact *{
    font-size:16px !important;
    font-weight:700 !important;
    line-height:1 !important;
}

/* keep Joel phone neat */
html body .leadership-card .agent-direct-phone,
html body .team-photo-card .agent-direct-phone{
    margin-top:10px !important;
    margin-bottom:18px !important;
}

/* spacing below designation text */
html body .leadership-card p,
html body .team-photo-card p{
    margin-bottom:14px !important;
}

@media (max-width:1100px){
    html body .leadership-card > div:last-child,
    html body .team-photo-card > div:last-child{
        min-height:230px !important;
    }
}

@media (max-width:650px){
    html body .leadership-card .team-contact,
    html body .team-photo-card .team-contact,
    html body .leadership-card a.team-contact,
    html body .team-photo-card a.team-contact{
        width:150px !important;
        min-width:150px !important;
        max-width:150px !important;
        height:44px !important;
        min-height:44px !important;
    }

    html body .leadership-card > div:last-child,
    html body .team-photo-card > div:last-child{
        min-height:210px !important;
        padding:20px 20px 24px !important;
    }
}

/* =========================================================
   END FIX
   ========================================================= */


/* SPS FINAL TEAM CONTACT CENTER START */


/* ---------------------------------------------------------
   CONTENT AREA
   --------------------------------------------------------- */

html body .leadership-card > div:last-child{

    display:flex !important;

    flex-direction:column !important;

    align-items:stretch !important;

    position:relative !important;

    min-height:260px !important;

    padding:
        24px 28px
        26px !important;

    box-sizing:border-box !important;

}


/* ---------------------------------------------------------
   NORMAL CONTACT BUTTONS
   PANKAJ / TRIYANK / ANIL / JOEL
   --------------------------------------------------------- */

html body .leadership-card .team-contact{

    position:static !important;

    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;

    transform:none !important;

    align-self:center !important;

    width:160px !important;
    min-width:160px !important;
    max-width:160px !important;

    height:46px !important;
    min-height:46px !important;

    margin:
        auto auto
        0 !important;

    padding:
        0 18px !important;

    display:flex !important;

    align-items:center !important;

    justify-content:center !important;

    text-align:center !important;

    border-radius:999px !important;

    box-sizing:border-box !important;

}


/* ---------------------------------------------------------
   JOEL PHONE
   Center directly above his Contact button
   --------------------------------------------------------- */

html body .leadership-card .agent-direct-phone{

    position:static !important;

    display:block !important;

    align-self:center !important;

    width:auto !important;

    min-height:0 !important;

    margin:
        auto auto
        12px !important;

    padding:0 !important;

    text-align:center !important;

    white-space:nowrap !important;

}


/* Joel button follows phone without extra movement */

html body
.leadership-card
.agent-direct-phone
+ .team-contact{

    margin:
        0 auto
        0 !important;

}


/* ---------------------------------------------------------
   IF PHONE IS CURRENTLY GENERATED INSIDE ROLE TEXT
   CENTER THAT TOO
   --------------------------------------------------------- */

html body
.leadership-card:has(.agent-direct-phone)
h3 + p{

    text-align:left !important;

}


html body
.leadership-card:has(.agent-direct-phone)
h3 + p::after{

    display:block !important;

    width:100% !important;

    margin:
        10px 0
        0 !important;

    text-align:center !important;

    white-space:nowrap !important;

}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media(max-width:600px){

    html body .leadership-card > div:last-child{

        min-height:230px !important;

        padding:
            20px 20px
            24px !important;

    }


    html body .leadership-card .team-contact{

        width:150px !important;

        min-width:150px !important;

        max-width:150px !important;

        height:44px !important;

        min-height:44px !important;

    }

}


/* SPS FINAL TEAM CONTACT CENTER END */



/* SPS LANGUAGE COMPARE PERMANENT HIDE START */


/* LANGUAGE PREFERENCE */

.sps-preferences,
.sps-preference-control,
.sps-country-control,
.sps-country-language,
.sps-market-picker-final,
.sps-market-language,
.sps-region-language,
.sps-locale-v3,
.sps-final-locale,
.sps-i18n-picker,
.language-preference,
.language-selector,
.language-switcher,
.locale-selector,
[data-sps-country-v2],
[data-sps-i18n-picker],
[data-sps-final-locale],
[data-language-preference],
[data-language-selector]{

    display:none !important;

}


/* COMPARE */

[data-open-compare],
[data-compare],
[data-compare-count],
.compare-dot,
.mobile-compare-action,
.desktop-compare-action,
.compare-button,
.compare-btn{

    display:none !important;

}


/* SPS LANGUAGE COMPARE PERMANENT HIDE END */


/* SPS JOEL DUPLICATE LOWER PHONE REMOVE START */

/* Hide the original separate phone row.
   The number beside Malaysia (SEA) remains visible. */

html body .leadership-card .agent-direct-phone{
    display:none !important;
}


/* Keep Joel Contact button aligned with the other three */

html body .leadership-card .agent-direct-phone + .team-contact{
    margin-top:auto !important;
    margin-left:auto !important;
    margin-right:auto !important;
    margin-bottom:0 !important;
}

/* SPS JOEL DUPLICATE LOWER PHONE REMOVE END */


/* SPS AWARD SLIDER FINAL CSS START */


/* ==========================================================
   MAIN FRAME
   ========================================================== */

html body
.award-feature
.award-static-media {

    position: relative !important;

    display: block !important;

    width: 100% !important;

    height:
        clamp(
            500px,
            43vw,
            650px
        ) !important;

    min-height: 0 !important;
    max-height: none !important;

    aspect-ratio: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;

    border-radius:
        18px !important;

    background:
        #07131d !important;

    overflow:
        hidden !important;

    box-shadow:
        0 24px 65px
        rgba(4,16,25,.18) !important;

}


/* Remove old static caption */

html body
.award-feature
.award-static-media
.award-static-caption {

    display:
        none !important;

}


/* ==========================================================
   SLIDER
   ========================================================== */

html body
.award-feature
.sps-award-slider-final {

    position:
        absolute !important;

    inset:
        0 !important;

    width:
        100% !important;

    height:
        100% !important;

    overflow:
        hidden !important;

    background:
        #07131d !important;

}


/* ==========================================================
   TWO CROSSFADE LAYERS
   ========================================================== */

html body
.award-feature
.sps-award-slide-final {

    position:
        absolute !important;

    inset:
        0 !important;

    width:
        100% !important;

    height:
        100% !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    opacity:
        0 !important;

    overflow:
        hidden !important;

    pointer-events:
        none !important;

    transition:
        opacity
        1.4s
        cubic-bezier(.22,.61,.36,1)
        !important;

}


html body
.award-feature
.sps-award-slide-final.is-active {

    opacity:
        1 !important;

    z-index:
        2 !important;

}


/* ==========================================================
   FULL-FRAME BACKGROUND

   Same photo fills the outer frame.
   It prevents ugly empty left/right borders.
   ========================================================== */

html body
.award-feature
.sps-award-backdrop-final {

    position:
        absolute !important;

    inset:
        -32px !important;

    z-index:
        0 !important;

    background-position:
        center center !important;

    background-repeat:
        no-repeat !important;

    background-size:
        cover !important;

    filter:
        blur(25px)
        brightness(.58)
        saturate(.90)
        !important;

    transform:
        scale(1.10) !important;

    opacity:
        .78 !important;

}


/* Subtle dark layer so foreground remains premium */

html body
.award-feature
.sps-award-slide-final::after {

    content:
        "" !important;

    position:
        absolute !important;

    inset:
        0 !important;

    z-index:
        1 !important;

    background:
        linear-gradient(
            90deg,
            rgba(5,17,27,.10),
            rgba(5,17,27,.01) 25%,
            rgba(5,17,27,.01) 75%,
            rgba(5,17,27,.10)
        ) !important;

    pointer-events:
        none !important;

}


/* ==========================================================
   SHARP ORIGINAL PHOTO

   CONTAIN:
   - no face crop
   - no head crop
   - full portrait visible
   - full landscape visible
   ========================================================== */

html body
.award-feature
.sps-award-image-final {

    position:
        absolute !important;

    inset:
        0 !important;

    z-index:
        2 !important;

    display:
        block !important;

    width:
        100% !important;

    height:
        100% !important;

    min-width:
        0 !important;

    min-height:
        0 !important;

    max-width:
        none !important;

    max-height:
        none !important;

    margin:
        0 !important;

    padding:
        0 !important;

    object-fit:
        contain !important;

    object-position:
        center center !important;

    border:
        0 !important;

    border-radius:
        0 !important;

    background:
        transparent !important;

    box-shadow:
        none !important;

    transform:
        none !important;

}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 1000px) {

    html body
    .award-feature
    .award-static-media {

        height:
            clamp(
                480px,
                70vw,
                620px
            ) !important;

    }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 600px) {

    html body
    .award-feature
    .award-static-media {

        height:
            min(
                118vw,
                620px
            ) !important;

        min-height:
            430px !important;

        border-radius:
            14px !important;

    }


    html body
    .award-feature
    .sps-award-backdrop-final {

        inset:
            -24px !important;

        filter:
            blur(21px)
            brightness(.57)
            saturate(.88)
            !important;

    }

}


/* Accessibility */

@media (
    prefers-reduced-motion:
    reduce
) {

    html body
    .award-feature
    .sps-award-slide-final {

        transition:
            none !important;

    }

}


/* SPS AWARD SLIDER FINAL CSS END */



/* ============================================================
   SPS AWARD FULL FRAME NO BACKGROUND START
   ============================================================ */


/* Remove blurred / dark side background completely */

html body
.award-feature
.sps-award-backdrop-final {

    display: none !important;

}


/* Frame itself has no dark background */

html body
.award-feature
.award-static-media,
html body
.award-feature
.sps-award-slider-final,
html body
.award-feature
.sps-award-slide-final {

    background: transparent !important;

}


/* Photo now fills the COMPLETE frame */

html body
.award-feature
.sps-award-image-final {

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;

    /*
       Keep faces safely toward upper-middle area.
    */
    object-position: center 25% !important;

}


/* Pankaj first photo */

html body
.award-feature
.sps-award-image-final[src*="pankaj.webp"] {

    object-position: center 22% !important;

}


/* Thailand award */

html body
.award-feature
.sps-award-image-final[src*="thailand-awards-summit"] {

    object-position: center 28% !important;

}


/* Jacqueline */

html body
.award-feature
.sps-award-image-final[src*="jacqueline-fernandez"] {

    object-position: center 23% !important;

}


/* Bipasha */

html body
.award-feature
.sps-award-image-final[src*="bipasha-basu"] {

    object-position: center 25% !important;

}


/* Korn Dabbaransi */

html body
.award-feature
.sps-award-image-final[src*="korn-dabbaransi"] {

    object-position: center 24% !important;

}


/* Rakul Preet */

html body
.award-feature
.sps-award-image-final[src*="rakul-preet-award"] {

    object-position: center 23% !important;

}


/* Leadership award */

html body
.award-feature
.sps-award-image-final[src*="maya-narolia"] {

    object-position: center center !important;

}


/* Malaysia award */

html body
.award-feature
.sps-award-image-final[src*="joel-tee-malaysia"] {

    object-position: center 22% !important;

}


/* Faster but still premium fade */

html body
.award-feature
.sps-award-slide-final {

    transition:
        opacity
        .75s
        ease-in-out
        !important;

}


/* No fake side overlay */

html body
.award-feature
.sps-award-slide-final::after {

    display: none !important;

}


/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 600px) {

    html body
    .award-feature
    .sps-award-image-final {

        object-position:
            center 24% !important;

    }

}


/* SPS AWARD FULL FRAME NO BACKGROUND END */



/* AWARD HERO PHOTO POSITION FIX START */
.award-carousel img[src*="global-business-award-2026"],
.award-carousel img[src*="global-business-award-2026-updated"],
.awards-carousel img[src*="global-business-award-2026"],
.awards-carousel img[src*="global-business-award-2026-updated"],
.award-slider img[src*="global-business-award-2026"],
.award-slider img[src*="global-business-award-2026-updated"],
.awards-slider img[src*="global-business-award-2026"],
.awards-slider img[src*="global-business-award-2026-updated"],
.home-awards-carousel img[src*="global-business-award-2026"],
.home-awards-carousel img[src*="global-business-award-2026-updated"],
.award-hero img[src*="global-business-award-2026"],
.award-hero img[src*="global-business-award-2026-updated"],
.awards-hero img[src*="global-business-award-2026"],
.awards-hero img[src*="global-business-award-2026-updated"]{
  object-fit: cover !important;
  object-position: 52% 12% !important;
}

.award-carousel [style*="global-business-award-2026"],
.awards-carousel [style*="global-business-award-2026"],
.award-slider [style*="global-business-award-2026"],
.awards-slider [style*="global-business-award-2026"],
.home-awards-carousel [style*="global-business-award-2026"],
.award-hero [style*="global-business-award-2026"],
.awards-hero [style*="global-business-award-2026"]{
  background-size: cover !important;
  background-position: 52% 12% !important;
}
/* AWARD HERO PHOTO POSITION FIX END */


/* SINGLE AWARD PHOTO FACE FIX START */
.award-carousel img[src*="global-business-award-2026.jpeg"],
.award-carousel img[src*="global-business-award-2026-updated"],
.awards-carousel img[src*="global-business-award-2026.jpeg"],
.awards-carousel img[src*="global-business-award-2026-updated"],
.award-slider img[src*="global-business-award-2026.jpeg"],
.award-slider img[src*="global-business-award-2026-updated"],
.awards-slider img[src*="global-business-award-2026.jpeg"],
.awards-slider img[src*="global-business-award-2026-updated"],
.home-awards-carousel img[src*="global-business-award-2026.jpeg"],
.home-awards-carousel img[src*="global-business-award-2026-updated"],
.award-hero img[src*="global-business-award-2026.jpeg"],
.award-hero img[src*="global-business-award-2026-updated"],
.awards-hero img[src*="global-business-award-2026.jpeg"],
.awards-hero img[src*="global-business-award-2026-updated"]{
  object-fit: cover !important;
  object-position: 50% 0% !important;
}

.award-carousel [style*="global-business-award-2026"],
.awards-carousel [style*="global-business-award-2026"],
.award-slider [style*="global-business-award-2026"],
.awards-slider [style*="global-business-award-2026"],
.home-awards-carousel [style*="global-business-award-2026"],
.award-hero [style*="global-business-award-2026"],
.awards-hero [style*="global-business-award-2026"]{
  background-size: cover !important;
  background-position: 50% 0% !important;
}
/* SINGLE AWARD PHOTO FACE FIX END */


/* SPS EXACT GLOBAL AWARD PHOTO FIX START */

/*
ONLY this award photograph.

Keep the top of the original photo visible.
Any necessary cover-crop happens from the LOWER area,
not from the faces/head area.
*/

html body
.award-feature
.sps-award-slider-final
.sps-award-image-final[src*="global-business-award-2026-updated.webp"] {

    object-fit: cover !important;

    object-position:
        50% 0% !important;

    transform:
        none !important;

}


/*
Fast smooth transition for 1-second slideshow.
*/

html body
.award-feature
.sps-award-slide-final {

    transition:
        opacity
        .30s
        ease-in-out
        !important;

}

/* SPS EXACT GLOBAL AWARD PHOTO FIX END */


/* SPS EXACT GLOBAL AWARD PHOTO FIX START */

/*
ONLY this award photograph.

Keep the top of the original photo visible.
Any necessary cover-crop happens from the LOWER area,
not from the faces/head area.
*/

html body
.award-feature
.sps-award-slider-final
.sps-award-image-final[src*="global-business-award-2026-updated.webp"] {

    object-fit: cover !important;

    object-position:
        50% 0% !important;

    transform:
        none !important;

}


/*
Fast smooth transition for 1-second slideshow.
*/

html body
.award-feature
.sps-award-slide-final {

    transition:
        opacity
        .30s
        ease-in-out
        !important;

}

/* SPS EXACT GLOBAL AWARD PHOTO FIX END */


/* SPS KORN FULL PHOTO HEAD SAFE FIX START */

/*
Only this one photograph.
Keep original top edge visible so forehead and hair
are never removed by center cropping.
*/

html body
.award-feature
.sps-award-slider-final
.sps-award-image-final[src*="korn-dabbaransi-thailand-award-2026.jpg"] {

    object-fit: cover !important;

    object-position:
        center top !important;

    transform:
        none !important;

}

/* SPS KORN FULL PHOTO HEAD SAFE FIX END */


/* SPS BURJ KHALIFA HOME HERO START */

/* keep homepage content above the photo */
html body .global-hero .original-hero-inner,
html body .global-hero .project-rail {
    position: relative;
    z-index: 3;
}

/* SPS BURJ KHALIFA HOME HERO END */


/* SPS BRIGHT DUBAI HOME FINAL START */

/* ONLY HOME PAGE MAIN HERO */
html body .hero.original-hero.global-hero {
    background-image:
        linear-gradient(
            90deg,
            rgba(6,18,29,.46) 0%,
            rgba(6,18,29,.30) 38%,
            rgba(6,18,29,.12) 68%,
            rgba(6,18,29,.05) 100%
        ),
        url("/assets/images/home/home-page-bright.jpg?v=20261012") !important;

    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

/* Keep new image bright and clear */
html body .global-hero .hero-noise {
    opacity: .05 !important;
}

html body .global-hero .original-hero-inner,
html body .global-hero .project-rail {
    position: relative;
    z-index: 3;
}

/* SPS BRIGHT DUBAI HOME FINAL END */

/* BURJ HERO VIEW FIX START */
.home-hero,
.hero-section,
.hero-banner,
.home-banner,
.network-hero,
.global-network-hero {
  background-size: cover !important;
  background-position: center 32% !important;
  min-height: 680px !important;
}

@media (max-width: 1200px) {
  .home-hero,
  .hero-section,
  .hero-banner,
  .home-banner,
  .network-hero,
  .global-network-hero {
    background-position: center 28% !important;
    min-height: 620px !important;
  }
}

@media (max-width: 768px) {
  .home-hero,
  .hero-section,
  .hero-banner,
  .home-banner,
  .network-hero,
  .global-network-hero {
    background-position: center 25% !important;
    min-height: 540px !important;
  }
}
/* BURJ HERO VIEW FIX END */


/* SPS BURJ KHALIFA TOP FULL VISIBLE START */

/* Desktop only - keep the TOP of the Dubai image visible */
@media (min-width: 901px) {

    html body .hero.original-hero.global-hero {
        background-position: 50% 0% !important;
    }

}

/* Keep current mobile/tablet behaviour */
@media (max-width: 900px) {

    html body .hero.original-hero.global-hero {
        background-position: center top !important;
    }

}

/* SPS BURJ KHALIFA TOP FULL VISIBLE END */

/* SPS FOUNDER PHOTO FULL COVER START */
html body .founder-message-photo {
    position: relative !important;
    overflow: hidden !important;
    min-height: 520px !important;
    height: 100% !important;
}

html body .founder-message-photo img {
    width: 100% !important;
    height: 100% !important;
    min-height: 520px !important;
    display: block !important;
    object-fit: cover !important;
    object-position: 62% center !important;
}
/* SPS FOUNDER PHOTO FULL COVER END */



/* SPS AWARDS FOUNDER PROFESSIONAL LAYOUT START */

/* Professional balanced desktop layout */
html body .founder-message-grid {
    display: grid !important;
    grid-template-columns: minmax(390px, 39%) minmax(0, 61%) !important;
    gap: 56px !important;
    align-items: center !important;
}

html body .founder-message-photo {
    width: 100% !important;
    height: 560px !important;
    min-height: 560px !important;
    overflow: hidden !important;
    border-radius: 0 !important;
}

html body .founder-message-photo img {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    display: block !important;
    object-fit: cover !important;
    object-position: 60% center !important;
}

/* Keep content comfortably aligned */
html body .founder-message-grid > .reveal:last-child {
    padding-left: 6px !important;
    padding-right: 28px !important;
}

/* Medium screens */
@media (max-width: 1200px) {
    html body .founder-message-grid {
        grid-template-columns: minmax(360px, 40%) minmax(0, 60%) !important;
        gap: 40px !important;
    }

    html body .founder-message-photo {
        height: 520px !important;
        min-height: 520px !important;
    }
}

/* Mobile */
@media (max-width: 900px) {
    html body .founder-message-grid {
        grid-template-columns: 1fr !important;
        gap: 28px !important;
    }

    html body .founder-message-photo {
        height: 440px !important;
        min-height: 440px !important;
    }

    html body .founder-message-grid > .reveal:last-child {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

/* SPS AWARDS FOUNDER PROFESSIONAL LAYOUT END */

/* SPS AWARD SLIDER UNIFORM PROFESSIONAL FRAME START */

/* MAIN AWARD IMAGE AREA - SAME SIZE FOR ALL */
html body .award-feature .award-static-media,
html body .award-feature .sps-award-slider-final,
html body .award-feature .award-page-event,
html body .award-feature figure {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 680px !important;
    min-height: 680px !important;
    overflow: hidden !important;
    background: #04182b !important;
    border-radius: 28px !important;
}

/* EACH SLIDE MUST FILL EXACT SAME FRAME */
html body .award-feature .sps-award-slide-final,
html body .award-feature .sps-award-slide-final picture,
html body .award-feature .sps-award-slide-final a {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ALL AWARD IMAGES SAME SIZE + FULL COVER */
html body .award-feature .sps-award-image-final,
html body .award-feature .award-static-media img,
html body .award-feature .sps-award-slide-final img,
html body .award-feature .award-page-event img,
html body .award-feature figure img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* REMOVE ANY INNER EMPTY AREA / BACKDROP */
html body .award-feature .sps-award-backdrop-final,
html body .award-feature .award-image-backdrop,
html body .award-feature .award-photo-backdrop {
    display: none !important;
}

/* IF ANY WRAPPER IS CAUSING SMALL/BIG FEEL */
html body .award-feature .award-static-media > *,
html body .award-feature .sps-award-slider-final > *,
html body .award-feature .award-page-event > *,
html body .award-feature figure > * {
    width: 100% !important;
    height: 100% !important;
}

/* KEEP SLIDE CLEAN */
html body .award-feature .sps-award-slide-final {
    opacity: 0 !important;
    transition: opacity 0.35s ease-in-out !important;
    z-index: 1 !important;
}

html body .award-feature .sps-award-slide-final.is-active,
html body .award-feature .sps-award-slide-final.active,
html body .award-feature .sps-award-slide-final.current,
html body .award-feature .sps-award-slide-final[aria-hidden="false"] {
    opacity: 1 !important;
    z-index: 2 !important;
}

/* DESKTOP */
@media (min-width: 1400px) {
    html body .award-feature .award-static-media,
    html body .award-feature .sps-award-slider-final,
    html body .award-feature .award-page-event,
    html body .award-feature figure {
        height: 720px !important;
        min-height: 720px !important;
    }
}

/* TABLET */
@media (max-width: 1200px) {
    html body .award-feature .award-static-media,
    html body .award-feature .sps-award-slider-final,
    html body .award-feature .award-page-event,
    html body .award-feature figure {
        height: 560px !important;
        min-height: 560px !important;
    }
}

/* MOBILE */
@media (max-width: 767px) {
    html body .award-feature .award-static-media,
    html body .award-feature .sps-award-slider-final,
    html body .award-feature .award-page-event,
    html body .award-feature figure {
        height: 420px !important;
        min-height: 420px !important;
        border-radius: 18px !important;
    }
}

/* SPS AWARD SLIDER UNIFORM PROFESSIONAL FRAME END */


/* SPS PREMIUM PHASE 1 START */

.sps-premium-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 40px;
    margin-bottom: 34px;
}

.sps-premium-heading > div {
    max-width: 760px;
}

.sps-premium-heading h2 {
    margin: 8px 0 10px;
    font-size: clamp(34px, 4vw, 58px);
    line-height: 1.02;
}

.sps-premium-heading p {
    max-width: 650px;
    margin: 0;
    color: #69757d;
}


/* ============================================================
   LUXURY COLLECTIONS
   ============================================================ */

.sps-luxury-collections {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(
            circle at 90% 10%,
            rgba(201,164,87,.13),
            transparent 28%
        ),
        linear-gradient(
            180deg,
            #f8f6f0,
            #ffffff
        );
}

.sps-collection-grid {
    display: grid;
    grid-template-columns:
        repeat(4, minmax(0,1fr));
    gap: 16px;
}

.sps-collection-card {
    position: relative;
    min-height: 390px;
    padding: 34px 30px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    text-decoration: none;
    background:
        linear-gradient(
            155deg,
            #071c2c 0%,
            #102f40 65%,
            #183f50 100%
        );
    color: #fff;
    border:
        1px solid
        rgba(255,255,255,.10);
    box-shadow:
        0 24px 65px
        rgba(7,24,36,.12);
    transition:
        transform .4s ease,
        box-shadow .4s ease,
        border-color .4s ease;
}

.sps-collection-card::before {
    content: "";
    position: absolute;
    width: 210px;
    height: 210px;
    right: -90px;
    top: -90px;
    border-radius: 50%;
    border:
        1px solid
        rgba(212,170,85,.25);
}

.sps-collection-card::after {
    content: "";
    position: absolute;
    left: 30px;
    right: 30px;
    bottom: 25px;
    height: 1px;
    background:
        linear-gradient(
            90deg,
            #d1ad68,
            transparent
        );
}

.sps-collection-card:hover {
    transform: translateY(-9px);
    border-color:
        rgba(212,170,85,.55);
    box-shadow:
        0 34px 85px
        rgba(7,24,36,.22);
}

.sps-collection-card > small {
    position: relative;
    z-index: 2;
    font:
        600 48px/1
        Georgia, serif;
    color:
        rgba(212,170,85,.30);
    margin-bottom: auto;
}

.sps-collection-card > span {
    position: relative;
    z-index: 2;
    margin-top: 60px;
    color: #d7b56d;
    letter-spacing: .17em;
    font-size: 10px;
    font-weight: 800;
}

.sps-collection-card h3 {
    position: relative;
    z-index: 2;
    color: #fff;
    font-size: 28px;
    margin: 9px 0;
}

.sps-collection-card p {
    position: relative;
    z-index: 2;
    color: #c4d0d7;
    font-size: 14px;
    line-height: 1.65;
}

.sps-collection-card b {
    position: relative;
    z-index: 2;
    margin-top: 14px;
    color: #e4c681;
    font-size: 12px;
}


/* ============================================================
   PRIVATE CLIENT DESK
   ============================================================ */

.sps-private-client {
    background:
        linear-gradient(
            180deg,
            #ffffff,
            #f5f2eb
        );
}

.sps-private-client-shell {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns:
        .95fr 1.05fr;
    gap: 70px;
    padding: 70px;
    background:
        linear-gradient(
            135deg,
            #061928,
            #0c2a3b 60%,
            #12394a
        );
    color: #fff;
    box-shadow:
        0 34px 90px
        rgba(6,23,35,.18);
}

.sps-private-client-shell::before {
    content: "SPS";
    position: absolute;
    right: -10px;
    bottom: -55px;
    font:
        800 190px/1
        Georgia, serif;
    color:
        rgba(255,255,255,.025);
    pointer-events: none;
}

.sps-private-client-copy {
    position: relative;
    z-index: 2;
}

.sps-private-client-copy .eyebrow {
    color: #d7b56d;
}

.sps-private-client-copy h2 {
    max-width: 650px;
    margin: 12px 0 18px;
    color: #fff;
    font-size:
        clamp(38px, 5vw, 66px);
    line-height: 1.02;
}

.sps-private-client-copy p {
    max-width: 610px;
    margin-bottom: 28px;
    color: #c3d0d7;
    font-size: 16px;
    line-height: 1.75;
}

.sps-private-client-steps {
    position: relative;
    z-index: 2;
    border-top:
        1px solid
        rgba(255,255,255,.13);
}

.sps-private-client-steps article {
    display: grid;
    grid-template-columns:
        64px 1fr;
    gap: 20px;
    padding: 23px 0;
    border-bottom:
        1px solid
        rgba(255,255,255,.13);
}

.sps-private-client-steps article > span {
    color: #d6b56f;
    font:
        600 29px/1
        Georgia, serif;
}

.sps-private-client-steps small {
    color: #d6b56f;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .16em;
}

.sps-private-client-steps h3 {
    color: #fff;
    margin: 5px 0;
    font-size: 22px;
}

.sps-private-client-steps p {
    margin: 0;
    color: #aebfc8;
    font-size: 13px;
    line-height: 1.6;
}


/* ============================================================
   RECENTLY VIEWED
   ============================================================ */

.sps-recently-viewed {
    background:
        linear-gradient(
            180deg,
            #fff,
            #faf8f3
        );
}

.sps-recent-grid {
    display: grid;
    grid-template-columns:
        repeat(4, minmax(0,1fr));
    gap: 18px;
}

.sps-recent-card {
    overflow: hidden;
    display: block;
    text-decoration: none;
    color: #102431;
    background: #fff;
    border:
        1px solid
        rgba(16,36,49,.11);
    box-shadow:
        0 18px 45px
        rgba(10,30,43,.07);
    transition:
        transform .35s ease,
        box-shadow .35s ease;
}

.sps-recent-card:hover {
    transform: translateY(-7px);
    box-shadow:
        0 26px 65px
        rgba(10,30,43,.14);
}

.sps-recent-media {
    height: 220px;
    overflow: hidden;
    background: #e8e5de;
}

.sps-recent-media img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform .6s ease;
}

.sps-recent-card:hover
.sps-recent-media img {
    transform: scale(1.045);
}

.sps-recent-copy {
    padding: 22px;
}

.sps-recent-copy small {
    color: #9a7b3b;
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.sps-recent-copy h3 {
    margin: 8px 0 12px;
    font-size: 21px;
    line-height: 1.25;
}

.sps-recent-copy strong {
    display: block;
    margin-bottom: 14px;
    color: #102431;
}

.sps-recent-copy span {
    color: #9b7731;
    font-size: 12px;
    font-weight: 850;
}


/* ============================================================
   RESPONSIVE
   ============================================================ */

@media (max-width: 1100px) {

    .sps-collection-grid,
    .sps-recent-grid {
        grid-template-columns:
            repeat(2, minmax(0,1fr));
    }

    .sps-private-client-shell {
        grid-template-columns: 1fr;
        gap: 45px;
        padding: 55px;
    }
}

@media (max-width: 700px) {

    .sps-premium-heading {
        display: block;
    }

    .sps-premium-heading .btn {
        margin-top: 20px;
    }

    .sps-collection-grid,
    .sps-recent-grid {
        grid-template-columns: 1fr;
    }

    .sps-collection-card {
        min-height: 330px;
    }

    .sps-private-client-shell {
        padding: 35px 25px;
    }

    .sps-private-client-copy h2 {
        font-size: 38px;
    }

    .sps-private-client-steps article {
        grid-template-columns:
            48px 1fr;
    }

    .sps-recent-media {
        height: 250px;
    }
}

/* SPS PREMIUM PHASE 1 END */

/* SPS PREMIUM COMPACT PROFESSIONAL SCALE START */

/* =========================================================
   GLOBAL PREMIUM DENSITY
   Less oversized, more refined
   ========================================================= */

html body .section {
    padding-top: 68px !important;
    padding-bottom: 68px !important;
}

html body .section-head {
    gap: 26px !important;
    margin-bottom: 28px !important;
}

html body .section-head h2,
html body .sps-premium-heading h2 {
    font-size: clamp(30px, 3vw, 46px) !important;
    line-height: 1.08 !important;
    letter-spacing: -.025em !important;
}

html body .section-head p,
html body .sps-premium-heading p {
    font-size: 14px !important;
    line-height: 1.65 !important;
}


/* =========================================================
   NORMAL BODY CONTENT
   ========================================================= */

html body .section p:not(.founder-statement) {
    font-size: 14px;
    line-height: 1.68;
}

html body .eyebrow {
    font-size: 9px !important;
    letter-spacing: .16em !important;
}

html body .muted {
    font-size: 14px;
}


/* =========================================================
   BUTTONS - SMALLER / MORE LUXURY
   ========================================================= */

html body .btn {
    min-height: 42px !important;
    padding: 11px 18px !important;
    font-size: 11px !important;
    letter-spacing: .04em !important;
}

html body .btn-lg {
    min-height: 46px !important;
    padding: 13px 22px !important;
}


/* =========================================================
   COMMON CARD SPACING
   ========================================================= */

html body .card-body {
    padding: 20px !important;
}

html body .info-card {
    padding: 25px !important;
}

html body .investment-card {
    min-height: 175px !important;
    padding: 22px !important;
}

html body .investment-card h3 {
    margin-top: 18px !important;
    font-size: 20px !important;
}

html body .why-item {
    min-height: 195px !important;
    padding: 26px !important;
}

html body .why-item h3 {
    margin-top: 18px !important;
    font-size: 21px !important;
}


/* =========================================================
   PROPERTY LISTING - LESS BULKY
   ========================================================= */

html body .property-filter-pro {
    padding: 20px !important;
    gap: 11px !important;
    margin-bottom: 18px !important;
}

html body .results-meta strong {
    font-size: 24px !important;
}

html body .property-alert-panel {
    margin-top: 34px !important;
    padding: 26px !important;
    gap: 28px !important;
}


/* PROPERTY DETAIL MAIN IMAGE */
/* Awards images are intentionally NOT included */

html body .property-detail-premium .detail-media {
    min-height: 440px !important;
}

html body .property-detail-premium .detail-media img {
    min-height: 440px !important;
}

html body .detail-price {
    font-size: clamp(28px, 3vw, 40px) !important;
    margin-bottom: 16px !important;
}

html body .detail-actions {
    gap: 7px !important;
    margin-top: 16px !important;
}


/* =========================================================
   VIEWING SECTION
   ========================================================= */

html body .viewing-panel {
    gap: 36px !important;
    padding: 32px !important;
}

html body .viewing-panel h2 {
    font-size: clamp(28px, 3vw, 42px) !important;
}


/* =========================================================
   BLOG - SMALLER PROFESSIONAL CARDS
   ========================================================= */

html body .blog-media {
    height: 215px !important;
    overflow: hidden !important;
}

html body .blog-media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

html body .blog-grid h3,
html body .editorial-grid h3 {
    font-size: 20px !important;
    line-height: 1.28 !important;
}


/* =========================================================
   LEADERSHIP / TEAM
   ========================================================= */

html body .leadership-image,
html body .team-photo {
    height: 300px !important;
}

html body .leadership-image img,
html body .team-photo img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

html body .team-avatar {
    width: 125px !important;
    height: 125px !important;
}

html body .team-card {
    padding: 24px !important;
}


/* =========================================================
   DEVELOPERS
   ========================================================= */

html body .react-developer-card {
    min-height: 175px !important;
    padding: 17px 12px !important;
}

html body .developer-logo-box {
    height: 70px !important;
    margin-bottom: 13px !important;
}

html body .developer-logo-box img {
    max-height: 50px !important;
}

html body .developer-detail {
    padding: 28px !important;
}

html body .developer-detail h3 {
    font-size: 30px !important;
}


/* =========================================================
   PROPERTY JOURNEY
   ========================================================= */

html body .react-transaction {
    padding: 28px !important;
}

html body .transaction-detail {
    min-height: 185px !important;
    padding-top: 28px !important;
    padding-bottom: 28px !important;
}

html body .transaction-detail h3 {
    font-size: 34px !important;
}


/* =========================================================
   NEW LUXURY COLLECTIONS - MORE REFINED
   ========================================================= */

html body .sps-luxury-collections .sps-collection-grid {
    gap: 14px !important;
}

html body .sps-luxury-collections .sps-collection-card {
    min-height: 315px !important;
    padding: 27px 24px !important;
}

html body .sps-collection-card > small {
    font-size: 38px !important;
}

html body .sps-collection-card > span {
    margin-top: 38px !important;
    font-size: 8px !important;
}

html body .sps-collection-card h3 {
    font-size: 23px !important;
    margin: 7px 0 !important;
}

html body .sps-collection-card p {
    font-size: 13px !important;
}

html body .sps-collection-card b {
    font-size: 11px !important;
}


/* =========================================================
   PRIVATE CLIENT DESK
   ========================================================= */

html body .sps-private-client-shell {
    gap: 52px !important;
    padding: 48px !important;
}

html body .sps-private-client-copy h2 {
    font-size: clamp(34px, 4vw, 50px) !important;
    line-height: 1.05 !important;
}

html body .sps-private-client-copy p {
    font-size: 14px !important;
    line-height: 1.7 !important;
}

html body .sps-private-client-steps article {
    padding: 18px 0 !important;
}

html body .sps-private-client-steps article > span {
    font-size: 24px !important;
}

html body .sps-private-client-steps h3 {
    font-size: 18px !important;
}

html body .sps-private-client-steps p {
    font-size: 12px !important;
}


/* =========================================================
   RECENTLY VIEWED - SMALLER PROPERTY CARDS
   ========================================================= */

html body .sps-recent-grid {
    gap: 15px !important;
}

html body .sps-recent-media {
    height: 185px !important;
}

html body .sps-recent-copy {
    padding: 17px !important;
}

html body .sps-recent-copy h3 {
    font-size: 18px !important;
    margin: 6px 0 9px !important;
}


/* =========================================================
   CONTACT / FORMS
   ========================================================= */

html body .field label {
    font-size: 11px !important;
}

html body .field input,
html body .field select,
html body .field textarea {
    font-size: 13px !important;
}

html body input,
html body select {
    min-height: 43px;
}


/* =========================================================
   IMPORTANT:
   HOMEPAGE BURJ HERO AND AWARD GALLERY ARE NOT RESIZED HERE
   ========================================================= */


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1050px) {

    html body .section {
        padding-top: 56px !important;
        padding-bottom: 56px !important;
    }

    html body .property-detail-premium .detail-media,
    html body .property-detail-premium .detail-media img {
        min-height: 390px !important;
    }

    html body .sps-private-client-shell {
        padding: 40px !important;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 760px) {

    html body .section {
        padding-top: 42px !important;
        padding-bottom: 42px !important;
    }

    html body .section-head h2,
    html body .sps-premium-heading h2 {
        font-size: 30px !important;
    }

    html body .section-head {
        margin-bottom: 22px !important;
    }

    html body .property-detail-premium .detail-media,
    html body .property-detail-premium .detail-media img {
        min-height: 310px !important;
    }

    html body .blog-media {
        height: 205px !important;
    }

    html body .leadership-image,
    html body .team-photo {
        height: 280px !important;
    }

    html body .viewing-panel {
        padding: 22px !important;
    }

    html body .sps-luxury-collections .sps-collection-card {
        min-height: 285px !important;
        padding: 24px 21px !important;
    }

    html body .sps-private-client-shell {
        padding: 30px 23px !important;
    }

    html body .sps-private-client-copy h2 {
        font-size: 34px !important;
    }

    html body .sps-recent-media {
        height: 215px !important;
    }
}

/* SPS PREMIUM COMPACT PROFESSIONAL SCALE END */

/* SPS AGENTS NEW BURJ HERO START */

/*
   ONLY /agents page.
   Leadership/team photos are NOT touched.
*/

html.sps-agents-page .page-hero,
body.sps-agents-page .page-hero {
    background-image:
        linear-gradient(
            90deg,
            rgba(4,18,29,.75) 0%,
            rgba(4,18,29,.62) 38%,
            rgba(4,18,29,.42) 68%,
            rgba(4,18,29,.32) 100%
        ),
        url("/assets/images/home/home-page-bright.jpg?v=20261012") !important;

    background-size: cover !important;

    /* Burj tower stays visible */
    background-position: center 28% !important;

    background-repeat: no-repeat !important;
}

/* Keep text readable but allow new image to show */
html.sps-agents-page .page-hero::before,
body.sps-agents-page .page-hero::before {
    opacity: .22 !important;
}

/* Desktop */
@media (min-width: 1200px) {

    html.sps-agents-page .page-hero,
    body.sps-agents-page .page-hero {
        background-position: center 22% !important;
    }
}

/* Mobile / tablet */
@media (max-width: 900px) {

    html.sps-agents-page .page-hero,
    body.sps-agents-page .page-hero {
        background-position: center top !important;
    }
}

/* SPS AGENTS NEW BURJ HERO END */

/* SPS TEAM OFFICE GROUPING STYLE START */

.sps-agent-office-groups {
    display: grid;
    gap: 52px;
}

.sps-agent-office-block {
    display: block;
}

.sps-agent-office-heading {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 24px;
    margin-bottom: 22px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(15,35,51,.14);
}

.sps-agent-office-heading h3 {
    margin: 5px 0 3px;
    font: 600 clamp(25px,3vw,36px)/1.1 Georgia,serif;
    color: var(--page-dark);
}

.sps-agent-office-heading p {
    margin: 0;
    color: #687781;
    font-size: 13px;
}

.sps-agent-office-count {
    display: grid;
    width: 48px;
    height: 48px;
    place-items: center;
    border: 1px solid rgba(190,151,75,.55);
    color: #9b7731;
    font: 700 14px Georgia,serif;
}

.sps-agent-office-block .agents-grid {
    margin-top: 0;
}

/* Muzahid and office-team photos */
img[src*="muzahid-khan"] {
    object-fit: cover !important;
    object-position: center top !important;
}

@media (max-width: 760px) {

    .sps-agent-office-groups {
        gap: 38px;
    }

    .sps-agent-office-heading {
        align-items: center;
    }

    .sps-agent-office-heading h3 {
        font-size: 27px;
    }
}

/* SPS TEAM OFFICE GROUPING STYLE END */

/* ===== SPS MANAGER REVIEW UPDATE 2026-09-05 ===== */
.country-market-field select{
  min-width:170px;
}
.search-smart-summary{
  padding:14px;
  border-bottom:1px solid rgba(20,40,59,.12);
  background:#f7f4ed;
}
.search-smart-summary>a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  color:inherit;
}
.search-smart-summary>a small{
  color:#6d787e;
}
.search-type-suggestions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:10px;
}
.search-type-suggestions a{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:7px 10px;
  border:1px solid #ded6c8;
  background:#fff;
  font-size:12px;
  font-weight:700;
  color:#203846;
}
.search-type-suggestions a b{
  display:inline-grid;
  place-items:center;
  min-width:22px;
  height:22px;
  border-radius:999px;
  background:#102b3b;
  color:#fff;
  font-size:10px;
}
.search-summary{
  background:#f7f4ed;
}
.career-clean-grid{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);
  gap:34px;
  align-items:start;
}
.career-clean .career-job{
  margin-bottom:16px;
}
.crm-notification-panel{
  margin:0 0 24px;
  padding:18px 20px;
  border:1px solid rgba(181,138,59,.35);
  border-left:4px solid #b58a3b;
  background:#fffaf0;
  box-shadow:0 10px 30px rgba(18,35,45,.07);
}
.crm-notification-title{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:12px;
}
.crm-notification-title>b{
  margin-left:auto;
  padding:5px 9px;
  border-radius:999px;
  background:#102b3b;
  color:#fff;
  font-size:11px;
}
.crm-notification-dot{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#b58a3b;
  box-shadow:0 0 0 5px rgba(181,138,59,.14);
}
.crm-notification-items{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.crm-notification-items span{
  padding:8px 10px;
  border:1px solid rgba(20,40,59,.1);
  background:#fff;
  font-size:12px;
}
.crm-notification-items b{
  margin-left:5px;
}
@media(max-width:900px){
  .career-clean-grid{grid-template-columns:1fr}
}
/* ===== SPS PROPERTY FILTER AUTOCOMPLETE FIX 2026-09-05 ===== */
.property-filter-pro .smart-filter-search{
  position:relative;
}
.property-filter-pro .property-filter-suggestions{
  position:absolute;
  left:0;
  right:0;
  top:calc(100% + 7px);
  z-index:250;
  max-height:390px;
  overflow:auto;
  border:1px solid rgba(18,41,57,.14);
  border-radius:14px;
  background:#fff;
  box-shadow:0 22px 55px rgba(9,28,42,.16);
}
.property-filter-pro .property-filter-suggestions:not(.open){
  display:none;
}
.property-filter-pro .property-filter-suggestions.open{
  display:block;
}
.property-filter-pro .property-filter-suggestions .search-suggestion{
  display:block;
  padding:12px 14px;
  border-bottom:1px solid rgba(18,41,57,.08);
}
.property-filter-pro .property-filter-suggestions .search-suggestion:last-child{
  border-bottom:0;
}
.property-filter-pro .property-filter-suggestions .search-suggestion strong,
.property-filter-pro .property-filter-suggestions .search-suggestion small{
  display:block;
}
.property-filter-pro .property-filter-suggestions .search-suggestion small{
  margin-top:4px;
  color:#6b7680;
}
/* SPS INNER PAGE DUBAI HERO BACKGROUNDS START */
/* Scoped to the three requested navigation pages; homepage and content imagery stay unchanged. */
html body.page-about .sps-page-hero{
    background-image:
        linear-gradient(90deg,rgba(3,15,26,.58) 0%,rgba(3,15,26,.34) 48%,rgba(3,15,26,.10) 100%),
        url('/assets/images/stock/about-dubai-background.jpg') !important;
    background-size:cover !important;
    background-position:center 18% !important;
    background-repeat:no-repeat !important;
}

html body.page-services .sps-page-hero{
    background-image:
        linear-gradient(90deg,rgba(3,15,26,.58) 0%,rgba(3,15,26,.32) 48%,rgba(3,15,26,.08) 100%),
        url('/assets/images/stock/services-dubai-background.jpg') !important;
    background-size:cover !important;
    background-position:center 22% !important;
    background-repeat:no-repeat !important;
}

html body.page-properties .sps-page-hero{
    background-image:
        linear-gradient(90deg,rgba(2,12,24,.54) 0%,rgba(2,12,24,.28) 48%,rgba(2,12,24,.06) 100%),
        url('/assets/images/stock/properties-dubai-background.jpg') !important;
    background-size:cover !important;
    background-position:center 16% !important;
    background-repeat:no-repeat !important;
}

html body.page-about .sps-page-hero::after,
html body.page-services .sps-page-hero::after,
html body.page-properties .sps-page-hero::after{
    background:linear-gradient(180deg,transparent 62%,rgba(3,13,22,.20)) !important;
}

html body.page-about .sps-page-hero .container,
html body.page-services .sps-page-hero .container,
html body.page-properties .sps-page-hero .container{
    text-shadow:0 3px 18px rgba(0,0,0,.72);
}

@media(max-width:760px){
    html body.page-about .sps-page-hero{
        background-position:56% center !important;
    }

    html body.page-services .sps-page-hero{
        background-position:48% center !important;
    }

    html body.page-properties .sps-page-hero{
        background-position:43% center !important;
    }
}
/* SPS INNER PAGE DUBAI HERO BACKGROUNDS END */

/* Premium SPS property-advisor floating icon */
.experience-main{
  display:grid;
  place-items:center;
  overflow:hidden;
  background:linear-gradient(145deg,#061622,#0b2b3e);
  border:1.5px solid #d6b36a;
  color:#efd69e;
  box-shadow:
    0 14px 36px rgba(2,14,24,.30),
    inset 0 0 0 3px rgba(214,179,106,.06);
}

.experience-icon{
  width:34px;
  height:34px;
  display:block;
  color:#efd69e;
  transition:transform .22s ease,filter .22s ease;
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.22));
}

.experience-main:hover .experience-icon{
  transform:scale(1.07);
  filter:drop-shadow(0 3px 7px rgba(214,179,106,.28));
}


/* SPS MOBILE AWARD LAYOUT FIX START */

/*
ONLY fixes the award section on tablet/phone.
Desktop award slider/images remain unchanged.
*/

@media (max-width: 900px) {

    html body .award-feature-grid {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 28px !important;

        width: 100% !important;
        max-width: 100% !important;

        align-items: start !important;
    }

    html body .award-feature-copy {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    html body .award-feature-media,
    html body .award-feature-media.award-static-media {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        justify-self: stretch !important;
    }
}


/* PHONE */
@media (max-width: 600px) {

    html body .award-feature {
        overflow: hidden !important;
    }

    html body .award-feature-grid {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }

    html body .award-feature-copy h2 {
        font-size: clamp(34px, 10vw, 43px) !important;
        line-height: 1.06 !important;
    }

    html body .award-feature-copy > p {
        font-size: 16px !important;
        line-height: 1.65 !important;
    }

    html body .award-feature-media,
    html body .award-feature-media.award-static-media {
        margin: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* SPS MOBILE AWARD LAYOUT FIX END */

/* Phone-only top bar: full brand name above the contact links. */
@media (max-width:600px) {
    .sps-topbar .container { padding:8px 16px 2px; }
    .sps-topbar .topbar-left {
        display:grid;
        grid-template-columns:auto auto;
        justify-content:center;
        column-gap:18px;
        row-gap:2px;
        width:100%;
        min-width:0;
    }
    .sps-topbar .global-presence {
        grid-column:1 / -1;
        justify-self:center;
        white-space:nowrap;
        font-size:10px;
        line-height:1.6;
    }
    .sps-topbar .topbar-contact {
        display:flex;
        align-items:center;
        justify-content:center;
        min-height:36px;
        white-space:nowrap;
        font-size:12px;
        line-height:1.4;
    }
}
@media (max-width:350px) {
    .sps-topbar .topbar-left { grid-template-columns:1fr; row-gap:0; }
    .sps-topbar .topbar-contact { min-height:32px; }
}

/* SPS CRM quick actions (2026-10-01): enquiry reference + one-tap Call / WhatsApp / Email for staff. */
.crm-ref{display:inline-flex;margin-top:4px;padding:2px 7px;border-radius:6px;background:#f2ede1;color:#6d531f;font-size:10px;font-weight:900;letter-spacing:.05em;font-variant-numeric:tabular-nums}
.crm-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.crm-actions .btn-sm{padding:5px 10px;font-size:11px;min-height:30px}

/* SPS global network map + live office clocks (2026-10-01). */
.network-map{position:relative;aspect-ratio:1000/420;margin:34px 0 28px;border-radius:22px;overflow:hidden;background:#07121d;box-shadow:0 28px 70px rgba(7,18,29,.22);border:1px solid rgba(214,179,106,.25)}
.network-map-land,.network-map-arcs{position:absolute;inset:0;width:100%;height:100%;display:block}
.network-map-land{object-fit:cover}
.network-arc{fill:none;stroke:#d6b36a;stroke-width:1.6;vector-effect:non-scaling-stroke;stroke-linecap:round}
.network-arc.is-active{stroke-dasharray:6 9;animation:networkFlow 2.6s linear infinite}
.network-arc.is-soon{stroke-opacity:.45;stroke-dasharray:2 8}
@keyframes networkFlow{to{stroke-dashoffset:-30}}
.network-pin{position:absolute;width:0;height:0;color:#fff;z-index:2}
.network-dot{position:absolute;left:-7px;top:-7px;width:14px;height:14px;border-radius:50%;background:#d6b36a;box-shadow:0 0 0 4px rgba(214,179,106,.22);transition:transform .2s}
.network-pin.is-active .network-dot:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid #d6b36a;animation:networkPulse 2.2s ease-out infinite}
.network-pin.is-soon .network-dot{background:#07121d;border:2px solid rgba(214,179,106,.75);box-shadow:none}
@keyframes networkPulse{0%{transform:scale(.7);opacity:.9}100%{transform:scale(2.4);opacity:0}}
.network-label{position:absolute;left:14px;top:-16px;white-space:nowrap;padding:6px 10px;border-radius:10px;background:rgba(7,18,29,.82);border:1px solid rgba(214,179,106,.3);backdrop-filter:blur(6px);line-height:1.25;transition:border-color .2s,transform .2s}
.network-pin.label-left .network-label{left:auto;right:14px;text-align:right}
.network-label b{display:block;font-size:13px}
.network-label small{display:block;font-size:10px;color:#cdb98a;letter-spacing:.04em}
.network-label .office-clock{display:block;margin:2px 0 0;font-size:10px;color:#9fb2c2}
.network-label .office-clock time{color:#fff}
.network-pin:hover .network-label,.network-pin:focus-visible .network-label{border-color:#d6b36a;transform:translateY(-2px)}
.network-pin:hover .network-dot,.network-pin:focus-visible .network-dot{transform:scale(1.25)}
.network-pin:focus-visible{outline:none}
.network-map-caption{position:absolute;left:16px;bottom:12px;display:flex;flex-wrap:wrap;gap:6px 16px;font-size:11px;color:#c6d2dc;z-index:1}
.network-map-caption i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;vertical-align:-1px}
.network-map-caption .legend-active{background:#d6b36a}
.network-map-caption .legend-soon{border:2px solid rgba(214,179,106,.75)}
.office-clock{display:inline-flex;flex-wrap:wrap;align-items:center;gap:0 4px;margin:0 0 10px;font-size:12px;color:var(--muted)}
.office-clock time{font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}
.office-clock em{font-style:normal;font-weight:800}
.office-clock em.is-open{color:#14735e}
.office-clock em.is-closed{color:#9c2d23}
.crm-office{display:inline-flex;margin:4px 0 0 4px;padding:2px 7px;border-radius:6px;background:#e7f0f6;color:#1d4e6b;font-size:10px;font-weight:900;letter-spacing:.04em}
/* A lead still "new" 24 hours after it arrived (server.js followUpBadge). */
.follow-up-due{display:inline-flex;margin:6px 0 0;padding:3px 8px;border-radius:6px;background:#fdecea;color:#a12622;font-size:11px;font-weight:800}
.crm-office-filter{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 6px}
.crm-office-filter span{font-size:12px;font-weight:800;color:var(--muted)}
.crm-office-filter a{padding:6px 12px;border-radius:999px;border:1px solid #bcc5ce;background:#fff;font-size:12px;font-weight:800}
.crm-office-filter a.is-current{background:var(--ink);border-color:var(--ink);color:#fff}
@media(max-width:900px){.network-label .office-clock{display:none}}
@media(max-width:700px){.network-map{border-radius:16px;margin:24px 0 20px}.network-label{padding:3px 7px;top:-11px;left:10px}.network-pin.label-left .network-label{right:10px}.network-label b{font-size:10px}.network-label small,.network-label .office-clock{display:none}.network-dot{left:-5px;top:-5px;width:10px;height:10px}.network-map-caption{left:10px;bottom:8px;font-size:9px}.network-map-caption span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){.network-arc.is-active,.network-pin.is-active .network-dot:after{animation:none}}

/* SPS lead Recycle Bin (2026-10-03): delete, bulk select, undo and restore. */
.crm-trash{margin-top:8px}
.crm-bulk{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:10px 0 12px}
.alert .undo-form{display:inline-flex;margin-left:12px;vertical-align:middle}
.alert .undo-form .btn{padding:5px 12px;font-size:12px}
.table input[type="checkbox"]{width:17px;height:17px;accent-color:var(--ink);cursor:pointer}

/* Spam honeypot (2026-10-03): kept off-screen rather than display:none, which some bots skip. */
.hp-field{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}

/* CRM on small screens (2026-10-05): tell staff the action columns are to the right. */
.table-swipe-hint{display:none;margin:4px 0 8px;font-size:12px;font-weight:700;color:var(--muted)}
.crm-assign select{max-width:220px}
@media(max-width:900px){.table-swipe-hint{display:block}}

/* Client reviews (2026-10-05). */
.review-stars{color:var(--gold2);letter-spacing:2px;font-size:18px;line-height:1;white-space:nowrap}
.review-stars-off{color:#d9d2c3}
.review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.review-card{display:flex;flex-direction:column;gap:12px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 10px 30px rgba(8,22,36,.06)}
.review-card blockquote{margin:0;color:#3f4b57;font-size:15px;line-height:1.65;flex:1}
.review-card footer{display:flex;flex-direction:column;gap:2px;border-top:1px solid var(--line);padding-top:12px}
.review-card footer strong{color:var(--ink)}
.review-card footer span,.review-card footer time{font-size:12px;color:var(--muted)}
.review-score{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--muted)}
.review-score strong{color:var(--ink);font-size:18px}
.reviews-home{background:linear-gradient(180deg,#fff 0,#faf7f0 100%)}
.reviews-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);gap:28px;align-items:start}
.reviews-layout .review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.reviews-layout h2 .review-stars{font-size:22px}
.review-form-card{position:sticky;top:100px}
.review-google{display:flex;flex-direction:column;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.star-input{border:0;padding:0;margin:0}
.star-input legend{font-size:12px;font-weight:800;color:var(--muted);margin-bottom:5px}
.star-input-row{display:inline-flex;flex-direction:row-reverse;justify-content:flex-end;gap:4px}
.star-input-row input{position:absolute;opacity:0;width:1px;height:1px}
.star-input-row label{cursor:pointer;font-size:32px;line-height:1;color:#d9d2c3;transition:color .15s,transform .15s}
.star-input-row label:hover,.star-input-row label:hover~label,.star-input-row input:checked~label{color:var(--gold2)}
.star-input-row input:focus-visible+label{outline:2px solid var(--gold2);outline-offset:3px;border-radius:4px}
.star-input-row label:hover{transform:scale(1.12)}
@media(max-width:1000px){.review-grid,.reviews-layout .review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reviews-layout{grid-template-columns:1fr}.review-form-card{position:static}}
@media(max-width:650px){.review-grid,.reviews-layout .review-grid{grid-template-columns:1fr}}
/* Star picker must win over the general ".field label" form styles. */
.form-card .star-input .star-input-row label{font-size:34px!important;line-height:1!important;color:#d9d2c3;font-weight:400;letter-spacing:0;padding:0 2px}
.form-card .star-input .star-input-row label:hover,.form-card .star-input .star-input-row label:hover~label,.form-card .star-input .star-input-row input:checked~label{color:var(--gold2)}

/* Currency switch (2026-10-07): AED / INR / USD on listings and the property price box. */
.currency-switch{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid #d5dbe1;border-radius:999px;background:#fff}
.currency-switch[hidden]{display:none}
.currency-switch button{border:0;background:transparent;color:var(--ink);font-size:12px;font-weight:850;letter-spacing:.04em;padding:6px 11px;border-radius:999px;cursor:pointer;line-height:1}
.currency-switch button[aria-pressed="true"]{background:var(--ink);color:#fff}
.currency-switch button:focus-visible{outline:2px solid var(--gold2);outline-offset:2px}
.detail-price-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.currency-note{margin:-8px 0 14px}
.js-price{white-space:nowrap}

/* Property photo gallery (2026-10-07): native swipe with scroll-snap; arrows and thumbnails appear once app.js runs. */
.property-gallery .gallery-track{position:absolute;inset:0;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none;outline:none}
.property-gallery .gallery-track::-webkit-scrollbar{display:none}
.property-gallery .gallery-track:focus-visible{box-shadow:inset 0 0 0 3px var(--gold)}
.property-gallery .gallery-slide{flex:0 0 100%;width:100%;height:100%;margin:0;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always}
.property-gallery .gallery-slide img{width:100%;height:100%;object-fit:cover}
.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:rgba(7,23,35,.62);color:#fff;font-size:30px;line-height:1;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(6px);transition:background .2s}
.gallery-nav:hover{background:rgba(7,23,35,.86)}
.gallery-nav:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.gallery-prev{left:16px}
.gallery-next{right:16px}
.gallery-count{position:absolute;top:18px;right:18px;z-index:3;padding:6px 11px;border-radius:999px;background:rgba(7,23,35,.72);color:#fff;font-size:12px;font-weight:800;letter-spacing:.06em}
.property-gallery:not(.gallery-ready) .gallery-nav,.property-gallery:not(.gallery-ready) .gallery-count{display:none}
.gallery-thumbs{display:none}
.gallery-thumbs.gallery-ready{display:flex;gap:8px;margin-top:10px;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:thin}
.gallery-thumbs button{flex:0 0 88px;height:62px;padding:0;border:2px solid transparent;border-radius:10px;overflow:hidden;background:#e7e7e3;cursor:pointer;opacity:.72;transition:opacity .2s,border-color .2s}
.gallery-thumbs button img{width:100%;height:100%;object-fit:cover}
.gallery-thumbs button[aria-current="true"],.gallery-thumbs button:hover{opacity:1;border-color:var(--gold2)}
.gallery-thumbs button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
@media(max-width:760px){.gallery-nav{width:38px;height:38px;font-size:24px}.gallery-prev{left:10px}.gallery-next{right:10px}.gallery-thumbs button{flex-basis:70px;height:50px}}

/* Brochure download form (2026-10-07). */
.brochure-panel{display:grid;grid-template-columns:.85fr 1.15fr;gap:36px;padding:32px;background:var(--cream);border:1px solid #e4dccb;scroll-margin-top:120px}
.brochure-panel h2{font-size:clamp(26px,3vw,38px)}
.brochure-panel:target{box-shadow:0 0 0 3px var(--gold)}
@media(max-width:1050px){.brochure-panel{grid-template-columns:1fr}}
@media(max-width:760px){.brochure-panel{padding:22px}}

/* Admin gallery editor (2026-10-07). */
.admin-gallery{border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin:0;gap:8px}
.admin-gallery legend{font-size:12px;font-weight:800;color:var(--muted);padding:0 6px}
.admin-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-bottom:6px}
.admin-gallery-item{display:flex;flex-wrap:wrap;align-items:center;gap:6px;border:1px solid var(--line);border-radius:10px;padding:6px;background:#f8fafb}
.admin-gallery-item img{width:100%;height:84px;object-fit:cover;border-radius:7px}
.admin-gallery-item label{order:2;margin:0}
.admin-gallery .admin-gallery-item input[type="checkbox"]{order:1;width:16px;height:16px;padding:0;accent-color:var(--danger)}