/*
Theme Name: RSI
Theme URI: https://example.com/rsi
Author: RSI
Author URI: https://example.com
Description: A responsive editorial real-estate WordPress theme for Red Sea Investment, with a full-screen project slider.
Design direction: English-first editorial real-estate storytelling, driven by warm neutrals, charcoal, crimson and controlled reveal motion.
Version: 1.0.1
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
Text Domain: rsi
*/

:root{--paper:#fbfbfa;--paper-soft:#f1f1ef;--ink:#292c2f;--ink-soft:#6d7074;--red:#c71931;--gray:#6b6e71;--line:rgba(41,44,47,.16);--light-line:rgba(255,255,255,.35);--ease:cubic-bezier(.23,1,.32,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans Arabic",sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.rsi-shell{overflow:hidden}.rsi-container{width:min(1320px,100%);margin-inline:auto;padding-inline:clamp(1.25rem,4vw,4.75rem)}

.rsi-header{position:absolute;z-index:20;top:0;right:0;left:0;display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.35rem clamp(1.25rem,4vw,4.75rem);color:#fff}.rsi-brand{display:inline-flex;align-items:center;gap:.75rem;min-width:0}.rsi-brand img{width:6.1rem;height:3.05rem;object-fit:contain;background:#fff;padding:.15rem .28rem}.rsi-brand small{padding-right:.7rem;border-right:1px solid rgba(255,255,255,.35);font-family:"Space Grotesk",sans-serif;font-size:.62rem;letter-spacing:.08em;white-space:nowrap}.rsi-navigation{display:flex;align-items:center;gap:clamp(1.25rem,3vw,3.4rem);margin-right:auto}.rsi-navigation a{font-family:"Space Grotesk","Noto Sans Arabic",sans-serif;font-size:.66rem;letter-spacing:.04em;transition:color .2s ease}.rsi-navigation a:hover{color:#f7a0ad}.rsi-navigation span{margin-right:.28rem;color:#f7a0ad;font-size:.55rem}.rsi-header-actions{display:flex;align-items:center;gap:.9rem}.rsi-status{display:flex;align-items:center;gap:.45rem;font-size:.68rem;white-space:nowrap}.rsi-status i{width:.42rem;height:.42rem;border-radius:50%;background:var(--red);box-shadow:0 0 0 4px rgba(199,25,49,.23)}.rsi-menu-toggle{display:none;width:2.5rem;height:2.5rem;place-items:center;color:#fff;background:transparent;border:1px solid rgba(255,255,255,.5);border-radius:50%}

.rsi-hero{position:relative;min-height:100svh;overflow:hidden;background:#17191b;color:#fff}.rsi-slide{position:absolute;inset:0;visibility:hidden;opacity:0;transition:opacity .75s var(--ease),visibility .75s}.rsi-slide.is-active{visibility:visible;opacity:1}.rsi-slide .rsi-slide__image{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.06) translateY(2.5%);transition:transform 1.4s var(--ease)}.rsi-slide.is-active .rsi-slide__image{transform:scale(1)}.rsi-slide__veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,12,14,.73),rgba(10,12,14,.12) 52%,rgba(10,12,14,.28)),linear-gradient(0deg,rgba(10,12,14,.79),transparent 48%,rgba(10,12,14,.18))}.rsi-hero__grid{position:absolute;inset:0;background-image:linear-gradient(to right,transparent 49.9%,rgba(255,255,255,.1) 50%,transparent 50.1%),linear-gradient(to bottom,transparent 49.9%,rgba(255,255,255,.07) 50%,transparent 50.1%);background-size:12.5% 100%,100% 25%;opacity:.4;pointer-events:none}.rsi-hero__meta{position:absolute;top:8.8rem;right:clamp(1.25rem,7.2vw,9.25rem);z-index:3;display:flex;align-items:center;gap:.55rem;color:rgba(255,255,255,.82);font-family:"Space Grotesk","Noto Sans Arabic",sans-serif;font-size:.62rem;letter-spacing:.08em}.rsi-hero__meta i{width:.42rem;height:.42rem;border-radius:50%;background:var(--red);box-shadow:0 0 0 4px rgba(199,25,49,.2)}.rsi-hero__copy{position:absolute;right:clamp(1.25rem,7.2vw,9.25rem);bottom:clamp(8.25rem,19vh,11.5rem);z-index:3;max-width:49rem}.rsi-eyebrow{display:flex;align-items:center;gap:.55rem;color:rgba(255,255,255,.68);font-family:"Space Grotesk","Noto Sans Arabic",sans-serif;font-size:.65rem;letter-spacing:.04em}.rsi-eyebrow::before{width:.48rem;height:.48rem;border-radius:50%;background:var(--red);box-shadow:0 0 0 3px rgba(199,25,49,.26);content:""}.rsi-hero__title{margin:1.25rem 0 0;color:#fff;font-family:"IBM Plex Sans Arabic",sans-serif;font-size:clamp(3.4rem,7vw,7.6rem);font-weight:600;letter-spacing:-.09em;line-height:.95;text-shadow:0 4px 24px rgba(0,0,0,.16)}.rsi-hero__title span{display:block}.rsi-hero__title span:last-child{opacity:.72}.rsi-hero__description{position:absolute;bottom:clamp(9.8rem,21vh,13.8rem);left:clamp(1.25rem,7.2vw,9.25rem);z-index:3;width:min(21rem,26vw);color:rgba(255,255,255,.88)}.rsi-hero__description p{margin:0 0 .9rem;font-size:1rem;line-height:2}.rsi-hero__description small{color:rgba(255,255,255,.58);font-family:"Space Grotesk","Noto Sans Arabic",sans-serif;font-size:.62rem;letter-spacing:.08em}.rsi-hero__rail{position:absolute;top:50%;left:clamp(1.25rem,3vw,3.5rem);z-index:3;display:flex;flex-direction:column;align-items:flex-start;gap:.8rem;width:6.2rem;transform:translateY(-50%)}.rsi-hero__count{margin-bottom:.75rem;color:rgba(255,255,255,.65);font-family:"Space Grotesk",sans-serif;font-size:.65rem;letter-spacing:.08em}.rsi-hero__dot{display:flex;align-items:center;gap:.6rem;width:100%;padding:0;color:rgba(255,255,255,.5);background:transparent;border:0;font-family:"Space Grotesk",sans-serif;font-size:.63rem;text-align:left;transition:color .2s ease}.rsi-hero__dot i{display:block;flex:1;height:1px;background:rgba(255,255,255,.36);transition:transform .28s var(--ease),background .2s}.rsi-hero__dot.is-active{color:#fff}.rsi-hero__dot.is-active i{background:var(--red);transform:scaleX(1.35);transform-origin:left}.rsi-hero__actions{position:absolute;right:clamp(1.25rem,7.2vw,9.25rem);bottom:4.4rem;left:clamp(1.25rem,7.2vw,9.25rem);z-index:3;display:flex;align-items:center;justify-content:space-between}.rsi-hero__cta{display:inline-flex;align-items:center;gap:.75rem;padding:.88rem 1.2rem;color:#fff;background:var(--red);font-size:.78rem;transition:background .2s,transform .2s var(--ease)}.rsi-hero__cta:hover{background:#a90f26;transform:translateY(-3px)}.rsi-hero__controls{display:flex;border:1px solid rgba(255,255,255,.42)}.rsi-hero__controls button{padding:.8rem 1.05rem;color:#fff;background:transparent;border:0;border-left:1px solid rgba(255,255,255,.42);font-size:.67rem;transition:background .2s,color .2s}.rsi-hero__controls button:last-child{border-left:0}.rsi-hero__controls button:hover{color:var(--ink);background:#fff}.rsi-hero__footer{position:absolute;right:clamp(1.25rem,3vw,3.5rem);bottom:1.3rem;left:clamp(1.25rem,3vw,3.5rem);z-index:3;display:flex;align-items:center;justify-content:space-between;padding-top:1rem;color:rgba(255,255,255,.62);border-top:1px solid rgba(255,255,255,.35);font-family:"Space Grotesk","Noto Sans Arabic",sans-serif;font-size:.6rem}.rsi-hero__footer a{display:flex;align-items:center;gap:.4rem;color:#fff}

.rsi-section{padding-block:clamp(5rem,10vw,10rem)}.rsi-section--dark{position:relative;overflow:hidden;color:var(--paper);background:var(--ink)}.rsi-section--dark::before{position:absolute;top:0;right:16.6%;bottom:0;width:1px;background:rgba(255,255,255,.16);content:""}.rsi-intro-grid{position:relative;display:grid;grid-template-columns:1fr 2.1fr .5fr;gap:4rem;align-items:center}.rsi-intro-aside{align-self:start}.rsi-index{display:block;margin-top:14rem;color:rgba(255,255,255,.38);font-family:"Space Grotesk",sans-serif;font-size:.7rem}.rsi-intro-copy h2,.rsi-heading h2,.rsi-contact h2{margin:1.2rem 0 0;font-family:"IBM Plex Sans Arabic",sans-serif;font-size:clamp(3rem,6vw,6.8rem);font-weight:600;letter-spacing:-.09em;line-height:.98}.rsi-intro-copy h2 em,.rsi-contact h2 em{color:var(--red);font-style:normal}.rsi-intro-copy p{max-width:28rem;color:rgba(255,255,255,.65);font-size:1rem;line-height:2}.rsi-vertical-number{align-self:end;color:var(--red);font-family:"Space Grotesk",sans-serif;font-size:.75rem;letter-spacing:.08em;writing-mode:vertical-rl}.rsi-heading{display:flex;align-items:end;justify-content:space-between;gap:3rem;margin-bottom:5rem}.rsi-heading h2 span{color:var(--gray)}.rsi-heading p{width:min(25rem,35%);margin:0;color:var(--ink-soft);font-size:.95rem;line-height:2}.rsi-services{border-top:1px solid var(--line)}.rsi-service{position:relative;display:grid;grid-template-columns:3rem 5rem 1fr 11rem 2rem;gap:2rem;align-items:center;min-height:9.5rem;color:var(--ink);border-bottom:1px solid var(--line);transition:padding .35s var(--ease)}.rsi-service::before{position:absolute;inset:0 -1.5rem;z-index:-1;background:var(--red);content:"";opacity:0;transform:scaleX(.7);transform-origin:right;transition:opacity .3s,transform .4s var(--ease)}.rsi-service:hover{padding-inline:1.5rem}.rsi-service:hover::before{opacity:1;transform:scaleX(1)}.rsi-service__index,.rsi-service__meta{color:var(--gray);font-family:"Space Grotesk",sans-serif;font-size:.7rem}.rsi-service__icon{display:grid;width:3.7rem;height:3.7rem;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:1.2rem}.rsi-service__copy strong{display:block;font-family:"IBM Plex Sans Arabic",sans-serif;font-size:clamp(1.35rem,2.5vw,2.2rem);font-weight:600;letter-spacing:-.05em}.rsi-service__copy small{display:block;max-width:30rem;margin-top:.4rem;color:var(--ink-soft);font-size:.88rem}.rsi-service__arrow{justify-self:end;font-size:1.25rem}.rsi-process{position:relative;overflow:hidden;color:#fff;background:#6b6e71}.rsi-process::before{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.14) .6px,transparent .6px);background-size:7px 7px;content:""}.rsi-process__layout{position:relative;display:grid;grid-template-columns:.9fr 1.3fr;gap:10vw}.rsi-process__intro h2{margin:1.2rem 0;font-family:"IBM Plex Sans Arabic",sans-serif;font-size:clamp(3rem,5vw,6rem);line-height:.95;letter-spacing:-.08em}.rsi-process__intro h2 em{color:var(--red);font-style:normal}.rsi-process__intro p{max-width:17rem;color:rgba(255,255,255,.68)}.rsi-steps{position:relative}.rsi-step{display:grid;grid-template-columns:5rem 1fr;gap:2rem;min-height:13rem;padding:1rem 0 2.5rem;border-bottom:1px solid rgba(255,255,255,.25)}.rsi-step__number{color:var(--red);font-family:"Space Grotesk",sans-serif}.rsi-step__kicker{color:rgba(255,255,255,.58);font-size:.72rem}.rsi-step h3{margin:.55rem 0 1rem;font-family:"IBM Plex Sans Arabic",sans-serif;font-size:clamp(1.65rem,3vw,3rem);font-weight:500;letter-spacing:-.06em}.rsi-step p{max-width:26rem;margin:0;color:rgba(255,255,255,.68);font-size:.92rem}.rsi-projects{display:grid;grid-template-columns:1.15fr .85fr;gap:4rem 6vw}.rsi-project{display:block}.rsi-project--main{grid-row:span 2}.rsi-project--small{width:82%;margin-top:6rem}.rsi-project--wide{grid-column:2;width:120%;margin-right:-20%}.rsi-project__image{position:relative;overflow:hidden;background:var(--paper-soft)}.rsi-project--main .rsi-project__image{aspect-ratio:4/5}.rsi-project--small .rsi-project__image{aspect-ratio:3/4}.rsi-project--wide .rsi-project__image{aspect-ratio:16/9}.rsi-project img{width:100%;height:100%!important;object-fit:cover;transition:transform .7s var(--ease)}.rsi-project:hover img{transform:scale(1.05)}.rsi-project__caption{display:grid;grid-template-columns:1fr auto;gap:.45rem 1rem;padding-top:1rem;border-top:1px solid var(--line)}.rsi-project__caption small{grid-column:1/-1;color:var(--gray);font-family:"Space Grotesk","Noto Sans Arabic",sans-serif;font-size:.65rem}.rsi-project__caption strong{font-family:"IBM Plex Sans Arabic",sans-serif;font-size:1.1rem;font-weight:500}.rsi-quote{position:relative;background:var(--paper-soft)}.rsi-quote blockquote{max-width:58rem;margin:2rem 0 0;font-family:"IBM Plex Sans Arabic",sans-serif;font-size:clamp(2.2rem,4.7vw,5.2rem);font-weight:500;letter-spacing:-.08em;line-height:1.2}.rsi-contact{position:relative;overflow:hidden;color:#fff;background:var(--ink)}.rsi-contact::before{position:absolute;top:20%;left:6%;width:18rem;height:18rem;border:1px solid rgba(199,25,49,.5);border-radius:50%;box-shadow:0 0 0 2rem rgba(199,25,49,.07),0 0 0 6rem rgba(199,25,49,.03);content:""}.rsi-contact p{max-width:25rem;color:rgba(255,255,255,.65);font-size:1rem}.rsi-contact__email{display:inline-flex;align-items:center;gap:1rem;padding-bottom:.5rem;color:var(--red);border-bottom:1px solid var(--red);font-family:"Space Grotesk",sans-serif;font-size:clamp(1.1rem,2vw,2rem);letter-spacing:-.05em}.rsi-footer{color:#fff;background:var(--ink);border-top:1px solid rgba(255,255,255,.15)}.rsi-footer__grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:1.5rem;padding-block:2.5rem 1rem}.rsi-footer__brand img{width:6rem;background:#fff;padding:.2rem}.rsi-footer__links{display:flex;flex-direction:column;gap:.55rem}.rsi-footer__links a{color:rgba(255,255,255,.62);font-size:.78rem}.rsi-footer__bottom{grid-column:1/-1;display:flex;justify-content:space-between;padding-top:1.5rem;color:rgba(255,255,255,.4);font-family:"Space Grotesk","Noto Sans Arabic",sans-serif;font-size:.6rem}
.rsi-footer__identity{display:flex;flex-direction:column;gap:1.3rem}
.rsi-footer__branch{display:flex;flex-direction:column;gap:.5rem}
.rsi-footer__branch-label{color:rgba(255,255,255,.42);font-family:"Space Grotesk","Noto Sans Arabic",sans-serif;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase}
.rsi-footer__branch-phone{color:#fff;font-family:"Space Grotesk","Noto Sans Arabic",sans-serif;font-size:.85rem;letter-spacing:-.01em;transition:color .2s ease}
.rsi-footer__branch-phone:hover,.rsi-footer__branch-phone:focus-visible{color:var(--red)}
.rsi-footer__branch-social{display:flex;gap:.55rem}
.rsi-footer__branch-social a{display:grid;place-items:center;width:2rem;height:2rem;color:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.22);border-radius:50%;transition:color .2s ease,border-color .2s ease,background .2s ease}
.rsi-footer__branch-social a svg{width:1rem;height:1rem}
.rsi-footer__branch-social a:hover,.rsi-footer__branch-social a:focus-visible{color:#fff;background:var(--red);border-color:var(--red);outline:0}

[data-rsi-reveal]{opacity:0;transform:translateY(18px);transition:opacity .75s var(--ease),transform .75s var(--ease)}[data-rsi-reveal].is-visible{opacity:1;transform:translateY(0)}
@media(max-width:900px){.rsi-navigation,.rsi-status{display:none}.rsi-menu-toggle{display:grid}.rsi-header.is-open .rsi-navigation{position:absolute;top:5.4rem;right:1.25rem;left:1.25rem;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:.75rem 1rem;background:rgba(27,29,31,.96);border:1px solid rgba(255,255,255,.2);box-shadow:0 12px 34px rgba(0,0,0,.25)}.rsi-header.is-open .rsi-navigation a{padding:.9rem 0;border-bottom:1px solid rgba(255,255,255,.14)}.rsi-intro-grid{grid-template-columns:.7fr 2.3fr .35fr;gap:1.5rem}.rsi-service{grid-template-columns:2rem 3.7rem 1fr 2rem;gap:1rem}.rsi-service__meta{display:none}.rsi-process__layout{gap:4vw}.rsi-project--small{margin-top:3rem}}
@media(max-width:640px){.rsi-header{padding-top:1rem}.rsi-brand img{width:5rem;height:2.5rem}.rsi-brand small{display:none}.rsi-hero__veil{background:linear-gradient(90deg,rgba(10,12,14,.7),rgba(10,12,14,.2)),linear-gradient(0deg,rgba(10,12,14,.84),transparent 58%)}.rsi-hero__meta{top:6.6rem;right:1.25rem;font-size:.54rem}.rsi-hero__copy{right:1.25rem;bottom:10.2rem;left:1.25rem}.rsi-hero__title{font-size:clamp(3.25rem,15vw,4.7rem)}.rsi-hero__description{display:none}.rsi-hero__rail{top:auto;bottom:5.35rem;left:1.25rem;width:3.7rem;transform:none}.rsi-hero__rail .rsi-hero__dot{display:none}.rsi-hero__rail .rsi-hero__dot.is-active{display:flex}.rsi-hero__rail .rsi-hero__dot i{display:none}.rsi-hero__count{margin:0;font-size:.58rem}.rsi-hero__actions{right:1.25rem;bottom:1.8rem;left:1.25rem}.rsi-hero__cta{padding:.75rem .9rem;font-size:.68rem}.rsi-hero__controls button{padding:.68rem .75rem;font-size:.6rem}.rsi-hero__footer{display:none}.rsi-section{padding-block:5.5rem}.rsi-intro-grid{display:block}.rsi-intro-aside{display:flex;justify-content:space-between;align-items:center}.rsi-index{margin:0}.rsi-vertical-number{display:none}.rsi-intro-copy{padding-top:3.6rem}.rsi-heading{display:block;margin-bottom:3rem}.rsi-heading p{width:100%;margin-top:1.8rem}.rsi-service{grid-template-columns:2rem 1fr 2rem;gap:.75rem;min-height:9rem}.rsi-service__icon{display:none}.rsi-service__copy strong{font-size:1.35rem}.rsi-process__layout{display:block}.rsi-steps{margin-top:3rem}.rsi-step{grid-template-columns:2.2rem 1fr;gap:.8rem}.rsi-projects{display:flex;flex-direction:column;gap:3.5rem}.rsi-project--small,.rsi-project--wide{width:88%;margin:0}.rsi-project--small{align-self:flex-start}.rsi-project--wide{align-self:flex-end}.rsi-footer__grid{grid-template-columns:1fr 1fr;gap:2rem 1rem}.rsi-footer__identity{order:1}.rsi-footer__links{order:2;grid-column:auto}.rsi-footer__branch:nth-child(2){order:3}.rsi-footer__branch:nth-child(3){order:4}.rsi-footer__bottom{order:5;display:grid;grid-template-columns:1fr 1fr;gap:.8rem;padding-top:2.7rem}.rsi-contact::before{top:44%;left:-7rem;width:16rem;height:16rem}}

/* Motion system — preloader, curved reveal, and staged first-slide entrance. */
.rsi-preloader{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:var(--paper);clip-path:ellipse(150% 145% at 50% 0%)}.rsi-preloader__inner{display:flex;flex-direction:column;align-items:center;gap:1.15rem;color:var(--ink)}.rsi-preloader__inner img{width:min(11rem,42vw);height:auto;mix-blend-mode:multiply}.rsi-preloader__inner span{font-family:"Space Grotesk",sans-serif;font-size:.66rem;letter-spacing:.43em;text-indent:.43em}.rsi-preloader__inner i{display:block;width:2.6rem;height:1px;background:var(--red);transform-origin:left;animation:rsi-loading-line 1.05s var(--ease) infinite}@keyframes rsi-loading-line{0%{transform:scaleX(.18);opacity:.3}55%{transform:scaleX(1);opacity:1}100%{transform:scaleX(.18);opacity:.3}}.rsi-preloader.is-exiting{animation:rsi-curved-reveal .76s cubic-bezier(.76,0,.24,1) forwards}@keyframes rsi-curved-reveal{0%{clip-path:ellipse(150% 145% at 50% 0%)}100%{clip-path:ellipse(150% 0% at 50% 0%)}}
.rsi-hero--intro .rsi-slide.is-active .rsi-slide__image{transform:scale(1.08) translateY(8%)}.rsi-hero--intro .rsi-slide.is-active .rsi-hero__meta,.rsi-hero--intro .rsi-slide.is-active .rsi-hero__copy,.rsi-hero--intro .rsi-slide.is-active .rsi-hero__description,.rsi-hero--intro .rsi-hero__rail,.rsi-hero--intro .rsi-hero__actions,.rsi-hero--intro .rsi-hero__footer,.rsi-header{opacity:0}.rsi-intro-ready .rsi-hero--intro .rsi-slide.is-active .rsi-slide__image{transform:scale(1) translateY(0);transition:transform 1.55s cubic-bezier(.23,1,.32,1)}.rsi-intro-ready .rsi-hero--intro .rsi-slide.is-active .rsi-hero__meta,.rsi-intro-ready .rsi-hero--intro .rsi-slide.is-active .rsi-hero__copy,.rsi-intro-ready .rsi-hero--intro .rsi-slide.is-active .rsi-hero__description,.rsi-intro-ready .rsi-hero--intro .rsi-hero__rail,.rsi-intro-ready .rsi-hero--intro .rsi-hero__actions,.rsi-intro-ready .rsi-hero--intro .rsi-hero__footer,.rsi-intro-ready .rsi-header{animation:rsi-enter-up .76s var(--ease) forwards}.rsi-intro-ready .rsi-hero--intro .rsi-slide.is-active .rsi-hero__meta{animation-delay:.18s}.rsi-intro-ready .rsi-hero--intro .rsi-slide.is-active .rsi-hero__copy{animation-delay:.34s}.rsi-intro-ready .rsi-hero--intro .rsi-slide.is-active .rsi-hero__description{animation-delay:.5s}.rsi-intro-ready .rsi-hero--intro .rsi-hero__rail{animation-delay:.46s}.rsi-intro-ready .rsi-hero--intro .rsi-hero__actions{animation-delay:.62s}.rsi-intro-ready .rsi-hero--intro .rsi-hero__footer{animation-delay:.7s}.rsi-intro-ready .rsi-header{animation-delay:.42s}@keyframes rsi-enter-up{from{opacity:0;transform:translateY(1.6rem)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.rsi-preloader{display:none}.rsi-hero--intro .rsi-slide.is-active .rsi-slide__image{transform:scale(1)}.rsi-hero--intro .rsi-slide.is-active .rsi-hero__meta,.rsi-hero--intro .rsi-slide.is-active .rsi-hero__copy,.rsi-hero--intro .rsi-slide.is-active .rsi-hero__description,.rsi-hero--intro .rsi-hero__rail,.rsi-hero--intro .rsi-hero__actions,.rsi-hero--intro .rsi-hero__footer,.rsi-header{opacity:1!important;animation:none!important}}

/* English-first layout: left-to-right copy hierarchy and native English typography. */
html[dir="ltr"] body{font-family:"Space Grotesk",Arial,sans-serif}.rsi-hero__title,.rsi-intro-copy h2,.rsi-heading h2,.rsi-contact h2,.rsi-process__intro h2,.rsi-service__copy strong,.rsi-step h3,.rsi-quote blockquote{font-family:"Space Grotesk",Arial,sans-serif;letter-spacing:-.06em}.rsi-brand small{padding-right:0;padding-left:.7rem;border-right:0;border-left:1px solid rgba(255,255,255,.35)}.rsi-navigation{margin-right:0;margin-left:auto}.rsi-hero__meta{right:auto;left:clamp(1.25rem,7.2vw,9.25rem)}.rsi-hero__copy{right:auto;left:clamp(1.25rem,7.2vw,9.25rem)}.rsi-hero__description{right:clamp(1.25rem,7.2vw,9.25rem);left:auto;text-align:left}.rsi-hero__rail{right:clamp(1.25rem,3vw,3.5rem);left:auto}.rsi-hero__dot{text-align:right}.rsi-hero__dot.is-active i{transform-origin:right}.rsi-service::before{transform-origin:left}.rsi-project--wide{margin-right:0;margin-left:-20%}@media(max-width:640px){.rsi-hero__meta{right:auto;left:1.25rem}.rsi-hero__copy{right:1.25rem;left:1.25rem}.rsi-hero__rail{right:1.25rem;left:auto}.rsi-project--wide{margin-left:0}}

/* Gismark Lagoon — slower curved entrance modelled on the supplied reference. */
.rsi-preloader{clip-path:ellipse(145% 138% at 50% 0%)}
.rsi-preloader.is-exiting{animation:gismark-curved-reveal 1.12s cubic-bezier(.76,0,.24,1) forwards}
.rsi-preloader.is-exiting .rsi-preloader__inner{animation:gismark-loader-fade .36s ease-out forwards}
@keyframes gismark-curved-reveal{0%{clip-path:ellipse(145% 138% at 50% 0%)}58%{clip-path:ellipse(132% 95% at 50% -1%)}100%{clip-path:ellipse(132% 0% at 50% 0%)}}
@keyframes gismark-loader-fade{to{opacity:0;transform:translateY(-.45rem) scale(.98)}}
.rsi-hero--intro .rsi-slide.is-active .rsi-slide__image{transform:scale(1.14) translateY(6%)}
.rsi-intro-ready .rsi-hero--intro .rsi-slide.is-active .rsi-slide__image{transform:scale(1.025) translateY(0);transition:transform 6.2s cubic-bezier(.16,1,.3,1)}
.rsi-intro-ready .rsi-header{animation-delay:.04s}
.rsi-intro-ready .rsi-hero--intro .rsi-slide.is-active .rsi-hero__meta{animation-delay:.22s}
.rsi-intro-ready .rsi-hero--intro .rsi-slide.is-active .rsi-hero__copy{animation-delay:.48s}
.rsi-intro-ready .rsi-hero--intro .rsi-slide.is-active .rsi-hero__description{animation-delay:.82s}
.rsi-intro-ready .rsi-hero--intro .rsi-hero__rail{animation-delay:1.02s}
.rsi-intro-ready .rsi-hero--intro .rsi-hero__actions{animation-delay:1.18s}
.rsi-intro-ready .rsi-hero--intro .rsi-hero__footer{animation-delay:1.3s}

/* Reference-matched top-down arch reveal and low-intensity mouse parallax. */
.rsi-preloader.is-exiting{animation:gismark-top-down-arch 1.28s cubic-bezier(.76,0,.24,1) forwards}
@keyframes gismark-top-down-arch{0%{clip-path:ellipse(150% 145% at 50% 0%)}38%{clip-path:ellipse(150% 112% at 50% 14%)}100%{clip-path:ellipse(150% 0% at 50% 100%)}}
.rsi-hero__meta,.rsi-hero__copy,.rsi-hero__description{--rsi-parallax-x:0px;--rsi-parallax-y:0px;will-change:transform}
.rsi-hero--intro .rsi-slide.is-active .rsi-slide__image{--rsi-image-x:0px;--rsi-image-y:0px;will-change:transform}
.rsi-intro-ready .rsi-hero--intro .rsi-slide.is-active .rsi-slide__image{transform:translate3d(var(--rsi-image-x),var(--rsi-image-y),0) scale(1.025)}
.rsi-intro-ready .rsi-hero--intro .rsi-slide.is-active .rsi-hero__meta,.rsi-intro-ready .rsi-hero--intro .rsi-slide.is-active .rsi-hero__copy,.rsi-intro-ready .rsi-hero--intro .rsi-slide.is-active .rsi-hero__description{animation-name:gismark-text-entry}
@keyframes gismark-text-entry{from{opacity:0;transform:translate3d(var(--rsi-parallax-x),calc(var(--rsi-parallax-y) + 1.35rem),0)}to{opacity:1;transform:translate3d(var(--rsi-parallax-x),var(--rsi-parallax-y),0)}}
@media(prefers-reduced-motion:reduce){.rsi-hero__meta,.rsi-hero__copy,.rsi-hero__description{will-change:auto}}

/* Word-by-word headline reveal: masked upward entry with a restrained 110ms cadence. */
.rsi-hero__title .rsi-title-line{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}
.rsi-hero__title .rsi-word-mask{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.1em;margin:0 .14em -.1em 0}
.rsi-hero__title .rsi-word{display:inline-block;opacity:0;transform:translateY(118%);will-change:transform,opacity}
.rsi-intro-ready .rsi-slide.is-active .rsi-word{animation:rsi-word-rise .82s cubic-bezier(.23,1,.32,1) forwards;animation-delay:calc(.64s + (var(--rsi-word-index) * .11s))}
@keyframes rsi-word-rise{from{opacity:0;transform:translateY(118%)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.rsi-hero__title .rsi-word{opacity:1;transform:none;animation:none!important}}

/* Transparent RSI mark and compact editorial navigation inspired by the reference. */
.rsi-brand{gap:.85rem}
.rsi-brand img{width:5.75rem;height:3.15rem;padding:0;background:transparent;filter:drop-shadow(0 2px 8px rgba(0,0,0,.24))}
.rsi-brand small{display:none}
.rsi-navigation{gap:clamp(1.2rem,2.3vw,2.6rem)}
.rsi-navigation a{font-family:"Space Grotesk",Arial,sans-serif;font-size:.56rem;font-weight:500;letter-spacing:.13em;text-transform:uppercase}
.rsi-navigation span{margin-left:.32rem;margin-right:0;color:rgba(255,255,255,.5);font-size:.48rem;letter-spacing:0}
.rsi-status{font-family:"Space Grotesk",Arial,sans-serif;font-size:.55rem;letter-spacing:.1em;text-transform:uppercase}
.rsi-header-actions{gap:1rem}
@media(max-width:640px){.rsi-brand img{width:6.2rem;height:3.3rem}.rsi-brand small{display:none}}

/* Header navigation calibration — 14px desktop menu with balanced editorial spacing. */
.rsi-header{gap:clamp(1.25rem,2.4vw,2.75rem)}
.rsi-navigation{gap:clamp(1.45rem,2.55vw,3rem)}
.rsi-navigation a{position:relative;font-size:14px;line-height:1;letter-spacing:.055em;white-space:nowrap}
.rsi-navigation a::after{position:absolute;right:0;bottom:-.55rem;left:0;height:1px;background:var(--red);content:"";opacity:0;transform:scaleX(.45);transform-origin:left;transition:opacity .22s ease,transform .3s var(--ease)}
.rsi-navigation a:hover::after,.rsi-navigation a:focus-visible::after{opacity:1;transform:scaleX(1)}
.rsi-navigation span{margin-left:.42rem;font-size:.58rem;vertical-align:top}
.rsi-header-actions{min-height:3.15rem;gap:1.15rem}
@media(max-width:1100px) and (min-width:901px){.rsi-navigation{gap:1.35rem}.rsi-navigation a{font-size:13px;letter-spacing:.045em}.rsi-status{display:none}}
@media(max-width:900px){.rsi-header.is-open .rsi-navigation a{font-size:14px;letter-spacing:.045em}.rsi-header.is-open .rsi-navigation a::after{display:none}}

/* Home hero — full-bleed Elementor section; the slider owns the viewport, not a boxed editor container. */
.rsi-elementor-page--home .elementor.elementor-530>.elementor-top-section:first-child{width:100%;max-width:none;margin:0}.rsi-elementor-page--home .elementor.elementor-530>.elementor-top-section:first-child>.elementor-container{width:100%;max-width:none!important;margin:0;padding:0}.rsi-elementor-page--home .elementor.elementor-530>.elementor-top-section:first-child .elementor-column,.rsi-elementor-page--home .elementor.elementor-530>.elementor-top-section:first-child .elementor-widget-wrap,.rsi-elementor-page--home .elementor.elementor-530>.elementor-top-section:first-child .elementor-widget-container{width:100%;margin:0;padding:0}.rsi-elementor-page--home .elementor.elementor-530>.elementor-top-section:first-child .rsi-hero{width:100%;min-height:100svh;height:100svh}
@media(max-width:640px){.rsi-elementor-page--home .elementor.elementor-530>.elementor-top-section:first-child .rsi-hero{min-height:100svh;height:100svh}}

/* Projects page — Gismark Lagoon: an asymmetric editorial case study with image-led pacing and measured crimson accents. */
.rsi-project-page{background:var(--paper)}.rsi-project-hero{position:relative;min-height:min(52rem,100svh);overflow:hidden;color:#fff;background:#1d2428}.rsi-project-hero .rsi-project-hero__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.025);animation:rsi-project-hero-in 1.55s var(--ease) both}.rsi-project-hero__veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,15,20,.84) 0%,rgba(8,15,20,.45) 39%,rgba(8,15,20,.12) 72%),linear-gradient(0deg,rgba(8,15,20,.58),transparent 55%)}.rsi-project-hero__rule{position:absolute;top:0;bottom:0;left:clamp(1.25rem,8vw,10rem);width:1px;background:rgba(255,255,255,.25)}.rsi-project-hero__content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;min-height:min(52rem,100svh);padding-bottom:clamp(4rem,10vh,7rem)}.rsi-project-kicker{display:flex;align-items:center;gap:.6rem;color:rgba(255,255,255,.72);font-size:.7rem;letter-spacing:.13em;text-transform:uppercase}.rsi-project-kicker i{display:block;width:.48rem;height:.48rem;border-radius:50%;background:var(--red);box-shadow:0 0 0 4px rgba(199,25,49,.28)}.rsi-project-hero__crumb{order:-1;margin:0 auto auto 0;padding-top:8.25rem;color:rgba(255,255,255,.62);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase}.rsi-project-hero h1{max-width:54rem;margin:1.2rem 0 1.5rem;font-size:clamp(4.5rem,10vw,10.5rem);font-weight:500;letter-spacing:-.1em;line-height:.82}.rsi-project-hero h1 em{color:var(--red);font-style:normal}.rsi-project-scroll{display:inline-flex;align-items:center;gap:1rem;width:max-content;padding-bottom:.6rem;color:#fff;border-bottom:1px solid rgba(255,255,255,.52);font-size:.75rem;letter-spacing:.08em;transition:gap .3s var(--ease),border-color .2s}.rsi-project-scroll:hover{gap:1.45rem;border-color:var(--red)}.rsi-project-scroll span{color:var(--red);font-size:1.15rem}.rsi-project-hero__aside{position:absolute;z-index:2;right:clamp(1.25rem,4vw,4.75rem);bottom:2.2rem;display:flex;gap:1.4rem;color:rgba(255,255,255,.62);font-size:.61rem;letter-spacing:.12em;text-transform:uppercase}.rsi-project-hero__aside span+span{padding-left:1.4rem;border-left:1px solid rgba(255,255,255,.36)}@keyframes rsi-project-hero-in{from{opacity:0;transform:scale(1.1)}to{opacity:1;transform:scale(1.025)}}
.rsi-project-intro{overflow:hidden}.rsi-project-intro__grid{display:grid;grid-template-columns:.45fr 1.5fr .8fr;gap:clamp(2rem,6vw,7rem);align-items:start}.rsi-project-intro__index{display:flex;flex-direction:column;gap:1rem;color:var(--gray);font-family:"Space Grotesk",sans-serif;font-size:.68rem;letter-spacing:.13em;text-transform:uppercase}.rsi-project-intro__index span{color:var(--red);font-size:2rem;letter-spacing:-.08em}.rsi-project-intro__copy h2,.rsi-floor-explorer__heading h2,.rsi-project-unit__copy h2,.rsi-project-close h2{margin:1.3rem 0 1.7rem;font-size:clamp(2.9rem,5.6vw,6.5rem);font-weight:500;letter-spacing:-.095em;line-height:.93}.rsi-project-intro__copy h2 em,.rsi-floor-explorer__heading h2 em,.rsi-project-close h2 em{color:var(--red);font-style:normal}.rsi-project-intro__copy p{max-width:38rem;margin:0;color:var(--ink-soft);font-size:1rem;line-height:2}.rsi-project-facts{display:grid;grid-template-columns:1fr;gap:0;margin:0;border-top:1px solid var(--line)}.rsi-project-facts div{display:grid;grid-template-columns:.82fr 1.2fr;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line)}.rsi-project-facts dt{color:var(--gray);font-size:.64rem;letter-spacing:.11em;text-transform:uppercase}.rsi-project-facts dd{margin:0;font-size:.83rem;font-weight:500}.rsi-project-image-band{position:relative;display:grid;grid-template-columns:1.28fr .72fr;gap:clamp(1rem,4vw,5rem);align-items:end;max-width:1600px;margin:0 auto;padding:0 clamp(1.25rem,4vw,4.75rem) clamp(5rem,10vw,10rem)}.rsi-project-image-band__primary,.rsi-project-image-band__secondary{position:relative;overflow:hidden;background:var(--paper-soft)}.rsi-project-image-band__primary{aspect-ratio:1.28/1}.rsi-project-image-band__secondary{width:84%;aspect-ratio:.85/1;margin-bottom:-5.5rem}.rsi-project-image-band img{width:100%;height:100%!important;object-fit:cover;transition:transform .75s var(--ease)}.rsi-project-image-band__primary:hover img,.rsi-project-image-band__secondary:hover img{transform:scale(1.04)}.rsi-project-image-band__caption{position:absolute;right:5%;bottom:calc(2.3rem + 5.5rem);max-width:13rem;margin:0;color:#fff;font-size:clamp(1rem,1.55vw,1.35rem);font-weight:500;letter-spacing:-.04em;line-height:1.1;text-shadow:0 2px 12px rgba(0,0,0,.33)}
.rsi-project-elementor{padding-block:clamp(3.5rem,7vw,7rem);background:var(--paper-soft)}.rsi-project-elementor .elementor-heading-title{font-family:"Space Grotesk",Arial,sans-serif;letter-spacing:-.06em}.rsi-project-elementor .elementor-button{border-radius:0;background:var(--red)}

/* Portfolio index — editorial image grid that gives every RSI project a dedicated entry point and a scalable future structure. */
.rsi-portfolio-page{background:var(--paper)}.rsi-portfolio-hero{position:relative;overflow:hidden;color:#fff;background:var(--ink)}.rsi-portfolio-hero::before{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.12) .6px,transparent .6px);background-size:7px 7px;content:""}.rsi-portfolio-hero__grid{position:relative;display:grid;grid-template-columns:1.25fr .55fr;gap:8vw;align-items:end;min-height:clamp(28rem,60vh,43rem);padding-top:9rem;padding-bottom:5rem}.rsi-portfolio-hero h1{margin:1.15rem 0 0;font-size:clamp(4rem,8vw,8.7rem);font-weight:500;letter-spacing:-.1em;line-height:.85}.rsi-portfolio-hero h1 em{color:var(--red);font-style:normal}.rsi-portfolio-hero__copy{align-self:end;padding-bottom:.45rem}.rsi-portfolio-hero__copy p{max-width:22rem;margin:0;color:rgba(255,255,255,.68);font-size:1rem;line-height:1.9}.rsi-portfolio-hero__copy span{display:block;margin-top:2rem;color:rgba(255,255,255,.4);font-size:.64rem;letter-spacing:.14em;text-transform:uppercase}.rsi-portfolio-list__header{display:grid;grid-template-columns:1.2fr .55fr;gap:8vw;align-items:end}.rsi-portfolio-list__header h2{margin:1.1rem 0 0;font-size:clamp(3rem,6.5vw,7.4rem);font-weight:500;letter-spacing:-.1em;line-height:.88}.rsi-portfolio-list__header h2 span{color:var(--gray)}.rsi-portfolio-list__header p{max-width:22rem;margin:0 0 .8rem;color:var(--ink-soft);font-size:.95rem;line-height:1.9}.rsi-portfolio-filters{display:flex;gap:1.6rem;margin-top:4rem;padding-bottom:1.1rem;border-bottom:1px solid var(--line);color:var(--gray);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase}.rsi-portfolio-filters .is-active{color:var(--ink)}.rsi-portfolio-filters .is-active::after{display:inline-block;width:.38rem;height:.38rem;margin-left:.55rem;background:var(--red);border-radius:50%;content:""}.rsi-portfolio-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(1.2rem,3vw,3.5rem);padding-top:clamp(2rem,5vw,5rem)}.rsi-portfolio-card{display:block;grid-column:span 8;color:var(--ink)}.rsi-portfolio-card__image{position:relative;overflow:hidden;background:var(--paper-soft);aspect-ratio:1.55/1}.rsi-portfolio-card__image::after{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.35),transparent 50%);content:"";opacity:0;transition:opacity .35s}.rsi-portfolio-card__image img{width:100%;height:100%!important;object-fit:cover;transition:transform .8s var(--ease)}.rsi-portfolio-card:hover .rsi-portfolio-card__image img{transform:scale(1.05)}.rsi-portfolio-card:hover .rsi-portfolio-card__image::after{opacity:1}.rsi-portfolio-card__mark{position:absolute;z-index:2;top:1.25rem;left:1.25rem;display:grid;width:2.6rem;height:2.6rem;place-items:center;color:#fff;border:1px solid rgba(255,255,255,.72);border-radius:50%;font-size:.64rem;letter-spacing:.06em}.rsi-portfolio-card__caption{display:grid;grid-template-columns:1fr auto;gap:.6rem 1rem;padding-top:1rem;border-top:1px solid var(--line)}.rsi-portfolio-card__caption small{grid-column:1/-1;color:var(--gray);font-size:.63rem;letter-spacing:.11em;text-transform:uppercase}.rsi-portfolio-card__caption strong{font-size:clamp(1.35rem,2.2vw,2rem);font-weight:500;letter-spacing:-.06em}.rsi-portfolio-card__caption>span{align-self:end;color:var(--gray);font-size:.7rem}.rsi-portfolio-card__caption i{color:var(--red);font-size:1rem;font-style:normal}.rsi-portfolio-close{color:#fff;background:#6b6e71}.rsi-portfolio-close .rsi-container{display:grid;grid-template-columns:.45fr 1.3fr;gap:6vw;align-items:start;padding-block:clamp(4rem,8vw,8rem)}.rsi-portfolio-close p{max-width:39rem;margin:0;font-size:clamp(1.8rem,3.3vw,3.65rem);font-weight:500;letter-spacing:-.075em;line-height:1.04}
@media(max-width:640px){.rsi-portfolio-hero__grid,.rsi-portfolio-list__header{display:block;min-height:auto;padding-top:8rem;padding-bottom:4.5rem}.rsi-portfolio-hero__copy{margin-top:3rem}.rsi-portfolio-list__header p{margin-top:2rem}.rsi-portfolio-filters{margin-top:3rem}.rsi-portfolio-grid{display:block;padding-top:2.2rem}.rsi-portfolio-card{width:100%}.rsi-portfolio-card__image{aspect-ratio:1.05/1}.rsi-portfolio-card__caption>span{font-size:.63rem}.rsi-portfolio-close .rsi-container{display:block}.rsi-portfolio-close p{margin-top:2rem}}

/* White-site refinement — editorial sections stay bright and open; gray is reserved for the global footer. */
:root{--paper:#fff;--paper-soft:#fff}.rsi-section--dark,.rsi-process,.rsi-contact,.rsi-portfolio-hero,.rsi-portfolio-close,.rsi-floor-explorer,.rsi-project-close,.rsi-quote,.rsi-project-elementor{color:var(--ink);background:#fff}.rsi-section--dark::before,.rsi-floor-explorer::before{background:var(--line)}.rsi-section--dark .rsi-eyebrow,.rsi-process .rsi-eyebrow,.rsi-contact .rsi-eyebrow,.rsi-portfolio-hero .rsi-eyebrow,.rsi-portfolio-close .rsi-eyebrow,.rsi-floor-explorer .rsi-eyebrow,.rsi-project-close .rsi-eyebrow{color:var(--gray)}.rsi-section--dark .rsi-eyebrow::before,.rsi-process .rsi-eyebrow::before,.rsi-contact .rsi-eyebrow::before,.rsi-portfolio-hero .rsi-eyebrow::before,.rsi-portfolio-close .rsi-eyebrow::before,.rsi-floor-explorer .rsi-eyebrow::before,.rsi-project-close .rsi-eyebrow::before{background:var(--red);box-shadow:0 0 0 3px rgba(199,25,49,.14)}.rsi-intro-copy p,.rsi-process__intro p,.rsi-step p,.rsi-contact p{color:var(--ink-soft)}.rsi-index{color:var(--gray)}.rsi-process::before,.rsi-portfolio-hero::before{opacity:0}.rsi-process__intro h2,.rsi-step h3,.rsi-contact h2{color:var(--ink)}.rsi-step{border-color:var(--line)}.rsi-step__kicker{color:var(--gray)}.rsi-process__intro h2 em,.rsi-contact h2 em{color:var(--red)}.rsi-contact::before{border-color:rgba(199,25,49,.36);box-shadow:0 0 0 2rem rgba(199,25,49,.05),0 0 0 6rem rgba(199,25,49,.02)}.rsi-contact__email{color:var(--red)}.rsi-portfolio-hero h1{color:var(--ink)}.rsi-portfolio-hero__copy p{color:var(--ink-soft)}.rsi-portfolio-hero__copy span{color:var(--gray)}.rsi-portfolio-close p{color:var(--ink)}.rsi-floor-explorer::before{display:none}.rsi-floor-explorer__heading p{color:var(--ink-soft)}.rsi-floor-explorer__tabs{border-color:var(--line)}.rsi-floor-tab{color:var(--gray);border-color:var(--line)}.rsi-floor-tab:hover,.rsi-floor-tab:focus-visible,.rsi-floor-tab.is-active{color:var(--ink);background:rgba(41,44,47,.04)}.rsi-floor-panel__content>span{color:var(--gray)}.rsi-floor-panel__content h3{color:var(--ink)}.rsi-floor-panel__content dl{border-color:var(--line)}.rsi-floor-panel__content dl div{border-color:var(--line)}.rsi-floor-panel__content dt{color:var(--gray)}.rsi-floor-panel__content dd{color:var(--ink)}.rsi-floor-panel__content p{color:var(--ink-soft)}.rsi-project-close::after{border-color:rgba(199,25,49,.38);box-shadow:0 0 0 3rem rgba(199,25,49,.05),0 0 0 8rem rgba(199,25,49,.025)}.rsi-project-close__link{color:var(--ink);border-color:var(--line)}.rsi-project-close__link:hover{color:var(--red);border-color:var(--red)}.rsi-footer{background:#6b6e71}.rsi-header--light{color:var(--ink)}.rsi-header--light .rsi-brand img{filter:none}.rsi-header--light .rsi-navigation a:hover{color:var(--red)}.rsi-header--light .rsi-navigation span{color:var(--gray)}.rsi-header--light .rsi-status{color:var(--ink)}.rsi-header--light .rsi-menu-toggle{color:var(--ink);border-color:var(--line)}@media(max-width:900px){.rsi-header--light.is-open .rsi-navigation{background:rgba(255,255,255,.98);border-color:var(--line)}.rsi-header--light.is-open .rsi-navigation a{color:var(--ink);border-color:var(--line)}}
.rsi-portfolio-hero [data-rsi-reveal]{opacity:1;transform:none}
.rsi-floor-explorer{overflow:hidden;background:#262a2d}.rsi-floor-explorer::before{right:12%;background:rgba(255,255,255,.11)}.rsi-floor-explorer__heading{display:grid;grid-template-columns:1.25fr .55fr;gap:6vw;align-items:end}.rsi-floor-explorer__heading p{max-width:23rem;margin:0 0 1rem;color:rgba(255,255,255,.62);font-size:.92rem;line-height:1.9}.rsi-floor-explorer__tabs{display:flex;gap:0;margin-top:4rem;border-top:1px solid rgba(255,255,255,.25);border-bottom:1px solid rgba(255,255,255,.25)}.rsi-floor-tab{position:relative;flex:1;padding:1.1rem 1rem 1.05rem;color:rgba(255,255,255,.54);background:transparent;border:0;border-right:1px solid rgba(255,255,255,.18);font-size:.79rem;letter-spacing:.06em;text-align:left;transition:color .22s ease,background .22s ease}.rsi-floor-tab:last-child{border-right:0}.rsi-floor-tab span{margin-right:.5rem;color:var(--red);font-size:.62rem}.rsi-floor-tab::after{position:absolute;right:0;bottom:-1px;left:0;height:2px;background:var(--red);content:"";opacity:0;transform:scaleX(.4);transition:opacity .2s,transform .35s var(--ease)}.rsi-floor-tab:hover,.rsi-floor-tab:focus-visible,.rsi-floor-tab.is-active{color:#fff;background:rgba(255,255,255,.05);outline:0}.rsi-floor-tab.is-active::after{opacity:1;transform:scaleX(1)}.rsi-floor-explorer__stage{margin-top:3rem}.rsi-floor-panel{display:grid;grid-template-columns:1.45fr .55fr;gap:clamp(1.5rem,5vw,6rem);align-items:center}.rsi-floor-panel[hidden]{display:none}.rsi-floor-panel.is-active{animation:rsi-floor-in .62s var(--ease) both}.rsi-floor-panel__plan{position:relative;overflow:hidden;min-height:28rem;margin:0;background:#e9eae9}.rsi-floor-panel__plan img{display:block;width:100%;height:100%!important;min-height:28rem;object-fit:cover;object-position:center}.rsi-floor-panel__content>span{color:rgba(255,255,255,.48);font-size:.63rem;letter-spacing:.13em;text-transform:uppercase}.rsi-floor-panel__content h3{margin:.75rem 0 2rem;font-size:clamp(2.5rem,4.5vw,4.8rem);font-weight:500;letter-spacing:-.08em;line-height:.9}.rsi-floor-panel__content dl{margin:0;border-top:1px solid rgba(255,255,255,.24)}.rsi-floor-panel__content dl div{display:grid;grid-template-columns:.9fr 1.15fr;gap:.8rem;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.18)}.rsi-floor-panel__content dt{color:rgba(255,255,255,.44);font-size:.61rem;letter-spacing:.1em;text-transform:uppercase}.rsi-floor-panel__content dd{margin:0;color:#fff;font-size:.79rem}.rsi-floor-panel__content p{margin:1.65rem 0 0;color:rgba(255,255,255,.62);font-size:.88rem;line-height:1.75}@keyframes rsi-floor-in{from{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}
.rsi-project-unit{overflow:hidden}.rsi-project-unit__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2.5rem,9vw,10rem);align-items:center}.rsi-project-unit__plan{position:relative;overflow:hidden;background:#a5c7df;aspect-ratio:1.1/1}.rsi-project-unit__plan::before{position:absolute;z-index:1;top:1rem;left:1rem;width:4rem;height:4rem;border-top:1px solid rgba(255,255,255,.85);border-left:1px solid rgba(255,255,255,.85);content:""}.rsi-project-unit__plan img{width:100%;height:100%!important;object-fit:cover}.rsi-project-unit__copy h2 span{color:var(--gray)}.rsi-project-unit__copy p{max-width:31rem;margin:0;color:var(--ink-soft);font-size:1rem;line-height:1.95}.rsi-project-unit__numbers{display:flex;gap:1.5rem;margin-top:2.6rem;padding-top:1.3rem;border-top:1px solid var(--line)}.rsi-project-unit__numbers span{color:var(--gray);font-size:.67rem;line-height:1.5}.rsi-project-unit__numbers b{display:inline-block;margin-bottom:.3rem;color:var(--ink);font-size:1.9rem;font-weight:500;letter-spacing:-.06em}.rsi-project-close{position:relative;overflow:hidden;color:#fff;background:var(--ink)}.rsi-project-close::after{position:absolute;top:50%;right:-7rem;width:27rem;height:27rem;border:1px solid rgba(199,25,49,.55);border-radius:50%;box-shadow:0 0 0 3rem rgba(199,25,49,.06),0 0 0 8rem rgba(199,25,49,.035);content:"";transform:translateY(-50%)}.rsi-project-close__grid{position:relative;z-index:1;display:grid;grid-template-columns:.55fr 1.3fr .6fr;gap:3rem;align-items:end;padding-block:clamp(5.5rem,10vw,10rem)}.rsi-project-close h2{margin:1.2rem 0 0}.rsi-project-close__link{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 0;color:#fff;border-bottom:1px solid rgba(255,255,255,.45);font-size:.85rem;transition:color .2s,border-color .2s}.rsi-project-close__link:hover{color:var(--red);border-color:var(--red)}.rsi-project-close__link span{font-size:1.3rem}
@media(max-width:900px){.rsi-project-hero__content{padding-bottom:4rem}.rsi-project-intro__grid{grid-template-columns:.25fr 1.3fr .75fr;gap:2.4rem}.rsi-project-image-band__secondary{margin-bottom:-3rem}.rsi-project-image-band__caption{bottom:calc(1.6rem + 3rem)}.rsi-floor-panel{grid-template-columns:1fr .7fr;gap:2rem}.rsi-project-close__grid{grid-template-columns:.4fr 1.25fr .7fr;gap:2rem}}
@media(max-width:640px){.rsi-project-hero{min-height:44rem}.rsi-project-hero .rsi-project-hero__image{object-position:25% center}.rsi-project-hero__rule{left:1.25rem}.rsi-project-hero__content{min-height:44rem;padding-bottom:3rem}.rsi-project-hero__crumb{padding-top:6.7rem;font-size:.52rem}.rsi-project-hero h1{margin:1rem 0 1.5rem;font-size:clamp(4.3rem,19vw,6.3rem)}.rsi-project-hero__aside{right:1.25rem;bottom:1.25rem;left:1.25rem;justify-content:space-between;font-size:.53rem}.rsi-project-hero__aside span+span{padding-left:0;border-left:0}.rsi-project-intro__grid,.rsi-project-unit__grid,.rsi-project-close__grid{display:block}.rsi-project-intro__index{flex-direction:row;align-items:center;margin-bottom:3rem}.rsi-project-intro__index span{font-size:1.4rem}.rsi-project-facts{margin-top:3rem}.rsi-project-image-band{display:block;padding-bottom:6rem}.rsi-project-image-band__primary{aspect-ratio:1/1.04}.rsi-project-image-band__secondary{width:76%;margin:-2.5rem 0 0 auto}.rsi-project-image-band__caption{right:auto;bottom:6.9rem;left:2.4rem}.rsi-floor-explorer__heading{display:block}.rsi-floor-explorer__heading p{margin-top:2rem}.rsi-floor-explorer__tabs{overflow-x:auto;margin:3rem -1.25rem 0}.rsi-floor-tab{flex:0 0 8rem;padding:.95rem .75rem;font-size:.72rem}.rsi-floor-explorer__stage{margin-top:2rem}.rsi-floor-panel{display:block}.rsi-floor-panel__plan,.rsi-floor-panel__plan img{min-height:0}.rsi-floor-panel__plan{aspect-ratio:1/1}.rsi-floor-panel__content{padding-top:1.8rem}.rsi-floor-panel__content h3{margin-bottom:1.4rem}.rsi-project-unit__copy{padding-top:3rem}.rsi-project-unit__numbers{gap:1.1rem}.rsi-project-unit__numbers b{font-size:1.5rem}.rsi-project-close__grid{padding-block:5.5rem}.rsi-project-close__link{width:min(100%,22rem);margin-top:2.4rem}.rsi-project-close::after{right:-14rem;width:23rem;height:23rem}}
@media(prefers-reduced-motion:reduce){.rsi-project-hero__image,.rsi-floor-panel.is-active{animation:none}.rsi-project-image-band img{transition:none}}

/* Portfolio location filters — city first, then its scoped sub-areas, designed for future project growth. */
.rsi-portfolio-filterbar{display:grid;grid-template-columns:.5fr 1.55fr;gap:1.4rem 3rem;align-items:start;margin-top:4rem;padding-block:1.2rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.rsi-portfolio-filterbar__label{padding-top:.65rem;color:var(--gray);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase}.rsi-portfolio-filterbar__cities,.rsi-portfolio-filterbar__areas{display:flex;flex-wrap:wrap;gap:.65rem}.rsi-portfolio-filterbar button{padding:.55rem .8rem;color:var(--gray);background:transparent;border:1px solid var(--line);border-radius:0;font-family:"Space Grotesk",Arial,sans-serif;font-size:.68rem;letter-spacing:.055em;transition:color .2s,background .2s,border-color .2s}.rsi-portfolio-filterbar button:hover,.rsi-portfolio-filterbar button:focus-visible,.rsi-portfolio-filterbar button.is-active{color:#fff;background:var(--ink);border-color:var(--ink);outline:0}.rsi-portfolio-filterbar button.is-active::before{display:inline-block;width:.36rem;height:.36rem;margin-right:.45rem;border-radius:50%;background:var(--red);content:""}.rsi-portfolio-filterbar__areas{grid-column:2}.rsi-portfolio-filterbar__area-group{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem .65rem}.rsi-portfolio-filterbar__area-group>span{margin-right:.1rem;color:var(--gray);font-size:.6rem;letter-spacing:.11em;text-transform:uppercase}.rsi-portfolio-card[hidden]{display:none!important}.rsi-portfolio-empty{margin:2rem 0 0;color:var(--gray);font-size:.9rem}.rsi-portfolio-empty[hidden]{display:none}
@media(max-width:640px){.rsi-portfolio-filterbar{display:block;margin-top:3rem}.rsi-portfolio-filterbar__label{padding-top:0;margin-bottom:.8rem}.rsi-portfolio-filterbar__areas{margin-top:.85rem;padding-top:.85rem;border-top:1px solid var(--line)}.rsi-portfolio-filterbar__area-group{margin-bottom:.75rem}}

/* Final white-surface cascade — content sections use white; only the global footer retains the approved gray material. */
.rsi-floor-explorer,.rsi-project-close{color:var(--ink);background:#fff}.rsi-floor-explorer::before{display:none}.rsi-floor-explorer__heading p{color:var(--ink-soft)}.rsi-floor-explorer__tabs{border-color:var(--line)}.rsi-floor-tab{color:var(--gray);border-color:var(--line)}.rsi-floor-tab:hover,.rsi-floor-tab:focus-visible,.rsi-floor-tab.is-active{color:var(--ink);background:rgba(41,44,47,.04)}.rsi-floor-panel__content>span{color:var(--gray)}.rsi-floor-panel__content h3{color:var(--ink)}.rsi-floor-panel__content dl,.rsi-floor-panel__content dl div{border-color:var(--line)}.rsi-floor-panel__content dt{color:var(--gray)}.rsi-floor-panel__content dd{color:var(--ink)}.rsi-floor-panel__content p{color:var(--ink-soft)}.rsi-project-close::after{border-color:rgba(199,25,49,.38);box-shadow:0 0 0 3rem rgba(199,25,49,.05),0 0 0 8rem rgba(199,25,49,.025)}.rsi-project-close__link{color:var(--ink);border-color:var(--line)}.rsi-project-close__link:hover{color:var(--red);border-color:var(--red)}.rsi-footer{background:#6b6e71}

/* Gismark unit register — every supplied Building B unit is reachable by floor and rendered from its individual source page. */
.rsi-unit-library{background:#fff}.rsi-unit-library__heading{display:grid;grid-template-columns:1.2fr .55fr;gap:8vw;align-items:end}.rsi-unit-library__heading h2{margin:1.2rem 0 0;font-size:clamp(2.8rem,5.8vw,6.5rem);font-weight:500;letter-spacing:-.1em;line-height:.9}.rsi-unit-library__heading h2 span{color:var(--gray)}.rsi-unit-library__heading p{max-width:23rem;margin:0 0 .4rem;color:var(--ink-soft);font-size:.93rem;line-height:1.9}.rsi-unit-library__metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:4rem;padding-block:1.15rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.rsi-unit-library__metrics span{color:var(--gray);font-size:.65rem;line-height:1.55;text-transform:uppercase}.rsi-unit-library__metrics b{display:block;margin-bottom:.25rem;color:var(--ink);font-size:1.45rem;font-weight:500;letter-spacing:-.07em}.rsi-unit-library__tabs{display:flex;gap:.55rem;margin-top:2.3rem}.rsi-unit-library__tab{padding:.7rem 1.05rem;color:var(--gray);background:#fff;border:1px solid var(--line);border-radius:0;font-family:"Space Grotesk",Arial,sans-serif;font-size:.72rem;letter-spacing:.05em;text-transform:uppercase;transition:color .2s,background .2s,border-color .2s}.rsi-unit-library__tab:hover,.rsi-unit-library__tab:focus-visible,.rsi-unit-library__tab.is-active{color:#fff;background:var(--ink);border-color:var(--ink);outline:0}.rsi-unit-floor{padding-top:2rem}.rsi-unit-floor__intro{display:grid;grid-template-columns:1.2fr .55fr;gap:8vw;align-items:end}.rsi-unit-floor__intro>div>span,.rsi-unit-detail__copy>span{color:var(--gray);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase}.rsi-unit-floor__intro h3{margin:.6rem 0 0;font-size:clamp(1.8rem,3vw,3.2rem);font-weight:500;letter-spacing:-.07em}.rsi-unit-floor__intro p{max-width:25rem;margin:0;color:var(--ink-soft);font-size:.9rem;line-height:1.8}.rsi-unit-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.55rem;margin-top:1.8rem}.rsi-unit-card{position:relative;min-height:7.5rem;padding:1rem;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:0;text-align:left;transition:transform .22s var(--ease),border-color .2s,box-shadow .22s}.rsi-unit-card:hover,.rsi-unit-card:focus-visible,.rsi-unit-card.is-active{z-index:1;border-color:var(--ink);box-shadow:0 .55rem 1.25rem rgba(25,28,31,.09);outline:0;transform:translateY(-.18rem)}.rsi-unit-card>span{display:block;font-size:.72rem;font-weight:600;letter-spacing:.01em}.rsi-unit-card strong{display:block;margin-top:.5rem;color:var(--red);font-size:1.2rem;font-weight:500;letter-spacing:-.07em}.rsi-unit-card small{display:block;margin-top:.25rem;color:var(--gray);font-size:.6rem;letter-spacing:.04em}.rsi-unit-card__status{position:absolute;right:.65rem;bottom:.6rem;color:var(--red);font-size:.52rem;font-style:normal;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.rsi-unit-detail-stage{margin-top:2rem}.rsi-unit-detail{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(1.5rem,5vw,6rem);align-items:start;padding:clamp(1rem,2vw,2rem);background:var(--paper-soft);border:1px solid var(--line);animation:rsi-unit-in .42s var(--ease) both}.rsi-unit-detail[hidden]{display:none}.rsi-unit-detail figure{margin:0;background:#dbe8ef}.rsi-unit-detail figure img{display:block;width:100%;height:auto;min-height:18rem;object-fit:cover}.rsi-unit-detail__copy{padding-top:.55rem}.rsi-unit-detail__copy h3{display:flex;flex-direction:column;gap:.35rem;margin:.8rem 0 1.6rem;font-size:clamp(2rem,3.7vw,4rem);font-weight:500;letter-spacing:-.09em;line-height:.9}.rsi-unit-detail__copy h3 em{color:var(--red);font-size:.32em;font-style:normal;letter-spacing:.05em}.rsi-unit-detail__copy dl{display:grid;grid-template-columns:repeat(2,1fr);margin:0;border-top:1px solid var(--line)}.rsi-unit-detail__copy dl div{display:flex;justify-content:space-between;gap:.7rem;padding:.75rem 0;border-bottom:1px solid var(--line)}.rsi-unit-detail__copy dt{color:var(--gray);font-size:.61rem;letter-spacing:.09em;text-transform:uppercase}.rsi-unit-detail__copy dd{margin:0;font-size:.74rem;font-weight:500}.rsi-unit-detail__notes{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.rsi-unit-detail__notes b{padding:.38rem .55rem;color:var(--ink);background:#e6e7e7;font-size:.62rem;letter-spacing:.07em;text-transform:uppercase}.rsi-unit-detail__notes b.is-status{color:#fff;background:var(--red)}.rsi-unit-detail__notes p{width:100%;margin:.2rem 0 0;color:var(--ink-soft);font-size:.78rem;line-height:1.65}@keyframes rsi-unit-in{from{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:translateY(0)}}
.rsi-project-contact-data{display:flex;flex-wrap:wrap;gap:.55rem 1rem;max-width:27rem;margin-top:2rem;padding-top:1rem;border-top:1px solid var(--line)}.rsi-project-contact-data span{width:100%;color:var(--gray);font-size:.61rem;letter-spacing:.1em;text-transform:uppercase}.rsi-project-contact-data a{color:var(--ink);font-size:.76rem;transition:color .2s}.rsi-project-contact-data a:hover{color:var(--red)}
.rsi-project-close__source-card{display:flex;align-items:end;gap:1rem;padding-top:2rem}.rsi-project-close__source-card img{width:min(100%,17rem);height:auto;border:1px solid var(--line)}.rsi-project-close__source-card p{margin:0 0 .2rem;color:var(--gray);font-size:.61rem;letter-spacing:.1em;text-transform:uppercase}@media(max-width:640px){.rsi-project-close__source-card{display:block}.rsi-project-close__source-card p{margin-top:.8rem}}
.rsi-unit-library--building-a{position:relative;margin-top:clamp(3rem,8vw,8rem);padding-top:0;border-top:1px solid var(--line)}.rsi-building-divider{display:grid;grid-template-columns:.25fr 1fr .65fr;gap:2rem;align-items:end;padding-block:clamp(3rem,7vw,7rem)}.rsi-building-divider>span{color:var(--red);font-size:clamp(2rem,4vw,4rem);font-weight:500;letter-spacing:-.1em}.rsi-building-divider small{color:var(--gray);font-size:.63rem;letter-spacing:.12em;text-transform:uppercase}.rsi-building-divider h2{margin:.55rem 0 0;font-size:clamp(3.2rem,6vw,6.7rem);font-weight:500;letter-spacing:-.1em;line-height:.8}.rsi-building-divider h2 em{color:var(--red);font-style:normal}.rsi-building-divider p{max-width:23rem;margin:0;color:var(--ink-soft);font-size:.9rem;line-height:1.85}.rsi-building-a-layout{position:relative;overflow:hidden;margin-bottom:clamp(3rem,7vw,7rem);background:#dbe8ef}.rsi-building-a-layout img{display:block;width:100%;height:auto;max-height:36rem;object-fit:cover;object-position:center}.rsi-building-a-layout span{position:absolute;bottom:1rem;left:1rem;padding:.45rem .65rem;color:#fff;background:rgba(25,28,31,.76);font-size:.62rem;letter-spacing:.09em;text-transform:uppercase}.rsi-building-floor-plan{margin:2rem 0 0;border:1px solid var(--line);background:#dbe8ef}.rsi-building-floor-plan img{display:block;width:100%;height:auto;max-height:34rem;object-fit:cover;object-position:center}@media(max-width:640px){.rsi-building-divider{display:block}.rsi-building-divider>span{display:block;margin-bottom:1.5rem}.rsi-building-divider p{margin-top:2rem}.rsi-building-a-layout{margin-bottom:3rem}.rsi-building-floor-plan{margin-top:1.5rem}}
.rsi-elementor-editable-content:empty,.rsi-project-elementor:has(.elementor:empty){display:none}.rsi-elementor-editable-content .elementor,.rsi-project-elementor .elementor{width:100%}
@media(max-width:900px){.rsi-unit-grid{grid-template-columns:repeat(4,1fr)}.rsi-unit-library__heading,.rsi-unit-floor__intro{gap:3rem}.rsi-unit-detail{gap:2rem}}

/* Projects page — starts directly at the filter bar, no intro/header copy above it. */
.rsi-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.rsi-portfolio-list--no-header{padding-block-start:clamp(6rem,12vw,9rem)}
.rsi-portfolio-list--no-header .rsi-portfolio-filterbar{margin-top:0}
@media(max-width:640px){.rsi-portfolio-list--no-header{padding-block-start:6.5rem}}

/* Gismark contact — heading with call / WhatsApp actions directly beneath it, no embedded form. */
.rsi-project-close__grid{align-items:center!important}
.rsi-project-close__grid--simple{grid-template-columns:.55fr 1.3fr}
.rsi-project-close__body h2{margin:0 0 1.6rem}
.rsi-contact-quick{display:flex;flex-wrap:wrap;gap:.9rem}
.rsi-contact-quick__icon{display:flex;align-items:center;gap:.65rem;padding:.85rem 1.1rem;color:var(--ink);background:#fff;border:1px solid var(--line);transition:border-color .2s,background .2s,color .2s}
.rsi-contact-quick__icon svg{flex:0 0 auto;width:1.15rem;height:1.15rem;color:inherit}
.rsi-contact-quick__icon span{font-size:.82rem;white-space:nowrap;direction:ltr}
.rsi-contact-quick__icon:hover,.rsi-contact-quick__icon:focus-visible{color:#fff;background:var(--red);border-color:var(--red);outline:0}
@media(max-width:640px){.rsi-project-close__grid--simple{grid-template-columns:1fr}.rsi-contact-quick{margin-top:.5rem}}

/* Unit availability filter — Building A / B unit registers, filters cards by status without leaving the floor tabs. */
.rsi-unit-filterbar{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem 1.4rem;margin-top:2.4rem;padding-block:1.1rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.rsi-unit-filterbar__label{color:var(--gray);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase}.rsi-unit-filterbar__buttons{display:flex;flex-wrap:wrap;gap:.6rem}.rsi-unit-filterbar button{padding:.5rem .8rem;color:var(--gray);background:transparent;border:1px solid var(--line);border-radius:0;font-family:"Space Grotesk",Arial,sans-serif;font-size:.66rem;letter-spacing:.05em;transition:color .2s,background .2s,border-color .2s}.rsi-unit-filterbar button:hover,.rsi-unit-filterbar button:focus-visible,.rsi-unit-filterbar button.is-active{color:#fff;background:var(--ink);border-color:var(--ink);outline:0}.rsi-unit-filterbar button.is-active::before{display:inline-block;width:.34rem;height:.34rem;margin-right:.4rem;border-radius:50%;background:var(--red);content:""}.rsi-unit-card[hidden]{display:none!important}.rsi-unit-empty{margin:1.2rem 0 0;color:var(--gray);font-size:.85rem}.rsi-unit-empty[hidden]{display:none}
@media(max-width:640px){.rsi-unit-filterbar{display:block;margin-top:2rem}.rsi-unit-filterbar__label{display:block;margin-bottom:.7rem}}
@media(max-width:640px){.rsi-unit-library__heading,.rsi-unit-floor__intro,.rsi-unit-detail{display:block}.rsi-unit-library__heading p,.rsi-unit-floor__intro p{margin-top:2rem}.rsi-unit-library__metrics{grid-template-columns:repeat(2,1fr);margin-top:3rem}.rsi-unit-library__tabs{overflow-x:auto;margin-right:-1.25rem;padding-right:1.25rem}.rsi-unit-library__tab{flex:0 0 auto}.rsi-unit-grid{grid-template-columns:repeat(2,1fr)}.rsi-unit-detail__copy{padding-top:1.8rem}.rsi-unit-detail figure img{min-height:0}.rsi-unit-detail__copy h3{font-size:2.45rem}.rsi-unit-detail__copy dl{grid-template-columns:1fr}}

/* Primary nav — home keeps white idle text (dark hero behind it); every other page uses light-gray idle text (white background there). Current page is always red. 15px in both languages. */
.rsi-navigation a{color:#fff;font-size:14px}
.rsi-navigation a:hover,.rsi-navigation a:focus-visible{color:var(--red);opacity:1}
.rsi-navigation a.rsi-nav-current{color:var(--red)}
.rsi-header--light .rsi-navigation a{color:var(--gray)}
.rsi-header--light .rsi-navigation a:hover,.rsi-header--light .rsi-navigation a:focus-visible{color:var(--red);opacity:1}
.rsi-header--light .rsi-navigation a.rsi-nav-current{color:var(--red)}
.rsi-navigation a.rsi-nav-current span{opacity:.85}

/* Projects grid card — smaller, softer image so it reads as a preview, not a full banner. */
.rsi-portfolio-card{grid-column:span 6}
.rsi-portfolio-card__image{border-radius:16px}
.rsi-portfolio-card__mark{top:1rem;left:1rem}
@media(max-width:900px){.rsi-portfolio-card{grid-column:span 12}}
@media(max-width:640px){.rsi-portfolio-card__image{border-radius:12px;aspect-ratio:1.3/1}}

/* Footer brand — full transparent logo, no white chip behind it. */
.rsi-footer__brand img{width:8.5rem;height:auto;background:transparent;padding:0}
.rsi-footer__bottom a{transition:color .2s ease}
.rsi-footer__bottom a:hover,.rsi-footer__bottom a:focus-visible{color:#fff}

/* Footer background — darker charcoal gray instead of the mid-gray, closer to black. */
.rsi-footer{background:#202224}

/* About page — story section (narrative + fact sheet) and mission statement link. */
.rsi-about-story__grid{display:grid;grid-template-columns:1.3fr .85fr;gap:clamp(2.5rem,7vw,7rem);align-items:start}
.rsi-about-story__copy h2{margin:1.1rem 0 1.6rem;font-size:clamp(2.4rem,4.4vw,4.2rem);font-weight:500;letter-spacing:-.08em;line-height:1.05}
.rsi-about-story__copy p{max-width:34rem;margin:0;color:var(--ink-soft);font-size:1rem;line-height:1.95}
.rsi-about-story__facts{margin-top:0}
.rsi-about-mission__link{display:inline-flex;align-items:center;gap:.6rem;margin-top:2.2rem;padding-bottom:.5rem;color:var(--ink);border-bottom:1px solid var(--line);font-size:.9rem;transition:color .2s,border-color .2s}
.rsi-about-mission__link:hover{color:var(--red);border-color:var(--red)}
.rsi-contact-branches__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem;margin-top:3rem;padding-top:3rem;border-top:1px solid var(--line)}
.rsi-contact-branches__branch h3{margin:0 0 1.1rem;font-family:"IBM Plex Sans Arabic",sans-serif;font-size:1.6rem;font-weight:500;letter-spacing:-.04em}
.rsi-contact-branches__email{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--line)}
.rsi-contact-branches__email .rsi-contact__email{margin-top:1rem}
@media(max-width:640px){.rsi-contact-branches__grid{grid-template-columns:1fr;gap:2.5rem}}
@media(max-width:900px){.rsi-about-story__grid{grid-template-columns:1fr;gap:3rem}}

/* Gismark project gallery — masterplan + lifestyle shots in a lightbox-ready grid. */
.rsi-section-head-simple{max-width:38rem;margin-bottom:3rem}
.rsi-section-head-simple h2{margin:1rem 0 0;font-size:clamp(2.2rem,4vw,3.6rem);font-weight:500;letter-spacing:-.08em;line-height:1.05}
.rsi-gallery{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:14rem;gap:1rem}
.rsi-gallery__item{position:relative;display:block;overflow:hidden;background:var(--paper-soft);border-radius:10px}
.rsi-gallery__item--featured{grid-column:span 2;grid-row:span 2}
.rsi-gallery__item img{width:100%;height:100%!important;object-fit:cover;transition:transform .6s var(--ease)}
.rsi-gallery__item:hover img{transform:scale(1.06)}
.rsi-gallery__caption{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.9rem 1.1rem;color:#fff;background:linear-gradient(0deg,rgba(0,0,0,.65),transparent);font-size:.72rem;letter-spacing:.04em;opacity:0;transform:translateY(.4rem);transition:opacity .25s ease,transform .25s ease}
.rsi-gallery__item:hover .rsi-gallery__caption,.rsi-gallery__item:focus-visible .rsi-gallery__caption{opacity:1;transform:translateY(0)}
.rsi-gallery__caption i{font-style:normal;font-size:.9rem}
@media(max-width:900px){.rsi-gallery{grid-template-columns:repeat(2,1fr);grid-auto-rows:10rem}.rsi-gallery__item--featured{grid-column:span 2;grid-row:span 1;aspect-ratio:16/9;height:auto}}
@media(max-width:640px){.rsi-gallery{grid-template-columns:1fr;grid-auto-rows:auto}.rsi-gallery__item{aspect-ratio:4/3}.rsi-gallery__item--featured{grid-column:span 1;aspect-ratio:4/3}.rsi-gallery__caption{opacity:1;transform:none;background:linear-gradient(0deg,rgba(0,0,0,.55),transparent)}}

/* Site-wide whitespace pass — tighter section rhythm across every page. */
.rsi-section{padding-block:3.5rem}
.rsi-project-close__grid{padding-block:clamp(3.5rem,6vw,6rem)}
.rsi-portfolio-hero__grid{padding-top:7rem;padding-bottom:3rem}
.rsi-project-intro__grid{gap:clamp(1.5rem,4vw,4rem)}
.rsi-unit-library__metrics{margin-top:2.5rem}
.rsi-unit-library__tabs{margin-top:1.6rem}
.rsi-floor-explorer__stage{margin-top:2rem}
.rsi-about-story__grid{gap:clamp(2rem,5vw,4.5rem)}
.rsi-gallery{gap:.7rem}
.rsi-building-divider{padding-block:clamp(2rem,5vw,4rem)}
.rsi-building-a-layout{margin-bottom:clamp(2rem,5vw,4rem)}
.rsi-quote blockquote{margin-top:1.2rem}

/* Services list — white text on hover (red background), same colors as before when idle. */
.rsi-service:hover,.rsi-service:hover .rsi-service__index,.rsi-service:hover .rsi-service__meta,.rsi-service:hover .rsi-service__copy small{color:#fff}
.rsi-service:hover .rsi-service__icon{border-color:rgba(255,255,255,.5)}

/* Language switcher — replaces the old "New Investment Opportunities" status badge. */
.rsi-lang-switch{display:flex;align-items:center;gap:.55rem;list-style:none;margin:0;padding:0}
.rsi-lang-switch li{display:flex;align-items:center;gap:.55rem}
.rsi-lang-switch li+li{padding-inline-start:.55rem;border-inline-start:1px solid rgba(255,255,255,.25)}
.rsi-lang-switch a,.rsi-lang-switch span{color:rgba(255,255,255,.6);font-family:"Space Grotesk",Arial,sans-serif;font-size:.66rem;font-weight:600;letter-spacing:.06em;transition:color .2s ease}
.rsi-lang-switch a:hover,.rsi-lang-switch a:focus-visible{color:#fff}
.rsi-lang-switch li.current-lang a,.rsi-lang-switch li.current-lang span{color:var(--red)}
.rsi-header--light .rsi-lang-switch li+li{border-inline-start-color:var(--line)}
.rsi-header--light .rsi-lang-switch a,.rsi-header--light .rsi-lang-switch span{color:var(--gray)}
.rsi-header--light .rsi-lang-switch a:hover,.rsi-header--light .rsi-lang-switch a:focus-visible{color:var(--ink)}
.rsi-header--light .rsi-lang-switch li.current-lang a,.rsi-header--light .rsi-lang-switch li.current-lang span{color:var(--red)}
@media(max-width:900px){.rsi-lang-switch{order:-1;margin-inline-end:.5rem}}
@media(max-width:640px){.rsi-lang-switch a,.rsi-lang-switch span{font-size:9px}}

/* RTL layer (Arabic) — the base stylesheet is written LTR-first with physical left/right
   properties in a few structural spots; these mirror them for [dir="rtl"]. Grid/flex
   layouts using logical properties already flip automatically and need no entry here. */
[dir="rtl"] body{font-family:"Cairo","IBM Plex Sans Arabic","Noto Sans Arabic",Arial,sans-serif}
[dir="rtl"] .rsi-navigation{margin-right:0;margin-left:auto}
[dir="rtl"] .rsi-service::before{transform-origin:left}
[dir="rtl"] .rsi-portfolio-card__mark{left:auto;right:1.25rem}
[dir="rtl"] .rsi-eyebrow::before{margin-right:0;margin-left:.55rem}
[dir="rtl"] .rsi-index{direction:ltr;display:inline-block}
[dir="rtl"] .rsi-navigation a::after{right:0;left:auto;transform-origin:right}
[dir="rtl"] .rsi-lang-switch li+li{border-inline-start:1px solid rgba(255,255,255,.25);border-inline-end:0}
[dir="rtl"] .rsi-contact-quick__icon span,[dir="rtl"] .rsi-lang-switch a,[dir="rtl"] .rsi-lang-switch span,[dir="rtl"] .rsi-footer__branch-phone{direction:ltr}
@media(max-width:900px){[dir="rtl"] .rsi-navigation{right:1.25rem;left:1.25rem}}

/* RTL — homepage hero (absolute-positioned pieces, mirrored to the other edge). */
[dir="rtl"] .rsi-hero__meta{right:auto;left:clamp(1.25rem,7.2vw,9.25rem)}
[dir="rtl"] .rsi-hero__copy{right:auto;left:clamp(1.25rem,7.2vw,9.25rem)}
[dir="rtl"] .rsi-hero__description{left:auto;right:clamp(1.25rem,7.2vw,9.25rem);text-align:right}
[dir="rtl"] .rsi-hero__rail{left:auto;right:clamp(1.25rem,3vw,3.5rem);align-items:flex-end}
[dir="rtl"] .rsi-project--wide{margin-right:0;margin-left:-20%}
@media(max-width:900px){
	[dir="rtl"] .rsi-hero__meta{right:auto;left:1.25rem}
	[dir="rtl"] .rsi-hero__copy{right:1.25rem;left:1.25rem}
	[dir="rtl"] .rsi-hero__rail{right:1.25rem;left:auto}
}
[dir="rtl"] .rsi-floor-tab{border-right:0;border-left:1px solid rgba(255,255,255,.18);text-align:right}
[dir="rtl"] .rsi-floor-tab:last-child{border-left:0}
[dir="rtl"] .rsi-unit-library__tabs{margin-right:0;margin-left:-1.25rem;padding-right:0;padding-left:1.25rem}
[dir="rtl"] .rsi-gallery__caption{direction:rtl}
[dir="rtl"] .rsi-about-story__facts dt,[dir="rtl"] .rsi-project-facts dt{text-align:right}
[dir="rtl"] .rsi-project-facts div,[dir="rtl"] .rsi-about-story__facts div{direction:rtl}

/* Full-bleed fallback — Elementor normally stretches "stretch section" rows to the
   viewport via JS, but a caching/JS-optimization glitch on this host sometimes stops
   that script from running before it's needed, leaving them boxed with white gaps on
   both sides (seen first on a freshly-created page, e.g. the Arabic home). This CSS
   targets the exact same element Elementor's JS does, so if the JS *does* run, both
   land on the same result instead of stacking two different stretch calculations. */
.elementor-section.elementor-section-stretched{width:100vw!important;margin-inline-start:calc(50% - 50vw)!important;left:auto!important;right:auto!important}
.elementor-section.elementor-section-stretched>.elementor-container{max-width:none!important;width:100%!important}
