.contact-body{background:#020b17;color:#f5fbff}
.contact-body h1,.contact-body h2,.contact-body h3{word-spacing:.08em}
.contact-body h2{line-height:1.11;letter-spacing:-.058em}
.contact-body .nav-cta.active{background:#05e2f3;color:#031827}
                                                                                                
.contact-hero{position:relative;isolation:isolate;min-height:780px;background:#020b17;overflow:hidden}
.contact-hero-stage,.contact-hero-poster,.contact-hero-stage video,.contact-hero-shade{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.contact-hero-stage{z-index:-1}
.contact-hero-poster{background:url('./assets/axetl-contact-hero.webp') center center/cover no-repeat}
.contact-hero-stage video{object-fit:cover;object-position:center;opacity:0;transition:opacity .85s ease}
.contact-hero.is-playing .contact-hero-stage video{opacity:1}
.contact-hero-shade{z-index:1;background:linear-gradient(90deg,#020b17 0%,rgba(2,11,23,.94) 16%,rgba(2,11,23,.69) 40%,rgba(2,11,23,.06) 79%),linear-gradient(180deg,rgba(2,11,23,.26),transparent 53%,rgba(2,11,23,.42))}
.contact-hero-inner{position:relative;z-index:2;min-height:770px;display:flex;align-items:center;padding:135px 0 124px}
.contact-hero-copy{width:min(69%,860px)}
.contact-hero h1{font:800 clamp(4rem,5.8vw,6.5rem)/1.09 var(--head);letter-spacing:-.072em;margin:30px 0 30px}
.contact-hero h1 em{font-style:normal;color:var(--cyan)}
.contact-hero-lead{font:750 clamp(1.17rem,1.6vw,1.55rem)/1.5 var(--head);letter-spacing:-.026em;color:#f1fbff;margin-bottom:19px}
.contact-hero-description{max-width:590px;color:#bad0dc;font:400 15px/1.86 var(--body);margin:0 0 32px}
.contact-hero-caption{color:#84aaba;font:800 9px/1.65 var(--body);letter-spacing:.16em;margin:35px 0 0}
.contact-hero-bottom{position:absolute;z-index:2;left:50%;bottom:24px;transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;gap:18px;color:#88aebc;font:800 9px/1.5 var(--body);letter-spacing:.17em}
                              
.contact-direct,.contact-routes{background:#f3f6f8;color:#081c29;padding:107px 0 120px}
.contact-direct .section-overline,.contact-routes .section-overline{color:#72909b;border-color:rgba(5,59,78,.17)}
.contact-direct .kicker,.contact-routes .kicker{color:#008fa9}
.contact-direct h2 em,.contact-routes h2 em{color:#009eb5}
.contact-direct-head,.contact-routes-head{display:grid;grid-template-columns:1.1fr .9fr;gap:11%;align-items:end;padding:70px 0 60px}
.contact-direct h2,.contact-routes h2,.contact-enquiry h2,.contact-axi h2,.contact-info h2{font-size:clamp(3rem,4.8vw,5.6rem);margin:0}
.contact-direct-head>p,.contact-routes-head>p{color:#567481;font:400 15px/1.84 var(--body);margin:0 0 9px}
.contact-direct-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid rgba(4,55,78,.17);background:#f9fbfc}
.contact-channel{display:flex;flex-direction:column;min-height:333px;padding:27px 30px 34px;border-right:1px solid rgba(4,55,78,.16);color:#0a2535;transition:background .25s,transform .25s}
.contact-channel:last-child{border-right:0}
.contact-channel:hover{background:#e8f5f8;transform:translateY(-4px)}
.contact-channel-top{display:flex;justify-content:space-between;gap:16px;align-items:center;font:800 10px/1.5 var(--body);letter-spacing:.14em;color:#008fa8}
.contact-channel-arrow{font:400 20px/1 var(--body)}
.contact-channel-icon{margin-top:39px;width:52px;height:52px;border-radius:50%;border:1px solid rgba(0,133,168,.38);display:flex;align-items:center;justify-content:center;font:500 28px/1 var(--body);color:#007d9e}
.contact-channel strong{font:800 clamp(1.4rem,2.15vw,2.2rem)/1.2 var(--head);letter-spacing:-.045em;margin:28px 0 9px}
.contact-channel-detail{color:#00829f;font:750 16px/1.5 var(--body);overflow-wrap:anywhere}
.contact-channel-caption{font:400 13px/1.8 var(--body);color:#607b85;margin-top:19px;max-width:320px}
                                                 
.contact-enquiry{background:radial-gradient(ellipse at 16% 64%,rgba(0,154,195,.15),transparent 58%),#051725;padding:106px 0 125px}
.contact-enquiry-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:12%;align-items:start;padding-top:76px}
.contact-enquiry-intro>p:not(.kicker){font:400 15px/1.87 var(--body);color:#afc8d4;max-width:500px;margin:27px 0 34px}
.contact-enquiry-check{max-width:450px;border-top:1px solid rgba(131,202,221,.24);border-bottom:1px solid rgba(131,202,221,.24);padding:23px 0;margin:0 0 35px}
.contact-enquiry-check>span{display:block;color:var(--cyan);font:800 10px/1.5 var(--body);letter-spacing:.14em;margin:0 0 17px}
.contact-enquiry-check>p{display:grid;grid-template-columns:32px 1fr;gap:13px;color:#d3e6ed;font:500 13px/1.7 var(--body);margin:0 0 13px}
.contact-enquiry-check>p:last-child{margin-bottom:0}
.contact-enquiry-check>p>b{font:800 11px/1.7 var(--body);color:var(--cyan)}
.contact-response{display:flex;gap:18px;align-items:flex-start;max-width:400px}
.contact-response-line{display:block;width:2px;min-height:51px;background:var(--cyan);flex:0 0 2px}
.contact-response strong{display:block;font:750 15px/1.55 var(--head);margin-bottom:5px}
.contact-response div>span{display:block;font:400 12px/1.77 var(--body);color:#8cabb9}
.contact-form{border:1px solid rgba(133,204,224,.27);background:#0a2435;padding:35px 36px 32px}
.contact-form-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;font:800 22px/1.3 var(--head);letter-spacing:-.028em;margin-bottom:11px}
.contact-form-heading span{color:var(--cyan);font:400 22px/1 var(--body)}
.contact-form-intro{font:400 13px/1.7 var(--body);color:#a0bdc9;margin-bottom:29px}
.contact-form-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.contact-form label{display:block;color:#e0f2f5;font:700 12px/1.5 var(--body);margin-bottom:20px}
.contact-form label>span{color:#9bb7c3;font:400 11px/1.5 var(--body)}
.contact-form abbr{color:var(--cyan);text-decoration:none}
.contact-form input,.contact-form textarea,.contact-form select{display:block;width:100%;min-width:0;margin-top:9px;border:1px solid rgba(135,206,223,.32);border-radius:2px;background:#051b2c;color:#f4fcff;padding:14px;font:400 13px/1.4 var(--body);outline:none}
.contact-form textarea{resize:vertical;min-height:122px}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:#86a4b3}
.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--cyan);box-shadow:0 0 0 2px rgba(0,220,244,.15)}
.contact-form .button{width:100%;cursor:pointer}
.contact-form-note{font:400 11px/1.75 var(--body);color:#92afbd;margin:15px 0 0}
.contact-form-status{font:500 12px/1.7 var(--body);color:#baf5f9;min-height:1em;margin:10px 0 0}
                             
.contact-axi{position:relative;isolation:isolate;min-height:695px;background:#03101d;overflow:hidden}
.contact-axi-art,.contact-axi-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.contact-axi-art{z-index:-2;object-fit:cover;object-position:center center}
.contact-axi-overlay{z-index:-1;background:linear-gradient(90deg,rgba(2,11,23,.03),rgba(2,11,23,.22) 30%,rgba(2,11,23,.88) 54%,#03101c 100%),linear-gradient(180deg,rgba(2,11,23,.08),transparent 64%,rgba(2,11,23,.48))}
.contact-axi-inner{display:flex;flex-direction:column;min-height:695px;padding:61px 0 77px}
.contact-axi-copy{width:min(49%,628px);align-self:flex-end;margin:auto 0 4%}
.contact-axi h2{margin:0 0 25px}
.contact-axi-copy p:not(.kicker){font:400 15px/1.86 var(--body);color:#b8cdd7;max-width:545px;margin:0 0 17px}
.contact-axi-copy .button{margin-top:18px}
                                                           
.contact-routes{padding:106px 0 111px}
.contact-routes-list{border-top:1px solid rgba(5,60,80,.18)}
.contact-route{display:grid;grid-template-columns:43px minmax(0,1fr) 160px;align-items:center;gap:24px;border-bottom:1px solid rgba(5,60,80,.17);padding:25px 0}
.contact-route-count{color:#008da8;font:800 11px/1.5 var(--body);align-self:start;margin-top:4px}
.contact-route h3{font-size:clamp(1.65rem,2.25vw,2.2rem);margin:0 0 8px}
.contact-route p{color:#5d7884;font:400 13px/1.75 var(--body);margin:0 0 7px}
.contact-route div>a{font:700 12px/1.6 var(--body);color:#007e9a}
.contact-route div>a span{padding-left:8px}
.contact-route div>a:hover{text-decoration:underline}
.contact-route-action{color:#062433;background:#e4f4f8;border:1px solid rgba(0,145,180,.2);font:800 12px/1.2 var(--body);padding:13px 14px;display:flex;justify-content:space-between;gap:17px;transition:background .2s}
.contact-route-action span{font-size:18px;color:#009ab2}
.contact-route-action:hover{background:#c3eff4}
.contact-route-other{font:400 13px/1.78 var(--body);color:#5c7883;margin:28px 0 0}
.contact-route-other b{color:#14394a;font-weight:750}
                                                    
.contact-info{background:linear-gradient(127deg,#061827,#081f2f 73%,#051321);padding:110px 0 127px}
.contact-info-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:14%;padding-top:75px}
.contact-location{padding-top:12px}
.contact-location>span{font:800 10px/1.5 var(--body);letter-spacing:.13em;color:var(--cyan);display:block;margin-bottom:18px}
.contact-location>strong{display:block;font:800 clamp(1.9rem,2.8vw,2.8rem)/1.2 var(--head);letter-spacing:-.05em}
.contact-location p{font:400 14px/1.82 var(--body);color:#aac6d2;margin:7px 0 0;max-width:510px}
.contact-location-line{height:1px;background:rgba(139,208,225,.22);margin:34px 0}
.contact-socials{display:flex;gap:16px 28px;flex-wrap:wrap;margin-top:34px}
.contact-socials a{font:700 12px/1.5 var(--body);color:#e0f5f8;border-bottom:1px solid rgba(0,222,239,.4);padding-bottom:8px}
.contact-socials a span{color:var(--cyan);margin-left:8px}
.contact-socials a:hover{color:var(--cyan)}
@media(max-width:1180px){
 .contact-hero-copy{width:74%}
 .contact-hero h1{font-size:clamp(3.9rem,6.15vw,6.3rem)}
 .contact-direct-grid .contact-channel{padding:26px 23px}
 .contact-enquiry-grid{gap:8%}
 .contact-axi-copy{width:55%}
}
@media(max-width:850px){
 .contact-hero,.contact-hero-inner{min-height:745px}
 .contact-hero-copy{width:82%}
 .contact-direct-head,.contact-routes-head{grid-template-columns:1fr;gap:25px;padding:55px 0 47px}
 .contact-direct-head>p,.contact-routes-head>p{max-width:660px}
 .contact-direct-grid{grid-template-columns:1fr 1fr}
 .contact-channel:nth-child(2){border-right:0}
 .contact-channel:last-child{grid-column:1/-1;min-height:260px;border-top:1px solid rgba(4,55,78,.16)}
 .contact-channel{min-height:305px}
 .contact-enquiry-grid{grid-template-columns:1fr;gap:52px;padding-top:58px}
 .contact-enquiry-intro{max-width:720px}
 .contact-enquiry-intro>p:not(.kicker){max-width:700px}
 .contact-enquiry-check{max-width:630px}
 .contact-form{max-width:730px}
 .contact-axi-copy{width:63%}
 .contact-info-grid{grid-template-columns:1fr;gap:40px;padding-top:58px}
 .contact-location{padding-top:0}
}
@media(max-width:650px){
 .contact-hero,.contact-hero-inner{min-height:854px}
 .contact-hero-inner{align-items:flex-start;padding:139px 0 155px}
 .contact-hero-copy{width:100%}
 .contact-hero h1{font-size:clamp(3.15rem,10.1vw,5.0rem);line-height:1.1}
 .contact-hero-lead{font-size:17px}
 .contact-hero-description{font-size:13px;max-width:440px}
 .contact-hero-stage video{object-position:69% center}
 .contact-hero-poster{background-position:69% center}
 .contact-hero-shade{background:linear-gradient(90deg,rgba(2,11,23,.98),rgba(2,11,23,.86) 62%,rgba(2,11,23,.46)),linear-gradient(180deg,rgba(2,11,23,.1),transparent 54%,rgba(2,11,23,.62))}
 .contact-hero-bottom span:last-child{display:none}
 .contact-hero-caption{font-size:8px;line-height:1.7}
 .contact-direct,.contact-routes{padding:78px 0 87px}
 .contact-direct h2,.contact-routes h2,.contact-enquiry h2,.contact-axi h2,.contact-info h2{font-size:clamp(2.75rem,9.5vw,4.3rem)}
 .contact-direct-grid{grid-template-columns:1fr}
 .contact-channel,.contact-direct-grid .contact-channel,.contact-channel:last-child{grid-column:auto;min-height:245px;padding:23px 24px 27px;border-right:0;border-bottom:1px solid rgba(4,55,78,.16)}
 .contact-channel:last-child{border-bottom:0}
 .contact-channel-icon{margin-top:22px}
 .contact-channel strong{margin:19px 0 6px;font-size:27px}
 .contact-channel-detail{font-size:15px}
 .contact-channel-caption{font-size:12px}
 .contact-enquiry,.contact-info{padding:79px 0 92px}
 .contact-enquiry-intro>p:not(.kicker){font-size:14px}
 .contact-enquiry-check>p{font-size:12px}
 .contact-form{padding:26px 20px}
 .contact-form-pair{grid-template-columns:1fr;gap:0}
 .contact-axi,.contact-axi-inner{min-height:810px}
 .contact-axi-art{height:58%;object-position:21% top}
 .contact-axi-overlay{background:linear-gradient(180deg,rgba(2,11,23,.02),rgba(2,11,23,.1) 28%,rgba(2,11,23,.9) 58%,#03101c 82%)}
 .contact-axi-inner{padding:45px 0 53px}
 .contact-axi-copy{width:100%;margin:auto 0 0;padding-top:265px}
 .contact-axi-copy p:not(.kicker){font-size:13px}
 .contact-route{grid-template-columns:25px 1fr;gap:14px;align-items:start;padding:24px 0}
 .contact-route h3{font-size:25px}
 .contact-route p{font-size:12px}
 .contact-route-action{grid-column:2;max-width:178px}
 .contact-route-other{font-size:12px}
 .contact-info-grid{padding-top:53px}
 .contact-location>strong{font-size:29px}
 .contact-location p{font-size:13px}
}
@media(max-width:380px){
 .contact-hero,.contact-hero-inner{min-height:940px}
 .contact-hero h1{font-size:2.93rem}
 .contact-hero .actions{flex-direction:column;align-items:flex-start}
 .contact-axi,.contact-axi-inner{min-height:870px}
 .contact-axi-copy{padding-top:290px}
}
@media(prefers-reduced-motion:reduce){.contact-hero-stage video{display:none!important}.contact-channel{transition:none!important}}