/* The selected navy concept: a quiet cinematic frame and an assertive hook. */
.hero-line{display:block}
.hero-accent{color:var(--accent);font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;letter-spacing:-.07em}
.hero-content h1{line-height:.99;letter-spacing:-.065em;font-weight:500}
.hero-content .eyebrow{color:var(--muted);font-size:9px;letter-spacing:.22em}
.hero-content .lead{font-size:16px;max-width:360px;line-height:1.6}
.hero-rule{width:67px;height:1px;background:linear-gradient(90deg,var(--accent),#f5c65b22)}
.hero-path{display:flex;align-items:center;gap:20px;margin-top:34px;font-size:10px;letter-spacing:.03em}
.hero-path a{display:flex;gap:8px;align-items:center;min-height:36px;color:var(--muted);transition:color .25s}
.hero-path a:hover{color:var(--accent)}
.hero-path a span{font-size:8px;color:var(--accent);font-variant-numeric:tabular-nums}
.hero-path i{font-size:11px;color:var(--line);font-style:normal}
.signature-line{font-size:10px;letter-spacing:.045em;color:var(--muted)}
.slide-home .art img{transform-origin:77% 52%;animation:signature-depth 20s ease-in-out infinite alternate}
.slide-home .art-light{background:radial-gradient(480px circle at var(--pointer-x,79%) var(--pointer-y,45%),#f5c65b0c,transparent 68%)}
.slide-home .art::after{content:'';position:absolute;width:1px;top:10%;bottom:14%;right:22%;background:linear-gradient(transparent,#f5c65b12,transparent);animation:light-pass 12s ease-in-out infinite;pointer-events:none}
.slide-home .art-shade{background:linear-gradient(90deg,#061723ed 0%,#061723b8 34%,#06172300 73%),linear-gradient(0deg,#061723ba,transparent 27%)}
.slide-home .action.primary{padding:15px 24px;min-width:205px}
.slide-home .action.primary:hover{box-shadow:0 5px 25px #f5c65b18}
@keyframes signature-depth{from{transform:scale(1.01) translate3d(var(--parallax-x,0px),var(--parallax-y,0px),0)}to{transform:scale(1.045) translate3d(calc(var(--parallax-x,0px) - .35%),calc(var(--parallax-y,0px) - .35%),0)}}
@keyframes light-pass{0%,100%{opacity:0;transform:translateX(0)}40%,60%{opacity:1}80%{opacity:0;transform:translateX(-30px)}}
@media(min-width:901px){.hero-content{max-width:680px}.hero-content h1{font-size:clamp(60px,6.9vw,106px)}.hero-rule{margin-bottom:24px}.hero-content .eyebrow{margin-bottom:17px}.hero-content .lead{margin-top:22px}.hero-content .actions{margin-top:26px}.hero-path{margin-top:27px}}
@media(min-width:901px) and (max-height:850px){.slide-home{padding-top:18px;padding-bottom:55px}.hero-content h1{font-size:clamp(58px,min(6.9vw,11.2vh),91px)}.hero-rule{margin-bottom:20px}.hero-content .eyebrow{margin-bottom:15px}.hero-content .lead{margin-top:19px}.hero-content .actions{margin-top:22px}.hero-path{margin-top:24px}}
@media(max-width:900px){.hero-content h1{font-size:clamp(54px,8vw,78px)}.hero-path{margin-top:30px}.hero-content{max-width:650px}.hero-content .lead{max-width:320px}.slide-home .art-shade{background:linear-gradient(90deg,#061723ee 0%,#061723c0 35%,#06172310 100%),linear-gradient(0deg,#061723cf,transparent 50%)}}
@media(max-width:620px){.hero-content{margin-top:13px}.hero-content h1{font-size:clamp(47px,12.5vw,70px)}.hero-content .eyebrow{font-size:8px;letter-spacing:.16em;max-width:280px}.hero-rule{margin-bottom:25px}.hero-content .lead{font-size:14px;max-width:260px;margin-top:24px}.hero-content .actions{margin-top:27px;gap:12px 24px}.hero-path{gap:15px;margin-top:27px;font-size:9px;flex-wrap:wrap}.hero-path a{gap:6px;min-height:40px}.hero-path i{font-size:10px}.slide-home .art img{object-position:67% center;opacity:.8}.slide-home .art-shade{background:linear-gradient(90deg,#061723ee,#06172370),linear-gradient(0deg,#061723 0%,transparent 75%)}.signature-line{font-size:8px;max-width:110px;line-height:1.6}html[data-preview=true] .footer-tools{border:0;width:auto;padding:0;margin-left:auto;order:2}html[data-preview=true] .footer{min-height:100px;row-gap:4px}html[data-preview=true]{--footer:100px}.hero-accent{letter-spacing:-.06em}.slide-home .action.primary{min-width:205px}}
@media(max-width:360px){.hero-content h1{font-size:46px}.hero-path{gap:11px}.hero-path a{font-size:8px}.hero-content .lead{max-width:245px}.hero-content .actions{gap:8px 20px}.hero-content .action{font-size:10px}.signature-line{max-width:90px}.slide-home .art img{object-position:68% center}}
html[data-motion=off] .slide-home .art img,html[data-motion=off] .slide-home .art::after{animation:none!important}
@media(prefers-reduced-motion:reduce){.slide-home .art img,.slide-home .art::after{animation:none!important}}
