:root{--gold:#c8a95a;--ivory:#f2f3ef}.nav{height:90px;background:#070d12e8;transition:height .4s,background .4s;z-index:50}.nav.scrolled{height:76px;background:#050a0ef5}.nav .wrap{padding-inline:4.5vw;max-width:1600px;gap:30px}.brand{min-width:0;width:300px;flex-shrink:0;display:block}.brand img{width:100%;height:auto;mix-blend-mode:screen}.navlinks{gap:24px;font-size:12px}.nav-contact,.button{border-radius:0;position:relative;overflow:hidden;isolation:isolate}.button{min-width:190px;justify-content:center;letter-spacing:.1px;padding:15px 25px;transition:color .35s,border-color .35s,background .35s}.button:before,.nav-contact:before{content:'';position:absolute;inset:0;background:#fff;transform:translateY(105%);transition:transform .35s;z-index:-1}.button:hover,.nav-contact:hover{transform:none;color:#07131a;background:var(--gold)}.button:hover:before,.nav-contact:hover:before{transform:translateY(0)}.textlink{position:relative;border-bottom:1px solid #ffffff40;padding-bottom:8px}.textlink:after{content:'';height:2px;position:absolute;bottom:-1px;left:0;width:0;background:var(--gold);transition:width .4s}.textlink:hover:after{width:100%}.statement:after{content:'';width:420px;height:300px;background:url('assets/mark-white-cacd377591.jpg') center/contain no-repeat;mix-blend-mode:screen;opacity:.065;top:0;right:4%}.footer .brand{width:360px;max-width:100%}.footer .brand img{mix-blend-mode:screen}.reading-progress{position:fixed;top:0;left:0;height:2px;width:100%;transform:scaleX(0);transform-origin:left;background:var(--gold);z-index:100;pointer-events:none}.cinema{position:relative;min-height:730px;height:calc(100svh - 90px);max-height:1050px;background:#060e17;overflow:hidden;isolation:isolate}.cinema-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1.3s,visibility 1.3s;display:flex;align-items:center}.cinema-slide.active{opacity:1;visibility:visible;z-index:1}.cinema-media{position:absolute;inset:0;overflow:hidden;z-index:-2}.cinema-media img{width:100%;height:100%;object-fit:cover;object-position:65% center;transform:scale(1.12);will-change:transform}.cinema-slide.active .cinema-media img{animation:scene-pan 10s linear both}.cinema-slide:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#030b13ee 0%,#030b13ac 42%,#030b130d 90%),linear-gradient(0deg,#050d16f2,transparent 45%)}.cinema-body{width:100%;padding-block:55px 135px;position:relative;transform:translateY(var(--hero-shift,0px))}.cinema-title{font-size:clamp(54px,6.4vw,100px);font-weight:400;line-height:1.04;letter-spacing:-4px;max-width:900px;margin:0 0 30px}.cinema-title em{font-style:normal;color:#dfcd98}.cinema-body p{max-width:480px;font-size:16px;color:#d2d9dc;line-height:1.8}.cinema-slide.active .cinema-body>.eyebrow{animation:enter-up .8s .2s both}.cinema-slide.active .cinema-title{animation:enter-up 1s .35s both}.cinema-slide.active .cinema-body>p{animation:enter-up .9s .5s both}.cinema-slide.active .actions{animation:enter-up .9s .65s both}.cinema-bottom{position:absolute;bottom:35px;left:0;right:0;z-index:4;display:flex;justify-content:space-between;align-items:center;gap:45px}.cinema-tabs{display:flex;gap:30px;width:68%;max-width:700px}.scene-tab{position:relative;background:none;border:0;border-top:1px solid #ffffff40;color:#c9d2d8;display:flex;gap:16px;padding:20px 0 0;text-align:left;font-size:12px;flex:1}.scene-index{font:10px monospace;color:#8999a4}.scene-tab.active{color:#fff}.scene-tab i{position:absolute;top:-1px;left:0;width:100%;height:2px;background:#e4ca8a;transform:scaleX(0);transform-origin:left}.scene-tab.active i{animation:scene-progress 8s linear both}.motion-toggle{background:none;border:1px solid #ffffff50;color:#fff;padding:11px 15px;display:flex;align-items:center;gap:10px;font-size:10px}.pause-icon{display:block;width:7px;height:10px;border-left:2px solid currentColor;border-right:2px solid currentColor}.motion-paused .pause-icon{border:0;width:8px;height:10px;clip-path:polygon(0 0,100% 50%,0 100%);background:currentColor}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .scene-tab.active i{animation-play-state:paused!important}.intro{background:#f1f2ec;color:#0e242b;padding-block:130px}.intro .muted{color:#56676b}.intro .eyebrow{color:#816826}.intro .textlink{border-color:#0e242b50}.intro .lead{font-size:26px;max-width:600px}.intro .split h2{font-size:clamp(42px,4vw,64px)}.facts-section{padding:85px 0 100px;background:#f1f2ec;color:#0e242b;border-top:1px solid #0e242b20}.facts-heading{display:flex;align-items:start;justify-content:space-between;gap:30px;margin-bottom:45px}.facts-heading .eyebrow{color:#816826}.facts-heading>p{color:#647175;font-size:13px}.facts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.fact{border-top:1px solid #0e242b40;padding-top:25px}.fact-number{font-family:'Space Grotesk';font-size:clamp(90px,9vw,145px);font-weight:400;letter-spacing:-7px;line-height:1.2;display:flex;justify-content:space-between;align-items:start}.fact-number b{font:300 30px Inter;color:#af984e;letter-spacing:0;line-height:2.4}.fact h3{font-size:22px;margin:22px 0 12px;letter-spacing:-.6px}.fact p{font-size:12px;color:#667176;max-width:260px}.cap-card{padding-top:45px;transition:background .5s,transform .5s}.cap-card .number{color:#c8a95a}.cap-card:hover{background:#142932;transform:translateY(-6px)}.cap-card:after{content:'Explore capability';display:inline-block;margin-top:35px;font-size:11px;border-bottom:1px solid #c8a95a80;padding-bottom:7px;color:#d7c590}.project{margin:0 4.5vw;min-height:650px;overflow:hidden}.project-image{overflow:hidden}.project-image>img{transition:transform 1.4s;transform:scale(1.03)}.project:hover .project-image>img{transform:scale(1.09)}.project-copy{padding:65px 50px}.project-copy h2{font-size:90px}.pillar-section{padding:120px 0;background:#080f18}.pillar-tabs{display:flex;border-top:1px solid #ffffff30;border-bottom:1px solid #ffffff30}.pillar-tabs button{flex:1;background:none;color:#9cabb5;border:0;position:relative;padding:25px 15px;text-align:left;display:flex;gap:20px;font-size:13px;transition:color .3s,background .3s}.pillar-tabs button span{font:10px monospace;color:#c8a95a}.pillar-tabs button:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#c8a95a;transform:scaleX(0);transform-origin:left;transition:transform .4s}.pillar-tabs button[aria-selected=true]{color:white;background:#12212a}.pillar-tabs button[aria-selected=true]:after{transform:scaleX(1)}.pillar-panel{display:grid;grid-template-columns:1.2fr 1fr;min-height:490px;background:#10202b;animation:panel-enter .65s both}.pillar-panel[hidden]{display:none}.pillar-visual{position:relative;overflow:hidden;min-height:440px}.pillar-visual img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;animation:panel-pan 1.3s both}.pillar-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#060e18b0,transparent 65%)}.pillar-watermark{font:150px 'Space Grotesk';letter-spacing:-10px;position:absolute;bottom:0;left:30px;color:#ffffffae;z-index:1;line-height:1}.pillar-copy{padding:65px 45px;align-self:center}.pillar-copy h3{font-size:34px;line-height:1.15;letter-spacing:-1px}.pillar-copy p{font-size:14px;color:#a9bbc5}.journey-section{padding:100px 0;background:#10202b}.journey-line{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;position:relative;margin-top:60px}.journey-line:before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:#ffffff25}.journey-line:after{content:'';position:absolute;top:0;left:0;width:100%;height:1px;background:#c8a95a;transform:scaleX(0);transform-origin:left;transition:transform 1.8s .3s}.visible .journey-line:after{transform:scaleX(1)}.journey-line article{position:relative;padding-top:32px}.journey-dot{position:absolute;top:-3px;left:0;width:7px;height:7px;border-radius:50%;background:#c8a95a;box-shadow:0 0 20px #c8a95a60}.journey-line h3{font-size:25px;margin:20px 0 16px}.journey-line p{font-size:13px;color:#a9bbc5;max-width:220px}.brand-banner{overflow:hidden;background:#c8a95a;color:#0b1c22;padding:35px 0}.brand-track{display:flex;align-items:center;gap:65px;width:max-content;animation:marquee 35s linear infinite}.brand-track span{font:500 60px 'Space Grotesk';letter-spacing:-2px}.brand-track i{display:block;width:10px;height:10px;background:#0b1c22;transform:rotate(45deg)}.page-head .eyebrow,.page-head h1,.page-head p{animation:enter-up .9s both}.page-head h1{animation-delay:.1s}.page-head p{animation-delay:.25s}.page-head:after{content:'';background:url('assets/mark-white-cacd377591.jpg') center/contain no-repeat;mix-blend-mode:screen;opacity:.045;width:500px;height:360px;right:3%;top:0}.statement .button{min-width:190px}.js-motion .reveal{transition:opacity .85s,transform .85s;transition-delay:var(--delay,0ms)}@keyframes enter-up{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}@keyframes scene-pan{from{transform:scale(1.12) translateX(-1%)}to{transform:scale(1.02) translateX(0)}}@keyframes scene-progress{to{transform:scaleX(1)}}@keyframes panel-enter{from{opacity:.2;transform:translateY(15px)}to{opacity:1;transform:none}}@keyframes panel-pan{from{transform:scale(1.09)}to{transform:scale(1)}}@keyframes marquee{to{transform:translateX(-50%)}}@media(min-width:1600px){.cinema{min-height:850px}}@media(max-width:1150px){.nav .wrap{gap:20px}.brand{width:245px}.navlinks{gap:18px;font-size:11px}.nav-contact{display:none}.project-copy{padding:45px 35px}.pillar-copy{padding:40px 30px}.pillar-copy h3{font-size:30px}.cinema-title{font-size:76px}}@media(max-width:800px){.nav,.nav.scrolled{height:80px}.nav .wrap{padding-inline:25px}.brand{width:250px}.navlinks{top:80px;font-size:15px}.cinema{height:calc(100svh - 80px);min-height:700px;max-height:950px}.cinema-title{font-size:58px;letter-spacing:-2.5px}.cinema-body{padding-block:60px 190px}.cinema-body p{font-size:14px;max-width:410px}.cinema-slide:after{background:linear-gradient(90deg,#030b13ed,#030b1360),linear-gradient(0deg,#050d16,transparent 60%)}.cinema-bottom{bottom:25px;gap:25px;flex-wrap:wrap}.cinema-tabs{width:100%;gap:15px}.scene-tab{padding-top:15px;font-size:11px;gap:10px}.motion-toggle{font-size:9px;padding:8px 12px}.intro{padding-block:80px}.intro .lead{font-size:22px}.facts-section{padding:60px 0}.facts-grid{gap:25px}.fact-number{font-size:80px;letter-spacing:-4px}.fact-number b{display:none}.fact h3{font-size:17px}.fact p{font-size:11px}.facts-heading{flex-direction:column;gap:0}.facts-heading>p{margin:0}.project{margin:0}.project-copy h2{font-size:75px}.pillar-section{padding:75px 0}.pillar-tabs button{padding:17px 10px;font-size:11px;gap:8px;flex-direction:column}.pillar-panel{grid-template-columns:1fr}.pillar-visual{min-height:310px}.pillar-copy{padding:35px 25px}.pillar-copy h3{font-size:32px}.pillar-watermark{font-size:110px}.journey-section{padding:70px 0}.journey-line{grid-template-columns:1fr 1fr;gap:35px}.journey-line:before,.journey-line:after{display:none}.journey-line article{border-top:1px solid #c8a95a60}.brand-track{gap:35px}.brand-track span{font-size:42px}.brand-banner{padding:25px 0}.footer .brand{width:300px}.statement:after{width:240px;height:200px}.page-head:after{width:320px}}@media(max-width:430px){.brand{width:230px}.nav .wrap{gap:15px}.menu{font-size:11px;padding:7px 9px}.cinema{min-height:700px}.cinema-title{font-size:47px;letter-spacing:-2px}.cinema-body{padding-block:55px 200px}.cinema-body .eyebrow{font-size:9px}.cinema-body .actions{gap:20px}.cinema-body .button{min-width:180px;font-size:11px}.cinema-bottom{gap:18px}.facts-grid{grid-template-columns:1fr;gap:25px}.fact{display:grid;grid-template-columns:100px 1fr;gap:0 20px}.fact-number{grid-row:1/3;font-size:80px}.fact h3{margin:15px 0 10px;font-size:20px}.fact p{grid-column:2;max-width:none;font-size:12px}.pillar-tabs button{font-size:10px;padding-inline:6px}.journey-line h3{font-size:23px}}@media(prefers-reduced-motion:reduce){html:not(.motion-enabled) .cinema-slide,html:not(.motion-enabled) .cinema-media img,html:not(.motion-enabled) .cinema-body,html:not(.motion-enabled) .pillar-panel,html:not(.motion-enabled) .pillar-visual img,html:not(.motion-enabled) .brand-track,html:not(.motion-enabled) .page-head *{animation:none!important;transition:none!important}html:not(.motion-enabled) .cinema-body{transform:none}html:not(.motion-enabled) .scene-tab.active i{transform:scaleX(1)}html:not(.motion-enabled) .js-motion .reveal{opacity:1;transform:none}html:not(.motion-enabled) .journey-line:after{transform:scaleX(1)}}
.scene-tab.active i{animation:none;transform:scaleX(var(--scene-progress,0))}.cap-card:hover{background:radial-gradient(350px circle at var(--pointer-x,50%) var(--pointer-y,50%),#24414b,#101e28 80%)}.motion-paused .cinema-body{transform:none}.brand-mark,.arrow{display:none!important}@media(prefers-reduced-motion:reduce){html:not(.motion-enabled) .scene-tab.active i{transform:scaleX(1)}}
.brand-track{gap:0}.brand-group{display:flex;align-items:center;gap:65px;padding-right:65px}.motion-toggle:disabled{cursor:default;opacity:.7}@media(max-width:800px){.brand-group{gap:35px;padding-right:35px}}
/* Official programme identity, kept separate from editorial photography. */
.hudhud-heading{margin-bottom:28px}.hudhud-heading img{display:block;width:min(360px,100%);height:auto;max-height:145px;object-fit:contain;object-position:left}
.hudhud-hero-logo{display:block;width:205px;height:auto;margin:0 0 22px}
.hudhud-link-logo{display:inline-block;vertical-align:middle;width:66px;height:auto;margin-right:12px}
.footer-links .hudhud-link-logo{width:75px}.cinema-body:has(.hudhud-hero-logo){padding-top:30px}.cinema-body:has(.hudhud-hero-logo) .cinema-title{font-size:clamp(48px,5.7vw,88px)}
@media(max-width:800px){.hudhud-hero-logo{width:145px;margin-bottom:15px}.cinema-body:has(.hudhud-hero-logo) .cinema-title{font-size:48px}.hudhud-heading img{width:280px}.hudhud-link-logo{width:58px}}
@media(max-width:430px){.cinema-body:has(.hudhud-hero-logo) .cinema-title{font-size:42px}}
.navlinks .contact-mobile{display:none}@media(max-width:1150px){.navlinks .contact-mobile{display:block}}
/* Keep the mission illustration clear; supporting copy lives beneath it. */
.sector-stage{display:block;min-height:0;background:#0d1a22;border:1px solid #c8a95a25;overflow:hidden}
.sector-stage:after{display:none}
.sector-media{position:relative;overflow:hidden;aspect-ratio:3/2;background:#052020;isolation:isolate}
.sector-media>img{display:block;width:100%;height:100%;object-fit:contain;animation:mission-breathe 16s ease-in-out infinite alternate;transform-origin:75% 45%;will-change:transform}
.sector-scan{position:absolute;top:0;bottom:0;left:0;width:12%;pointer-events:none;background:linear-gradient(90deg,transparent,#c8a95a05 65%,#d3bf7740 100%);border-right:1px solid #dccb8155;animation:mission-scan 10s linear infinite;mix-blend-mode:screen;opacity:.55}
.sector-stage-copy{position:relative;z-index:1;padding:40px;background:#0d1a22;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;border-top:1px solid #c8a95a30}
.sector-stage-copy article{border-top:1px solid #c8a95a45;padding-top:20px}.sector-stage-copy h3{font-size:22px;margin:16px 0}.sector-stage-copy p{font-size:13px;max-width:none}
@keyframes mission-breathe{from{transform:scale(1)}to{transform:scale(1.025)}}
@keyframes mission-scan{from{transform:translateX(-110%)}to{transform:translateX(940%)}}
@media(max-width:800px){.sector-stage{min-height:0}.sector-stage-copy{grid-template-columns:1fr;padding:28px;gap:28px}.sector-stage-copy h3{margin:12px 0}.sector-media{aspect-ratio:3/2}}
/* Foxglove mission route: an original vector composition, rather than an image overlay. */
.mission-system{background:#07191d;border:1px solid #bfa15b30;overflow:hidden;position:relative}
.mission-top{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:30px 40px;border-bottom:1px solid #c8a95a20}.mission-top .eyebrow{margin:0;color:#d5bf83;font-size:10px;letter-spacing:1.8px}.mission-caption{font:8px monospace;letter-spacing:1.5px;color:#749097}
.mission-map{background:radial-gradient(ellipse at 80% 40%,#25413b55,transparent 50%);position:relative}.mission-map svg{display:block;width:100%;height:auto}.route-guide{fill:none;stroke:#577372;stroke-width:1;stroke-dasharray:3 10;transform:translateY(12px);opacity:.5}.route-line{fill:none;stroke:url(#route-gold);stroke-width:2;stroke-dasharray:1300;animation:gold-route-draw 12s linear infinite}
.station-halo{fill:#092125;stroke:#ccb16a;stroke-opacity:.15;stroke-width:1;transform-box:fill-box;transform-origin:center;animation:mission-halo 12s ease-in-out infinite}.station-ring{fill:#10272b;stroke:#ad9254;stroke-width:1.5}.station-icon{fill:none;stroke:#bfcfc9;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.mission-station text{fill:#8ea6a5;font:13px monospace;letter-spacing:3px}.mission-station:nth-of-type(2) .station-halo{animation-delay:-4s}.mission-station:nth-of-type(3) .station-halo{animation-delay:-8s}
.mission-station.is-current .station-ring{stroke:#efd89c;stroke-width:2}.mission-station.is-current .station-icon{stroke:#e8d39b}.mission-station.is-current text{fill:#e8d39b}.mission-station.is-current .station-halo{stroke-opacity:.5}
.mission-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #bfa15b30;background:#0c2025}.mission-card{padding:32px 35px 38px;position:relative;transition:background 1s}.mission-card+.mission-card{border-left:1px solid #bfa15b25}.mission-card:before{content:'';position:absolute;top:-1px;left:0;height:2px;width:100%;background:#d4b66d;transform:scaleX(0);transform-origin:left;transition:transform .8s}.mission-card.is-current:before{transform:scaleX(1)}.mission-card.is-current{background:#183332}.mission-card-top{display:flex;align-items:center;justify-content:space-between}.mission-card-top span{font:11px monospace;letter-spacing:2px;color:#ac945a}.mission-card-top i{width:5px;height:5px;border-radius:50%;background:#607c79;transition:background 1s,box-shadow 1s}.mission-card.is-current i{background:#e7cd87;box-shadow:0 0 15px #e7cd8770}.mission-card h3{font-size:23px;letter-spacing:-.6px;margin:22px 0 15px}.mission-card p{font-size:13px;color:#a8bfc0;line-height:1.8;margin:0}
@keyframes gold-route-draw{0%{stroke-dashoffset:1300}85%,100%{stroke-dashoffset:0}}@keyframes mission-halo{0%,100%{opacity:.3;transform:scale(.95)}25%{opacity:1;transform:scale(1.1)}50%{opacity:.45;transform:scale(1)}}
@media(max-width:800px){.mission-top{padding:22px;align-items:flex-start;flex-direction:column;gap:8px}.mission-cards{grid-template-columns:1fr}.mission-card{padding:25px}.mission-card+.mission-card{border-left:0;border-top:1px solid #bfa15b25}.mission-card h3{margin:15px 0 12px}.mission-map svg{min-height:230px}.mission-caption{font-size:7px}}
/* A recognisable quadcopter travels above the route and scans each application. */
.drone-rotor ellipse{fill:#cfb46d15;stroke:#e0c589;stroke-width:1.3;stroke-dasharray:20 5;animation:rotor-energy .7s linear infinite}
.mission-drone .drone-scan{animation:drone-sensor 2.4s ease-in-out infinite}.mission-drone{filter:drop-shadow(0 0 5px #d4b66d35)}
@keyframes rotor-energy{to{stroke-dashoffset:-50}}@keyframes drone-sensor{0%,100%{opacity:.06}50%{opacity:.18}}