@charset "UTF-8";
/* ==========================================================================
   Vertex Siadar — Design tokens
   Concept: a disciplined, professional construction brand. Black, white,
   and a restrained gold accent. Clean grid structure, hairline dividers,
   grayscale photography — precision over spectacle.
   ========================================================================== */
:root{
  color-scheme:dark;
  --ink:#0a0a0a;
  --ink-2:#141414;
  --ink-3:#1c1c1c;
  --text:#f5f3ec;
  --muted:#9a968c;
  --line:#f5f3ec1c;
  --line-strong:#f5f3ec30;
  --safety:#c45a30;
  --safety-2:#dc744a;
  --gold-rgb:196,90,48;
  --red:#e5402a;
  --shadow:0 40px 70px -30px #000000b0;
  --on-photo:#f5f3ec;
  --on-photo-muted:#cfcbc0;
  --accent-bg:#b84f28;
}
:root[data-theme=light]{
  color-scheme:light;
  --ink:#f1eee6;
  --ink-2:#ffffff;
  --ink-3:#e9e4da;
  --text:#111110;
  --muted:#5c584f;
  --line:#1111102a;
  --line-strong:#11111042;
  --safety:#b54e28;
  --safety-2:#933a1c;
  --accent-bg:#b54e28;
  --red:#c93417;
  --shadow:0 40px 70px -30px #00000030;
}
.business-access{display:grid;grid-template-columns:repeat(3,1fr);background:#f3efe6;color:#222;padding:0 clamp(22px,5vw,72px)}.business-access>a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;min-height:145px;padding:28px;border-inline-end:1px solid #1f201d20;color:inherit;text-decoration:none;transition:background .25s}.business-access>a:first-child{border-inline-start:1px solid #1f201d20}.business-access>a:hover{background:#fff}.business-access>a>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid #b84f28;color:#b84f28;font-size:9px}.business-access small{font-size:8px;letter-spacing:.16em;color:#8a6b60}.business-access h3{font:400 clamp(17px,1.6vw,23px) Georgia,serif;margin:8px 0}.business-access b{color:#b84f28}@media(max-width:800px){.business-access{grid-template-columns:1fr;padding:0 18px}.business-access>a{min-height:112px;border-inline-start:1px solid #1f201d20;border-bottom:1px solid #1f201d20}}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}
body{
  margin:0;background:var(--ink);color:var(--text);
  font-family:"Inter",Arial,Tahoma,sans-serif;
  font-size:16px;line-height:1.65;
  -webkit-font-smoothing:antialiased;
  transition:background .3s ease,color .3s ease;
  overflow-x:hidden;
}
html[dir="rtl"] body{font-family:"Noto Kufi Arabic","Inter",Tahoma,sans-serif}
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3,html[dir="rtl"] h4{font-family:"Noto Kufi Arabic","Inter",Tahoma,sans-serif;letter-spacing:0}
h1,h2,h3,h4{margin:0;font-family:"Space Grotesk","Inter",Arial,sans-serif;font-weight:500;letter-spacing:-.01em}
p{margin:0}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit;color:inherit}
img{display:block;max-width:100%}
::selection{background:var(--accent-bg);color:#0a0a0a}
:focus-visible{outline:2px solid var(--safety);outline-offset:3px}

.container{max-width:1400px;margin:0 auto;padding-inline:6vw}
.eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  color:var(--safety);margin:0 0 18px;
}
.eyebrow::before{content:"";width:16px;height:1px;background:var(--safety)}

/* ==========================================================================
   Header
   ========================================================================== */
.header{
  position:sticky;top:0;z-index:80;height:86px;
  display:flex;align-items:center;
  padding-inline:6vw;
  background:var(--ink);
  border-bottom:1px solid var(--line);
  box-shadow:0 6px 24px rgba(22,18,14,.05);
  transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;
}
.header.scrolled{border-bottom-color:rgba(var(--gold-rgb),.3);box-shadow:0 10px 30px rgba(22,18,14,.09)}
.brand{display:flex;align-items:center;gap:13px;margin-inline-end:34px;padding:0;border:0}
.brand img{width:50px;height:50px;object-fit:cover;border-radius:50%;box-shadow:0 5px 18px rgba(0,0,0,.14)}
.brand-copy{display:flex;flex-direction:column;line-height:1.1}
.brand-copy b{font-family:"Space Grotesk",sans-serif;font-size:16px;letter-spacing:0}
.brand-copy small{margin-top:4px;color:var(--safety);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase}
.nav{display:flex;align-items:center;gap:4px;margin-inline-end:auto;padding:0;background:transparent;border:0;border-radius:0}
.nav a{position:relative;font-size:12.5px;font-weight:600;letter-spacing:.01em;color:var(--muted);padding:12px 13px;border-radius:0;transition:.18s ease}
.nav a::after{content:"";position:absolute;inset-inline:13px;bottom:6px;height:2px;border-radius:2px;background:var(--accent-bg);transform:scaleX(0);transition:transform .18s ease}
.nav a:hover{color:var(--text);background:transparent}.nav a:hover::after{transform:scaleX(1)}
.actions{display:flex;align-items:center;gap:10px;padding-inline-start:24px;border-inline-start:1px solid var(--line-strong)}
.language-switcher{position:relative}
.language-current,.theme-toggle,.mobile-toggle{
  height:44px;border:1px solid var(--line-strong);border-radius:999px;background:var(--ink-2);color:var(--text);
  box-shadow:0 3px 12px rgba(22,18,14,.045);cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease,transform .15s ease,box-shadow .15s ease;
}
.language-current{min-width:112px;padding-inline:13px 11px;display:flex;align-items:center;gap:9px;text-align:start}
.language-current svg{width:16px;height:16px;flex:none}
.language-current-copy{display:flex;flex-direction:column;min-width:44px;line-height:1.05}.language-current-copy b{font-size:10px;letter-spacing:.09em}.language-current-copy small{margin-top:3px;color:var(--muted);font-size:9px;font-weight:500}
.language-current .chev{width:9px;height:9px;transition:transform .2s ease}
.language-switcher.open .language-current .chev{transform:rotate(180deg)}
.language-current:hover,.theme-toggle:hover{border-color:var(--accent-bg);color:var(--accent-bg);transform:translateY(-1px);box-shadow:0 7px 18px rgba(var(--gold-rgb),.13)}
.language-menu{
  position:absolute;top:52px;inset-inline-end:0;width:224px;padding:9px;
  background:var(--ink-2);border:1px solid var(--line);border-radius:16px;box-shadow:0 22px 55px rgba(22,18,14,.18);
  opacity:0;visibility:hidden;transform:translateY(-8px) scale(.98);transform-origin:top right;transition:.2s ease;
}
.language-switcher.open .language-menu{opacity:1;visibility:visible;transform:translateY(0)}
.language-menu-title{padding:7px 10px 9px;color:var(--muted);font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.language-menu a{display:grid;grid-template-columns:34px 1fr 18px;align-items:center;gap:10px;padding:10px;border-radius:10px;font-size:12.5px;transition:.16s}
.language-menu a:hover{color:var(--text);background:rgba(var(--gold-rgb),.08)}
.language-code{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--ink-3);color:var(--muted);font-size:9px;font-weight:700;letter-spacing:.06em}
.language-menu a i{color:var(--accent-bg);font-style:normal;opacity:0}.language-menu a.active{background:rgba(var(--gold-rgb),.1);color:var(--text)}.language-menu a.active .language-code{background:var(--accent-bg);color:#fff}.language-menu a.active i{opacity:1}
.theme-toggle{width:44px;display:grid;place-items:center;position:relative}
.theme-toggle svg{position:absolute;width:17px;height:17px}
.theme-toggle .icon-sun{display:none}
:root[data-theme=light] .theme-toggle .icon-sun{display:block}
:root[data-theme=light] .theme-toggle .icon-moon{display:none}
.mobile-toggle{display:none;width:44px;position:relative}
.mobile-toggle i{position:absolute;inset-inline-start:11px;width:18px;height:2px;background:currentColor;transition:transform .25s ease,opacity .2s ease,top .25s ease}
.mobile-toggle i:first-child{top:16px}
.mobile-toggle i:last-child{top:22px}
.mobile-toggle[aria-expanded="true"] i:first-child{top:19px;transform:rotate(45deg)}
.mobile-toggle[aria-expanded="true"] i:last-child{top:19px;transform:rotate(-45deg)}

/* Moving company highlights under the header */
.top-slide{height:42px;display:flex;align-items:center;overflow:hidden;white-space:nowrap;background:var(--ink-2);border-bottom:1px solid var(--line-strong);direction:ltr}
.top-slide-track{display:flex;align-items:center;width:max-content;animation:topSlide 30s linear infinite;will-change:transform}
.top-slide-track span{display:inline-flex;align-items:center;padding-inline:22px;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.top-slide-track span::after{content:"✦";margin-inline-start:22px;color:var(--safety);font-size:9px}
@keyframes topSlide{from{transform:translateX(0)}to{transform:translateX(-50%)}}
html[dir="rtl"] .top-slide-track{animation-name:topSlide}
html[dir="rtl"] .top-slide-track span{direction:rtl;unicode-bidi:isolate}
@media(prefers-reduced-motion:reduce){.top-slide-track{animation:none}}

/* ==========================================================================
   Hero
   ========================================================================== */
.hero{position:relative;overflow:hidden;min-height:92vh;display:flex;align-items:flex-end}
.hero::after{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(to top,rgba(7,8,7,.76) 0%,rgba(7,8,7,.42) 35%,rgba(7,8,7,.08) 62%,transparent 78%)}
.hero-image{position:absolute;inset:0;z-index:0}
.hero-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:none}
.hero-slide{opacity:0;transform:scale(1.025);transition:opacity 1.25s ease,transform 7s ease;will-change:opacity,transform}
.hero-slide.active{opacity:1;transform:scale(1);z-index:1}
.hero-image::after{display:none}
.hero-watermark{position:absolute;z-index:1;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;pointer-events:none}
.hero-watermark img{width:100%;max-width:none;height:auto;opacity:.1;mix-blend-mode:lighten;filter:saturate(.65) contrast(1.12)}
.hero-copy{
  position:relative;z-index:2;width:100%;padding:120px 6vw 64px;
  opacity:0;transform:translateY(16px);animation:rise .75s .1s cubic-bezier(.2,.7,.2,1) forwards;
}
.hero-plate{
  display:inline-flex;align-items:center;gap:10px;margin-bottom:22px;
  color:#f0bd3e;font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;text-shadow:0 2px 12px rgba(0,0,0,.9);
}
.hero h1{font-size:clamp(34px,5.4vw,86px);line-height:1.05;max-width:15ch;font-weight:600;color:#fff;text-shadow:0 3px 20px rgba(0,0,0,.95)}
html[lang="en"] .hero h1{max-width:none;white-space:nowrap;font-size:clamp(28px,4.25vw,66px);letter-spacing:-.025em}
.hero-copy>p{max-width:46ch;margin:26px 0 34px;color:rgba(255,255,255,.94);font-size:15.5px;font-weight:500;line-height:1.7;text-shadow:0 2px 14px rgba(0,0,0,.95)}
.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.button{
  display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:54px;padding:14px 18px 14px 24px;border:1px solid var(--accent-bg);border-radius:4px;
  background:var(--accent-bg);color:#fff;box-shadow:0 12px 28px rgba(74,28,12,.24);
  font-size:13.5px;font-weight:700;letter-spacing:.01em;cursor:pointer;
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.button:hover{background:var(--safety-2);color:#fff;border-color:var(--safety-2);box-shadow:0 16px 34px rgba(74,28,12,.3);transform:translateY(-2px)}
.button span{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.16);font-size:0;transition:transform .2s ease,background .2s ease}
.button span::before{content:"↗";font-family:"Space Grotesk",Arial,sans-serif;font-size:15px;font-weight:700;color:#fff;line-height:1}
.button:hover span{transform:translate(2px,-2px);background:rgba(255,255,255,.24)}
.quiet-link{padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.48);font-size:13.5px;font-weight:600;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.95);transition:border-color .2s ease,color .2s ease}
.quiet-link:hover{color:var(--safety);border-color:var(--safety)}
@keyframes rise{to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.hero-copy{opacity:1;animation:none}}

/* ==========================================================================
   Shared section frame
   ========================================================================== */
.section{padding:104px 6vw;border-top:1px solid var(--line)}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:6vw;margin-bottom:56px;flex-wrap:wrap}
.section-head h2{font-size:clamp(30px,3.6vw,52px);max-width:16ch;line-height:1.08}
.section-head p{max-width:36ch;color:var(--muted);font-size:14.5px}

/* About */
.about{background:var(--ink-2)}
.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;align-items:start}
.about-statement p{font-size:clamp(24px,2.4vw,34px);font-family:"Space Grotesk",sans-serif;line-height:1.28;color:var(--text)}
.about-body p{color:var(--muted);font-size:14.5px;line-height:1.85;margin-bottom:0}
.values{display:flex;flex-direction:column;margin-top:40px;border-top:1px solid var(--line)}
.value{display:flex;gap:18px;padding:24px 4px;border-bottom:1px solid var(--line);transition:background .15s ease}
.value:hover{background:rgba(var(--gold-rgb),.08)}
.value:hover h3{color:var(--safety)}
.value-icon{flex:none;width:32px;height:32px;color:var(--safety)}
.value-icon svg{width:100%;height:100%}
.value h3{font-size:16px;font-weight:600;margin-bottom:8px;transition:color .18s ease}
.value p{color:var(--muted);font-size:13.5px;line-height:1.65}

/* Services */
.services{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line-strong);border:1px solid var(--line-strong)}
.service{padding:34px 28px;background:var(--ink-2);transition:background .18s ease}
.service:hover{background:rgba(var(--gold-rgb),.08)}
.service:hover h3{color:var(--safety)}
.service-icon{width:32px;height:32px;color:var(--safety);margin-bottom:26px}
.service-icon svg{width:100%;height:100%}
.service h3{font-size:17.5px;font-weight:600;margin-bottom:11px;line-height:1.25;transition:color .18s ease}
.service p{color:var(--muted);font-size:13.5px;line-height:1.7}

/* Projects */
.projects-section{background:var(--ink-2)}
.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line-strong)}
.project-card{position:relative;background:var(--ink-2);display:block;overflow:hidden}
.project-image{position:relative;height:320px;overflow:hidden;background:#1a1a1a}
.project-image img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05);transition:filter .5s ease,transform .5s cubic-bezier(.2,.7,.2,1)}
.project-card:hover .project-image img{filter:grayscale(0) contrast(1);transform:scale(1.04)}
.project-plate{
  position:absolute;top:14px;inset-inline-start:14px;padding:5px 10px;
  background:var(--accent-bg);color:#0a0a0a;
  font-size:11px;font-weight:600;letter-spacing:.03em;
}
.project-copy{padding:24px 26px 28px}
.project-copy small{display:block;color:var(--safety);font-size:11.5px;letter-spacing:.02em;margin-bottom:10px}
.project-copy h3{font-size:20px;font-weight:500;display:flex;align-items:center;justify-content:space-between;gap:10px}
.project-copy h3 span{color:var(--muted);font-size:16px;transition:transform .25s ease,color .25s ease}
.project-card-progress{position:relative;height:4px;margin-top:18px;background:var(--line)}.project-card-progress i{display:block;height:100%;background:var(--accent-bg)}.project-card-progress b{position:absolute;inset-inline-end:0;top:-19px;color:var(--muted);font-size:9px}
.project-card:hover h3 span{transform:translate(5px,-5px);color:var(--safety)}
.empty{padding:60px;border:1px dashed var(--line-strong);color:var(--muted);text-align:center;font-size:13.5px}

