/* INDEVO V26 — premium automotive-inspired visual system
   Layered after premium.css. Keeps content/SEO/languages intact and upgrades media presentation. */
:root{
  --lux-navy:#04131c;
  --lux-navy-2:#071d28;
  --lux-cyan:#18bff2;
  --lux-line:rgba(24,191,242,.25);
  --lux-glass:rgba(5,20,29,.76);
  --lux-radius:22px;
  --lux-shadow:0 26px 70px rgba(1,13,19,.18),0 4px 18px rgba(1,13,19,.10);
  --lux-shadow-dark:0 30px 90px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.05);
}

/* Shared image finish */
.hero-media-real,.hero-media-img,.page-image,.about-big,.project-image,.case-media,
.cap-img,.domain-media,.process-image,.tech-stage,.quality-docs figure,.certificate-paper{
  position:relative;
  border-radius:var(--lux-radius);
  overflow:hidden;
  isolation:isolate;
}
.hero-media-real,.about-big,.project-image,.case-media,.cap-img,.domain-media,.process-image{
  box-shadow:var(--lux-shadow);
}
.hero-media-real::after,.about-big::after,.project-image::after,.case-media::after,
.cap-img::after,.domain-media::after,.process-image::after,.tech-stage::before{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  border:1px solid rgba(255,255,255,.12);border-radius:inherit;
  box-shadow:inset 0 0 0 1px rgba(24,191,242,.06), inset 0 1px 0 rgba(255,255,255,.14);
}
.hero-media-real img,.about-big img,.project-image img,.case-media img,
.cap-img img,.domain-media img,.process-image img,.tech-stage img,.proof-item img{
  transition:transform .75s cubic-bezier(.2,.75,.2,1),filter .75s ease;
  filter:saturate(.82) contrast(1.06) brightness(.96);
}
.hero-media-real:hover img,.about-big:hover img,.project-story:hover img,.case-study:hover .case-media img,
.capability-row:hover .cap-img img,.domain-row:hover .domain-media img,.process-image:hover img,.proof-item:hover img{
  transform:scale(1.045);filter:saturate(.96) contrast(1.08) brightness(1.01);
}

/* Page hero: framed cinematic image */
.page-hero .hero-media-real{border-radius:0 0 0 32px;box-shadow:-24px 26px 70px rgba(0,0,0,.18)}
.page-hero .hero-media-real::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(115deg,rgba(3,17,25,.05) 20%,transparent 55%,rgba(24,191,242,.08));}

