@import url('https://cdn.jsdelivr.net/gh/rastikerdar/vazir-font@v30.1.0/dist/font-face.css');
:root{--navy:#152744;--blue:#2452a4;--blue2:#3c69b9;--red:#e31e35;--text:#26364e;--muted:#748198;--line:#e2e7ed;--bg:#f6f7f8;--white:#fff;--max:1200px;--shadow:0 14px 40px rgba(21,39,68,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--bg);color:var(--text);font-family:Vazir,Vazirmatn,Tahoma,sans-serif;font-size:15px;line-height:1.85}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}.container{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.utility{height:36px;background:var(--navy);color:#d9e1ee;font-size:11px}.utility .container{height:100%;display:flex;align-items:center;justify-content:space-between}.utility .tag{color:#fff}.head{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:11px;flex:none}.brand img{width:48px;height:48px;object-fit:cover;border-radius:5px}.brand-name{font-size:14px;font-weight:700;color:var(--navy);line-height:1.4}.brand-sub{font-size:10px;color:var(--muted)}.nav-links{display:flex;align-items:center;gap:26px;font-size:12px;color:#59657a}.nav-links a{padding:27px 0;position:relative}.nav-links a:hover,.nav-links a.active{color:var(--blue)}.nav-links a.active:after{content:"";position:absolute;bottom:16px;right:0;left:0;height:2px;background:var(--red)}.nav-action,.button{display:inline-flex;justify-content:center;align-items:center;gap:10px;background:var(--blue);color:white;padding:11px 18px;border:1px solid var(--blue);border-radius:5px;font-size:12px;cursor:pointer;transition:.2s}.nav-action:hover,.button:hover{background:var(--navy);border-color:var(--navy);transform:translateY(-1px)}.button.outline{background:transparent;color:var(--navy);border-color:#aeb8c8}.button.light{background:white;color:var(--navy);border-color:white}.button.small{padding:8px 12px}.menu-toggle{display:none;background:none;border:0;color:var(--navy);font-size:23px;cursor:pointer}.hero{position:relative;min-height:500px;color:white;display:flex;align-items:center;background:var(--navy);overflow:hidden}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(270deg,rgba(12,28,52,.91),rgba(12,28,52,.72) 42%,rgba(12,28,52,.14))}.hero-inner{position:relative;z-index:1;padding-block:76px;max-width:690px}.breadcrumb{font-size:11px;color:#b8c5d9;margin-bottom:22px}.breadcrumb a{color:inherit}.eyebrow{font-size:12px;color:#f7a2ac;display:flex;align-items:center;gap:10px}.eyebrow:before{content:"";width:24px;height:2px;background:var(--red)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(34px,4.6vw,57px);line-height:1.45;letter-spacing:-.5px;margin:13px 0 14px;color:inherit}h1 span{color:#c5d8ff}.hero p{max-width:600px;color:#e1e6ee;font-size:14px;margin-bottom:26px}.hero-actions{display:flex;gap:11px;flex-wrap:wrap}.hero .button.outline{color:white;border-color:#aab4c2}.hero .button.outline:hover{background:rgba(255,255,255,.14)}.crumb-band{padding:13px 0;background:#eef1f5;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}.crumb-band a{color:var(--blue)}.intro{padding:58px 0 28px}.intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end}.kicker{font-size:11px;color:var(--red);font-weight:700}.intro h2,.section-title{font-size:30px;line-height:1.5;color:var(--navy);margin:8px 0 0}.intro p,.section-lead{font-size:13px;color:var(--muted);margin:0}.section{padding:54px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.section-head h2{font-size:26px;color:var(--navy);margin:7px 0 0;line-height:1.5}.section-head p{max-width:470px;font-size:12px;color:var(--muted);margin:0}.photo-card{position:relative;overflow:hidden;background:#d8dee7}.photo-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.photo-card:hover img{transform:scale(1.035)}.photo-label{position:absolute;bottom:0;right:0;left:0;padding:40px 20px 17px;background:linear-gradient(transparent,rgba(12,28,52,.8));color:#fff}.photo-label small{font-size:10px;color:#dbe6f7}.photo-label strong{display:block;font-size:15px}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tile{background:white;border:1px solid var(--line);transition:.2s}.tile:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.tile .photo-card{height:210px}.tile-copy{padding:17px 18px 19px}.tile-copy h3{font-size:15px;color:var(--navy);margin:0 0 5px}.tile-copy p{font-size:11px;color:var(--muted);margin:0}.tile-link{display:inline-flex;color:var(--blue);font-size:11px;font-weight:600;margin-top:12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:#fff}.stat{padding:23px 26px;border-left:1px solid var(--line)}.stat:last-child{border:0}.stat strong{display:block;font-size:24px;color:var(--blue)}.stat span{font-size:11px;color:var(--muted)}.split{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}.split-photo{height:390px;overflow:hidden}.split-photo img{height:100%;width:100%;object-fit:cover}.split-copy h2{font-size:30px;color:var(--navy);line-height:1.5;margin:8px 0 14px}.split-copy p{color:var(--muted);font-size:13px}.ticks{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;margin:22px 0}.ticks span{font-size:12px;color:#4c5b72}.ticks span:before{content:"✓";display:inline-grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#e8eef8;color:var(--blue);margin-left:8px}.dark-band{background:var(--navy);color:#fff;padding:54px 0}.dark-band h2{font-size:26px;margin:0 0 8px}.dark-band p{color:#bdc8d8;font-size:12px;margin:0}.dark-band-inner{display:flex;justify-content:space-between;align-items:center;gap:24px}.catalog-tools{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:18px 0 22px;flex-wrap:wrap}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{background:#fff;color:#66748a;border:1px solid var(--line);padding:8px 13px;border-radius:4px;font-size:11px;cursor:pointer}.filter.active,.filter:hover{color:#fff;background:var(--blue);border-color:var(--blue)}.search{height:38px;width:230px;border:1px solid var(--line);background:#fff;padding:0 12px;font-size:11px;outline:none}.search:focus{border-color:var(--blue)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product{background:#fff;border:1px solid var(--line)}.product[hidden],.project[hidden]{display:none}.product-image{height:225px;position:relative;overflow:hidden;background:#dde2e8}.product-image img{height:100%;width:100%;object-fit:cover;transition:.4s}.product:hover .product-image img{transform:scale(1.04)}.product-image .badge{position:absolute;top:12px;right:12px;background:rgba(255,255,255,.93);padding:5px 9px;font-size:10px;color:var(--navy)}.product-copy{padding:16px 18px 18px}.product-copy .meta{font-size:10px;color:var(--red)}.product-copy h3{font-size:16px;color:var(--navy);margin:5px 0}.product-copy p{font-size:11px;color:var(--muted);margin:0 0 13px}.product-copy .button{width:100%}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.project{background:#fff;border:1px solid var(--line)}.project .photo-card{height:290px}.project-copy{padding:17px 19px}.project-copy h3{font-size:16px;color:var(--navy);margin:0 0 4px}.project-copy p{font-size:11px;color:var(--muted);margin:0}.disclaimer{background:#fff5e9;color:#7c5720;padding:12px 15px;border-right:3px solid #db9c34;font-size:11px;margin:0 0 22px}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.value{padding:22px;background:white;border:1px solid var(--line)}.value-index{font-size:11px;color:var(--red)}.value h3{font-size:15px;color:var(--navy);margin:5px 0}.value p{font-size:11px;color:var(--muted);margin:0}.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.phase{padding-top:15px;border-top:2px solid #cbd3df}.phase b{font-size:11px;color:var(--red)}.phase h3{font-size:15px;color:var(--navy);margin:5px 0}.phase p{font-size:11px;color:var(--muted);margin:0}.contact-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:42px}.contact-info{background:var(--navy);color:#fff;padding:28px}.contact-info h2{font-size:22px;margin:0 0 9px}.contact-info>p{font-size:12px;color:#c3cede}.contact-item{border-top:1px solid rgba(255,255,255,.16);padding:13px 0;font-size:12px}.contact-item small{display:block;color:#aebdd2;font-size:10px}.contact-form{background:#fff;border:1px solid var(--line);padding:27px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:grid;gap:5px}.field.full{grid-column:1/-1}.field label{font-size:11px;color:#495a73}.field input,.field select,.field textarea{width:100%;border:1px solid #dce2eb;padding:10px 11px;outline:none;font-size:12px;background:#fff}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue)}.field textarea{resize:vertical;min-height:110px}.form-note{font-size:10px;color:var(--muted);margin:12px 0}.form-status{font-size:12px;color:var(--blue);margin-top:10px}.faq{display:grid;grid-template-columns:1fr 1fr;gap:12px}.faq details{background:white;border:1px solid var(--line);padding:14px 16px}.faq summary{font-size:12px;color:var(--navy);font-weight:600;cursor:pointer}.faq p{font-size:11px;color:var(--muted);margin:8px 0 0}.footer{background:#101f37;color:#dce4f0;padding:42px 0 18px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:50px;padding-bottom:28px}.footer .brand-name{color:#fff}.footer .brand-sub{color:#aab7cb}.footer p{font-size:11px;color:#aebbd0;max-width:340px}.footer h4{font-size:12px;color:#fff;margin:0 0 12px}.footer-links{display:grid;gap:7px;font-size:11px;color:#bfcbdd}.footer-links a:hover{color:#fff}.copyright{border-top:1px solid rgba(255,255,255,.13);padding-top:14px;display:flex;justify-content:space-between;color:#93a2ba;font-size:10px}.reveal{opacity:0;transform:translateY(12px);transition:.5s}.reveal.in{opacity:1;transform:none}
@media(max-width:900px){.nav-links{gap:14px}.nav-links a{font-size:11px}.nav-action{padding:10px 12px}.product-grid{grid-template-columns:repeat(2,1fr)}.intro-grid{gap:30px}.split{gap:30px}.tiles{gap:12px}}
@media(max-width:680px){.container{width:calc(100% - 32px)}.utility .container{justify-content:center}.utility .tag{display:none}.nav{height:68px}.brand img{width:42px;height:42px}.nav-action{display:none}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:68px;left:0;right:0;background:white;border-bottom:1px solid var(--line);padding:6px 20px 14px;align-items:stretch;gap:0}.nav-links.open{display:flex;flex-direction:column}.nav-links a{padding:9px 0;border-bottom:1px solid #edf0f3;font-size:12px}.nav-links a.active:after{display:none}.hero{min-height:440px}.hero-inner{padding-block:55px}.hero:after{background:linear-gradient(270deg,rgba(12,28,52,.92),rgba(12,28,52,.64))}.hero p{font-size:12px}.intro{padding:38px 0 20px}.intro-grid,.split,.contact-grid{grid-template-columns:1fr;gap:18px}.intro h2,.section-title,.split-copy h2{font-size:24px}.intro-grid{align-items:start}.section{padding:38px 0}.section-head{display:block}.section-head h2{font-size:22px}.section-head p{margin-top:7px}.tiles{grid-template-columns:1fr}.tile .photo-card{height:220px}.stats{grid-template-columns:1fr 1fr}.stat{padding:16px;border-bottom:1px solid var(--line)}.stat:nth-child(2){border-left:0}.split-photo{height:265px;order:2}.split-copy{order:1}.dark-band-inner{align-items:flex-start;flex-direction:column}.dark-band{padding:38px 0}.product-grid{grid-template-columns:1fr 1fr;gap:10px}.product-image{height:155px}.product-copy{padding:12px}.product-copy h3{font-size:13px}.product-copy p{font-size:10px}.product-copy .button{font-size:10px;padding:8px}.project-grid{grid-template-columns:1fr}.project .photo-card{height:230px}.catalog-tools{align-items:stretch}.filters{flex-wrap:nowrap;overflow:auto;padding-bottom:4px}.filter{white-space:nowrap}.search{width:100%}.values,.timeline{grid-template-columns:1fr}.contact-grid{gap:14px}.contact-form{padding:18px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.faq{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:24px 16px}.footer-grid>div:first-child{grid-column:1/-1}.copyright{display:block}.copyright span{display:block;margin-top:4px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}.reveal{opacity:1;transform:none}}

/* Arta corporate identity: engineered blues, signal red and lighting amber */
:root{--navy:#102443;--blue:#1d4ea4;--blue2:#3973d4;--red:#e52c3b;--amber:#f2b829;--text:#1d2c43;--muted:#68778c;--line:#dfe5ed;--bg:#f7f8fa;--shadow:0 16px 38px rgba(16,36,67,.09)}
body{background:#f7f8fa;color:var(--text)}
.utility{background:#102443;border-bottom:2px solid var(--red);color:#d9e2f1;height:33px}
.head{background:rgba(255,255,255,.96);border-bottom:1px solid #e1e6ee;box-shadow:0 5px 20px rgba(16,36,67,.045)}.nav{height:78px}.brand img{border-radius:10px;box-shadow:none;border:1px solid #edf0f4}.brand-name{color:#112746}.brand-sub{color:#768399}.nav-links a{border-radius:8px;padding:8px 12px}.nav-links a:hover,.nav-links a.active{background:#edf3fc;color:#17499d}.nav-action,.button{background:var(--blue);box-shadow:0 6px 16px rgba(29,78,164,.18);border-radius:10px}.nav-action:hover,.button:hover{background:#153d85}.button.outline{border-radius:10px;background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.6)}.button.light{border-radius:10px}.button.small{border-radius:8px}
.hero{min-height:570px;padding:18px 0 30px;background:#102443}.hero-photo{inset:16px 20px;width:calc(100% - 40px);height:calc(100% - 32px);border-radius:27px;filter:saturate(.82) contrast(1.02)}.hero:after{inset:16px 20px;border-radius:27px;background:linear-gradient(270deg,rgba(10,26,50,.94),rgba(13,34,66,.81) 37%,rgba(13,34,66,.18) 78%),linear-gradient(0deg,rgba(10,26,50,.25),transparent 55%)}.hero-inner{padding:72px 35px;max-width:var(--max)}.hero .eyebrow{width:max-content;padding:6px 11px;border-radius:6px;background:rgba(242,184,41,.13);border:1px solid rgba(242,184,41,.42);color:#ffe6a0;font-size:11px;letter-spacing:.1px}.hero .eyebrow:before{width:8px;height:8px;background:var(--amber);box-shadow:0 0 0 4px rgba(242,184,41,.16)}.hero h1{font-size:clamp(39px,5vw,64px);line-height:1.38;max-width:680px}.hero h1 span{color:#ffd467}.hero p{color:#e3e9f2;max-width:610px;font-size:14px;line-height:2.05}.hero-actions .button:first-child{background:var(--amber);color:#162b4c;border-color:var(--amber);box-shadow:0 9px 24px rgba(242,184,41,.2);font-weight:700}.hero-actions .button:first-child:hover{background:#ffd15b;border-color:#ffd15b}.crumb-band{background:#edf2f8;border:1px solid #e2e8f0;border-radius:8px;color:#6a788c;padding:7px 14px}.crumb-band a{color:var(--blue)}
.intro{padding:49px 0 24px}.kicker{background:transparent;border-radius:0;padding:0;color:#b12434;font-weight:700}.kicker:before{width:17px;height:3px;border-radius:1px;background:var(--red)}.intro h1,.intro h2,.section-title{color:#132a4c;font-size:clamp(29px,3vw,39px)}.intro p,.section-head p{color:#69778b;line-height:2}.section{padding:60px 0}.section-head{margin-bottom:25px}.section-head h2{font-size:29px;color:#132a4c}.tiles{gap:17px}.tile,.product,.project,.value,.faq details,.contact-form{background:#fff;border:1px solid #e0e6ee;border-radius:16px;box-shadow:0 8px 22px rgba(18,40,73,.045);backdrop-filter:none}.tile{padding:7px}.tile .photo-card{border-radius:11px;height:225px}.tile-copy{padding:16px 12px 12px}.tile-copy h3,.product-copy h3,.project-copy h3{color:#172c4a}.tile-link{color:#2154a8}.photo-label{background:linear-gradient(transparent,rgba(11,28,53,.88));padding:50px 17px 14px}.stats{background:#fff;border:1px solid #dfe5ed;border-radius:13px;box-shadow:0 8px 22px rgba(18,40,73,.035)}.stat{padding:20px 24px;border-color:#e5eaf0}.stat strong{background:none;color:#1f4f9f;font-size:23px}.stat span{color:#758196}.home-case{grid-template-columns:185px 1fr 40px;border:1px solid #dfe5ed;border-radius:14px;background:#fff;box-shadow:0 8px 22px rgba(18,40,73,.045)}.home-case>img{width:185px;height:108px;border-radius:9px}.home-case-copy small{color:#218357}.home-case-copy strong{font-size:16px}.home-case-mark{border-radius:10px;background:#edf3fc;color:var(--blue)}
.split-photo{border-radius:18px;box-shadow:var(--shadow)}.split-copy h2{color:#132a4c}.split-copy p{line-height:2.1}.ticks span:before{background:#eaf0f9;color:#17499d}.dark-band{padding:28px 0 56px}.dark-band-inner{border-radius:17px;background:linear-gradient(110deg,#102443 0%,#173e7c 68%,#2154a8 100%);box-shadow:0 17px 38px rgba(16,36,67,.17)}.dark-band-inner:after{border-color:rgba(255,255,255,.09);box-shadow:0 0 0 34px rgba(255,255,255,.025),0 0 0 68px rgba(255,255,255,.018)}.dark-band .button{background:var(--amber);color:#162b4c;border-color:var(--amber);font-weight:700}.dark-band .button:hover{background:#ffd15b}
.filter{border-radius:8px;background:#fff;border-color:#dfe5ed}.filter.active,.filter:hover{background:#1d4ea4;border-color:#1d4ea4}.search{border-radius:9px;border-color:#dfe5ed}.product-grid{gap:16px}.product{padding:7px;border-radius:15px}.product-image{height:225px;border-radius:10px}.product-image .badge{border-radius:6px;box-shadow:0 3px 9px rgba(12,27,53,.1)}.product-copy{padding:14px 10px 10px}.product-copy .meta{color:#bd2836;font-weight:600}.product-copy p{min-height:40px;line-height:1.8}.product-copy .button{border-radius:8px}.project-grid{gap:18px}.project{padding:7px;border-radius:15px}.project .photo-card{border-radius:10px;height:285px}.project-copy{padding:15px 11px 10px}.disclaimer{background:#fff8e8;border-radius:9px;border-right:3px solid var(--amber);color:#685126}.spotlight{grid-template-columns:1.06fr .94fr;gap:35px;padding:13px;border:1px solid #e1e7ee;border-radius:20px;box-shadow:0 18px 42px rgba(16,36,67,.08);backdrop-filter:none;background:#fff}.spotlight-main{height:335px;border-radius:13px}.spotlight-thumbs button{border-radius:10px}.spotlight-copy{padding:17px 10px}.spotlight-copy h2{color:#132a4c}.spotlight-copy h2 em{color:#1d4ea4}.spotlight-badge{border-radius:7px;color:#183c7c}.spotlight-expand{border-radius:9px}.spotlight-thumbs span{border-radius:6px}.project-facts{border-color:#e2e7ed}.park-spotlight .spotlight{background:#fff}.spotlight-copy .button{border-radius:9px}
.values{gap:15px}.value{padding:22px;border-radius:14px;border-top:3px solid var(--blue)}.value:nth-child(2){border-top-color:var(--amber)}.value:nth-child(3){border-top-color:var(--red)}.value-index{background:#edf3fc;color:#1d4ea4;border-radius:5px}.phase{background:#fff;border-radius:12px;box-shadow:none;border-top:2px solid #1d4ea4;padding:20px}.phase b{background:#edf3fc;color:#1d4ea4;border-radius:4px}.contact-grid{gap:18px}.contact-info{border-radius:14px;background:linear-gradient(145deg,rgba(10,22,45,.91),rgba(17,44,90,.84)),url("../images/project-khorramabad-park-01.jpg") center/cover}.contact-form{border-radius:14px;box-shadow:0 8px 22px rgba(18,40,73,.045)}.field input,.field select,.field textarea{border-radius:8px;background:#fafbfd;border-color:#dfe5ed}.field input:focus,.field select:focus,.field textarea:focus{box-shadow:0 0 0 3px rgba(33,78,164,.12)}.faq details{border-radius:10px}.faq summary:after{color:var(--red)}
.footer{background:#0d1d36;border-radius:20px 20px 0 0}.footer .brand-name{color:#fff}.footer-links a:hover{color:#ffd467}.copyright{border-color:rgba(255,255,255,.12)}
@media(max-width:900px){.hero{min-height:530px}.spotlight{gap:22px}.product-image{height:195px}}
@media(max-width:680px){.hero{min-height:490px}.hero-photo{border-radius:18px}.hero:after{border-radius:18px;background:linear-gradient(270deg,rgba(10,26,50,.94),rgba(13,34,66,.72)),linear-gradient(0deg,rgba(10,26,50,.25),transparent)}.hero-inner{padding:44px 17px}.hero h1{font-size:39px}.hero p{font-size:12px}.home-case{grid-template-columns:100px 1fr 30px;gap:10px}.home-case>img{width:100px;height:82px}.home-case-copy strong{font-size:12px}.home-case-copy>span{font-size:9px}.home-case-mark{width:29px;height:29px}.section{padding:44px 0}.section-head h2{font-size:24px}.spotlight{grid-template-columns:1fr;gap:13px;border-radius:16px}.spotlight-main{height:220px;border-radius:10px}.spotlight-thumbs button{border-radius:8px}.project .photo-card{height:215px}.product{border-radius:11px}.product-image{height:145px;border-radius:8px}.product-copy p{min-height:0}.values{gap:10px}.value{border-radius:11px}.dark-band-inner{padding:23px 18px;border-radius:14px}.footer{border-radius:16px 16px 0 0}}

/* Contemporary, iOS-inspired visual layer */
:root{--blue:#2158c8;--blue2:#5a8cff;--red:#ef3340;--navy:#101d37;--bg:#f4f6fb;--line:rgba(25,47,84,.09);--shadow:0 22px 65px rgba(26,54,112,.12)}
body{background:radial-gradient(ellipse at 7% 18%,rgba(95,145,255,.10),transparent 27%),radial-gradient(ellipse at 92% 42%,rgba(239,51,64,.055),transparent 22%),#f4f6fb;color:#202d44;letter-spacing:-.1px}
.utility{height:34px;background:linear-gradient(90deg,#172c57,#244986 60%,#173466);font-size:10px}
.head{background:rgba(250,251,254,.78);backdrop-filter:blur(24px) saturate(170%);-webkit-backdrop-filter:blur(24px) saturate(170%);border-bottom:1px solid rgba(255,255,255,.75);box-shadow:0 6px 25px rgba(25,46,83,.04)}
.nav{height:76px}.brand img{width:46px;height:46px;border-radius:14px;box-shadow:0 5px 14px rgba(32,63,123,.12)}.brand-name{font-size:14px}.nav-links{gap:7px}.nav-links a{padding:9px 13px;border-radius:99px;transition:.2s}.nav-links a:hover,.nav-links a.active{background:#eaf0ff;color:var(--blue)}.nav-links a.active:after{display:none}.nav-action,.button{border-radius:99px;background:linear-gradient(135deg,#3169df,#214baa);border-color:transparent;box-shadow:0 9px 22px rgba(33,85,194,.22);padding:12px 19px}.nav-action:hover,.button:hover{background:linear-gradient(135deg,#2557bd,#173a83);box-shadow:0 12px 27px rgba(33,85,194,.28)}.button.outline{border-radius:99px;background:rgba(255,255,255,.65);border-color:rgba(255,255,255,.45);box-shadow:none;backdrop-filter:blur(10px)}.button.small{border-radius:13px}.button.light{border-radius:99px;box-shadow:0 8px 24px rgba(7,20,49,.18)}
.hero{min-height:600px;padding:18px 0 30px;background:radial-gradient(ellipse at 80% 15%,rgba(96,143,255,.18),transparent 34%),radial-gradient(ellipse at 14% 70%,rgba(239,51,64,.08),transparent 28%);overflow:hidden}.hero-photo{inset:18px 20px;width:calc(100% - 40px);height:calc(100% - 36px);border-radius:38px;filter:saturate(.86)}.hero:after{inset:18px 20px;border-radius:38px;background:linear-gradient(270deg,rgba(10,25,53,.88),rgba(14,37,78,.63) 43%,rgba(13,35,71,.12)),linear-gradient(0deg,rgba(12,26,54,.38),transparent 60%)}.hero-inner{max-width:var(--max);width:100%;padding:80px 34px}.hero .eyebrow{color:#fff;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.24);padding:7px 13px;border-radius:99px;backdrop-filter:blur(12px)}.hero .eyebrow:before{width:7px;height:7px;border-radius:50%;box-shadow:0 0 0 5px rgba(239,51,64,.24)}.hero h1{font-size:clamp(40px,5vw,66px);line-height:1.35}.hero h1 span{color:#b9d0ff}.hero p{font-size:15px;line-height:2;max-width:620px}.hero .button{padding:14px 22px}.hero .button.outline{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.3);color:white}.crumb-band{background:rgba(255,255,255,.64);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.9);width:max-content;max-width:calc(100% - 30px);margin:13px auto;padding:8px 18px;border-radius:99px}
.intro{padding:50px 0 25px}.intro h1,.intro h2,.section-title,.section-head h2{letter-spacing:-.7px}.intro h1,.intro h2,.section-title{font-size:clamp(28px,3vw,38px)}.kicker{display:inline-flex;align-items:center;gap:8px;background:#eaf0ff;border-radius:99px;padding:5px 11px;color:var(--blue)}.kicker:before{content:"";width:6px;height:6px;background:var(--red);border-radius:50%}.section{padding:66px 0}.section-head{margin-bottom:27px}.section-head h2{font-size:30px}.section-head p,.intro p{line-height:2}.tiles{gap:20px}.tile,.product,.project,.value,.faq details,.contact-form{border:1px solid rgba(255,255,255,.9);border-radius:24px;overflow:hidden;background:rgba(255,255,255,.82);box-shadow:0 12px 34px rgba(31,57,103,.055);backdrop-filter:blur(16px)}.tile{padding:8px}.tile .photo-card{border-radius:18px;height:225px}.tile-copy{padding:17px 12px 12px}.tile-copy h3,.product-copy h3,.project-copy h3{font-size:16px}.tile-link{color:var(--blue)}.photo-card img{filter:saturate(.93)}.photo-label{padding:54px 18px 15px}.stats{border:1px solid rgba(255,255,255,.9);border-radius:24px;overflow:hidden;box-shadow:0 14px 40px rgba(31,57,103,.06);background:rgba(255,255,255,.76);backdrop-filter:blur(12px)}.stat{border-color:rgba(25,47,84,.07)}.stat strong{background:linear-gradient(120deg,#214ba8,#6390ee);-webkit-background-clip:text;background-clip:text;color:transparent}.split-photo{border-radius:30px;box-shadow:var(--shadow)}.split-photo img{transition:transform .6s}.split-photo:hover img{transform:scale(1.03)}.split-copy h2{font-size:clamp(28px,3vw,38px)}.ticks span:before{background:linear-gradient(135deg,#e6edff,#d9e6ff);box-shadow:inset 0 0 0 1px rgba(33,88,200,.08)}
.dark-band{background:transparent;padding:34px 0 58px}.dark-band-inner{position:relative;overflow:hidden;padding:34px 38px;border-radius:30px;background:linear-gradient(120deg,#132951,#244f9c 72%,#3067ca);box-shadow:0 20px 48px rgba(24,59,126,.22)}.dark-band-inner:after{content:"";position:absolute;width:270px;height:270px;border-radius:50%;border:1px solid rgba(255,255,255,.14);left:8%;top:-180px;box-shadow:0 0 0 32px rgba(255,255,255,.04),0 0 0 65px rgba(255,255,255,.025);pointer-events:none}.dark-band h2{font-size:clamp(21px,2.5vw,30px)}.dark-band .button{position:relative;z-index:1}
.product-grid{gap:20px}.product{padding:8px}.product-image{height:235px;border-radius:17px}.product-image img{transition:transform .55s,filter .35s}.product:hover .product-image img{transform:scale(1.045);filter:saturate(1.06)}.product-image .badge{border-radius:99px;box-shadow:0 4px 14px rgba(12,27,53,.12);padding:6px 11px}.product-copy{padding:16px 11px 12px}.product-copy .button{width:auto;margin-top:2px}.filter{border-radius:99px;padding:9px 15px;background:rgba(255,255,255,.74);transition:.2s}.search{height:42px;border-radius:99px;padding-inline:16px;background:rgba(255,255,255,.86)}.project-grid{gap:22px}.project{padding:8px}.project .photo-card{border-radius:18px;height:310px}.project-copy{padding:16px 12px 12px}.disclaimer{border:1px solid rgba(219,156,52,.2);border-right:3px solid #db9c34;border-radius:15px;background:rgba(255,249,237,.9);padding:13px 16px}
.values{gap:18px}.value{padding:25px}.value-index{display:inline-flex;padding:4px 10px;background:#fff0f1;border-radius:99px}.value h3{font-size:17px}.timeline{gap:24px}.phase{border-top:0;border-radius:20px;background:rgba(255,255,255,.8);padding:21px;box-shadow:0 10px 30px rgba(31,57,103,.05)}.phase b{display:inline-flex;padding:4px 10px;border-radius:99px;background:#fff0f1}.contact-grid{gap:22px}.contact-info{border-radius:26px;background:linear-gradient(155deg,#172b51,#224b93);box-shadow:var(--shadow)}.contact-item{border-top-color:rgba(255,255,255,.12)}.contact-form{padding:30px;border-radius:26px}.field input,.field select,.field textarea{border-radius:13px;background:#f8f9fc;border-color:#e4e9f1;padding:12px 13px}.field input:focus,.field select:focus,.field textarea:focus{background:white;box-shadow:0 0 0 4px rgba(48,100,210,.1)}.field textarea{min-height:130px}.faq details{padding:17px 19px}.faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px}.faq summary:after{content:"+";font-size:18px;color:var(--blue)}.faq details[open] summary:after{content:"−"}.faq p{line-height:2}
.footer{background:linear-gradient(135deg,#0d192f,#13284e);border-radius:32px 32px 0 0;padding-top:46px}.footer .brand img{border-radius:13px}.copyright{border-top-color:rgba(255,255,255,.1)}.reveal{transform:translateY(17px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
.spotlight-section{padding-top:10px}.spotlight{display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(24px,4vw,54px);align-items:center;padding:17px;background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.95);border-radius:32px;box-shadow:0 25px 70px rgba(22,47,93,.11);backdrop-filter:blur(20px)}.spotlight-cover{min-width:0}.spotlight-main,.spotlight-thumbs button{display:block;position:relative;width:100%;padding:0;border:0;background:#dbe0e8;overflow:hidden;cursor:zoom-in}.spotlight-main{height:350px;border-radius:23px}.spotlight-main img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.spotlight-main:hover img,.spotlight-thumbs button:hover img{transform:scale(1.035)}.spotlight-badge{position:absolute;top:16px;right:16px;display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);padding:7px 13px;border-radius:99px;color:#173b7d;font-size:11px;box-shadow:0 7px 20px rgba(15,32,64,.14)}.spotlight-badge i{width:7px;height:7px;border-radius:50%;background:#2ca568;box-shadow:0 0 0 4px rgba(44,165,104,.13)}.spotlight-expand{position:absolute;bottom:14px;left:14px;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:rgba(16,29,55,.68);color:white;font-size:20px;backdrop-filter:blur(8px)}.spotlight-thumbs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.spotlight-thumbs button{height:118px;border-radius:16px}.spotlight-thumbs img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.spotlight-thumbs span{position:absolute;right:10px;bottom:9px;padding:4px 9px;border-radius:99px;background:rgba(16,29,55,.66);color:#fff;font-size:10px;backdrop-filter:blur(8px)}.spotlight-thumbs span b{font-weight:400;margin-right:6px}.spotlight-copy{padding:18px 10px 18px 22px}.spotlight-copy h2{font-size:clamp(29px,3.6vw,43px);line-height:1.5;color:var(--navy);margin:14px 0}.spotlight-copy h2 em{font-style:normal;color:var(--blue)}.spotlight-copy>p{font-size:13px;line-height:2.1;color:var(--muted)}.project-facts{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:23px 0;padding:5px 0}.project-facts div{display:flex;gap:15px;padding:7px 0;font-size:11px}.project-facts dt{color:var(--muted);min-width:90px}.project-facts dd{margin:0;color:var(--navy);font-weight:600}.spotlight-copy .button{font-size:11px}.reference-projects{padding-top:28px}.photo-viewer{border:0;padding:10px;background:rgba(12,20,35,.94);color:#fff;border-radius:22px;max-width:min(92vw,1200px);max-height:92vh;box-shadow:0 30px 100px rgba(0,0,0,.45)}.photo-viewer::backdrop{background:rgba(7,14,27,.78);backdrop-filter:blur(8px)}.photo-viewer img{max-width:100%;max-height:calc(88vh - 54px);object-fit:contain;border-radius:14px}.photo-viewer p{font-size:12px;text-align:center;margin:9px 0 2px;color:#dbe4f4}.viewer-close{position:absolute;top:17px;left:17px;width:36px;height:36px;border:1px solid rgba(255,255,255,.4);border-radius:50%;background:rgba(12,20,35,.72);color:white;font-size:25px;line-height:1;cursor:pointer;z-index:2}
.home-case{display:grid;grid-template-columns:175px 1fr 38px;align-items:center;gap:17px;padding:9px;margin:0 0 20px;border:1px solid rgba(255,255,255,.95);border-radius:22px;background:rgba(255,255,255,.83);box-shadow:0 12px 32px rgba(24,49,99,.07);transition:.25s}.home-case:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.home-case>img{width:175px;height:105px;object-fit:cover;object-position:center 70%;border-radius:15px}.home-case-copy{display:grid;gap:2px}.home-case-copy small{font-size:10px;color:#258456}.home-case-copy strong{font-size:15px;color:var(--navy)}.home-case-copy>span{font-size:11px;color:var(--blue)}.home-case-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#eaf0ff;color:var(--blue)}
.spotlight-thumbs.single button{grid-column:1/-1;height:118px}.park-spotlight{padding-top:8px}.park-spotlight .spotlight{background:linear-gradient(130deg,rgba(242,247,255,.92),rgba(255,255,255,.86));border-color:rgba(255,255,255,.96)}.contact-info{background:linear-gradient(145deg,rgba(10,22,45,.91),rgba(17,44,90,.84)),url("../images/project-khorramabad-park-01.jpg") center/cover;}
@media(max-width:900px){.hero{min-height:540px}.nav-links{gap:2px}.nav-links a{padding:8px 9px}.product-grid{gap:14px}.product-image{height:200px}}
@media(max-width:900px){.spotlight{gap:18px;grid-template-columns:1fr 1fr}.spotlight-main{height:300px}.spotlight-thumbs button{height:100px}.spotlight-copy{padding:13px}}
@media(max-width:680px){.home-case{grid-template-columns:105px 1fr 30px;gap:11px;padding:7px;border-radius:18px}.home-case>img{width:105px;height:86px;border-radius:12px}.home-case-copy strong{font-size:12px}.home-case-copy>span{font-size:10px}.home-case-mark{width:29px;height:29px}.spotlight{grid-template-columns:1fr;gap:15px;padding:9px;border-radius:23px}.spotlight-main{height:235px;border-radius:17px}.spotlight-thumbs button{height:94px;border-radius:12px}.spotlight-copy{padding:12px 10px 17px}.spotlight-copy h2{font-size:30px;margin:9px 0}.spotlight-copy>p{font-size:12px}.project-facts{margin:16px 0}.spotlight-copy .button{width:100%;font-size:10px}.reference-projects{padding-top:25px}.photo-viewer{padding:7px;border-radius:16px}.photo-viewer p{font-size:10px}.utility{height:30px}.nav{height:66px}.nav-links{top:66px;background:rgba(250,251,254,.96);backdrop-filter:blur(24px);padding:10px 18px 16px}.nav-links a{padding:10px 12px;border-radius:13px}.hero{min-height:520px;padding:10px 0 20px}.hero-photo{inset:10px 10px;width:calc(100% - 20px);height:calc(100% - 20px);border-radius:26px}.hero:after{inset:10px;border-radius:26px;background:linear-gradient(270deg,rgba(10,25,53,.9),rgba(14,37,78,.64)),linear-gradient(0deg,rgba(12,26,54,.25),transparent)}.hero-inner{padding:54px 18px}.hero h1{font-size:42px}.hero p{font-size:13px}.hero .button{padding:12px 17px}.crumb-band{margin:10px auto;font-size:10px}.intro{padding:35px 0 18px}.section{padding:46px 0}.section-head h2{font-size:25px}.tiles{gap:14px}.tile .photo-card{height:210px}.tile,.product,.project{border-radius:21px;padding:7px}.product-grid{gap:10px}.product-image{height:150px;border-radius:15px}.product-copy{padding:11px 8px 9px}.product-copy .button{width:100%}.project .photo-card{height:225px}.stats{border-radius:19px}.stat{padding:15px 13px}.stat strong{font-size:19px}.dark-band-inner{padding:25px 21px;border-radius:24px}.dark-band .button{margin-top:2px}.split-photo{border-radius:23px}.contact-form{padding:19px;border-radius:22px}.contact-info{border-radius:22px}.values{gap:11px}.value{border-radius:19px;padding:19px}.phase{padding:18px;border-radius:18px}.faq details{border-radius:17px}.footer{border-radius:25px 25px 0 0}}

/* Corporate visual refinement: architectural geometry, deep industrial blue, and measured lighting accents. */
:root{--navy:#102443;--blue:#1e4e9a;--blue2:#376bb7;--red:#df2938;--amber:#f0b82f;--text:#26364c;--muted:#68778d;--line:#dce3ec;--bg:#f3f5f8;--shadow:0 18px 46px rgba(16,36,67,.10)}
body{background:#f4f6f8;color:var(--text)}
.utility{background:#0b1b34;border-bottom:2px solid var(--amber)}
.head{background:rgba(255,255,255,.97);box-shadow:0 4px 22px rgba(16,36,67,.045)}
.brand img{border-radius:4px;border:1px solid #e4e8ee}
.nav-links{color:#3d4d64}
.nav-links a.active:after{background:var(--amber);height:3px}
.nav-action,.button{border-radius:4px;font-weight:700;letter-spacing:.05px}
.nav-action{background:var(--red);border-color:var(--red)}
.nav-action:hover{background:#bc1d2c;border-color:#bc1d2c}
.button:hover{background:#17396f;border-color:#17396f}
.hero{min-height:570px;background:#0e203c}
.hero:after{background:linear-gradient(270deg,rgba(8,22,43,.94) 0%,rgba(11,30,57,.79) 43%,rgba(10,25,48,.16) 100%)}
.hero-inner{max-width:730px}
.hero h1{font-weight:800;line-height:1.38}
.hero h1 span{color:#ffd36a}
.eyebrow{color:#ffd36a;font-weight:700}
.eyebrow:before{background:var(--amber)}
.hero .button:not(.outline){background:var(--red);border-color:var(--red)}
.hero .button.outline{border-color:rgba(255,255,255,.65)}
.crumb-band{background:#e9edf3;border-bottom-color:#dbe2eb}
.intro{padding-top:68px}
.intro-grid{gap:clamp(36px,6vw,90px)}
.kicker{letter-spacing:.1px}
.section{padding-block:64px}
.section-head{border-bottom:1px solid var(--line);padding-bottom:17px}
.section-head h2{font-weight:800}
.tiles{gap:20px}
.tile,.product,.project,.value,.phase{border-radius:5px;border-color:#dce3eb;box-shadow:0 5px 17px rgba(16,36,67,.035)}
.tile:hover,.product:hover,.project:hover,.value:hover{box-shadow:var(--shadow)}
.tile .photo-card{height:235px}
.tile-copy{padding:20px 21px 22px}
.photo-label{background:linear-gradient(transparent,rgba(8,22,43,.86))}
.stats{border-radius:4px;border-color:#d7e0ec;box-shadow:0 8px 24px rgba(16,36,67,.04)}
.stat strong{color:var(--blue);font-variant-numeric:tabular-nums}
.stat:first-child strong{color:var(--red)}
.dark-band{background:linear-gradient(110deg,#0c1c34 0%,#16396f 100%);border-top:3px solid var(--amber)}
.dark-band .button.light{border-radius:4px}
.catalog-tools{padding:15px;background:#e9eef5;border:1px solid #dce4ee}
.filter{border-radius:3px}
.filter.active,.filter:hover{background:var(--blue)}
.product-grid{gap:20px}
.product-image{height:240px}
.product-image .badge{border-right:3px solid var(--amber);border-radius:2px}
.product-copy{padding:19px 20px 21px}
.product-copy .button{background:#fff;color:var(--blue);border-color:#cbd5e3}
.product-copy .button:hover{background:var(--blue);color:#fff;border-color:var(--blue)}
.project-grid{gap:24px}
.project .photo-card{height:320px}
.project-copy{padding:21px 22px}
.spotlight{border-radius:7px;background:#fff;border:1px solid #dce3eb;box-shadow:0 16px 42px rgba(16,36,67,.075);backdrop-filter:none}
.spotlight-main{border-radius:4px}
.spotlight-thumbs button{border-radius:4px}
.spotlight-badge{border-radius:3px;color:#173b7d}
.spotlight-copy h2 em{color:var(--red)}
.home-case{border-radius:5px;background:white;border:1px solid #dce3eb;box-shadow:0 7px 22px rgba(16,36,67,.06)}
.home-case>img{border-radius:3px}
.home-case-mark{border-radius:3px;background:#eef3fb;color:var(--blue)}
.contact-info{border-radius:5px;border-top:4px solid var(--amber)}
.contact-form{border-radius:5px;border:1px solid var(--line);box-shadow:0 8px 28px rgba(16,36,67,.055)}
.field input,.field select,.field textarea{border-radius:3px}
.faq details{border-radius:4px}
.footer{border-radius:0;background:#0b1b34;border-top:4px solid var(--amber)}
.footer .brand img{border-radius:4px}
.reveal{transform:translateY(10px)}
@media(max-width:900px){.hero{min-height:520px}.section{padding-block:54px}.product-grid{gap:14px}.product-image{height:210px}.project .photo-card{height:270px}}
@media(max-width:680px){.hero{min-height:500px;padding:0}.hero-photo{inset:0;width:100%;height:100%;border-radius:0}.hero:after{inset:0;border-radius:0;background:linear-gradient(270deg,rgba(8,22,43,.9),rgba(11,30,57,.56))}.hero-inner{padding:50px 0}.hero h1{font-size:clamp(34px,10vw,43px)}.section{padding-block:43px}.section-head{padding-bottom:13px}.tiles{grid-template-columns:1fr;gap:15px}.tile .photo-card{height:220px}.tile,.product,.project{border-radius:4px;padding:0}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-image{height:145px;border-radius:0}.product-copy{padding:12px 10px}.project-grid{grid-template-columns:1fr}.project .photo-card{height:230px}.stats{border-radius:3px}.stat{padding:13px 10px}.stat strong{font-size:17px}.dark-band-inner{padding:10px 0;border-radius:0}.contact-form,.contact-info{border-radius:4px}.value,.phase{border-radius:4px;padding:17px}.spotlight{border-radius:5px;padding:8px}.spotlight-main,.spotlight-thumbs button{border-radius:3px}.home-case{grid-template-columns:92px 1fr 30px;border-radius:4px}.home-case>img{width:92px;height:76px;border-radius:3px}.footer{border-radius:0}}

/* New art direction: editorial industrial portfolio, with a split photographic cover and numbered product families. */
:root{--navy:#122341;--blue:#2458aa;--red:#e12435;--amber:#e5b638;--text:#26354a;--muted:#66758a;--line:#dbe1e9;--bg:#f7f7f5;--shadow:0 14px 40px rgba(18,35,65,.09)}
body{background:#f7f7f5;color:var(--text)}
.utility{height:34px;background:#122341;border:0;color:#cbd3df;font-size:10px;letter-spacing:.1px}
.head{position:relative;background:#fff;box-shadow:none;border-bottom:1px solid #e9ecf0}
.nav{height:84px;gap:20px}
.brand{gap:12px}.brand img{width:49px;height:49px;border:0;border-radius:0;object-fit:contain}.brand-name{font-size:15px}.brand-sub{font-size:10px;letter-spacing:.2px}
.nav-links{gap:clamp(14px,2vw,30px);font-size:12px}.nav-links a{padding:31px 0}.nav-links a.active:after{height:2px;bottom:21px;background:var(--blue)}
.nav-action,.button{border-radius:2px;font-weight:700;box-shadow:none}.nav-action{padding:11px 15px;font-size:11px;background:#122341;border-color:#122341}.nav-action:hover,.button:hover{background:#244a85;border-color:#244a85}
.home-hero{position:relative;background:#f0f1ed;min-height:620px;overflow:hidden}
.home-hero:before{content:"";position:absolute;left:0;top:0;bottom:0;width:39%;background:#e7e9e5}
.home-hero-photo{position:absolute;left:0;top:0;width:53%;height:100%;object-fit:cover;object-position:center 54%;filter:saturate(.84)}
.home-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 44%,rgba(240,241,237,.7) 53%,#f0f1ed 63%);pointer-events:none}
.home-hero-inner{position:relative;z-index:1;min-height:620px;display:flex;align-items:center}
.home-hero-copy{width:51%;padding:65px 0 62px 3%;margin-right:0;color:var(--navy)}
.home-overline{display:flex;align-items:center;gap:11px;color:#315783;font-size:12px;font-weight:700}.home-overline i{width:25px;height:2px;background:var(--red)}
.home-hero h1{font-size:clamp(49px,6vw,76px);line-height:1.28;font-weight:800;letter-spacing:-1.5px;margin:23px 0 17px}.home-hero h1 em{font-style:normal;color:#2458aa}
.home-hero-copy>p{max-width:490px;color:#56657a;font-size:15px;line-height:2.15;margin-bottom:27px}
.home-hero .button{background:var(--red);border-color:var(--red);padding:14px 21px;font-size:12px}.home-hero .button:hover{background:#b51b2a;border-color:#b51b2a}
.home-text-link{font-size:12px;color:#244f8d;font-weight:700;padding:10px 0;border-bottom:1px solid #a8b7ca}
.hero-actions{align-items:center;gap:22px}
.home-hero-foot{display:flex;justify-content:space-between;border-top:1px solid #cfd5d8;margin-top:65px;padding-top:12px;color:#6a7788;font-size:10px;max-width:475px}
.home-image-caption{position:absolute;left:0;bottom:32px;width:53%;display:flex;align-items:center;gap:12px;padding:0 28px;color:#fff;font-size:11px;text-shadow:0 1px 8px #000}.home-image-caption b{font-size:22px;color:#f1c64d;border-left:1px solid rgba(255,255,255,.55);padding-left:12px}
.home-intro{padding:100px 0 88px;background:#fff}
.home-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,9vw,135px);align-items:center}
.home-intro h2,.home-project-copy h2,.home-commit h2{font-size:clamp(36px,4.5vw,56px);line-height:1.5;color:var(--navy);font-weight:800;margin:11px 0 0}
.home-intro-grid>div:last-child{max-width:570px}.home-intro-grid p{font-size:14px;line-height:2.2;color:#5e6b7d;margin:0 0 18px}
.home-lines{padding:82px 0 88px;background:#eff1f2}
.home-section-heading{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid #cdd3db;padding-bottom:16px;margin-bottom:22px}
.home-heading-note{font-size:11px;color:#6b788a}
.home-line-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:15px}
.home-line{position:relative;display:block;height:390px;overflow:hidden;background:#13233b;color:#fff}
.home-line:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,21,39,.9),rgba(9,21,39,.08) 65%);transition:.3s}
.home-line:hover:after{background:linear-gradient(0deg,rgba(9,21,39,.94),rgba(20,58,107,.05) 82%)}
.home-line img{width:100%;height:100%;object-fit:cover;transition:transform .55s;filter:saturate(.8)}.home-line:hover img{transform:scale(1.04)}
.home-line-num{position:absolute;z-index:1;top:17px;right:18px;color:white;font-size:13px;border-bottom:1px solid rgba(255,255,255,.7);padding-bottom:4px}
.home-line-label{position:absolute;z-index:1;right:22px;left:18px;bottom:22px;display:grid;gap:5px}.home-line-label small{font-size:10px;color:#f0ca65}.home-line-label strong{font-size:20px;line-height:1.6}.home-line-label b{font-size:10px;font-weight:500;margin-top:12px;color:#e7edf5}
.home-all-products{display:flex;justify-content:space-between;align-items:center;margin-top:19px;font-size:11px;color:#657286}.home-all-products a{font-weight:700;color:#214e92}
.home-project{padding:92px 0;background:#fff}
.home-project-grid{display:grid;grid-template-columns:.83fr 1.17fr;gap:clamp(38px,7vw,100px);align-items:center}
.home-project-copy{position:relative}.home-project-copy>p{font-size:13px;color:#647186;line-height:2.1;max-width:400px;margin:17px 0 24px}.home-project-copy .button{background:var(--navy);border-color:var(--navy);padding:13px 19px}
.home-project-index{position:absolute;left:10px;bottom:-10px;display:flex;align-items:center;gap:10px;color:#69778b}.home-project-index strong{font-size:38px;color:var(--red);line-height:1}.home-project-index span{font-size:9px;line-height:1.7}
.home-project-image{height:420px;position:relative;display:block;overflow:hidden;background:#17243a}.home-project-image:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(5,14,28,.7))}.home-project-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.home-project-image:hover img{transform:scale(1.03)}.home-project-image span{position:absolute;z-index:1;bottom:20px;right:23px;color:#fff;font-size:12px}
.home-commit{background:#122341;color:#fff;padding:62px 0;border-top:4px solid #dcb537}
.home-commit-grid{display:grid;grid-template-columns:.8fr 1fr 1fr;gap:35px;align-items:center}.home-commit .kicker{color:#e8c44d}.home-commit h2{color:white;font-size:34px;margin:0}.home-commit-grid>div p{font-size:12px;color:#c4cfdd;line-height:2;margin-bottom:15px}.home-commit .button.light{background:#fff;color:#122341;border-color:#fff}
.footer{background:#0c192d;border:0;border-top:1px solid #243753;border-radius:0;padding-top:48px}.footer .brand img{border-radius:0}.footer .brand-name{color:#fff}.footer .brand-sub{color:#afbac8}.footer p{max-width:300px;color:#aeb9c8}.footer h4{color:#fff}.footer-links a{color:#c2cbd8}.copyright{border-top-color:#28374d}
/* Secondary pages inherit the same restrained engineering catalogue aesthetic. */
.crumb-band{background:#f0f1ed;border:0;border-top:1px solid #e1e4e4}
.intro{padding:65px 0 38px}.intro-grid{border-right:3px solid var(--red);padding-right:24px}
.intro .section-title{font-size:clamp(30px,4vw,45px);line-height:1.4}
.section{padding-block:62px}.section-head{border:0;padding-bottom:0}
.section-head h2{font-size:29px}.catalog-tools{border:0;border-bottom:1px solid var(--line);background:transparent;padding:0 0 15px}
.filter{border-radius:0;background:transparent}.filter.active,.filter:hover{background:var(--navy);border-color:var(--navy)}
.product,.project,.tile,.value,.phase{border-radius:0;box-shadow:none}.product:hover,.project:hover,.tile:hover{box-shadow:0 12px 30px rgba(18,35,65,.09)}
.product-image{height:250px}.project .photo-card{height:315px}.product-copy .button{border-radius:2px}
.spotlight{border-radius:0;padding:0;background:#fff;border:1px solid #e0e4e8;box-shadow:none}.spotlight-main,.spotlight-thumbs button{border-radius:0}.spotlight-copy{padding:26px}
.contact-info,.contact-form{border-radius:0}.contact-form{box-shadow:none}.field input,.field select,.field textarea{border-radius:0}.faq details{border-radius:0}
.dark-band{border-top:3px solid var(--amber)}
@media(max-width:900px){.home-hero,.home-hero-inner{min-height:550px}.home-hero-copy{width:55%}.home-hero h1{font-size:56px}.home-hero-foot{margin-top:40px}.home-line-grid{grid-template-columns:1fr 1fr}.home-line-large{grid-column:1/-1;height:330px}.home-line{height:310px}.home-commit-grid{grid-template-columns:1fr 1fr}.home-commit .kicker{grid-column:1/-1}.home-project-image{height:360px}}
@media(max-width:680px){.utility{height:auto;min-height:30px}.utility .tag{display:none}.nav{height:68px}.nav-links{top:68px;background:#fff;border:1px solid #e4e8ed;border-top:2px solid var(--blue);border-radius:0;box-shadow:0 14px 24px rgba(18,35,65,.12)}.nav-links a{border-radius:0}.home-hero{min-height:690px;background:#f0f1ed;padding:0}.home-hero:before{width:100%;top:0;height:41%;bottom:auto}.home-hero-photo{top:0;left:0;width:100%;height:40%;object-position:center 61%}.home-hero:after{inset:0;background:linear-gradient(180deg,transparent 21%,rgba(240,241,237,.12) 31%,#f0f1ed 40%)}.home-hero-inner{min-height:690px;align-items:flex-end;padding-bottom:0}.home-hero-copy{width:100%;padding:300px 0 24px;margin:0}.home-hero h1{font-size:46px;margin:15px 0 10px}.home-hero-copy>p{font-size:13px;line-height:2}.home-hero-foot{margin-top:34px}.home-image-caption{top:155px;bottom:auto;left:0;width:100%;padding:0 5px;font-size:10px}.home-image-caption b{font-size:18px}.home-intro{padding:62px 0}.home-intro-grid{grid-template-columns:1fr;gap:20px}.home-intro h2,.home-project-copy h2{font-size:37px}.home-lines{padding:57px 0}.home-section-heading{align-items:start;gap:14px;flex-direction:column}.home-line-grid{grid-template-columns:1fr 1fr;gap:9px}.home-line-large{grid-column:1/-1;height:250px}.home-line{height:220px}.home-line-label{right:13px;left:10px;bottom:13px}.home-line-label strong{font-size:15px}.home-line-label b{margin-top:5px}.home-line-num{top:11px;right:13px}.home-all-products{align-items:start;gap:8px;flex-direction:column}.home-project{padding:61px 0}.home-project-grid{grid-template-columns:1fr;gap:27px}.home-project-copy{padding-bottom:45px}.home-project-index{bottom:-35px}.home-project-image{height:280px}.home-commit{padding:43px 0}.home-commit-grid{grid-template-columns:1fr;gap:11px}.home-commit .kicker{grid-column:auto}.home-commit h2{font-size:30px}.intro{padding:40px 0 24px}.intro-grid{grid-template-columns:1fr;gap:12px;padding-right:16px}.intro .section-title{font-size:31px}.section{padding-block:44px}.section-head h2{font-size:24px}.product-grid{grid-template-columns:1fr 1fr}.product-image{height:155px}.product-copy{padding:13px 11px}.product-copy h3{font-size:13px}.product-copy p{font-size:10px}.project-grid{grid-template-columns:1fr}.project .photo-card{height:235px}.spotlight{padding:0}.spotlight-copy{padding:17px}.footer{padding-top:37px}}

/* iOS 26 inspired interface: Liquid Glass stays on navigation and controls; brand color comes only from the logo. */
:root{--navy:#274db1;--blue:#274db1;--blue2:#385fc0;--red:#e51d2a;--amber:#274db1;--text:#182238;--muted:#687286;--line:rgba(33,49,79,.10);--bg:#f3f4f8;--white:#fff;--shadow:0 14px 38px rgba(29,45,83,.12)}
body{background:#f3f4f8;color:#182238}
.utility{height:32px;background:#274db1;color:#eef2ff;border:0;font-size:10px}
.head{position:sticky;top:8px;z-index:50;margin:8px auto -96px;width:min(1320px,calc(100% - 36px));border:1px solid rgba(255,255,255,.72);border-radius:24px;background:rgba(250,251,255,.76);backdrop-filter:blur(24px) saturate(1.6);-webkit-backdrop-filter:blur(24px) saturate(1.6);box-shadow:0 8px 26px rgba(26,41,78,.09)}
.nav{height:78px;width:calc(100% - 34px);gap:22px}.brand img{border-radius:14px;width:46px;height:46px;object-fit:cover;border:0}.brand-name{color:#19243c;font-size:14px}.brand-sub{color:#69758b;font-size:9px}.nav-links{gap:clamp(12px,1.8vw,26px);font-size:11px;color:#34435d}.nav-links a{padding:28px 0}.nav-links a.active:after{height:4px;width:12px;right:calc(50% - 6px);left:auto;bottom:15px;border-radius:4px;background:#274db1}.nav-action{background:#274db1;border:1px solid #274db1;border-radius:999px;padding:11px 17px;box-shadow:0 4px 12px rgba(39,77,177,.2)}.nav-action:hover,.button:hover{background:#193a91;border-color:#193a91;transform:translateY(-1px)}
.button{border-radius:999px;background:#274db1;border-color:#274db1;padding:12px 19px;box-shadow:0 5px 13px rgba(39,77,177,.18)}.button.outline{background:rgba(255,255,255,.2);color:inherit;border-color:rgba(255,255,255,.52);box-shadow:none;backdrop-filter:blur(15px)}.button.light{background:white;color:#274db1;border-color:white}.menu-toggle{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.65)}
.home-hero{min-height:760px;background:#182848;padding-top:76px;isolation:isolate}.home-hero:before{display:none}.home-hero-photo{inset:0;width:100%;height:100%;object-fit:cover;object-position:center 57%;filter:saturate(.88)}.home-hero:after{inset:0;background:linear-gradient(270deg,rgba(9,19,43,.86),rgba(14,29,59,.58) 43%,rgba(16,30,57,.10) 100%),linear-gradient(0deg,rgba(9,18,39,.4),transparent 30%)}
.home-hero-inner{min-height:684px;align-items:center}.home-hero-copy{width:min(590px,54%);padding:74px 0 44px 0;margin:0;color:#fff}.home-overline{color:#e2e8fa;font-size:12px}.home-overline i{width:9px;height:9px;border-radius:50%;background:#e51d2a;box-shadow:0 0 0 5px rgba(229,29,42,.2)}.home-hero h1{font-size:clamp(48px,6.4vw,82px);line-height:1.32;letter-spacing:-1px;color:#fff;margin:20px 0 16px}.home-hero h1 em{color:#dbe4ff}.home-hero-copy>p{max-width:520px;color:#f0f3fb;font-size:15px;line-height:2.1}.home-hero .button{background:#e51d2a;border-color:#e51d2a;color:white}.home-hero .button:hover{background:#c91624;border-color:#c91624}.home-hero-foot{border-color:rgba(255,255,255,.28);color:#e5e9f2}.home-text-link{color:inherit;border:0}.home-image-caption{width:auto;left:24px;bottom:26px;border:1px solid rgba(255,255,255,.35);background:rgba(21,31,54,.3);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:999px;padding:9px 17px;text-shadow:none}.home-image-caption b{font-size:14px;color:white;border-left:1px solid rgba(255,255,255,.5)}
.kicker{color:#274db1}.home-intro{background:#f3f4f8;padding:88px 0}.home-intro h2,.home-project-copy h2{color:#182238;font-weight:750;letter-spacing:-.5px}.home-intro-grid p{color:#505d73}.home-intro .home-text-link{color:#274db1;border-bottom:1px solid rgba(39,77,177,.25)}
.home-lines{background:#fff;border-radius:38px 38px 0 0;padding:74px 0 82px}.home-section-heading{border:0;margin-bottom:23px}.home-heading-note{color:#687286}.home-line-grid{gap:16px}.home-line{height:390px;border-radius:27px;overflow:hidden;box-shadow:0 8px 30px rgba(17,30,55,.1)}.home-line-large{height:430px}.home-line:after{background:linear-gradient(0deg,rgba(9,18,38,.78),rgba(9,18,38,.04) 67%)}.home-line-label{right:25px;bottom:24px}.home-line-label small{color:#dfe7ff}.home-line-label strong{font-size:21px}.home-line-label b{font-size:11px}.home-line-num{border:1px solid rgba(255,255,255,.46);background:rgba(15,26,49,.22);padding:5px 11px;border-radius:999px}.home-all-products{margin-top:22px;color:#657086}.home-all-products a{color:#274db1}
.home-project{background:#f3f4f8;padding:90px 0}.home-project-copy>p{color:#505d73}.home-project-copy .button{background:#274db1;border-color:#274db1}.home-project-index strong{color:#e51d2a}.home-project-image{height:460px;border-radius:30px;box-shadow:0 18px 45px rgba(17,30,55,.16)}.home-project-image span{left:18px;right:auto;bottom:17px;border-radius:999px;background:rgba(22,31,51,.42);backdrop-filter:blur(16px);padding:10px 16px;border:1px solid rgba(255,255,255,.34)}
.home-commit{background:#274db1;border:0;border-radius:34px;margin:0 24px 26px;padding:54px 0}.home-commit .kicker{color:#e9edfa}.home-commit h2{color:#fff}.home-commit-grid>div p{color:#edf0f8}.home-commit .button.light{border:0;border-radius:999px}
.home-commit{border-top:0}.home-commit .kicker{color:#edf0f8}.spotlight-badge i{background:#274db1;box-shadow:0 0 0 4px rgba(39,77,177,.12)}.disclaimer{background:#f2f4fb;color:#344c86;border-right-color:#e51d2a}.phase b{background:rgba(229,29,42,.08);color:#ca1f2e}
.footer{background:#fff;border:0;border-radius:30px 30px 0 0;padding-top:43px}.footer .brand-name{color:#182238}.footer .brand-sub{color:#69758b}.footer p,.footer-links a{color:#5d6980}.footer h4{color:#182238}.copyright{border-color:rgba(33,49,79,.1)}
/* Content surfaces use standard materials; the glass layer is reserved for navigation and transient controls. */
.crumb-band{background:#f3f4f8;border:0}.intro{padding-top:125px}.intro-grid{border:0;padding:0}.intro .section-title{color:#182238}.section{padding-block:64px}.section-head{border:0}.section-head h2{color:#182238}.catalog-tools{background:transparent;border:0}.filter,.search{border-radius:999px}.filter{background:#fff;border:1px solid rgba(35,52,83,.08)}.filter.active,.filter:hover{background:#274db1;border-color:#274db1}.product,.project,.tile,.value,.phase{border-radius:24px;background:#fff;border:1px solid rgba(35,52,83,.06);box-shadow:0 7px 24px rgba(25,41,76,.055);overflow:hidden}.product:hover,.project:hover,.tile:hover{box-shadow:0 15px 38px rgba(25,41,76,.12);transform:translateY(-3px)}.product-image{height:250px}.product-copy .button{border-radius:999px;background:#274db1;color:#fff;border-color:#274db1}.product-image .badge{border-radius:999px}.project .photo-card{height:315px}.project-copy{padding:20px}.spotlight{border-radius:30px;background:#fff;border:1px solid rgba(35,52,83,.06);box-shadow:0 12px 34px rgba(25,41,76,.08);padding:13px}.spotlight-main,.spotlight-thumbs button{border-radius:20px}.spotlight-badge{border-radius:999px;color:#274db1}.spotlight-copy h2 em{color:#274db1}.contact-info{border-radius:28px;background:linear-gradient(145deg,#274db1,#1d3e8f);border:0}.contact-form{border-radius:28px;background:#fff;border:1px solid rgba(35,52,83,.07);box-shadow:0 12px 34px rgba(25,41,76,.07)}.field input,.field select,.field textarea{border-radius:16px;background:#f4f5f9;border-color:transparent}.field input:focus,.field select:focus,.field textarea:focus{border-color:#274db1;box-shadow:0 0 0 4px rgba(39,77,177,.11)}.faq details{border-radius:18px;background:#fff}.dark-band{background:#274db1;border:0;border-radius:28px;margin:20px 24px;padding:44px 0}.dark-band h2{color:#fff}.dark-band p{color:#e8ecf7}.value,.phase{padding:23px}.footer .brand img{border-radius:14px}
@media(max-width:900px){.head{width:calc(100% - 24px)}.nav{width:calc(100% - 26px)}.home-hero,.home-hero-inner{min-height:640px}.home-hero{padding-top:68px}.home-hero-copy{width:60%}.home-line,.home-line-large{height:320px}.home-project-image{height:380px}}
@media(max-width:680px){.utility{height:27px}.head{top:5px;margin:5px auto -76px;width:calc(100% - 20px);border-radius:20px}.nav{height:66px;width:calc(100% - 22px)}.brand img{width:42px;height:42px;border-radius:12px}.nav-links{top:68px;right:0;left:0;width:100%;padding:12px;background:rgba(248,249,253,.84);border:1px solid rgba(255,255,255,.85);border-radius:22px;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 12px 28px rgba(20,35,69,.15)}.nav-links a{padding:10px 12px;border-radius:14px}.nav-links a.active{background:rgba(39,77,177,.09)}.nav-links a.active:after{display:none}.nav-action{padding:9px 12px;font-size:10px}.home-hero,.home-hero-inner{min-height:760px}.home-hero{padding-top:68px}.home-hero-photo{height:100%;width:100%;inset:0;object-position:58% center}.home-hero:after{inset:0;background:linear-gradient(180deg,rgba(9,19,43,.17) 0%,rgba(9,19,43,.36) 29%,rgba(9,19,43,.94) 67%,#0f1c37 100%)}.home-hero-inner{align-items:flex-end;padding-bottom:25px}.home-hero-copy{width:100%;padding:0 0 12px;margin:0}.home-hero h1{font-size:49px;margin:14px 0 10px}.home-hero-copy>p{font-size:13px}.home-hero-foot{margin-top:27px}.home-image-caption{top:100px;bottom:auto;left:12px;right:12px;width:max-content;max-width:calc(100% - 24px);padding:7px 12px}.home-intro{padding:59px 0}.home-intro-grid{gap:13px}.home-intro h2,.home-project-copy h2{font-size:35px}.home-lines{padding:54px 0 61px;border-radius:27px 27px 0 0}.home-line-grid{gap:10px}.home-line,.home-line-large{height:235px;border-radius:21px}.home-line-large{grid-column:1/-1;height:280px}.home-line-label{right:16px;bottom:16px}.home-line-label strong{font-size:16px}.home-line-label b{font-size:10px;margin-top:5px}.home-project{padding:61px 0}.home-project-grid{gap:16px}.home-project-copy{padding-bottom:38px}.home-project-index{bottom:-30px}.home-project-image{height:290px;border-radius:22px}.home-commit{margin:0 10px 13px;padding:33px 0;border-radius:25px}.home-commit-grid{gap:8px}.home-commit h2{font-size:29px}.intro{padding-top:105px}.intro-grid{padding:0}.intro .section-title{font-size:31px}.section{padding-block:44px}.product-grid{grid-template-columns:1fr 1fr;gap:12px}.product,.project,.tile{border-radius:19px}.product-image{height:155px}.product-copy{padding:13px 11px}.product-copy h3{font-size:13px}.product-copy p{font-size:10px}.project-grid{grid-template-columns:1fr}.project .photo-card{height:235px}.spotlight{border-radius:23px;padding:8px}.spotlight-main,.spotlight-thumbs button{border-radius:16px}.spotlight-copy{padding:15px}.contact-info,.contact-form{border-radius:22px}.dark-band{margin:12px 10px;border-radius:22px;padding:31px 0}.value,.phase{border-radius:18px;padding:17px}.footer{border-radius:24px 24px 0 0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}