/* Homepage presentation built on the Propertiana design system. */
.home{background:var(--ds-color-canvas);color:var(--ds-color-text-body);font-family:var(--ds-font-arabic)}
.home .wrap{width:min(var(--ds-content-max),calc(100% - (var(--ds-page-gutter) * 2)))}
.home h1,.home h2,.home h3,.home h4{color:var(--ds-color-text);font-family:var(--ds-font-arabic);font-weight:700;letter-spacing:-.02em}
.home .btn,.home .compare-btn,.home .search-console__go,.home .city,.home .project-card,.home .feature-card,.home .developer-chip{transition:color var(--ds-duration-fast) ease,background-color var(--ds-duration-fast) ease,border-color var(--ds-duration-fast) ease,box-shadow var(--ds-duration-normal) var(--ds-ease),opacity var(--ds-duration-fast) ease}
.home .btn:hover,.home .project-card:hover,.home .city:hover,.home .feature-card:hover,.home .developer-chip:hover{transform:none}
.home :focus-visible{outline:3px solid var(--ds-color-focus);outline-offset:3px}
.home .btn--olive{background:var(--ds-color-primary);color:var(--ds-white);box-shadow:none}
.home .btn--olive:hover{background:var(--ds-color-primary-hover);box-shadow:var(--ds-shadow-sm)}
.home .btn--terra{background:var(--ds-color-accent);color:var(--ds-white);box-shadow:none}
.home .btn--terra:hover{background:var(--ds-color-accent-hover)}

/* Header and utility strip. */
.home .ticker{background:var(--ds-pine-950);color:rgb(var(--ds-white-rgb)/.68)}
.home .ticker__tag{background:var(--ds-color-primary);color:var(--ds-white)}
.home .ticker__item b{color:var(--ds-clay-100)}
.home .hdr{background:rgb(var(--ds-white-rgb)/.94);border-color:var(--ds-color-border);box-shadow:var(--ds-shadow-xs)}
.home .brand__box{background:var(--ds-color-primary);box-shadow:none}
.home .nav a{color:var(--ds-color-text-body);font-weight:600}
.home .nav a:hover,.home .nav .current-menu-item>a,.home .nav a.on{background:var(--ds-color-primary-soft);color:var(--ds-color-primary-hover)}
.home .hdr__cta{box-shadow:none}

