/* Aevrino shared cinematic header + homepage hero — 2026-10-11 */
:root{--aev-orange:#ff5000;--aev-ink:#071725;--aev-green:#1fd6a4}
body.homepage-cinematic-page{background:#f5f8f7}
.homepage-cinematic-header{background:rgba(5,18,30,.97)!important;border-bottom:1px solid rgba(255,255,255,.10)!important;box-shadow:0 8px 24px rgba(0,0,0,.12)!important}
.homepage-cinematic-header .homepage-header-inner{width:calc(100% - 9vw);max-width:1660px;height:clamp(54px,3.5vw,66px);gap:clamp(15px,1.8vw,34px)}
.homepage-cinematic-header .homepage-logo{flex:0 0 clamp(138px,12vw,190px);width:clamp(138px,12vw,190px)}
.homepage-cinematic-header .homepage-wordmark{position:relative;display:inline-flex;align-items:center;color:#f7fafc;font-size:clamp(25px,2.05vw,36px);font-weight:900;line-height:1;letter-spacing:-1.5px;white-space:nowrap}
.homepage-cinematic-header .homepage-wordmark-a{color:var(--aev-orange);font-size:1.08em;letter-spacing:-2px;margin-right:1px}
.homepage-cinematic-header .homepage-wordmark i{position:absolute;width:7px;height:4px;background:#1bd48f;border-radius:6px 1px 6px 1px;right:0;top:-3px;transform:rotate(-32deg)}
.homepage-cinematic-header .homepage-nav{gap:clamp(13px,1.55vw,29px);min-width:0}
.homepage-cinematic-header .homepage-nav a{color:#f2f5f7!important;font-size:clamp(11px,.78vw,14px);font-weight:650}
.homepage-cinematic-header .homepage-nav a:hover{color:#ff6a29!important}
.homepage-cinematic-header .homepage-nav a span{color:#9eabb5}
.homepage-cinematic-header .homepage-header-actions{gap:clamp(5px,.55vw,10px)}
.homepage-cinematic-header .homepage-search-btn{width:clamp(32px,2.5vw,38px);height:clamp(32px,2.5vw,38px);background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.18);color:#f4f7f9;font-size:20px;flex:0 0 auto}
.homepage-cinematic-header .homepage-country-nav{gap:5px;max-width:none;overflow:visible}
.homepage-cinematic-header .homepage-country-nav-link{height:clamp(30px,2.45vw,36px);padding:0 clamp(6px,.7vw,12px);gap:5px;border-color:rgba(255,255,255,.10);border-radius:18px;background:rgba(255,255,255,.045);color:#f2f5f7!important;font-size:clamp(9px,.67vw,12px);}
.homepage-cinematic-header .homepage-country-nav-link span{font-size:clamp(13px,1vw,17px)}
.homepage-cinematic-header .homepage-country-nav-link b{font-size:clamp(9px,.67vw,12px);font-weight:650}
.homepage-cinematic-header .homepage-country-nav-link.active{border-color:var(--aev-orange);background:rgba(255,80,0,.12);color:#fff!important;box-shadow:0 0 0 1px rgba(255,80,0,.05)}
.homepage-cinematic-header .homepage-mobile-toggle{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.04)}
.homepage-cinematic-header .homepage-mobile-toggle span{background:#fff}
.homepage-cinematic-header .homepage-mobile-nav{background:#071725;border-color:rgba(255,255,255,.12)}
.homepage-cinematic-header .homepage-mobile-nav a{color:#f5f7f8;border-color:rgba(255,255,255,.1)}
.homepage-cinematic-header .homepage-mobile-country-strip{background:#0b1b29;border-color:rgba(255,255,255,.1)}
.homepage-cinematic-header .homepage-mobile-country-link{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.12);color:#fff}
.homepage-cinematic-header .homepage-mobile-country-link.active{background:rgba(255,80,0,.13);border-color:var(--aev-orange);color:#fff}

.homepage-cinematic-hero{position:relative;height:clamp(500px,31vw,590px);min-height:0;background:#071725;isolation:isolate;overflow:hidden;color:#fff}
.homepage-cinematic-hero .homepage-hero-bg{position:absolute;inset:0;z-index:-3;background-size:cover;background-position:center 54%;opacity:0;transform:scale(1.015);transition:opacity .65s ease,transform 4s ease;will-change:opacity}
.homepage-cinematic-hero .homepage-hero-bg.is-active{opacity:1;transform:scale(1)}
.homepage-cinematic-hero .homepage-hero-bg--alternate{background-position:68% 57%;filter:saturate(.88) brightness(.9)}
.homepage-cinematic-hero .homepage-hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(3,15,26,.88) 0%,rgba(4,19,31,.72) 30%,rgba(4,20,32,.28) 54%,rgba(4,16,27,.03) 76%),linear-gradient(0deg,rgba(3,14,23,.91) 0%,rgba(3,14,23,.36) 17%,rgba(3,14,23,0) 54%);pointer-events:none}
.homepage-cinematic-hero .homepage-hero-content{width:calc(100% - 9vw);max-width:1660px;height:100%;min-height:0;box-sizing:border-box;padding:clamp(48px,4.1vw,76px) 0 0;display:flex;flex-direction:column;align-items:flex-start}
.homepage-cinematic-hero .homepage-hero-copy{max-width:760px}
.homepage-hero-kicker{display:flex;align-items:center;gap:11px;margin:0 0 14px;color:#e2e9ee;font-size:clamp(10px,.78vw,13px);font-weight:650;letter-spacing:1.7px;line-height:1.2}
.homepage-hero-kicker>span{display:block;width:25px;height:2px;background:var(--aev-orange);flex:0 0 25px}
.homepage-cinematic-hero .homepage-hero-copy h1{max-width:760px;margin:0;color:#fff;font-size:clamp(42px,3.72vw,69px);line-height:.99;letter-spacing:-2.1px;font-weight:850;text-wrap:balance}
.homepage-cinematic-hero .homepage-hero-copy h1 span{color:var(--aev-orange)}
.homepage-cinematic-hero .homepage-hero-copy p{max-width:650px;margin:13px 0 0;color:rgba(245,248,251,.92);font-size:clamp(13px,.98vw,18px);line-height:1.48}
.homepage-cinematic-hero .homepage-hero-search{width:clamp(550px,47vw,810px);height:clamp(46px,4vw,58px);margin-top:clamp(18px,1.65vw,30px);padding:4px;border:1px solid rgba(255,255,255,.18);border-radius:17px;background:rgba(250,252,253,.97);box-shadow:0 12px 34px rgba(0,0,0,.23);gap:0}
.homepage-cinematic-hero .homepage-select{height:100%;min-width:0;gap:9px;padding:0 clamp(10px,1.1vw,20px);border-right:1px solid #e0e5e8;flex:1 1 0}
.homepage-cinematic-hero .homepage-select>span{font-size:clamp(15px,1.2vw,20px);color:#647581;line-height:1;flex:0 0 auto}
.homepage-cinematic-hero .homepage-select select{font-size:clamp(11px,.83vw,15px);font-weight:550;color:#344450;cursor:pointer}
.homepage-cinematic-hero .homepage-hero-search button{height:100%;min-width:clamp(116px,10.4vw,190px);display:flex;align-items:center;justify-content:center;gap:7px;padding:0 14px;border-radius:13px;background:var(--aev-orange);font-size:clamp(12px,.88vw,16px);font-weight:800;box-shadow:0 4px 10px rgba(255,80,0,.18);transition:background .18s ease,transform .18s ease}
.homepage-cinematic-hero .homepage-hero-search button:hover{background:#e94800;transform:translateY(-1px)}
.homepage-search-glyph{font-size:21px;line-height:0;font-weight:400}
.homepage-watch-video{position:relative;left:auto;bottom:auto;margin-top:clamp(12px,1.1vw,18px);display:inline-flex;align-items:center;gap:10px;color:#f4f7f9;text-decoration:none;font-size:clamp(10px,.78vw,13px);font-weight:650;z-index:3}
.homepage-watch-video:hover{color:#ffb08c}
.homepage-play-icon{display:grid;place-items:center;width:35px;height:35px;border:1px solid rgba(255,255,255,.6);border-radius:50%;color:var(--aev-orange);font-size:12px;padding-left:2px;background:rgba(4,17,29,.28)}
.homepage-cinematic-hero .homepage-quick-links{position:absolute;left:0;bottom:0;transform:none;width:100%;max-width:none;box-sizing:border-box;margin:0;padding:13px 0 15px;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.14);background:linear-gradient(0deg,rgba(2,13,23,.26),rgba(2,13,23,0));gap:0}
.homepage-cinematic-hero .homepage-quick-links a{gap:11px;padding:3px clamp(10px,1.8vw,32px);border-right:1px solid rgba(255,255,255,.19);min-width:0}
.homepage-cinematic-hero .homepage-quick-links a:first-child{padding-left:0}
.homepage-cinematic-hero .homepage-quick-links a:last-child{border-right:0}
.homepage-cinematic-hero .quick-icon{width:39px;height:39px;flex-basis:39px;border-color:rgba(255,255,255,.42);font-size:22px;color:var(--aev-orange);background:rgba(255,255,255,.025)}
.homepage-cinematic-hero .homepage-quick-links b{font-size:clamp(11px,.82vw,15px);line-height:1.2;font-weight:750;white-space:nowrap}
.homepage-cinematic-hero .homepage-quick-links small{font-size:clamp(9px,.73vw,13px);line-height:1.25;color:rgba(231,239,245,.72);margin-top:4px;white-space:nowrap}
.homepage-hero-slide-count{position:absolute;top:clamp(70px,5.4vw,100px);right:max(4.6vw,calc((100vw - 1660px)/2));z-index:3;color:rgba(255,255,255,.75);font-size:11px;letter-spacing:.4px}
.homepage-hero-slide-count strong{color:var(--aev-orange);font-weight:800}
.homepage-hero-slide-rail{position:absolute;right:max(4.7vw,calc((100vw - 1660px)/2 + 5px));top:clamp(105px,8vw,145px);z-index:3;display:flex;flex-direction:column;gap:8px}
.homepage-hero-slide-rail span{display:block;width:3px;height:24px;border-radius:5px;background:rgba(255,255,255,.24)}
.homepage-hero-slide-rail span.is-active{height:34px;background:var(--aev-orange)}
.homepage-hero-controls{position:absolute;right:max(4.3vw,calc((100vw - 1660px)/2));top:55%;z-index:4;display:flex;gap:8px;transform:translateY(-50%)}
.homepage-hero-controls button{display:grid;place-items:center;width:37px;height:37px;border:1px solid rgba(255,255,255,.42);border-radius:50%;background:rgba(7,21,34,.22);color:#fff;font-size:27px;line-height:1;cursor:pointer;transition:background .18s ease,border-color .18s ease}
.homepage-hero-controls button:hover{background:var(--aev-orange);border-color:var(--aev-orange)}
.homepage-hero-dots{position:absolute;right:max(4.5vw,calc((100vw - 1660px)/2));bottom:17px;z-index:4;display:flex;gap:10px;align-items:center}
.homepage-hero-dots button{width:8px;height:8px;border:0;border-radius:50%;background:rgba(255,255,255,.42);padding:0;cursor:pointer}
.homepage-hero-dots button.is-active{background:var(--aev-orange);transform:scale(1.12)}
.homepage-cinematic-page .homepage-trending-section{padding-top:24px}
.homepage-cinematic-page .homepage-eyebrow{color:var(--aev-orange)}
.homepage-cinematic-page .homepage-outline-link{border-color:rgba(255,80,0,.48);color:var(--aev-orange)}
.homepage-cinematic-page .homepage-outline-link:hover{background:var(--aev-orange);color:#fff;border-color:var(--aev-orange)}

@media(max-width:1280px){
 .homepage-cinematic-header .homepage-header-inner{gap:13px}
 .homepage-cinematic-header .homepage-logo{flex-basis:132px;width:132px}
 .homepage-cinematic-header .homepage-wordmark{font-size:25px;letter-spacing:-1.3px}
 .homepage-cinematic-header .homepage-nav{gap:12px}
 .homepage-cinematic-header .homepage-country-nav{gap:4px}
 .homepage-cinematic-header .homepage-country-nav-link{padding:0 6px}
 .homepage-cinematic-header .homepage-country-nav-link b{font-size:9px}
}
@media(max-width:1050px){
 .homepage-cinematic-header .homepage-nav{display:none}
 .homepage-cinematic-header .homepage-header-inner{width:calc(100% - 36px)}
 .homepage-cinematic-header .homepage-header-actions{gap:8px}
 .homepage-cinematic-header .homepage-country-nav{max-width:calc(100vw - 250px)}
 .homepage-cinematic-hero .homepage-hero-content{width:calc(100% - 56px)}
 .homepage-cinematic-hero .homepage-hero-copy h1{font-size:clamp(40px,5.2vw,56px)}
 .homepage-cinematic-hero .homepage-quick-links{width:calc(100% - 56px)}
}
@media(max-width:760px){
 .homepage-cinematic-header .homepage-header-inner{height:62px;width:calc(100% - 28px);padding:0;gap:10px}
 .homepage-cinematic-header .homepage-logo{flex:1 1 auto;width:auto}
 .homepage-cinematic-header .homepage-wordmark{font-size:27px}
 .homepage-cinematic-header .homepage-search-btn{display:none}
 .homepage-cinematic-header .homepage-country-nav{display:none!important}
 .homepage-cinematic-header .homepage-mobile-toggle{display:flex;flex:0 0 38px;width:38px;height:38px}
 .homepage-cinematic-header .homepage-mobile-country-strip{display:block!important;padding:6px 0;background:#0a1b2a}
 .homepage-cinematic-header .homepage-mobile-country-scroll{display:flex;gap:6px;overflow-x:auto;padding:0 14px;scrollbar-width:none}
 .homepage-cinematic-header .homepage-mobile-country-scroll::-webkit-scrollbar{display:none}
 .homepage-cinematic-header .homepage-mobile-country-link{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;text-decoration:none;border:1px solid rgba(255,255,255,.13);border-radius:16px;padding:6px 9px;font-size:11px}
 .homepage-cinematic-header .homepage-mobile-country-link b{font-weight:650}
 .homepage-cinematic-hero{height:auto;min-height:610px}
 .homepage-cinematic-hero .homepage-hero-bg{background-position:64% center}
 .homepage-cinematic-hero .homepage-hero-shade{background:linear-gradient(90deg,rgba(3,15,26,.88),rgba(4,19,31,.54) 70%,rgba(4,16,27,.23)),linear-gradient(0deg,rgba(3,14,23,.94),rgba(3,14,23,.18) 70%)}
 .homepage-cinematic-hero .homepage-hero-content{width:calc(100% - 32px);min-height:610px;padding-top:42px;padding-bottom:178px}
 .homepage-hero-kicker{font-size:10px;letter-spacing:1.35px;margin-bottom:12px}
 .homepage-cinematic-hero .homepage-hero-copy h1{font-size:clamp(35px,8.8vw,48px);letter-spacing:-1.4px;line-height:1.02}
 .homepage-cinematic-hero .homepage-hero-copy p{font-size:14px;line-height:1.45;max-width:440px;margin-top:12px}
 .homepage-cinematic-hero .homepage-hero-search{width:100%;height:auto;margin-top:18px;display:grid;grid-template-columns:1fr 1fr;border-radius:14px;padding:6px;gap:5px}
 .homepage-cinematic-hero .homepage-select{height:43px;padding:0 8px;border:1px solid #e0e5e8;border-radius:9px;background:#fff}
 .homepage-cinematic-hero .homepage-select select{font-size:12px}
 .homepage-cinematic-hero .homepage-select:nth-child(3){grid-column:1/-1}
 .homepage-cinematic-hero .homepage-hero-search button{height:44px;grid-column:1/-1;border-radius:9px;font-size:14px}
 .homepage-watch-video{left:16px;bottom:148px}
 .homepage-cinematic-hero .homepage-quick-links{width:calc(100% - 32px);grid-template-columns:1fr 1fr;padding:10px 0 12px;gap:9px 12px}
 .homepage-cinematic-hero .homepage-quick-links a{padding:3px 0!important;border-right:0;gap:8px}
 .homepage-cinematic-hero .quick-icon{width:32px;height:32px;flex-basis:32px;font-size:18px}
 .homepage-cinematic-hero .homepage-quick-links b{font-size:11px;white-space:normal}
 .homepage-cinematic-hero .homepage-quick-links small{font-size:9px;white-space:normal}
 .homepage-hero-slide-count,.homepage-hero-slide-rail{display:none}
 .homepage-hero-controls{right:16px;top:auto;bottom:151px;transform:none}
 .homepage-hero-controls button{width:31px;height:31px;font-size:23px}
 .homepage-hero-dots{right:16px;bottom:118px}
 .homepage-cinematic-page .homepage-trending-section{padding-top:25px}
}
@media(max-width:390px){
 .homepage-cinematic-hero{min-height:640px}
 .homepage-cinematic-hero .homepage-hero-content{min-height:640px;padding-top:35px;padding-bottom:190px}
 .homepage-cinematic-hero .homepage-hero-copy h1{font-size:34px}
 .homepage-watch-video{bottom:160px}
 .homepage-hero-controls{bottom:163px}
 .homepage-hero-dots{bottom:130px}
 .homepage-cinematic-hero .homepage-quick-links{gap:8px}
}
@media(prefers-reduced-motion:reduce){.homepage-cinematic-hero .homepage-hero-bg{transition:none;transform:none}}


/* Mobile hero correction: keep Watch Video in document flow, never over search controls. */
@media (max-width: 760px) {
  .homepage-cinematic-header .homepage-mobile-country-link,
  .homepage-cinematic-header .homepage-mobile-country-link b,
  .homepage-cinematic-header .homepage-mobile-country-link span {
    color: #f5f7f8 !important;
  }
  .homepage-cinematic-header .homepage-mobile-country-link.active,
  .homepage-cinematic-header .homepage-mobile-country-link.active b,
  .homepage-cinematic-header .homepage-mobile-country-link.active span {
    color: #ffffff !important;
  }
  .homepage-cinematic-header .homepage-mobile-country-scroll {
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
  }
  .homepage-cinematic-hero {
    min-height: 760px;
    height: auto;
  }
  .homepage-cinematic-hero .homepage-hero-content {
    min-height: 760px;
    height: auto;
    padding-top: 34px;
    padding-bottom: 190px;
  }
  .homepage-cinematic-hero .homepage-watch-video {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    margin: 14px 0 0;
    align-self: flex-start;
    display: inline-flex;
    min-height: 36px;
    z-index: 5;
  }
  .homepage-cinematic-hero .homepage-play-icon {
    position: static !important;
    flex: 0 0 35px;
  }
  .homepage-cinematic-hero .homepage-hero-controls {
    right: 16px;
    top: auto;
    bottom: 158px;
    transform: none;
  }
  .homepage-cinematic-hero .homepage-hero-dots {
    right: 16px;
    bottom: 128px;
  }
  .homepage-cinematic-hero .homepage-quick-links {
    bottom: 0;
  }
}
@media (max-width: 390px) {
  .homepage-cinematic-hero {
    min-height: 790px;
  }
  .homepage-cinematic-hero .homepage-hero-content {
    min-height: 790px;
    padding-top: 30px;
    padding-bottom: 200px;
  }
  .homepage-cinematic-hero .homepage-watch-video {
    margin-top: 12px;
  }
  .homepage-cinematic-hero .homepage-hero-controls {
    bottom: 168px;
  }
  .homepage-cinematic-hero .homepage-hero-dots {
    bottom: 137px;
  }
}