@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700&family=Jost:wght@300;400;500&display=swap');:root{--cream:#f8f5f0;--brown:#99704d;--ink:#24211f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Vazirmatn,Tahoma,sans-serif}a{color:inherit;text-decoration:none}header{height:61px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid #e7ded4;background:#fbf8f3}.brand{text-align:right;letter-spacing:4px;font:400 23px Jost,Arial}.brand small{display:block;letter-spacing:0;font:11px Vazirmatn,Tahoma}.header-left{display:flex;align-items:center;gap:35px;font:16px Jost}.lang{border:1px solid #ccb49d;padding:5px 10px;font:12px Jost}.menu{font-size:25px;font-weight:300}.hero-home{height:min(50vw,490px);min-height:310px;background:center/cover url('assets/home-hero.jpg');position:relative}.hero-home .overlay{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);color:#f5d9b5;text-align:center;text-shadow:0 2px 15px #0008}.mark{font:300 clamp(70px,13vw,140px) Jost;letter-spacing:-18px}.overlay .word{font:300 25px Jost;letter-spacing:9px}.overlay .tag{font:9px Jost;letter-spacing:3px}.slogan{text-align:center;padding:38px 16px 52px}.slogan h1{font:400 clamp(19px,3.2vw,32px) Jost;letter-spacing:7px;margin:0 0 12px}.slogan .persian{color:var(--brown);font-size:19px;font-weight:600}.slogan p{color:#777;font-size:13px;margin-top:22px}.container{max-width:1240px;padding:0 38px;margin:auto}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:20px 0 17px}.section-heading h2{font-size:20px;margin:0}.section-heading a{font-size:12px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:38px}.card img{width:100%;height:240px;object-fit:cover;display:block}.card h3{font-size:14px;margin:9px 0 0}.card p{font-size:11px;color:#777;margin:0}.video-wrap{background:#191919;padding:22px max(5%,calc((100vw - 1164px)/2))}.video-wrap video{width:100%;display:block;max-height:560px;object-fit:cover}.other{padding:30px 0 50px}.other-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.other img{width:100%;height:175px;object-fit:cover}.other p{font-size:12px;text-align:center}.project-hero{display:grid;grid-template-columns:65.5% 34.5%;direction:ltr;min-height:690px}.project-image{position:relative;overflow:hidden;background:#17110f}.project-image>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:center}.hero-count{position:absolute;bottom:26px;left:38px;color:white;font:28px Jost}.project-details{direction:rtl;padding:35px clamp(20px,3.6vw,55px);display:flex;flex-direction:column;justify-content:center}.crumb{color:#8b8580;font-size:10px;text-align:right;margin-bottom:46px}.eyebrow{color:#aaa;font:12px Jost;letter-spacing:3px}.project-details h1{font-size:clamp(27px,3vw,43px);margin:20px 0 0;white-space:nowrap}.project-details .en{font:13px Jost;letter-spacing:3px;margin:8px 0 32px}.metadata{border-top:1px solid #e7dfd7}.metadata div{border-bottom:1px solid #e7dfd7;display:flex;justify-content:space-between;gap:12px;padding:16px 0;font-size:12px}.metadata span{color:#8c8580}.description{font-size:14px;line-height:2.1;margin:33px 0}.button{background:var(--brown);color:white;padding:14px 20px;display:inline-block;align-self:center;font-size:13px}.gallery{padding-top:35px;padding-bottom:65px}.gallery-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.gallery-head h2{font-size:18px}.gallery-head span{font:12px Jost;letter-spacing:3px;color:#a99d92}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px 13px;direction:ltr}.gallery-item{cursor:pointer}.gallery-item img{display:block;width:100%;aspect-ratio:1.45;object-fit:cover}.caption{display:flex;justify-content:space-between;align-items:center;direction:ltr;padding-top:7px}.caption span{font:16px Jost;color:#76675d}.caption small{font-size:11px;direction:rtl}.back{margin:20px 0 0;font-size:12px}.lightbox{display:none;position:fixed;inset:0;z-index:30;background:#111e;align-items:center;justify-content:center;padding:40px}.lightbox.show{display:flex}.lightbox img{max-width:95%;max-height:90vh;object-fit:contain}.lightbox button{position:absolute;right:20px;top:14px;background:none;border:0;color:white;font-size:36px;cursor:pointer}footer{padding:35px;text-align:center;border-top:1px solid #e8dfd6;font:12px Jost;letter-spacing:3px}@media(max-width:760px){.container{padding:0 18px}.hero-home{min-height:260px}.cards{grid-template-columns:repeat(2,1fr)}.card img{height:180px}.cards .card:first-child{grid-column:span 2}.cards .card:first-child img{height:230px}.other-grid{grid-template-columns:repeat(2,1fr)}.project-hero{display:flex;flex-direction:column}.project-image{height:470px}.project-image>img{position:static}.project-details{padding:25px 24px 35px}.crumb{margin-bottom:20px}.project-details h1{white-space:normal}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-item img{aspect-ratio:1.2}.slogan h1{letter-spacing:3px}.slogan .persian{font-size:16px}}
/* Sections appended after the approved original video. Original top styles remain untouched. */
.new-section{padding:clamp(130px,17vw,260px) 0 0;background:var(--cream)}
.new-section:last-of-type{padding-bottom:clamp(130px,15vw,230px)}
.wide{width:min(1140px,calc(100% - 48px));margin-inline:auto}
.section-top{text-align:right;margin-bottom:44px;border-top:1px solid #d9cbbd;padding-top:32px}
.en-kicker{display:block;direction:ltr;text-align:right;font:400 11px Jost,Arial,sans-serif;letter-spacing:3px;color:#967d66;margin-bottom:15px}
.section-top h2{font-size:clamp(26px,3.6vw,43px);font-weight:500;margin:0 0 18px;line-height:1.7}
.section-top p{color:#786d64;font-size:clamp(13px,1.5vw,16px);line-height:2.2;margin:0}
.feature-photo{margin:0;position:relative;overflow:hidden;background:#e9e2da}
.feature-photo img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center}
.feature-photo figcaption{display:flex;justify-content:space-between;gap:15px;padding:17px 3px;color:#5c5149;font-size:13px}
.feature-photo figcaption span{font:12px Jost,Arial;letter-spacing:3px}
.samples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:28px}
.samples figure{min-width:0;margin:0}.samples img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block;background:#e4dcd3}
.samples figcaption{padding-top:14px;font-size:13px;color:#66594e}
.section-note{font-size:11px;color:#98897c;margin-top:22px;line-height:2}
.outline-cta{display:inline-flex;gap:38px;align-items:center;border:1px solid #8f755f;padding:16px 26px;margin-top:35px;font-size:14px;transition:background .2s}
.outline-cta:hover{background:#eee5db}.about-copy{margin:34px 0 0;max-width:780px;font-size:15px;line-height:2.5;color:#514b45}
.contact-links{display:flex;gap:30px;flex-wrap:wrap;margin-top:35px}.contact-links a{border-bottom:1px solid #b8a18a;padding-bottom:7px}
@media(max-width:760px){.new-section{padding-top:140px}.wide{width:calc(100% - 34px)}.section-top{padding-top:24px;margin-bottom:25px}.section-top h2{font-size:25px}.feature-photo img{aspect-ratio:4/3}.feature-photo figcaption{font-size:11px}.samples{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.samples figure:last-child{grid-column:span 2}.samples figure:last-child img{aspect-ratio:16/10}.samples img{aspect-ratio:4/3}.samples figcaption{font-size:12px}.about-copy{font-size:13px}}

/* Focused corrections: preserve the rest of the approved layout */
.hero-home .overlay{display:none!important}
.cards .card:first-child img{object-fit:contain!important;object-position:center;background:#f8f5f0}
@media(max-width:760px){.cards .card:first-child img{height:auto!important;aspect-ratio:1/1;object-fit:contain!important}}
.about-section .feature-photo img{aspect-ratio:16/9;object-fit:cover}

/* Dedicated project detail pages, preserving the approved homepage */
.feature-link,.sample-link{display:block;color:inherit}.feature-link:hover img,.sample-link:hover img{filter:brightness(.96)}
.detail-wrap{max-width:1160px;margin:auto;padding:40px 24px 110px}.detail-kicker{font:12px Jost,Arial;letter-spacing:3px;color:#987456}.detail-title{font-size:clamp(30px,5vw,54px);margin:16px 0}.detail-lead{line-height:2.2;color:#75695f}.detail-hero{width:100%;max-height:650px;object-fit:contain;background:#eee7df;display:block;margin:38px 0}.detail-section{padding-top:85px}.detail-section h2{font-size:clamp(24px,3vw,34px);border-top:1px solid #cbb9a9;padding-top:26px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.detail-grid figure{margin:0}.detail-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.detail-grid figcaption{padding:12px 0;font-size:13px}.specs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.specs div{border:1px solid #ddcec0;padding:18px;line-height:2}.specs strong{display:block}.notice{padding:18px 22px;background:#eee5db;color:#715b4b;line-height:2}.detail-action{display:inline-block;padding:14px 26px;border:1px solid #977557;margin-top:20px}@media(max-width:760px){.detail-grid{grid-template-columns:repeat(2,1fr)}.specs{grid-template-columns:repeat(2,1fr)}.detail-wrap{padding:25px 18px 90px}.detail-section{padding-top:55px}}

/* Featured-project test: ONLY ongoing renovations and ready-to-deliver sections */
.spotlight{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr);direction:ltr;gap:0;min-height:490px;background:#f3eee7}
.spotlight-photo{display:block;overflow:hidden;min-width:0}.spotlight-photo img{display:block;width:100%;height:100%;min-height:490px;object-fit:cover;object-position:center}
.spotlight-info{direction:rtl;text-align:right;padding:clamp(26px,4vw,64px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.spotlight-eyebrow{font-size:12px;letter-spacing:1px;color:#967b64}.spotlight-info h3{font-size:clamp(27px,3vw,43px);line-height:1.6;margin:22px 0 4px;font-weight:500}.spotlight-location{color:#977b66;margin:0 0 18px}.spotlight-rule{width:100%;height:1px;background:#d7c8b8;margin:10px 0 20px}.spotlight-description{line-height:2.5;color:#62574f;font-size:15px}.spotlight-status{font-size:12px;color:#94765c}.spotlight-info .outline-cta{margin-top:18px}
.more-projects-heading{display:flex;align-items:center;justify-content:space-between;margin:65px 0 24px;border-bottom:1px solid #d7c8b8;padding-bottom:16px}.more-projects-heading h3{font-weight:500;font-size:23px;margin:0}.more-projects-heading span{font:11px Jost,Arial;letter-spacing:2px;color:#967b64}
.listing-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.listing-card{min-width:0;color:inherit}.listing-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.listing-card-info{padding:16px 2px}.listing-card-info h3{font-size:19px;margin:0 0 7px;font-weight:500}.listing-card-info p{font-size:13px;color:#786a60;margin:0 0 12px}.listing-card-info span{font-size:12px;color:#9b785b}
@media(max-width:760px){.spotlight{display:flex;flex-direction:column}.spotlight-photo img{height:auto;min-height:0;aspect-ratio:4/3;object-fit:cover}.spotlight-info{padding:28px 22px 36px}.spotlight-info h3{font-size:29px}.spotlight-description{font-size:14px}.more-projects-heading{margin-top:46px}.listing-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.listing-card:last-child{grid-column:span 2}.listing-card:last-child img{aspect-ratio:16/9}.listing-card-info h3{font-size:16px}.listing-card-info p{font-size:12px}}

/* Single composite photo for the renovation request section */
#renovate .renovate-single img{width:100%;height:auto;aspect-ratio:2120/650;object-fit:cover;display:block}
@media(max-width:700px){#renovate .renovate-single img{aspect-ratio:1.45;object-fit:cover}}

/* Bilingual mode: keep the approved visual layout, switch text direction only. */
.language-toggle{cursor:pointer;background:transparent;border:1px solid #bda48c;color:inherit;font:inherit;padding:6px 12px;min-width:42px;z-index:10}
html[lang="en"] .section-top,html[lang="en"] .spotlight-info,html[lang="en"] .listing-card-info,html[lang="en"] .about-copy,html[lang="en"] .detail-wrap,html[lang="en"] .project-details{text-align:left;direction:ltr}
html[lang="en"] .section-heading,html[lang="en"] .more-projects-heading{direction:ltr}
html[lang="en"] .metadata,html[lang="en"] .specs{direction:ltr}