/* Corporate proof */
.proof-strip{display:grid;grid-template-columns:repeat(4,1fr);padding:0 clamp(22px,6vw,92px);background:var(--ink-2);border-block:1px solid var(--line-strong)}
.proof-item{min-height:132px;display:flex;flex-direction:column;justify-content:center;padding:25px clamp(16px,2.4vw,34px);border-inline-end:1px solid var(--line)}
.proof-item:first-child{border-inline-start:1px solid var(--line)}
.proof-item strong{font-family:"Space Grotesk",sans-serif;color:var(--accent-bg);font-size:clamp(30px,3vw,44px);font-weight:600;line-height:1;letter-spacing:-.04em}
.proof-item span{margin-top:10px;color:var(--muted);font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.visitor-service-band{display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;align-items:end;padding:clamp(65px,8vw,110px) 6vw;background:#bd4e29;color:#fff}.visitor-service-band .eyebrow{color:#ffffffb9}.visitor-service-band .eyebrow::before{background:currentColor}.visitor-service-band h2{max-width:14ch;font-size:clamp(36px,5vw,68px);line-height:1.05}.visitor-service-band>div:first-child>p:not(.eyebrow){max-width:600px;margin-top:22px;color:#ffffffc2}.visitor-service-actions{display:flex;align-items:center;gap:25px;margin-top:30px}.visitor-service-actions .button{width:auto;background:#fff;border-color:#fff;color:#171614}.visitor-service-actions .button span{background:#171614;color:#fff}.visitor-service-features{display:grid;border-top:1px solid #ffffff35}.visitor-service-features article{display:grid;grid-template-columns:45px 1fr;align-items:center;gap:15px;min-height:78px;border-bottom:1px solid #ffffff35}.visitor-service-features span{font-size:9px;color:#ffffff9e}.visitor-service-features b{font-size:15px}.nav-plan{color:#fff!important;background:#bd4e29!important;padding-inline:15px!important}.nav-plan::after{display:none}

/* Sector expertise */
.sectors{background:var(--ink)}
.sector-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.sector-card{position:relative;min-height:360px;display:flex;flex-direction:column;padding:30px;background:var(--ink-2);border:1px solid var(--line-strong);overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.sector-card::after{content:"";position:absolute;inset-inline:0;bottom:0;height:4px;background:var(--accent-bg);transform:scaleX(0);transform-origin:0 50%;transition:transform .3s ease}
html[dir="rtl"] .sector-card::after{transform-origin:100% 50%}
.sector-card:hover{transform:translateY(-6px);border-color:rgba(var(--gold-rgb),.45);box-shadow:0 24px 50px rgba(0,0,0,.09)}.sector-card:hover::after{transform:scaleX(1)}
.sector-number{position:absolute;top:25px;inset-inline-end:25px;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.1em}
.sector-icon{width:46px;height:46px;color:var(--accent-bg)}.sector-icon svg{width:100%;height:100%}
.sector-card h3{margin-top:auto;padding-top:70px;font-size:clamp(21px,2vw,28px);font-weight:600;line-height:1.15}
.sector-card p{margin-top:15px;color:var(--muted);font-size:13px;line-height:1.75}

/* Delivery assurance */
.assurance{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(55px,9vw,140px);background:#171614;color:#fff;border-top:0}
.assurance-intro{align-self:start;position:sticky;top:116px}.assurance-intro h2{max-width:12ch;font-size:clamp(38px,4.8vw,68px);font-weight:500}.assurance-intro>p:last-child{max-width:42ch;margin-top:25px;color:rgba(255,255,255,.66);font-size:14px;line-height:1.85}
.assurance-list{border-top:1px solid rgba(255,255,255,.18)}
.assurance-list article{display:grid;grid-template-columns:54px 1fr;gap:22px;padding:29px 0;border-bottom:1px solid rgba(255,255,255,.18)}
.assurance-list article>span{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.24);border-radius:50%;color:#e58a64;font-size:10px;font-weight:700}
.assurance-list h3{font-size:20px;font-weight:600}.assurance-list p{max-width:52ch;margin-top:10px;color:rgba(255,255,255,.62);font-size:13px;line-height:1.75}

/* Corporate engagement CTA */
.corporate-cta{display:grid;grid-template-columns:1fr .72fr;gap:clamp(50px,9vw,140px);align-items:end;padding:clamp(70px,8vw,120px) clamp(22px,7vw,108px);background:var(--accent-bg);color:#fff}
.corporate-cta .eyebrow{color:rgba(255,255,255,.72)}.corporate-cta .eyebrow::before{background:currentColor}.corporate-cta h2{max-width:14ch;font-size:clamp(36px,4.7vw,68px);font-weight:500}
.corporate-cta>div:last-child>p{max-width:44ch;margin-bottom:28px;color:rgba(255,255,255,.78);font-size:14px;line-height:1.8}
.corporate-cta .button{background:#fff;border-color:#fff;color:#171614;box-shadow:0 14px 30px rgba(65,20,8,.18)}.corporate-cta .button span{background:rgba(23,22,20,.09)}.corporate-cta .button span::before{color:#171614}.corporate-cta .button:hover{background:#171614;border-color:#171614;color:#fff}.corporate-cta .button:hover span::before{color:#fff}

/* Portfolio filters and floating utilities */
.project-filters{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 28px}
.project-filters button{appearance:none;border:1px solid var(--line-strong);border-radius:999px;background:transparent;color:var(--muted);padding:10px 17px;font-size:11px;font-weight:600;cursor:pointer;transition:.2s ease}
.project-filters button:hover,.project-filters button.active{border-color:var(--accent-bg);background:var(--accent-bg);color:#fff}
.project-card.is-filtered{display:none}
.floating-tools{position:fixed;z-index:80;inset-inline-end:22px;bottom:22px;display:flex;flex-direction:column;gap:10px}
.floating-tools a,.floating-tools button{display:grid;place-items:center;width:48px;height:48px;border:0;border-radius:50%;box-shadow:0 10px 32px rgba(0,0,0,.2);cursor:pointer;transition:transform .2s ease,opacity .2s ease}
.floating-tools a:hover,.floating-tools button:hover{transform:translateY(-3px)}
.whatsapp-float{background:#26775a;color:#fff;font-size:17px}
.back-to-top{background:var(--ink-2);color:var(--text);border:1px solid var(--line-strong)!important;opacity:0;pointer-events:none}
.back-to-top.visible{opacity:1;pointer-events:auto}

/* Interactive project footprint and corporate profile */
.project-map-section{background:var(--ink-2)}
.project-map-layout{display:grid;grid-template-columns:1.45fr .55fr;min-height:500px;border:1px solid var(--line-strong);background:var(--ink)}
.project-map-frame{position:relative;min-height:500px;overflow:hidden}.project-map-frame iframe{width:100%;height:100%;min-height:500px;border:0;filter:saturate(.7) contrast(1.05)}.project-map-frame>span{position:absolute;inset-inline-start:12px;bottom:9px;padding:4px 7px;background:#fff;color:#555;font-size:8px}
.map-project-list{display:flex;flex-direction:column;max-height:500px;overflow:auto;border-inline-start:1px solid var(--line-strong)}.map-project-list button{display:grid;grid-template-columns:30px 1fr 20px;align-items:center;gap:12px;min-height:82px;padding:17px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);text-align:start;cursor:pointer}.map-project-list button:hover,.map-project-list button.active{background:var(--accent-bg);color:#fff}.map-project-list button>span{font-size:9px}.map-project-list button div{display:flex;flex-direction:column}.map-project-list button b{font-size:13px}.map-project-list button small{margin-top:5px;color:var(--muted);font-size:9px}.map-project-list button.active small,.map-project-list button:hover small{color:#ffffffb5}.map-project-list button em{font-style:normal}
.profile-download{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;background:#242521;color:#fff}.profile-download h2{max-width:15ch;font-size:clamp(34px,4vw,58px)}.profile-download>div:last-child p{max-width:50ch;margin-bottom:25px;color:#ffffffad;font-size:14px}.profile-download .button{width:max-content;background:var(--accent-bg);border-color:var(--accent-bg)}

/* History timeline */
.history-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line-strong);border:1px solid var(--line-strong)}
.history-item{position:relative;padding:30px 26px;background:var(--ink-2)}
.history-item small{display:block;color:var(--safety);font-size:12px;letter-spacing:.04em;margin-bottom:16px}
.history-item h3{font-size:20px;font-weight:500;margin-bottom:12px;line-height:1.25}
.history-item p{color:var(--muted);font-size:13.5px;line-height:1.75}

/* Process */
.process{background:var(--ink-2)}
.process-list{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line-strong);border:1px solid var(--line-strong)}
.process-step{position:relative;padding:28px 24px;background:var(--ink-2)}
.process-num{font-family:"Space Grotesk",sans-serif;font-size:32px;font-weight:500;color:var(--safety);line-height:1;margin-bottom:20px}
.process-step h3{font-size:17px;font-weight:600;margin-bottom:10px}
.process-step p{color:var(--muted);font-size:13.5px;line-height:1.7}

/* Contact */
.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:9vw}
.contact-copy p:not(.eyebrow){max-width:36ch;color:var(--muted);font-size:14.5px;margin:20px 0 40px}
.contact-list{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--line)}
.contact-list a,.contact-list div{display:flex;flex-direction:column;gap:5px;padding:20px 0;border-bottom:1px solid var(--line);transition:padding-inline-start .18s ease}
.contact-list small{font-size:11px;letter-spacing:.03em;color:var(--safety)}
.contact-list span,.contact-list b{font-size:16px;font-weight:500}
.contact-list a:hover{padding-inline-start:14px}
.contact-list a:hover span{color:var(--safety)}
form.enquiry{display:grid;gap:24px}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.field{display:flex;flex-direction:column;gap:9px}
.field label{font-size:12px;letter-spacing:.02em;color:var(--muted)}
.field input,.field textarea{
  padding:12px;border:1px solid var(--line-strong);background:var(--ink-2);
  color:var(--text);outline:0;resize:vertical;transition:border-color .15s ease;
}
.field input:focus,.field textarea:focus{border-color:var(--safety)}
.notice{padding:14px 16px;font-size:13.5px;border-inline-start:3px solid transparent}
.notice.success{background:#295d4522;border-color:#4f9c76;color:#8fd4ab}
.notice.error{background:#7a302a22;border-color:var(--red);color:#e5988c}

/* Footer */
footer{position:relative;padding:36px 6vw;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);gap:20px;flex-wrap:wrap;background:var(--ink-2)}
footer .rights{color:var(--muted);font-size:11.5px}

/* ==========================================================================
   Project detail page
   ========================================================================== */
.header.solid{background:var(--ink);border-bottom:1px solid var(--line-strong)}
.back-link{margin-inline-start:auto;font-size:13px;color:var(--muted);display:flex;align-items:center;gap:8px}
.back-link:hover{color:var(--safety)}
.project-hero-detail{position:relative;min-height:60vh;display:flex;align-items:flex-end;background-size:cover;background-position:center;padding:0 6vw 56px;filter:none}
.project-hero-detail>div{position:relative;z-index:2}
.project-hero-detail p{color:var(--accent-bg);font-size:12px;font-weight:600;letter-spacing:.05em;margin-bottom:14px;text-transform:uppercase}
.project-hero-detail h1{font-size:clamp(32px,4.6vw,64px);max-width:18ch;color:var(--on-photo);line-height:1.1;font-weight:500}
.project-info{position:relative;display:grid;grid-template-columns:.3fr .7fr;gap:8vw;padding:80px 6vw;max-width:1400px;margin:0 auto}
.project-facts{display:flex;flex-direction:column;gap:0;align-self:start;position:sticky;top:104px;border-top:1px solid var(--line)}
.project-facts p{display:flex;flex-direction:column;gap:6px;padding:20px 0;border-bottom:1px solid var(--line);font-size:16px}
.project-facts small{font-size:11px;letter-spacing:.03em;color:var(--safety)}
.project-detail article p{max-width:64ch;color:var(--muted);font-size:15px;line-height:1.9}
.project-progress-section{padding:70px 6vw 80px;background:#242521;color:#fff}.project-progress-head{display:flex;align-items:end;justify-content:space-between;gap:30px}.project-progress-head h2{font-size:clamp(29px,4vw,52px)}.project-progress-head>strong{font:500 clamp(46px,7vw,88px)/1 "Space Grotesk",sans-serif;color:#df704a}.project-progress-head>strong small{font-size:.3em}.project-progress-track{height:6px;margin:35px 0 26px;background:#ffffff1c}.project-progress-track span{display:block;height:100%;background:#df704a}.project-milestones{display:grid;grid-template-columns:repeat(5,1fr);gap:1px}.project-milestones div{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:10px;padding:15px 10px;color:#777;border-top:1px solid #ffffff1c}.project-milestones i{grid-row:1/3;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;border:1px solid currentColor;font-style:normal}.project-milestones b{font-size:11px}.project-milestones small{font-size:8px}.project-milestones .complete{color:#fff}.project-milestones .complete i{background:#df704a;border-color:#df704a}.project-dates{display:flex;gap:60px;margin-top:35px;padding-top:25px;border-top:1px solid #ffffff1c}.project-dates p{display:flex;flex-direction:column}.project-dates small{font-size:9px;color:#aaa;text-transform:uppercase;letter-spacing:.08em}.project-dates b{margin-top:5px;font-size:14px}
.project-comparison{background:var(--ink-2)}.comparison-slider{position:relative;height:min(68vw,680px);min-height:400px;overflow:hidden;background:#222;user-select:none}.comparison-slider>img,.comparison-before,.comparison-before img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.comparison-before{width:auto!important;overflow:hidden}.comparison-before img{max-width:none}.comparison-slider input{position:absolute;z-index:8;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.comparison-handle{position:absolute;z-index:7;top:0;bottom:0;width:2px;background:#fff;transform:translateX(-50%);font-style:normal}.comparison-handle::after{content:"↔";position:absolute;top:50%;left:50%;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#fff;color:#171614;transform:translate(-50%,-50%);box-shadow:0 8px 28px #0005}.comparison-label{position:absolute;z-index:6;top:20px;padding:8px 12px;border-radius:20px;background:#171614c9;color:#fff;font-size:10px;text-transform:uppercase}.before-label{inset-inline-start:20px}.after-label{inset-inline-end:20px}
.public-project-gallery{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:130px;gap:10px}.public-project-gallery button{grid-column:span 4;grid-row:span 2;padding:0;border:0;background:#ddd;overflow:hidden;cursor:zoom-in}.public-project-gallery button:nth-child(5n+1){grid-column:span 8;grid-row:span 3}.public-project-gallery img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.public-project-gallery button:hover img{transform:scale(1.03)}.gallery-lightbox{width:min(1200px,94vw);height:min(820px,90vh);padding:0;border:0;background:#111}.gallery-lightbox::backdrop{background:#000d}.gallery-lightbox img{width:100%;height:100%;object-fit:contain}.gallery-lightbox button{position:absolute;z-index:2;top:13px;right:13px;width:42px;height:42px;border:0;border-radius:50%;background:#fff;color:#111;font-size:25px;cursor:pointer}

/* ==========================================================================
   Responsive
   ========================================================================== */

/* Tablet / small laptop */
@media(max-width:1180px){
  .services{grid-template-columns:repeat(2,1fr)}
  .process-list{grid-template-columns:repeat(2,1fr)}
}

/* Tablet / large phone (landscape) */
@media(max-width:980px){
  .nav{display:none;position:absolute;top:86px;inset-inline:0;margin:0;padding:10px 6vw 18px;background:var(--ink);border:0;border-bottom:1px solid var(--safety);border-radius:0;flex-direction:column;align-items:stretch;gap:0;box-shadow:var(--shadow);max-height:calc(100vh - 86px);overflow-y:auto}
  .nav.open{display:flex}
  .nav a{padding:17px 4px;border-top:1px solid var(--line);font-size:14px}
  .nav a::after{display:none}
  .mobile-toggle{display:block}
  .about-grid{grid-template-columns:1fr;gap:40px}
  .projects{grid-template-columns:1fr 1fr}
  .history-list{grid-template-columns:1fr 1fr}
  .contact-grid{grid-template-columns:1fr;gap:44px}
  .project-info{grid-template-columns:1fr;gap:36px}
  .project-facts{position:static;flex-direction:row;flex-wrap:wrap}
  .project-facts p{flex:1 1 33%}
  .proof-strip{grid-template-columns:1fr 1fr}.proof-item:nth-child(2){border-inline-end:1px solid var(--line)}.proof-item:nth-child(n+3){border-top:1px solid var(--line)}
  .visitor-service-band{grid-template-columns:1fr;gap:45px}
  .sector-grid{grid-template-columns:1fr 1fr}.sector-card:last-child{grid-column:1/-1;min-height:290px}
  .assurance{grid-template-columns:1fr;gap:45px}.assurance-intro{position:static}.assurance-intro h2{max-width:15ch}
  .corporate-cta{grid-template-columns:1fr;gap:35px}.corporate-cta h2{max-width:16ch}
  .project-map-layout{grid-template-columns:1fr}.map-project-list{max-height:280px;border-inline-start:0;border-top:1px solid var(--line)}.profile-download{grid-template-columns:1fr;gap:35px}
}

/* Phones */
@media(max-width:640px){
  html{-webkit-text-size-adjust:100%}
  body{overflow-x:hidden}
  .header{
    padding-inline:5vw;height:76px;
    padding-top:env(safe-area-inset-top,0);height:calc(76px + env(safe-area-inset-top,0));
  }
  .nav{top:calc(76px + env(safe-area-inset-top,0));max-height:calc(100vh - 76px - env(safe-area-inset-top,0))}
  .brand{gap:10px;margin-inline-end:auto;padding-inline-end:0;border-inline-end:0}
  .brand img{width:42px;height:42px}
  .brand-copy{display:none}
  .actions{gap:6px;padding-inline-start:0;border-inline-start:0}
  .language-current,.theme-toggle,.mobile-toggle{height:42px;border-radius:50%;background:var(--ink-2)}
  .language-current{width:42px;min-width:42px;padding:0;justify-content:center}
  .language-current-copy,.language-current .chev{display:none}
  .language-menu{top:48px;width:min(224px,calc(100vw - 36px))}
  .top-slide{height:36px}
  .top-slide-track{animation-duration:34s}
  .top-slide-track span{padding-inline:14px;font-size:9.5px;letter-spacing:.05em}
  .top-slide-track span::after{margin-inline-start:14px}

  .hero{min-height:82vh}
  .hero-copy{padding:70px 5.5vw 24px}
  .hero-plate{font-size:10.5px;margin-bottom:16px}
  .hero h1{font-size:clamp(30px,8vw,44px);line-height:1.1;max-width:none}
  html[lang="en"] .hero h1{white-space:nowrap;font-size:clamp(16px,5.15vw,27px);line-height:1.08;letter-spacing:-.025em}
  .hero-copy>p{font-size:14px;margin:18px 0 26px}
  .hero-actions{gap:16px}
  .button{min-height:58px;padding:13px 15px 13px 22px;font-size:14px;width:100%;justify-content:center}
  .quiet-link{width:100%;text-align:center;padding-bottom:14px}

  .section{padding:60px 5.5vw}
  .section-head{display:block}
  .section-head h2{font-size:clamp(26px,7.5vw,36px)}
  .section-head p{margin-top:14px;font-size:13px}
  .eyebrow{margin-bottom:14px;font-size:11px}

  .about-statement p{font-size:21px}
  .about-body p{margin-top:14px;font-size:14px}
  .values{margin-top:32px}
  .value{padding:18px 4px;gap:14px}

  .services{grid-template-columns:1fr}
  .service{padding:26px 22px}
  .proof-strip{padding:0 18px}.proof-item{min-height:105px;padding:20px 15px}.proof-item strong{font-size:29px}.proof-item span{font-size:9px;letter-spacing:.04em}
  .visitor-service-band{padding:60px 20px}.visitor-service-band h2{font-size:36px}.visitor-service-actions{align-items:stretch;flex-direction:column}.visitor-service-actions .button{width:100%}
  .sector-grid{grid-template-columns:1fr}.sector-card,.sector-card:last-child{grid-column:auto;min-height:285px;padding:24px}.sector-card h3{padding-top:50px}
  .assurance{padding-block:70px;gap:34px}.assurance-intro h2{font-size:34px}.assurance-list article{grid-template-columns:44px 1fr;gap:15px;padding:23px 0}.assurance-list article>span{width:38px;height:38px}.assurance-list h3{font-size:17px}
  .corporate-cta{padding:68px 20px}.corporate-cta h2{font-size:34px}.corporate-cta .button{width:100%}
  .project-filters{gap:7px;margin-bottom:22px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.project-filters button{white-space:nowrap;padding:9px 14px}
  .floating-tools{inset-inline-end:14px;bottom:calc(14px + env(safe-area-inset-bottom,0))}.floating-tools a,.floating-tools button{width:44px;height:44px}

  .projects{grid-template-columns:1fr}
  .project-image{height:220px}
  .project-copy{padding:18px 20px 22px}
  .project-copy h3{font-size:18px}

  .history-list{grid-template-columns:1fr}
  .history-item{padding:24px 22px}

  .process-list{grid-template-columns:1fr}
  .process-step{padding:24px 22px}
  .process-num{font-size:28px;margin-bottom:14px}

  .contact-copy p:not(.eyebrow){margin:14px 0 30px}
  .field-row{grid-template-columns:1fr;gap:18px}
  .field input,.field textarea{padding:13px 12px;font-size:16px}
  form.enquiry .button{width:100%;justify-content:center}

  footer{flex-direction:column;align-items:flex-start;padding:30px 5.5vw;padding-bottom:calc(30px + env(safe-area-inset-bottom,0))}
  .project-facts{flex-direction:column}
  .project-hero-detail{min-height:44vh;padding:0 5.5vw 34px}
  .project-hero-detail h1{font-size:clamp(28px,9vw,40px)}
  .project-info{padding:48px 5.5vw;gap:32px}
  .project-facts p{flex:none}
  .project-map-frame,.project-map-frame iframe{min-height:390px}.project-progress-section{padding:55px 5.5vw}.project-progress-head{align-items:flex-start}.project-milestones{grid-template-columns:1fr}.project-milestones div{grid-template-columns:30px 1fr auto}.project-milestones small{font-size:9px}.project-dates{gap:22px;flex-direction:column}.comparison-slider{height:62vh;min-height:430px}.public-project-gallery{display:grid;grid-template-columns:1fr;grid-auto-rows:230px}.public-project-gallery button,.public-project-gallery button:nth-child(5n+1){grid-column:auto;grid-row:auto}
}

/* Small phones */
@media(max-width:390px){
  .hero h1{font-size:clamp(26px,8.5vw,34px)}
  html[lang="en"] .hero h1{font-size:clamp(15px,5vw,19.5px)}
  .hero{min-height:76vh}
  .hero-copy{padding-top:56px}
  .section-head h2{font-size:clamp(24px,8.5vw,30px)}
  .about-statement p{font-size:19px}
}

/* Visitor project planner and request tracking */
.planner-page,.tracking-page{background:#f3efe7;color:#171614}.planner-page .header,.tracking-page .header{background:#f3efe7}.planner-main{max-width:1480px;margin:0 auto;padding:clamp(50px,7vw,100px) 5.5vw 90px}.planner-intro{max-width:850px;margin-bottom:50px}.planner-intro h1,.tracking-intro h1{font-size:clamp(44px,7vw,92px);line-height:.98;letter-spacing:-.045em}.planner-intro>p:last-child,.tracking-intro>p{max-width:610px;margin-top:23px;color:#74716a;font-size:15px}.planner-layout{display:grid;grid-template-columns:330px 1fr;gap:35px;align-items:start}.planner-summary{position:sticky;top:120px;padding:29px;border-radius:13px;background:#242521;color:#fff}.planner-summary>strong{display:block;font:500 28px/1.15 "Space Grotesk",sans-serif;color:#e27651}.planner-summary>span{display:block;margin-top:8px;color:#ccc;font-size:11px;text-transform:capitalize}.planner-summary>small{display:block;margin-top:22px;padding-top:20px;border-top:1px solid #ffffff17;color:#92948e;font-size:9px;line-height:1.7}.planner-benefits{display:grid;margin-top:28px}.planner-benefits p{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid #ffffff12;color:#c5c6c1;font-size:10px}.planner-benefits i{color:#e27651;font-style:normal}.project-planner{scroll-margin-top:110px;min-height:650px;padding:clamp(25px,4vw,50px);border:1px solid #ded7ca;border-radius:14px;background:#fffefa;box-shadow:0 24px 70px #55402b12}.planner-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:38px}.planner-progress i{height:4px;border-radius:4px;background:#e6e0d5}.planner-progress i.active{background:#bd4e29}.planner-step{display:none}.planner-step.active{display:block;animation:plannerIn .3s ease}@keyframes plannerIn{from{opacity:0;transform:translateY(7px)}}.step-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:32px;padding-bottom:22px;border-bottom:1px solid #e4ded3}.step-heading small{color:#bd4e29;font-size:9px;letter-spacing:.12em}.step-heading h2{font-size:clamp(28px,4vw,44px)}.planner-fields{display:grid;grid-template-columns:1fr 1fr;gap:22px}.planner-fields>label,.planner-step>label{display:flex;flex-direction:column;gap:9px;color:#77736d;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.planner-fields .wide,.planner-step .wide{grid-column:1/-1}.planner-fields input,.planner-fields select,.planner-fields textarea{width:100%;border:1px solid #dcd5c9;border-radius:7px;background:#fff;padding:13px;color:#171614;outline:0}.planner-fields input,.planner-fields select{min-height:48px}.planner-fields input:focus,.planner-fields select:focus,.planner-fields textarea:focus{border-color:#bd4e29;box-shadow:0 0 0 3px #bd4e2910}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.choice-grid label{position:relative}.choice-grid input{position:absolute;opacity:0}.choice-grid span{display:grid;place-items:center;min-height:57px;padding:10px;border:1px solid #ddd6ca;border-radius:7px;background:#fff;color:#555;font-size:11px;text-align:center;cursor:pointer}.choice-grid input:checked+span{border-color:#bd4e29;background:#bd4e29;color:#fff}.consultation-grid{margin:12px 0 28px}.file-field{padding:18px;border:1px dashed #cfc5b7;border-radius:8px;background:#faf7f1}.file-field small{font-size:9px;font-weight:400;text-transform:none}.step-actions{display:flex;align-items:center;justify-content:flex-end;gap:16px;margin-top:35px;padding-top:22px;border-top:1px solid #e5dfd4}.step-actions .button{width:auto;min-width:190px}.quiet-step{border:0;background:transparent;color:#777;cursor:pointer;font-size:11px}.form-trap{position:absolute!important;left:-9999px!important}.planner-error{max-width:1100px;margin:0 auto 25px}.request-success{max-width:880px;margin:30px auto;padding:clamp(35px,7vw,90px);border-radius:17px;background:#242521;color:#fff;text-align:center}.request-success>span{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 28px;border-radius:50%;background:#bd4e29;font-size:25px}.request-success .eyebrow{justify-content:center}.request-success h1{font-size:clamp(34px,5vw,64px)}.request-success h1 strong{color:#e27651}.request-success>p{max-width:600px;margin:20px auto;color:#b7b8b4}.success-estimate{display:flex;flex-direction:column;margin:35px 0;padding:25px;border:1px solid #ffffff19;border-radius:10px}.success-estimate small{color:#aaa}.success-estimate b{margin:8px 0;font-size:28px;color:#e27651}.success-estimate em{font-size:9px;color:#888;font-style:normal}.success-actions{display:flex;justify-content:center;align-items:center;gap:25px}.success-actions .button{width:auto}
.tracking-main{max-width:1200px;margin:0 auto;padding:clamp(55px,8vw,110px) 5.5vw}.tracking-intro{max-width:850px;margin:0 auto}.tracking-intro form{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;margin-top:38px;padding:18px;border-radius:11px;background:#fffefa;box-shadow:0 18px 55px #4c382212}.tracking-intro label{display:flex;flex-direction:column;gap:7px;color:#777;font-size:9px;font-weight:700;text-transform:uppercase}.tracking-intro input{min-height:49px;border:1px solid #dcd5ca;border-radius:7px;padding:0 12px;color:#171614}.tracking-intro .button{width:auto;min-width:170px}.tracking-not-found{display:flex;align-items:center;gap:13px;max-width:850px;margin:24px auto;padding:18px;border-inline-start:3px solid #bd4e29;background:#fff;color:#7e3122}.tracking-result{max-width:1000px;margin:45px auto 0;padding:clamp(25px,5vw,50px);border-radius:14px;background:#242521;color:#fff}.tracking-result-head{display:flex;justify-content:space-between;gap:25px}.tracking-result-head small{color:#999;font-size:9px;text-transform:uppercase}.tracking-result-head h2{margin:5px 0;color:#e27651;font-size:35px}.tracking-result-head p{color:#ccc}.tracking-result-head>strong{font-size:11px;color:#999}.tracking-timeline{display:grid;grid-template-columns:repeat(5,1fr);margin:40px 0}.tracking-timeline div{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;color:#676965;text-align:center}.tracking-timeline div::before{content:"";position:absolute;top:16px;left:-50%;width:100%;height:1px;background:#ffffff16}.tracking-timeline div:first-child::before{display:none}.tracking-timeline i{position:relative;z-index:1;display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#333430;border:1px solid #4c4d48;font-size:10px;font-style:normal}.tracking-timeline span{font-size:9px}.tracking-timeline .complete{color:#fff}.tracking-timeline .complete i{background:#bd4e29;border-color:#bd4e29}.tracking-timeline .complete::before{background:#bd4e29}.tracking-details{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#ffffff13}.tracking-details article{padding:24px;background:#292a27}.tracking-details small{color:#999;font-size:9px;text-transform:uppercase}.tracking-details b{display:block;margin:7px 0;font-size:18px}.tracking-details p{color:#aaa;font-size:10px}
@media(max-width:900px){.planner-layout{grid-template-columns:1fr}.planner-summary{position:static}.planner-benefits{grid-template-columns:1fr 1fr}.tracking-intro form{grid-template-columns:1fr 1fr}.tracking-intro .button{grid-column:1/-1;width:100%}}
@media(max-width:640px){.planner-main,.tracking-main{padding-inline:16px}.planner-intro h1,.tracking-intro h1{font-size:42px}.planner-layout{gap:16px}.planner-summary{padding:23px}.project-planner{padding:22px 17px;min-height:0}.planner-fields{grid-template-columns:1fr}.planner-fields .wide{grid-column:auto}.choice-grid{grid-template-columns:1fr}.step-heading{align-items:flex-start;flex-direction:column-reverse;gap:8px}.step-actions{align-items:stretch;flex-direction:column-reverse}.step-actions .button{width:100%}.success-actions{flex-direction:column}.tracking-intro form{grid-template-columns:1fr}.tracking-intro .button{grid-column:auto}.tracking-result-head{flex-direction:column}.tracking-timeline{grid-template-columns:1fr;gap:0}.tracking-timeline div{display:grid;grid-template-columns:34px 1fr;min-height:58px;text-align:start}.tracking-timeline div::before{top:-25px;left:16px;width:1px;height:50px}.tracking-timeline i{grid-row:1/2}.tracking-details{grid-template-columns:1fr}}

/* v30 service and product catalog */
.visual-hero{position:relative;height:min(76vh,820px);min-height:520px;overflow:hidden;background:#242521}.visual-hero .hero-image{position:absolute;inset:0}.visual-hero .hero-image::after{display:none}.visual-hero .hero-slide{filter:none}.visual-hero-mark{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.visual-hero-mark img{width:min(44vw,560px);height:auto;opacity:.11;filter:grayscale(1) brightness(4)}.visual-hero-scroll{position:absolute;z-index:3;inset-inline-start:6vw;bottom:36px;display:flex;align-items:center;gap:15px;padding:13px 18px;background:#f4f1e9e8;color:#242521;font-size:11px;backdrop-filter:blur(10px)}.visual-hero-scroll span{color:var(--safety);font-size:9px}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.category-card{display:flex;flex-direction:column;min-height:520px;border:1px solid var(--line-strong);background:var(--ink-2);transition:transform .25s,box-shadow .25s}.category-card:hover{transform:translateY(-5px);box-shadow:0 24px 60px #0002}.category-media{position:relative;height:255px;overflow:hidden;background:#242521}.category-media>img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.category-card:hover .category-media>img{transform:scale(1.04)}.category-media>span{display:grid;place-items:center;width:100%;height:100%;color:#df704a}.category-media>span svg{width:68px;height:68px}.category-media>b{position:absolute;top:16px;inset-inline-end:16px;display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:#f4f1e9;color:#222;font-size:10px}.category-copy{display:flex;flex:1;flex-direction:column;padding:27px}.category-copy small,.product-card small{color:var(--safety);font-size:9px;font-weight:700;letter-spacing:.09em}.category-copy h3{margin:14px 0 10px;font-size:25px;font-weight:500}.category-copy p{color:var(--muted);font-size:13px;line-height:1.75}.category-copy strong{display:flex;justify-content:space-between;margin-top:auto;padding-top:24px;border-top:1px solid var(--line);font-size:11px}.category-copy strong i{font-style:normal;color:var(--safety)}.featured-products-head{display:grid;grid-template-columns:.4fr .6fr;gap:40px;margin:100px 0 30px;padding-top:40px;border-top:1px solid var(--line-strong)}.featured-products-head h3{max-width:23ch;font-size:clamp(27px,4vw,48px);font-weight:500;line-height:1.06}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.product-card{border:1px solid var(--line-strong);background:var(--ink-2);transition:border-color .2s}.product-card:hover{border-color:var(--safety)}.product-card-image{height:270px;overflow:hidden;background:#242521}.product-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.product-card:hover img{transform:scale(1.035)}.product-card-image span{display:grid;place-items:center;width:100%;height:100%;color:#ffffff2e;font-size:42px;font-weight:700;letter-spacing:.1em}.product-card>div:last-child{padding:24px}.product-card h3{margin:10px 0;font-size:21px;font-weight:500}.product-card p{min-height:44px;color:var(--muted);font-size:12px;line-height:1.7}.product-card b{display:block;margin-top:22px;color:var(--safety);font-size:10px}.history-clickable .history-item{display:flex;flex-direction:column;min-height:280px;transition:background .2s}.history-clickable .history-item:hover{background:var(--accent-bg);color:#fff}.history-clickable .history-item:hover p{color:#ffffffba}.history-item strong{margin-top:auto;padding-top:18px;color:var(--safety);font-size:10px}.history-clickable .history-item:hover strong{color:#fff}.catalog-detail-hero{position:relative;min-height:500px;padding:90px 6vw;display:flex;align-items:end;background:#242521;color:#fff;overflow:hidden}.catalog-detail-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.42}.catalog-detail-hero>div{position:relative;z-index:2;max-width:830px}.catalog-detail-hero a,.detail-back,.story-detail header a{display:block;margin-bottom:55px;color:#ffffffae;font-size:11px}.catalog-detail-hero h1,.product-detail h1,.story-detail h1{font-size:clamp(42px,7vw,88px);line-height:.98;letter-spacing:-.045em}.catalog-detail-hero>div>p:last-child{max-width:60ch;margin-top:22px;color:#ffffffbd;line-height:1.75}.product-detail{display:grid;grid-template-columns:1fr 1fr;min-height:760px}.product-detail-media{min-height:650px;background:#dedbd3}.product-detail-media>img{position:sticky;top:92px;width:100%;height:calc(100vh - 92px);min-height:650px;object-fit:cover}.catalog-placeholder{display:grid;place-items:center;width:100%;height:100%;min-height:650px;background:#242521}.catalog-placeholder img{width:45%;opacity:.25}.product-detail-copy{padding:clamp(55px,7vw,110px) clamp(30px,7vw,100px)}.detail-back{margin-bottom:50px;color:var(--muted)}.product-lead{margin:25px 0;font-size:18px;line-height:1.65}.product-description{color:var(--muted);font-size:14px;line-height:1.9}.product-specs{margin:42px 0;padding:26px 0;border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong)}.product-specs h2{margin-bottom:20px;font-size:20px}.product-specs p{display:flex;gap:12px;padding:11px 0;border-top:1px solid var(--line);font-size:12px}.product-specs i{color:var(--safety);font-style:normal}.product-detail-copy>.button{width:max-content}.related-products{background:var(--ink-2)}.story-detail header{position:relative;min-height:650px;display:flex;align-items:flex-end;padding:90px 6vw;background:#242521;color:#fff}.story-detail header>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.4}.story-detail header>div{position:relative;z-index:2;max-width:900px}.story-detail header>div>p:last-child{max-width:60ch;margin-top:24px;color:#ffffffbd;line-height:1.8}.story-body{display:grid;grid-template-columns:.3fr .7fr;gap:10vw;max-width:1300px;margin:auto;padding:90px 6vw}.story-body>div:first-child{display:flex;flex-direction:column;gap:10px;color:var(--safety);font-size:11px}.story-body>div:last-child{max-width:760px;font-size:17px;line-height:2;color:var(--muted)}
@media(max-width:980px){.category-grid,.product-grid{grid-template-columns:1fr 1fr}.category-card:last-child{grid-column:1/-1}.product-detail{grid-template-columns:1fr}.product-detail-media{min-height:58vh;height:58vh}.product-detail-media>img{position:static;height:100%;min-height:0}.story-body{grid-template-columns:1fr;gap:30px}}
@media(max-width:640px){.visual-hero{height:66vh;min-height:440px}.visual-hero-mark img{width:72vw}.visual-hero-scroll{bottom:20px;inset-inline-start:5.5vw}.category-grid,.product-grid{grid-template-columns:1fr}.category-card,.category-card:last-child{grid-column:auto;min-height:0}.category-media{height:220px}.featured-products-head{grid-template-columns:1fr;gap:10px;margin-top:65px}.product-card-image{height:235px}.catalog-detail-hero{min-height:440px;padding:65px 5.5vw}.catalog-detail-hero a,.story-detail header a{margin-bottom:38px}.catalog-detail-hero h1,.product-detail h1,.story-detail h1{font-size:42px}.product-detail-media{min-height:48vh;height:48vh}.product-detail-copy{padding:48px 5.5vw}.product-detail-copy>.button{width:100%}.story-detail header{min-height:540px;padding:65px 5.5vw}.story-body{padding:55px 5.5vw}.story-body>div:last-child{font-size:15px}}

/* v31 company sidebar tabs and dedicated contact */
.nav a.active{background:var(--accent-bg);color:#fff;padding:10px 15px}.inner-page-hero{position:relative;min-height:490px;display:flex;align-items:flex-end;padding:80px 6vw;background:#242521;color:#fff;overflow:hidden}.inner-page-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#171816d9,#17181675),var(--page-image) center/cover no-repeat}.inner-page-hero>div{position:relative;z-index:1;max-width:900px}.inner-page-hero h1{font-size:clamp(45px,7vw,92px);line-height:.98;letter-spacing:-.045em}.inner-page-hero>div>p:last-child{max-width:650px;margin-top:20px;color:#ffffffbd;font-size:16px;line-height:1.7}.company-page{display:grid;grid-template-columns:280px minmax(0,1fr);max-width:1540px;margin:auto;padding:80px 5vw;gap:5vw;align-items:start}.company-tabs{position:sticky;top:118px;display:flex;flex-direction:column;border:1px solid var(--line-strong);background:var(--ink-2)}.company-tabs>small{padding:18px 20px;color:var(--muted);font-size:9px;font-weight:700;letter-spacing:.1em;border-bottom:1px solid var(--line)}.company-tabs a{display:grid;grid-template-columns:28px 1fr;gap:10px;padding:17px 20px;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px;transition:.2s}.company-tabs a span{font-size:9px;color:var(--safety)}.company-tabs a:hover,.company-tabs a.active{background:var(--accent-bg);color:#fff}.company-tabs a.active span{color:#fff}.company-content{min-width:0}.company-block{scroll-margin-top:130px;padding:30px 0 90px;border-bottom:1px solid var(--line-strong)}.company-block h2{max-width:14ch;font-size:clamp(34px,5vw,67px);line-height:1.04}.company-overview>p:not(.eyebrow){max-width:760px;margin-top:28px;color:var(--muted);font-size:16px;line-height:1.95}.company-signature{display:flex;align-items:center;gap:15px;margin-top:35px;padding-top:25px;border-top:1px solid var(--line)}.company-signature img{width:60px;height:60px;border-radius:50%;object-fit:cover}.company-signature span{color:var(--muted);font-size:12px}.split-company-block{display:grid;grid-template-columns:.48fr .52fr;gap:60px;align-items:start;padding:80px 50px}.split-company-block>p{padding-top:40px;color:var(--muted);font-size:17px;line-height:1.9}.dark-company-block{background:#242521;color:#fff;border:0}.dark-company-block>p{color:#ffffffb5}.company-values{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:35px;background:var(--line-strong);border:1px solid var(--line-strong)}.company-values article{min-height:255px;padding:28px;background:var(--ink-2)}.company-values span{color:var(--safety);font-size:10px}.company-values h3{margin:45px 0 12px;font-size:19px}.company-values p{color:var(--muted);font-size:12px;line-height:1.7}.company-history-tabs{display:grid;margin-top:35px;border-top:1px solid var(--line-strong)}.company-history-tabs a{display:grid;grid-template-columns:120px 1fr 30px;align-items:center;gap:20px;padding:23px 5px;border-bottom:1px solid var(--line);transition:padding .2s,background .2s}.company-history-tabs a:hover{padding-inline:20px;background:var(--accent-bg);color:#fff}.company-history-tabs small{color:var(--safety);font-size:10px}.company-history-tabs h3{font-size:18px}.company-contact-band{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:55px 45px;background:#242521;color:#fff}.company-contact-band h2{max-width:18ch;font-size:36px}.company-contact-band .button{width:max-content}.contact-page-hero{min-height:430px}.contact-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:-105px;position:relative;z-index:2}.contact-info-grid article{min-height:235px;padding:27px;border:1px solid var(--line-strong);background:var(--ink-2);box-shadow:0 16px 44px #0000000d}.contact-info-grid i{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#bd4e2915;color:var(--safety);font-style:normal;font-size:18px}.contact-info-grid h3{margin:28px 0 12px;font-size:17px}.contact-info-grid p{color:var(--muted);font-size:12px;line-height:1.7}.contact-info-grid a{display:inline-block;margin-top:15px;color:var(--safety);font-size:10px;font-weight:700}.contact-page-layout{display:grid;grid-template-columns:.42fr .58fr;gap:8vw;margin-top:90px;padding-top:70px;border-top:1px solid var(--line-strong)}.contact-page-layout h2{font-size:clamp(35px,5vw,66px);line-height:1.04}.contact-page-layout>div>p:last-child{max-width:42ch;margin-top:22px;color:var(--muted);line-height:1.8}.contact-page-form{padding:35px;border:1px solid var(--line-strong);background:var(--ink-2)}
@media(max-width:1050px){.company-page{grid-template-columns:1fr;padding-top:30px}.company-tabs{position:sticky;top:92px;z-index:12;flex-direction:row;overflow-x:auto;border-inline:0}.company-tabs>small{display:none}.company-tabs a{display:flex;min-width:max-content}.company-content{padding-top:25px}.contact-info-grid{grid-template-columns:1fr 1fr}.contact-page-layout{grid-template-columns:1fr;gap:40px}}
@media(max-width:700px){.nav a.active{padding:17px 4px;background:transparent;color:var(--safety)}.inner-page-hero{min-height:410px;padding:60px 5.5vw}.inner-page-hero h1{font-size:42px}.company-page{padding:22px 0 55px;gap:0}.company-tabs{top:76px}.company-content{padding:25px 5.5vw 0}.split-company-block{grid-template-columns:1fr;gap:8px;padding:60px 24px}.split-company-block>p{padding-top:0;font-size:15px}.company-values{grid-template-columns:1fr}.company-values article{min-height:210px}.company-history-tabs a{grid-template-columns:85px 1fr 20px}.company-contact-band{align-items:flex-start;flex-direction:column;padding:40px 24px}.company-contact-band .button{width:100%}.contact-page{padding-top:55px}.contact-info-grid{grid-template-columns:1fr;margin-top:0}.contact-info-grid article{min-height:190px}.contact-page-layout{margin-top:60px;padding-top:50px}.contact-page-form{padding:24px 17px}}

/* v32 branded loading experience */
html.page-loading,html.page-loading body{overflow:hidden}.vertex-loader{position:fixed;z-index:99999;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:30px;background:var(--ink);color:var(--text);text-align:center;opacity:1;visibility:visible;transition:opacity .65s ease,visibility .65s ease}.vertex-loader::before,.vertex-loader::after{content:"";position:absolute;width:36vw;height:36vw;border-radius:50%;filter:blur(90px);opacity:.08;background:var(--accent-bg)}.vertex-loader::before{top:-22vw;inset-inline-start:-12vw}.vertex-loader::after{bottom:-24vw;inset-inline-end:-10vw}.vertex-loader.is-finished{opacity:0;visibility:hidden;pointer-events:none}.loader-emblem{position:relative;display:grid;place-items:center;width:152px;height:152px;margin-bottom:28px}.loader-emblem::before,.loader-emblem::after{content:"";position:absolute;inset:0;border-radius:50%;border:1px solid var(--line-strong)}.loader-emblem::after{inset:8px;border-color:transparent;border-top-color:var(--safety);border-inline-end-color:var(--safety);animation:loaderOrbit 1.7s cubic-bezier(.55,.15,.45,.85) infinite}.loader-emblem>span{position:absolute;inset:18px;border-radius:50%;background:var(--ink-2);box-shadow:0 18px 60px #0004}.loader-emblem img{position:relative;z-index:1;width:106px;height:106px;border-radius:50%;object-fit:cover;animation:loaderLogo 1.5s ease-in-out infinite alternate}.loader-name{display:flex;flex-direction:column}.loader-name strong{font:600 clamp(24px,3vw,34px)/1 "Space Grotesk",sans-serif;letter-spacing:.07em;text-transform:uppercase}.loader-name small{margin-top:10px;color:var(--muted);font-size:9px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.loader-progress{position:relative;width:min(390px,72vw);height:4px;margin:31px 0 20px;overflow:hidden;border-radius:5px;background:var(--line)}.loader-progress i{display:block;width:42%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent-bg),var(--safety));animation:loaderProgress 1.25s ease-in-out infinite}.loader-dots{display:flex;gap:8px}.loader-dots b{width:7px;height:7px;border-radius:50%;background:var(--safety);animation:loaderDot 1s ease-in-out infinite}.loader-dots b:nth-child(2){animation-delay:.14s}.loader-dots b:nth-child(3){animation-delay:.28s}.vertex-loader>p{margin-top:28px;color:var(--muted);font-size:11px;letter-spacing:.05em}.vertex-loader.loader-exit .loader-emblem{transform:scale(.92);transition:transform .55s ease}@keyframes loaderOrbit{to{transform:rotate(360deg)}}@keyframes loaderLogo{to{transform:scale(1.035)}}@keyframes loaderProgress{0%{transform:translateX(-110%)}100%{transform:translateX(340%)}}@keyframes loaderDot{0%,100%{opacity:.28;transform:translateY(0)}50%{opacity:1;transform:translateY(-5px)}}html[dir=rtl] .loader-progress i{animation-name:loaderProgressRtl}@keyframes loaderProgressRtl{0%{transform:translateX(110%)}100%{transform:translateX(-340%)}}
@media(max-width:600px){.loader-emblem{width:130px;height:130px}.loader-emblem img{width:90px;height:90px}.loader-name strong{font-size:24px}.vertex-loader>p{max-width:280px;line-height:1.7}}
@media(prefers-reduced-motion:reduce){.loader-emblem::after,.loader-emblem img,.loader-progress i,.loader-dots b{animation:none}.loader-progress i{width:100%}.vertex-loader{transition-duration:.2s}}

/* v33 homepage motion and client showcase */
.visual-hero .hero-image{transform:translateY(var(--hero-shift,0));height:calc(100% + 100px);top:-50px}.animated-hero-copy{position:absolute;z-index:3;inset-inline-start:6vw;bottom:108px;width:min(82vw,1100px);color:#fff;text-shadow:0 2px 22px #000c}.animated-hero-copy small{display:block;margin-bottom:13px;color:#ef835d;font-size:10px;font-weight:700;letter-spacing:.18em}.animated-hero-copy h1{display:flex;align-items:center;min-height:1.12em;font-size:clamp(35px,5.5vw,76px);font-weight:500;line-height:1;letter-spacing:-.045em}.animated-hero-copy h1 i{display:inline-block;width:3px;height:.85em;margin-inline-start:9px;background:#d45c32;animation:heroCursor .8s steps(1) infinite}@keyframes heroCursor{50%{opacity:0}}
[data-reveal]{opacity:0;transform:translateY(34px);transition:opacity .75s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms),transform .75s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0ms)}[data-reveal].is-revealed{opacity:1;transform:none}.clients-section{overflow:hidden;background:var(--ink-2);border-block:1px solid var(--line-strong)}.client-marquee{margin-top:50px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.client-track{display:flex;width:max-content;gap:12px;animation:clientFlow 32s linear infinite}.client-marquee:hover .client-track{animation-play-state:paused}.client-logo-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;width:230px;height:145px;padding:22px;border:1px solid var(--line-strong);background:var(--ink);transition:border-color .25s,transform .25s}.client-logo-card:hover{border-color:var(--safety);transform:translateY(-4px)}.client-logo-card img{width:150px;height:70px;object-fit:contain;filter:grayscale(1);opacity:.72;transition:.25s}.client-logo-card:hover img{filter:none;opacity:1}.client-logo-card span{color:var(--muted);font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}@keyframes clientFlow{to{transform:translateX(calc(-50% - 6px))}}html[dir=rtl] .client-track{animation-name:clientFlowRtl}@keyframes clientFlowRtl{to{transform:translateX(calc(50% + 6px))}}
@media(max-width:700px){.animated-hero-copy{inset-inline:5.5vw;bottom:94px;width:89vw}.animated-hero-copy h1{font-size:clamp(27px,8vw,42px)}.animated-hero-copy small{font-size:8px;letter-spacing:.1em}.visual-hero-scroll{bottom:17px}.client-marquee{margin-top:30px}.client-logo-card{width:175px;height:115px}.client-logo-card img{width:120px;height:52px}}
@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none;transition:none}.animated-hero-copy h1 i,.client-track{animation:none}.client-track{flex-wrap:wrap;width:auto;justify-content:center}}

/* v34 animated section titles and glass-action system */
.motion-heading .eyebrow,.motion-heading>div>.eyebrow{opacity:0;transform:translateX(-22px);transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1)}html[dir=rtl] .motion-heading .eyebrow,html[dir=rtl] .motion-heading>div>.eyebrow{transform:translateX(22px)}.motion-heading h2,.motion-heading>div>h2,.motion-heading h3{opacity:0;transform:translateY(42px) skewY(2deg);transform-origin:0 100%;filter:blur(4px);transition:opacity .78s cubic-bezier(.22,1,.36,1) .08s,transform .78s cubic-bezier(.22,1,.36,1) .08s,filter .78s ease .08s}.motion-heading>p:not(.eyebrow),.motion-heading>div>p:not(.eyebrow){opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.22,1,.36,1) .22s,transform .7s cubic-bezier(.22,1,.36,1) .22s}.motion-heading.motion-heading-visible .eyebrow,.motion-heading.motion-heading-visible>div>.eyebrow,.motion-heading.motion-heading-visible h2,.motion-heading.motion-heading-visible>div>h2,.motion-heading.motion-heading-visible h3,.motion-heading.motion-heading-visible>p:not(.eyebrow),.motion-heading.motion-heading-visible>div>p:not(.eyebrow){opacity:1;transform:none;filter:none}.motion-heading h2::after,.motion-heading>div>h2::after,.motion-heading h3::after{content:"";display:block;width:0;height:2px;margin-top:17px;background:linear-gradient(90deg,var(--safety),transparent);transition:width .9s cubic-bezier(.22,1,.36,1) .3s}.motion-heading.motion-heading-visible h2::after,.motion-heading.motion-heading-visible>div>h2::after,.motion-heading.motion-heading-visible h3::after{width:min(110px,28%)}html[dir=rtl] .motion-heading h2::after,html[dir=rtl] .motion-heading>div>h2::after,html[dir=rtl] .motion-heading h3::after{background:linear-gradient(-90deg,var(--safety),transparent)}
.button,.visual-hero-scroll{isolation:isolate;position:relative;overflow:hidden;backdrop-filter:blur(14px) saturate(135%);-webkit-backdrop-filter:blur(14px) saturate(135%);box-shadow:inset 0 1px 0 #ffffff4a,0 12px 34px #0000001f;transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s ease,background .28s ease,border-color .28s ease}.button::after,.visual-hero-scroll::after{content:"";position:absolute;z-index:-1;top:-120%;left:-45%;width:34%;height:340%;background:linear-gradient(90deg,transparent,#ffffff8c,transparent);transform:rotate(22deg) translateX(-260%);transition:transform .7s cubic-bezier(.22,1,.36,1);pointer-events:none}.button:hover::after,.button:focus-visible::after,.visual-hero-scroll:hover::after,.visual-hero-scroll:focus-visible::after{transform:rotate(22deg) translateX(520%)}.button:hover,.button:focus-visible,.visual-hero-scroll:hover,.visual-hero-scroll:focus-visible{transform:translateY(-3px);box-shadow:inset 0 1px 0 #ffffff70,0 18px 42px #00000030}.button:active,.visual-hero-scroll:active{transform:translateY(0) scale(.985);transition-duration:.12s}.visual-hero-scroll{background:#f4f1e9c9;border:1px solid #ffffff70}.button{border-color:#ffffff38;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-bg) 88%,transparent),color-mix(in srgb,var(--safety-2) 82%,transparent))}.button span{box-shadow:inset 0 1px 0 #ffffff45}
@media(max-width:700px){.motion-heading h2,.motion-heading>div>h2,.motion-heading h3{transform:translateY(28px);filter:blur(2px)}.motion-heading h2::after,.motion-heading>div>h2::after,.motion-heading h3::after{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.motion-heading .eyebrow,.motion-heading>div>.eyebrow,.motion-heading h2,.motion-heading>div>h2,.motion-heading h3,.motion-heading>p:not(.eyebrow),.motion-heading>div>p:not(.eyebrow){opacity:1;transform:none;filter:none;transition:none}.motion-heading h2::after,.motion-heading>div>h2::after,.motion-heading h3::after{width:min(110px,28%);transition:none}.button::after,.visual-hero-scroll::after{display:none}.button,.visual-hero-scroll{transition:none}}

/* v35 site-wide premium motion */
.site-scroll-progress{position:fixed;z-index:10000;top:0;inset-inline:0;height:3px;pointer-events:none;background:#0000000b}.site-scroll-progress i{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--safety-2),var(--safety),#e49a71);transform:scaleX(0);transform-origin:left center;box-shadow:0 0 13px #c45a3070;will-change:transform}html[dir=rtl] .site-scroll-progress i{transform-origin:right center}
.header{transition:height .35s cubic-bezier(.22,1,.36,1),background .35s ease,border-color .35s ease,box-shadow .35s ease,backdrop-filter .35s ease}.header.scrolled{height:72px;background:color-mix(in srgb,var(--ink) 84%,transparent);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);box-shadow:0 14px 45px #0000001b,inset 0 -1px 0 #ffffff12}.header.scrolled .brand img{transform:scale(.88)}.brand img{transition:transform .35s cubic-bezier(.22,1,.36,1)}
.image-curtain{position:relative;overflow:hidden}.image-curtain::after{content:"";position:absolute;z-index:8;inset:-1px;background:linear-gradient(115deg,var(--accent-bg),var(--safety-2));transform:scaleX(1);transform-origin:right center;transition:transform .9s cubic-bezier(.22,1,.36,1);pointer-events:none}.image-curtain.image-curtain-open::after{transform:scaleX(0)}html[dir=rtl] .image-curtain::after{transform-origin:left center}.image-curtain img{transform:scale(1.075);transition:transform 1.15s cubic-bezier(.22,1,.36,1),opacity .5s ease}.image-curtain.image-curtain-open img{transform:scale(1)}
.category-card,.product-card,.project-card,.history-item,.contact-info-grid article{position:relative;transition:transform .38s cubic-bezier(.22,1,.36,1),box-shadow .38s ease,border-color .3s ease}.category-card:hover,.product-card:hover,.project-card:hover,.history-item:hover,.contact-info-grid article:hover{z-index:2;transform:translateY(-9px);box-shadow:0 28px 70px #00000024}.category-card:hover img,.product-card:hover img,.project-card:hover img{transform:scale(1.065)}.project-card .project-copy span,.category-copy strong i,.product-card b{transition:transform .3s cubic-bezier(.22,1,.36,1)}.project-card:hover .project-copy span,.category-card:hover .category-copy strong i{display:inline-block;transform:translate(4px,-4px)}html[dir=rtl] .project-card:hover .project-copy span,html[dir=rtl] .category-card:hover .category-copy strong i{transform:translate(-4px,-4px)}
.history-list{position:relative;isolation:isolate}.history-list::before,.history-list::after{content:"";position:absolute;z-index:4;top:-1px;inset-inline-start:-1px;height:3px;width:calc(100% + 2px);pointer-events:none}.history-list::before{background:var(--line-strong)}.history-list::after{background:linear-gradient(90deg,var(--safety-2),var(--safety));transform:scaleX(var(--history-progress,0));transform-origin:left center;transition:transform .08s linear}html[dir=rtl] .history-list::after{transform-origin:right center}
html.js body{opacity:0;transition:opacity .35s ease}html.js body.page-entered{opacity:1}.page-transition-curtain{position:fixed;z-index:99998;inset:0;display:grid;place-items:center;background:var(--accent-bg);transform:translateY(101%);transition:transform .48s cubic-bezier(.76,0,.24,1);pointer-events:none}.page-transition-curtain::before{content:"VERTEX SIADAR";color:#fff;font-size:clamp(16px,2vw,26px);font-weight:700;letter-spacing:.16em}.page-transition-curtain span{position:absolute;width:70px;height:2px;margin-top:58px;background:#ffffff45;overflow:hidden}.page-transition-curtain span::after{content:"";display:block;width:45%;height:100%;background:#fff;animation:transitionLine 1s ease-in-out infinite}.page-leaving .page-transition-curtain{transform:translateY(0)}@keyframes transitionLine{from{transform:translateX(-120%)}to{transform:translateX(270%)}}
@media(max-width:700px){.site-scroll-progress{height:2px}.header.scrolled{height:70px}.category-card:hover,.product-card:hover,.project-card:hover,.history-item:hover,.contact-info-grid article:hover{transform:translateY(-4px)}}
@media(prefers-reduced-motion:reduce){html.js body{opacity:1;transition:none}.page-transition-curtain{display:none}.image-curtain::after{display:none}.image-curtain img{transform:none;transition:none}.history-list::after{transition:none}.category-card,.product-card,.project-card,.history-item,.contact-info-grid article{transition:none}}

/* v36 Hamkar-inspired editorial composition in the Vertex palette */
.header{padding-inline:clamp(22px,4.2vw,72px);box-shadow:none}.header .brand{margin-inline-end:clamp(25px,4vw,70px)}.header .brand-copy b{letter-spacing:.07em}.nav{gap:12px}.nav a{padding-inline:9px;text-transform:uppercase;font-size:10px;letter-spacing:.09em}.top-slide{height:38px}.top-slide-track span{font-size:9px;letter-spacing:.14em}
.hamkar-hero{height:calc(100svh - 124px);min-height:650px}.hamkar-hero::after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#12121035,transparent 50%),linear-gradient(0deg,#0e0d0bc7 0%,transparent 54%);pointer-events:none}.hamkar-hero .visual-hero-mark{z-index:2}.hamkar-hero .animated-hero-copy{bottom:170px;width:min(76vw,1040px)}.animated-hero-copy>p{max-width:52ch;margin-top:19px;color:#ffffffc7;font-size:13px;letter-spacing:.03em;text-shadow:0 2px 16px #000}.hero-metrics{position:absolute;z-index:4;inset-inline-end:5vw;bottom:156px;display:grid;grid-template-columns:repeat(3,minmax(100px,1fr));width:min(38vw,520px);border-block:1px solid #ffffff4a;color:#fff}.hero-metrics>div{padding:18px 20px;border-inline-end:1px solid #ffffff38}.hero-metrics>div:last-child{border:0}.hero-metrics strong{display:block;font-size:clamp(24px,2.4vw,40px);font-weight:500;line-height:1}.hero-metrics span{display:block;margin-top:9px;color:#ffffffa5;font-size:8px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.hero-slide-control{position:absolute;z-index:5;inset-inline-end:5vw;bottom:61px;display:grid;grid-template-columns:42px auto minmax(100px,190px) 42px;align-items:center;gap:15px;color:#fff}.hero-slide-control button{width:42px;height:42px;border:1px solid #ffffff56;border-radius:50%;background:#ffffff12;color:#fff;backdrop-filter:blur(10px);cursor:pointer;transition:.25s}.hero-slide-control button:hover{background:var(--accent-bg);border-color:var(--accent-bg)}.hero-slide-control span{font-size:9px;letter-spacing:.08em}.hero-slide-control span b{font-size:13px}.hero-slide-control>i{display:block;height:2px;background:#ffffff35;overflow:hidden}.hero-slide-control>i em{display:block;width:100%;height:100%;background:var(--safety);transform:scaleX(0);transform-origin:left}.hero-slide-control>i em.running{animation:heroSlideProgress 5.5s linear forwards}@keyframes heroSlideProgress{to{transform:scaleX(1)}}html[dir=rtl] .hero-slide-control>i em{transform-origin:right}
.hamkar-about{position:relative;display:grid;grid-template-columns:minmax(340px,.8fr) 1.2fr;gap:0;padding:0;background:var(--ink)}.hamkar-about .about-media{position:relative;min-height:720px}.hamkar-about .about-media>img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.03)}.hamkar-about .about-media>span{position:absolute;z-index:3;inset-inline-start:35px;bottom:32px;color:#ffffffd8;font-size:clamp(40px,5vw,78px);font-weight:700;line-height:.78;letter-spacing:-.07em;mix-blend-mode:overlay}.hamkar-about .about-grid{grid-template-columns:1fr;gap:55px;padding:clamp(60px,8vw,120px) clamp(28px,7vw,100px);align-content:center}.hamkar-about .about-statement>p:last-of-type{max-width:18ch;font-size:clamp(36px,4.3vw,64px);line-height:1.05;letter-spacing:-.04em}.editorial-link{display:flex;align-items:center;justify-content:space-between;width:min(300px,100%);margin-top:35px;padding:17px 0;border-block:1px solid var(--line-strong);color:var(--text);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.editorial-link span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--accent-bg);color:#fff;transition:.25s}.editorial-link:hover span{transform:rotate(45deg)}.hamkar-about .values{display:grid;grid-template-columns:repeat(3,1fr);margin-top:34px}.hamkar-about .value{display:block;padding:22px 20px;border-inline-end:1px solid var(--line);border-bottom:0}.hamkar-about .value-icon{margin-bottom:18px}.hamkar-about .value p{font-size:11px}
.projects-section .section-head{align-items:end}.projects{display:grid;grid-template-columns:repeat(12,1fr);gap:12px;background:transparent}.projects .project-card{grid-column:span 4;border:1px solid var(--line-strong)}.projects .project-card:nth-child(1){grid-column:span 8}.projects .project-card:nth-child(2){grid-column:span 4}.projects .project-card:nth-child(1) .project-image,.projects .project-card:nth-child(2) .project-image{height:460px}.projects .project-card:nth-child(n+3) .project-image{height:310px}.project-copy{display:grid;grid-template-columns:1fr;min-height:115px;align-content:center}.project-copy h3{font-size:clamp(18px,1.6vw,24px)}
.clients-section{padding-block:90px}.client-logo-card{background:transparent;border-color:var(--line)}.contact{padding-block:clamp(80px,10vw,150px)}.contact-copy h2{max-width:12ch;font-size:clamp(43px,5vw,74px);line-height:1}.contact-page-form{border-radius:0}.company-tabs a{min-height:58px;align-items:center}.inner-page-hero>div{padding-inline-start:clamp(0px,4vw,55px)}
@media(max-width:1100px){.hero-metrics{width:44vw}.hamkar-about{grid-template-columns:.78fr 1.22fr}.hamkar-about .about-grid{padding-inline:45px}.hamkar-about .values{grid-template-columns:1fr}.hamkar-about .value{display:grid;grid-template-columns:40px 1fr;border-inline:0;border-bottom:1px solid var(--line)}}
@media(max-width:800px){.hamkar-hero{height:78svh;min-height:610px}.hamkar-hero .animated-hero-copy{bottom:185px;width:89vw}.animated-hero-copy>p{display:none}.hero-metrics{inset-inline:5.5vw;bottom:104px;width:89vw}.hero-metrics>div{padding:13px 10px}.hero-metrics strong{font-size:24px}.hero-metrics span{font-size:7px}.hero-slide-control{inset-inline-end:5.5vw;bottom:30px;grid-template-columns:36px auto minmax(50px,1fr) 36px;width:89vw}.hero-slide-control button{width:36px;height:36px}.visual-hero-scroll{display:none}.hamkar-about{grid-template-columns:1fr}.hamkar-about .about-media{min-height:56svh}.hamkar-about .about-grid{padding:65px 5.5vw}.projects .project-card,.projects .project-card:nth-child(1),.projects .project-card:nth-child(2){grid-column:span 12}.projects .project-card:nth-child(1) .project-image,.projects .project-card:nth-child(2) .project-image,.projects .project-card:nth-child(n+3) .project-image{height:280px}}
@media(max-width:480px){.hero-metrics span{letter-spacing:.03em}.hero-metrics>div{padding-inline:7px}.hamkar-about .about-media{min-height:430px}.hamkar-about .about-statement>p:last-of-type{font-size:36px}.projects .project-card:nth-child(1) .project-image,.projects .project-card:nth-child(2) .project-image,.projects .project-card:nth-child(n+3) .project-image{height:235px}}
@media(prefers-reduced-motion:reduce){.hero-slide-control>i em.running{animation:none;transform:scaleX(1)}.editorial-link:hover span{transform:none}}
.editorial-footer{display:grid;grid-template-columns:1.12fr .88fr;align-items:start;gap:9vw;padding:clamp(65px,8vw,115px) 6vw 28px;background:#171714;color:#fff;border-top:4px solid var(--accent-bg)}.editorial-footer .footer-lead .brand{width:max-content;margin:0 0 55px}.editorial-footer .footer-lead h2{max-width:13ch;font-size:clamp(38px,5vw,72px);font-weight:500;line-height:1.02;letter-spacing:-.05em}.footer-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding-top:105px}.footer-columns>div{display:flex;flex-direction:column;gap:13px}.footer-columns small{margin-bottom:13px;color:#dc714b;font-size:8px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.footer-columns a,.footer-columns span{color:#ffffffa8;font-size:11px;line-height:1.7;transition:.2s}.footer-columns a:hover{color:#fff;transform:translateX(4px)}html[dir=rtl] .footer-columns a:hover{transform:translateX(-4px)}.footer-base{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:60px;padding-top:23px;border-top:1px solid #ffffff1a}.footer-base p,.footer-base a{color:#ffffff72;font-size:9px;letter-spacing:.04em}.footer-base a:hover{color:#fff}
@media(max-width:900px){.editorial-footer{grid-template-columns:1fr}.editorial-footer .footer-lead .brand{margin-bottom:35px}.footer-columns{padding-top:0}.footer-base{margin-top:25px}}
@media(max-width:560px){.editorial-footer{padding-inline:5.5vw}.footer-columns{grid-template-columns:1fr 1fr}.footer-columns>div:last-child{grid-column:1/-1;padding-top:20px;border-top:1px solid #ffffff17}.footer-base{align-items:flex-start;flex-direction:column;gap:13px}}

/* v37 reference-matched section structure */
.hero-image-only{height:min(72vh,780px);min-height:540px}.hero-image-only::after{background:linear-gradient(0deg,#11100d45,transparent 45%)}.hero-image-only .hero-slide-control{bottom:30px}.hero-content-band{position:relative;display:grid;grid-template-columns:1.22fr .78fr;gap:7vw;align-items:end;padding:clamp(55px,7vw,100px) 6vw;background:var(--ink);border-bottom:1px solid var(--line-strong)}.hero-content-band .animated-hero-copy{position:static;width:auto;color:var(--text);text-shadow:none}.hero-content-band .animated-hero-copy small{color:var(--safety)}.hero-content-band .animated-hero-copy h1{max-width:15ch;color:var(--text);font-size:clamp(42px,5.5vw,80px);text-shadow:none}.hero-content-band .animated-hero-copy>p{display:block;max-width:55ch;color:var(--muted);text-shadow:none}.hero-content-band .hero-metrics{position:static;width:100%;color:var(--text);border-color:var(--line-strong)}.hero-content-band .hero-metrics>div{border-color:var(--line-strong)}.hero-content-band .hero-metrics span{color:var(--muted)}
.home-section-rail{position:fixed;z-index:70;top:50%;inset-inline-start:14px;display:flex;flex-direction:column;width:54px;padding:7px;border:1px solid var(--line-strong);background:color-mix(in srgb,var(--ink) 84%,transparent);backdrop-filter:blur(16px);transform:translateY(-50%);box-shadow:0 12px 40px #0002}.home-section-rail a{position:relative;display:grid;place-items:center;height:44px;color:transparent;font-size:0;border-bottom:1px solid var(--line);transition:.2s}.home-section-rail a:last-child{border:0}.home-section-rail a span{color:var(--muted);font-size:8px;letter-spacing:.06em}.home-section-rail a::after{content:"";position:absolute;inset-inline-start:-7px;width:2px;height:0;background:var(--safety);transition:height .25s}.home-section-rail a:hover span,.home-section-rail a.active span{color:var(--text)}.home-section-rail a.active::after{height:24px}.home-section-rail a:hover{color:var(--text)}.home-section-rail a:hover::before{content:attr(href);position:absolute;inset-inline-start:54px;padding:8px 10px;background:#171714;color:#fff;font-size:9px;white-space:nowrap}
.project-map-section{background:var(--ink-2)}.project-map-layout{min-height:570px;border:0}.project-map-frame,.project-map-frame iframe{min-height:570px}.map-project-list{max-height:570px;background:var(--ink)}.map-project-list button{min-height:95px;padding-inline:22px}.map-project-list button b{font-size:14px}.map-project-list button.active{background:var(--accent-bg)}
@media(max-width:1050px){.hero-content-band{grid-template-columns:1fr}.hero-content-band .hero-metrics{max-width:700px}.home-section-rail{inset-inline-start:7px}.project-map-layout{grid-template-columns:1fr}.map-project-list{display:grid;grid-template-columns:repeat(2,1fr);max-height:none;border-inline-start:0}.map-project-list button{border-inline-end:1px solid var(--line)}}
@media(max-width:700px){.hero-image-only{height:57svh;min-height:440px}.hero-image-only .hero-slide-control{bottom:20px}.hero-content-band{padding:47px 5.5vw 55px;gap:38px}.hero-content-band .animated-hero-copy h1{font-size:clamp(32px,9.6vw,47px);max-width:100%}.hero-content-band .hero-metrics{inset:auto;grid-template-columns:repeat(3,1fr)}.home-section-rail{position:sticky;z-index:65;top:70px;inset-inline:0;width:100%;height:45px;flex-direction:row;padding:0 5.5vw;border-inline:0;transform:none;overflow-x:auto}.home-section-rail a{flex:1;min-width:48px;height:44px;border-bottom:0;border-inline-end:1px solid var(--line)}.home-section-rail a::after{inset-inline-start:0;bottom:0;width:100%;height:2px;transform:scaleX(0)}.home-section-rail a.active::after{height:2px;transform:scaleX(1)}.home-section-rail a:hover::before{display:none}.project-map-frame,.project-map-frame iframe{min-height:410px}.map-project-list{grid-template-columns:1fr}.map-project-list button{min-height:80px}}

/* v38 exact reference section sequence */
#main:has(.hamkar-hero){display:flex;flex-direction:column}#main:has(.hamkar-hero)>.home-section-rail{order:0}#main:has(.hamkar-hero)>.hero-image-only{order:1}#main:has(.hamkar-hero)>.hero-content-band{order:2}#main:has(.hamkar-hero)>.projects-section{order:3}#main:has(.hamkar-hero)>.hamkar-about{order:4}#main:has(.hamkar-hero)>.catalog-section{order:5}#main:has(.hamkar-hero)>.clients-section{order:6}#main:has(.hamkar-hero)>.project-map-section{order:7}#main:has(.hamkar-hero)>.contact{order:8}

/* v39 corporate utility header, leadership statement, and catalog polish */
.utility-bar{position:relative;z-index:91;display:flex;align-items:center;justify-content:space-between;min-height:39px;padding:0 clamp(22px,4.2vw,72px);background:#171714;color:#fff;border-bottom:1px solid #ffffff17}.utility-contact,.utility-social{display:flex;align-items:center;gap:clamp(13px,1.8vw,29px)}.utility-contact a,.utility-contact>span{display:flex;align-items:center;gap:7px;color:#ffffffad;font-size:9px;line-height:1.2;letter-spacing:.035em;white-space:nowrap}.utility-contact a:hover{color:#fff}.utility-contact svg{width:14px;height:14px;fill:none;stroke:var(--safety);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.utility-social{gap:7px}.utility-social small{margin-inline-end:5px;color:#ffffff6e;font-size:7px;font-weight:700;letter-spacing:.15em}.utility-social a{display:grid;place-items:center;width:26px;height:26px;border:1px solid #ffffff2b;border-radius:50%;color:#fff;font-size:9px;font-weight:700;text-transform:uppercase;transition:.25s}.utility-social a:hover{border-color:var(--safety);background:var(--safety);transform:translateY(-2px)}.utility-social svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.7}
.about-innovation,.company-innovation-note{position:relative;margin-top:28px;padding:24px 25px 23px 29px;border:1px solid color-mix(in srgb,var(--safety) 44%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--safety) 11%,transparent),transparent 70%)}.about-innovation::before,.company-innovation-note::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:3px;background:var(--safety)}.about-innovation b,.company-innovation-note b{display:block;margin-bottom:10px;color:var(--safety);font-size:8px;letter-spacing:.18em}.about-innovation p,.company-innovation-note p{margin:0!important;color:var(--text)!important;font-size:13px!important;line-height:1.8!important}.company-innovation-note{max-width:850px;margin-top:32px}.product-card-image img{background:#e8e1d5;object-fit:cover}
@media(max-width:1000px){.utility-location,.utility-hours{display:none}}
@media(max-width:620px){.utility-bar{min-height:36px;padding-inline:5.5vw}.utility-contact{gap:13px}.utility-email{display:none!important}.utility-social small{display:none}.utility-social a{width:24px;height:24px}.utility-contact a{font-size:8px}.about-innovation,.company-innovation-note{padding:20px 19px 19px 23px}.about-innovation p,.company-innovation-note p{font-size:12px!important}}

/* v40 four-division service architecture */
.service-division-list{display:grid;gap:1px;margin-top:50px;background:var(--line-strong);border:1px solid var(--line-strong)}.service-division{display:grid;grid-template-columns:1.08fr .92fr;min-height:510px;background:var(--ink);color:var(--text);overflow:hidden}.service-division:nth-child(even){grid-template-columns:.92fr 1.08fr}.service-division:nth-child(even) .service-division-media{order:2}.service-division-media{position:relative;min-height:420px;overflow:hidden;background:var(--ink-2)}.service-division-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,#17171470)}.service-division-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.03);transition:transform .8s cubic-bezier(.22,1,.36,1),filter .5s ease}.service-division:hover .service-division-media img{transform:scale(1.045);filter:saturate(1)}.service-division-media>i{position:absolute;z-index:2;inset-inline-start:28px;bottom:23px;color:#fff;font-size:12px;font-style:normal;font-weight:700;letter-spacing:.14em}.service-division-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(38px,6vw,90px)}.service-division-copy small{color:var(--safety);font-size:8px;font-weight:700;letter-spacing:.16em}.service-division-copy h3{max-width:12ch;margin:20px 0 24px;font-size:clamp(31px,3.8vw,58px);font-weight:500;line-height:1.02;letter-spacing:-.045em}.service-division-copy p{max-width:48ch;color:var(--muted);font-size:13px;line-height:1.85}.service-division-copy strong{display:flex;align-items:center;justify-content:space-between;width:min(280px,100%);margin-top:38px;padding:15px 0;border-block:1px solid var(--line-strong);font-size:9px;letter-spacing:.12em;text-transform:uppercase}.service-division-copy strong b{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:var(--accent-bg);color:#fff;transition:transform .3s}.service-division:hover strong b{transform:rotate(45deg)}.catalog-section>.section-head{padding-bottom:20px}.catalog-detail-hero img{filter:saturate(.82) contrast(1.04)}
@media(max-width:820px){.service-division,.service-division:nth-child(even){grid-template-columns:1fr;min-height:0}.service-division:nth-child(even) .service-division-media{order:0}.service-division-media{min-height:52vw}.service-division-copy{padding:42px 5.5vw 48px}.service-division-copy h3{max-width:15ch;margin-block:16px 19px;font-size:clamp(29px,8vw,43px)}.service-division-copy strong{margin-top:27px}}
@media(max-width:480px){.service-division-list{margin-top:30px}.service-division-media{min-height:64vw}.service-division-copy p{font-size:12px}.service-division-copy h3{font-size:30px}}
@media(prefers-reduced-motion:reduce){.service-division-media img,.service-division-copy strong b{transition:none}.service-division:hover .service-division-media img,.service-division:hover strong b{transform:none}}

/* v43 focused enquiry experience and corporate footer */
.contact .contact-grid{grid-template-columns:minmax(280px,.72fr) minmax(480px,1.28fr);gap:clamp(45px,8vw,120px);align-items:start}.contact form.enquiry,.contact-page-form{position:relative;gap:18px;padding:clamp(28px,4vw,52px);border:1px solid color-mix(in srgb,var(--line-strong) 75%,#fff);background:linear-gradient(145deg,color-mix(in srgb,var(--ink-2) 94%,#fff),color-mix(in srgb,var(--ink) 96%,transparent));box-shadow:0 28px 80px #00000018,inset 0 1px 0 #ffffff35;overflow:hidden}.contact form.enquiry::before,.contact-page-form::before{content:"";position:absolute;top:0;inset-inline:0;height:3px;background:linear-gradient(90deg,var(--safety-2),var(--safety),#e7a083)}.enquiry-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:13px;padding-bottom:22px;border-bottom:1px solid var(--line)}.enquiry-heading small{color:var(--safety);font-size:8px;font-weight:700;letter-spacing:.17em}.enquiry-heading strong{max-width:17ch;text-align:end;font-size:clamp(18px,2vw,26px);font-weight:500;line-height:1.15}.field label{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:600;letter-spacing:.055em;text-transform:uppercase}.field label i{color:var(--safety);font-size:8px;font-style:normal}.field input,.field textarea,.field select{width:100%;min-height:52px;padding:14px 15px;border:1px solid var(--line-strong);border-radius:0;background:color-mix(in srgb,var(--ink) 90%,transparent);color:var(--text);font:inherit;font-size:14px;outline:0;resize:vertical;transition:border-color .2s,background .2s,box-shadow .2s}.field textarea{min-height:130px}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--safety);background:var(--ink);box-shadow:0 0 0 3px color-mix(in srgb,var(--safety) 13%,transparent)}.field select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--safety) 50%),linear-gradient(135deg,var(--safety) 50%,transparent 50%);background-position:calc(100% - 19px) 22px,calc(100% - 14px) 22px;background-size:5px 5px;background-repeat:no-repeat}html[dir=rtl] .field select{background-position:19px 22px,14px 22px}.contact form.enquiry>.button,.contact-page-form>.button{width:100%;min-height:58px;justify-content:space-between;margin-top:4px;padding-inline:22px}.contact-page-layout{align-items:start}
.corporate-footer{position:relative;background:#141411;color:#fff;border-top:0}.footer-cta{display:grid;grid-template-columns:1fr auto;align-items:end;gap:50px;padding:clamp(55px,7vw,100px) 6vw;background:linear-gradient(125deg,#ad4320,#c65b33 65%,#d27753)}.footer-cta p{margin-bottom:18px;color:#ffffffad;font-size:8px;font-weight:700;letter-spacing:.18em}.footer-cta h2{max-width:17ch;color:#fff;font-size:clamp(38px,5.4vw,78px);font-weight:500;line-height:.98;letter-spacing:-.055em}.footer-cta>a{display:flex;align-items:center;justify-content:space-between;gap:28px;min-width:245px;padding:13px 13px 13px 20px;border:1px solid #ffffff70;background:#ffffff12;color:#fff;font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;backdrop-filter:blur(10px);transition:.25s}.footer-cta>a b{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fff;color:#a84120;font-size:18px}.footer-cta>a:hover{background:#fff;color:#8e361c;transform:translateY(-3px)}.footer-main{display:grid;grid-template-columns:.82fr 1.18fr;gap:9vw;padding:clamp(60px,8vw,110px) 6vw}.footer-brand-panel .brand{width:max-content;margin-bottom:34px}.footer-brand-panel>p{max-width:48ch;color:#ffffff82;font-size:11px;line-height:1.85}.footer-socials{display:flex;flex-wrap:wrap;gap:8px;margin-top:29px}.footer-socials a{padding:9px 12px;border:1px solid #ffffff20;color:#ffffffb5;font-size:8px;letter-spacing:.08em;text-transform:uppercase;transition:.2s}.footer-socials a:hover{border-color:var(--safety);color:#fff}.footer-nav{display:grid;grid-template-columns:1.25fr .7fr 1fr;gap:clamp(25px,4vw,60px)}.footer-nav>div{display:flex;flex-direction:column;align-items:flex-start;gap:13px}.footer-nav small{margin-bottom:13px;color:#df7650;font-size:8px;font-weight:700;letter-spacing:.17em}.footer-nav a,.footer-nav span{color:#ffffff9a;font-size:10px;line-height:1.65;transition:.2s}.footer-nav a:hover{color:#fff;transform:translateX(4px)}html[dir=rtl] .footer-nav a:hover{transform:translateX(-4px)}.footer-contact span{max-width:24ch}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-inline:6vw;padding:23px 0 28px;border-top:1px solid #ffffff17}.footer-bottom p,.footer-bottom span,.footer-bottom a{color:#ffffff64;font-size:8px;letter-spacing:.06em}.footer-bottom a:hover{color:#fff}
@media(max-width:980px){.contact .contact-grid{grid-template-columns:1fr}.footer-cta{grid-template-columns:1fr;align-items:start}.footer-main{grid-template-columns:1fr}.footer-nav{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.contact form.enquiry,.contact-page-form{padding:26px 5.5vw}.enquiry-heading{align-items:start;flex-direction:column}.enquiry-heading strong{text-align:start}.footer-cta{padding-inline:5.5vw}.footer-cta>a{width:100%;min-width:0}.footer-main{padding-inline:5.5vw}.footer-nav{grid-template-columns:1fr 1fr}.footer-contact{grid-column:1/-1;padding-top:25px;border-top:1px solid #ffffff14}.footer-bottom{align-items:flex-start;flex-direction:column;margin-inline:5.5vw}.footer-cta h2{font-size:40px}}

/* v44 Kurdish typography: readable display scale and a denser footer */
html[lang="kr"] h1,html[lang="kr"] h2,html[lang="kr"] h3,html[lang="kr"] h4{letter-spacing:0;line-height:1.35}
html[lang="kr"] .hero-content-band .animated-hero-copy h1{max-width:22ch;font-size:clamp(31px,4.1vw,58px);line-height:1.38}
html[lang="kr"] .section-head h2{max-width:21ch;font-size:clamp(28px,3.5vw,48px);line-height:1.4}
html[lang="kr"] .hamkar-about .about-statement>p:last-of-type,html[lang="kr"] .about-statement p{max-width:25ch;font-size:clamp(28px,3.4vw,47px);line-height:1.45}
html[lang="kr"] .service-division-copy h3{max-width:19ch;font-size:clamp(26px,3vw,42px);line-height:1.43}
html[lang="kr"] .contact-copy h2,html[lang="kr"] .contact-page-layout h2{font-size:clamp(29px,3.8vw,50px);line-height:1.4}
html[lang="kr"] .inner-page-hero h1,html[lang="kr"] .catalog-detail-hero h1,html[lang="kr"] .product-detail-copy h1{font-size:clamp(30px,4.3vw,57px);line-height:1.4}
html[lang="kr"] .company-block h2{max-width:20ch;font-size:clamp(28px,3.5vw,48px);line-height:1.42}
html[lang="kr"] .enquiry-heading strong{line-height:1.55}
html[lang="kr"] .footer-cta{grid-template-columns:minmax(0,1fr) 230px;align-items:center;gap:clamp(28px,5vw,64px);padding-block:clamp(42px,5vw,68px)}
html[lang="kr"] .footer-cta p{margin-bottom:13px;font-size:7px;line-height:1.8;letter-spacing:0}
html[lang="kr"] .footer-cta h2{max-width:24ch;font-size:clamp(27px,3.25vw,46px);line-height:1.48;letter-spacing:0}
html[lang="kr"] .footer-cta>a{min-width:220px;font-size:9px;line-height:1.7;letter-spacing:0;text-transform:none}
html[lang="kr"] .footer-main{grid-template-columns:.72fr 1.28fr;gap:6vw;padding-block:clamp(46px,6vw,76px)}
html[lang="kr"] .footer-brand-panel>p{max-width:44ch;font-size:10px;line-height:2}
html[lang="kr"] .footer-nav{gap:clamp(22px,3vw,42px)}
html[lang="kr"] .footer-nav small{letter-spacing:0}
html[lang="kr"] .footer-nav a,html[lang="kr"] .footer-nav span{font-size:9px;line-height:2}
html[lang="kr"] .footer-bottom p,html[lang="kr"] .footer-bottom span,html[lang="kr"] .footer-bottom a{letter-spacing:0;line-height:1.8}
@media(max-width:980px){html[lang="kr"] .footer-cta,html[lang="kr"] .footer-main{grid-template-columns:1fr}html[lang="kr"] .footer-cta h2{max-width:22ch}}
@media(max-width:650px){html[lang="kr"] .hero-content-band .animated-hero-copy h1{font-size:clamp(27px,8.2vw,36px);line-height:1.5}html[lang="kr"] .section-head h2,html[lang="kr"] .company-block h2{font-size:clamp(25px,7.5vw,33px);line-height:1.5}html[lang="kr"] .service-division-copy h3{font-size:27px;line-height:1.5}html[lang="kr"] .inner-page-hero h1,html[lang="kr"] .catalog-detail-hero h1,html[lang="kr"] .product-detail-copy h1{font-size:30px;line-height:1.5}html[lang="kr"] .footer-cta{padding-block:38px}html[lang="kr"] .footer-cta h2{max-width:100%;font-size:27px;line-height:1.55}html[lang="kr"] .footer-main{padding-block:44px}html[lang="kr"] .footer-nav{grid-template-columns:1fr;gap:30px}html[lang="kr"] .footer-contact{grid-column:auto;padding-top:25px}}

/* v45 unified mobile experience */
@media(max-width:700px){
  body{font-size:15px;line-height:1.72}
  .container,.section{padding-inline:20px}.section{padding-block:56px}
  .utility-bar{min-height:34px;padding-inline:16px}.utility-contact{min-width:0}.utility-contact a{font-size:8px}.utility-contact a span{max-width:150px;overflow:hidden;text-overflow:ellipsis}.utility-social{gap:5px}.utility-social a{width:25px;height:25px}
  .header,.header.scrolled{height:68px;padding-inline:16px;padding-top:0}.brand img{width:40px;height:40px}.actions{gap:7px}.language-current,.theme-toggle,.mobile-toggle{width:40px;height:40px;min-width:40px}
  .nav{top:68px;max-height:calc(100dvh - 68px);padding:8px 20px calc(22px + env(safe-area-inset-bottom,0));box-shadow:0 22px 45px #0005}.nav a,.nav a.active{min-height:52px;display:flex;align-items:center;padding:14px 2px;border-bottom:1px solid var(--line);font-size:13px;letter-spacing:0}.nav a::after{inset-inline:0;bottom:-1px}
  .language-menu{position:fixed;top:108px;inset-inline:16px;width:auto;padding:10px;border-radius:12px}.language-menu a{min-height:50px;font-size:13px}
  .top-slide{height:34px}.top-slide-track span{padding-inline:12px;font-size:8.5px}.top-slide-track span::after{margin-inline-start:12px}
  .hero-image-only{height:52svh;min-height:390px}.hero-image-only .hero-slide-control{inset-inline:16px;bottom:16px;width:auto;grid-template-columns:36px auto 1fr 36px;gap:10px;padding:7px 9px;border:1px solid #ffffff2e;background:#11110d61;backdrop-filter:blur(12px)}
  .hero-content-band{gap:30px;padding:42px 20px 48px}.hero-content-band .animated-hero-copy small{margin-bottom:10px}.hero-content-band .animated-hero-copy h1{font-size:clamp(29px,8.7vw,39px);line-height:1.18}.hero-content-band .animated-hero-copy>p{margin-top:16px;font-size:13px;line-height:1.75}
  .hero-content-band .hero-metrics{width:100%;border:1px solid var(--line-strong)}.hero-content-band .hero-metrics>div{min-width:0;padding:15px 7px;text-align:center}.hero-content-band .hero-metrics strong{font-size:23px}.hero-content-band .hero-metrics span{font-size:7px;line-height:1.45;letter-spacing:.02em}
  .section-head{margin-bottom:31px}.section-head h2{max-width:19ch;font-size:clamp(27px,7.8vw,34px);line-height:1.2}.section-head p{max-width:100%;line-height:1.75}.eyebrow{font-size:9px;letter-spacing:.08em}
  .hamkar-about .about-media{min-height:0;height:52svh;max-height:520px}.hamkar-about .about-media>span{inset-inline-start:20px;bottom:20px;font-size:43px}.hamkar-about .about-grid{gap:37px;padding:48px 20px 55px}.hamkar-about .about-statement>p:last-of-type{font-size:clamp(29px,8vw,36px);line-height:1.24}.editorial-link{margin-top:26px;min-height:56px}.hamkar-about .values{margin-top:26px}.hamkar-about .value{grid-template-columns:38px 1fr;padding:19px 0}.hamkar-about .value p{font-size:12px;line-height:1.7}
  .service-division-list{margin-top:30px;gap:12px;background:transparent;border:0}.service-division{border:1px solid var(--line-strong)}.service-division-media{min-height:0;height:58vw;max-height:290px}.service-division-copy{padding:30px 20px 34px}.service-division-copy h3{max-width:19ch;margin:13px 0 16px;font-size:clamp(26px,7.4vw,32px);line-height:1.25}.service-division-copy p{font-size:13px;line-height:1.75}.service-division-copy strong{width:100%;margin-top:24px;min-height:55px}
  .featured-products-head{margin:58px 0 25px;padding-top:30px}.featured-products-head h3{font-size:27px;line-height:1.24}.product-grid{gap:18px}.product-card{overflow:hidden}.product-card-image{height:auto;aspect-ratio:4/3}.product-card>div:last-child{padding:20px}.product-card h3{font-size:20px;line-height:1.35}.product-card p{min-height:0}.product-card b{margin-top:17px;padding-top:15px;border-top:1px solid var(--line)}
  .projects{gap:18px}.projects .project-card:nth-child(1) .project-image,.projects .project-card:nth-child(2) .project-image,.projects .project-card:nth-child(n+3) .project-image{height:auto;aspect-ratio:4/3}.project-copy{padding:17px 18px 20px}
  .clients-section{padding-block:54px}.client-marquee{margin-inline:-20px;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.client-logo-card{width:160px;height:105px;padding:16px}
  .project-map-frame,.project-map-frame iframe{min-height:340px}.map-project-list{gap:0}.map-project-list button{min-height:76px;padding:13px 15px}.map-project-list button b{font-size:12px}.map-project-list button small{font-size:9px}
  .contact{padding-block:58px}.contact .contact-grid{gap:34px}.contact-copy h2{max-width:17ch;font-size:clamp(29px,8vw,36px);line-height:1.24}.contact-copy p:not(.eyebrow){font-size:13px;line-height:1.8}.contact-list a,.contact-list>div{padding-block:15px}.contact-list span{overflow-wrap:anywhere}
  .contact form.enquiry,.contact-page-form{padding:25px 18px;gap:16px}.enquiry-heading{gap:8px;margin-bottom:8px;padding-bottom:18px}.enquiry-heading strong{max-width:100%;font-size:19px;line-height:1.4}.field label{font-size:9px}.field input,.field textarea,.field select{min-height:54px;padding:14px;font-size:16px}.field textarea{min-height:120px}.contact form.enquiry>.button,.contact-page-form>.button{min-height:56px}
  .inner-page-hero,.contact-page-hero{min-height:390px;padding:45px 20px}.inner-page-hero h1{font-size:clamp(31px,9vw,40px);line-height:1.22}.inner-page-hero>div{padding-inline-start:0}
  .company-page{padding-bottom:48px}.company-tabs{top:68px;scrollbar-width:none}.company-tabs::-webkit-scrollbar{display:none}.company-tabs a{min-height:50px;padding:13px 16px}.company-content{padding-inline:20px}.company-block{padding-bottom:58px}.split-company-block{padding:42px 20px}.company-values article{min-height:0;padding:24px 20px}
  .catalog-detail-hero{min-height:410px;padding:48px 20px}.catalog-detail-hero h1,.product-detail h1,.story-detail h1{font-size:clamp(31px,9vw,40px);line-height:1.22}.product-detail-media{height:44svh;min-height:340px}.product-detail-copy{padding:42px 20px}.story-detail header{min-height:480px;padding:48px 20px}.story-body{padding:45px 20px}
  .footer-cta{gap:25px;padding:40px 20px}.footer-cta p{margin-bottom:12px}.footer-cta h2{max-width:20ch;font-size:clamp(29px,8.5vw,36px);line-height:1.25;letter-spacing:-.025em}.footer-cta>a{min-height:58px;padding-inline-start:18px}
  .footer-main{gap:40px;padding:46px 20px}.footer-brand-panel .brand{margin-bottom:23px}.footer-brand-panel>p{font-size:12px;line-height:1.8}.footer-socials{margin-top:22px}.footer-socials a{min-height:39px;display:flex;align-items:center}.footer-nav{grid-template-columns:1fr;gap:30px}.footer-nav>div{gap:10px}.footer-nav small{margin-bottom:7px}.footer-nav a,.footer-nav span{font-size:11px;line-height:1.8}.footer-contact{grid-column:auto;padding-top:25px}
  .footer-bottom{gap:10px;margin-inline:20px;padding-block:20px calc(26px + env(safe-area-inset-bottom,0))}.footer-bottom p,.footer-bottom span,.footer-bottom a{font-size:9px;line-height:1.65}.floating-tools{inset-inline-end:12px;bottom:calc(12px + env(safe-area-inset-bottom,0))}.floating-tools a,.floating-tools button{width:46px;height:46px}
}
@media(max-width:380px){.container,.section{padding-inline:16px}.header{padding-inline:12px}.hero-content-band,.hamkar-about .about-grid,.service-division-copy,.product-detail-copy,.story-body,.footer-cta,.footer-main{padding-inline:16px}.utility-contact a span{max-width:118px}.hero-image-only{min-height:360px}.hero-content-band .hero-metrics span{font-size:6.5px}.hero-slide-control span{display:none}.hero-image-only .hero-slide-control{grid-template-columns:36px 1fr 36px}.hero-image-only .hero-slide-control>i{grid-column:2}}

/* v46 founder story */
.founder-story{display:grid;grid-template-columns:.34fr .66fr;gap:clamp(30px,6vw,85px);margin-top:55px;padding:clamp(30px,4vw,52px);border:1px solid var(--line-strong);background:linear-gradient(135deg,var(--ink-2),color-mix(in srgb,var(--ink) 94%,var(--safety) 6%))}
.founder-story-heading small{display:block;margin-bottom:18px;color:var(--safety);font-size:9px;font-weight:700;letter-spacing:.15em}.founder-story-heading h3{max-width:10ch;font-size:clamp(28px,3.4vw,46px);line-height:1.08}
.founder-story-copy{padding-inline-start:clamp(0px,3vw,42px);border-inline-start:1px solid var(--line-strong)}.founder-story-copy strong{display:block;margin-bottom:17px;color:var(--safety);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.company-overview .founder-story-copy p{max-width:68ch;margin:0;color:var(--muted);font-size:14px;line-height:2}
html[lang="kr"] .founder-story-heading h3{max-width:13ch;font-size:clamp(27px,3vw,40px);line-height:1.45}html[lang="kr"] .founder-story-copy strong{letter-spacing:0;text-transform:none}html[lang="kr"] .company-overview .founder-story-copy p{line-height:2.15}
@media(max-width:700px){.founder-story{grid-template-columns:1fr;gap:25px;margin-top:38px;padding:27px 20px}.founder-story-heading h3{max-width:100%;font-size:29px}.founder-story-copy{padding:24px 0 0;border-inline-start:0;border-top:1px solid var(--line-strong)}.company-overview .founder-story-copy p{font-size:13px;line-height:1.95}html[lang="kr"] .founder-story-heading h3{font-size:27px;line-height:1.5}html[lang="kr"] .company-overview .founder-story-copy p{line-height:2.05}}
.product-gallery-viewer{position:sticky;top:92px;height:calc(100vh - 92px);min-height:650px;display:grid;grid-template-rows:minmax(0,1fr) auto;background:#242521}.product-gallery-stage{min-height:0;transition:opacity .18s}.product-gallery-stage.switching{opacity:.35}.product-gallery-stage>img,.product-gallery-stage>video{display:block;width:100%;height:100%;object-fit:cover}.product-gallery-stage>video{object-fit:contain;background:#111}.product-gallery-thumbs{display:flex;gap:8px;overflow-x:auto;padding:12px;background:#171816}.product-gallery-thumbs button{position:relative;width:72px;height:58px;flex:0 0 72px;padding:0;border:2px solid transparent;border-radius:5px;overflow:hidden;background:#333;cursor:pointer;opacity:.65;transition:.2s}.product-gallery-thumbs button.active{border-color:var(--safety);opacity:1}.product-gallery-thumbs img,.product-gallery-thumbs video{width:100%;height:100%;object-fit:cover}.product-gallery-thumbs button i{position:absolute;inset:0;display:grid;place-items:center;background:#0005;color:#fff;font-style:normal;font-size:15px}@media(max-width:980px){.product-gallery-viewer{position:static;height:58vh;min-height:0}}@media(max-width:640px){.product-gallery-viewer{height:48vh}}@media(max-width:480px){.product-gallery-viewer{height:44svh;min-height:340px}.product-gallery-thumbs button{width:60px;height:48px;flex-basis:60px}}
.uboot-data{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--ink-2),var(--ink))}.uboot-data:before{content:"";position:absolute;right:-12vw;top:-180px;width:460px;height:460px;border:1px solid color-mix(in srgb,var(--safety) 16%,transparent);border-radius:50%;box-shadow:0 0 0 80px color-mix(in srgb,var(--safety) 3%,transparent),0 0 0 160px color-mix(in srgb,var(--safety) 2%,transparent);pointer-events:none}.uboot-data .section-head{position:relative;margin-bottom:42px}.uboot-data .section-head h2{max-width:780px}.uboot-data .section-head p:last-child{max-width:700px;color:var(--muted);font-size:13px;line-height:1.8}.uboot-table-card{position:relative;margin-top:24px;overflow:hidden;border:1px solid var(--line-strong);border-radius:16px;background:color-mix(in srgb,var(--ink) 96%,var(--safety) 4%);box-shadow:0 24px 70px #00000014}.uboot-table-card>header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:22px 25px;border-bottom:1px solid var(--line-strong);background:linear-gradient(110deg,color-mix(in srgb,var(--safety) 8%,var(--ink)),var(--ink))}.uboot-model-icon{position:relative;width:50px;height:50px;border-radius:12px;background:color-mix(in srgb,var(--safety) 14%,var(--ink));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--safety) 28%,transparent)}.uboot-model-icon span{position:absolute;left:12px;right:12px;height:12px;border:2px solid var(--safety);transform:skew(-8deg)}.uboot-model-icon span:first-child{top:10px}.uboot-model-icon span:last-child{bottom:10px}.uboot-model-icon.double span:first-child{top:7px}.uboot-model-icon.double span:last-child{bottom:7px;height:17px}.uboot-table-card header small{display:block;margin-bottom:5px;color:var(--safety);font-size:8px;font-weight:800;letter-spacing:.16em}.uboot-table-card h3{margin:0;font-size:21px;font-weight:600}.uboot-table-card header>p{display:flex;align-items:baseline;gap:7px;margin:0;padding:9px 13px;border:1px solid var(--line);border-radius:30px;color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.08em}.uboot-table-card header>p b{color:var(--text);font-size:16px}.table-scroll-cue{display:none;align-items:center;gap:8px;padding:10px 20px;background:color-mix(in srgb,var(--safety) 8%,var(--ink));color:var(--muted);font-size:8px}.table-scroll-cue span{color:var(--safety);font-size:14px}.technical-table-scroll{max-height:650px;overflow:auto;overscroll-behavior:contain;scrollbar-color:var(--safety) color-mix(in srgb,var(--ink) 90%,#fff 10%);scrollbar-width:thin}.uboot-table-card table{width:100%;min-width:1020px;border:0;border-collapse:separate;border-spacing:0;text-align:center;font-variant-numeric:tabular-nums}.uboot-table-card th{position:sticky;top:0;z-index:3;padding:15px 12px;border:0;border-inline-end:1px solid #ffffff20;border-bottom:1px solid #ffffff28;background:linear-gradient(180deg,color-mix(in srgb,var(--safety) 90%,#fff 10%),var(--safety));color:#fff;font-size:8px;font-weight:800;line-height:1.45;letter-spacing:.045em;text-transform:uppercase;white-space:normal}.uboot-table-card thead tr:nth-child(2) th{top:60px;background:color-mix(in srgb,var(--safety) 88%,#111 12%)}.uboot-table-card td{padding:13px 12px;border:0;border-inline-end:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);font-size:10px;white-space:nowrap;transition:background .16s,color .16s}.uboot-table-card tbody tr:nth-child(even) td{background:color-mix(in srgb,var(--safety) 4%,var(--ink) 96%)}.uboot-table-card tbody tr:hover td{background:color-mix(in srgb,var(--safety) 11%,var(--ink) 89%);color:var(--text)}.uboot-table-card th:first-child,.uboot-table-card td:first-child{position:sticky;left:0;z-index:2}.uboot-table-card th:first-child{z-index:5}.uboot-table-card td:first-child{background:color-mix(in srgb,var(--ink) 94%,var(--safety) 6%);color:var(--text);font-weight:800;box-shadow:8px 0 18px #0002}.uboot-table-card tbody tr:nth-child(even) td:first-child{background:color-mix(in srgb,var(--ink) 90%,var(--safety) 10%)}html[dir=rtl] .uboot-table-card th:first-child,html[dir=rtl] .uboot-table-card td:first-child{left:auto;right:0}html[dir=rtl] .uboot-table-card td:first-child{box-shadow:-8px 0 18px #0002}.uboot-note{display:flex;align-items:flex-start;gap:10px;margin:18px 0 0;padding:14px 16px;border:1px solid var(--line);border-radius:9px;color:var(--muted);font-size:10px;line-height:1.7}.uboot-note i{display:grid;place-items:center;width:19px;height:19px;flex:0 0 19px;border-radius:50%;background:var(--safety);color:#fff;font-style:normal;font-weight:800}@media(max-width:700px){.uboot-data{padding-inline:0}.uboot-data>.section-head,.uboot-note{margin-inline:20px}.uboot-table-card{border-inline:0;border-radius:0}.uboot-table-card>header{grid-template-columns:auto 1fr;padding:18px 20px}.uboot-table-card header>p{grid-column:1/-1;width:max-content}.table-scroll-cue{display:flex}.technical-table-scroll{max-height:570px}.uboot-table-card table{min-width:930px}.uboot-table-card th{font-size:7.5px}.uboot-table-card td{padding:11px 9px;font-size:9px}.uboot-table-card h3{font-size:18px}.uboot-model-icon{width:44px;height:44px}}