:root{--black:#070604;--ink:#0d0b08;--warm:#f2ede3;--gold:#d6b979;--muted:#aaa298;--ease:cubic-bezier(.16,1,.3,1)}
html:has(.flight-home){scroll-behavior:auto}
.flight-home{background:var(--black);color:var(--warm)}
.flight-home video::-webkit-media-controls,.flight-home video::-webkit-media-controls-enclosure,.flight-home video::-webkit-media-controls-panel,.flight-home video::-webkit-media-controls-play-button,.flight-home video::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none!important;opacity:0!important;pointer-events:none!important}
.autoplay-shield{position:absolute;z-index:2;inset:-2%;background-image:linear-gradient(90deg,#0807050a,#08070538),var(--shield-image);background-size:cover;background-position:center;pointer-events:none;opacity:1;transform:scale(1.02);transition:opacity 1.1s ease;animation:shieldDrift 9s ease-in-out infinite alternate}.autoplay-shield.is-live{opacity:0}.autoplay-shield--edit{inset:0;z-index:1;animation-duration:7s}@keyframes shieldDrift{to{transform:scale(1.07) translate3d(-.8%,.5%,0)}}
.flight-nav{position:fixed;z-index:200;top:0;left:0;right:0;height:74px;padding:0 clamp(22px,4vw,68px);display:flex;align-items:center;justify-content:space-between;direction:ltr;border-bottom:1px solid #ffffff12;background:linear-gradient(#070604c9,transparent);backdrop-filter:blur(4px)}
.flight-brand{display:grid;gap:1px;font:800 10px/1 monospace;letter-spacing:.18em}.flight-brand span{color:#8f887f;font-size:8px}.flight-nav nav{display:flex;gap:34px;direction:rtl;font-size:11px;color:#bdb7ae}.flight-nav nav a:hover{color:var(--gold)}.nav-cta{direction:rtl;font-size:11px;border-bottom:1px solid #8c816d;padding:8px 0}.nav-cta i{font-style:normal;color:var(--gold);margin-right:10px}

.flight-story{height:900svh;position:relative;background:var(--black)}.flight-stage{position:sticky;top:0;height:100svh;min-height:650px;overflow:clip;perspective:1400px;isolation:isolate;--arm:0;--lift:0;--fold:0;--creative:0;--field:0;--cable:0;--edit:0;--web:0}.flight-film{position:absolute;z-index:2;inset:0;overflow:hidden;border-radius:calc(var(--fold)*28px);transform:translate3d(calc(var(--fold)*-7vw),calc(var(--fold)*1vh),0) scale(calc(1 - var(--fold)*.53));transform-origin:center;backface-visibility:hidden;will-change:transform,border-radius}.flight-film video{position:absolute;inset:-2%;width:104%;height:104%;object-fit:cover;filter:saturate(.78) contrast(1.08) sepia(.04);transform:translateY(calc(var(--lift)*7%)) scale(calc(1.01 + var(--lift)*.13));will-change:transform;pointer-events:none}.film-grade{position:absolute;inset:0;background:linear-gradient(90deg,#07060408,#070604c9 84%),linear-gradient(0deg,#070604bd,transparent 62%),radial-gradient(circle at 22% 30%,#d6b97914,transparent 38%)}.shutter{position:absolute;z-index:4;left:0;right:0;height:50%;background:#070604;transition:none}.shutter--top{top:0;transform:translateY(calc(var(--open)*-100%))}.shutter--bottom{bottom:0;transform:translateY(calc(var(--open)*100%))}
.cold-open{position:absolute;z-index:50;inset:0;display:grid;place-content:center;text-align:center;direction:ltr;pointer-events:none;opacity:clamp(0,calc(1.15 - var(--open)*1.45),1);transform:scale(calc(1 - var(--open)*.045))}.cold-open span{font:850 clamp(65px,10vw,150px)/.75 Arial;letter-spacing:-.1em}.cold-open b{font:700 11px/1 monospace;letter-spacing:.5em;color:var(--gold);margin-left:.5em;margin-top:16px}.cold-open i{font:7px monospace;letter-spacing:.32em;color:#777067;font-style:normal;margin-top:12px}.cold-open em{position:absolute;left:0;bottom:0;width:calc(var(--open)*100%);height:2px;background:var(--gold);box-shadow:0 0 24px #d6b97999}

.rotor-field{position:absolute;z-index:8;inset:0;pointer-events:none;opacity:clamp(0,calc(var(--arm)*2 - var(--fold)*3 + var(--edit)*2 - var(--web)*2.4),1)}.rotor{position:absolute;width:clamp(180px,24vw,410px);aspect-ratio:1;border:1px solid #d6b97930;border-radius:50%;filter:blur(calc((1 - var(--arm))*4px));transform:scale(calc(.7 + var(--arm)*.48));will-change:transform}.rotor:before,.rotor:after{display:none}.rotor span{position:absolute;inset:4%;animation:rotorSpin .16s linear infinite}.rotor span:before,.rotor span:after{content:"";position:absolute;left:49%;top:1%;width:2%;height:48%;border-radius:100%;background:linear-gradient(#d6b979aa,transparent);transform-origin:50% 103%}.rotor span:after{transform:rotate(180deg)}@keyframes rotorSpin{to{transform:rotate(360deg)}}.rotor--tl{left:-10%;top:-15%}.rotor--tr{right:-10%;top:-15%}.rotor--bl{left:-10%;bottom:-15%}.rotor--br{right:-10%;bottom:-15%}
.arming-ui{position:absolute;z-index:20;left:50%;bottom:7%;transform:translateX(-50%);width:min(620px,72vw);height:150px;opacity:clamp(0,calc(var(--arm)*3 - var(--lift)*2),1)}.joystick{position:absolute;bottom:8px;width:108px;height:108px;border:1px solid #ffffff30;border-radius:50%;background:radial-gradient(circle,#ffffff08,transparent 65%);display:grid;place-items:center}.joy--left{left:5%;transform:translate(calc(var(--arm)*44px),calc(var(--arm)*-34px))}.joy--right{right:5%;transform:translate(calc(var(--arm)*-44px),calc(var(--arm)*-34px))}.joystick i{width:45px;height:45px;border:1px solid #d6b97966;border-radius:50%}.joystick b{position:absolute;width:18px;height:18px;border-radius:50%;background:var(--gold);box-shadow:0 0 22px #d6b97977}.arming-ui p{position:absolute;left:50%;top:30%;transform:translateX(-50%);display:grid;text-align:center;gap:8px;font:8px monospace;letter-spacing:.18em}.arming-ui p span{color:#8e877d}.arming-ui p strong{font-weight:500;color:var(--gold)}

.controller-shell{position:absolute;z-index:7;left:9vw;top:9vh;width:64vw;height:82vh;opacity:clamp(0,calc(var(--fold)*1.7 - var(--edit)*2.7),1);transform:translate3d(calc((1 - var(--fold))*-16vw),0,-160px) rotateY(calc((1 - var(--fold))*-9deg));filter:drop-shadow(0 38px 65px #000b);pointer-events:none}.controller-body{position:absolute;inset:4% 9%;border-radius:54px;background:linear-gradient(145deg,#2c2924,#0d0c0a 62%);border:1px solid #645c50;box-shadow:inset 0 0 0 7px #0a0908,inset 0 0 45px #ffffff08}.controller-label{position:absolute;left:50%;top:22px;transform:translateX(-50%);font:7px monospace;letter-spacing:.2em;color:#7d7468}.controller-led{position:absolute;right:8%;bottom:22px;width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 12px var(--gold)}.controller-antennae{position:absolute;z-index:-1;left:27%;right:27%;top:-12%;height:28%}.controller-antennae i{position:absolute;bottom:0;width:13px;height:100%;border-radius:12px;background:linear-gradient(90deg,#080706,#38332c 55%,#080706);border:1px solid #665e52;transform-origin:bottom}.controller-antennae i:first-child{left:8%;transform:rotate(-18deg)}.controller-antennae i:last-child{right:8%;transform:rotate(18deg)}.controller-antennae i:after{content:"";position:absolute;left:-4px;right:-4px;top:-7px;height:16px;border-radius:9px;background:#25211c;border:1px solid #645c50}.controller-wing{position:absolute;top:21%;width:18%;height:58%;border:1px solid #4c463e;background:linear-gradient(#1b1915,#0a0908);border-radius:38px;display:grid;place-content:center;grid-template-columns:repeat(2,38px);gap:22px 12px}.wing--l{left:0;transform:rotate(-5deg)}.wing--r{right:0;transform:rotate(5deg)}.controller-wing i{display:block;width:38px;height:38px;border:1px solid #746b5e;border-radius:50%;box-shadow:inset 0 0 0 9px #11100e}.controller-wing b{display:block;width:13px;height:13px;border-radius:50%;background:#171411;border:1px solid #61594e;box-shadow:inset 0 1px 1px #ffffff18}.controller-wing b:last-child{background:#31291b;border-color:#8b7756}
.controller-hud{position:absolute;z-index:9;left:24.5vw;top:24vh;width:36vw;height:50vh;opacity:clamp(0,calc(var(--fold)*1.6 - var(--field)*1.2),1);color:#efe9dd;pointer-events:none}.hud-top,.hud-bottom{position:absolute;left:3%;right:3%;display:flex;justify-content:space-between;font:7px monospace;letter-spacing:.15em}.hud-top{top:3%}.hud-bottom{bottom:3%}.hud-top i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#d15c44;margin-left:7px;box-shadow:0 0 9px #d15c44}.horizon{position:absolute;inset:16% 20%;width:60%;height:68%;fill:none;stroke:#d6b97988;stroke-width:.45}.hud-bottom b{font-weight:500;color:var(--gold)}

.field-interface{position:absolute;z-index:10;left:19.5vw;top:20vh;width:47vw;height:52vh;border:7px solid #171512;border-radius:28px;overflow:hidden;background:#10100e;opacity:clamp(0,calc(var(--field)*2 - var(--cable)*1.5),1);transform:translate3d(calc((1 - var(--field))*8vw),calc((1 - var(--field))*8vh),0) scale(calc(.86 + var(--field)*.14));box-shadow:0 45px 90px #000b,0 0 0 1px #5c5448;pointer-events:none}.field-interface img{width:100%;height:100%;object-fit:cover;filter:saturate(.62) contrast(1.16) sepia(.08)}.field-tint{position:absolute;inset:0;background:linear-gradient(90deg,#070604d9,#07060445 60%,#070604b8),linear-gradient(0deg,#070604b5,transparent 50%)}.mission-path{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:var(--gold);stroke-width:.65;filter:drop-shadow(0 0 7px #d6b979);stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--field))}.mission-data{position:absolute;top:7%;left:6%;display:grid;gap:8px;direction:ltr;font:8px monospace;letter-spacing:.16em}.mission-data b{font-size:18px;color:var(--gold)}.mission-data i{font-style:normal;color:#91c899}

.data-cable{position:absolute;z-index:12;inset:0;width:100%;height:100%;fill:none;stroke:var(--gold);stroke-width:3;filter:drop-shadow(0 0 7px #d6b97988);opacity:clamp(0,calc(var(--cable)*2 - var(--edit)*.8),1);pointer-events:none}.data-cable path{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--cable))}.data-cable circle{fill:#090806;stroke-width:2}.transfer-pulse{position:absolute;z-index:13;width:11px;height:11px;border-radius:50%;background:#fff3c9;box-shadow:0 0 22px var(--gold);left:calc(80% - var(--cable)*62%);top:calc(40% + var(--cable)*40%);opacity:clamp(0,calc(var(--cable)*2 - .2),1)}

.landing-pad{position:absolute;z-index:4;left:5vw;bottom:-17vh;width:58vw;aspect-ratio:1;border-radius:50%;opacity:clamp(0,calc(var(--edit)*1.4 - var(--web)*1.8),.22);transform:scale(calc(.7 + var(--edit)*.3)) rotateX(66deg);background:radial-gradient(circle,#d6b9790b 0 28%,transparent 29%),repeating-radial-gradient(circle,#d6b9791f 0 2px,transparent 3px 68px);border:2px solid #d6b97933;display:grid;place-items:center;color:#d6b97955}.landing-pad i,.landing-pad span{position:absolute;width:70%;height:1px;background:#d6b97933}.landing-pad span{transform:rotate(90deg)}.landing-pad b{font:700 18vw/1 Arial;opacity:.18}.workstation{position:absolute;z-index:11;left:8vw;bottom:5vh;width:58vw;height:76vh;transform:translateY(calc((1 - var(--edit))*88vh)) scale(calc(.78 + var(--edit)*.22));transform-origin:bottom;opacity:clamp(0,calc(var(--edit)*2),1);pointer-events:none;perspective:1500px}.laptop-lid{position:absolute;left:8%;right:8%;top:0;height:76%;border:10px solid #171512;border-radius:24px;background:#080705;box-shadow:0 45px 80px #000a;overflow:hidden;transform-origin:50% 100%;transform:rotateX(calc((1 - var(--edit))*-72deg))}.laptop-screen{position:absolute;inset:0;overflow:hidden;background:#0a0907}.edit-suite,.web-canvas{position:absolute;inset:0;transition:none}.edit-suite{opacity:calc(1 - var(--web)*1.4)}.edit-suite video{width:100%;height:72%;object-fit:cover;filter:saturate(.82) contrast(1.07);pointer-events:none}.edit-top{position:absolute;left:0;right:0;top:0;height:34px;background:#0d0c0ae8;display:flex;align-items:center;justify-content:space-around;font:6px monospace;letter-spacing:.14em;color:#a89f93}.edit-timeline{position:absolute;left:0;right:0;bottom:0;height:30%;background:#0c0b09;padding:18px 10px;display:flex;gap:3px;align-items:center}.edit-timeline i{height:65%;flex:1;background:linear-gradient(90deg,#725c3b,#c8ad77);opacity:calc(.2 + var(--edit)*.8);transform:scaleX(var(--edit));transform-origin:left}.edit-timeline i:nth-child(even){height:38%;background:#4b4640}.edit-timeline b{position:absolute;left:calc(var(--edit)*88%);top:8px;bottom:8px;width:1px;background:#e4c984;box-shadow:0 0 8px #e4c984}.web-canvas{background:#f0ece3;color:#110e0a;opacity:clamp(0,calc(var(--web)*2 - .4),1);transform:scale(calc(.93 + var(--web)*.07))}.web-toolbar{height:34px;background:#11100e;color:#d6b979;display:flex;align-items:center;gap:10px;padding:0 14px;direction:ltr;font:6px monospace;letter-spacing:.13em}.web-toolbar i{width:7px;height:7px;border-radius:50%;background:#d6b979}.web-layout{padding:11%;direction:rtl}.web-layout small{font:6px monospace;letter-spacing:.15em;color:#846a3d}.web-layout strong{display:block;font-size:clamp(34px,4vw,62px);line-height:.86;letter-spacing:-.07em;margin:12% 0}.web-layout em{font-family:Georgia,serif;font-weight:400;color:#8a642f}.web-layout>span{display:inline-block;width:22%;height:4px;background:#c7b18a;margin-left:6px}.laptop-base{position:absolute;left:0;right:0;bottom:0;height:23%;background:linear-gradient(#2b2823,#0d0c0a);clip-path:polygon(8% 0,92% 0,100% 78%,0 78%);border-top:1px solid #625b51}.laptop-base i{position:absolute;left:26%;right:26%;top:18%;height:48%;border:1px solid #625b51;border-radius:8px}.laptop-base span{position:absolute;left:42%;right:42%;bottom:8%;height:4px;background:#080706;border-radius:20px}

.story-copy{position:absolute;z-index:30;right:clamp(22px,6vw,96px);width:min(45vw,670px);pointer-events:none}.story-copy .micro{color:var(--gold)}.story-copy h1,.story-copy h2{font-size:clamp(58px,7.2vw,112px);line-height:.86;letter-spacing:-.075em;margin:28px 0}.story-copy h1 em,.story-copy h2 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:var(--gold)}.story-copy>p:not(.micro){max-width:600px;color:#d0cbc2;font-size:clamp(15px,1.25vw,19px);line-height:1.75}.story-copy a{display:inline-flex;align-items:center;gap:22px;margin-top:28px;border-bottom:1px solid var(--gold);padding-bottom:9px;font-weight:750;pointer-events:auto}.story-copy a b{color:var(--gold)}.copy--takeoff{top:50%;transform:translateY(-42%);opacity:clamp(0,calc(var(--open)*2 - var(--arm)*1.8),1)}.scroll-cue{display:flex;align-items:center;gap:13px;margin-top:34px;font:8px monospace;letter-spacing:.15em}.scroll-cue b{width:35px;height:35px;border:1px solid #ffffff55;border-radius:50%;display:grid;place-items:center}.copy--photo{right:auto;left:6vw;top:47%;transform:translateY(-50%);opacity:clamp(0,calc(var(--creative)*2 - var(--field)*2),1)}.copy--field{right:5vw;top:48%;transform:translateY(-50%);opacity:clamp(0,calc(var(--field)*2 - var(--cable)*2.4),1)}.copy--edit{right:5vw;top:48%;transform:translateY(-50%);width:min(35vw,540px);opacity:clamp(0,calc(var(--edit)*2 - var(--web)*2),1)}.copy--digital{right:5vw;top:48%;transform:translateY(-50%);width:min(38vw,570px);opacity:clamp(0,calc(var(--web)*2 - .3),1)}.copy--photo h2,.copy--field h2,.copy--edit h2,.copy--digital h2{font-size:clamp(48px,5.5vw,88px)}.story-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:24px}.story-tags span,.delivery-list span{font-size:9px;border:1px solid #ffffff30;border-radius:100px;padding:8px 12px;background:#08070685}.story-copy ul{list-style:none;margin:26px 0 0;padding:0;border-top:1px solid #ffffff30}.story-copy li{padding:12px 0;border-bottom:1px solid #ffffff30;font-size:12px}.story-copy li b{font:8px monospace;color:var(--gold);margin-left:20px}.delivery-list{display:flex;gap:7px;flex-wrap:wrap;margin-top:24px}.chapter-index{position:absolute;z-index:40;right:clamp(22px,4vw,68px);bottom:24px;left:clamp(22px,4vw,68px);display:flex;align-items:end;direction:ltr;font:7px monospace;letter-spacing:.14em;color:#8e877d}.chapter-index b{font-size:30px;color:var(--warm);line-height:.8}.chapter-index i{height:1px;background:#ffffff20;flex:1;margin-left:18px;position:relative}.chapter-index i:after{content:"";display:block;width:calc(var(--p)*100%);height:100%;background:var(--gold);box-shadow:0 0 10px var(--gold)}

.personal-story{min-height:100svh;display:grid;grid-template-columns:1.05fr .95fr;background:#0b0907}.personal-story figure{margin:0;min-height:100svh;overflow:hidden}.personal-story img{width:100%;height:100%;object-fit:cover;filter:saturate(.58) contrast(1.08) sepia(.08)}.personal-story>div{padding:14vh clamp(25px,6vw,90px);display:flex;flex-direction:column;justify-content:center}.personal-story h2,.contact-heading h2{font-size:clamp(58px,7vw,106px);line-height:.86;letter-spacing:-.075em;margin:28px 0}.personal-story h2 em,.contact-heading h2 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:var(--gold)}.personal-story>div>p:not(.micro){color:#c7c1b8;line-height:1.82;font-size:clamp(15px,1.2vw,18px)}.personal-story small{margin-top:27px;padding-top:20px;border-top:1px solid #d6b9793b;color:#938b80;line-height:1.65}

.contact-hub{min-height:100svh;background:var(--warm);color:#110e0a;padding:14vh clamp(22px,5vw,80px) 0}.contact-heading{max-width:980px}.contact-heading .micro{color:#8a642f}.contact-heading>p:last-child{color:#625b52;font-size:18px}.contact-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:9vh}.contact-card{position:relative;min-height:150px;border:1px solid #17130f24;padding:25px 25px 22px 92px;display:grid;align-content:center;gap:7px;overflow:hidden;transition:.4s var(--ease)}.contact-card:hover{transform:translateY(-5px);box-shadow:0 25px 55px #2c24172a}.contact-card b{font-size:clamp(16px,1.5vw,22px);direction:ltr;text-align:right}.contact-card small{color:#726b62}.contact-card>i{position:absolute;left:24px;bottom:22px;font-style:normal}.brand-icon{position:absolute;left:24px;top:24px;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;color:white;transition:.3s}.brand-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.whatsapp .brand-icon{background:#25d366}.phone .brand-icon{background:#34c759}.instagram .brand-icon{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)}.gmail .brand-icon{background:#fff;color:#ea4335;box-shadow:0 3px 12px #0002}.gmail .brand-icon svg path:first-child{fill:white}.contact-hub footer{height:110px;border-top:1px solid #17130f22;display:flex;align-items:center;justify-content:space-between;direction:ltr;margin-top:12vh;font:8px monospace;letter-spacing:.14em}

@media(max-width:850px){.flight-nav nav{display:none}.flight-story{height:720svh}.flight-stage{min-height:620px}.flight-film{transform:translate3d(0,calc(var(--fold)*-10vh),0) scale(calc(1 - var(--fold)*.24));border-radius:calc(var(--fold)*24px)}.controller-shell{left:2vw;top:10vh;width:96vw;height:76vh}.controller-hud{left:20vw;top:26vh;width:60vw;height:40vh}.field-interface{left:4vw;top:14vh;width:92vw;height:70vh}.story-copy{right:22px;left:22px;width:auto;bottom:10%;top:auto;transform:none}.story-copy h1,.story-copy h2,.copy--photo h2,.copy--field h2,.copy--edit h2,.copy--digital h2{font-size:clamp(50px,12vw,78px)}.story-copy>p:not(.micro){font-size:14px}.copy--photo,.copy--field,.copy--edit,.copy--digital{right:22px;left:22px;top:auto;bottom:8%;width:auto;transform:none}.controller-shell,.controller-hud{opacity:calc(clamp(0,calc(var(--fold)*1.6 - var(--field)*1.3),1)*.75)}.workstation{left:2vw;width:96vw;height:62vh;bottom:21vh}.copy--edit,.copy--digital{background:linear-gradient(90deg,#070604f2,#070604b8);padding:18px}.copy--edit>p:not(.micro),.copy--digital>p:not(.micro){max-width:90%}.data-cable{transform:rotate(18deg) scale(1.2)}.personal-story{grid-template-columns:1fr}.personal-story figure{min-height:70svh}.personal-story>div{padding-top:10vh;padding-bottom:12vh}.contact-cards{grid-template-columns:1fr}}
@media(max-width:560px){.flight-nav{height:64px}.flight-brand b{font-size:9px}.nav-cta{font-size:10px}.flight-story{height:650svh}.rotor{width:48vw}.rotor--tl,.rotor--tr{top:-7%}.rotor--bl,.rotor--br{bottom:-7%}.arming-ui{width:92vw}.joystick{width:80px;height:80px}.joy--left{left:3%}.joy--right{right:3%}.story-copy h1,.story-copy h2,.copy--photo h2,.copy--edit h2,.copy--digital h2{font-size:13vw}.copy--field h2{font-size:11vw}.story-tags span{font-size:7px;padding:6px 8px}.copy--photo,.copy--field{bottom:6%}.copy--field{background:linear-gradient(0deg,#070604f5 62%,transparent);padding:65px 0 0}.field-interface{left:8vw;top:13vh;width:84vw;height:38vh;border-radius:24px;border-width:6px}.mission-data b{font-size:13px}.controller-wing{display:grid;width:15%;height:52%;top:25%;grid-template-columns:1fr;gap:12px}.controller-wing i{width:24px;height:24px;box-shadow:inset 0 0 0 6px #11100e}.controller-wing b{display:none}.controller-body{inset:7% 2%}.controller-antennae{top:-8%;left:30%;right:30%;height:22%}.controller-hud{left:12vw;width:76vw}.workstation{height:53vh;bottom:28vh}.landing-pad{left:-8vw;width:116vw;bottom:-12vh}.copy--edit,.copy--digital{bottom:5%;padding:14px}.delivery-list span{font-size:7px}.personal-story figure{min-height:60svh}.personal-story h2,.contact-heading h2{font-size:14vw}.contact-hub{padding-top:11vh}.contact-card{padding-right:18px}.contact-card b{font-size:16px}.contact-hub footer{height:140px;flex-wrap:wrap;gap:18px;padding:28px 0}}
@media(prefers-reduced-motion:reduce){.flight-story{height:auto}.flight-stage{position:relative;height:auto;min-height:0;display:grid}.cold-open,.rotor-field,.arming-ui,.controller-shell,.controller-hud,.data-cable,.transfer-pulse,.workstation,.chapter-index{display:none}.flight-film{position:relative;height:80svh;transform:none;border-radius:0}.story-copy{position:relative!important;inset:auto!important;transform:none!important;opacity:1!important;width:auto!important;padding:12vh 24px;background:#090806}.field-interface{position:relative;inset:auto;width:100%;height:70svh;opacity:1;transform:none;border-radius:0}.personal-story{min-height:auto}}
.story-anchor{position:absolute;left:0;width:1px;height:1px;pointer-events:none}
.rotor-field{opacity:clamp(0,calc(var(--arm)*2 - var(--fold)*3 + var(--edit)*2 - var(--web)*2.4),1)}
.arming-ui{opacity:clamp(0,calc(var(--arm)*3 - var(--lift)*2 - var(--fold)*3),1)}
.controller-shell{opacity:clamp(0,calc(var(--fold)*1.7 - var(--edit)*2.7),1)}.controller-hud{opacity:clamp(0,calc(var(--fold)*1.6 - var(--field)*3),1)}
.field-interface{opacity:clamp(0,calc(var(--field)*2 - var(--cable)*3),1)}
.copy--takeoff{opacity:clamp(0,calc(var(--open)*2 - var(--arm)*3),1)}
.copy--photo{opacity:clamp(0,calc(var(--creative)*2 - var(--field)*3),1)}

/* Keep the cinematic grade on the cover, then reveal the controller footage. */
.flight-film{z-index:8;opacity:clamp(0,calc(1 - var(--field)*2),1)}
.film-grade{opacity:calc(1 - var(--fold)*.72)}
.copy--photo{opacity:clamp(0,calc(var(--creative)*2 - var(--field)*5),1)}

@media(max-width:850px){
  .flight-film{clip-path:inset(calc(var(--fold)*12%) 0 round calc(var(--fold)*24px))}
}
.copy--field{opacity:clamp(0,calc(var(--field)*2 - var(--cable)*3),1)}
.copy--edit{opacity:clamp(0,calc(var(--edit)*2 - var(--web)*3),1)}

html[lang="en"] .flight-nav nav,html[lang="en"] .nav-cta{direction:ltr}

/* Controller progression — creative RC, industrial field RC, then workstation. */
.controller--creative{
  z-index:9;left:9vw;top:8vh;width:64vw;height:84vh;
  opacity:clamp(0,calc(var(--fold)*1.8 - var(--field)*3.4),1);
}
.mavic-controller .controller-body{
  inset:2% 2% 1%;
  border-radius:48px 48px 58px 58px;
  clip-path:polygon(5% 0,95% 0,100% 8%,100% 93%,96% 100%,4% 100%,0 93%,0 8%);
  background:
    radial-gradient(circle at 18% 9%,#77716a 0 1px,transparent 2px),
    radial-gradient(circle at 82% 9%,#77716a 0 1px,transparent 2px),
    linear-gradient(145deg,#35332f,#111 70%) top/100% 24% no-repeat,
    linear-gradient(145deg,#22211e,#0d0d0c) bottom/100% 11% no-repeat,
    linear-gradient(90deg,#2f2d29,#111) left 23%/16.5% 67% no-repeat,
    linear-gradient(270deg,#2f2d29,#111) right 23%/16.5% 67% no-repeat;
  border:1px solid #6d6860;
  box-shadow:inset 0 0 0 5px #0a0a09,inset 0 1px 2px #ffffff22;
}
.mavic-controller .controller-antennae{left:24%;right:24%;top:-10%;height:23%}
.mavic-controller .controller-antennae i{width:16px;background:linear-gradient(90deg,#090909,#3a3936 48%,#111)}
.mavic-controls{position:absolute;z-index:3;left:8%;right:8%;top:5%;height:18%;display:flex;align-items:center;justify-content:space-between}
.mavic-stick{position:relative;width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#0d0d0c 0 31%,#2c2b28 33% 49%,#090909 51% 64%,#393733 66%);border:1px solid #68645e;box-shadow:inset 0 2px 5px #000,0 1px #ffffff10}
.mavic-stick b{width:25px;height:25px;border-radius:50%;background:repeating-conic-gradient(#8b867d 0 6deg,#35332f 6deg 12deg);border:4px solid #262522;box-shadow:0 2px 4px #000}
.mavic-center{position:relative;width:33%;height:55px;display:flex;align-items:center;justify-content:space-around}
.mavic-center i,.mavic-center b{display:block;width:25px;height:25px;border-radius:50%;background:#181816;border:1px solid #5d5953;box-shadow:inset 0 1px #ffffff18}
.mavic-center i:after{content:"⌂";display:grid;place-items:center;height:100%;font:11px Arial;color:#918b82}
.mavic-center b:after{content:"◷";display:grid;place-items:center;height:100%;font:12px Arial;color:#8b857c}
.mavic-center em{width:52px;height:18px;border-radius:12px;background:linear-gradient(90deg,#151412,#34312d,#151412);border:1px solid #5a554e;position:absolute;left:50%;bottom:-8px;transform:translateX(-50%)}
.mavic-center em:after{content:"N · S";position:absolute;inset:0;display:grid;place-items:center;font:6px monospace;letter-spacing:.18em;color:#b9b1a6}
.controller-screen-frame{position:absolute;left:16%;right:16%;top:22%;bottom:10%;border:8px solid #0b0b0a;border-radius:22px;box-shadow:0 0 0 1px #5b5750,inset 0 0 30px #000;pointer-events:none}
.mavic-controller .controller-label{top:auto;bottom:4%;color:#817c74}
.mavic-controller .controller-led{bottom:4.5%;right:11%;background:#8fd68f;box-shadow:0 0 12px #64c56f}

.controller--field{
  z-index:8;left:6vw;top:6vh;width:66vw;height:87vh;
  transform:translate3d(calc((1 - var(--field))*12vw),calc((1 - var(--field))*6vh),-120px) scale(calc(.88 + var(--field)*.12));
  opacity:clamp(0,calc(var(--field)*2.2 - var(--cable)*3.2),1);
  filter:drop-shadow(0 40px 70px #000c);pointer-events:none;
}
.matrice-body{position:absolute;inset:3% 2% 2%;clip-path:polygon(8% 0,92% 0,98% 6%,100% 88%,94% 100%,6% 100%,0 88%,2% 6%);border-radius:42px;background:linear-gradient(145deg,#c1beb8 0,#8b8881 24%,#55534f 57%,#8e8a83 100%);border:1px solid #d2cec6;box-shadow:inset 0 0 0 6px #2e2d2a,inset 0 2px 3px #fff6,inset 0 -30px 50px #161513a8}
.matrice-antennae{position:absolute;z-index:-1;left:18%;right:18%;top:-15%;height:29%}
.matrice-antennae i{position:absolute;bottom:0;width:22px;height:100%;border-radius:16px;background:linear-gradient(90deg,#2b2b2a,#85837e 48%,#2a2927);border:1px solid #aaa69e;transform-origin:bottom}
.matrice-antennae i:first-child{left:0;transform:rotate(-9deg)}.matrice-antennae i:last-child{right:0;transform:rotate(9deg)}
.matrice-antennae i:after{content:"";position:absolute;left:-5px;right:-5px;top:-8px;height:19px;border-radius:12px;background:#3f3e3b;border:1px solid #aaa69e}
.matrice-grip{position:absolute;z-index:-2;top:18%;width:13%;height:66%;border-radius:34px;background:linear-gradient(90deg,#292825,#696762,#292825);border:1px solid #8f8c85;box-shadow:inset 0 0 0 6px #22211f}
.matrice-grip--left{left:-4%;transform:rotate(-3deg)}.matrice-grip--right{right:-4%;transform:rotate(3deg)}
.matrice-grip i{position:absolute;left:28%;right:28%;top:15%;bottom:15%;border-radius:20px;background:#151513;box-shadow:inset 0 0 0 2px #55524d}
.matrice-top-controls{position:absolute;left:9%;right:9%;top:4%;height:13%;display:flex;align-items:center;justify-content:space-between}
.matrice-top-controls>i{position:relative;width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#3a3936 0 43%,#1e1d1b 45% 62%,#8a8781 64%);border:1px solid #c4c0b9}
.matrice-top-controls>i b{width:24px;height:24px;border-radius:50%;background:repeating-conic-gradient(#bbb7af 0 7deg,#4c4a45 7deg 14deg);border:4px solid #34332f}
.matrice-top-controls>span{width:34%;height:52px;display:flex;align-items:center;justify-content:space-around}
.matrice-top-controls span b,.matrice-top-controls span em{width:24px;height:24px;border-radius:50%;background:#393835;border:1px solid #aaa69e;box-shadow:inset 0 1px #fff4}
.matrice-top-controls span u{width:58px;height:18px;border-radius:10px;background:#34332f;border:1px solid #8f8c85;text-decoration:none}
.matrice-label{position:absolute;top:7.2%;left:50%;transform:translateX(-50%);font:7px monospace;letter-spacing:.18em;color:#dfd9ce}
.matrice-led{position:absolute;right:8%;top:11%;width:7px;height:7px;border-radius:50%;background:#83d791;box-shadow:0 0 12px #83d791}
.matrice-screen-frame{position:absolute;left:18%;right:18%;top:16%;bottom:14%;border:9px solid #292825;border-radius:24px;box-shadow:0 0 0 1px #b1ada5,inset 0 0 36px #000;pointer-events:none}
.field-interface{z-index:10}

.workstation{perspective:1200px}
.laptop-lid{height:72%;border-radius:24px 24px 13px 13px}
.laptop-base{
  left:-7%;right:-7%;bottom:-1%;height:34%;
  clip-path:polygon(8% 0,92% 0,100% 92%,0 92%);
  transform-origin:50% 0;transform:perspective(900px) rotateX(58deg);
  background:linear-gradient(180deg,#494640,#24221f 52%,#0c0b0a);
  border-top:2px solid #79736a;box-shadow:0 36px 46px #000c;
}
.laptop-base .keyboard-grid{position:absolute;left:9%;right:9%;top:11%;height:47%;border-radius:7px;background:repeating-linear-gradient(90deg,transparent 0 4.1%,#777168 4.3% 4.7%),repeating-linear-gradient(0deg,#181715 0 17%,#5f5a52 18% 20%);border:1px solid #746f67;box-shadow:inset 0 0 15px #000}
.laptop-base .trackpad{position:absolute;left:34%;right:34%;top:63%;height:26%;border:1px solid #777169;border-radius:7px;background:#2e2b27;box-shadow:inset 0 1px #ffffff18}
.laptop-base>span{left:43%;right:43%;bottom:4%;height:5px;background:#090807}

/* V22 — deeper screens, folded rectangular aerials and field-side controls. */
.mavic-controller .controller-antennae{left:28%;right:28%;top:-9%;height:24%}
.mavic-controller .controller-antennae i{
  width:27px;height:100%;border-radius:5px;
  background:linear-gradient(90deg,#0a0a09,#34332f 52%,#121210);
  border:1px solid #6c6861;clip-path:polygon(12% 0,100% 0,87% 100%,0 100%);
}
.mavic-controller .controller-antennae i:first-child{left:8%;transform:rotate(-13deg)}
.mavic-controller .controller-antennae i:last-child{right:8%;transform:scaleX(-1) rotate(-13deg)}
.mavic-controller .controller-antennae i:after,.matrice-antennae i:after{display:none}
.mavic-controller .controller-body{
  background:
    radial-gradient(circle at 18% 9%,#77716a 0 1px,transparent 2px),
    radial-gradient(circle at 82% 9%,#77716a 0 1px,transparent 2px),
    linear-gradient(145deg,#35332f,#111 70%) top/100% 23% no-repeat,
    linear-gradient(145deg,#22211e,#0d0d0c) bottom/100% 8% no-repeat,
    linear-gradient(90deg,#2f2d29,#111) left 22%/10.5% 71% no-repeat,
    linear-gradient(270deg,#2f2d29,#111) right 22%/10.5% 71% no-repeat;
}
.controller-screen-frame{
  z-index:4;left:10%;right:10%;top:21%;bottom:7%;border:9px solid #080807;border-radius:25px;
  box-shadow:0 0 0 2px #5c5852,0 0 0 7px #151412,inset 0 0 36px 12px #000b;
}
.controller-screen-frame:after,.matrice-screen-frame:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 28px 8px #000c;pointer-events:none}

.controller--field{z-index:11}
.matrice-body{
  background:
    linear-gradient(145deg,#c1beb8,#76736d 70%) top/100% 17% no-repeat,
    linear-gradient(145deg,#8e8b84,#45433f) bottom/100% 14% no-repeat,
    linear-gradient(90deg,#aaa7a0,#55534f) left 16%/18.5% 70% no-repeat,
    linear-gradient(270deg,#aaa7a0,#55534f) right 16%/18.5% 70% no-repeat;
}
.matrice-antennae{left:19%;right:19%;top:-12%;height:27%}
.matrice-antennae i{
  width:34px;height:100%;border-radius:5px;
  background:linear-gradient(90deg,#2a2927,#77746f 52%,#34322f);
  border:1px solid #a7a39c;clip-path:polygon(10% 0,100% 0,87% 100%,0 100%);
}
.matrice-antennae i:first-child{left:0;transform:rotate(-10deg)}
.matrice-antennae i:last-child{right:0;transform:scaleX(-1) rotate(-10deg)}
.matrice-top-controls{inset:0;height:auto;display:block}
.matrice-top-controls>i{position:absolute;top:61%;width:82px;height:82px;z-index:4;box-shadow:0 5px 16px #0008,inset 0 2px #fff4}
.matrice-top-controls>i:first-child{left:2.7%}.matrice-top-controls>i:last-child{right:2.7%}
.matrice-top-controls>span{position:absolute;left:50%;top:3.5%;width:34%;transform:translateX(-50%)}
.matrice-screen-frame{z-index:5;left:18%;right:18%;top:16%;bottom:14%;border:10px solid #242321;box-shadow:0 0 0 3px #9c9992,0 0 0 8px #45433f,inset 0 0 34px 10px #000c}
.matrice-label{z-index:4}
.matrice-led{z-index:4}
.field-interface{border-color:#0b0a09;box-shadow:0 35px 80px #000b,inset 0 0 24px #000b}

.laptop-base:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#07060418,#07060436);pointer-events:none}
.laptop-base .keyboard-grid,.laptop-base .trackpad{z-index:2}

@media(max-width:850px){
  .controller--creative{left:1vw;top:9vh;width:98vw;height:75vh}
  .mavic-controller .controller-body{inset:3% 1% 0}
  .mavic-controls{left:7%;right:7%;top:5%;height:16%}
  .mavic-stick{width:56px;height:56px}.mavic-stick b{width:20px;height:20px}
  .controller-screen-frame{left:7%;right:7%;top:20%;bottom:7%}
  .controller--field{left:1vw;top:7vh;width:98vw;height:78vh}
  .matrice-grip{display:none}.matrice-body{inset:3% 1% 1%}
  .matrice-screen-frame{left:4%;right:4%;top:12%;bottom:7%}
  .matrice-top-controls{inset:0;height:auto}.matrice-top-controls>i{width:46px;height:46px}.matrice-top-controls>i b{width:18px;height:18px}
  .matrice-label{top:4.5%}
  .matrice-top-controls>i{width:62px;height:62px;top:61%}
  .workstation{left:3vw;width:94vw}
  .laptop-base{left:-4%;right:-4%;height:31%;transform:perspective(800px) rotateX(55deg)}
}
@media(max-width:560px){
  .mavic-controller .controller-antennae{top:-6%;height:18%;left:26%;right:26%}
  .mavic-controller .controller-body{border-radius:30px}
  .mavic-controls{top:4%;height:14%}.mavic-center{transform:scale(.78)}
  .controller-screen-frame{left:5%;right:5%;top:18%;bottom:6%;border-width:7px}
  .controller--field{top:7vh;height:56vh}
  .matrice-body{border-radius:28px}.matrice-antennae{top:-12%;height:25%}
  .matrice-screen-frame{top:19%;bottom:6%;border-width:7px}
  .matrice-top-controls{inset:0;height:auto}
  .matrice-top-controls>span{top:2%;transform:translateX(-50%) scale(.72)}
  .matrice-top-controls>i{top:55%;width:52px;height:52px}.matrice-top-controls>i:first-child{left:1%}.matrice-top-controls>i:last-child{right:1%}
  .field-interface{top:18vh;height:34vh}
  .copy--edit,.copy--digital{background:linear-gradient(90deg,#070604b8,#0706043d)}
  .laptop-base .keyboard-grid{left:7%;right:7%}
}
html[lang="en"] .story-copy,html[lang="en"] .personal-story>div,html[lang="en"] .contact-heading,html[lang="en"] .contact-card{text-align:left;direction:ltr}
html[lang="en"] .story-copy h1,html[lang="en"] .story-copy h2{letter-spacing:-.055em}
html[lang="en"] .story-copy li b{margin-left:0;margin-right:20px}
@media(max-width:850px){html[lang="en"] .story-copy h1,html[lang="en"] .story-copy h2{font-size:clamp(44px,10.5vw,70px)}}
@media(max-width:560px){.flight-nav .language-toggle{margin-left:auto;margin-right:12px}.flight-nav .nav-cta{white-space:nowrap}html[lang="en"] .story-copy h1,html[lang="en"] .story-copy h2,html[lang="en"] .copy--field h2{font-size:11vw}}

/* V23 — exact screen registration and a controller-shaped Matrice silhouette. */
@media(max-width:850px){
  .flight-film{
    transform:translate3d(0,calc(var(--fold)*-10vh),0)
      scaleX(calc(1 - var(--fold)*.04))
      scaleY(calc(1 - var(--fold)*.36));
    clip-path:inset(calc(var(--fold)*22%) 0 calc(var(--fold)*8%) 0 round calc(var(--fold)*24px));
  }
  .controller--creative{left:-4vw;top:10vh;width:108vw;height:62vh}
  .mavic-controller .controller-body{inset:2% 1% 0;border-radius:35px 35px 43px 43px}
  .mavic-controls{top:4%;height:17%;left:8%;right:8%}
  .controller-screen-frame{left:5.5%;right:5.5%;top:21%;bottom:6%}

  .controller--field{left:-3vw;top:7vh;width:106vw;height:60vh}
  .matrice-body{
    inset:2% 1% 4%;border-radius:30px;
    clip-path:polygon(7% 0,93% 0,99% 6%,99% 69%,78% 69%,72% 81%,62% 88%,38% 88%,28% 81%,22% 69%,1% 69%,1% 6%);
    background:
      linear-gradient(145deg,#c1beb8,#76736d 70%) top/100% 15% no-repeat,
      linear-gradient(145deg,#8e8b84,#45433f) bottom/100% 31% no-repeat,
      linear-gradient(90deg,#aaa7a0,#55534f) left 15%/5.5% 55% no-repeat,
      linear-gradient(270deg,#aaa7a0,#55534f) right 15%/5.5% 55% no-repeat;
  }
  .matrice-grip{display:block;z-index:2;top:auto;bottom:0;width:27%;height:27%;border-radius:28px 24px 54px 54px;background:linear-gradient(145deg,#aaa7a0,#68655f 68%,#393733);border:1px solid #d0ccc4;box-shadow:inset 0 0 0 5px #46443f,0 15px 28px #0007}
  .matrice-grip--left{left:8%;transform:rotate(7deg)}
  .matrice-grip--right{right:8%;transform:rotate(-7deg)}
  .matrice-grip i{left:18%;right:18%;top:15%;bottom:15%;border-radius:28px;background:linear-gradient(#55534f,#302f2c);box-shadow:inset 0 0 0 2px #77736c}
  .matrice-screen-frame{left:5%;right:5%;top:14%;bottom:31%;border-width:8px;border-radius:22px}
  .field-interface{left:7vw;top:15.5vh;width:86vw;height:32vh;border-radius:18px;border-width:5px}
  .matrice-top-controls>i{top:60%;width:58px;height:58px;z-index:6}
  .matrice-top-controls>i:first-child{left:13%}.matrice-top-controls>i:last-child{right:13%}
  .matrice-top-controls>span{top:1.5%}
  .matrice-label{top:3.5%}
  .matrice-led{top:7%;right:7%}
  .copy--edit,.copy--digital{background:linear-gradient(90deg,#0706048c,#07060412)}
}
@media(max-width:560px){
  .mavic-controller .controller-antennae{top:-8%;height:22%;left:27%;right:27%}
  .mavic-controller .controller-antennae i{width:25px}
  .mavic-stick{width:54px;height:54px}
  .controller-screen-frame{left:5%;right:5%;top:20%;bottom:5%;border-width:7px}

  .controller--field{left:-4vw;width:108vw;top:7vh;height:59vh}
  .matrice-antennae{top:-13%;height:27%;left:20%;right:20%}
  .matrice-antennae i{width:31px}
  .matrice-body{inset:2% 1% 4%}
  .matrice-screen-frame{left:5%;right:5%;top:14%;bottom:31%;border-width:7px}
  .field-interface{left:7vw;top:15.5vh;width:86vw;height:31.5vh}
  .matrice-top-controls>i{top:60%;width:52px;height:52px}
  .matrice-top-controls>i:first-child{left:13%}.matrice-top-controls>i:last-child{right:13%}
  .matrice-grip{height:28%;bottom:0}
}

/* V24 — lock the aerial footage to the Mavic display aperture. */
@media(max-width:850px){
  .flight-film{
    transform:translate3d(0,calc(var(--fold)*-10vh),0)
      scaleX(calc(1 - var(--fold)*.04))
      scaleY(calc(1 - var(--fold)*.28));
    clip-path:inset(calc(var(--fold)*25%) calc(var(--fold)*6%) calc(var(--fold)*10%) round calc(var(--fold)*22px));
  }
}

/* V25 — keep the picture visible beneath the controller's lower glass tint. */
@media(max-width:850px){
  .film-grade{
    background:
      linear-gradient(90deg,#07060405,#0706043d 84%),
      linear-gradient(0deg,#0706043d,transparent 52%),
      radial-gradient(circle at 22% 30%,#d6b97910,transparent 38%);
  }
  .controller-screen-frame{
    box-shadow:
      0 0 0 2px #5c5852,
      0 0 0 7px #151412,
      inset 0 0 22px 5px #0007;
  }
  .controller-screen-frame:after{
    box-shadow:inset 0 0 16px 3px #0006;
  }
}