@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#111313;--gold:#c6a25c;--paper:#fafaf8;--muted:#9a9e9c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--ink);color:var(--paper);font-family:'DM Sans',Arial,sans-serif;font-size:18px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--gold);outline-offset:8px}::selection{background:var(--gold);color:var(--ink)}.skip{position:fixed;top:-100px;left:20px;z-index:20;background:white;color:black;padding:15px}.skip:focus{top:10px}.site-header{position:absolute;top:0;left:0;width:100%;height:100px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;color:var(--ink);z-index:5}.wordmark{font-family:Manrope,sans-serif;font-size:25px;font-weight:800;letter-spacing:.2em;line-height:1.2}.wordmark span{display:block;font-family:'DM Sans',sans-serif;font-size:10px;letter-spacing:.24em;font-weight:500}.menu-link{font-size:14px}.menu-link span{margin-left:22px;color:#9c7a3f}.hero{position:relative;background:#fff;color:var(--ink);min-height:740px;height:100svh;display:flex;align-items:center;justify-content:center;padding:120px 5% 100px}.hero-logo{display:block;width:min(63vh,590px,80vw);height:auto}.hero-top,.hero-bottom{position:absolute;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:.14em}.hero-top{top:145px;color:#737773}.hero-bottom{bottom:35px;border-top:1px solid #dedfda;padding-top:25px}.scroll-link{font-size:14px;letter-spacing:0;display:flex;align-items:center;gap:24px}.scroll-link span{border:1px solid #d0b477;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:20px}.section-pad{padding:125px 8%}.eyebrow{font-size:12px;letter-spacing:.17em;line-height:1.6;display:block}.section-no{color:var(--gold);margin-right:18px}h1,h2,h3,p{margin:0}h1,h2{font-family:Manrope,Arial,sans-serif;font-weight:500;font-size:clamp(44px,6vw,86px);line-height:1.12;letter-spacing:-.055em}em{font-style:normal;color:var(--gold)}.intro h1{margin-top:62px}.intro-bottom{display:grid;grid-template-columns:1.15fr 1fr;gap:12%;margin-top:65px}.intro-bottom p,.equipment-copy p{font-size:18px;line-height:1.8;color:#b8bcb8;max-width:550px}.services{padding-top:2px}.services div{display:flex;align-items:center;gap:22px;padding:18px 0;border-bottom:1px solid #343735;font-size:18px}.services div:first-child{border-top:1px solid #343735}.services span:first-child{color:var(--gold);font-size:12px}.services span:last-child{margin-left:auto;color:var(--gold)}.scroll-scene{position:relative}.flyout{height:240vh}.scene-sticky{position:sticky;top:0;height:100svh;min-height:580px;overflow:hidden}.harbor{position:absolute;inset:0}.harbor-photo{height:100%;width:100%;object-fit:cover;display:block}.scene-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,20,23,.5),transparent 65%),linear-gradient(0deg,rgba(0,0,0,.45),transparent 30%);pointer-events:none}.scene-caption{position:absolute;left:8%;top:15%;z-index:2}.scene-caption h2{margin-top:28px;font-size:clamp(60px,8vw,120px)}.scene-caption em{color:#fff}.scene-bottom{position:absolute;bottom:36px;left:5%;right:5%;display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:.13em;z-index:3}.equipment{background:var(--paper);color:var(--ink)}.equipment h2{margin-top:60px}.equipment em{color:#8f6d34}.equipment-copy{display:grid;grid-template-columns:1fr 1fr;gap:12%;margin-top:60px}.equipment-copy p{color:#5c625e}.goggles{border-top:1px solid #c9ccc6;padding-top:25px}.small-label{font-size:12px;letter-spacing:.13em;color:#887048}.goggles h3{font-family:Manrope,sans-serif;font-weight:500;font-size:32px;margin:20px 0}.text-link{font-size:14px;display:inline-flex;gap:40px;margin-top:27px;padding-bottom:9px;border-bottom:1px solid #a58b56}.exploded{height:300vh;background:#e9ebe8;color:var(--ink)}.explosion-heading{position:absolute;top:7%;left:8%;right:8%;z-index:3}.explosion-heading h2{font-size:clamp(32px,4vw,56px);margin-top:22px}.explosion-heading em{color:#747c74}.explosion-stage{position:absolute;inset:27% 4% 12%}.exploded .scene-bottom{color:#5b655d}footer{padding:55px 5%;display:flex;align-items:center;justify-content:space-between;gap:30px}footer>span{color:var(--gold);font-size:16px}footer>a:last-child{font-size:14px}
@media(min-width:1700px){.section-pad{padding-left:max(8%,calc((100vw - 1500px)/2));padding-right:max(8%,calc((100vw - 1500px)/2))}}@media(max-width:700px){body{font-size:16px}.site-header{height:85px;padding:0 6%}.hero{min-height:600px}.hero-top{top:115px;left:6%;right:6%;font-size:10px;gap:20px}.hero-top span:last-child{display:none}.hero-logo{width:88vw}.hero-bottom{left:6%;right:6%;font-size:10px;bottom:28px}.hero-bottom>span:last-child{display:none}.section-pad{padding:85px 7%}.intro h1,.equipment h2{margin-top:38px}.intro-bottom,.equipment-copy{grid-template-columns:1fr;gap:40px;margin-top:40px}.intro-bottom p,.equipment-copy p{font-size:16px}.scene-caption{left:7%;top:13%}.scene-caption h2{font-size:64px}.scene-bottom{font-size:10px;left:7%;right:7%}.scene-bottom>span:first-child{max-width:42%}.scene-bottom>span:last-child{text-align:right;max-width:52%}.scene-sticky{min-height:560px}.explosion-heading{left:7%;top:8%}.explosion-heading h2{font-size:34px}footer{padding:40px 7%;flex-wrap:wrap}footer>span{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.flyout,.exploded{height:100svh;min-height:600px}.scene-sticky{position:relative}}
.harbor-canvas{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.original-flyout{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.flying-drone{position:absolute;left:40.46%;top:47.62%;width:29.41%;height:auto;will-change:transform;filter:drop-shadow(0 18px 16px #08212d22)}.scene-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#ffffff25;z-index:4}.scene-progress i{display:block;height:100%;background:var(--gold);transform-origin:left;transform:scaleX(0)}.explosion-stage{inset:29% 8% 15%;isolation:isolate}.assembled-drone{position:absolute;left:50%;top:50%;width:min(85vw,740px);height:auto;transform:translate(-50%,-50%);z-index:2;pointer-events:none}.parts{position:absolute;inset:0}.drone-part{position:absolute;left:50%;top:50%;width:150px;height:150px;will-change:transform,opacity;opacity:0}.part-sprite{width:100%;height:100%;background-image:url('assets/phantom-parts.png');background-size:400% 300%;background-repeat:no-repeat;filter:drop-shadow(0 8px 7px #24332415)}.drone-part>span{position:absolute;top:96%;left:-25%;width:150%;text-align:center;font-size:12px;letter-spacing:.015em;color:#4d5850;white-space:nowrap;opacity:0}.exploded .scene-bottom small{display:block;font-size:10px;letter-spacing:.08em;line-height:1.8;margin-top:8px}.exploded .scene-bottom a:hover{text-decoration:underline}.exploded .scene-progress{background:#11131315}@media(max-width:700px){.explosion-stage{inset:29% 5% 19%}.assembled-drone{width:110vw;max-width:600px}.drone-part>span{font-size:11px}.exploded .scene-bottom{bottom:23px;align-items:flex-end}.exploded .scene-bottom>span:first-child{max-width:60%}.exploded .scene-bottom>span:last-child{max-width:35%;line-height:1.7}.exploded .scene-bottom small{font-size:9px}.scene-caption{pointer-events:none}.flyout .scene-caption h2{font-size:clamp(48px,10vw,64px)}}@media(max-height:650px) and (min-width:701px){.explosion-heading{top:5%}.explosion-heading h2{font-size:34px}.explosion-stage{top:31%;bottom:18%}}@media(prefers-reduced-motion:reduce){.scene-progress{display:none}.flying-drone{will-change:auto}.drone-part{will-change:auto}}