/* Selected chassis hero. All rules are limited to the navigation header or hero. */
@import url('/petabit-20261104-r4/site/source-sans-3.css');
@import url('/petabit-20261104-r4/site/raleway-display.css');
.site-draft[data-selected-hero] header.scroll-change,.site-draft[data-selected-hero] .home-hero {font-family:'Source Sans 3',sans-serif;font-size:17px;line-height:1.65;}
.site-draft[data-selected-hero] header.scroll-change .container,.site-draft[data-selected-hero] .hero-inner {width:min(1200px,100%);padding-left:36px;padding-right:36px;}
.site-draft[data-selected-hero] header.scroll-change {height:0!important;z-index:1000;}
.site-draft[data-selected-hero] .navbar {min-height:0;}
.site-draft[data-selected-hero] .navbar-main {background:transparent!important;border:0;box-shadow:none;}
.site-draft[data-selected-hero] .navbar-main>.container {min-height:90px;display:flex;align-items:center;justify-content:space-between;}
.site-draft[data-selected-hero] .navbar-main>.container::before,.site-draft[data-selected-hero] .navbar-main>.container::after{display:none;}
.site-draft[data-selected-hero] .navbar-fixed-top {position:fixed!important;top:0;left:0;right:0;background:linear-gradient(#181818dd,#18181888)!important;border:0;backdrop-filter:blur(16px);}
.site-draft[data-selected-hero] .navbar-brand.hero-brand {height:90px;padding:20px 0;display:flex;gap:10px;align-items:center;}
.site-draft[data-selected-hero] .hero-brand img{width:64px!important;height:64px!important;max-height:none!important;flex:none;}
.site-draft[data-selected-hero] .hero-brand span {color:#f5f8fb;font-family:'Petabit Display',sans-serif;font-size:26px;font-weight:600;letter-spacing:-.5px;white-space:nowrap;}
.site-draft[data-selected-hero] #main-menu {display:flex;gap:32px;align-items:center;}
.site-draft[data-selected-hero] #main-menu>li>a{padding:12px 0!important;line-height:24px!important;font-size:16px;font-weight:500;color:#e7f0f6!important;text-transform:none;box-shadow:none;}
.site-draft[data-selected-hero] #main-menu a[aria-current=page]{color:#fff!important;box-shadow:0 2px 0 #d9ddd9;}
.site-draft[data-selected-hero] .navbar-toggle i{color:#fff;}
.site-draft[data-selected-hero] .navbar-header,.site-draft[data-selected-hero] .navbar-collapse{background:transparent!important;}
.site-draft[data-selected-hero] .home-hero{position:relative;isolation:isolate;overflow:hidden;background:#191919;min-height:810px;height:auto!important;display:flex;align-items:center;justify-content:center;}
.hero-art{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;}
.hero-art::after{content:'';position:absolute;inset:0;}
.site-draft[data-selected-hero] .hero-glass{display:block;position:absolute;width:100%;height:100%;max-width:none;object-fit:cover;animation:glass-drift 28s ease-in-out infinite alternate;transform-origin:60% 65%;}
@keyframes glass-drift{from{transform:scale(1.025) translate3d(-.6%,.4%,0)}to{transform:scale(1.09) translate3d(.7%,-.7%,0)}}
.home-hero.motion-paused .hero-glass{animation-play-state:paused;}
.site-draft[data-selected-hero] .home-hero::after{content:'';position:absolute;z-index:1;pointer-events:none;inset:auto 0 -1px;height:135px;background:linear-gradient(180deg,#ffffff00 0%,#ffffff26 32%,#ffffffa6 70%,#ffffff 100%);}
.site-draft[data-selected-hero] .hero-inner{position:relative;z-index:2;}
.site-draft[data-selected-hero] .home-hero h1{font-family:'Petabit Display',Raleway,sans-serif;margin:0;color:#fff;text-transform:none;font-weight:500;}
.hero-lead{display:block;line-height:1.35;}
.hero-delivered{display:block;font-weight:700;line-height:1.18;margin-top:10px;}
.site-draft[data-selected-hero] .hero-summary p{color:#f0f0ed;font-family:'Source Sans 3',sans-serif!important;font-weight:400;max-width:65ch;margin:0 auto;text-shadow:0 2px 15px #111;}
.hero-actions{display:flex;gap:16px;margin-top:30px;}
.hero-actions a{display:flex;align-items:center;justify-content:center;min-width:168px;min-height:50px;padding:12px 24px;border-radius:5px;font-size:16px;font-weight:600;text-decoration:none;}
.hero-actions .hero-primary{background:#fff;color:#292d2e;border:1px solid #fff;}
.hero-actions .hero-secondary{background:#19191988;color:#fff;border:1px solid #d4d2cd;backdrop-filter:blur(8px);}
.hero-actions a:hover{background:#e8e8e3;color:#292d2e;border-color:#e8e8e3;}
.home-hero .motion-toggle{position:absolute;z-index:3;right:30px;bottom:135px;display:flex;align-items:center;gap:9px;padding:8px 12px;min-height:44px;background:#181818a6;border:1px solid #a9aaa8;border-radius:4px;color:#fff;font:14px 'Source Sans 3',sans-serif;cursor:pointer;backdrop-filter:blur(8px);}
.motion-toggle svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;}
.home-hero .motion-toggle[hidden]{display:none;}
@media(max-width:991px){
.site-draft[data-selected-hero] .navbar-main>.container{display:block;min-height:78px;}
.site-draft[data-selected-hero] .navbar-header{min-height:78px;}
.site-draft[data-selected-hero] .navbar-header .navbar-brand{height:78px;}
.site-draft[data-selected-hero] #main-menu{display:block;padding:0 0 15px;margin:0;}
.site-draft[data-selected-hero] #main-menu>li>a{padding:10px 0!important;box-shadow:none;}
.site-draft[data-selected-hero] .home-hero{min-height:760px;}
.site-draft[data-selected-hero] .hero-brand span{font-size:24px;}
.site-draft[data-selected-hero] .hero-brand img{width:56px!important;height:56px!important;}
}
@media(max-width:600px){
.site-draft[data-selected-hero] .navbar-main>.container{padding-left:20px;padding-right:20px;}
.site-draft[data-selected-hero] .home-hero{min-height:740px;}
.site-draft[data-selected-hero] .hero-brand span{font-size:23px;}
.site-draft[data-selected-hero] .hero-brand img{width:48px!important;height:48px!important;}
.site-draft[data-selected-hero] .navbar-brand.hero-brand{gap:6px;}
.site-draft[data-selected-hero] .hero-summary p+p{margin-top:8px;}
.hero-actions{margin-top:28px;}
.hero-actions a{min-width:0;flex:1;max-width:170px;padding:11px 10px;white-space:nowrap;}
.home-hero .motion-toggle{right:22px;bottom:130px;font-size:13px;}
}
@media(prefers-reduced-motion:reduce){.site-draft[data-selected-hero] .hero-glass{animation:none!important;transform:none;}}