html{background:var(--ink)}
body{min-width:280px}
.page{position:relative;isolation:isolate;min-height:100svh;display:flex;flex-direction:column;overflow:hidden;padding:clamp(26px,4vw,64px) clamp(28px,5.5vw,90px) 36px}
/* Keep the composition together; wide screens add space outside the content. */
.masthead,main{width:100%;max-width:1400px;margin-inline:auto}
.masthead{display:flex;align-items:center;position:relative;z-index:3}
.brand{--wordmark-width:clamp(168px,15vw,230px);display:inline-flex;align-items:baseline;width:max-content;line-height:0;text-decoration:none;color:var(--blue)}
.brand img{display:block;width:var(--wordmark-width);height:auto}
.brand>span{font-size:calc(var(--wordmark-width) * .235);line-height:.72;letter-spacing:-.04em;font-weight:400;color:#fff}
main{position:relative;z-index:1;flex:1;display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:18px;min-height:480px;padding:30px 0 34px}
.intro{position:relative;z-index:2;transform:translateY(clamp(90px,14vh,128px))}
h1{font-weight:400;font-size:clamp(74px,8.6vw,145px);line-height:.91;letter-spacing:-.045em;margin:0 0 42px}
h1 em{font-weight:400;color:var(--blue);letter-spacing:-.045em}
#headline-second{display:inline-block}
#headline-first{letter-spacing:0;font-kerning:normal}
#headline-first .forward-f{margin-right:-.04em}
#headline-first .forward-tail{margin-left:.045em}
.description{font-size:clamp(20px,1.65vw,25px);line-height:1.45;color:#cfdae2;max-width:420px;margin:0 0 35px}
.contact{display:flex;align-items:flex-start;flex-direction:column;gap:25px}
.enquiry{font-size:24px;font-weight:700;min-height:59px;min-width:225px;padding:17px 23px;gap:56px;border:1px solid #0099ff;border-radius:2px;background:var(--blue);color:var(--ink);box-shadow:0 8px 35px #0099ff18;transition:box-shadow .2s,transform .2s}
.enquiry:hover{background:var(--blue);box-shadow:0 8px 40px #0099ff45;transform:translateY(-2px)}
.enquiry svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.5;transition:transform .2s}
.enquiry:hover svg{transform:translate(2px,-2px)}
.socials{display:flex;gap:32px;align-items:center}
.socials a{font-size:16px;text-decoration:none;padding:6px 0;display:inline-flex;align-items:center;gap:13px;border-bottom:1px solid #0099ff50}
.socials a:hover{color:var(--blue);border-color:var(--blue)}
.socials a>span[aria-hidden]{font-family:Arial,sans-serif;font-size:14px;color:var(--blue)}
.emblem-scene{min-width:0;z-index:1;position:relative;align-self:center;height:clamp(330px,61vh,670px);display:grid;place-items:center;perspective:1100px;transform:translateX(min(10vw,160px));pointer-events:none}
.eagle-flight{--eagle-size:clamp(330px,40vw,640px);--eagle-lift:-50px;--eagle-scale:1.5;--eagle-offset-x:clamp(-328px,-22vw,-175px);position:relative;width:var(--eagle-size);height:calc(var(--eagle-size) * 1.02326);transform:translate3d(calc(var(--eagle-x,0px) + var(--eagle-offset-x,0px)),calc(var(--eagle-y,0px) + var(--eagle-lift,-46px)),35px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) rotateZ(var(--tilt-z,0deg)) scale(var(--eagle-scale,1));will-change:transform}
.eagle,.eagle-echo{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;user-select:none}
.eagle{z-index:7}
.eagle-echo{--step:1;opacity:var(--echo-opacity);transform:translate3d(calc(var(--trail-x,-18px) * var(--step)),calc(var(--trail-y,20px) * var(--step)),0);animation:echo-shimmer 6.8s ease-in-out infinite;animation-delay:calc(var(--step) * -.65s)}
@keyframes echo-shimmer{0%,100%{opacity:calc(var(--echo-opacity) * .82)}50%{opacity:calc(var(--echo-opacity) * 1.18)}}
.page[data-paused] .eagle-echo{animation-play-state:paused}
.echo-1{--step:1;--echo-opacity:.18;z-index:6}
.echo-2{--step:2;--echo-opacity:.125;z-index:5}
.echo-3{--step:3;--echo-opacity:.085;z-index:4}
.echo-4{--step:4;--echo-opacity:.055;z-index:3}
.echo-5{--step:5;--echo-opacity:.035;z-index:2}
.echo-6{--step:6;--echo-opacity:.02;z-index:1}
.skip-link{position:fixed;top:12px;left:12px;padding:12px;background:var(--blue);color:var(--ink);z-index:100;transform:translateY(-200%)}
.skip-link:focus{transform:translateY(0)}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:900px) and (max-height:760px){.page{padding-top:32px;padding-bottom:26px}main{min-height:440px;padding:25px 0 35px}h1{font-size:clamp(76px,8vw,116px);margin-bottom:37px}.description{margin-bottom:28px}.contact{gap:21px}.emblem-scene{height:440px}.eagle-flight{--eagle-size:min(38.5vw,493px)}}
@media(max-width:899px){.page{padding:30px 32px}main{grid-template-columns:1.15fr 1fr;min-height:450px;gap:5px}h1{font-size:clamp(64px,9.3vw,84px)}.description{font-size:20px;max-width:320px}.emblem-scene{height:350px}.eagle-flight{--eagle-size:max(245px,37vw)}}
@media(max-width:600px){.page{min-height:100svh;padding:24px 25px}.brand{width:160px}main{display:flex;flex-direction:column-reverse;justify-content:center;gap:12px;padding:10px 0 12px;min-height:0}.emblem-scene{height:clamp(240px,42svh,370px);width:100%;flex:none}.eagle-flight{--eagle-size:clamp(167px,28svh,275px);--trail-x:-7px!important;--trail-y:8px!important;transform:translate(-10px,-22px) scale(1.5);will-change:auto}.intro{width:100%;transform:translateY(8px)}h1{font-size:clamp(56px,13.8vw,82px);text-align:center;margin-bottom:22px;line-height:.92}.description{font-size:18px;line-height:1.4;max-width:310px;margin:0 auto 25px;text-align:center}.contact{align-items:center;gap:18px}.enquiry{font-size:22px;min-height:53px;min-width:220px;padding:13px 22px;gap:56px}.socials{gap:32px}.socials a{font-size:16px}}
@media(max-width:600px) and (max-height:720px){.page{padding-top:20px;padding-bottom:18px}.emblem-scene{height:280px}main{gap:9px;padding:6px 0}h1{font-size:56px;margin-bottom:17px}.description{font-size:17px;margin-bottom:20px;max-width:295px}.contact{gap:14px}.enquiry{min-height:50px;padding:12px 21px}}
@media(max-width:600px) and (max-height:590px){.page{padding:17px 23px}.brand{width:145px}.emblem-scene{height:205px}main{gap:8px}h1{font-size:49px;margin-bottom:15px}.description{font-size:16px;margin-bottom:17px}.contact{gap:10px}}
@media(prefers-reduced-motion:reduce),(pointer:coarse){.eagle-flight{transform:translate(var(--eagle-offset-x,0px),var(--eagle-lift,-5px)) scale(var(--eagle-scale,1))!important;will-change:auto;--trail-x:-18px!important;--trail-y:20px!important}}
@media(max-width:600px) and (max-height:720px){.eagle-flight{--eagle-size:175px}}
@media(max-width:600px) and (max-height:590px){.eagle-flight{--eagle-size:125px}}
@media(max-width:600px){.eagle-flight{transform:translate(-10px,-22px) scale(1.5)!important;--trail-x:-7px!important;--trail-y:8px!important}}
@media(max-width:600px){.brand{--wordmark-width:160px;width:max-content}}
@media(max-width:600px){.masthead{justify-content:center}.emblem-scene{transform:translateX(0)}}
@media(max-width:600px) and (max-height:590px){.brand{--wordmark-width:145px}}
