/* The complete original subject stays visible; only the surrounding sky blends. */
.home-page{--home-header:72px}
.home-page header{height:var(--home-header);box-sizing:border-box;padding:12px 36px;background:#073b77;display:flex;align-items:center}
.home-page .header_logo{filter:none;line-height:0}
.home-page .header_logo img{display:block;width:104px;height:auto;max-height:48px;object-fit:contain}
.home-page #global-nav{left:0}
.home-page button#nav-toggle{width:44px;height:44px;top:14px;right:36px}
.home-page button#nav-toggle div{width:24px;height:16px;left:10px;top:14px}
.home-page button#nav-toggle span{width:24px;height:2px}
.home-page button#nav-toggle span:nth-child(1){top:0}
.home-page button#nav-toggle span:nth-child(2){top:7px}
.home-page button#nav-toggle span:nth-child(3){top:14px}
.home-page .open button#nav-toggle span:nth-child(1),.home-page .open button#nav-toggle span:nth-child(3){top:7px}
.home-page #top.home-hero{position:relative;isolation:isolate;box-sizing:border-box;width:100%;margin-top:var(--home-header);height:min(720px,calc(100svh - var(--home-header)));min-height:480px;overflow:hidden;background:linear-gradient(90deg,transparent 40%,#edf7ff 88%),linear-gradient(180deg,#0875b3 0%,#65abd4 66%,#cee5f3 100%)}
.home-hero-photo{position:absolute;inset:0;pointer-events:none}
.home-hero-photo img{position:absolute;left:40%;bottom:0;display:block;width:auto;height:100%;max-width:none;object-fit:contain;mask-image:linear-gradient(to right,transparent,#000 12%,#000 96%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 12%,#000 96%,transparent)}
.home-hero::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(4,47,88,.7),rgba(4,47,88,.4) 32%,transparent 61%)}
.home-hero-inner{position:relative;z-index:2;box-sizing:border-box;max-width:1600px;height:100%;margin:0 auto;padding:0 clamp(32px,5vw,100px);display:flex;align-items:center}
.home-hero-copy{width:43%;padding-bottom:36px;color:#fff;animation:home-hero-enter .7s ease-out both}
.home-hero-copy p.home-hero-brand{width:auto;display:block;margin:0 0 24px;padding:0!important;color:#fff;font:500 11px/1.5 Arial,sans-serif;letter-spacing:.24em;text-align:left}
.home-hero h1.home-hero-title{position:static;width:auto;margin:0;transform:none;color:#fff;text-align:left;font:500 clamp(30px,3.05vw,49px)/1.35 Arial,sans-serif;letter-spacing:-.025em;text-shadow:none;overflow-wrap:normal}
.home-hero-link{display:inline-flex;align-items:center;gap:40px;min-height:48px;margin-top:32px;border-bottom:1px solid rgba(255,255,255,.65);color:#fff;font-size:13px;letter-spacing:.08em;text-decoration:none}
.home-hero-link span{font:24px/1 Arial,sans-serif;transition:transform .2s ease}
.home-hero-link:hover span{transform:translate(3px,-3px)}
.home-hero-link:focus-visible,.home-hero-scroll:focus-visible{outline:2px solid #fff;outline-offset:6px}
.home-hero-scroll{position:absolute;left:clamp(32px,5vw,100px);bottom:26px;z-index:2;display:flex;align-items:center;gap:12px;min-height:44px;color:#fff;font:10px/1 Arial,sans-serif;letter-spacing:.2em;text-decoration:none}
.home-hero-scroll span{display:block;width:42px;height:1px;background:rgba(255,255,255,.7);transition:width .2s ease}
.home-hero-scroll:hover span{width:54px}
.home-page #main1{scroll-margin-top:calc(var(--home-header) + 24px)}
@keyframes home-hero-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1279px){
 .home-page #top.home-hero{height:min(800px,calc(100svh - var(--home-header)));min-height:620px;background:linear-gradient(180deg,#076aab 0%,#60add8 55%,#d7eaf5 100%)}
 .home-hero::before{background:linear-gradient(180deg,rgba(4,47,88,.38),transparent 55%)}
 .home-hero-photo img{height:66%;left:auto;right:50%;transform:translateX(50%);mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent)}
 .home-hero-inner{align-items:flex-start;justify-content:center;padding:36px 24px 0}
 .home-hero-copy{width:100%;max-width:620px;padding:0;text-align:center}
 .home-hero-copy p.home-hero-brand{margin-bottom:14px;text-align:center}
 .home-hero h1.home-hero-title{text-align:center;font-size:clamp(26px,3.6vw,38px);line-height:1.35}
 .home-hero-link{margin-top:14px;gap:24px;min-height:44px;font-size:12px}
 .home-hero-scroll{display:none}
}
@media(max-width:599px){
 .home-page{--home-header:64px}
 .home-page header{padding:10px 20px}
 .home-page .header_logo img{width:96px;max-height:44px}
 .home-page button#nav-toggle{right:20px;top:10px}
 .home-page #top.home-hero{height:min(660px,calc(100svh - var(--home-header)));min-height:500px}
 .home-hero-inner{padding:34px 24px 0}
 .home-hero-copy{max-width:360px}
 .home-hero-copy p.home-hero-brand{font-size:10px;margin-bottom:16px}
 .home-hero h1.home-hero-title{font-size:clamp(25px,6.4vw,34px);line-height:1.35;letter-spacing:-.02em}
 .home-hero-photo img{height:auto;width:145%;right:calc(50% - 20px);max-height:64%;object-fit:contain;mask-image:linear-gradient(to bottom,transparent,#000 18%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 18%)}
}
@media(max-height:620px) and (min-width:600px){
 .home-page #top.home-hero{height:calc(100svh - var(--home-header));min-height:300px;background:linear-gradient(90deg,transparent 40%,#edf7ff 88%),linear-gradient(180deg,#0875b3 0%,#65abd4 66%,#cee5f3 100%)}
 .home-hero::before{background:linear-gradient(90deg,rgba(4,47,88,.7),rgba(4,47,88,.4) 32%,transparent 61%)}
 .home-hero-photo img{height:100%;left:40%;right:auto;transform:none}
 .home-hero-inner{padding:0 5vw;align-items:center;justify-content:flex-start}
 .home-hero-copy{width:43%;max-width:none;text-align:left}
 .home-hero-copy p.home-hero-brand{text-align:left;margin-bottom:10px}
 .home-hero h1.home-hero-title{text-align:left;font-size:clamp(20px,3vw,28px)}
 .home-hero-link{margin-top:10px}
}
@media(prefers-reduced-motion:reduce){.home-hero-copy{animation:none}.home-hero-link span,.home-hero-scroll span{transition:none}}