/* Brand-first hero: centered identity, no project media. */
.home .hero{position:relative;isolation:isolate;padding:clamp(48px,4.6vw,68px) 0 88px;overflow:hidden;background:radial-gradient(circle at 50% 34%,var(--ds-color-primary-soft),transparent 40%),linear-gradient(180deg,var(--ds-color-canvas),var(--ds-canvas-50));color:var(--ds-color-text)}
.home .hero:before{position:absolute;z-index:-2;inset:0;content:"";background-image:linear-gradient(rgb(var(--ds-pine-rgb)/.028) 1px,transparent 1px),linear-gradient(90deg,rgb(var(--ds-pine-rgb)/.028) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,transparent,black 20%,black 80%,transparent)}
.home .hero:after{position:absolute;z-index:-1;top:44%;left:50%;width:min(54vw,500px);aspect-ratio:1;content:"";border:1px solid rgb(var(--ds-pine-rgb)/.06);border-radius:50%;box-shadow:0 0 0 56px rgb(var(--ds-pine-rgb)/.014),0 0 0 112px rgb(var(--ds-pine-rgb)/.009);transform:translate(-50%,-50%);pointer-events:none}
.home .hero__brand-stage{position:relative;z-index:1;display:flex;max-width:var(--ds-hero-content-max);margin-inline:auto;flex-direction:column;align-items:center;text-align:center}
.home .hero__brand-lockup{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--ds-space-5);margin-bottom:var(--ds-space-6);direction:rtl}
.home .hero__brand-mark{display:grid;width:var(--ds-hero-brand-mark-size);height:var(--ds-hero-brand-mark-size);place-items:center;border:1px solid rgb(var(--ds-white-rgb)/.58);border-radius:var(--ds-hero-brand-mark-radius);background:linear-gradient(145deg,var(--ds-color-primary),var(--ds-color-primary-hover));color:var(--ds-white);box-shadow:0 12px 30px rgb(var(--ds-pine-rgb)/.13),inset 0 1px 0 rgb(var(--ds-white-rgb)/.24)}
.home .hero__brand-mark svg{width:64%;height:64%}
.home .hero__brand-logo{width:72%;height:72%;object-fit:contain}
.home .hero__wordmark{display:flex;flex-direction:column;align-items:flex-start;gap:5px;direction:rtl;text-align:right}
.home .hero__wordmark strong{color:var(--ds-color-text);font-family:var(--ds-font-wordmark);font-size:clamp(36px,4vw,48px);font-weight:600;line-height:1;letter-spacing:.095em}
.home .hero__wordmark span{padding-inline-end:.1em;color:var(--ds-color-primary-hover);font-family:var(--ds-font-arabic);font-size:clamp(13px,1.15vw,15px);font-weight:700;line-height:1.35;letter-spacing:0}
.home .hero__content{display:flex;width:100%;flex-direction:column;align-items:center}
.home .hero .kicker.d{margin-bottom:var(--ds-space-4);padding:6px 13px;border:1px solid var(--ds-color-border);background:rgb(var(--ds-white-rgb)/.76);color:var(--ds-color-primary-hover);box-shadow:var(--ds-shadow-xs);backdrop-filter:blur(8px)}
.home .hero .kicker.d i{background:var(--ds-color-primary)}
.home .hero h1{max-width:760px;margin:0 auto var(--ds-space-3);color:var(--ds-color-text);font-size:clamp(29px,3vw,38px);font-weight:700;line-height:1.45;letter-spacing:-.03em;text-wrap:balance}
.home .hero h1 span{display:block;margin-top:var(--ds-space-1);color:var(--ds-color-primary);font-size:.76em;font-weight:500;letter-spacing:-.025em}
.home .hero__lead{max-width:640px;margin:0 auto var(--ds-space-6);color:var(--ds-color-text-body);font-size:clamp(14px,1.15vw,16px);font-weight:400;line-height:1.85;text-wrap:pretty}
.home .hero__cta{justify-content:center;gap:var(--ds-space-3)}
.home .hero__cta .btn{min-height:var(--ds-button-height);padding-inline:var(--ds-button-padding-inline);border-radius:var(--ds-button-radius);box-shadow:none}
.home .hero__cta .btn--olive{background:var(--ds-color-primary);color:var(--ds-white)}
.home .hero__cta .btn--olive:hover{background:var(--ds-color-primary-hover);box-shadow:var(--ds-shadow-sm)}
.home .hero__cta .btn--line{border-color:var(--ds-color-border);background:var(--ds-color-surface);color:var(--ds-color-text)}
.home .hero__cta .btn--line:hover{border-color:var(--ds-color-primary);color:var(--ds-color-primary-hover)}
.home .hero__cta .pt-icon{width:18px;height:18px}

/* Search and trust. */
.home .search-wrap{margin-top:-42px}
.home .pt-home-flow .search-wrap--inline{margin-top:var(--ds-space-8);margin-bottom:var(--ds-space-8)}
.home .search-console{overflow:visible;border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-xl);background:var(--ds-color-surface);box-shadow:var(--ds-shadow-md)}
.home .search-console__body{grid-template-columns:minmax(230px,1.35fr) repeat(3,minmax(145px,1fr)) auto;gap:var(--ds-space-2);padding:var(--ds-space-3)}
.home .field{min-height:var(--ds-field-height);padding:9px 14px;border:1px solid transparent;border-radius:var(--ds-field-radius);background:var(--ds-field-bg)}
.home .field:hover{border-color:var(--ds-color-border);background:var(--ds-canvas-50)}
.home .field:focus-within{border-color:var(--ds-color-focus);box-shadow:0 0 0 3px var(--ds-color-primary-soft)}
.home .field label{margin:0;color:var(--ds-color-text-muted);font-size:11px;font-weight:500}
.home .field select,.home .field input{min-height:28px;color:var(--ds-color-text);font-size:14px;font-weight:600}
.home .search-console__go{display:inline-flex;align-items:center;justify-content:center;gap:var(--ds-space-2);min-width:132px;min-height:var(--ds-field-height);padding-inline:var(--ds-space-5);border-radius:var(--ds-field-radius);background:var(--ds-color-primary);color:var(--ds-white)}
.home .search-console__go:hover{background:var(--ds-color-primary-hover)}
.home .search-console__go .pt-icon{width:19px;height:19px}
.home .popular{gap:var(--ds-space-2);padding:0 var(--ds-space-5) var(--ds-space-4)}
.home .popular span{color:var(--ds-color-text-muted)}
.home .popular a{border:1px solid var(--ds-color-border);background:var(--ds-canvas-50);color:var(--ds-color-text-body)}
.home .popular a:hover{border-color:var(--ds-color-primary);background:var(--ds-color-primary-soft);color:var(--ds-color-primary-hover)}
.home .trust{display:grid;grid-template-columns:repeat(4,1fr);padding:var(--ds-space-6) 0 0}
.home .trust__item{min-width:0;padding:var(--ds-space-4) var(--ds-space-5);border-color:var(--ds-color-border)}
.home .trust__item em,.home .trust__item:nth-child(2) em,.home .trust__item:nth-child(3) em{width:42px;height:42px;border-radius:var(--ds-radius-sm);background:var(--ds-color-primary-soft);color:var(--ds-color-primary)}
.home .trust__item b{color:var(--ds-color-text);font-size:13px}
.home .trust__item span{color:var(--ds-color-text-muted);font-size:11px}

