/* ══════════════════════════════════════════════════════════════ La Courbe — main.css v6.0 Design: Modern-Classic | Dark Mode First Fonts: Tajawal (AR body) · Cormorant Garamond (EN body) · Playfair Display (headings) Palette tokens set via wp_head() in functions.php 8px spacing system | RTL-first ══════════════════════════════════════════════════════════════ */ /* ─── RESET ────────────────────────────────────────────────── */ *,*::before,*::after{box-sizing:border-box;margin:0;padding:0;} html{scroll-behavior:smooth;font-size:16px;-webkit-text-size-adjust:100%;} body{ font-family:var(--f-ar); background:var(--bg); color:var(--text); overflow-x:hidden; direction:rtl; line-height:1.7; transition:background .25s,color .25s; } [dir=ltr]{direction:ltr;} [dir=ltr] body{font-family:var(--f-en);} img,video{display:block;max-width:100%;height:auto;} button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit;touch-action:manipulation;} a{text-decoration:none;color:inherit;} ul{list-style:none;} ::selection{background:var(--gold);color:var(--ink);} /* ─── FOCUS ────────────────────────────────────────────────── */ :focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:1px;} :focus:not(:focus-visible){outline:none;} @media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;}} /* ─── COLOUR TOKENS (light default, dark-mode class on ) ─ Light: --bg #F5F2EC --bg2 #fff --text #0B3142 --border rgba(11,49,66,.1) Dark: --bg #0e1c24 --bg2 #132330 --text #e8e0d4 --border rgba(232,224,212,.08) Gold & Ink stay consistent across modes ──────────────────────────────────────────────────────────────── */ :root{ --bg: #F5F2EC; --bg2: #ffffff; --bg3: #eae6df; --text: #0B3142; --text2: #5a6e7a; --border: rgba(11,49,66,.1); --sh: 0 2px 12px rgba(11,49,66,.07); --sh2: 0 8px 36px rgba(11,49,66,.1); } html.dark-mode{ --bg: #0d1b24; --bg2: #122130; --bg3: #0a151d; --text: #dfd8cc; --text2: #8a9ba3; --border: rgba(220,210,195,.07); --sh: 0 2px 12px rgba(0,0,0,.3); --sh2: 0 8px 36px rgba(0,0,0,.45); } /* ─── LANG VISIBILITY ──────────────────────────────────────── */ .ar,.en,span.ar,span.en{display:none;} body:not([dir=ltr]) .ar,body:not([dir=ltr]) span.ar{display:block;} body[dir=ltr] .en,body[dir=ltr] span.en{display:block;} /* inline-only overrides */ body:not([dir=ltr]) span.ar{display:inline;} body[dir=ltr] span.en{display:inline;} /* for mixed .lc-body paragraphs */ .lc-body > span.ar,.lc-body > span.en{display:none;} body:not([dir=ltr]) .lc-body > span.ar{display:block;} body[dir=ltr] .lc-body > span.en{display:block;} /* ─── UTILITIES ─────────────────────────────────────────────── */ .wrap{max-width:1200px;margin:0 auto;padding:0 40px;} @media(max-width:600px){.wrap{padding:0 20px;}} .w-full{width:100%;} /* ─── PROGRESS BAR ─────────────────────────────────────────── */ .lc-prog{ position:fixed;top:0;right:0;left:0;z-index:1000; height:2px;background:var(--gold); transform:scaleX(0); transition:transform .1s linear; } body:not([dir=ltr]) .lc-prog{transform-origin:right;} [dir=ltr] .lc-prog{transform-origin:left;} /* ─── SCROLL REVEAL ────────────────────────────────────────── */ .rv{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease;} .rv.visible{opacity:1;transform:none;} .rv.d1{transition-delay:.1s;}.rv.d2{transition-delay:.2s;} .rv.d3{transition-delay:.3s;}.rv.d4{transition-delay:.4s;} /* ─── TYPOGRAPHY ────────────────────────────────────────────── */ .lc-section-title{ font-family:var(--f-ar);font-weight:300; font-size:clamp(1.7rem,3.5vw,2.8rem); line-height:1.2;color:var(--text);margin-bottom:18px; } .lc-section-title--light{color:#fff;} [dir=ltr] .lc-section-title{font-family:var(--f-h);font-style:italic;} .lc-body{font-size:.9rem;font-weight:300;line-height:1.85;color:var(--text2);} .lc-body--muted{color:rgba(255,255,255,.5);} [dir=ltr] .lc-body{font-family:var(--f-en);} .lc-eyebrow{ display:inline-flex;align-items:center;gap:12px; font-family:var(--f-en);font-size:.65rem;letter-spacing:.22em;text-transform:uppercase; color:var(--gold);margin-bottom:12px; } .lc-eyebrow::after{content:'';display:block;width:28px;height:1px;background:var(--gold);} [dir=ltr] .lc-eyebrow::after{display:none;} [dir=ltr] .lc-eyebrow::before{content:'';display:block;width:28px;height:1px;background:var(--gold);} .lc-eyebrow--light{color:rgba(232,160,48,.75);} .lc-eyebrow--light::after,.lc-eyebrow--light::before{background:rgba(232,160,48,.4);} /* ─── BUTTONS ───────────────────────────────────────────────── */ .btn{ display:inline-flex;align-items:center;justify-content:center;gap:8px; font-family:var(--f-ar);font-size:.86rem;font-weight:500;letter-spacing:.02em; padding:13px 30px;border-radius:2px; min-height:48px;cursor:pointer; transition:background .2s,color .2s,border-color .2s,transform .18s,box-shadow .2s; } .btn:active{transform:scale(.98);} [dir=ltr] .btn{font-family:var(--f-en);font-style:italic;letter-spacing:.05em;} .btn-gold{background:var(--gold);color:var(--ink);font-weight:600;} .btn-gold:hover{background:var(--gold2,#c4861f);box-shadow:0 6px 24px rgba(232,160,48,.3);transform:translateY(-1px);} .btn-ghost{border:1px solid rgba(255,255,255,.3);color:#fff;} .btn-ghost:hover{border-color:var(--gold);color:var(--gold);} .btn-outline{border:1px solid var(--border);color:var(--text);} .btn-outline:hover{border-color:var(--gold);color:var(--gold);} .btn-outline-dm{border:1px solid rgba(255,255,255,.18);color:rgba(255,255,255,.75);} .btn-outline-dm:hover{border-color:var(--gold);color:var(--gold);} /* ════════════════════════════════════════════ NAV ════════════════════════════════════════════ */ .lc-nav{ position:fixed;top:0;right:0;left:0;z-index:90; height:68px; transition:background .3s,box-shadow .3s,border-bottom .3s; } .lc-nav.scrolled{ background:var(--ink); border-bottom:1px solid rgba(232,160,48,.15); box-shadow:0 4px 24px rgba(0,0,0,.25); } html.dark-mode .lc-nav.scrolled{background:var(--bg3);} .lc-nav__inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;} /* Logo */ .lc-nav__logo{display:flex;align-items:center;flex-shrink:0;} .lc-nav__logo-img{height:38px;width:auto;} .lc-nav__logo-txt{ font-family:var(--f-h);font-style:italic;font-size:1.3rem;color:#fff; letter-spacing:.04em;white-space:nowrap; } /* Desktop links */ .lc-nav__links{display:flex;align-items:center;gap:24px;flex:1;justify-content:center;} .lc-nav__link{ font-size:.78rem;font-weight:400;color:rgba(255,255,255,.65); letter-spacing:.03em;position:relative;white-space:nowrap; transition:color .2s; } .lc-nav__link::after{ content:'';position:absolute;bottom:-4px;right:0;left:0; height:1px;background:var(--gold); transform:scaleX(0);transition:transform .22s; } .lc-nav__link:hover,.lc-nav__link.active{color:#fff;} .lc-nav__link:hover::after,.lc-nav__link.active::after{transform:scaleX(1);} [dir=ltr] .lc-nav__link{font-family:var(--f-en);font-style:italic;} /* Hotline in nav */ .lc-nav__hotline{ display:flex;align-items:center;gap:7px; font-family:var(--f-en);font-size:.76rem;letter-spacing:.06em; color:var(--gold);white-space:nowrap; border:1px solid rgba(232,160,48,.25); padding:6px 14px;border-radius:2px; transition:background .2s,border-color .2s; flex-shrink:0; } .lc-nav__hotline:hover{background:rgba(232,160,48,.08);border-color:rgba(232,160,48,.5);} .lc-nav__hotline svg{flex-shrink:0;} /* Right controls */ .lc-nav__right{display:flex;align-items:center;gap:10px;flex-shrink:0;} /* Dark mode toggle — clean SVG, no emoji */ .lc-nav__dm{ width:36px;height:36px;border-radius:2px; display:flex;align-items:center;justify-content:center; color:rgba(255,255,255,.5); border:1px solid rgba(255,255,255,.12); transition:color .2s,border-color .2s; } .lc-nav__dm:hover{color:var(--gold);border-color:rgba(232,160,48,.35);} .dm-sun{display:none;} html.dark-mode .dm-moon{display:none;} html.dark-mode .dm-sun{display:block;} /* Lang toggle */ .lc-nav__lang{ font-family:var(--f-en);font-size:.7rem;letter-spacing:.14em; color:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.15); padding:5px 12px;border-radius:2px;transition:all .2s; } .lc-nav__lang:hover{color:var(--gold);border-color:rgba(232,160,48,.4);} /* Nav CTA */ .lc-nav__cta{padding:9px 20px;font-size:.8rem;} /* Burger */ .lc-nav__burger{display:none;flex-direction:column;gap:5px;padding:8px;} .lc-nav__burger span{display:block;width:20px;height:1.5px;background:#fff;border-radius:1px;transition:all .25s;} /* ─── MOBILE NAV ────────────────────────────────────────────── */ .lc-mob-nav{ position:fixed;inset:0;z-index:95; background:var(--ink); transform:translateX(100%); transition:transform .32s cubic-bezier(.4,0,.2,1); display:flex;flex-direction:column;overflow-y:auto; } html.dark-mode .lc-mob-nav{background:var(--bg3);} [dir=ltr] .lc-mob-nav{transform:translateX(-100%);} .lc-mob-nav.open{transform:none;} .lc-mob-nav__overlay{ position:fixed;inset:0;z-index:94; background:rgba(7,24,33,.65);opacity:0;pointer-events:none; transition:opacity .3s;backdrop-filter:blur(3px); } .lc-mob-nav__overlay.open{opacity:1;pointer-events:all;} .lc-mob-nav__hd{ display:flex;align-items:center;justify-content:space-between; padding:20px 28px;border-bottom:1px solid rgba(255,255,255,.07); } .lc-mob-nav__logo{font-family:var(--f-h);font-style:italic;font-size:1.2rem;color:#fff;} .lc-mob-nav__x{color:rgba(255,255,255,.5);padding:4px;border-radius:2px;transition:color .2s;} .lc-mob-nav__x:hover{color:#fff;} .lc-mob-nav__phone{ display:flex;align-items:center;gap:10px; margin:16px 28px;padding:12px 16px; background:rgba(232,160,48,.08);border:1px solid rgba(232,160,48,.2); border-radius:2px;color:var(--gold);font-size:.83rem; } [dir=ltr] .lc-mob-nav__phone{font-family:var(--f-en);} .lc-mob-nav__links{padding:8px 28px;flex:1;display:flex;flex-direction:column;} .lc-mob-link{ font-size:1.1rem;font-weight:300;color:rgba(255,255,255,.65); padding:13px 0;border-bottom:1px solid rgba(255,255,255,.06); display:block;transition:color .2s; } .lc-mob-link:hover{color:var(--gold);} [dir=ltr] .lc-mob-link{font-family:var(--f-en);font-style:italic;} .lc-mob-nav__ctas{padding:20px 28px;display:flex;flex-direction:column;gap:10px;border-top:1px solid rgba(255,255,255,.07);} /* ════════════════════════════════════════════ HERO — split layout: content left, specs right ════════════════════════════════════════════ */ .lc-hero{ min-height:100vh;position:relative; display:flex;align-items:center; background:var(--ink);overflow:hidden; } html.dark-mode .lc-hero{background:var(--bg3);} .lc-hero__vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;} .lc-hero__bg{position:absolute;inset:0;background-size:cover;background-position:center;z-index:0;} .lc-hero__bg--default{background:linear-gradient(150deg,#071d29 0%,var(--ink) 100%);} .lc-hero__ov{ position:absolute;inset:0;z-index:1; background:linear-gradient(to bottom,rgba(7,25,36,.45) 0%,rgba(7,25,36,.8) 100%); } html.dark-mode .lc-hero__ov{background:linear-gradient(to bottom,rgba(0,0,0,.55) 0%,rgba(0,0,0,.85) 100%);} .lc-hero__wrap{ position:relative;z-index:2; display:grid;grid-template-columns:1fr 1px 260px; gap:0;align-items:center; padding-top:68px;padding-bottom:0; min-height:100vh; } .lc-hero__content{padding:48px 0;} .lc-hero__eyebrow{ display:flex;align-items:center;gap:12px; font-family:var(--f-en);font-size:.68rem;letter-spacing:.2em;text-transform:uppercase; color:var(--gold);margin-bottom:24px;opacity:.85; } .lc-hero__eyebrow-line{display:block;width:32px;height:1px;background:var(--gold);flex-shrink:0;} [dir=ltr] .lc-hero__eyebrow-line{order:-1;} .lc-hero__title{ font-family:var(--f-ar);font-weight:200; font-size:clamp(2.8rem,6.5vw,5rem); color:#fff;line-height:1.1;margin-bottom:20px; } [dir=ltr] .lc-hero__title{font-family:var(--f-h);font-style:italic;font-weight:400;} .lc-hero__sub{ font-size:.92rem;font-weight:300;color:rgba(255,255,255,.55); line-height:1.8;margin-bottom:40px;max-width:480px; } [dir=ltr] .lc-hero__sub{font-family:var(--f-en);} .lc-hero__ctas{display:flex;gap:12px;flex-wrap:wrap;} /* Vertical divider */ .lc-hero__divide{ width:1px;height:60%;align-self:center; background:linear-gradient(to bottom,transparent,rgba(232,160,48,.35),transparent); } /* Specs sidebar */ .lc-hero__specs{ display:flex;flex-direction:column; padding-right:0;padding-inline-start:48px; gap:0; } [dir=ltr] .lc-hero__specs{padding-inline-start:48px;} .lc-hero__spec{ padding:24px 0; border-bottom:1px solid rgba(255,255,255,.07); } .lc-hero__spec:last-child{border-bottom:none;} .lc-hero__spec-v{ display:block;font-family:var(--f-en);font-style:italic; font-size:1.5rem;font-weight:400;color:var(--gold); line-height:1;margin-bottom:6px; } .lc-hero__spec-l{font-size:.7rem;font-weight:300;color:rgba(255,255,255,.4);display:none;} body:not([dir=ltr]) .lc-hero__spec-l.ar{display:block;} [dir=ltr] .lc-hero__spec-l.en{display:block;font-family:var(--f-en);} /* Bottom scroll indicator */ .lc-hero__scroll{ position:absolute;bottom:32px;left:50%;transform:translateX(-50%); z-index:2;display:flex;flex-direction:column;align-items:center; } .lc-hero__scroll-line{ width:1px;height:40px; background:linear-gradient(to bottom,rgba(232,160,48,.6),transparent); animation:lc-scroll-drop 1.6s ease-in-out infinite; } @keyframes lc-scroll-drop{0%{opacity:0;transform:scaleY(0);transform-origin:top;}50%{opacity:1;}100%{opacity:0;transform:scaleY(1);transform-origin:top;}} /* ════════════════════════════════════════════ ABOUT ════════════════════════════════════════════ */ .lc-about{background:var(--bg);padding:96px 0;} html.dark-mode .lc-about{background:var(--bg);} .lc-about__wrap{display:grid;grid-template-columns:1fr 1.05fr;gap:80px;align-items:center;} .lc-about__media{position:relative;} .lc-about__img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:2px;display:block;} .lc-about__img-ph{ width:100%;aspect-ratio:4/3;border-radius:2px; background:var(--bg2); display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px; border:1px dashed var(--border); } html.dark-mode .lc-about__img-ph{background:var(--bg2);} .lc-about__img-ph svg{color:var(--text2);} .lc-about__img-ph p{font-size:.75rem;color:var(--text2);} [dir=ltr] .lc-about__img-ph p{font-family:var(--f-en);} /* Gold corner accent */ .lc-about__corner{ position:absolute;bottom:-10px;right:-10px; width:60px;height:60px; border-bottom:2px solid var(--gold); border-right:2px solid var(--gold); border-radius:0 0 2px 0;pointer-events:none; } [dir=ltr] .lc-about__corner{right:auto;left:-10px;border-right:none;border-left:2px solid var(--gold);border-radius:0 0 0 2px;} /* Spec grid */ .lc-about__specs{ display:grid;grid-template-columns:repeat(3,1fr); margin-top:36px; border:1px solid var(--border);border-radius:2px;overflow:hidden; } .lc-spec{ padding:18px 20px; border-inline-end:1px solid var(--border); border-bottom:1px solid var(--border); } .lc-spec:nth-child(3n){border-inline-end:none;} .lc-spec:nth-last-child(-n+3){border-bottom:none;} .lc-spec__v{ display:block;font-family:var(--f-en);font-style:italic; font-size:1.3rem;font-weight:400;color:var(--gold);margin-bottom:4px; } .lc-spec__l{font-size:.71rem;font-weight:300;color:var(--text2);display:none;} body:not([dir=ltr]) .lc-spec__l.ar{display:block;} [dir=ltr] .lc-spec__l.en{display:block;font-family:var(--f-en);} .lc-about__ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px;} /* ════════════════════════════════════════════ UNIT TYPES — dark section, no watermark ════════════════════════════════════════════ */ .lc-units{background:var(--ink);padding:96px 0;} html.dark-mode .lc-units{background:var(--bg3);} .lc-units__head{ display:flex;justify-content:space-between;align-items:flex-end; margin-bottom:52px;gap:24px;flex-wrap:wrap; } .lc-units__g{ display:grid;grid-template-columns:repeat(6,1fr); border:1px solid rgba(255,255,255,.07); border-radius:2px;overflow:hidden; } .lc-unit-card{ background:transparent; border-inline-end:1px solid rgba(255,255,255,.06); padding:32px 16px 28px;text-align:center; display:flex;flex-direction:column;align-items:center;gap:12px; transition:background .25s; position:relative; } .lc-unit-card:last-child{border-inline-end:none;} /* Bottom accent line on hover */ .lc-unit-card::after{ content:'';position:absolute;bottom:0;right:0;left:0;height:2px; background:var(--gold);transform:scaleX(0); transition:transform .25s;transform-origin:center; } .lc-unit-card:hover{background:rgba(255,255,255,.04);} .lc-unit-card:hover::after{transform:scaleX(1);} .lc-unit-card__ico{ width:48px;height:48px;color:var(--gold); opacity:.55;transition:opacity .25s; } .lc-unit-card__ico svg{width:100%;height:100%;} .lc-unit-card:hover .lc-unit-card__ico{opacity:.9;} .lc-unit-card__name{ font-family:var(--f-ar);font-weight:400;font-size:.86rem; color:rgba(255,255,255,.8);line-height:1.3; } [dir=ltr] .lc-unit-card__name{font-family:var(--f-en);font-style:italic;} .lc-unit-card__spec{ font-family:var(--f-en);font-size:.62rem;letter-spacing:.1em; text-transform:uppercase;color:rgba(232,160,48,.5); } .lc-unit-card__cta{ display:flex;align-items:center;gap:5px;margin-top:auto; font-size:.72rem;color:rgba(255,255,255,.25); transition:color .25s; } .lc-unit-card:hover .lc-unit-card__cta{color:var(--gold);} [dir=ltr] .lc-unit-card:hover .lc-unit-card__cta svg{transform:translateX(2px);} [dir=rtl] .lc-unit-card:hover .lc-unit-card__cta svg{transform:translateX(-2px) scaleX(-1);} .lc-units__foot{text-align:center;margin-top:44px;} /* ════════════════════════════════════════════ AMENITIES ════════════════════════════════════════════ */ .lc-amen{background:var(--bg2);padding:96px 0;} html.dark-mode .lc-amen{background:var(--bg2);} .lc-amen__head{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:56px;} .lc-amen__g{display:grid;grid-template-columns:repeat(6,1fr);gap:32px 20px;} .lc-amen-item{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;} .lc-amen-item__ico{ width:52px;height:52px;border-radius:50%; background:var(--gold);color:#fff; display:flex;align-items:center;justify-content:center; box-shadow:0 4px 14px rgba(232,160,48,.22); transition:transform .22s,box-shadow .22s; flex-shrink:0; } .lc-amen-item:hover .lc-amen-item__ico{transform:translateY(-3px);box-shadow:0 8px 20px rgba(232,160,48,.32);} .lc-amen-item__lbl{font-size:.73rem;color:var(--text2);} [dir=ltr] .lc-amen-item__lbl{font-family:var(--f-en);} /* ════════════════════════════════════════════ MASTER PLAN ════════════════════════════════════════════ */ .lc-mp{background:var(--ink);padding:96px 0;} html.dark-mode .lc-mp{background:var(--bg3);} .lc-mp__head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px;gap:20px;flex-wrap:wrap;} .lc-mp__main{border-radius:2px;overflow:hidden;margin-bottom:40px;line-height:0;} .lc-mp__main img{width:100%;display:block;} .lc-mp__tabs{ display:flex;gap:0; border:1px solid rgba(255,255,255,.12); border-radius:2px;overflow:hidden; width:fit-content;margin-bottom:28px; } .lc-mp-tab{ padding:10px 28px;font-family:var(--f-en); font-size:.75rem;letter-spacing:.15em;text-transform:uppercase; color:rgba(255,255,255,.38);transition:all .22s; } .lc-mp-tab.active{background:var(--gold);color:var(--ink);font-weight:600;} .lc-mp-panel{display:none;} .lc-mp-panel.active{display:block;} .lc-mp-panel__g{display:grid;grid-template-columns:1.35fr 1fr;gap:44px;align-items:start;} .lc-mp-panel__img{border-radius:2px;overflow:hidden;line-height:0;background:rgba(255,255,255,.04);} .lc-mp-panel__img img{width:100%;display:block;} .lc-mp-panel__ph{ aspect-ratio:16/9;display:flex;flex-direction:column;align-items:center; justify-content:center;gap:12px;color:rgba(255,255,255,.18);padding:24px;text-align:center; } .lc-mp-panel__ph p{font-size:.78rem;display:none;} body:not([dir=ltr]) .lc-mp-panel__ph p.ar{display:block;font-family:var(--f-ar);} [dir=ltr] .lc-mp-panel__ph p.en{display:block;font-family:var(--f-en);} .lc-mp-panel__desc{padding-top:8px;} .lc-mp-panel__name{ font-family:var(--f-en);font-weight:700;letter-spacing:.18em; font-size:.95rem;color:var(--gold);margin-bottom:16px; } .lc-mp-panel__tags{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 24px;} .lc-tag{ font-family:var(--f-en);font-size:.64rem;letter-spacing:.08em; border:1px solid rgba(232,160,48,.28);color:rgba(232,160,48,.75); padding:4px 12px;border-radius:1px; } /* ════════════════════════════════════════════ LOCATION ════════════════════════════════════════════ */ .lc-loc{background:var(--bg);padding:96px 0;} html.dark-mode .lc-loc{background:var(--bg);} .lc-loc__g{display:grid;grid-template-columns:1fr 1.25fr;gap:56px;align-items:start;margin-top:44px;} .lc-loc__landmarks{display:flex;flex-direction:column;gap:0;} .lc-loc__group{margin-bottom:28px;} .lc-loc__group-lbl{ display:flex;align-items:center;gap:8px; font-family:var(--f-en);font-size:.65rem;letter-spacing:.18em;text-transform:uppercase; color:var(--gold);margin-bottom:12px; } .lc-loc__group-lbl svg{color:var(--gold);flex-shrink:0;} .lc-lm{ display:flex;align-items:center;gap:12px; padding:9px 0;border-bottom:1px solid var(--border); } .lc-lm__dot{ width:5px;height:5px;border-radius:50%; background:rgba(232,160,48,.4);flex-shrink:0; } .lc-lm__name{flex:1;font-size:.83rem;color:var(--text);display:none;} body:not([dir=ltr]) .lc-lm__name.ar{display:block;} [dir=ltr] .lc-lm__name.en{display:block;font-family:var(--f-en);} .lc-lm__badge{ font-family:var(--f-en);font-size:.6rem;letter-spacing:.07em; text-transform:uppercase;padding:2px 8px;border-radius:1px; white-space:nowrap;display:none; } body:not([dir=ltr]) .lc-lm__badge.ar{display:inline;font-family:var(--f-ar);font-size:.68rem;letter-spacing:0;} [dir=ltr] .lc-lm__badge.en{display:inline;} .lc-lm__badge--next{background:rgba(11,49,66,.07);color:var(--text);} html.dark-mode .lc-lm__badge--next{background:rgba(255,255,255,.07);color:var(--text2);} .lc-lm__badge--near{background:rgba(232,160,48,.1);color:var(--gold);} .lc-loc__map{border-radius:2px;overflow:hidden;box-shadow:var(--sh2);} .lc-loc__map iframe{width:100%;height:440px;border:0;display:block;} /* ════════════════════════════════════════════ PARTNERS ════════════════════════════════════════════ */ .lc-partners{background:var(--bg2);padding:96px 0;} html.dark-mode .lc-partners{background:var(--bg2);} .lc-partners__rule{ width:40px;height:1px;background:var(--gold); margin:20px auto 48px; } .lc-partners__g{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;} .lc-partners__g--2{grid-template-columns:repeat(2,1fr);max-width:720px;margin-inline:auto;} .lc-partner{ background:var(--bg);border:1px solid var(--border); border-radius:2px;padding:36px 24px;text-align:center; transition:box-shadow .25s,transform .25s,border-color .25s; } html.dark-mode .lc-partner{background:var(--bg3);} .lc-partner:hover{ box-shadow:var(--sh2);transform:translateY(-4px); border-color:rgba(232,160,48,.2); } .lc-partner__logo{height:64px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;} .lc-partner__logo img{max-height:54px;max-width:130px;object-fit:contain;} .lc-partner__logo-fb{ font-family:var(--f-en);font-weight:600;font-size:.82rem; letter-spacing:.06em;color:var(--text);line-height:1.5; } .lc-partner__name{ font-family:var(--f-en);font-weight:600;font-size:.78rem; letter-spacing:.06em;color:var(--text);margin-bottom:6px; } .lc-partner__role{font-size:.71rem;color:var(--text2);display:none;} body:not([dir=ltr]) .lc-partner__role.ar{display:block;} [dir=ltr] .lc-partner__role.en{display:block;font-family:var(--f-en);font-style:italic;} /* ════════════════════════════════════════════ BROCHURE BAND ════════════════════════════════════════════ */ .lc-bband{background:var(--ink);padding:64px 0;} html.dark-mode .lc-bband{background:var(--bg3);} .lc-bband__inner{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;} .lc-bband__t{ font-family:var(--f-ar);font-weight:300; font-size:clamp(1.2rem,2.5vw,1.7rem);color:#fff;margin-bottom:6px;display:none; } [dir=ltr] .lc-bband__t{font-family:var(--f-h);font-style:italic;} body:not([dir=ltr]) .lc-bband__t.ar{display:block;} [dir=ltr] .lc-bband__t.en{display:block;} .lc-bband__s{font-size:.82rem;color:rgba(255,255,255,.4);display:none;} body:not([dir=ltr]) .lc-bband__s.ar{display:block;} [dir=ltr] .lc-bband__s.en{display:block;font-family:var(--f-en);} /* ════════════════════════════════════════════ CONTACT ════════════════════════════════════════════ */ .lc-contact{background:var(--bg);padding:96px 0;} html.dark-mode .lc-contact{background:var(--bg);} .lc-contact__wrap{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start;} .lc-contact__links{margin-top:32px;display:flex;flex-direction:column;gap:0;} .lc-clink{ display:flex;align-items:center;gap:14px; padding:13px 0;border-bottom:1px solid var(--border); transition:color .2s; } .lc-clink:hover{color:var(--gold);} .lc-clink__ico{ width:32px;height:32px;display:flex;align-items:center;justify-content:center; flex-shrink:0;color:var(--gold); } .lc-clink__lbl{ font-family:var(--f-en);font-size:.63rem;letter-spacing:.13em;text-transform:uppercase; color:var(--text2);width:68px;flex-shrink:0; } .lc-clink__val{font-size:.84rem;color:var(--text);display:none;} body:not([dir=ltr]) .lc-clink__val.ar{display:block;} [dir=ltr] .lc-clink__val.en{display:block;font-family:var(--f-en);} .lc-clink__val:not(.ar):not(.en){display:block;} .lc-contact__form-wrap{} /* ─── FORM ──────────────────────────────────────────────────── */ .lc-form{display:flex;flex-direction:column;gap:16px;} .lc-form__row{display:grid;grid-template-columns:1fr 1fr;gap:14px;} .lc-form__field{display:flex;flex-direction:column;gap:6px;} .lc-form__field label{font-size:.69rem;letter-spacing:.06em;color:var(--text2);} [dir=ltr] .lc-form__field label{font-family:var(--f-en);} .req{color:var(--gold);} .lc-form__field input, .lc-form__field select, .lc-form__field textarea{ width:100%;padding:11px 14px; border:1px solid var(--border);border-radius:2px; font-family:var(--f-ar);font-size:.86rem; color:var(--text);background:var(--bg2); transition:border-color .2s,box-shadow .2s;outline:none; -webkit-appearance:none;appearance:none; } [dir=ltr] .lc-form__field input, [dir=ltr] .lc-form__field select, [dir=ltr] .lc-form__field textarea{font-family:var(--f-en);} .lc-form__field input:focus, .lc-form__field select:focus, .lc-form__field textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(232,160,48,.1);} .lc-form__field textarea{resize:vertical;min-height:80px;} .lc-form__submit{position:relative;overflow:hidden;} .lc-btn-spin{position:absolute;display:flex;align-items:center;justify-content:center;} .lc-form__note{font-size:.69rem;color:var(--text2);text-align:center;} [dir=ltr] .lc-form__note{font-family:var(--f-en);} .lc-form__ok{ display:flex;flex-direction:column;align-items:center; gap:14px;padding:40px 24px;text-align:center; } .lc-form__ok-ring{ width:60px;height:60px;border-radius:50%; background:rgba(232,160,48,.1); display:flex;align-items:center;justify-content:center; color:var(--gold); } .lc-form__ok h3{font-family:var(--f-ar);font-weight:400;font-size:1.05rem;color:var(--text);} [dir=ltr] .lc-form__ok h3{font-family:var(--f-h);font-style:italic;} .lc-form__ok p{font-size:.82rem;color:var(--text2);} [dir=ltr] .lc-form__ok p{font-family:var(--f-en);} @keyframes lc-spin{to{transform:rotate(360deg);}} .spin{animation:lc-spin .7s linear infinite;} /* ════════════════════════════════════════════ FLOATING CTA BAR — polished dark ════════════════════════════════════════════ */ .lc-float{ position:fixed;bottom:0;right:0;left:0;z-index:80; background:rgba(11,49,66,.97); border-top:1px solid rgba(232,160,48,.18); backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px); transform:translateY(100%); transition:transform .36s cubic-bezier(.4,0,.2,1); padding:10px 0; } html.dark-mode .lc-float{background:rgba(10,18,26,.97);} .lc-float.visible{transform:none;} .lc-float__inner{display:flex;align-items:center;justify-content:space-between;gap:16px;} .lc-float__left{display:flex;align-items:center;gap:16px;} /* Pulsing availability indicator — clean circle, no animation overkill */ .lc-float__avail{ display:flex;align-items:center;gap:8px; } .lc-float__avail-dot{ width:7px;height:7px;border-radius:50%;background:var(--gold); flex-shrink:0; box-shadow:0 0 0 2px rgba(232,160,48,.3); animation:lc-dot 2.4s ease-in-out infinite; } @keyframes lc-dot{0%,100%{box-shadow:0 0 0 2px rgba(232,160,48,.3);}50%{box-shadow:0 0 0 5px rgba(232,160,48,0);}} .lc-float__avail-text{ display:flex;flex-direction:column; } .lc-float__badge{ font-family:var(--f-en);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase; color:var(--gold); } .lc-float__addr-txt{font-size:.68rem;color:rgba(255,255,255,.35);display:none;} body:not([dir=ltr]) .lc-float__addr-txt.ar{display:block;font-family:var(--f-ar);} [dir=ltr] .lc-float__addr-txt.en{display:block;font-family:var(--f-en);} .lc-float__pre-txt{font-size:.7rem;color:rgba(255,255,255,.4);display:none;} body:not([dir=ltr]) .lc-float__pre-txt.ar{display:block;font-family:var(--f-ar);} [dir=ltr] .lc-float__pre-txt.en{display:block;font-family:var(--f-en);} .lc-float__actions{display:flex;align-items:center;gap:8px;flex-shrink:0;} .lc-float__action{ display:flex;align-items:center;gap:7px; padding:9px 16px;border-radius:2px; font-size:.76rem;color:rgba(255,255,255,.6); border:1px solid rgba(255,255,255,.1); transition:all .2s;white-space:nowrap;min-height:42px; } [dir=ltr] .lc-float__action{font-family:var(--f-en);font-style:italic;} .lc-float__action:hover{color:#fff;border-color:rgba(255,255,255,.25);} .lc-float__action-lbl{display:none;} @media(min-width:640px){.lc-float__action-lbl{display:block;}} .lc-float__action--call:hover{color:#25D366;border-color:rgba(37,211,102,.3);} .lc-float__action--wa{color:rgba(37,211,102,.85);border-color:rgba(37,211,102,.2);} .lc-float__action--wa:hover{background:rgba(37,211,102,.08);} .lc-float__action--bro:hover{color:var(--gold);border-color:rgba(232,160,48,.3);} .lc-float__cta{ background:var(--gold);color:var(--ink);font-weight:700; padding:11px 24px;border-radius:2px;font-family:var(--f-ar);font-size:.83rem; transition:background .2s,transform .18s,box-shadow .2s; white-space:nowrap;min-height:42px; } [dir=ltr] .lc-float__cta{font-family:var(--f-en);font-style:italic;letter-spacing:.05em;} .lc-float__cta:hover{background:var(--gold2,#c4861f);box-shadow:0 4px 18px rgba(232,160,48,.3);transform:translateY(-1px);} body.has-float{padding-bottom:68px;} /* ─── MODAL ─────────────────────────────────────────────────── */ .lc-modal-bg{ display:none;position:fixed;inset:0;z-index:200; background:rgba(7,24,33,.8);backdrop-filter:blur(6px); align-items:center;justify-content:center;padding:20px; } .lc-modal-bg.open{display:flex;} .lc-modal{ background:var(--bg2);border-radius:3px; width:100%;max-width:450px;max-height:90vh;overflow-y:auto; padding:40px 36px;position:relative; animation:lc-modal-in .25s ease forwards; } html.dark-mode .lc-modal{background:var(--bg2);} @keyframes lc-modal-in{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:none;}} .lc-modal__x{ position:absolute;top:16px;inset-inline-start:16px; color:var(--text2);padding:4px;border-radius:2px;transition:color .2s; } .lc-modal__x:hover{color:var(--text);} .lc-modal__eyebrow{font-family:var(--f-en);font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:8px;} .lc-modal__title{font-family:var(--f-ar);font-weight:400;font-size:1.3rem;color:var(--text);margin-bottom:6px;} [dir=ltr] .lc-modal__title{font-family:var(--f-h);font-style:italic;} .lc-modal__sub{font-size:.8rem;color:var(--text2);line-height:1.65;margin-bottom:24px;} [dir=ltr] .lc-modal__sub{font-family:var(--f-en);} .lc-modal .lc-form{gap:14px;} /* ─── FOOTER ─────────────────────────────────────────────────── */ .lc-footer{background:var(--ink);padding:56px 0 32px;} html.dark-mode .lc-footer{background:var(--bg3);} .lc-footer__g{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:40px;margin-bottom:44px;} .lc-footer__logo{height:36px;width:auto;margin-bottom:14px;opacity:.8;} .lc-footer__logo-txt{font-family:var(--f-h);font-style:italic;font-size:1.2rem;color:#fff;margin-bottom:12px;display:block;} .lc-footer__tagline{font-size:.76rem;line-height:1.7;max-width:210px;color:rgba(255,255,255,.35);display:none;} body:not([dir=ltr]) .lc-footer__tagline.ar{display:block;font-family:var(--f-ar);} [dir=ltr] .lc-footer__tagline.en{display:block;font-family:var(--f-en);font-style:italic;} .lc-footer__socials{display:flex;gap:8px;margin-top:20px;} .lc-footer__social{ width:34px;height:34px;border-radius:2px; border:1px solid rgba(255,255,255,.1); display:flex;align-items:center;justify-content:center; color:rgba(255,255,255,.4);transition:all .2s; } .lc-footer__social:hover{border-color:var(--gold);color:var(--gold);} .lc-footer__col-h{font-family:var(--f-en);font-size:.63rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:18px;} .lc-footer__col ul{display:flex;flex-direction:column;gap:10px;} .lc-footer__col ul li a,.lc-footer__col ul li span{font-size:.78rem;color:rgba(255,255,255,.4);display:block;transition:color .2s;} [dir=ltr] .lc-footer__col ul li a{font-family:var(--f-en);} .lc-footer__col ul li a:hover{color:var(--gold);} .lc-footer__bottom{ border-top:1px solid rgba(255,255,255,.07);padding-top:22px; display:flex;justify-content:space-between;align-items:center; font-size:.71rem;color:rgba(255,255,255,.28);flex-wrap:wrap;gap:8px; } .lc-footer__copy{display:none;} body:not([dir=ltr]) .lc-footer__copy.ar{display:block;} [dir=ltr] .lc-footer__copy.en{display:block;font-family:var(--f-en);} .lc-footer__by{display:block;color:rgba(255,255,255,.28);} .lc-footer__by a{color:var(--gold);} /* ════════════════════════════════════════════ RESPONSIVE ════════════════════════════════════════════ */ @media(max-width:1100px){ .lc-hero__wrap{grid-template-columns:1fr;padding-bottom:0;} .lc-hero__divide,.lc-hero__specs{display:none;} /* Move specs to stat strip below hero */ .lc-about__wrap{grid-template-columns:1fr;gap:48px;} .lc-loc__g{grid-template-columns:1fr;} .lc-partners__g{grid-template-columns:repeat(2,1fr);} .lc-footer__g{grid-template-columns:1fr 1fr;} } @media(max-width:960px){ .lc-units__g{grid-template-columns:repeat(3,1fr);} .lc-amen__g{grid-template-columns:repeat(4,1fr);} .lc-amen__head{grid-template-columns:1fr;} .lc-mp-panel__g{grid-template-columns:1fr;} .lc-contact__wrap{grid-template-columns:1fr;} } @media(max-width:768px){ .lc-nav__links,.lc-nav__cta,.lc-nav__hotline{display:none;} .lc-nav__burger{display:flex;} section.lc-about,section.lc-amen,section.lc-loc,section.lc-partners, section.lc-contact,section.lc-units,.lc-mp,.lc-bband{padding:64px 0;} .lc-about__specs{grid-template-columns:1fr 1fr;} .lc-spec:nth-child(2n){border-inline-end:none;} .lc-spec:nth-last-child(-n+2){border-bottom:none;} .lc-spec:nth-child(3n){border-inline-end:1px solid var(--border);} .lc-spec:nth-child(2n){border-inline-end:none;} .lc-bband__inner{flex-direction:column;align-items:flex-start;gap:20px;} .lc-float__left{display:none;} .lc-float__inner{justify-content:flex-end;} .lc-loc__map iframe{height:300px;} .lc-partners__g{grid-template-columns:repeat(2,1fr);} .lc-footer__g{grid-template-columns:1fr;} } @media(max-width:540px){ .lc-units__g{grid-template-columns:repeat(2,1fr);} .lc-amen__g{grid-template-columns:repeat(3,1fr);} .lc-partners__g{grid-template-columns:1fr 1fr;} .lc-form__row{grid-template-columns:1fr;} .lc-modal{padding:32px 22px;} .lc-float__actions{gap:6px;} .lc-float__cta{padding:10px 16px;font-size:.8rem;} }