/* Full-screen scenic hero with a compact floating header. */
html{scroll-padding-top:100px}
.header{position:fixed;top:20px;left:8%;right:8%;width:auto;max-width:1200px;height:62px;margin:0 auto;padding:0 22px;border:1px solid #ffffff50;background:#23395138;box-shadow:none;backdrop-filter:blur(18px);transition:background .3s,border-color .3s,box-shadow .3s}
.header .logo-frame,.footer .logo-frame,.logo-frame{width:49px;height:31px;border-radius:0;background:none;flex-shrink:0}
.header .logo-frame img,.footer .logo-frame img,.logo-frame img{width:100px;height:100px;left:-27px;top:-26px;max-width:none}
.header nav{gap:7px}.nav-trigger,.nav-link,.nav-contact{font-size:13px;min-height:38px;padding:10px 17px;color:white}.nav-trigger:hover,.nav-trigger[aria-expanded=true],.nav-link:hover,.nav-contact:hover{color:white;background:#ffffff20}.nav-contact{color:white}.header .menu-toggle{color:white}
.header nav>a:hover{color:white}.header .mega-menu{color:var(--ink)}
.header-is-solid .header{background:#fffffff5;border-color:#dce3eb;box-shadow:0 5px 24px #183b6610}
.header-is-solid .nav-trigger,.header-is-solid .nav-link,.header-is-solid .nav-contact,.header-is-solid .menu-toggle{color:var(--ink)}
.header-is-solid .nav-trigger:hover,.header-is-solid .nav-trigger[aria-expanded=true],.header-is-solid .nav-link:hover,.header-is-solid .nav-contact:hover{color:#1760bd;background:var(--soft-blue)}
.header-is-solid .header nav>a:hover{color:#1760bd}
.about-symbol .logo-frame{width:196px;height:124px;background:none}.about-symbol .logo-frame img{width:400px;height:400px;left:-108px;top:-104px;mix-blend-mode:multiply}.mini-sidebar .mini-logo{width:24px;height:16px;margin-top:0}.mini-sidebar .mini-logo img{width:50px;height:50px;left:-13.5px;top:-13px}
.horizon-hero{position:relative;height:240svh;min-height:1500px;background:#283e57}
.horizon-stage{position:sticky;top:0;width:100%;height:100svh;min-height:620px;overflow:hidden;isolation:isolate;color:white;--progress:0}
.horizon-sky,.horizon-ridge{position:absolute;inset:-3% 0 -6%;background-image:url('assets/hero-landscape.png');background-size:cover;background-position:center 55%;will-change:transform}
.horizon-sky{z-index:-4;transform:translateY(var(--sky-shift,0px)) scale(1.035)}
.horizon-shade{position:absolute;inset:0;z-index:-3;background:linear-gradient(180deg,#0b20355c 0%,#122b4830 37%,#08182a00 58%,#081b3166 100%)}
.horizon-title{position:absolute;top:28%;left:3%;right:3%;text-align:center;z-index:-2;transform:translateY(var(--title-shift,0px));opacity:var(--title-opacity,1);will-change:transform,opacity}
.horizon-title h1{font-family:Arial,'Helvetica Neue',Helvetica,sans-serif;font-weight:400;font-size:clamp(54px,5.3vw,88px);line-height:1.03;letter-spacing:-.045em;margin:auto;text-shadow:0 2px 24px #1029452e}
.horizon-ridge{z-index:-1;mask-image:linear-gradient(transparent 48%,black 78%);transform:translateY(var(--ridge-shift,0px)) scale(1.035)}
.horizon-belief{position:absolute;top:60%;left:5%;right:5%;text-align:center;opacity:var(--belief-opacity,0);transform:translateY(var(--belief-shift,40px));will-change:transform,opacity}
.horizon-belief p{font-size:clamp(20px,2.3vw,34px);line-height:1.4;letter-spacing:-.025em;text-shadow:0 2px 20px #0c213c}
.horizon-together{position:absolute;top:38%;left:5%;right:5%;text-align:center;opacity:var(--together-opacity,0);transform:translateY(var(--together-shift,60px));will-change:transform,opacity}
.horizon-together p{font-size:clamp(38px,4.8vw,72px);line-height:1.1;letter-spacing:-.04em}.horizon-together span{color:#b6d9ff}
.horizon-scroll{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);display:flex;align-items:center;flex-direction:column;gap:11px;font-size:18px;opacity:var(--scroll-opacity,1)}
.horizon-scroll>span:first-child{font-size:9px;font-weight:500;letter-spacing:.2em;white-space:nowrap}.scroll-line{height:30px;width:1px;background:#ffffff60}
.horizon-sheet{position:absolute;top:100%;left:-5%;right:-5%;min-height:255px;padding:70px 8% 38px;background:white;color:var(--ink);text-align:center;border-radius:50% 50% 0 0 / 25px 25px 0 0;transform:translateY(var(--sheet-shift,0px));will-change:transform}
.horizon-sheet p{font-size:clamp(17px,1.5vw,23px);line-height:1.55;letter-spacing:-.025em}.horizon-sheet .text-link{margin-top:22px;color:#1760bd}
@media(max-width:1100px){.horizon-title h1{font-size:clamp(54px,6.7vw,76px)}}
@media(max-width:900px){.header{left:4%;right:4%;top:14px;height:58px;padding:0 17px}.header nav{gap:0;max-height:calc(100dvh - 95px)}.header nav .nav-trigger,.header nav .nav-link,.header nav .nav-contact{color:var(--ink);padding:15px 10px}.header nav .nav-trigger:hover,.header nav .nav-trigger[aria-expanded=true],.header nav .nav-link:hover,.header nav .nav-contact:hover{color:#1760bd;background:var(--soft-blue)}.header nav>a:hover{color:#1760bd}.horizon-title{top:30%}.horizon-stage{min-height:600px}.horizon-hero{height:220svh;min-height:1300px}.horizon-title h1{font-size:clamp(45px,7.4vw,66px)}}
@media(max-width:600px){.header{height:54px;top:12px}.header .logo-frame{width:42px;height:27px}.header .logo-frame img{width:86px;height:86px;left:-23.2px;top:-22.4px}.header .menu-toggle{font-size:12px;padding:8px}.header .menu-toggle span{font-size:17px}.horizon-title{top:30%;left:4%;right:4%}.horizon-title h1{font-size:clamp(36px,9.2vw,52px);letter-spacing:-.04em;line-height:1.08}.horizon-sky,.horizon-ridge{background-position:49% center}.horizon-ridge{mask-image:linear-gradient(transparent 50%,black 78%)}.horizon-belief{top:56%}.horizon-belief p{font-size:21px}.horizon-together p{font-size:34px}.horizon-sheet{padding-top:54px;min-height:250px}.horizon-sheet p{font-size:17px}.horizon-scroll{bottom:26px}.about-symbol .logo-frame{transform:scale(.8)}}
@media(prefers-reduced-motion:reduce){.horizon-hero{height:100svh;min-height:620px}.horizon-stage{position:relative}.horizon-sky,.horizon-ridge,.horizon-title{transform:none!important}.horizon-belief,.horizon-together,.horizon-sheet{display:none}.horizon-title{opacity:1!important}.horizon-scroll{opacity:1!important}}
