/* SYSLOCK hero visual direction based on user reference, v1 */
body.light-palette .hero{
 min-height:720px;
 background:#321742!important;
 border-bottom:0!important;
 isolation:isolate
}
body.light-palette .hero video{
 opacity:.66!important;
 filter:grayscale(.55) saturate(.8) contrast(1.08) brightness(.72)!important;
 object-fit:cover
}
body.light-palette .hero .shade{
 background:
 linear-gradient(90deg,rgba(45,18,61,.96) 0%,rgba(53,24,70,.87) 37%,rgba(53,25,68,.70) 68%,rgba(50,22,67,.78) 100%),
 linear-gradient(0deg,rgba(39,13,54,.64),transparent 26%,transparent 75%,rgba(44,18,59,.25))!important
}
body.light-palette .hero .mesh{opacity:.045!important}
body.light-palette .hero .wrap:not(.hero-foot){max-width:1220px}
body.light-palette .hero .tag{
 color:#fff!important;
 font-weight:800;
 letter-spacing:.2em;
 font-size:12px;
 display:flex;align-items:center;gap:20px
}
body.light-palette .hero .tag:before{content:"";display:inline-block;width:39px;height:2px;background:#fff;flex-shrink:0}
body.light-palette .hero h1{
 color:#fff!important;
 max-width:800px;
 font-size:clamp(45px,5.1vw,73px);
 line-height:1.075;
 font-weight:800;
 letter-spacing:-.055em;
 margin:39px 0 40px
}
body.light-palette .hero h1 em{color:#C7A6E7!important}
body.light-palette .hero p{
 color:#E3D4EC!important;
 max-width:840px;
 font-size:clamp(16px,1.65vw,21px);
 line-height:1.75
}
body.light-palette .hero .actions{gap:36px;align-items:center;margin-top:37px}
body.light-palette .hero .btn{
 border-radius:999px;
 background:#fff!important;
 color:#24142f!important;
 border:2px solid #fff!important;
 padding:16px 30px;
 font-size:15px;
 font-weight:750
}
body.light-palette .hero .btn.alt{
 background:transparent!important;
 border-color:transparent!important;
 color:#fff!important;
 padding-left:10px
}
body.light-palette .hero .btn:hover{filter:brightness(.93)}
body.light-palette .hero .hero-foot{
 bottom:0;
 left:0;right:0;
 font-size:12px;
 letter-spacing:.075em;
 color:#D8CAE2!important;
 padding-bottom:34px
}
body.light-palette .hero .hero-foot .wrap{
 border-top:1px solid rgba(255,255,255,.3);
 padding-top:28px;
 font-size:12px;
 font-weight:600;
 color:#D8CAE2!important
}
@media(max-width:760px){
 body.light-palette .hero{min-height:720px}
 body.light-palette .hero h1{font-size:clamp(42px,7vw,58px)}
 body.light-palette .hero p{font-size:15px;line-height:1.65}
 body.light-palette .hero .actions{gap:12px}
 body.light-palette .hero .btn{padding:12px 18px;font-size:12px}
 body.light-palette .hero .hero-foot .wrap{font-size:10px}
 body.light-palette .hero .tag{font-size:10px;letter-spacing:.12em;gap:12px}
 body.light-palette .hero .tag:before{width:24px}
}
@media(max-width:520px){
 body.light-palette .hero h1{font-size:42px}
 body.light-palette .hero .hero-foot{padding-bottom:19px}
 body.light-palette .hero .hero-foot .wrap{padding-top:17px}
}