/* Homepage domain rows — grand-tourer dashboard style */
.manifest .domain-list{border:0;display:flex;flex-direction:column;gap:14px}
.manifest .domain-row{
  position:relative;min-height:220px;padding:0 18px 0 34px;border:1px solid rgba(9,43,58,.14);border-radius:22px;
  grid-template-columns:54px minmax(280px,.8fr) minmax(420px,1.2fr) 48px;gap:28px;
  background:linear-gradient(120deg,#051822 0%,#071f2b 42%,#0a2835 100%);overflow:hidden;
  box-shadow:var(--lux-shadow-dark);transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;
}
.manifest .domain-row::before{content:"";position:absolute;left:39.5%;top:-20%;bottom:-20%;width:2px;transform:rotate(29deg);background:linear-gradient(transparent,var(--lux-cyan),transparent);opacity:.8;z-index:3;pointer-events:none}
.manifest .domain-row:hover{transform:translateY(-4px);border-color:rgba(24,191,242,.42);box-shadow:0 32px 90px rgba(0,0,0,.26),0 0 0 1px rgba(24,191,242,.08)}
.manifest .domain-num{color:var(--lux-cyan);font-size:10px;letter-spacing:.06em;z-index:4}
.manifest .domain-copy{z-index:4;padding:30px 0}
.manifest .domain-copy h3{color:#f4f8fa;font-size:clamp(32px,3vw,48px);margin-bottom:12px}
.manifest .domain-copy p{color:#a9c1cb;font-size:12px;line-height:1.7}
.manifest .domain-media{height:220px;border-radius:0;box-shadow:none;margin-right:-18px;clip-path:polygon(10% 0,100% 0,100% 100%,0 100%)}
.manifest .domain-media::after{border-radius:0;border-left-color:rgba(24,191,242,.28)}
.manifest .domain-media .photo-slot,.manifest .domain-media img{width:100%;height:100%;object-fit:cover}
.manifest .domain-arrow{z-index:4;width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(24,191,242,.48);border-radius:10px;color:#dff8ff;background:rgba(24,191,242,.08);transition:.3s ease}
.manifest .domain-row:hover .domain-arrow{background:var(--lux-cyan);color:#03131b;transform:translate(2px,-2px)}

/* Capabilities on CNC / tooling / automation / technologies / solutions */
.capability-list{border:0;display:flex;flex-direction:column;gap:16px}
.capability-row{
  position:relative;border:1px solid rgba(9,43,58,.14)!important;border-radius:22px;overflow:hidden;padding:0!important;
  min-height:290px;grid-template-columns:minmax(310px,.78fr) minmax(430px,1.22fr) 54px;gap:0!important;
  background:linear-gradient(120deg,#f8fbfc 0%,#f4f8fa 43%,#eef5f7 100%);box-shadow:0 18px 55px rgba(4,31,43,.08);
  transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;
}
.capability-row:hover{transform:translateY(-4px);border-color:rgba(24,191,242,.35)!important;box-shadow:0 26px 70px rgba(4,31,43,.13)}
.capability-row .cap-meta{padding:34px 38px;position:relative;z-index:4}
.capability-row .cap-meta>span{display:inline-flex;align-items:center;gap:8px;color:#079bc7;background:rgba(24,191,242,.08);border:1px solid rgba(24,191,242,.2);border-radius:999px;padding:6px 9px}
.capability-row .cap-meta h2{font-size:clamp(31px,3vw,45px)}
.capability-row .cap-meta p{font-size:12px;line-height:1.75;max-width:48ch}
.capability-row .cap-img{height:290px;border-radius:0;box-shadow:none;clip-path:polygon(9% 0,100% 0,100% 100%,0 100%)}
.capability-row .cap-img::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(4,19,28,.12),transparent 28%,rgba(24,191,242,.04));}
.capability-row .cap-img .photo-slot,.capability-row .cap-img img{height:100%;width:100%;object-fit:cover}
.capability-row .cap-arrow{width:38px;height:38px;align-self:center;justify-self:center;display:grid;place-items:center;border:1px solid rgba(24,191,242,.38);border-radius:10px;transition:.3s ease}
.capability-row:hover .cap-arrow{background:#071d28;color:#fff;border-color:#071d28;transform:translate(2px,-2px)}

/* Technology theatre */
.technology-section{background:radial-gradient(circle at 78% 12%,rgba(24,191,242,.10),transparent 25%),linear-gradient(180deg,#03121a,#061a24 70%,#04141c)}
.tech-theatre{gap:16px}.tech-stage{border:1px solid rgba(255,255,255,.08);box-shadow:var(--lux-shadow-dark)}
.tech-stage:after{background:linear-gradient(180deg,rgba(3,15,22,.03) 24%,rgba(3,15,22,.96))}
.tech-index{border:1px solid rgba(255,255,255,.09);border-radius:18px;overflow:hidden;background:rgba(255,255,255,.025);backdrop-filter:blur(10px)}
.tech-index-item{border-bottom-color:rgba(255,255,255,.09)}
.tech-index-item:hover,.tech-index-item.active{background:linear-gradient(90deg,#f9fdff,#eaf9fe);color:#061822}
.support-line{border-radius:16px;overflow:hidden;border-color:rgba(255,255,255,.10)}

/* Process: premium cards */
.process-section .process-image{box-shadow:var(--lux-shadow);border-radius:22px}
.process-rail{gap:12px;border:0;margin-top:14px}
.process-rail article{border:1px solid rgba(9,43,58,.12)!important;border-radius:18px;background:linear-gradient(145deg,#fbfdfe,#f1f6f8);min-height:240px;box-shadow:0 12px 36px rgba(4,31,43,.05);transition:.3s ease}
.process-rail article:hover{transform:translateY(-4px);border-color:rgba(24,191,242,.28)!important;box-shadow:0 20px 48px rgba(4,31,43,.10)}
.process-rail article span{display:inline-flex;border:1px solid rgba(24,191,242,.22);background:rgba(24,191,242,.07);padding:6px 8px;border-radius:999px}

/* Project teaser cards */
.proof-grid{gap:16px}.proof-item{border-radius:22px;border:1px solid rgba(255,255,255,.08);box-shadow:var(--lux-shadow-dark)}
.proof-item:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border:1px solid rgba(255,255,255,.10);border-radius:inherit;box-shadow:inset 0 1px 0 rgba(255,255,255,.14)}
.proof-item:after{background:linear-gradient(180deg,rgba(2,13,19,.02) 20%,rgba(3,15,22,.92) 78%,rgba(3,15,22,.99))}
.proof-item>div:last-child{left:30px;right:30px;bottom:28px}
.proof-item h3{font-size:clamp(28px,2.5vw,40px)}
.proof-item em{width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(24,191,242,.55);border-radius:10px;background:rgba(24,191,242,.08)}

/* Projects page */
.case-stack{gap:80px}.case-study{gap:42px;padding:24px;border:1px solid rgba(9,43,58,.12);border-radius:26px;background:linear-gradient(145deg,#fff,#f5f9fa);box-shadow:0 22px 65px rgba(4,31,43,.08)}
.case-media{border-radius:20px}.case-number{border:1px solid rgba(24,191,242,.30);border-radius:10px;background:rgba(4,25,35,.78)}
.case-tags b{border-radius:999px;background:rgba(24,191,242,.05)}

/* About / quality / generic info grids */
.values-rail,.depth-grid,.about-cap-grid{gap:12px;border:0!important}
.values-rail>div,.depth-grid article,.about-cap-grid article{border:1px solid rgba(9,43,58,.12)!important;border-radius:18px;background:linear-gradient(145deg,#fff,#f4f8fa);box-shadow:0 12px 36px rgba(4,31,43,.045);transition:.3s ease}
.values-rail>div:hover,.depth-grid article:hover,.about-cap-grid article:hover{transform:translateY(-3px);border-color:rgba(24,191,242,.28)!important;box-shadow:0 18px 48px rgba(4,31,43,.09)}
.process-band{background:radial-gradient(circle at 78% 25%,rgba(24,191,242,.12),transparent 28%),linear-gradient(135deg,#03121a,#072532)}
.process-band-grid{gap:10px;border:0}.process-band-grid>div{border:1px solid rgba(255,255,255,.10)!important;border-radius:16px;background:rgba(255,255,255,.025);min-height:170px}
.quality-docs figure,.certificate-spread article{border-radius:18px;overflow:hidden;border:1px solid rgba(9,43,58,.12);box-shadow:0 18px 55px rgba(0,0,0,.10)}
.certificate-spread{gap:18px}.certificate-spread article{background:linear-gradient(145deg,#fff,#f4f8fa)}

/* Footer / CTA: subtle premium finish */
.final-cta{position:relative;overflow:hidden;background:radial-gradient(circle at 84% 15%,rgba(24,191,242,.12),transparent 23%),linear-gradient(135deg,#03121a,#072532)}
.final-cta::after{content:"";position:absolute;right:-7%;top:-70%;width:32%;height:230%;border-left:1px solid rgba(24,191,242,.25);transform:rotate(20deg);pointer-events:none}

/* Mobile — preserve clarity, remove diagonal crops where space is tight */
@media(max-width:900px){
  .manifest .domain-row{grid-template-columns:46px 1fr 230px 42px;padding-left:20px}.manifest .domain-row::before{left:55%}
  .capability-row{grid-template-columns:minmax(250px,.85fr) minmax(320px,1.15fr) 44px}
  .case-study,.case-study:nth-child(even){padding:18px;grid-template-columns:1fr}
  .case-study:nth-child(even) .case-media{order:0}
}
@media(max-width:650px){
  :root{--lux-radius:16px}
  .page-hero .hero-media-real{border-radius:0}
  .manifest .domain-row{display:grid;grid-template-columns:34px 1fr 38px;padding:0 14px 14px;gap:8px;min-height:0;border-radius:18px}
  .manifest .domain-row::before{display:none}.manifest .domain-copy{padding:20px 0 8px}.manifest .domain-copy h3{font-size:28px;color:#fff}.manifest .domain-copy p{color:#a9c1cb}
  .manifest .domain-media{grid-column:1/-1;grid-row:auto;height:auto;aspect-ratio:1.55;margin:0;clip-path:none;border-radius:14px}
  .manifest .domain-arrow{grid-column:3;grid-row:1;width:34px;height:34px}.manifest .domain-num{grid-column:1;grid-row:1}
  .capability-row{display:grid!important;grid-template-columns:1fr 42px!important;border-radius:18px}.capability-row .cap-meta{padding:22px 22px 14px}.capability-row .cap-img{grid-column:1/-1!important;clip-path:none;height:auto;aspect-ratio:1.48;border-radius:14px;margin:0 12px 12px}.capability-row .cap-arrow{grid-column:2;grid-row:1}
  .process-rail{grid-template-columns:1fr}.process-rail article{min-height:0}
  .proof-item{border-radius:18px}.case-study{padding:12px;border-radius:20px}.case-media{border-radius:14px}
  .values-rail,.depth-grid,.about-cap-grid,.process-band-grid{gap:10px}
}

@media(prefers-reduced-motion:reduce){
  .hero-media-real img,.about-big img,.project-image img,.case-media img,.cap-img img,.domain-media img,.process-image img,.proof-item img,
  .domain-row,.capability-row,.process-rail article,.values-rail>div,.depth-grid article,.about-cap-grid article{transition:none!important}
}