@charset "UTF-8";
:root{--bg:#070b12;--panel:#0e1521;--panel2:#111d2c;--ink:#f7f2e9;--sub:#c6c3c0;--dim:#8f938f;--gold:#e8b967;--gold-dark:#a87738;--border:#765d39;--frame:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:0;max-width:100%;overflow-x:hidden;background:var(--bg);color:var(--ink);font-family:Tahoma,"Arial",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;display:block}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.container{width:min(var(--frame),calc(100% - 40px));margin-inline:auto}
.site-header{position:relative;z-index:100;height:76px;background:#070c15eb;border-bottom:1px solid #c6a26a2e;backdrop-filter:blur(16px)}.site-header .container{height:100%;display:flex;align-items:center;justify-content:space-between;direction:ltr;position:relative;gap:20px}.header-control{display:flex;align-items:center;gap:10px}.iconbtn{display:grid;place-items:center;height:40px;min-width:42px;border:1px solid #b08a4d;border-radius:4px;background:#090f18ac;color:var(--gold)}.iconbtn:hover{background:#382c1a}.wordmark{font:600 clamp(22px,3.3vw,32px) Georgia,"Times New Roman",serif;white-space:nowrap;letter-spacing:.045em;direction:ltr}.wordmark span{color:var(--gold)}.site-header .wordmark{position:absolute;left:50%;transform:translateX(-50%)}.header-contact{border:1px solid #887047;padding:11px 17px;border-radius:4px;font-size:12px;color:#ead5af;direction:rtl}.drawer{position:absolute;top:64px;left:0;z-index:110;padding:18px;background:#0b1421;border:1px solid #765d39;border-radius:5px;box-shadow:0 18px 50px #000b;min-width:230px;display:none;direction:rtl}.drawer[aria-hidden="false"]{display:grid;gap:17px}.drawer a{font-size:13px}.drawer a:hover{color:var(--gold)}
.hero{position:relative;min-height:675px;display:flex;align-items:center;background:#070d17;isolation:isolate;overflow:hidden}.hero::before{content:"";position:absolute;inset:0;z-index:-3;background:radial-gradient(ellipse at 75% 42%,#584831 0%,#172237 37%,transparent 66%),linear-gradient(118deg,#05080e 25%,#101d30 100%)}.hero-photo{position:absolute;inset:0;z-index:-2;background:url("./assets/hero-monogram.svg") 18% 50%/auto 80% no-repeat,radial-gradient(ellipse at 22% 49%,#98733b29,transparent 36%),linear-gradient(122deg,#070c15 4%,#101b2b 55%,#060b13 100%)}.hero-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#080d16 0%,transparent 17%,transparent 80%,#0b122052 100%)}.hero-content{padding:108px 0 100px;position:relative}.eyebrow{font:600 12px/1.9 Arial,sans-serif;color:var(--gold);letter-spacing:.31em;direction:ltr;text-align:right}.hero h1{font:700 clamp(58px,8.7vw,116px)/1.04 Georgia,"Times New Roman",serif;direction:ltr;text-align:right;letter-spacing:-.059em;margin:17px 0 8px;white-space:normal;overflow-wrap:normal;max-width:100%}.hero h1 em{color:var(--gold);font-style:normal}.hero h1:after{content:"";display:block;background:linear-gradient(90deg,var(--gold),transparent);height:4px;width:160px;margin-top:17px}.hero h2{font-size:clamp(24px,3.7vw,40px);margin:30px 0 10px;font-weight:700;line-height:1.6}.hero p{font-size:15px;line-height:2.15;max-width:555px;color:#e5ded5;margin:0}.hero-buttons{display:flex;gap:13px;flex-wrap:wrap;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:13px;border:1px solid var(--gold);border-radius:4px;min-height:47px;padding:13px 25px;color:#161006;background:linear-gradient(105deg,#deb05d,#f4d38c);font-size:13px;font-weight:700;transition:transform .25s,filter .25s}.btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.btn.outline{background:#07101bbc;color:var(--gold)}.hero-rail{position:absolute;right:25px;top:39%;z-index:2;display:grid;gap:19px;color:#fff;font:11px Arial;text-align:center}.hero-rail strong{color:var(--gold)}.hero-rail:after{content:"";width:1px;height:100px;background:linear-gradient(var(--gold),transparent);justify-self:center}
.section{padding:66px 0}.section-title{display:flex;align-items:center;gap:15px;margin:0 0 27px}.section-title:before{content:"";height:2px;width:44px;flex:0 0 44px;background:var(--gold)}.section-title .latin{color:var(--gold);letter-spacing:.22em;font:600 11px Arial,sans-serif;direction:ltr;white-space:nowrap}.section-title h2{font-size:clamp(19px,2.6vw,28px);font-weight:600;margin:0;line-height:1.5}
.division-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.division{position:relative;min-height:376px;display:flex;align-items:flex-end;isolation:isolate;border:1px solid #766247;border-radius:8px;overflow:hidden;background:#142238;transition:transform .25s,border-color .25s}.division:hover{transform:translateY(-5px);border-color:var(--gold)}.division::before{content:"";position:absolute;inset:0;z-index:-2;background-position:center;background-size:cover;transition:transform .4s}.division:hover::before{transform:scale(1.05)}.division::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#04080ffb 0%,#04080fea 30%,#04080f40 69%,transparent 100%)}.division.construct::before{background-image:url("./assets/construction.jpg"),url("../assets/construction.svg")}.division.invest::before{background-image:url("./assets/capital.jpg"),url("../assets/capital.svg")}.division.tech::before{background-image:url("./assets/technology.jpg"),url("../assets/technologies.svg")}.division.venture::before{background-image:url("./assets/ventures-innovation.svg");background-position:center 42%}.division-content{padding:19px 17px;width:100%}.division-kicker{color:var(--gold);font:600 10px/1.5 Arial,sans-serif;direction:ltr;text-align:right;letter-spacing:.13em}.division h3{font:700 clamp(15px,1.68vw,21px)/1.35 Arial,sans-serif;direction:ltr;text-align:right;margin:12px 0 13px;overflow-wrap:anywhere}.division p{color:#e0ddd8;font-size:12px;line-height:2.05;min-height:73px;margin:0 0 15px}.go{display:flex;gap:8px;align-items:center;font-size:12px;color:#f0d29e}.go i{display:grid;place-items:center;background:var(--gold);color:#120e09;width:29px;height:29px;border-radius:50%;font-style:normal;margin-right:auto}
.projects-area{padding-top:14px}.projects-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.more-link{font-size:12px;color:var(--gold);white-space:nowrap}.project-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.project{position:relative;min-width:0;height:235px;overflow:hidden;border:1px solid #6e573b;border-radius:7px;background:#101b29}.project .project-image{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .3s}.project:hover .project-image{transform:scale(1.05)}.project-1 .project-image{background-image:url("./assets/project-a.jpg"),url("../assets/construction.svg")}.project-2 .project-image{background-image:url("./assets/project-b.jpg"),url("../assets/construction.svg")}.project-3 .project-image{background-image:url("./assets/project-c.jpg"),url("../assets/construction.svg")}.project:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#04070cf2 0%,transparent 65%)}.project-label{position:absolute;bottom:17px;right:18px;left:18px;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:15px}.project-label > span{display:grid;place-items:center;border-radius:50%;background:var(--gold);color:#16100a;flex:0 0 29px;height:29px}.image-note{font-size:11px;color:#92969b;margin-top:13px}
.product-strip{background:linear-gradient(180deg,#101926,#090f18);border-top:1px solid #6f56352e;border-bottom:1px solid #6f56352e}.product-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.product{min-height:125px;padding:20px;background:#131f2b;border:1px solid #67543a;border-radius:6px}.product h3{margin:0 0 12px;color:var(--gold);font:700 17px Arial,sans-serif;direction:ltr;text-align:right}.product p{color:#c6c2bc;font-size:12px;line-height:1.8;margin:0}.product a{text-decoration:underline;text-decoration-color:#796038;text-underline-offset:5px}
.contact-panel{margin:30px auto 55px;position:relative;overflow:hidden;isolation:isolate;min-height:240px;border:1px solid #8b6c42;border-radius:10px;background:#121a29;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:24px;padding:32px 34px}.contact-panel:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#080b12ef 0%,#080b1291 55%,#070b12b0 100%),url("./assets/tehran.svg") center 57%/cover no-repeat}.contact-panel:after{content:"";z-index:-1;position:absolute;inset:0;background:radial-gradient(ellipse at 26% 67%,#a66c2d36,transparent 50%)}.contact-panel h2{font-size:clamp(21px,2.8vw,30px);line-height:1.7;margin:0 0 22px}.contact-details{border:1px solid #b58d5061;border-radius:8px;padding:18px 21px;background:#060d18bc;display:grid;gap:11px;font-size:12px;line-height:1.85}.contact-details a{color:#f1d29e;overflow-wrap:anywhere}.contact-details .address{color:#eee;overflow-wrap:anywhere}
.site-footer{border-top:1px solid #655037;background:#050910;padding:25px 0 16px}.footer-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:22px}.footer-brand{display:flex;align-items:center;gap:13px}.footer-mark{width:46px;height:46px;border:1px solid #a37b3c;border-radius:2px;display:grid;place-items:center;color:var(--gold)}.footer-mark svg{height:37px;width:37px}.footer-brand .wordmark{font-size:24px}.footer-brand small{display:block;font:9px Arial;letter-spacing:.15em;color:#aa9f92;direction:ltr}.footer-links{display:flex;gap:20px;flex-wrap:wrap;font-size:11px;color:#d2c8bb}.footer-bottom{margin-top:22px;border-top:1px solid #2c3037;padding-top:14px;display:flex;justify-content:space-between;gap:18px;color:#9e9993;font:11px Arial,sans-serif}.footer-bottom a{color:#dcb77c}
.sub-hero{min-height:380px;position:relative;overflow:hidden;display:flex;align-items:center;background:linear-gradient(90deg,#07101aea,#07101a88),var(--sub-bg,linear-gradient(#101b2a,#0c1017));background-size:cover;background-position:center}.sub-hero .container{padding:70px 0;position:relative}.sub-hero .eyebrow{font-size:12px}.sub-hero h1{font:700 clamp(30px,5vw,60px) Arial,sans-serif;letter-spacing:-.02em;margin:20px 0;direction:ltr;text-align:right}.sub-hero p{font-size:16px;line-height:2;max-width:600px;color:#e4ddd3}.content-text{font-size:14px;line-height:2.25;max-width:880px;color:#d2cdc7}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.feature{background:#111a27;border:1px solid #5e4c33;border-radius:7px;padding:24px;min-height:170px}.feature strong{color:var(--gold);font-size:18px}.feature p{color:#d1c8bd;font-size:13px;line-height:2}.backline{display:inline-flex;margin-top:35px;color:var(--gold);font-size:13px}
.en .i18n-fa{display:none}.i18n-en{display:none}.en .i18n-en{display:inline}.en .i18n-fa{display:none}.en .block-en{display:block}.block-en{display:none}
@media(max-width:1000px){.division-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.division{min-height:365px}.division h3{font-size:20px}.project-row{gap:11px}}
@media(max-width:700px){.container{width:calc(100% - 36px)}.site-header{height:64px}.site-header .container{gap:7px}.header-control{gap:8px}.iconbtn{height:35px;min-width:36px}.header-contact{display:none}.site-header .wordmark{position:static;transform:none;margin-left:auto;font-size:clamp(21px,6.2vw,28px)}.drawer{top:54px}
.hero{min-height:535px;align-items:center}.hero-photo{background:url("./assets/hero-monogram.svg") center 7%/190px auto no-repeat,radial-gradient(ellipse at 50% 25%,#775b3522,transparent 55%),linear-gradient(180deg,#0d1726,#080c14)}.hero-content{padding:126px 0 62px}.eyebrow{font-size:10px;letter-spacing:.12em;overflow-wrap:anywhere}.hero h1{font-size:clamp(44px,11.3vw,67px);margin:12px 0 13px;letter-spacing:-.07em}.hero h1:after{width:90px;height:3px;margin-top:12px}.hero h2{font-size:clamp(21px,6vw,28px);line-height:1.55;margin:15px 0 11px}.hero p{font-size:13px;line-height:2}.hero-buttons{gap:9px;margin-top:24px}.btn{padding:12px 15px;min-height:43px;font-size:12px;gap:8px}.hero-rail{display:none}.section{padding:46px 0}.section-title{gap:8px;flex-wrap:wrap}.section-title:before{width:24px;flex-basis:24px}.section-title .latin{font-size:10px;letter-spacing:.12em}.section-title h2{font-size:20px;flex-basis:100%}.division-grid{grid-template-columns:1fr}.division{min-height:320px}.division h3{font-size:22px}.division p{min-height:0}.projects-area{padding-top:10px}.projects-head{align-items:flex-start}.project-row{grid-template-columns:1fr}.project{height:210px}.product-list{grid-template-columns:repeat(2,minmax(0,1fr))}.product{padding:15px}.contact-panel{margin:22px auto 45px;grid-template-columns:1fr;gap:25px;padding:24px 18px}.contact-panel h2{font-size:22px}.contact-details{font-size:12px;padding:16px}.footer-top{align-items:flex-start}.footer-links{gap:14px}.footer-brand .wordmark{font-size:23px}.footer-bottom{font-size:10px}.feature-grid{grid-template-columns:1fr}.sub-hero{min-height:345px}.sub-hero h1{font-size:36px}.sub-hero p{font-size:14px}}
@media(max-width:355px){.site-header .wordmark{font-size:20px}.hero h1{font-size:41px}.btn{font-size:11px}.product-list{grid-template-columns:1fr}}
/* Original architectural monogram; no circular badge in the homepage hero. */
.hero::after{content:"";position:absolute;z-index:-1;right:10%;top:14%;width:min(34vw,370px);height:min(37vw,400px);background:url("./assets/monogram.svg") center/contain no-repeat;opacity:.19;pointer-events:none;filter:drop-shadow(0 0 28px #e7b15b55)}
@media(max-width:700px){.hero::after{right:10%;top:11%;width:220px;height:230px;opacity:.13}}
/* English layout follows its reading direction without moving the desktop wordmark. */
body.en .hero .eyebrow,body.en .hero h1,body.en .division h3,body.en .division-kicker,body.en .product h3,body.en .section-title .latin,body.en .sub-hero h1{text-align:left}
body.en .hero h1:after{background:linear-gradient(90deg,var(--gold),transparent)}
body.en .division-content,body.en .contact-panel{direction:ltr}
body.en .division .go i{margin-right:0;margin-left:auto}
body.en .hero-buttons{justify-content:flex-start}

/* Ensure translated labels do not accidentally inherit the gold icon rules. */
body:not(.en) .i18n-en{display:none!important}
body.en .i18n-fa{display:none!important}
body.en .i18n-en{display:inline!important}

/* fam-contact-bidi-fix: preserve readable phone numbers in Persian UI */
.contact-details a[href^="tel:"]{display:block;direction:ltr;text-align:right;unicode-bidi:isolate}

/* FAM Construction — independently editable expertise and portfolio */
.construction-story{padding-bottom:35px}
.construction-intro{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:42px}
.construction-intro .content-text{margin:0;color:#d2cdc5;line-height:2.3;text-align:justify}
.construction-subtitle{margin-top:36px}
.construction-services{margin-top:16px}
.construction-services .feature{min-height:180px;background:linear-gradient(150deg,#121c2a,#0e1621);border-color:#6a5136}
.construction-services .feature strong{display:block;line-height:1.75;font-size:16px}
.construction-services .feature p{margin-bottom:0}
.construction-strengths{margin-top:40px;padding:30px;background:linear-gradient(145deg,#141e2b,#090f19);border:1px solid #806039;border-radius:10px}
.strengths-head .latin{font:600 11px Arial;color:var(--gold);letter-spacing:.19em}
.strengths-head h3{font-size:clamp(20px,2.4vw,26px);line-height:1.65;margin:8px 0 24px}
.strengths-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.strengths-grid>div{padding:10px 0;border-top:1px solid #655037;min-width:0}
.strengths-grid .strength-number{display:block;color:var(--gold);font:600 23px Georgia,serif;margin:0 0 12px}
.strengths-grid strong{display:block;font-size:14px;line-height:1.7;color:#f4e2c5}
.strengths-grid p{font-size:12px;line-height:2.1;color:#c7c2bb;margin-bottom:0}
.experience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0 25px}
.experience-item{background:linear-gradient(150deg,#141d2a,#0b121c);border:1px solid #685137;border-radius:8px;min-width:0;padding:21px;min-height:157px}
.experience-item small{display:block;direction:ltr;text-align:right;font:600 10px Arial;letter-spacing:.12em;color:var(--gold)}
.experience-item h3{font-size:17px;line-height:1.6;margin:12px 0 8px;color:#f1e4d2}
.experience-item p{font-size:12px;line-height:2;color:#c9c3b8;margin:0}
.experience-note{font-size:11px;line-height:2;color:#b8aa95;margin:14px 0 26px}
@media(max-width:960px){.construction-intro{grid-template-columns:1fr;gap:12px}.strengths-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.experience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.construction-story{padding-bottom:20px}.construction-intro{margin-bottom:26px}.construction-intro .content-text{text-align:right;font-size:13px;line-height:2.2}.construction-subtitle{margin-top:32px}.construction-services .feature{min-height:0}.construction-strengths{padding:20px 16px;margin-top:30px}.strengths-grid{grid-template-columns:1fr;gap:12px}.strengths-grid>div{padding:8px 0}.experience-grid{grid-template-columns:1fr;gap:12px}.experience-item{min-height:0;padding:20px}.sub-hero h1{font-size:clamp(25px,7.7vw,36px)!important;max-width:100%;overflow-wrap:anywhere;line-height:1.2;word-break:break-word}.sub-hero .container{min-width:0;overflow:hidden}}
