:root{--ink:#10273d;--blue:#123854;--sky:#b9dcdd;--yellow:#f5c63c;--paper:#f8f5ee;--line:rgba(16,39,61,.2)}

*{box-sizing:border-box}

html{scroll-behavior:smooth}

body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}

.site-header{height:88px;padding:0 5.5vw;display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:3;width:100%;color:var(--ink)}

.brand{color:inherit;text-decoration:none;display:flex;align-items:center;gap:10px}

.brand-mark{font-size:24px}

.brand strong{font-size:19px;letter-spacing:.09em;display:block}

.brand small{font-family:"DM Mono",monospace;font-size:8px;text-transform:uppercase;letter-spacing:.09em;display:block;margin-top:2px}

nav{display:flex;align-items:center;gap:31px}

nav a{font-size:12px;font-weight:700;color:inherit;text-decoration:none}

.nav-cta{border:1px solid currentColor;border-radius:100px;padding:11px 16px}

.nav-cta span{margin-left:8px}

.hero{min-height:740px;background:var(--sky);padding:170px 9vw 82px;position:relative;overflow:hidden}

.hero-copy{position:relative;z-index:1;max-width:560px}

.eyebrow{font:500 10px "DM Mono",monospace;letter-spacing:.1em;text-transform:uppercase;margin:0 0 20px}

.hero h1,h2{font:600 clamp(47px,6vw,88px)/.96 "Playfair Display",serif;letter-spacing:-.05em;margin:0}

.hero h1 em,h2 em{font-weight:600}

.hero-intro{font-size:15px;line-height:1.8;max-width:410px;margin:29px 0}

.hero-actions{display:flex;align-items:center;gap:28px}

.button{display:inline-flex;align-items:center;gap:28px;border-radius:100px;padding:15px 21px;text-decoration:none;font-size:12px;font-weight:800}

.button span{font-size:18px}