/* Section rhythm and headings. */
.home .sec{padding:var(--ds-section-space) 0}
.home .sec--paper{background:var(--ds-color-surface)}
.home .sec-head{align-items:flex-end;margin-bottom:var(--ds-space-8)}
.home .sec-head:after{margin-top:var(--ds-space-5);background:var(--ds-color-border)}
.home .kicker{margin-bottom:var(--ds-space-3);padding:6px 12px;border:1px solid var(--ds-color-border);background:var(--ds-color-surface);color:var(--ds-color-primary-hover);font-size:var(--ds-font-xs)}
.home .kicker.tr{background:var(--ds-color-accent-soft);color:var(--ds-color-accent-hover)}
.home .h-sec{color:var(--ds-color-text);font-size:clamp(27px,3vw,39px);font-weight:700;letter-spacing:-.035em}
.home .h-sec .th{color:var(--ds-color-text-muted);font-weight:400}
.home .sub{color:var(--ds-color-text-muted);font-size:15px;font-weight:400}
.home .lnk{color:var(--ds-color-text);font-weight:600}
.home .lnk i{background:var(--ds-color-primary-soft);color:var(--ds-color-primary)}
.home .lnk:hover{color:var(--ds-color-primary)}

/* Calm, text-led city cards. */
.home .cities{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--ds-space-3)}
.home .city{min-height:142px;aspect-ratio:auto;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr;align-items:center;gap:var(--ds-space-3);padding:var(--ds-space-5);overflow:hidden;border:1px solid var(--ds-card-border);border-radius:var(--ds-card-radius);background:var(--ds-card-bg);color:var(--ds-color-text);box-shadow:var(--ds-card-shadow)}
.home .city:nth-child(n){background-image:none}
.home .city:after{content:"";position:absolute;inset-block:18px;inset-inline-start:0;width:3px;border-radius:var(--ds-radius-full);background:var(--ds-color-primary);opacity:.62}
.home .city:hover{border-color:var(--ds-olive-500);box-shadow:var(--ds-card-shadow-hover)}
.home .city>*{position:relative;z-index:1}
.home .city__index{grid-column:1/-1;color:var(--ds-stone-400);font:500 11px/1 var(--ds-font-numeric);letter-spacing:.08em}
.home .city__icon{display:grid;place-items:center;width:42px;height:42px;border-radius:var(--ds-radius-sm);background:var(--ds-color-primary-soft);color:var(--ds-color-primary);font-style:normal}
.home .city__icon .pt-icon{width:20px;height:20px}
.home .city__copy{min-width:0}
.home .city__copy b,.home .city__copy small{display:block}
.home .city__copy b{overflow:hidden;color:var(--ds-color-text);font-size:16px;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}
.home .city__copy small{margin-top:2px;color:var(--ds-color-text-muted);font-size:11px}
.home .city__arrow{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--ds-color-border);border-radius:50%;color:var(--ds-color-primary);font-style:normal}
.home .city:hover .city__arrow{border-color:var(--ds-color-primary);background:var(--ds-color-primary);color:var(--ds-white)}

