/* HOME — brand experience, not a page directory */
.home-hero{min-height:100svh;margin-top:var(--nav-h);position:relative;display:flex;align-items:flex-end;overflow:hidden;border-bottom:1px solid var(--line);isolation:isolate;background:#050605}
.home-hero-media{position:absolute;inset:0;z-index:-3;overflow:hidden;background:#050605 url("assets/home-hero-poster.jpg") center/cover no-repeat}.home-hero-media img,.home-hero-media video{width:100%;height:108%;object-fit:cover;object-position:center;filter:grayscale(.84) saturate(.38) brightness(.56) contrast(1.08);transform:scale(1.03)}
.home-hero::before{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,#050605 0%,rgba(5,6,5,.95) 33%,rgba(5,6,5,.51) 63%,rgba(5,6,5,.08) 100%),linear-gradient(0deg,#050605 0%,transparent 41%)}
.home-hero::after{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(rgba(255,255,255,.024) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.024) 1px,transparent 1px);background-size:124px 124px;mask-image:linear-gradient(to right,#000,transparent 78%)}
#hero-field{position:absolute;z-index:-1;inset:0;width:100%;height:100%;pointer-events:none}
.home-hero-inner{width:100%;padding-bottom:72px}.home-hero h1{max-width:980px;margin:0 0 34px}.home-hero .lead{max-width:555px;margin-bottom:36px}.home-hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.home-hero-meta{display:flex;justify-content:space-between;gap:30px;margin-top:52px;padding-top:18px;border-top:1px solid var(--line)}.home-hero-meta .meta{font-size:9px;color:#7d857d}
.home-manifesto{padding:var(--s6) 0;border-bottom:1px solid var(--line)}.large-statement{max-width:1180px;margin:0;font-size:clamp(40px,4.8vw,72px);line-height:1.06;letter-spacing:-.045em;font-weight:400}.home-manifesto .copy{max-width:720px;margin:28px 0 0}.home-manifesto .text-link{margin-top:36px}
.proof-strip{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.proof-item{min-height:164px;padding:30px var(--gutter);border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;transition:background .32s var(--ease)}.proof-item:last-child{border-right:0}.proof-item strong{font-size:clamp(32px,3.25vw,50px);font-weight:500;letter-spacing:-.04em}.proof-item span{font:9px "DM Mono",monospace;letter-spacing:.15em;color:#737b73;text-transform:uppercase}.proof-link{position:relative}.proof-link::after{content:"↗";position:absolute;right:22px;top:22px;color:#777f77;transition:.3s var(--ease)}.proof-link:hover{background:rgba(255,255,255,.026)}.proof-link:hover::after{color:var(--green);transform:translate(3px,-3px)}
.home-product-teaser{padding:var(--s6) 0;border-bottom:1px solid var(--line)}.product-teaser-grid{display:grid;grid-template-columns:1fr auto;gap:var(--s4);align-items:end}.product-teaser-grid h2{max-width:820px;margin:0}.product-teaser-grid .text-link{align-self:end}.home-product-teaser>.container>.copy{max-width:720px;margin:28px 0 0}
.home-contact{padding:var(--s6) 0}.home-contact-inner{display:grid;grid-template-columns:1fr auto;align-items:end;gap:var(--s4)}.home-contact h2{max-width:850px;margin:0}.contact-orb{width:118px;height:118px;border:1px solid var(--line-strong);border-radius:50%;display:grid;place-items:center;font-size:26px;transition:.4s var(--ease)}.contact-orb:hover{color:var(--green);border-color:rgba(243,112,33,.58);box-shadow:0 0 34px rgba(243,112,33,.12);transform:rotate(-8deg)}

/* ABOUT — editorial story + operating footprint */
.about-story{padding:var(--s6) 0;border-bottom:1px solid var(--line)}.about-story-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:9vw}.about-story h2{margin:0}.story-copy{display:grid;gap:32px}.story-copy p{margin:0;color:#a0a7a0;font-size:clamp(17px,1.35vw,20px);line-height:1.82}.story-origin{margin-top:var(--s5);padding:34px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:minmax(180px,.42fr) 1fr;gap:var(--s4);align-items:center}.story-origin>strong{font-size:clamp(58px,7vw,104px);font-weight:500;letter-spacing:-.06em;line-height:.85}.story-origin .meta{display:block;margin-bottom:14px;font-size:9px;color:#7b837b}.story-origin h3{margin:0 0 12px}.story-origin p{margin:0;color:var(--muted);max-width:650px}
.about-world{display:grid;grid-template-columns:1.08fr .92fr;min-height:730px;border-bottom:1px solid var(--line)}.about-world .visual-frame{border:0;border-right:1px solid var(--line);min-height:730px}.about-world .visual-frame img{height:100%}.about-world-copy{padding:var(--s5) var(--gutter);display:flex;flex-direction:column;justify-content:center}.about-world-copy h2{margin:0 0 32px}.about-world-copy .copy{margin-bottom:var(--s4)}.location-lines{position:relative;border-top:1px solid var(--line)}.location-line{position:relative;display:grid;grid-template-columns:72px 1fr auto;gap:20px;padding:18px 0;border-bottom:1px solid var(--line);align-items:center}.location-line span{font:9px "DM Mono",monospace;letter-spacing:.14em;color:#777f77}.location-line strong{font-size:16px;font-weight:500}.location-line i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 12px rgba(243,112,33,.36);animation:locationPulse 4.8s ease-in-out infinite}.location-line:nth-child(2) i{animation-delay:1.2s}.location-line:nth-child(3) i{animation-delay:2.4s}@keyframes locationPulse{0%,100%{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.25)}}
.about-principles{padding:var(--s6) 0;border-bottom:1px solid var(--line)}.principle-list{margin-top:var(--s4);border-top:1px solid var(--line)}.principle-row{display:grid;grid-template-columns:80px minmax(250px,.72fr) 1fr;gap:var(--s3);padding:27px 0;border-bottom:1px solid var(--line);align-items:start;transition:background .3s ease}.principle-row:hover{background:rgba(255,255,255,.015)}.principle-row span{font:9px "DM Mono",monospace;letter-spacing:.14em;color:#747c74}.principle-row h3{margin:0}.principle-row p{margin:0;color:var(--muted);max-width:630px}

/* SERVICES — nine capabilities are the hero of the page */
.services-model{padding:var(--s6) 0;border-bottom:1px solid var(--line)}.services-intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:end;margin-bottom:var(--s4)}.services-intro h2{margin:0}.services-intro .copy{justify-self:end}.services-visual{height:min(56vw,650px);min-height:500px;margin-bottom:var(--s5)}
.expertise-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.expertise-card{position:relative;min-height:292px;padding:25px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#060706;cursor:pointer;overflow:hidden;transition:background .32s var(--ease)}.expertise-card::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--green);transform:scaleX(0);transform-origin:left;transition:.38s var(--ease);box-shadow:0 0 12px rgba(243,112,33,.24)}.expertise-card::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.035),transparent 45%);opacity:0;transition:.32s var(--ease);pointer-events:none}.expertise-card:hover,.expertise-card.active{background:#101210}.expertise-card:hover::before,.expertise-card.active::before{transform:scaleX(1)}.expertise-card:hover::after,.expertise-card.active::after{opacity:1}.expertise-card:hover h3,.expertise-card.active h3{color:#fff;transform:translateX(4px)}.service-top{display:flex;justify-content:space-between;align-items:center}.service-num{font-size:9px;color:#737b73}.service-toggle{width:38px;height:38px;border:1px solid var(--line);background:transparent;cursor:pointer;transition:.3s var(--ease)}.service-toggle span{display:block;transition:.25s var(--ease)}.expertise-card:hover .service-toggle,.expertise-card.active .service-toggle{border-color:rgba(243,112,33,.42);color:var(--green)}.expertise-card h3{margin:78px 0 17px;transition:.3s var(--ease)}.expertise-card>p{margin:0;color:#8b938b;max-width:320px}.service-detail{grid-column:1/-1;max-height:0;overflow:hidden;background:#0d100d;border-right:1px solid var(--line);border-bottom:1px solid transparent;transition:max-height .46s var(--ease),border-color .3s ease}.service-detail.open{max-height:320px;border-bottom-color:var(--line)}.service-detail-inner{padding:34px 27px 40px;display:grid;grid-template-columns:140px minmax(220px,.75fr) minmax(320px,1.15fr) auto;gap:var(--s3);align-items:start}.detail-label{font:9px "DM Mono",monospace;letter-spacing:.14em;color:#858d85}.service-detail h3{margin:0}.service-detail p{margin:0;color:#a0a8a0;max-width:680px}.detail-action{align-self:end;padding-bottom:6px;border-bottom:1px solid var(--line-strong);font-size:11px;transition:.25s ease}.detail-action::after{content:" ↗";color:var(--green)}.detail-action:hover{border-color:rgba(243,112,33,.6);color:#fff}
.engagement{padding:var(--s6) 0;border-bottom:1px solid var(--line)}.engagement-track{position:relative;margin-top:var(--s4);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.engagement-track::before{content:"";position:absolute;left:0;top:0;width:1px;height:36%;background:var(--green);box-shadow:0 0 12px rgba(243,112,33,.22);animation:processLine 7s ease-in-out infinite}.engagement-step{display:grid;grid-template-columns:80px minmax(220px,.7fr) 1fr;gap:var(--s3);align-items:start;padding:28px 0;border-bottom:1px solid var(--line)}.engagement-step:last-child{border-bottom:0}.engagement-step .step-no{font-size:9px;color:#747c74}.engagement-step h3{margin:0}.engagement-step p{margin:0;color:var(--muted);max-width:620px}@keyframes processLine{0%,100%{top:0}50%{top:64%}}

/* PRODUCTS — portfolio first, product detail on demand */
.products-portfolio{position:relative;padding:var(--s6) 0;border-bottom:1px solid var(--line);overflow:hidden}.product-field-wrap{position:absolute;right:-1vw;top:72px;width:min(43vw,650px);height:520px;pointer-events:none;opacity:.72}.product-field-wrap canvas{width:100%;height:100%}.portfolio-head{position:relative;z-index:2;display:grid;grid-template-columns:.9fr .8fr;gap:8vw;align-items:end;margin-bottom:var(--s4)}.portfolio-head h2{margin:0}.portfolio-head .copy{justify-self:end}.product-list{position:relative;z-index:2;border-top:1px solid var(--line);max-width:1220px}.product-row{width:100%;text-align:left;border:0;background:rgba(5,6,5,.58);color:inherit;font:inherit;display:grid;grid-template-columns:70px minmax(190px,.46fr) minmax(260px,.72fr) 54px 300px;gap:var(--s3);align-items:center;min-height:220px;border-bottom:1px solid var(--line);cursor:pointer;transition:.35s var(--ease);position:relative;overflow:hidden;padding:18px 0}.product-row::before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:var(--green);transform:scaleY(0);transform-origin:bottom;transition:.42s var(--ease);box-shadow:0 0 12px rgba(243,112,33,.2)}.product-row:hover::before{transform:scaleY(1)}.product-row:hover{background:rgba(255,255,255,.022);padding-left:12px}.product-index{font-size:9px;color:#747c74;position:relative}.product-row h3{margin:0;position:relative}.product-row p{margin:0;color:#909890;position:relative}.product-row .row-arrow{position:relative;width:52px;height:52px;border:1px solid var(--line);display:grid;place-items:center;transition:.3s var(--ease)}.product-row:hover .row-arrow{border-color:rgba(243,112,33,.5);color:var(--green);transform:translate(3px,-3px)}.product-row-media{height:164px;overflow:hidden;border:1px solid var(--line);position:relative}.product-row-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,6,5,.18),transparent)}.product-row-media img{width:100%;height:100%;object-fit:cover;filter:grayscale(.82) saturate(.34) brightness(.62);transition:.55s var(--ease)}.product-row:hover .product-row-media img{transform:scale(1.035);filter:grayscale(.62) saturate(.48) brightness(.68)}
.product-modal{position:fixed;z-index:220;inset:0;background:#050605;opacity:0;visibility:hidden;transition:opacity .38s ease,visibility .38s ease;overflow:auto}.product-modal.open{opacity:1;visibility:visible}.modal-close{position:fixed;z-index:3;right:28px;top:28px;width:52px;height:52px;border:1px solid var(--line-strong);background:#080908;cursor:pointer;font-size:22px;transition:.3s var(--ease)}.modal-close:hover{border-color:rgba(243,112,33,.55);color:var(--green);transform:rotate(7deg)}.modal-hero{min-height:76vh;display:grid;grid-template-columns:1.08fr .92fr;border-bottom:1px solid var(--line)}.modal-visual{position:relative;min-height:600px;overflow:hidden}.modal-visual img{width:100%;height:100%;object-fit:cover;filter:grayscale(.68) saturate(.54) brightness(.68)}.modal-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 60%,#050605),linear-gradient(0deg,#050605 0%,transparent 35%)}.modal-scan{position:absolute;z-index:2;left:0;right:0;height:1px;background:var(--green);box-shadow:0 0 18px rgba(243,112,33,.42);animation:modalScan 5.5s ease-in-out infinite}.modal-copy{padding:112px var(--gutter) 72px;display:flex;flex-direction:column;justify-content:center}.modal-kicker{font-size:9px;color:#9ba39b;margin-bottom:24px}.modal-copy h2{margin:0 0 34px}.modal-copy .copy{margin-bottom:34px}.modal-flow{padding:var(--s5) 0 var(--s6)}.modal-flow-head{display:grid;grid-template-columns:.78fr 1fr;gap:8vw;align-items:end;margin-bottom:var(--s4)}.modal-flow-head h2{margin:0}.modal-flow-grid{border-top:1px solid var(--line)}.modal-step{display:grid;grid-template-columns:80px minmax(220px,.62fr) 1fr;gap:var(--s3);align-items:start;padding:27px 0;border-bottom:1px solid var(--line)}.modal-step .step-no{font-size:9px;color:#747c74}.modal-step h3{margin:0}.modal-step p{margin:0;color:var(--muted);max-width:620px}@keyframes modalScan{0%,100%{top:18%}50%{top:78%}}

/* CONTACT — one clear invitation, then direct information */
.contact-section{padding:var(--s6) 0;border-bottom:1px solid var(--line)}.contact-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:9vw;align-items:start}.contact-title h2{margin:0}.contact-place{font-size:clamp(42px,4.5vw,64px);color:#dce1db}.contact-details{border-top:1px solid var(--line)}.contact-item{display:grid;grid-template-columns:112px 1fr auto;gap:24px;align-items:center;padding:24px 0;border-bottom:1px solid var(--line);min-height:88px}.contact-item .meta{font-size:9px;color:#737b73}.contact-item a,.contact-item p{margin:0;font-size:clamp(16px,1.35vw,20px)}.contact-item a{transition:.25s ease}.contact-item a:hover{color:#fff;transform:translateX(4px)}.contact-item .arrow{color:var(--green)}.contact-map{position:relative;height:min(58vw,680px);min-height:500px;overflow:hidden;border-bottom:1px solid var(--line)}.contact-map img{width:100%;height:110%;object-fit:cover;filter:grayscale(.8) saturate(.36) brightness(.65)}.contact-map::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,6,5,.47),rgba(5,6,5,.13)),linear-gradient(0deg,#050605 0%,transparent 34%)}.contact-map .visual-tag{top:28px;left:var(--gutter)}.map-pulse,.map-pulse::before,.map-pulse::after{position:absolute;z-index:3;border:1px solid rgba(243,112,33,.44);border-radius:50%;width:32px;height:32px;left:55%;top:47%;content:"";animation:mapPulse 3.8s ease-out infinite}.map-pulse::before{left:-17px;top:-17px;width:66px;height:66px;animation-delay:.75s}.map-pulse::after{left:-34px;top:-34px;width:100px;height:100px;animation-delay:1.5s}@keyframes mapPulse{0%{transform:scale(.6);opacity:0}22%{opacity:.68}100%{transform:scale(1.35);opacity:0}}

@media(max-width:1100px){.product-row{grid-template-columns:60px minmax(170px,.5fr) 1fr 52px 230px;gap:24px}.product-row-media{height:148px}}
@media(max-width:980px){
  .proof-strip{grid-template-columns:1fr 1fr}.proof-item:nth-child(2){border-right:0}.proof-item:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .product-teaser-grid,.about-story-grid,.services-intro,.portfolio-head,.contact-layout{grid-template-columns:1fr;gap:var(--s3)}.services-intro .copy,.portfolio-head .copy{justify-self:start}
  .about-world,.modal-hero{grid-template-columns:1fr}.about-world .visual-frame{border-right:0;border-bottom:1px solid var(--line);min-height:540px}.about-world-copy{padding:92px var(--gutter)}
  .expertise-grid{grid-template-columns:repeat(2,1fr)}.service-detail-inner{grid-template-columns:110px 1fr}.service-detail-inner p{grid-column:2}.detail-action{grid-column:2;justify-self:start}
  .principle-row{grid-template-columns:70px 1fr}.principle-row p{grid-column:2}.engagement-step{grid-template-columns:70px 220px 1fr}
  .product-field-wrap{width:66vw;right:-24vw;opacity:.48}.product-row{grid-template-columns:60px 1fr 52px;gap:20px;padding:24px 0}.product-row p{grid-column:2}.product-row .row-arrow{grid-column:3;grid-row:1/3}.product-row-media{grid-column:1/-1;height:220px}.modal-visual{min-height:500px}.modal-copy{padding:86px var(--gutter)}
}
@media(max-width:640px){
  .home-hero{min-height:740px}.home-hero-actions{align-items:flex-start}.home-hero-meta{flex-direction:column;gap:8px}.proof-strip{grid-template-columns:1fr}.proof-item{border-right:0!important;border-bottom:1px solid var(--line);min-height:128px;padding:24px 20px}.proof-item:last-child{border-bottom:0}.product-teaser-grid{gap:34px}.product-teaser-card{height:330px}.product-teaser-label{align-items:flex-start;flex-direction:column;gap:8px}.home-contact-inner{grid-template-columns:1fr}.contact-orb{width:92px;height:92px}
  .about-story-grid{gap:52px}.story-origin{grid-template-columns:1fr;gap:28px}.about-world .visual-frame{min-height:420px}.about-world-copy{padding:76px 20px}.principle-row{grid-template-columns:48px 1fr;gap:18px}.principle-row p{grid-column:2}
  .expertise-grid{grid-template-columns:1fr}.expertise-card{min-height:250px}.expertise-card h3{margin-top:60px}.service-detail-inner{grid-template-columns:1fr;gap:15px}.service-detail-inner p,.detail-action{grid-column:auto}.engagement-track::before{display:none}.engagement-step{grid-template-columns:48px 1fr;gap:16px;padding:26px 0}.engagement-step p{grid-column:2}
  .product-field-wrap{width:100vw;height:390px;right:-48vw;top:92px;opacity:.34}.product-row{grid-template-columns:45px 1fr 50px;gap:14px;min-height:0}.product-row-media{height:190px}.modal-close{right:16px;top:16px}.modal-hero{display:block}.modal-visual{min-height:410px}.modal-copy{padding:70px 20px}.modal-flow-head{grid-template-columns:1fr;gap:28px}.modal-step{grid-template-columns:48px 1fr;gap:16px;padding:25px 0}.modal-step p{grid-column:2}
  .contact-item{grid-template-columns:90px 1fr auto;gap:12px}.contact-map{min-height:410px}.contact-map .visual-tag{left:20px}
}

/* =========================================================
   FINAL SCALE CALIBRATION + PAGE-SPECIFIC MOTION SURFACES
   ========================================================= */
.home-hero-media img{
  filter:grayscale(.72) saturate(.52) brightness(.70) contrast(1.08);
  transform:scale(1.045);
  animation:homeImageDrift 18s ease-in-out infinite alternate;
}
.home-hero::before{background:linear-gradient(90deg,#050605 0%,rgba(5,6,5,.89) 31%,rgba(5,6,5,.43) 63%,rgba(5,6,5,.06) 100%),linear-gradient(0deg,#050605 0%,rgba(5,6,5,.5) 12%,transparent 45%)}
#hero-field{z-index:1;opacity:.9;mix-blend-mode:screen}.home-hero-inner{position:relative;z-index:3;padding-bottom:64px}.home-hero::after{z-index:0;animation:heroGridDrift 20s linear infinite}
.home-manifesto{padding:98px 0}.proof-item{min-height:142px;padding-top:26px;padding-bottom:26px}.home-product-teaser{padding:96px 0}.product-teaser-card{height:340px;margin-top:58px}.home-contact{padding:88px 0}.contact-orb{width:98px;height:98px;font-size:23px}
@keyframes homeImageDrift{0%{transform:scale(1.045) translate3d(0,0,0)}100%{transform:scale(1.085) translate3d(-1%,1%,0)}}

/* About: tighter content + active global visual field */
.about-story{padding:100px 0}.story-origin{margin-top:80px}
.about-world{min-height:610px}.about-world .visual-frame{min-height:610px}.about-world-copy{padding:84px var(--gutter)}
.about-world .visual-frame::after{content:"";position:absolute;z-index:2;inset:auto -25% 14% auto;width:58%;height:1px;background:linear-gradient(90deg,transparent,rgba(243,112,33,.42),transparent);box-shadow:0 0 16px rgba(243,112,33,.14);animation:worldRoute 7s ease-in-out infinite;transform:rotate(-13deg)}
.about-principles{padding:96px 0}
@keyframes worldRoute{0%,100%{opacity:.1;transform:rotate(-13deg) translateX(-18%)}50%{opacity:.75;transform:rotate(-13deg) translateX(18%)}}

/* Services: visual is supporting, expertise stays the focus */
.services-model{padding:98px 0}.services-visual{height:min(47vw,560px);min-height:430px;margin-bottom:82px}
.services-visual::after{content:"";position:absolute;z-index:3;top:0;bottom:0;width:1px;left:12%;background:rgba(243,112,33,.55);box-shadow:0 0 16px rgba(243,112,33,.2);opacity:.45;animation:servicesScan 9s ease-in-out infinite;pointer-events:none}
.expertise-card{min-height:270px}.expertise-card h3{margin-top:68px}.engagement{padding:94px 0}
@keyframes servicesScan{0%,100%{left:10%;opacity:.08}45%{opacity:.55}55%{opacity:.55}100%{left:90%;opacity:.08}}

/* Products: portfolio remains expandable; single item does not feel oversized */
.products-portfolio{padding:98px 0}.product-field-wrap{top:44px;height:470px;opacity:.78}.product-row{min-height:188px;grid-template-columns:62px minmax(170px,.46fr) minmax(250px,.72fr) 50px 260px;gap:30px;padding:16px 0}.product-row-media{height:138px}.modal-hero{min-height:70vh}.modal-visual{min-height:540px}.modal-copy{padding-top:92px;padding-bottom:62px}.modal-flow{padding:82px 0 96px}.modal-flow-head{margin-bottom:52px}

/* Contact: clear information, then a shorter living network visual */
.contact-section{padding:96px 0}.contact-map{height:min(48vw,540px);min-height:400px}.contact-map img{filter:grayscale(.68) saturate(.54) brightness(.72);animation:contactMapDrift 17s ease-in-out infinite alternate}.contact-map::before{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(110deg,transparent 28%,rgba(243,112,33,.035) 48%,transparent 66%);transform:translateX(-110%);animation:contactSweep 10s ease-in-out infinite;pointer-events:none}
@keyframes contactMapDrift{0%{transform:translate3d(0,-1%,0) scale(1.02)}100%{transform:translate3d(-1.2%,1%,0) scale(1.055)}}
@keyframes contactSweep{0%,20%{transform:translateX(-110%);opacity:0}43%{opacity:.65}72%,100%{transform:translateX(110%);opacity:0}}

@media(max-width:980px){
  .about-world,.about-world .visual-frame{min-height:520px}.services-visual{min-height:400px}.product-row{grid-template-columns:56px 1fr 50px;gap:20px;min-height:0}.product-row-media{height:200px}.contact-map{min-height:390px}
}
@media(max-width:640px){
  .home-manifesto,.home-product-teaser,.home-caps,.home-contact,.about-story,.about-principles,.about-commit,.services-model,.engagement,.products-portfolio,.product-ecosystem,.contact-section{padding-top:76px;padding-bottom:76px}
  .product-teaser-card{height:300px}.about-world,.about-world .visual-frame{min-height:410px}.services-visual{min-height:360px;height:65vw;margin-bottom:58px}.contact-map{min-height:360px;height:70vw}
}

/* =========================================================
   PRODUCTS — simpler portfolio, clearer hierarchy
   ========================================================= */
.products-portfolio{padding:92px 0 104px;background:linear-gradient(180deg,#050605 0%,#070907 100%)}
.products-portfolio::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 82% 22%,rgba(243,112,33,.045),transparent 27%);animation:portfolioAura 7s ease-in-out infinite}
.portfolio-head{grid-template-columns:1fr .72fr;margin-bottom:54px}
.product-list{max-width:none}
.product-entry{width:100%;text-align:left;color:inherit;font:inherit;border:1px solid var(--line);background:#070807;padding:0;display:grid;grid-template-columns:minmax(340px,.82fr) 1.18fr;min-height:360px;cursor:pointer;overflow:hidden;position:relative;transition:border-color .35s var(--ease),background .35s var(--ease),transform .35s var(--ease);box-shadow:none}
.product-entry::after{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,var(--green),rgba(243,112,33,.18),transparent);transform:scaleX(.12);transform-origin:left;transition:.5s var(--ease);box-shadow:0 0 12px rgba(243,112,33,.18)}
.product-entry:hover{border-color:rgba(255,255,255,.19);background:#0a0c0a;transform:translateY(-3px)}
.product-entry:hover::after{transform:scaleX(1)}
.product-entry-media{position:relative;overflow:hidden;min-height:360px;border-right:1px solid var(--line)}
.product-entry-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 45%,rgba(5,6,5,.35)),linear-gradient(0deg,rgba(5,6,5,.38),transparent 45%)}
.product-entry-media img{width:100%;height:100%;object-fit:cover;filter:grayscale(.36) saturate(.72) brightness(.82);transition:transform .8s var(--ease),filter .5s ease;animation:productMediaBreath 8s ease-in-out infinite alternate}
.product-entry:hover .product-entry-media img{filter:grayscale(.18) saturate(.88) brightness(.92);transform:scale(1.045)}
.product-entry-copy{padding:42px 46px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0}
.product-entry-top{width:100%;display:flex;justify-content:space-between;gap:20px;margin-bottom:48px;font:9px "DM Mono",monospace;letter-spacing:.14em;color:#737c73}
.product-status{color:var(--green);position:relative;padding-left:13px}.product-status::before{content:"";position:absolute;left:0;top:50%;width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 9px rgba(243,112,33,.55);animation:statusPulse 2.4s ease-in-out infinite}
.product-entry-copy>strong{font-size:clamp(46px,5vw,72px);font-weight:500;letter-spacing:-.055em;line-height:.92;margin-bottom:24px}
.product-entry-desc{font-size:clamp(15px,1.25vw,18px);line-height:1.65;color:#a3aba3;max-width:560px}
.product-entry-action{margin-top:42px;padding-top:16px;border-top:1px solid var(--line);width:100%;display:flex;justify-content:space-between;align-items:center;text-transform:uppercase;font:9px "DM Mono",monospace;letter-spacing:.14em;color:#cbd0cb}
.product-entry-action i{font-style:normal;width:38px;height:38px;border:1px solid var(--line);display:grid;place-items:center;transition:.3s var(--ease)}
.product-entry:hover .product-entry-action i{color:var(--green);border-color:rgba(243,112,33,.45);transform:translate(3px,-3px)}
@keyframes productMediaBreath{to{transform:scale(1.035) translateX(-.7%)}}
@keyframes statusPulse{0%,100%{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.28)}}
@keyframes portfolioAura{0%,100%{opacity:.45;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}

/* =========================================================
   CONTACT — replace generic image with a meaningful network close
   ========================================================= */
.contact-network-stage{position:relative;min-height:480px;border-bottom:1px solid var(--line);overflow:hidden;background:linear-gradient(180deg,#060806 0%,#050605 100%)}
.contact-network-stage::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:84px 84px;opacity:.52;animation:networkGrid 13s linear infinite}
.contact-network-stage::after{content:"";position:absolute;right:4%;top:-32%;width:48vw;height:140%;background:radial-gradient(circle,rgba(243,112,33,.09),rgba(243,112,33,.018) 34%,transparent 66%);filter:blur(14px);animation:networkAura 7s ease-in-out infinite}
.contact-network-inner{min-height:480px;display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;align-items:center;position:relative;z-index:2}
.contact-network-copy h2{font-size:clamp(48px,5.4vw,78px);line-height:.92;letter-spacing:-.055em;margin:0}.contact-network-copy h2 span{color:#868e86}
.route-stage{position:relative;height:330px;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 55% 50%,rgba(255,255,255,.025),transparent 48%);overflow:hidden}
.route-stage:has(video){height:auto!important;aspect-ratio:16/9;min-height:240px;background:#050605 url("assets/contact-network-poster.jpg") center/cover no-repeat}
.route-stage:has(video)::before,.route-stage:has(video)::after{display:none}
.route-stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.route-stage::before,.route-stage::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 34%,rgba(243,112,33,.09) 48%,transparent 62%);transform:translateX(-115%);animation:routeSweep 6.5s ease-in-out infinite}.route-stage::after{animation-delay:3.2s;opacity:.5}
.route-point{position:absolute;z-index:4;top:50%;display:flex;flex-direction:column;gap:12px;transform:translateY(-50%);font:9px "DM Mono",monospace;letter-spacing:.14em;color:#c5cbc5}.route-point b{width:12px;height:12px;border:2px solid var(--green);border-radius:50%;background:#0c100b;box-shadow:0 0 0 8px rgba(243,112,33,.035),0 0 22px rgba(243,112,33,.32);animation:routePoint 2.7s ease-in-out infinite}.point-london{left:14%}.point-dubai{right:14%;align-items:flex-end}.point-dubai b{animation-delay:1.1s}.route-point em{font-style:normal}
.route-line{position:absolute;z-index:3;left:calc(14% + 8px);right:calc(14% + 8px);top:50%;height:1px;background:linear-gradient(90deg,rgba(243,112,33,.25),rgba(255,255,255,.2),rgba(243,112,33,.25));transform:translateY(-50%)}.route-line i{position:absolute;width:9px;height:9px;border-radius:50%;top:-4px;left:0;background:var(--green);box-shadow:0 0 16px rgba(243,112,33,.75);animation:routeTravel 3.8s cubic-bezier(.45,.02,.54,.98) infinite}
.route-orbit{position:absolute;border:1px solid rgba(255,255,255,.07);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);animation:orbitSpin 12s linear infinite}.orbit-one{width:220px;height:220px}.orbit-two{width:290px;height:150px;animation-direction:reverse;animation-duration:9s;border-color:rgba(243,112,33,.08)}.route-glow{position:absolute;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(243,112,33,.1),transparent 66%);left:50%;top:50%;transform:translate(-50%,-50%);filter:blur(8px);animation:routeGlow 4.5s ease-in-out infinite}
.network-motion{position:absolute;inset:0;pointer-events:none}.network-motion i{position:absolute;width:1px;height:46%;top:27%;background:linear-gradient(transparent,rgba(255,255,255,.11),transparent);transform:rotate(24deg);animation:networkBeam 8s ease-in-out infinite}.network-motion i:nth-child(1){left:18%}.network-motion i:nth-child(2){left:34%;animation-delay:-2s}.network-motion i:nth-child(3){left:52%;animation-delay:-4s}.network-motion i:nth-child(4){left:69%;animation-delay:-1s}.network-motion i:nth-child(5){left:84%;animation-delay:-5s}
@keyframes routeTravel{0%{left:0;opacity:0}9%{opacity:1}91%{opacity:1}100%{left:calc(100% - 9px);opacity:0}}
@keyframes routePoint{0%,100%{transform:scale(.85);box-shadow:0 0 0 7px rgba(243,112,33,.025),0 0 14px rgba(243,112,33,.16)}50%{transform:scale(1.22);box-shadow:0 0 0 18px rgba(243,112,33,.025),0 0 28px rgba(243,112,33,.48)}}
@keyframes routeSweep{0%,18%{transform:translateX(-115%);opacity:0}45%{opacity:.75}72%,100%{transform:translateX(115%);opacity:0}}
@keyframes orbitSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes routeGlow{0%,100%{opacity:.35;transform:translate(-50%,-50%) scale(.82)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.14)}}
@keyframes networkGrid{to{background-position:84px 0,0 84px}}
@keyframes networkAura{0%,100%{transform:scale(.92);opacity:.4}50%{transform:scale(1.08);opacity:.9}}
@keyframes networkBeam{0%,100%{opacity:.08;transform:rotate(24deg) translateY(-12%)}50%{opacity:.42;transform:rotate(24deg) translateY(12%)}}

@media(max-width:900px){
  .product-entry{grid-template-columns:1fr}.product-entry-media{min-height:280px;border-right:0;border-bottom:1px solid var(--line)}.product-entry-copy{padding:34px 28px}.product-entry-top{margin-bottom:34px}
  .contact-network-inner{grid-template-columns:1fr;padding-top:74px;padding-bottom:74px}.route-stage{height:290px}
}
@media(max-width:600px){.route-stage{height:250px}.point-london{left:9%}.point-dubai{right:9%}.route-line{left:calc(9% + 8px);right:calc(9% + 8px)}.product-entry-media{min-height:230px}}

/* Home hero brought up to the same visibility/motion level as inner pages */
.home-hero-media img{filter:grayscale(.32) saturate(.76) brightness(.88) contrast(1.06);animation:homeImageDriftStrong 9.5s ease-in-out infinite alternate}
.home-hero::before{background:linear-gradient(90deg,rgba(5,6,5,.96) 0%,rgba(5,6,5,.80) 29%,rgba(5,6,5,.32) 58%,rgba(5,6,5,.03) 86%,transparent 100%),linear-gradient(0deg,rgba(5,6,5,.76) 0%,rgba(5,6,5,.14) 30%,transparent 64%)}
#hero-field{opacity:1;filter:drop-shadow(0 0 12px rgba(243,112,33,.18))}.home-hero .hero-atmosphere::before{background:linear-gradient(90deg,transparent,rgba(243,112,33,.10),rgba(255,255,255,.08),transparent);animation-duration:6.4s}.home-hero .hero-atmosphere::after{background:radial-gradient(circle,rgba(243,112,33,.13),rgba(243,112,33,.04) 37%,transparent 69%);animation-duration:6s}
@keyframes homeImageDriftStrong{0%{transform:scale(1.025) translate3d(0,-.8%,0)}100%{transform:scale(1.10) translate3d(-2%,1.4%,0)}}


/* ==== Home / services polish ==== */
.home-hero-media img{filter:grayscale(.12) saturate(1.02) brightness(.95) contrast(1.08)!important;animation:homeImageDriftStrong 11s ease-in-out infinite alternate!important}
.home-hero::before{background:linear-gradient(90deg,rgba(4,6,10,.88) 0%,rgba(4,6,10,.74) 28%,rgba(4,6,10,.28) 58%,rgba(4,6,10,.03) 88%,transparent 100%),linear-gradient(0deg,rgba(4,6,10,.82) 0%,rgba(4,6,10,.18) 28%,transparent 65%)!important}
.home-hero::after{opacity:.85!important}
.home-hero-media::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 58% 52%,rgba(78,170,255,.24),transparent 20%),linear-gradient(115deg,transparent 34%,rgba(120,214,255,.10) 48%,transparent 62%);mix-blend-mode:screen;animation:heroPulseShift 8s ease-in-out infinite;pointer-events:none}
.home-hero-meta .meta:last-child{color:#c2d2de!important}
#hero-field{opacity:1!important;filter:drop-shadow(0 0 18px rgba(120,214,255,.18))!important}

.proof-strip{border-top:1px solid var(--line)}
.proof-item{min-height:148px!important;background:rgba(255,255,255,.012)}
.proof-item:hover{background:rgba(243,112,33,.03)}
.proof-item strong{color:#f1f4f8}
.proof-item span{color:#7d8d9a!important}

.services-visual{height:min(50vw,590px)!important;min-height:440px!important;padding:16px!important;background:linear-gradient(180deg,#09111a 0%,#060d14 100%)!important}
.services-visual img{object-fit:contain!important;object-position:center!important;padding:10px!important;filter:grayscale(.06) saturate(.94) brightness(.93) contrast(1.04)!important;transform:none!important}
.services-visual::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 50%,rgba(88,171,255,.10),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.04),transparent 26%)}
.services-visual::after{left:10%!important;opacity:.52!important;background:rgba(120,214,255,.58)!important;box-shadow:0 0 18px rgba(120,214,255,.22)!important}
.services-visual .visual-tag{background:rgba(8,14,22,.74)!important;border-color:rgba(243,112,33,.16)!important}

.contact-network-stage{min-height:430px!important}
.contact-network-inner{min-height:430px!important}
.contact-network-copy h2 span{color:#8fa2b5!important}

@keyframes heroPulseShift{0%,100%{transform:translate3d(0,0,0) scale(1);opacity:.72}50%{transform:translate3d(-2%,1.5%,0) scale(1.05);opacity:1}}
@media(max-width:980px){.services-visual{min-height:390px!important;height:auto!important}}
@media(max-width:640px){.services-visual{padding:10px!important;min-height:320px!important}.services-visual img{padding:4px!important}.proof-item{min-height:120px!important}}


/* ==== Home v5 hero cleanup ==== */
.home-hero-media img{filter:grayscale(0) saturate(1.04) brightness(.98) contrast(1.03)!important;animation:homeHeroVideoFeel 12s ease-in-out infinite alternate!important}
.home-hero::before{background:linear-gradient(90deg,rgba(4,6,10,.78) 0%,rgba(4,6,10,.56) 26%,rgba(4,6,10,.20) 58%,rgba(4,6,10,.02) 88%,transparent 100%),linear-gradient(0deg,rgba(4,6,10,.70) 0%,rgba(4,6,10,.12) 26%,transparent 66%)!important}
.home-hero::after{opacity:.48!important}
.home-hero-media::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 58% 52%,rgba(243,112,33,.20),transparent 18%),linear-gradient(115deg,transparent 34%,rgba(243,112,33,.08) 48%,transparent 62%);mix-blend-mode:screen;animation:heroPulseShift 8.5s ease-in-out infinite;pointer-events:none}
#hero-field{opacity:.78!important;filter:drop-shadow(0 0 14px rgba(243,112,33,.14))!important}
.home-hero .hero-atmosphere::before{opacity:.65!important}
.home-hero .hero-atmosphere::after{opacity:.68!important}
.proof-strip{overflow:hidden}
.proof-item{position:relative;transform:translateY(18px);opacity:0;animation:proofRise .65s cubic-bezier(.22,.61,.36,1) forwards}
.proof-item:nth-child(1){animation-delay:.15s}.proof-item:nth-child(2){animation-delay:.32s}.proof-item:nth-child(3){animation-delay:.49s}.proof-item:nth-child(4){animation-delay:.66s}
.proof-item::after{content:"";position:absolute;left:0;bottom:0;height:1px;width:100%;background:linear-gradient(90deg,transparent,rgba(243,112,33,.55),transparent);transform:scaleX(.2);opacity:0;transition:.35s ease}
.proof-item:hover::after{transform:scaleX(1);opacity:1}
@keyframes proofRise{to{transform:none;opacity:1}}
@keyframes homeHeroVideoFeel{0%{transform:scale(1.02) translate3d(0,0,0)}50%{transform:scale(1.045) translate3d(-.6%,-.3%,0)}100%{transform:scale(1.07) translate3d(1.1%,.6%,0)}}

.services-visual{background:linear-gradient(180deg,#0a1118 0%,#081018 100%)!important;padding:14px!important}
.services-visual::before{background:radial-gradient(circle at 50% 50%,rgba(243,112,33,.08),transparent 34%)!important}
.services-visual img{object-fit:contain!important;object-position:center!important;padding:8px!important;filter:grayscale(0) saturate(.96) brightness(.96) contrast(1.03)!important}
.services-visual::after{opacity:.36!important;left:8%!important;background:rgba(243,112,33,.44)!important;box-shadow:0 0 14px rgba(243,112,33,.15)!important}

.contact-network-stage{min-height:400px!important}.contact-network-inner{min-height:400px!important}

@keyframes heroPulseShift{0%,100%{transform:translate3d(0,0,0) scale(1);opacity:.62}50%{transform:translate3d(-1.5%,1%,0) scale(1.04);opacity:.9}}
@media(max-width:640px){.proof-item{animation:none;opacity:1;transform:none}}


/* ==== V8 user-requested simplification ==== */
.home-hero-media img{
  filter:grayscale(0) saturate(1.06) brightness(1.08) contrast(1.02)!important;
  transform:scale(1.015)!important;
  object-position:center!important;
}
.home-hero::before{
  background:linear-gradient(90deg,rgba(5,6,5,.72) 0%,rgba(5,6,5,.48) 28%,rgba(5,6,5,.14) 58%,rgba(5,6,5,.02) 100%),linear-gradient(0deg,rgba(5,6,5,.56) 0%,rgba(5,6,5,.08) 24%,transparent 62%)!important;
}
.home-hero::after{opacity:.12!important;background-size:170px 170px!important}
.home-hero-media::after{display:none!important}
.home-hero .hero-atmosphere::before{opacity:.16!important;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent)!important}
.home-hero .hero-atmosphere::after{opacity:.18!important;background:radial-gradient(circle,rgba(135,207,255,.08),transparent 62%)!important}
#hero-field{display:none!important}
.home-hero h1{max-width:820px!important}
.home-hero .lead{max-width:520px!important}
.home-hero-media video{
  height:100%!important;
  transform:none!important;
  animation:none!important;
  pointer-events:none;
  filter:saturate(1.04) brightness(.92) contrast(1.05)!important;
}
.about-page .page-hero-media{
  background:#050605 url("assets/about-hero-poster.jpg") center/cover no-repeat;
}
.services-page .page-hero-media{
  background:#050605 url("assets/services-hero-poster.jpg") center/cover no-repeat;
}
.products-page .page-hero-media{
  background:#050605 url("assets/products-hero-poster.jpg") center/cover no-repeat;
}
.contact-page .page-hero-media{
  background:#050605 url("assets/contact-hero-poster.jpg") center/cover no-repeat;
}
.page-hero-media video{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  pointer-events:none;
  transform:none!important;
  animation:none!important;
  filter:saturate(1.04) brightness(.92) contrast(1.05)!important;
}
.page-hero:has(video) .page-scene-canvas{display:none!important}
.home-contact{padding-top:96px!important}

/* Remove ARKARIX teaser spacing aftermath */
.home-contact{border-top:1px solid var(--line)}

/* Services visual: reduce left/right empty space */
.services-visual{
  padding:0!important;
  overflow:hidden!important;
  background:#070c10!important;
}
.services-visual img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  padding:0!important;
  filter:grayscale(0) saturate(.98) brightness(.98) contrast(1.02)!important;
}
.services-visual::before{background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 26%)!important}
.services-visual::after{left:4%!important;opacity:.26!important}
.services-visual .visual-tag{left:18px!important;bottom:18px!important}

@media(max-width:900px){
  .services-visual img{object-fit:cover!important;object-position:center!important}
}

/* =========================================================
   CONTENT PASS — capabilities, pillars, commitment, ecosystem
   ========================================================= */
.home-caps{padding:var(--s6) 0;border-bottom:1px solid var(--line)}
.cap-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:var(--s4)}
.cap-card{min-height:248px;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#070807;transition:background .3s var(--ease),border-color .3s var(--ease)}
.cap-card:hover{background:#0d100d}
.cap-card span{display:block;font:9px "DM Mono",monospace;letter-spacing:.14em;color:#747c74;margin-bottom:54px}
.cap-card h3{margin:0 0 16px;font-size:clamp(22px,2vw,28px);letter-spacing:-.04em}
.cap-card p{margin:0;color:#8f978f;max-width:340px}

.pillar-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.service-pillar{padding:36px 32px 40px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#070807;min-height:100%;transition:background .3s var(--ease)}
.service-pillar:hover{background:#0c0f0c}
.service-pillar .service-num{display:block;margin-bottom:28px}
.service-pillar h3{margin:0 0 16px;font-size:clamp(24px,2.1vw,32px);letter-spacing:-.04em;line-height:1.15}
.service-pillar>p{margin:0 0 28px;color:#8f978f;max-width:540px;line-height:1.7}
.pillar-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.pillar-list li{padding:8px 12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);font-size:12px;color:#c5cbc5;line-height:1.35}

.about-commit{padding:var(--s6) 0;border-bottom:1px solid var(--line)}
.commit-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:var(--s4)}
.commit-card{padding:36px 32px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#070807;min-height:220px}
.commit-card h3{margin:0 0 14px;font-size:clamp(22px,2vw,28px);letter-spacing:-.04em}
.commit-card p{margin:0;color:#8f978f;max-width:460px}

.product-list{display:grid;gap:18px}
.product-ecosystem{padding:var(--s6) 0;border-bottom:1px solid var(--line)}
.eco-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:var(--s4)}
.eco-card{padding:36px 32px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#070807;min-height:220px}
.eco-card span{display:block;font:9px "DM Mono",monospace;letter-spacing:.14em;color:#747c74;margin-bottom:28px}
.eco-card h3{margin:0 0 14px;font-size:clamp(26px,2.4vw,36px);letter-spacing:-.045em}
.eco-card p{margin:0;color:#8f978f;max-width:480px}

@media(max-width:980px){
  .cap-grid,.pillar-grid,.commit-grid,.eco-grid{grid-template-columns:1fr}
  .service-pillar{padding:28px 22px 32px}
}

@media(max-width:640px){
  .cap-card,.commit-card,.eco-card{min-height:0;padding:26px 20px}
  .cap-card span{margin-bottom:28px}
}

[dir="rtl"] .modal-close{right:auto;left:28px}
[dir="rtl"] .product-entry{text-align:right}
[dir="rtl"] .product-entry-media{border-right:0;border-left:1px solid var(--line)}
[dir="rtl"] .product-entry::after{transform-origin:right}