:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:#fff;background:#102b41;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-height:100svh}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid #e9b44c;outline-offset:8px}
.landscape{position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(6,24,40,.48),rgba(8,23,37,.1) 42%,rgba(2,9,18,.42)),url('assets/background.jpg') center center/cover no-repeat}
.header{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:32px;padding:26px clamp(24px,4.5vw,80px);z-index:2}
.brand{display:flex;align-items:center;gap:13px}.brand img{width:60px;height:60px;object-fit:contain}.brand span{font-family:Georgia,'Times New Roman',serif;font-size:23px;font-weight:bold;letter-spacing:-.7px}
nav{display:flex;align-items:center;gap:clamp(24px,3vw,46px)}nav a{position:relative;font-size:14px;font-weight:500;line-height:2;padding:8px 0;text-shadow:0 1px 10px #102b41}nav a:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:#e9b44c;transform:scaleX(0);transform-origin:left;transition:transform .25s}nav a:hover:after,nav a[aria-current]:after{transform:scaleX(1)}nav a[aria-current]{color:#f3c86e}
.hero{min-height:100svh;display:grid;place-items:center;padding:145px 24px 80px;position:relative}.identity{text-align:center;margin-top:-15px}.hero-logo{display:block;margin:0 auto 25px;width:clamp(110px,11vw,160px);height:auto;filter:drop-shadow(0 8px 24px #07162466);animation:logo-in 1.5s cubic-bezier(.16,1,.3,1) both}
h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2.6rem,6.5vw,6.5rem);font-weight:700;letter-spacing:-.055em;line-height:1.12;margin:0;text-shadow:0 3px 30px #081b3544;animation:reveal 1.2s .25s both}.rule{height:2px;width:58px;background:#e9b44c;margin:29px auto 24px;animation:reveal 1s .5s both}.identity p{font-size:clamp(1rem,1.5vw,1.25rem);letter-spacing:.15em;margin:0;line-height:1.6;animation:reveal 1s .7s both}.menu-toggle{display:none}
.skip{position:fixed;top:8px;left:8px;transform:translateY(-150%);background:#102b41;padding:12px;z-index:5}.skip:focus{transform:none}
@keyframes logo-in{from{opacity:0;transform:translateY(20px) scale(.82) rotate(-8deg)}to{opacity:1;transform:none}}@keyframes reveal{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media(max-width:850px){.header{padding:20px 24px}.brand img{width:50px;height:50px}.brand span{font-size:21px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:7px;width:44px;height:44px;border:0;background:transparent;cursor:pointer;z-index:4}.menu-toggle span{width:25px;height:2px;background:white;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4.5px) rotate(-45deg)}nav{display:none;position:absolute;top:90px;left:16px;right:16px;padding:24px;background:rgba(8,30,45,.97);border:1px solid #ffffff22;align-items:stretch;gap:9px}nav.open{display:flex;flex-direction:column}nav a{font-size:17px;padding:10px}nav a:after{right:auto;width:30px;left:10px}.hero-logo{width:132px}.identity{margin-top:0}.landscape{background-position:43% center}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}