/* Project cards. */
.home .cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ds-space-5)}
.home .project-card{overflow:hidden;border:1px solid var(--ds-card-border);border-radius:var(--ds-card-radius);background:var(--ds-card-bg);box-shadow:var(--ds-card-shadow)}
.home .project-card:hover{border-color:var(--ds-sand-300);box-shadow:var(--ds-card-shadow-hover)}
.home .project-card__image{aspect-ratio:16/10;border-bottom:1px solid var(--ds-color-border);background:var(--ds-color-primary-soft)}
.home .project-card__image:after{background:linear-gradient(0deg,rgb(var(--ds-pine-rgb)/.3),transparent 48%)}
.home .project-card--home .pc-loc--home{top:12px;inset-inline-start:12px;display:inline-flex;width:max-content;max-width:calc(100% - 24px);padding:7px 11px;border:1px solid rgb(var(--ds-white-rgb)/.7);border-radius:var(--ds-radius-full);background:rgb(var(--ds-white-rgb)/.92);color:var(--ds-color-text);box-shadow:var(--ds-shadow-sm);backdrop-filter:blur(8px)}
.home .project-card--home .pc-loc--home .pt-icon{width:14px;height:14px;color:var(--ds-color-primary)}
.home .project-card--home .pc-loc--home b{overflow:hidden;color:var(--ds-color-text);font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.home .project-card__body{padding:var(--ds-space-5)}
.home .project-card h3{margin:0 0 var(--ds-space-3);font-size:17px;line-height:1.65}
.home .project-card h3 a:hover{color:var(--ds-color-primary)}
.home .project-card__developer{display:flex;align-items:center;gap:var(--ds-space-2);min-height:42px;margin-bottom:var(--ds-space-4);padding-bottom:var(--ds-space-3);border-bottom:1px solid var(--ds-color-border)}
.home .project-card__developer>.pt-icon{width:18px;height:18px;color:var(--ds-color-primary)}
.home .project-card__developer span,.home .project-card__developer small,.home .project-card__developer b{display:block;min-width:0}
.home .project-card__developer small{color:var(--ds-color-text-muted);font-size:10px;line-height:1.2}
.home .project-card__developer b{overflow:hidden;color:var(--ds-color-text);font-size:12px;line-height:1.55;text-overflow:ellipsis;white-space:nowrap}
.home .project-card__figs{margin-bottom:var(--ds-space-4);padding:11px 6px;border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-sm);background:var(--ds-color-surface-subtle)}
.home .project-card__figs div{border-color:var(--ds-color-border)}
.home .project-card__figs small{color:var(--ds-color-text-muted);font-size:10px}
.home .project-card__figs b{color:var(--ds-color-text);font-family:var(--ds-font-numeric);font-size:13px;font-weight:500}
.home .project-card__acts{gap:var(--ds-space-2)}
.home .project-card__acts .btn,.home .compare-btn{min-height:46px;border-radius:var(--ds-radius-sm)}
.home .project-card__acts .btn{background:var(--ds-color-primary);box-shadow:none}
.home .project-card__acts .btn:hover{background:var(--ds-color-primary-hover);box-shadow:var(--ds-shadow-sm)}
.home .project-card__acts .btn .pt-icon{width:16px;height:16px}
.home .compare-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 13px;border-color:var(--ds-color-border);background:var(--ds-color-surface);color:var(--ds-color-text-body)}
.home .compare-btn:hover{border-color:var(--ds-color-primary);color:var(--ds-color-primary)}
.home .compare-btn[aria-pressed=true]{border-color:var(--ds-color-primary);background:var(--ds-color-primary-soft);color:var(--ds-color-primary-hover)}
.home .compare-btn .pt-icon{width:16px;height:16px}

/* Supporting homepage components inherit the same quiet surface language. */
.home .featured-grid{gap:var(--ds-space-5)}
.home .feature-card{overflow:hidden;border:1px solid var(--ds-color-border);border-radius:var(--ds-card-radius);box-shadow:var(--ds-card-shadow)}
.home .feature-card:hover{box-shadow:var(--ds-card-shadow-hover)}
.home .feature-card__body{padding:var(--ds-space-6)}
.home .feature-card .p-brass{border:1px solid rgb(var(--ds-white-rgb)/.72);background:rgb(var(--ds-white-rgb)/.92);color:var(--ds-color-text);box-shadow:var(--ds-shadow-sm);backdrop-filter:blur(8px)}
.home .feature-card__loc{color:var(--ds-color-primary)}
.home .feature-card__row{border-color:var(--ds-color-border);color:var(--ds-color-text-body)}
.home .feature-card__row b{color:var(--ds-color-text);font-family:var(--ds-font-numeric);font-weight:500}
.home .developers{gap:var(--ds-space-3)}
.home .developer-chip{border-color:var(--ds-color-border);border-radius:var(--ds-radius-md);box-shadow:var(--ds-shadow-xs)}
.home .developer-chip:hover{border-color:var(--ds-color-primary);box-shadow:var(--ds-shadow-sm)}
.home .developer-chip em{border-radius:var(--ds-radius-sm);background:var(--ds-color-primary-soft);color:var(--ds-color-primary)}
.home .developer-chip b{color:var(--ds-color-text)}
.home .developer-chip span{color:var(--ds-color-text-muted)}
.home .about{gap:var(--ds-space-16)}
.home .about-point{border-color:var(--ds-color-border);background:var(--ds-color-surface);box-shadow:var(--ds-shadow-xs)}
.home .about-point em{color:var(--ds-color-primary)}
.home .person-card{border:1px solid rgb(var(--ds-white-rgb)/.1);border-radius:var(--ds-radius-xl);background:var(--ds-pine-950);box-shadow:var(--ds-shadow-md)}
.home .contact{background:var(--ds-pine-950)}
.home .contact .glow{display:none}
.home .contact__channels em{color:var(--ds-clay-100)}
.home .cform{border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-xl);box-shadow:var(--ds-shadow-md)}

