/* Only the added opening is styled here. Original site files stay intact. */
.dk-flight{--dk-header:81px;--dk-blue:#20b9ee;box-sizing:border-box;height:100svh;min-height:700px;padding-top:var(--dk-header);position:relative;color:#f4f8fc;font-family:Manrope,Arial,sans-serif;background:#06131f}
.dk-flight *{box-sizing:border-box}
.dk-stage{position:relative;height:100%;overflow:hidden;isolation:isolate;background:#102c3b url('assets/v27-hero-boat.webp') center 58%/cover no-repeat}
.dk-stage:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,15,22,.92),rgba(3,15,22,.61)38%,rgba(3,15,22,.15)73%,rgba(3,15,22,.2)),linear-gradient(0deg,rgba(3,15,22,.6),transparent 35%);pointer-events:none}
.dk-watermark{position:absolute;white-space:nowrap;font-weight:800;font-size:clamp(110px,17vw,290px);line-height:1;letter-spacing:-.065em;top:67%;left:50%;transform:translate(-50%,-50%);color:rgba(193,232,244,.065);z-index:-1;user-select:none}
.dk-watermark span{color:rgba(32,185,238,.12)}
.dk-top{display:flex;justify-content:space-between;align-items:center;position:absolute;top:31px;left:5.6vw;right:5.6vw;font-size:10px;letter-spacing:2px;color:#abc4d4;z-index:5}
.dk-motion{display:flex;gap:10px;align-items:center;background:rgba(3,15,22,.4);border:1px solid rgba(169,215,233,.35);border-radius:3px;color:#d0e0e9;padding:9px 12px;font:500 11px Manrope,Arial,sans-serif;letter-spacing:0;cursor:pointer}
.dk-scene{position:absolute;left:7vw;top:46%;transform:translateY(-50%);max-width:600px;width:40%;z-index:4}
.dk-kicker{margin:0 0 27px;color:#53d2ff;font-size:11px;letter-spacing:2px;font-weight:700}
.dk-scene h2{font-size:clamp(50px,5.4vw,88px);line-height:1.1;letter-spacing:-.045em;font-weight:800;color:#eff8ff;margin:0 0 26px}
.dk-scene h2 em{font-style:normal;color:var(--dk-blue)}
.dk-description{font-size:15px;color:#d0dee7;line-height:1.9;margin:0 0 30px}
.dk-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #36b4e4;color:#eefaff;background:rgba(8,38,54,.7);padding:15px 25px;border-radius:3px;font-size:13px;font-weight:700;text-decoration:none;transition:background .2s}
.dk-button:hover{background:#14445a}
.dk-drone{--dk-header:81px;position:fixed;top:calc(47% + var(--dk-header) * .53);left:69.5%;width:min(52vw,1000px);aspect-ratio:3/2;transform:translate(-50%,-50%);pointer-events:none;z-index:101;isolation:isolate;will-change:transform}
.dk-drone-body{display:block;position:absolute;inset:0;height:100%;width:100%;object-fit:contain;max-width:none;z-index:2}
.dk-rotor{position:absolute;left:var(--rotor-x);top:var(--rotor-y);width:var(--rotor-size);aspect-ratio:1;transform:translate(-50%,-50%) scaleY(.28);transform-origin:center;z-index:1;overflow:hidden;border-radius:50%}
.dk-rotor-front{z-index:3}
.dk-rotor-haze{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,transparent 13%,rgba(24,30,34,.035)20%,rgba(23,28,32,.10)62%,rgba(20,28,34,.14)86%,transparent 100%);border:1px solid rgba(207,220,229,.12);pointer-events:none}
.dk-rotor-blades{position:absolute;inset:0;will-change:transform;transform-origin:50% 50%;backface-visibility:hidden}
.dk-rotor-blades img{display:block;position:absolute;inset:0;width:100%;height:100%;max-width:none}
.dk-rotor-trail{opacity:.18;transform:rotate(-22deg)}
.dk-rotor-trail-2{opacity:.09;transform:rotate(-44deg)}
.dk-props-paused .dk-rotor-haze,.dk-props-paused .dk-rotor-trail,.dk-props-paused .dk-rotor-trail-2{opacity:0}
.dk-props-paused .dk-rotor-blades{will-change:auto}
.dk-spec{position:absolute;right:7vw;bottom:20%;display:grid;grid-template-columns:32px auto;column-gap:10px;align-items:center;z-index:4;pointer-events:none}
.dk-spec strong{font-size:20px;color:#d8f1ff;line-height:1.3}
.dk-spec small{font-size:8px;letter-spacing:1.6px;color:#b0cbd9;grid-column:2}
.dk-camera-mark{height:25px;width:25px;border:1px solid #7eafc5;border-radius:50%;grid-row:1/3;position:relative}
.dk-camera-mark:after{content:'';position:absolute;inset:8px;border:1px solid #2bc9ff;border-radius:50%}
.dk-bottom{position:absolute;left:5.6vw;right:5.6vw;bottom:30px;display:flex;align-items:center;justify-content:space-between;z-index:5}
.dk-bottom>a{margin-right:65px;color:#c1d7e3;font-size:11px;text-decoration:none}
.dk-scroll{display:flex;align-items:center;gap:13px;text-align:left;background:none;border:0;padding:0;color:#e4f4fd;font:600 11px Manrope,Arial,sans-serif;cursor:pointer}
.dk-scroll small{display:block;margin-top:5px;color:#afc7d6;font-size:10px;font-weight:400}
.dk-scroll-icon{width:20px;height:31px;border:1px solid #9bbdcf;border-radius:13px;position:relative}
.dk-scroll-icon i{height:6px;width:2px;background:var(--dk-blue);position:absolute;top:7px;left:8px}
.dk-flight a:focus-visible,.dk-flight button:focus-visible{outline:2px solid #32caff;outline-offset:6px}
@media(max-width:1050px){.dk-scene{left:6vw;width:41%}.dk-scene h2{font-size:6vw}.dk-description{font-size:14px}.dk-top{top:25px}.dk-spec{right:5vw}}
@media(max-width:700px){.dk-flight{min-height:730px}.dk-stage{background-position:40% center}.dk-stage:before{background:linear-gradient(180deg,rgba(3,15,22,.55),rgba(3,15,22,.72)40%,rgba(3,15,22,.15)72%,rgba(3,15,22,.5))}.dk-top{left:7vw;right:7vw;top:23px;font-size:8px;letter-spacing:1.5px}.dk-motion{font-size:11px;padding:8px 10px}.dk-motion span{font-size:9px}.dk-scene{top:14%;left:7vw;width:86%;max-width:none;transform:none}.dk-kicker{font-size:9px;letter-spacing:1.5px;margin-bottom:17px}.dk-scene h2{font-size:clamp(42px,11vw,61px);line-height:1.09;margin-bottom:17px}.dk-description{font-size:13px;line-height:1.8;margin-bottom:19px}.dk-description br{display:none}.dk-button{padding:12px 20px;font-size:12px}.dk-drone{top:calc(65% + var(--dk-header) * .35);left:50%;width:86vw;max-width:680px}.dk-watermark{font-size:22vw;top:69%}.dk-spec{right:7vw;bottom:14%}.dk-spec strong{font-size:15px}.dk-spec small{font-size:7px;letter-spacing:1.4px}.dk-bottom{left:7vw;right:7vw;bottom:24px}.dk-bottom>a{display:none}.dk-scroll{font-size:10px}.dk-scroll small{font-size:9px}.dk-scroll-icon{width:18px;height:29px}.dk-scroll-icon i{left:7px}}
@media(max-width:380px){.dk-scene h2{font-size:41px}.dk-drone{top:calc(68% + var(--dk-header) * .32)}.dk-spec{bottom:12%}}
@media(prefers-reduced-motion:reduce){.dk-flight *{animation:none!important;transition:none!important}.dk-rotor-blades{will-change:auto}}

/* Preserve the full framing of newly supplied project clips. */
.video-card.dk-project-video .portfolio-video{object-fit:contain;background:#06131f}