html { overflow-y:auto; scroll-padding-top:110px; }
body { overflow-x:clip; }
#kre-drone-hero { position:relative; isolation:isolate; min-height:720px; height:100svh; max-height:1200px; background:#11201c; color:#fff; }
#kre-drone-hero .drone-background { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:-2; }
#kre-drone-hero::before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(3,12,10,.78),rgba(3,12,10,.25) 80%),linear-gradient(0deg,rgba(3,12,10,.85),transparent 50%); }
.drone-copy { width:min(1280px,100%); margin:auto; padding:clamp(160px,25vh,280px) 32px 110px; }
.drone-eyebrow { font:600 11px/1.5 'JetBrains Mono',monospace; letter-spacing:.21em; text-transform:uppercase; color:#aff6d8; }
#kre-drone-hero h1 { max-width:900px; font-size:clamp(48px,6.7vw,98px); line-height:.97; letter-spacing:-.045em; margin:24px 0; text-wrap:balance; }
#kre-drone-hero h1 em { font-style:normal; color:#a9efd1; }
.drone-copy p { max-width:560px; font-size:clamp(16px,1.5vw,21px); line-height:1.6; color:#e7ebe9; }
.drone-links { display:flex; flex-wrap:wrap; gap:14px; margin-top:30px; }
.drone-links a { padding:14px 22px; border:1px solid #ffffff70; border-radius:40px; color:white; text-decoration:none; font-weight:600; backdrop-filter:blur(8px); }
.drone-links a:first-child { background:#34f5a8; color:#062015; border-color:#34f5a8; }
.drone-foot { position:absolute; bottom:28px; left:32px; right:32px; display:flex; gap:16px; justify-content:space-between; align-items:center; font:500 11px/1.7 'JetBrains Mono',monospace; letter-spacing:.06em; }
.drone-foot a { color:#fff; text-decoration:underline; text-underline-offset:5px; }
.drone-pause { color:#fff; border:1px solid #ffffff70; border-radius:30px; padding:10px 16px; background:#07161180; cursor:pointer; }
.drone-pause:focus-visible,.drone-links a:focus-visible { outline:3px solid #34f5a8; outline-offset:4px; }
.film-card video { width:100%; display:block; aspect-ratio:16/9; object-fit:contain; background:#050806; }
.film-card.portrait video { aspect-ratio:16/9; }
.brand-film { width:min(100% - 40px,1100px); margin:70px auto; }
.brand-film video { width:100%; max-height:70vh; object-fit:contain; background:#050806; border-radius:20px; }
.brand-film h2 { margin:12px 0; font-size:clamp(28px,4vw,44px); }
.brand-film p { margin:0 0 24px; color:#aaa; }
#app-tabbar { display:none; }
@media(max-width:768px) {
 body { padding-bottom:76px; }
 #kre-drone-hero { height:calc(100svh - 66px); min-height:660px; }
 .drone-copy { padding:160px 22px 110px; }
 #kre-drone-hero h1 { font-size:clamp(42px,10vw,66px); }
 .drone-foot { left:22px; right:22px; bottom:20px; font-size:10px; }
 #app-tabbar { position:fixed; z-index:70; bottom:0; left:0; right:0; display:flex; padding:12px 8px calc(12px + env(safe-area-inset-bottom)); gap:4px; background:#09100ff2; border-top:1px solid #ffffff25; }
 #app-tabbar a { flex:1; text-align:center; font-size:11px; color:#d6ebe1; padding:8px 0; text-decoration:none; }
}
@media(prefers-reduced-motion:reduce) { html {scroll-behavior:auto;} }