@media(max-width:1100px){
	.home .search-console__body{grid-template-columns:repeat(2,minmax(0,1fr))}
	.home .search-console__go{grid-column:1/-1;min-height:50px}
	.home .cities{grid-template-columns:repeat(2,minmax(0,1fr))}
	.home .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
	.home .trust{grid-template-columns:repeat(2,minmax(0,1fr))}
	.home .trust__item:nth-child(2n){border-inline-start:0}
}

@media(max-width:900px){
	.home .hero{padding-top:var(--ds-space-10);padding-bottom:var(--ds-space-20)}
	.home .hero:after{width:min(72vw,500px)}
	.home .search-wrap{margin-top:-30px}
	.home .featured-grid{grid-template-columns:1fr}
}

@media(max-width:650px){
	.home .ticker{display:none}
	.home .hero{padding:var(--ds-space-8) 0 var(--ds-space-16)}
	.home .hero:before{background-size:48px 48px}
	.home .hero:after{top:34%;width:92vw;box-shadow:0 0 0 42px rgb(var(--ds-pine-rgb)/.012)}
	.home .hero__brand-lockup{flex-direction:column;gap:var(--ds-space-3);margin-bottom:var(--ds-space-5)}
	.home .hero__brand-mark svg{width:62%;height:62%}
	.home .hero__wordmark{align-items:center;text-align:center}
	.home .hero__wordmark strong{font-size:clamp(30px,9vw,36px);letter-spacing:.075em}
	.home .hero__wordmark span{font-size:13px}
	.home .hero .kicker.d{margin-bottom:var(--ds-space-3);font-size:11px}
	.home .hero h1{font-size:clamp(25px,7.2vw,30px);line-height:1.5}
	.home .hero__lead{margin-bottom:var(--ds-space-5);font-size:14px;line-height:1.8}
	.home .hero__cta{display:grid;grid-template-columns:1fr}
	.home .hero__cta .btn{width:100%;min-height:50px}
	.home .search-wrap{margin-top:-20px}
	.home .search-console{border-radius:var(--ds-radius-lg)}
	.home .search-console__body{grid-template-columns:1fr;padding:var(--ds-space-3)}
	.home .search-console__go{grid-column:auto;min-height:52px}
	.home .trust{grid-template-columns:1fr;padding-top:var(--ds-space-4)}
	.home .trust__item,.home .trust__item:nth-child(2n){border-inline-start:0;border-bottom:1px solid var(--ds-color-border)}
	.home .trust__item:last-child{border-bottom:0}
	.home .sec-head{align-items:flex-start;margin-bottom:var(--ds-space-6)}
	.home .sec-head:after{margin-top:var(--ds-space-4)}
	.home .h-sec{font-size:28px}
	.home .cities,.home .cards{grid-template-columns:1fr}
	.home .city{min-height:118px;padding:var(--ds-space-4)}
	.home .project-card__body{padding:var(--ds-space-4)}
	.home .project-card__acts{display:grid;grid-template-columns:minmax(0,1fr) auto}
	.home .project-card__acts .btn,.home .compare-btn{min-height:48px}
	.home .feature-card{grid-template-columns:1fr}
	.home .feature-card__image{min-height:245px}
	.home .about{gap:var(--ds-space-10)}
}

@media(min-width:700px) and (max-width:900px) and (orientation:landscape){
	.home .hero{padding:var(--ds-space-6) 0 var(--ds-space-16)}
	.home .hero__brand-lockup{gap:var(--ds-space-4);margin-bottom:var(--ds-space-4)}
	.home .hero__brand-mark{width:64px;height:64px;border-radius:var(--ds-radius-md)}
	.home .hero__wordmark{align-items:flex-start;text-align:right}
	.home .hero__wordmark strong{font-size:36px}
	.home .hero h1{font-size:27px;line-height:1.42}
	.home .hero__lead{margin-bottom:var(--ds-space-5);font-size:14px;line-height:1.75}
	.home .hero__cta .btn{min-height:46px;padding-inline:var(--ds-space-4);font-size:13px}
}

@media(prefers-reduced-motion:reduce){
	.home .rv{opacity:1;transform:none;transition:none}
	.home .btn,.home .compare-btn,.home .search-console__go,.home .city,.home .project-card,.home .feature-card,.home .developer-chip{transition:none}
}
