/* Direction B: cinematic dark */
:root{--navy:#0f2038;--night:#0b1728;--gold:#d2ad7c;--line:#d9dbd9}
header{background:var(--night);border-bottom:1px solid #ffffff1f;color:#fff;height:94px}
header .brand img{width:80px;height:80px}
nav a{color:#e9edf2}nav a[aria-current]{border-bottom:2px solid var(--gold);color:#fff}
.portal{background:#f4f2ec;color:var(--night);border-color:#f4f2ec;border-radius:8px;font-weight:600}
.menu{color:#fff;border:1px solid #ffffff40;border-radius:8px}
@media(max-width:760px){header{height:84px}nav{background:var(--night);border-top:1px solid #ffffff1f}nav a{color:#fff}}
.hero{background:var(--night);min-height:680px}
.hero>img{width:100%;left:0;right:auto;object-position:center 40%;filter:saturate(.95) brightness(.78)}
.hero:after{background:linear-gradient(90deg,#0b1728f0 0%,#0b1728c4 38%,#0b172840 78%),linear-gradient(0deg,#0b1728 0%,#0b172800 28%)}
.hero-content{max-width:760px}
.hero h1{font-weight:400;color:#fff;text-shadow:0 2px 30px #0008}
.hero .btn.light{background:#f4f2ec;border-color:#f4f2ec;color:var(--night);border-radius:8px}
.hero .btn.outline,.hero .btn:not(.light){border-radius:8px}
.btn{background:var(--night);border-color:var(--night);border-radius:8px}
.btn:hover{background:#1b3556}
.btn.outline{border-color:#b9c0c8}
.page-head{background:var(--night);color:#fff;padding:78px 7%}
.page-head h1,.page-head p{color:#fff}.page-head p{color:#d6dde6}
.page-head .btn{background:#f4f2ec;color:var(--night);border-color:#f4f2ec}
.page-head .btn.outline{background:transparent;color:#fff;border-color:#ffffff66}
.quick{background:#f4f2ec}
footer{background:var(--night)}
@media(max-width:760px){.hero{min-height:640px}.hero>img{object-position:62% 50%}.hero:after{background:linear-gradient(180deg,#0b1728c8 0%,#0b172870 45%,#0b1728f2 100%)}}
.hero{margin:0;max-width:none;border-radius:0;display:flex;padding-bottom:0}
.hero>img{position:absolute;inset:0;width:100%;height:100%;border-radius:0;opacity:1;z-index:0;display:block}
.hero-content{position:relative;z-index:2}
@media(max-width:760px){.hero{min-height:640px;margin:0;border-radius:0;display:flex;padding-bottom:0}.hero>img{position:absolute;inset:0;width:100%;height:100%;border-radius:0;object-position:62% 50%;z-index:0}}
.hero:after{background:linear-gradient(90deg,#0b1728ee 0%,#0b1728b0 36%,#0b172826 80%),linear-gradient(0deg,#0b1728 0%,#0b172800 22%)}
@media(max-width:760px){.hero:after{background:linear-gradient(180deg,#0b1728dd 0%,#0b1728b0 55%,#0b1728f5 100%)}.hero .btn.outline{background:#0b172899;border-color:#ffffff80}.quick{margin:0}.quick a{margin:0}}
.page-head+.wrap{padding-top:44px}
@media(max-width:760px){.hero>img{filter:blur(5px) saturate(.9) brightness(.7);transform:scale(1.06)}.hero:after{background:linear-gradient(180deg,#0b1728e6 0%,#0b1728c4 50%,#0b1728f7 100%)}}