*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;overflow-x:hidden;font-family:"Alexandria",system-ui,sans-serif;color:var(--t-ink);background:var(--t-bg);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}img[hidden]{display:none}h1,h2,h3,p{margin:0}button{font:inherit}.demo-ribbon{display:flex;justify-content:center;gap:.45rem;padding:.52rem 1rem;color:#fff;background:#0b0f14;font-size:.68rem}.demo-ribbon a{text-decoration:underline;text-underline-offset:.2rem}.t-container{width:min(calc(100% - 2rem),72rem);margin-inline:auto}.t-nav{height:5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.t-brand{font-size:1.05rem;font-weight:800}.t-brand small{display:block;margin-top:.12rem;color:var(--t-muted);font-size:.58rem;font-weight:500}.t-nav-links{display:flex;gap:1.3rem;color:var(--t-muted);font-size:.72rem;font-weight:700}.t-button{display:inline-flex;align-items:center;justify-content:center;min-height:3.1rem;border:1px solid transparent;border-radius:var(--t-radius);padding:.75rem 1.15rem;color:var(--t-button-text);background:var(--t-accent);font-size:.78rem;font-weight:800;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.t-button:hover{transform:translateY(-2px);box-shadow:0 12px 30px color-mix(in srgb,var(--t-accent) 28%,transparent)}.t-button-outline{border-color:var(--t-line);color:var(--t-ink);background:transparent}.t-section{padding-block:clamp(4rem,8vw,7rem)}.t-eyebrow{color:var(--t-accent-deep);font-size:.7rem;font-weight:800}.t-heading{margin-top:.8rem;font-size:clamp(2.2rem,5vw,4.5rem);font-weight:800;line-height:1.35}.t-lede{max-width:42rem;margin-top:1rem;color:var(--t-muted);line-height:1.9}.t-grid{display:grid;gap:1rem}.t-card{overflow:hidden;border:1px solid var(--t-line);border-radius:var(--t-radius);background:var(--t-card)}.t-card-body{padding:1.2rem}.t-card h3{font-size:1.05rem}.t-card p{margin-top:.45rem;color:var(--t-muted);font-size:.78rem;line-height:1.75}.t-image{overflow:hidden;background:var(--t-soft)}.t-image img{transition:transform .55s cubic-bezier(.16,1,.3,1)}.t-card:hover .t-image img{transform:scale(1.035)}.t-section-head{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:2rem}.t-section-head h2{font-size:clamp(2rem,4vw,3.5rem)}.t-section-head p{max-width:31rem;color:var(--t-muted);line-height:1.8}.t-cta{text-align:center;color:#fff;background:var(--t-dark)}.t-cta h2{font-size:clamp(2.3rem,5vw,4.5rem);line-height:1.4}.t-cta p{max-width:36rem;margin:1rem auto 1.5rem;color:rgba(255,255,255,.72);line-height:1.8}.t-footer{padding-block:2rem;color:var(--t-muted);font-size:.7rem}.t-footer>div{display:flex;justify-content:space-between;gap:1rem}.realestate{--t-bg:#f5f1e8;--t-card:#fffdf8;--t-ink:#1d2b23;--t-muted:#66736a;--t-accent:#caa66a;--t-accent-deep:#6b7d63;--t-button-text:#172019;--t-line:#ded8cb;--t-soft:#e7dfd1;--t-dark:#23342a;--t-radius:.35rem}.clinic{--t-bg:#f7fbfc;--t-card:#fff;--t-ink:#16333a;--t-muted:#5f7479;--t-accent:#7ad5d8;--t-accent-deep:#287b83;--t-button-text:#102d31;--t-line:#d8e8eb;--t-soft:#e9f5f8;--t-dark:#164650;--t-radius:1.25rem}.salon{--t-bg:#fffaf9;--t-card:#fff;--t-ink:#342625;--t-muted:#7d6967;--t-accent:#d9a8a4;--t-accent-deep:#8c5c58;--t-button-text:#2d201f;--t-line:#ead9d7;--t-soft:#f4e8e7;--t-dark:#442f31;--t-radius:999px}.salon .t-card,.salon .t-image{border-radius:1.5rem}.salon .t-card-body .t-button{border-radius:999px}
/* Real estate */.estate-hero{display:grid;grid-template-columns:1fr 1fr;min-height:38rem;align-items:stretch}.estate-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(2rem,7vw,6rem)}.estate-hero-copy h1{margin-top:1rem;font-size:clamp(3rem,6vw,6rem);line-height:1.25}.estate-hero-copy p{margin-top:1rem;color:var(--t-muted);line-height:1.9}.estate-hero .t-image{min-height:30rem}.filter-bar{display:flex;flex-wrap:wrap;gap:.55rem;margin-bottom:1.5rem}.filter-button{border:1px solid var(--t-line);border-radius:99px;padding:.6rem 1rem;color:var(--t-muted);background:transparent;cursor:pointer}.filter-button.is-active{color:#fff;background:var(--t-dark)}.property-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.property-card .t-image{height:14rem}.property-meta{display:flex;justify-content:space-between;gap:.7rem;margin-top:.8rem;color:var(--t-muted);font-size:.68rem}.property-price{margin-top:.7rem;color:var(--t-accent-deep);font-weight:800}.property-card .t-button{width:100%;margin-top:1rem}.license-box{border:1px dashed var(--t-accent-deep);padding:1rem;color:var(--t-muted);font-size:.78rem}.license-box strong{color:var(--t-ink)}
/* Clinic */.clinic-hero{position:relative;min-height:42rem;display:grid;align-items:end;overflow:hidden}.clinic-hero>.t-image{position:absolute;inset:0}.clinic-hero>.t-image::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(22,70,80,.88),rgba(22,70,80,.12))}.clinic-hero-copy{position:relative;z-index:1;max-width:42rem;padding:clamp(2rem,8vw,6rem);color:#fff}.clinic-hero h1{font-size:clamp(3rem,6vw,5.6rem);line-height:1.35}.clinic-hero p{margin-top:1rem;color:#dcf4f6;line-height:1.9}.clinic-hero .t-button{margin-top:1.5rem}.service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.service-card{padding:1.5rem}.service-card svg{width:2.3rem;fill:none;stroke:var(--t-accent-deep);stroke-width:1.6}.doctor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.doctor-card{display:grid;grid-template-columns:8rem 1fr;align-items:center}.doctor-avatar{height:10rem;display:grid;place-items:center;color:var(--t-accent-deep);background:var(--t-soft);font-size:2.4rem;font-weight:800}.hours-map{display:grid;grid-template-columns:.7fr 1.3fr;gap:1rem}.hours{padding:1.5rem}.hours-row{display:flex;justify-content:space-between;border-bottom:1px solid var(--t-line);padding:.75rem 0;color:var(--t-muted);font-size:.78rem}.map-frame{min-height:22rem;border:0;width:100%}
/* Salon */.salon-hero{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;padding-block:3rem}.salon-hero-copy{padding:clamp(1rem,5vw,4rem)}.salon-hero h1{margin-top:1rem;font-family:Georgia,"Times New Roman",serif;font-size:clamp(3.5rem,7vw,6.5rem);font-weight:500;line-height:1.2}.salon-hero p{margin-top:1rem;color:var(--t-muted);line-height:1.9}.salon-hero .t-button{margin-top:1.5rem}.salon-hero .t-image{height:38rem;border-radius:50% 50% 1.5rem 1.5rem}.salon-services{grid-template-columns:1fr 1fr}.salon-service{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--t-line);padding:1rem 0}.salon-service span:last-child{color:var(--t-accent-deep);font-weight:800}.salon-gallery{grid-template-columns:1.2fr .8fr .8fr;grid-auto-rows:15rem}.salon-gallery .t-image:first-child{grid-row:span 2}.salon-gallery .t-image{border-radius:1.5rem}
@media(max-width:800px){.t-nav-links{display:none}.estate-hero,.salon-hero{grid-template-columns:1fr}.estate-hero-copy{order:2}.property-grid,.service-grid{grid-template-columns:1fr 1fr}.hours-map{grid-template-columns:1fr}.salon-gallery{grid-template-columns:1fr 1fr}.salon-gallery .t-image:first-child{grid-column:span 2;grid-row:auto}.t-section-head{align-items:start;flex-direction:column}}
@media(max-width:560px){.t-container{width:min(calc(100% - 1.2rem),72rem)}.property-grid,.service-grid,.doctor-grid,.salon-services{grid-template-columns:1fr}.doctor-card{grid-template-columns:6rem 1fr}.salon-hero .t-image{height:26rem}.salon-gallery{grid-auto-rows:11rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.t-button,.t-image img{transition:none}}
.t-image.image-unavailable{position:relative;min-height:12rem;background:linear-gradient(135deg,var(--t-soft),color-mix(in srgb,var(--t-accent) 18%,var(--t-soft)))}.t-image.image-unavailable::after{content:"صورة توضيحية — تظهر عند توفر الاتصال";position:absolute;inset:0;display:grid;place-items:center;padding:1.5rem;text-align:center;color:var(--t-muted);font-size:.72rem;font-weight:700}

/* The brand is light. Opt out of browser auto-darkening so colours and contrast stay as designed. */
:root { color-scheme: only light; }