.button-dark{background:var(--ink);color:#fff}

.text-link{font-size:12px;font-weight:800;color:inherit;text-decoration:none}

.text-link span{font-size:17px;margin-left:8px}

.hero-plane{position:absolute;right:-2vw;bottom:58px;width:min(58vw,760px);z-index:1}

.hero-plane svg{width:100%;overflow:visible}

.plane-body{fill:#f6f3eb;stroke:#10273d;stroke-width:4}

.plane-wing{fill:#e4ad23;stroke:#10273d;stroke-width:4}

.plane-shadow{fill:#10273d}

.plane-window{fill:#68a6be}

.contrail{fill:none;stroke:rgba(255,255,255,.76);stroke-width:4;stroke-dasharray:11 12}

.hero-sun{width:360px;height:360px;border:1px solid rgba(16,39,61,.15);border-radius:50%;position:absolute;right:9vw;top:110px}

.hero-sun:after{content:"";position:absolute;inset:58px;border-radius:50%;background:rgba(245,198,60,.75)}

.hero-cloud{position:absolute;background:rgba(255,255,255,.62);filter:blur(1px);border-radius:50%;width:210px;height:50px}

.cloud-one{right:4%;top:205px}

.cloud-two{left:-80px;bottom:60px;width:300px}

.scroll-note{position:absolute;bottom:29px;left:9vw;color:var(--ink);font:10px "DM Mono",monospace;text-transform:uppercase;text-decoration:none;letter-spacing:.06em;display:flex;gap:11px;align-items:center}

.scroll-note span{height:1px;width:40px;background:var(--ink)}

.intro{padding:135px 9vw 105px}

.intro-grid{display:grid;grid-template-columns:1.1fr .6fr;gap:9vw;align-items:end}

.intro h2,.training h2,.fleet h2,.news h2,.contact h2{font-size:clamp(38px,4.4vw,66px)}

.intro-grid p{font-size:15px;line-height:1.8;margin:0 0 26px}

.stats{border-top:1px solid var(--line);margin-top:100px;display:grid;grid-template-columns:repeat(4,1fr)}

.stats div{padding:23px 20px 0;border-right:1px solid var(--line)}

.stats div:first-child{padding-left:0}

.stats div:last-child{border:0}

.stats strong{font:600 31px "Playfair Display",serif;display:block}

.stats span{font-size:10px;display:block;margin-top:7px}

.training{display:grid;grid-template-columns:1fr 1fr;background:var(--blue);color:#fff}

.training-image{min-height:650px;background:linear-gradient(135deg,transparent 45%,rgba(10,30,47,.15)),url('https://images.unsplash.com/photo-1556388158-158ea5ccacbd?auto=format&fit=crop&w=1200&q=85') center/cover;position:relative}

.image-caption{position:absolute;left:36px;bottom:30px;color:white;font:10px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.1em}

.training-content{padding:100px 11%;align-self:center}

.training-content>p:not(.eyebrow){font-size:14px;line-height:1.8;max-width:410px;margin:27px 0}

.training ul{list-style:none;padding:0;margin:30px 0}

.training li{border-top:1px solid rgba(255,255,255,.3);padding:13px 0;font-size:13px}

.training li span{font:10px "DM Mono",monospace;color:var(--yellow);display:inline-block;width:45px}

.button-light{background:var(--yellow);color:var(--ink)}

.fleet{padding:134px 9vw}

.section-heading{display:flex;justify-content:space-between;align-items:end;gap:60px}

.section-heading>p{font-size:14px;line-height:1.7;max-width:280px;margin:0 0 8px}

.plane-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:55px}

.plane-card{min-height:345px;padding:26px;position:relative;overflow:hidden}

.plane-card p,.news article p{font:10px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.08em;margin:0}

.plane-card h3{font:600 35px "Playfair Display",serif;letter-spacing:-.04em;margin:8px 0}

.card-yellow{background:var(--yellow)}

.card-blue{background:#7fc0c2}

.card-cream{background:#e6dfd0}

.mini-plane{font-size:135px;line-height:1;transform:rotate(-18deg);position:absolute;right:-8px;top:106px;color:rgba(16,39,61,.85)}

.plane-card dl{display:flex;gap:30px;position:absolute;bottom:22px;margin:0}

.plane-card dt{font:9px "DM Mono",monospace;text-transform:uppercase}

.plane-card dd{font-size:12px;font-weight:800;margin:5px 0}

.plane-card>a{position:absolute;bottom:24px;right:26px;color:var(--ink);font-size:23px;text-decoration:none}

.quote{background:#dce9e6;padding:100px 10vw;text-align:center}

.quote p{font:600 clamp(30px,4vw,57px)/1.13 "Playfair Display",serif;max-width:900px;margin:0 auto 22px;letter-spacing:-.035em}

.quote span{font:10px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.08em}

.news{padding:130px 9vw}

.news .text-link{margin-bottom:9px}

.news-grid{margin-top:58px;border-top:1px solid var(--line)}

.news article{display:grid;grid-template-columns:130px 1fr 130px;align-items:center;gap:30px;padding:25px 0;border-bottom:1px solid var(--line)}

.news h3{font:600 25px "Playfair Display",serif;margin:0;letter-spacing:-.03em}

.news article a{font-size:11px;font-weight:800;color:inherit;text-decoration:none}

.contact{background:var(--yellow);padding:100px 9vw;display:flex;align-items:center;justify-content:space-between}

.round-link{height:155px;width:155px;border-radius:50%;border:1px solid var(--ink);display:flex;flex-direction:column;justify-content:center;align-items:center;text-decoration:none;color:var(--ink);font-size:12px;font-weight:800;transition:.25s}

.round-link span{font-size:26px;margin-top:6px}

.round-link:hover{background:var(--ink);color:white;transform:rotate(8deg)}

footer{background:var(--ink);color:white;padding:52px 9vw;display:flex;justify-content:space-between;align-items:start;font-size:11px;line-height:1.7}

footer .brand{color:white}

footer p{margin:0}

footer a{color:white}

.copyright{color:rgba(255,255,255,.55)}

.menu-toggle{display:none}


@media(max-width:760px){.site-header{height:72px;padding:0 6vw}

.site-header nav{display:none;position:absolute;top:72px;left:0;width:100%;background:var(--sky);padding:20px 6vw 30px;flex-direction:column;align-items:flex-start;gap:20px}

.site-header nav.open{display:flex}

.menu-toggle{display:flex;background:none;border:0;width:32px;flex-direction:column;gap:6px;padding:6px}

.menu-toggle span{height:2px;background:var(--ink);width:100%}

.hero{min-height:710px;padding:135px 7vw 65px}

.hero h1{font-size:60px}

.hero-plane{width:130%;right:-43%;bottom:95px}

.hero-sun{width:260px;height:260px;right:-22px;top:280px}

.hero-sun:after{inset:42px}

.hero-actions{align-items:flex-start;flex-direction:column;gap:17px}

.scroll-note{left:7vw}

.intro,.fleet,.news{padding:76px 7vw}

.intro-grid,.training{grid-template-columns:1fr;gap:27px}

.stats{margin-top:60px;grid-template-columns:1fr 1fr}

.stats div:nth-child(2){border-right:0}

.stats div:nth-child(n+3){border-top:1px solid var(--line);margin-top:15px}

.training-image{min-height:360px}

.training-content{padding:70px 7vw}

.section-heading{display:block}

.section-heading>p{margin-top:24px}

.plane-cards{grid-template-columns:1fr;margin-top:35px}

.plane-card{min-height:280px}

.quote{padding:75px 7vw}

.news article{grid-template-columns:1fr;gap:13px;padding:25px 0}

.contact{padding:70px 7vw;gap:25px;align-items:flex-end}

.round-link{height:118px;width:118px;flex-shrink:0}

footer{padding:48px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:34px}

.copyright{grid-column:1/-1}

}


.visitor-car{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:center;gap:48px;padding:65px 9vw;background:#f7f4ed;border-bottom:1px solid #d6d2c7}
.visitor-car h2{font-size:clamp(32px,3.5vw,48px);line-height:1.15;margin:12px 0 20px}
.visitor-car>div>p:last-child{font-size:15px;line-height:1.7;max-width:580px}
.visitor-car-booking{border-left:3px solid #e75f2a;padding-left:30px}
.visitor-car-price{display:flex;align-items:baseline;gap:12px;margin:0 0 20px}
.visitor-car-price strong{font-size:48px;letter-spacing:-.04em}
.visitor-car-price span{font-size:15px}
.visitor-car-booking>p:last-child{margin:15px 0 0}
@media(max-width:760px){.visitor-car{grid-template-columns:1fr;gap:28px;padding:50px 7vw}.visitor-car-booking{padding-left:20px}}
.conditions{background:#e7eee9;padding:130px 9vw}
.conditions-heading{display:flex;align-items:end;justify-content:space-between;gap:60px}
.conditions-heading h2{font-size:clamp(38px,4.4vw,66px)}
.conditions-heading>p{font-size:14px;line-height:1.7;max-width:300px;margin:0 0 8px}
.conditions-grid{display:grid;grid-template-columns:minmax(300px,.78fr) 1.47fr;gap:18px;margin-top:52px}
.weather-card{background:var(--ink);color:white;padding:31px;min-height:364px;display:flex;flex-direction:column}
.weather-card .eyebrow{color:#b9dcdd;margin-bottom:10px}
.weather-card-top{display:flex;justify-content:space-between;gap:16px}
.weather-status{font:600 23px "Playfair Display",serif;margin:0;max-width:220px}
.weather-icon{font:46px "Playfair Display",serif;color:var(--yellow)}
.weather-temperature{display:flex;align-items:start;margin:auto 0 22px}
.weather-temperature strong{font:600 96px/.82 "Playfair Display",serif;letter-spacing:-.08em}
.weather-temperature span{font:500 31px "Playfair Display",serif;margin:3px 0 0 7px}
.weather-data{display:grid;grid-template-columns:repeat(3,1fr);margin:0;padding-top:17px;border-top:1px solid rgba(255,255,255,.25);gap:10px}
.weather-data dt,.weather-updated{font:10px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.06em;color:rgba(255,255,255,.64)}
.weather-data dd{font-size:13px;font-weight:800;margin:6px 0 0}
.weather-updated{margin:8px 0 0;line-height:1.45}
.webcam-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.webcam-card{background:var(--paper);min-height:364px;display:flex;flex-direction:column;justify-content:space-between;padding:20px}
.webcam-card h3{font:600 30px "Playfair Display",serif;letter-spacing:-.04em;margin:6px 0}
.webcam-card>div:last-child>p:last-child{font-size:12px;line-height:1.5;margin:0;color:#4b5b65}
.webcam-visual{height:190px;position:relative;overflow:hidden;background:#adcfd1}
.webcam-visual:before{content:"";position:absolute;left:12%;right:-12%;bottom:-30px;height:112px;background:#758b71;clip-path:polygon(0 100%,20% 49%,37% 69%,55% 19%,72% 57%,100% 0,100% 100%)}
.webcam-visual:after{content:"";position:absolute;width:69px;height:69px;border:1px solid rgba(16,39,61,.48);border-radius:50%;top:26px;right:27px}
.webcam-visual span{position:absolute;z-index:1;left:23px;bottom:30px;width:1px;height:119px;background:rgba(16,39,61,.62);transform:rotate(10deg);transform-origin:bottom}
.webcam-west{background:#c8d8dc}
.webcam-west:after{left:27px;right:auto;top:28px}
.webcam-west span{right:31px;left:auto;transform:rotate(-9deg)}
.conditions-note{max-width:760px;font-size:11px;line-height:1.7;margin:26px 0 0;color:#4c5e63}
@media(max-width:760px){.conditions{padding:76px 7vw}
.conditions-heading{display:block}
.conditions-heading>p{margin-top:24px}
.conditions-grid{grid-template-columns:1fr;gap:27px}
.webcam-grid{grid-template-columns:1fr}
.weather-card,.webcam-card{min-height:320px}
}

.aviation-briefing{display:grid;grid-template-columns:.65fr 1fr 1fr;gap:22px;background:#fff;padding:27px 30px;margin-top:18px;border:1px solid rgba(16,39,61,.12)}
.aviation-briefing h3{font:600 28px "Playfair Display",serif;letter-spacing:-.04em;margin:5px 0}
.aviation-briefing>div:first-child>p:last-child{font-size:11px;margin:0}
.aviation-message{border-left:1px solid var(--line);padding-left:21px}
.aviation-message span{font:25px "DM Mono",monospace;font-weight:700;letter-spacing:.1em}
.aviation-message pre{white-space:pre-wrap;font:20px/1.55 "DM Mono",monospace;margin:9px 0 0;color:#28475a}@media(max-width:760px)
{
    .aviation-briefing{grid-template-columns:1fr;padding:24px}
    .aviation-message{border-left:0;border-top:1px solid var(--line);padding:18px 0 0}
}
.webcam-live{height:auto;aspect-ratio:16/9;overflow:hidden;background:#1b2f3e;border:0;padding:0;cursor:zoom-in}
.webcam-live img{display:block;width:100%;height:100%;object-fit:contain;transition:opacity .25s}.webcam-live img.is-refreshing{opacity:.55}
.webcam-dialog{width:min(96vw,1600px);max-width:none;max-height:94vh;padding:0;border:0;background:#101b23;overflow:visible}
.webcam-dialog::backdrop{background:rgba(4,13,20,.88)}.webcam-dialog img{display:block;max-width:96vw;max-height:92vh;width:auto;height:auto}
.webcam-dialog-close{position:absolute;z-index:1;top:10px;right:10px;width:42px;height:42px;border:0;border-radius:50%;background:rgba(255,255,255,.92);color:#10273d;font-size:30px;line-height:1;cursor:pointer}