/* CREOVA homepage: a focused editorial system, scoped away from the shared navigation. */
.ch-home{--ch-ink:#070e23;--ch-panel:#0e1d39;--ch-blue:#318fe8;--ch-cyan:#80d9ee;color:#f5f8ff;font-family:Alexandria,Arial,sans-serif;background:radial-gradient(circle at 85% 8%,#153963 0,transparent 23%),radial-gradient(circle at 12% 43%,#0c2955 0,transparent 28%),linear-gradient(135deg,#050b1b,#09152e 55%,#050b1b);overflow:hidden}
.ch-home *{box-sizing:border-box}
.ch-home .ch-shell{width:min(1280px,calc(100% - 64px));margin-inline:auto}
.ch-home a{color:inherit;text-decoration:none}
.ch-home a:focus-visible,.ch-home button:focus-visible,.ch-home summary:focus-visible{outline:2px solid var(--ch-cyan);outline-offset:5px}
.ch-home h1,.ch-home h2,.ch-home h3{margin:0;font-weight:700;letter-spacing:-.045em;line-height:1.12}
.ch-home h1{font-size:clamp(48px,6vw,88px)}
.ch-home h2{font-size:clamp(31px,3.5vw,52px)}
.ch-home h3{font-size:clamp(20px,1.6vw,25px)}
.ch-home p{margin:0;color:#b9c9dc;line-height:1.75;font-size:15px}
.ch-home .ch-eyebrow{margin:0 0 18px;color:#7edbef;font-size:11px;font-weight:700;letter-spacing:.17em;text-transform:uppercase;line-height:1.5}
.ch-home .ch-primary{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 22px;border:1px solid #499ff0;border-radius:5px;background:#1779cc;color:#fff;font-size:14px;font-weight:700;transition:background .2s,transform .2s}
.ch-home .ch-primary:hover{background:#2b91df;transform:translateY(-2px)}
.ch-home .ch-link{display:inline-flex;align-items:center;min-height:44px;border-bottom:1px solid #8ac5e1;color:#d7e9f9;font-size:14px;font-weight:600}
.ch-home img{display:block;width:100%;height:100%;object-fit:cover}
.ch-home .ch-hero{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);align-items:center;gap:clamp(32px,5vw,78px);min-height:min(840px,100svh);padding-top:118px;padding-bottom:76px}
.ch-home .ch-hero-copy{position:relative;z-index:1}
.ch-home .ch-hero h1{max-width:700px}
.ch-home .ch-hero h1 span{color:#81d8ef}
.ch-home .ch-hero-brand-wrap{margin-bottom:20px}
.ch-home .ch-hero-brand-title{margin:0;line-height:1}
.ch-home .ch-hero-brand-img{display:block;width:100%;max-width:clamp(320px,46vw,540px);height:auto;object-fit:contain;filter:drop-shadow(0 0 40px rgba(0,240,255,0.28))}
.ch-home .ch-lead{max-width:560px;margin:20px 0 30px;font-size:17px;line-height:1.7;color:#d4e1f0}
.ch-home .ch-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.ch-home .ch-note{font-size:12px;color:#95aac3}
.ch-home .ch-hero .ch-note{margin-top:29px}
.ch-home .ch-scroll-cue{display:inline-flex;align-items:center;gap:16px;margin-top:45px;color:#a4c5df;font-size:12px;letter-spacing:.04em}
.ch-home .ch-scroll-cue span{font-size:21px}
.ch-home .ch-hero-image{display:grid;grid-template-columns:1.32fr .82fr;grid-template-rows:1fr 1fr;gap:12px;height:clamp(430px,44vw,620px);margin:0;min-width:0}
.ch-home .ch-hero-image img{min-width:0;min-height:0;border-radius:8px;transition:transform .55s,filter .55s}
.ch-home .ch-hero-image img:hover{transform:scale(1.015);filter:brightness(1.1)}
.ch-home .ch-hero-image img:first-child{grid-row:1/3;object-position:48% center}
.ch-home .ch-hero-image img:nth-child(2){object-position:center}
.ch-home .ch-hero-image img:nth-child(3){object-position:center}
.ch-home .ch-hero-image figcaption{grid-column:1/-1;color:#a8bfd6;font-size:11px;letter-spacing:.1em;text-transform:uppercase;align-self:end}
.ch-home .ch-journey{position:relative;width:min(1280px,calc(100% - 64px));margin:0 auto;padding:74px 0 86px;border-top:1px solid #ffffff29}
.ch-home .ch-journey-intro{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:28px}
.ch-home .ch-journey-intro>p:last-child{max-width:390px}
.ch-home .ch-journey-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ch-home .ch-scene{display:flex;flex-direction:column-reverse;min-width:0;overflow:hidden;background:linear-gradient(160deg,#14294a,#0b1934);border:1px solid #ffffff20;border-radius:9px;transition:transform .3s,border-color .3s}
.ch-home .ch-scene:hover{transform:translateY(-5px);border-color:#80d9ee7a}
.ch-home .ch-scene-visual{position:relative;height:240px;margin:0;overflow:hidden}
.ch-home .ch-scene-visual img{transition:transform .5s}
.ch-home .ch-scene:hover img{transform:scale(1.04)}
.ch-home .ch-scene-visual figcaption{display:none}
.ch-home .ch-scene-copy{display:flex;flex:1;flex-direction:column;padding:27px 26px 28px}
.ch-home .ch-scene-number{color:#69c5ed;font-size:12px;letter-spacing:.12em;font-weight:700;margin-bottom:16px}
.ch-home .ch-scene .ch-eyebrow{color:#a6c5df;letter-spacing:.06em;font-size:11px;text-transform:none;margin-bottom:14px}
.ch-home .ch-scene h2{font-size:clamp(25px,2.2vw,32px);margin-bottom:17px}
.ch-home .ch-scene-copy>p:not(.ch-eyebrow){font-size:14px;line-height:1.7;margin-bottom:26px}
.ch-home .ch-scene .ch-primary{align-self:flex-start;margin-top:auto;background:transparent;border-color:#6484a3;font-size:12px;min-height:42px;padding:9px 14px}
.ch-home .ch-scene .ch-primary:hover{background:#174675}
.ch-home .ch-section{padding-top:80px;padding-bottom:80px}
.ch-home .ch-heading{display:flex;align-items:end;justify-content:space-between;gap:38px;margin-bottom:32px}
.ch-home .ch-heading h2 span,.ch-home .ch-feature h2 span{color:#84d6ee}
.ch-home .ch-heading>p{max-width:410px}
.ch-home .ch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.ch-home .ch-card{display:block;min-width:0;background:#0d1c37;border:1px solid #ffffff20;border-radius:8px;overflow:hidden;transition:transform .25s,border-color .25s,background .25s}
.ch-home .ch-card:hover{transform:translateY(-4px);border-color:#80d9ee77;background:#122547}
.ch-home .ch-card img{height:188px;transition:transform .4s}
.ch-home .ch-card:hover img{transform:scale(1.04)}
.ch-home .ch-card>div{padding:18px 18px 21px}
.ch-home .ch-card h3{display:flex;align-items:start;justify-content:space-between;gap:8px;font-size:17px;line-height:1.35;margin-bottom:9px}
.ch-home .ch-card h3 span{color:#83d9ee;font-size:16px}
.ch-home .ch-card p{font-size:12px;line-height:1.55}
.ch-home .ch-all{display:flex;flex-direction:column;justify-content:center;padding:24px;background:radial-gradient(circle at 100% 0,#175a9b,#102c59 45%,#0a1b38)}
.ch-home .ch-all .ch-eyebrow{font-size:10px}
.ch-home .ch-all h3{font-size:27px;margin-bottom:16px}
.ch-home .ch-all>span{margin-top:32px;color:#91e2f1;font-size:13px;font-weight:700}
.ch-home #technologies>.ch-note{margin-top:24px;font-size:11px;color:#8eabc3}
.ch-home .ch-feature{background:linear-gradient(125deg,#0b2851,#09152d 58%,#061026);padding:78px 0;border-block:1px solid #ffffff20}
.ch-home .ch-feature-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7%}
.ch-home .ch-feature-grid>img{height:480px;border-radius:9px}
.ch-home .ch-feature h2{margin-bottom:23px}
.ch-home .ch-feature p:not(.ch-eyebrow){margin-bottom:18px;max-width:550px}
.ch-home .ch-feature .ch-link{margin-top:6px}
.ch-home .ch-contexts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.ch-home .ch-contexts article{padding-top:18px;border-top:1px solid #6cb9e875}
.ch-home .ch-contexts h3{font-size:18px;margin-bottom:12px}
.ch-home .ch-contexts p{font-size:13px}
.ch-home .ch-delivery{border-top:1px solid #ffffff23}
.ch-home .ch-faq{display:grid;grid-template-columns:.85fr 1.15fr;gap:0 9%;border-top:1px solid #ffffff23}
.ch-home .ch-faq>.ch-eyebrow,.ch-home .ch-faq>h2{grid-column:1}
.ch-home .ch-faq>h2{align-self:start;grid-row:2/6}
.ch-home .ch-faq details{grid-column:2;padding:18px 0;border-bottom:1px solid #ffffff2c}
.ch-home .ch-faq summary{cursor:pointer;font-weight:600;font-size:14px;line-height:1.6}
.ch-home .ch-faq details p{padding-top:13px;font-size:13px}
.ch-home .ch-contact{margin-bottom:80px;padding:62px 65px;background:radial-gradient(circle at 88% 50%,#1c5c9e 0,transparent 38%),linear-gradient(110deg,#0e3568,#0a1c3e);border:1px solid #93d4ed47;border-radius:10px}
.ch-home .ch-contact h2{font-size:clamp(34px,4vw,55px);max-width:780px;margin-bottom:18px}
.ch-home .ch-contact p:not(.ch-eyebrow){margin-bottom:25px}
.ch-home .ch-can-reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}
.ch-home .ch-can-reveal.ch-in-view{opacity:1;transform:translateY(0)}
@media(max-width:1100px){.ch-home .ch-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ch-home .ch-hero{grid-template-columns:1fr 1fr}.ch-home .ch-scene-copy{padding:22px}.ch-home .ch-scene-visual{height:205px}}
@media(max-width:800px){.ch-home .ch-shell,.ch-home .ch-journey{width:calc(100% - 40px)}.ch-home .ch-hero{grid-template-columns:1fr;padding-top:125px;min-height:0;gap:38px}.ch-home .ch-hero-image{height:420px}.ch-home .ch-journey-grid{grid-template-columns:1fr 1fr}.ch-home .ch-scene:last-child{grid-column:1/-1}.ch-home .ch-heading,.ch-home .ch-journey-intro{align-items:start;flex-direction:column;gap:16px}.ch-home .ch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ch-home .ch-feature-grid{grid-template-columns:1fr;gap:32px}.ch-home .ch-feature-grid>img{height:360px}.ch-home .ch-contexts{grid-template-columns:repeat(2,minmax(0,1fr))}.ch-home .ch-faq{grid-template-columns:1fr}.ch-home .ch-faq>*{grid-column:1!important}.ch-home .ch-faq>h2{grid-row:auto;margin-bottom:20px}}
@media(max-width:560px){.ch-home .ch-shell,.ch-home .ch-journey{width:calc(100% - 32px)}.ch-home .ch-hero{padding-top:110px;padding-bottom:55px;gap:30px}.ch-home h1{font-size:clamp(42px,11.5vw,60px)}.ch-home .ch-lead{font-size:15px;margin:20px 0 24px}.ch-home .ch-hero-image{height:300px;gap:7px}.ch-home .ch-scroll-cue{margin-top:25px}.ch-home .ch-journey{padding:55px 0}.ch-home .ch-journey-grid{grid-template-columns:1fr}.ch-home .ch-scene:last-child{grid-column:auto}.ch-home .ch-scene-visual{height:215px}.ch-home .ch-section{padding-block:56px}.ch-home .ch-grid{gap:11px}.ch-home .ch-card img{height:125px}.ch-home .ch-card>div{padding:12px}.ch-home .ch-card h3{font-size:14px}.ch-home .ch-card p{font-size:11px}.ch-home .ch-all{padding:15px}.ch-home .ch-all h3{font-size:19px}.ch-home .ch-all>span{margin-top:10px}.ch-home .ch-feature{padding:55px 0}.ch-home .ch-feature-grid>img{height:260px}.ch-home .ch-contexts{grid-template-columns:1fr 1fr;gap:18px}.ch-home .ch-contexts h3{font-size:15px}.ch-home .ch-contexts p{font-size:12px}.ch-home .ch-contact{padding:36px 24px;margin-bottom:54px}}
@media(max-width:370px){.ch-home .ch-grid{grid-template-columns:1fr}.ch-home .ch-card img{height:180px}.ch-home .ch-contexts{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.ch-home *, .ch-home *:before,.ch-home *:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.ch-home .ch-can-reveal{opacity:1;transform:none}}

/* Compact video-led homepage composition. */
.ch-home .ch-hero-image video{display:block;grid-row:1/3;width:100%;height:100%;min-width:0;min-height:0;object-fit:cover;border-radius:8px;background:#091832}
.ch-home .ch-hero-image img:first-of-type{grid-row:auto;object-position:center}
.ch-home .ch-journey,.ch-home .ch-pillars{display:none!important}

/* Full-screen showreel hero with the existing navigation floating above it. */
.ch-home .ch-hero{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:100svh;max-width:none;width:100%;padding:140px 24px 80px}
.ch-home .ch-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 50%,rgba(3,11,28,.65) 0%,rgba(4,14,32,.88) 100%),linear-gradient(0deg,#07132a 0%,transparent 30%,rgba(4,12,26,.45) 100%)}
.ch-home .ch-hero-copy{max-width:860px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center}
.ch-home .ch-hero-image{position:absolute;inset:0;z-index:-2;display:block;width:100%;height:100%;border:0}
.ch-home .ch-hero-image video{display:block;width:100%;height:100%;object-fit:cover;border-radius:0}
.ch-home .ch-hero-image img,.ch-home .ch-hero-image figcaption{display:none}
.ch-home .ch-hero h1{font-size:clamp(44px,6.5vw,82px);line-height:1.06;letter-spacing:-.04em;text-align:center;text-shadow:0 4px 30px rgba(0,0,0,.65);margin:0 auto}
.ch-home .ch-hero h1 span{color:#80d9ee}
.ch-home .ch-hero .ch-lead{max-width:620px;margin:24px auto 0;text-align:center;color:#e6f1fc;font-size:16px;line-height:1.75;text-shadow:0 2px 14px rgba(0,0,0,.6)}
.ch-home .ch-actions{display:none}
.ch-home .ch-hero .ch-note{margin:22px auto 0;text-align:center;color:#8ea9c8}
.ch-home .ch-scroll-cue{margin:28px auto 0;justify-content:center}
@media(max-width:800px){.ch-home .ch-hero{min-height:86svh;padding:130px 20px 60px}.ch-home .ch-hero:after{background:radial-gradient(ellipse at 50% 50%,rgba(3,11,28,.68) 0%,rgba(4,14,32,.92) 100%),linear-gradient(0deg,#07132a,transparent 28%)}.ch-home .ch-hero h1{font-size:clamp(38px,8.5vw,60px)}}
@media(max-width:560px){.ch-home .ch-hero{min-height:84svh;padding:115px 16px 50px}.ch-home .ch-hero h1{font-size:clamp(34px,10vw,48px)}.ch-home .ch-hero-image{height:100%}.ch-home .ch-lead{font-size:14px;line-height:1.65;margin-top:18px}.ch-home .ch-hero .ch-scroll-cue{margin-top:22px}}

/* Compact activation tiles; descriptions overlay the image without shifting rows. */
.ch-home #technologies .ch-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.ch-home #technologies .ch-card{position:relative;min-height:190px}
.ch-home #technologies .ch-card img{height:132px}
.ch-home #technologies .ch-card>div{padding:12px}
.ch-home #technologies .ch-card h3{min-height:36px;margin:0;font-size:13px;line-height:1.4;align-items:center}
.ch-home #technologies .ch-card>div>p{position:absolute;inset:0 0 60px;display:flex;align-items:flex-end;margin:0;padding:18px 12px 12px;background:linear-gradient(0deg,rgba(4,13,30,.98),rgba(4,13,30,.75) 65%,rgba(4,13,30,.2));color:#f1f7ff;font-size:12px;line-height:1.5;opacity:0;visibility:hidden;transform:translateY(6px);pointer-events:none;transition:opacity .2s,transform .2s,visibility .2s}
.ch-home #technologies .ch-card:is(:hover,:focus-visible)>div>p{opacity:1;visibility:visible;transform:translateY(0)}
.ch-home #technologies .ch-all{padding:16px}
.ch-home #technologies .ch-all .ch-eyebrow{margin-bottom:12px;font-size:9px}
.ch-home #technologies .ch-all h3{font-size:21px;min-height:0;margin-bottom:12px}
.ch-home #technologies .ch-all>p:not(.ch-eyebrow){display:none}
.ch-home #technologies .ch-all>span{margin-top:12px;font-size:11px}
@media(max-width:1100px){.ch-home #technologies .ch-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:800px){.ch-home #technologies .ch-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.ch-home #technologies .ch-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ch-home #technologies .ch-card{min-height:174px}.ch-home #technologies .ch-card img{height:116px}.ch-home #technologies .ch-card>div{padding:10px}.ch-home #technologies .ch-card>div>p{bottom:56px;font-size:11px}.ch-home #technologies .ch-card h3{font-size:12px}}
@media(prefers-reduced-motion:reduce){.ch-home #technologies .ch-card>div>p{transition:none}}

/* Crisp vector typography for CREOVA LABS brand lockup (100% vector, zero pixelation) */
@font-face {
  font-family: 'Anurati Pro';
  src: url('/creova/assets/fonts/Anurati-Regular.woff2') format('woff2'),
       url('/creova/assets/fonts/Anurati-Regular.woff') format('woff'),
       url('/creova/assets/fonts/Anurati-Regular.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.ch-hero-brand-title {
  margin: 0 auto;
  line-height: 1;
}

.creova-hero-brand-lockup {
  display: inline-flex;
  align-items: flex-start;
  justify-content: center;
  gap: clamp(14px, 2.2vw, 24px);
  text-align: left;
  user-select: none;
}

.ch-home .ch-hero h1 span.creova-brand-creova,
.creova-hero-brand-lockup .creova-brand-creova,
.creova-brand-creova {
  font-family: 'Anurati Pro', sans-serif;
  font-size: clamp(44px, 6.8vw, 84px);
  font-weight: normal;
  letter-spacing: 0.04em;
  line-height: 0.88;
  color: #ffffff !important;
  text-transform: uppercase;
  text-shadow: 0 4px 30px rgba(0, 0, 0, 0.7);
  display: block;
}

.creova-brand-right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: clamp(38px, 6.0vw, 74px);
  text-align: left;
}

.ch-home .ch-hero h1 span.creova-brand-labs,
.creova-hero-brand-lockup .creova-brand-labs,
.creova-brand-labs {
  font-family: 'Anurati Pro', sans-serif;
  font-size: clamp(26px, 4.0vw, 49px);
  font-weight: 400;
  letter-spacing: 0.22em;
  line-height: 0.88;
  color: #ffffff !important;
  text-transform: uppercase;
  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.7);
  display: block;
}

.ch-home .ch-hero h1 span.creova-brand-by,
.creova-hero-brand-lockup .creova-brand-by,
.creova-brand-by {
  font-family: 'Alexandria', sans-serif;
  font-size: clamp(10px, 1.3vw, 15px);
  font-weight: 500;
  letter-spacing: 0.18em;
  color: #ffffff !important;
  opacity: 0.85;
  line-height: 1;
  text-transform: none;
  padding-left: 2px;
  display: block;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.8);
}

@media (max-width: 560px) {
  .creova-hero-brand-lockup {
    gap: 10px;
  }
}