:root{--ink:#07130f;--deep:#0d211a;--cream:#f4f0e7;--paper:#fbfaf6;--gold:#c8a25b;--gold-dark:#9e7430;--sage:#74847d;--line:#dcd8cd;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}img{display:block;max-width:100%}[lang=ar]{font-family:"Noto Kufi Arabic",Tahoma,sans-serif}.skip-link{position:fixed;z-index:99;top:10px;left:10px;padding:10px 14px;background:var(--gold);transform:translateY(-160%)}.skip-link:focus{transform:none}.site-header{position:relative;z-index:10;color:var(--cream);background:var(--ink);border-bottom:1px solid #c8a25b3b}.header-inner{width:min(1240px,calc(100% - 48px));min-height:96px;margin:auto;display:flex;align-items:center;gap:42px}.brand,.footer-brand{display:flex;align-items:center;gap:14px;text-decoration:none}.brand{margin-right:auto}.brand img{width:64px;height:68px;object-fit:contain}.brand strong,.brand small,.footer-brand strong,.footer-brand small{display:block}.brand strong{font:600 1.32rem "Cormorant Garamond",serif;letter-spacing:.04em}.brand small{color:var(--gold);font-size:.68rem}.main-nav{display:flex;gap:30px}.main-nav a{color:#d6d7d1;text-decoration:none;font-size:.73rem;font-weight:600;text-align:center}.main-nav a span{display:block;margin-top:4px;color:#86958d;font-size:.54rem}.main-nav a:hover{color:var(--gold)}.header-action{padding:12px 17px;border:1px solid #c8a25b8c;text-decoration:none;font-size:.7rem;font-weight:700;text-align:center}.header-action span{display:block;margin-top:3px;color:var(--gold);font-size:.52rem}.header-action:hover{color:var(--ink);background:var(--gold)}

.hero{position:relative;overflow:hidden;min-height:700px;color:var(--cream);background:radial-gradient(circle at 73% 34%,#296b4f3d,transparent 25rem),linear-gradient(135deg,#081813,#06100d 68%,#0b1b15)}.hero:after{content:"";position:absolute;inset:0;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.hero-inner{position:relative;z-index:2;width:min(1240px,calc(100% - 48px));min-height:700px;margin:auto;padding:72px 0 80px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:7vw}.eyebrow{margin:0 0 20px;display:flex;align-items:center;gap:12px;color:var(--gold);font-size:.67rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.eyebrow i{width:31px;height:1px;background:currentColor}.eyebrow.dark{color:var(--gold-dark)}h1,h2,h3{font-family:"Cormorant Garamond",serif}.hero h1{max-width:720px;margin:0;font-size:clamp(4rem,6.2vw,6.8rem);font-weight:600;line-height:.88;letter-spacing:-.035em}.hero h1 em,.section-heading h2 em,.services-intro h2 em{color:var(--gold);font-weight:500}.hero-ar{margin:24px 0 0;color:#d4b576;font-size:clamp(1.05rem,1.6vw,1.4rem);line-height:1.8;text-align:left}.hero-intro{max-width:630px;margin:25px 0 33px;padding-left:18px;border-left:1px solid #c8a25b7a;color:#aeb5b0;font-size:.9rem;line-height:1.75}.hero-intro p{margin:0}.hero-intro p+p{margin-top:6px;color:#829088;font-size:.74rem;text-align:left}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.button{min-height:51px;padding:14px 21px;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;font-size:.73rem;font-weight:700;transition:.2s}.button span{font-size:.59rem}.button:hover{transform:translateY(-2px)}.gold-button{color:var(--ink);background:var(--gold);border:1px solid var(--gold)}.ghost-button{border:1px solid #ffffff2c}.ghost-button:hover{border-color:var(--gold)}.privacy-note{margin:24px 0 0;color:#7f8d86;font-size:.68rem}.privacy-note b{margin-right:8px;color:var(--gold);font-size:.48rem}.hero-visual{position:relative;min-height:520px}.tower-scene{position:absolute;inset:20px 25px 16px 40px;display:flex;justify-content:center;align-items:flex-end}.tower-halo{position:absolute;top:22px;width:390px;height:390px;border:1px solid #c8a25b2e;border-radius:50%;box-shadow:inset 0 0 75px #c8a25b0a}.tower{position:relative;width:205px;height:455px;border:1px solid #c8a25b73;background:linear-gradient(90deg,#ffffff05,#c8a25b15,#ffffff04);clip-path:polygon(18% 9%,38% 9%,42% 0,58% 0,62% 9%,82% 9%,100% 100%,0 100%);box-shadow:0 38px 70px #0007}.spire{position:absolute;width:1px;height:46px;top:-29px;left:50%;background:var(--gold)}.windows{position:absolute;inset:82px 37px 56px;display:grid;grid-template-columns:repeat(5,1fr);gap:19px 17px}.windows i{width:5px;height:2px;background:#d9b86a99;box-shadow:0 0 5px #d9b86a33}.windows i:nth-child(3n){opacity:.18}.door{position:absolute;bottom:0;left:calc(50% - 21px);width:42px;height:48px;border:1px solid #c8a25b99;background:#c8a25b14}.preview{position:absolute;width:245px;padding:16px 18px;display:flex;align-items:center;gap:14px;background:#0f201ad9;border:1px solid #c8a25b47;box-shadow:0 22px 45px #0006;backdrop-filter:blur(14px)}.preview-one{top:82px;left:0}.preview-two{right:0;bottom:92px}.preview>span{width:38px;height:38px;display:grid;place-items:center;flex:none;color:var(--gold);border:1px solid #c8a25b66;border-radius:50%;font-size:.61rem}.preview small,.preview strong,.location small,.location strong{display:block}.preview small{color:#7f9289;font-size:.58rem;text-transform:uppercase;letter-spacing:.12em}.preview strong{margin-top:4px;font:600 1.02rem "Cormorant Garamond",serif}.location{position:absolute;bottom:0;left:45px;display:flex;align-items:center;gap:12px}.location>i{width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 6px #c8a25b14}.location small{color:#71827a;font-size:.57rem;text-transform:uppercase;letter-spacing:.12em}.location strong{margin-top:2px;color:#b9c1bc;font-size:.75rem}

.portals,.building,.emergency{width:min(1240px,calc(100% - 48px));margin:auto}.portals{padding:104px 0 112px}.section-heading{margin-bottom:46px;display:flex;align-items:end;justify-content:space-between;gap:40px}.section-heading h2,.services-intro h2{margin:0;font-size:clamp(2.8rem,4.3vw,4.5rem);font-weight:600;line-height:.98;letter-spacing:-.025em}.section-heading h2 em{color:var(--gold-dark)}.section-heading>p{margin:0 0 8px;color:var(--sage);font-size:.8rem}.portal-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.portal-card{position:relative;min-height:390px;padding:31px 32px 29px;display:flex;flex-direction:column;background:var(--white);border-right:1px solid var(--line);transition:.25s}.portal-card:last-child{border:0}.portal-card:hover{z-index:2;transform:translateY(-5px);box-shadow:0 20px 50px #07130f1c}.portal-card.featured{color:var(--cream);background:var(--deep)}.portal-card>b{position:absolute;top:25px;right:28px;color:#b7b9b2;font:500 1rem "Cormorant Garamond",serif}.featured>b{color:#68786f}.portal-icon{width:54px;height:54px;margin-bottom:34px;display:grid;place-items:center;color:var(--gold-dark);border:1px solid #d7c8aa;border-radius:50%;font-size:1.35rem}.featured .portal-icon{color:var(--gold);border-color:#8d7447}.portal-card>small{margin-bottom:13px;color:var(--gold-dark);font-size:.61rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.portal-card>small span{float:right;color:var(--sage);font-size:.54rem}.portal-card h3{margin:0;font-size:1.85rem}.portal-card h3 span{display:block;margin-top:8px;color:var(--sage);font-size:.66rem}.portal-card>p{margin:20px 0 25px;color:#6f7773;font-size:.78rem;line-height:1.75}.featured>p{color:#9ba8a1}.portal-card>a{margin-top:auto;padding-top:18px;display:flex;justify-content:space-between;border-top:1px solid var(--line);text-decoration:none;font-size:.71rem;font-weight:700}.featured>a{color:var(--gold);border-color:#ffffff1c}.portal-card>a:hover{color:var(--gold-dark)}.access-note{margin:20px 0 0;color:#89908c;font-size:.68rem;text-align:center}

.services{padding:110px max(24px,calc((100vw - 1240px)/2));display:grid;grid-template-columns:minmax(290px,.8fr) 1.2fr;gap:8vw;color:var(--cream);background:var(--ink)}.services-intro>p:last-child{margin:25px 0 0;color:#829088;font-size:.8rem;text-align:left}.service-list{border-top:1px solid #ffffff20}.service-list article{min-height:127px;display:grid;grid-template-columns:45px 220px 1fr;align-items:center;gap:20px;border-bottom:1px solid #ffffff18}.service-list article>b{color:var(--gold);font:500 1rem "Cormorant Garamond",serif}.service-list h3{margin:0;font-size:1.32rem}.service-list small{display:block;margin-top:6px;color:#6f8278;font-size:.6rem}.service-list article>p{margin:0;color:#909c96;font-size:.75rem;line-height:1.65}

.building{padding:108px 0}.building-card{min-height:430px;display:grid;grid-template-columns:245px 1fr 335px;border:1px solid var(--line);background:#f2efe7}.building-logo{display:grid;place-items:center;background:var(--ink)}.building-logo img{width:170px;max-height:230px;object-fit:contain;filter:drop-shadow(0 15px 26px #0006)}.building-copy{padding:55px 48px}.building-copy h2{margin:0;font-size:2.8rem}.building-copy h2 span{display:block;margin-top:8px;color:var(--gold-dark);font-size:.84rem}.building-copy>p{margin:22px 0;color:#68706c;font-size:.81rem;line-height:1.75}.building-copy dl{display:grid;grid-template-columns:1fr 1fr;margin:29px 0;border-block:1px solid #d5d0c4}.building-copy dl div{padding:15px 0}.building-copy dl div+div{padding-left:20px;border-left:1px solid #d5d0c4}.building-copy dt{color:#929791;font-size:.57rem;text-transform:uppercase;letter-spacing:.12em}.building-copy dd{margin:5px 0 0;font-size:.74rem;font-weight:700}.building-copy>a{color:var(--gold-dark);font-size:.71rem;font-weight:700;text-decoration:none}.building-card aside{margin:24px 24px 24px 0;padding:36px 31px;display:flex;flex-direction:column;color:var(--cream);background:var(--deep)}.building-card aside>small{color:var(--gold);font-size:.6rem;text-transform:uppercase;letter-spacing:.14em}.building-card aside h3{margin:17px 0 12px;font-size:2rem;line-height:1}.building-card aside p{margin:0;color:#9ba8a1;font-size:.75rem;line-height:1.75}.building-card aside .button{margin-top:auto}.emergency{margin-bottom:108px;padding:22px 27px;display:grid;grid-template-columns:44px 270px 1fr;align-items:center;gap:20px;border:1px solid #d9c8a9;background:#fffaf0}.emergency>b{width:38px;height:38px;display:grid;place-items:center;border:1px solid #bb8c3d;border-radius:50%;color:#9e6e21}.emergency strong,.emergency span{display:block}.emergency strong{font-size:.75rem}.emergency span{margin-top:5px;color:#9e7430;font-size:.57rem}.emergency p{margin:0;color:#747a76;font-size:.71rem;line-height:1.6}

.site-footer{padding:55px max(24px,calc((100vw - 1240px)/2));display:grid;grid-template-columns:1fr 230px 330px;gap:70px;color:#89958f;background:#06100d;border-top:1px solid #c8a25b2c}.footer-brand{color:var(--cream)}.footer-brand img{width:58px;height:62px;object-fit:contain}.footer-brand strong{font:600 1.2rem "Cormorant Garamond",serif}.footer-brand small{color:var(--gold);font-size:.57rem}.site-footer>div:first-child>p{max-width:430px;margin:18px 0 0;font-size:.69rem;line-height:1.7}.footer-links{display:flex;flex-direction:column;gap:8px;font-size:.68rem}.footer-links strong{margin-bottom:7px;color:var(--cream)}.footer-links a{text-decoration:none}.footer-links a:hover,.footer-meta a{color:var(--gold)}.footer-meta{display:flex;flex-direction:column;justify-content:end;gap:9px;font-size:.64rem}.footer-meta a{text-decoration:none}


/* Resident portal showcase */
.portal-showcase{position:absolute;inset:26px 28px 28px 34px;padding:27px 29px 22px;color:var(--ink);background:#fffdf8;border:1px solid #d7c8aa;box-shadow:0 28px 70px #59481f26}
.showcase-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid #e6dfd2}
.showcase-brand{display:flex;align-items:center;gap:11px}.showcase-brand img{width:38px;height:43px;object-fit:contain}.showcase-brand small,.showcase-brand strong{display:block}.showcase-brand small{color:#8a938e;font-size:.52rem;text-transform:uppercase;letter-spacing:.12em}.showcase-brand strong{margin-top:2px;font:600 1.02rem "Cormorant Garamond",serif}
.secure-chip{padding:7px 10px;color:#6b766f;background:#f2ede3;border:1px solid #ded4c2;font-size:.54rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.showcase-copy{padding:24px 0 18px}.showcase-copy>small{color:var(--gold-dark);font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em}.showcase-copy h2{margin:7px 0 0;font:600 2.25rem/.98 "Cormorant Garamond",serif}.showcase-copy h2 em{color:var(--gold-dark);font-weight:500}.showcase-copy p{margin:9px 0 0;color:#7c867f;font-size:.58rem;text-align:left}
.showcase-items{border-top:1px solid #e2dbce}.showcase-items article{min-height:68px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;border-bottom:1px solid #e2dbce}.showcase-items article>span{width:30px;height:30px;display:grid;place-items:center;color:var(--gold-dark);border:1px solid #cbb487;border-radius:50%;font-size:.52rem}.showcase-items strong,.showcase-items small{display:block}.showcase-items strong{font:600 1rem "Cormorant Garamond",serif}.showcase-items small{margin-top:2px;color:#89918c;font-size:.54rem}.showcase-items b{color:var(--gold-dark);font-size:.55rem;text-transform:uppercase;letter-spacing:.08em}
.showcase-footer{padding-top:17px;display:flex;justify-content:space-between;color:#7e8782;font-size:.53rem}.showcase-footer span:first-child:before{content:"●";margin-right:7px;color:#b58a43;font-size:.42rem}
.showcase-float{position:absolute;right:-2px;bottom:54px;padding:13px 17px;display:flex;align-items:center;gap:11px;color:var(--cream);background:var(--ink);border:1px solid #c8a25b52;box-shadow:0 18px 35px #59481f38}.showcase-float>span{width:28px;height:28px;display:grid;place-items:center;color:var(--ink);background:var(--gold);border-radius:50%;font-size:.7rem}.showcase-float small,.showcase-float strong{display:block}.showcase-float small{color:#829088;font-size:.5rem;text-transform:uppercase;letter-spacing:.1em}.showcase-float strong{margin-top:3px;font:600 .9rem "Cormorant Garamond",serif}
@media(max-width:1050px){.portal-showcase{inset:35px 8px 35px 15px;padding:24px 23px 20px}.showcase-copy h2{font-size:2rem}.showcase-float{right:-8px}}
@media(max-width:540px){.hero-visual{min-height:560px}.portal-showcase{inset:8px 0 52px;padding:21px 18px 18px}.secure-chip{font-size:.47rem}.showcase-copy h2{font-size:1.9rem}.showcase-items article{min-height:72px}.showcase-items small{font-size:.5rem}.showcase-footer{flex-direction:column;gap:7px}.showcase-float{right:10px;bottom:22px}}
/* Clarify portal-preview interaction */
.secure-chip{border:0;border-radius:999px;background:#f1ebdf}.secure-chip:before{content:"●";margin-right:6px;color:#aa813d;font-size:.45rem}
.showcase-items article{grid-template-columns:38px 1fr}
.showcase-footer a{display:inline-flex;align-items:center;gap:8px;color:var(--gold-dark);font-size:.56rem;font-weight:700;text-decoration:none;text-transform:uppercase;letter-spacing:.06em}
.showcase-footer a:hover{text-decoration:underline}.showcase-footer a b{font-size:.8rem}
/* Warm, light homepage palette */
.hero{color:var(--ink);background:radial-gradient(circle at 73% 34%,rgba(200,162,91,.24),transparent 25rem),linear-gradient(135deg,#f8f3e8,#f0e7d7 68%,#e8dcc6)}
.hero:after{opacity:.018}
.hero .eyebrow{color:var(--gold-dark)}
.hero h1 em{color:var(--gold-dark)}
.hero-ar{color:#9b702d}
.hero-intro{color:#58635d;border-left-color:#b58c46}
.hero-intro p+p{color:#77817b}
.ghost-button{color:var(--ink);border-color:#07130f3d;background:#ffffff40}
.ghost-button:hover{border-color:var(--gold-dark);background:#ffffff80}
.privacy-note{color:#68736d}.privacy-note b{color:var(--gold-dark)}
.tower-halo{border-color:#9e743045;box-shadow:inset 0 0 75px #9e74300d}
.tower{border-color:#9e743075;background:linear-gradient(90deg,#ffffff2b,#c8a25b26,#ffffff16);box-shadow:0 38px 70px #59481f24}
.spire{background:var(--gold-dark)}
.windows i{background:#9e7430a6;box-shadow:0 0 5px #9e74302e}
.door{border-color:#9e743099;background:#c8a25b24}
.preview{color:var(--ink);background:#fffdf7e8;border-color:#bda77f80;box-shadow:0 22px 45px #59481f24}
.preview>span{color:var(--gold-dark);border-color:#9e74306e}
.preview small{color:#7b857f}.preview strong{color:var(--ink)}
.location>i{background:var(--gold-dark);box-shadow:0 0 0 6px #9e743018}
.location small{color:#7b857f}.location strong{color:#3f4b45}
.services{color:var(--ink);background:#eee6d7}
.services .eyebrow{color:var(--gold-dark)}
.services-intro h2 em{color:var(--gold-dark)}
.services-intro>p:last-child{color:#717b75}
.service-list{border-top-color:#07130f24}
.service-list article{border-bottom-color:#07130f1c}
.service-list article>b{color:var(--gold-dark)}
.service-list small{color:#718079}
.service-list article>p{color:#5e6963}@media(max-width:1050px){.main-nav{display:none}.hero-inner{grid-template-columns:1fr .82fr;gap:20px}.preview{width:215px}.portal-card{padding:28px 24px}.services{grid-template-columns:1fr;gap:48px}.building-card{grid-template-columns:200px 1fr}.building-card aside{grid-column:1/-1;margin:0}.site-footer{grid-template-columns:1fr 180px}.footer-meta{grid-column:1/-1;flex-direction:row;justify-content:space-between}}
@media(max-width:780px){.header-inner{width:min(calc(100% - 30px),680px);min-height:82px}.brand img{width:52px;height:57px}.hero-inner,.portals,.building,.emergency{width:min(calc(100% - 30px),680px)}.hero-inner{grid-template-columns:1fr;padding:68px 0}.hero-visual{min-height:480px;margin-top:20px}.portals{padding:78px 0}.section-heading{align-items:start;flex-direction:column}.portal-grid{grid-template-columns:1fr}.portal-card{min-height:330px;border-right:0;border-bottom:1px solid var(--line)}.services{padding:80px 24px}.service-list article{grid-template-columns:35px 190px 1fr}.building-card{grid-template-columns:1fr}.building-logo{min-height:240px}.building-copy{padding:40px 30px}.building-card aside{grid-column:auto}.emergency{grid-template-columns:44px 1fr}.emergency p{grid-column:1/-1}.site-footer{grid-template-columns:1fr 1fr;gap:40px;padding:48px 24px}}
@media(max-width:540px){.header-inner{gap:12px}.brand span{display:none}.header-action{margin-left:auto;padding:10px 12px;font-size:.63rem}.hero{min-height:auto}.hero-inner{min-height:auto}.hero h1{font-size:clamp(3.25rem,16vw,4.7rem)}.hero-ar,.hero-intro p+p{text-align:right}.hero-actions{flex-direction:column}.button{width:100%}.hero-visual{min-height:400px}.tower-scene{inset:10px}.tower{width:165px;height:370px}.tower-halo{width:300px;height:300px}.windows{inset:69px 28px 50px;gap:15px 12px}.preview{width:190px;padding:12px}.preview-one{top:40px}.preview-two{bottom:55px}.location{left:10px}.section-heading h2,.services-intro h2{font-size:2.75rem}.portal-card{padding:25px 22px}.service-list article{padding:22px 0;grid-template-columns:30px 1fr}.service-list article>p{grid-column:2/-1}.building-copy{padding:35px 22px}.building-copy dl{grid-template-columns:1fr}.building-copy dl div+div{padding-left:0;border-left:0;border-top:1px solid #d5d0c4}.building-card aside{padding:30px 22px}.emergency{margin-bottom:70px;padding:20px}.site-footer{grid-template-columns:1fr}.footer-meta{grid-column:auto;flex-direction:column}.footer-links{padding-top:25px;border-top:1px solid #ffffff18}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}