/* Customized layouts inspired by Industro (Nayzak) and Logistica (Noorseen).
   All core HTML/CSS authored for this project. Logos are client-provided approved imagery. */
:root { --frame-outline:rgba(255,255,255,.12) }
.brand-identity{display:flex!important;align-items:center;gap:10px;min-width:0;line-height:1.15;flex:0 0 auto}
.brand-identity__icon{width:60px!important;height:64px!important;object-fit:contain!important;mix-blend-mode:multiply}
.brand-identity__label{display:flex;flex-direction:column;max-width:252px;line-height:1.42;text-align:start}
.brand-identity__label strong{font-family:'Cairo',sans-serif;letter-spacing:-.04em;font-size:1.05rem;font-weight:900;color:var(--dark)}
.brand-identity__label small{font-size:.58rem;font-weight:800;letter-spacing:0;line-height:1.4;color:var(--muted);text-transform:none}
html[lang=en] .brand-identity__label strong{font-family:var(--latin),sans-serif;letter-spacing:-.02em;font-size:1.04rem}
html[lang=en] .brand-identity__label small{font-size:.49rem;letter-spacing:.03em}
.topline{background:var(--deep)} .topline strong{color:var(--accent)}
.site-header{background:#fff;box-shadow:0 8px 30px rgba(0,0,0,.035)}
.site-nayzak .site-header{border-bottom:3px solid var(--accent)}
.site-noorseen .site-header{border-bottom:3px solid var(--accent)}
.site-nayzak .button--primary{background:var(--accent);color:#071724!important;box-shadow:0 8px 25px rgba(201,164,92,.22)}
.site-noorseen .button--primary{background:var(--accent);color:#042741!important;box-shadow:0 8px 25px rgba(0,187,220,.24)}
.hero--fresh{position:relative;min-height:690px;overflow:hidden;background:var(--deep)}
.hero--fresh:before{content:'';position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(5,17,28,.96) 0%,rgba(6,20,32,.86) 38%,rgba(7,25,40,.17) 100%),url('../images/hero.webp');background-position:center,center;background-size:cover;filter:saturate(1.15)}
html[dir=rtl] .hero--fresh:before{transform:scaleX(-1)}
.hero--fresh:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 66%,rgba(2,18,31,.68));}
.hero--fresh .hero-inner{position:relative;z-index:2;min-height:690px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.55fr);align-items:center;gap:50px;padding-block:80px}
.hero--fresh .hero-copy{position:relative;z-index:4;padding:32px 0;color:#fff}
.hero--fresh .hero h1,.hero--fresh h1{font-size:clamp(3.15rem,5.6vw,6rem);line-height:1.22;color:#fff;letter-spacing:-.05em;max-width:790px}
.hero--fresh h1 em{font-style:normal;color:var(--accent2)}
.hero--fresh .eyebrow{color:var(--accent2);background:rgba(255,255,255,.08);border:1px solid var(--frame-outline);padding:7px 13px;border-radius:3px}
.hero--fresh .eyebrow:before{display:none}
.hero--fresh .hero-lead{color:#e2ebf1;max-width:650px;font-weight:500;font-size:1.08rem}
.hero--fresh .hero-trust span{border:1px solid #ffffff45;background:#071e335b;color:#eaf3f7;border-radius:3px;padding:8px 12px}
.hero--fresh .hero-stage{position:relative;height:480px;display:grid;place-items:center}
.hero--fresh .hero-photo{border:1px solid rgba(255,255,255,.35);border-radius:2px;box-shadow:0 25px 90px rgba(0,0,0,.25);transform:rotate(-3deg);background-position:center;}
.site-nayzak .hero--fresh .hero-photo{box-shadow:18px 18px 0 -6px rgba(201,164,92,.4),0 30px 90px rgba(0,0,0,.35)}
.site-noorseen .hero--fresh .hero-photo{border-radius:12px;box-shadow:15px 15px 0 -5px rgba(0,190,230,.35),0 30px 90px rgba(0,0,0,.4)}
.hero-model{position:absolute;bottom:18px;inset-inline-end:0;z-index:8;padding:7px 16px;letter-spacing:.13em;font-family:var(--latin),sans-serif;font-size:.62rem;font-weight:800;color:#fff;background:rgba(0,0,0,.55);border-inline-start:3px solid var(--accent)}
.hero--fresh .glass{backdrop-filter:blur(13px)}
.site-nayzak .hero--fresh:before{background-image:linear-gradient(90deg,rgba(6,16,26,.94),rgba(7,24,35,.82) 41%,rgba(7,20,34,.10)),url('../images/hero.webp')}
.site-noorseen .hero--fresh:before{background-image:linear-gradient(90deg,rgba(2,33,63,.95),rgba(2,49,79,.81) 44%,rgba(0,68,115,.16)),url('../images/hero.webp')}
.site-noorseen .hero--fresh{background-color:#052b50}
.site-nayzak .section-title{letter-spacing:-.04em}.site-nayzak .service-card,.site-nayzak .project-card,.site-nayzak .detail-content{border-radius:4px}
.site-noorseen .service-card{border-radius:10px}.site-noorseen .section-title{color:#0a345b}
.service-card{border-top:3px solid var(--accent);transition:transform .35s,box-shadow .35s;}
.service-card:hover{transform:translateY(-8px);box-shadow:0 22px 55px rgba(8,28,40,.12)}
.section-header .eyebrow{letter-spacing:.035em}
.page-hero--updated{background-image:linear-gradient(90deg,rgba(5,19,31,.94),rgba(7,36,57,.82)),url('../images/detail.webp');background-position:center;background-size:cover}
.site-noorseen .page-hero--updated{background-image:linear-gradient(90deg,rgba(2,31,64,.93),rgba(0,65,104,.82)),url('../images/detail.webp')}
.full-legal-name{margin-top:18px;font-size:.84rem;color:var(--muted);border-inline-start:3px solid var(--accent);padding-inline-start:15px}
.legal-footer{font-size:.75rem;color:#cbd4db;margin:18px 0;line-height:1.8;max-width:440px}
.template-credit{text-align:center;padding:10px 16px 24px;color:#bacbd6;font:500 .73rem/1.6 sans-serif}
.template-credit a{color:var(--accent2);text-decoration:underline;text-underline-offset:3px}
.site-nayzak .grid-services{grid-template-columns:repeat(4,1fr)}
.oilfield-card{background:linear-gradient(150deg,#fcf9f0,#fff);border-top:3px solid var(--accent)}
.oilfield-card .service-icon{font-size:2.25rem;font-weight:900;color:var(--accent)}
@media(max-width:1200px){.brand-identity__label{max-width:205px}.brand-identity__label strong{font-size:.89rem}.brand-identity__label small{font-size:.48rem}.hero--fresh .hero-inner{grid-template-columns:1fr .65fr}.site-nayzak .grid-services{grid-template-columns:repeat(3,1fr)}}
@media(max-width:950px){.brand-identity__icon{width:50px!important;height:54px!important}.brand-identity__label strong{font-size:1rem}.brand-identity__label small{font-size:.57rem}.hero--fresh .hero-inner{grid-template-columns:1fr;gap:10px}.hero--fresh .hero-stage{height:360px;width:100%;max-width:560px;margin-inline:auto}.hero--fresh h1{font-size:clamp(2.8rem,8vw,5rem)}.site-nayzak .grid-services{grid-template-columns:repeat(2,1fr)}}
@media(max-width:540px){.brand-identity{gap:6px}.brand-identity__icon{width:40px!important;height:44px!important}.brand-identity__label{max-width:145px}.brand-identity__label strong{font-size:.78rem}.brand-identity__label small{font-size:.46rem;line-height:1.3}.site-header .header-grid{min-height:72px}.hero--fresh .hero-inner{min-height:0;padding:65px 0 60px}.hero--fresh .hero-stage{height:320px}.hero--fresh h1{font-size:clamp(2.25rem,10vw,3.2rem)}.hero--fresh .hero-lead{font-size:.91rem}.hero--fresh .hero-trust{gap:6px}.hero--fresh .hero-trust span{font-size:.62rem;padding:5px 6px}.site-nayzak .grid-services{grid-template-columns:1fr}.hero--fresh .glass{display:none}.hero-model{bottom:6px;font-size:.5rem}}
@media(prefers-reduced-motion:reduce){.service-card:hover{transform:none}}

.footer-official-logo{width:220px!important;height:220px!important;object-fit:contain!important;border-radius:10px!important;background:white!important;padding:8px!important;mix-blend-mode:normal!important;max-width:100%;box-shadow:0 10px 38px rgba(0,0,0,.1)}
@media(max-width:600px){.footer-official-logo{width:186px!important;height:186px!important}}


/* Logo-only header update */
.brand-identity{display:flex!important;align-items:center;gap:0!important;flex:0 0 auto}
.brand-identity__label{display:none!important}
.brand-identity__icon{display:block!important;width:78px!important;height:78px!important;max-width:none!important;object-fit:contain!important;object-position:center!important;mix-blend-mode:multiply;filter:none!important}
.site-header .brand-link img{width:78px!important;height:78px!important;max-width:none!important}
.site-noorseen .site-header .brand-link img,.site-nayzak .site-header .brand-link img{width:78px!important;height:78px!important}
@media(max-width:950px){.brand-identity__icon,.site-header .brand-link img,.site-noorseen .site-header .brand-link img,.site-nayzak .site-header .brand-link img{width:66px!important;height:66px!important}}
@media(max-width:540px){.brand-identity__icon,.site-header .brand-link img,.site-noorseen .site-header .brand-link img,.site-nayzak .site-header .brand-link img{width:58px!important;height:58px!important}.site-header .header-grid{min-height:74px}}