@font-face{font-family:DM Sans;src:url(/dm-sans-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:DM Sans;src:url(/dm-sans-600.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:Barlow Condensed;src:url(/barlow-condensed-700.woff2) format("woff2");font-weight:700;font-display:swap}
:root{color-scheme:dark;--paper:#f0f3e8;--light:#b7c6ba;--lime:#cafa74;--line:#3b4a42;--surface:#1d2a24}
*{box-sizing:border-box}
body{margin:0;background:#121c19;color:var(--paper);font-family:"DM Sans",Arial,sans-serif}
.wrap{width:min(1360px,92vw);margin:auto}
header{border-bottom:1px solid var(--line);background:#17221d}
.mast,.headline,.caption,.brand,.caption span{display:flex;align-items:center}
.mast,.headline,.caption{justify-content:space-between}.mast{height:68px}
.brand{gap:12px;letter-spacing:.14em;font-weight:600;font-size:15px}.brand i{position:relative;width:23px;height:21px;background:repeating-linear-gradient(-55deg,var(--lime) 0 5px,transparent 5px 8px);clip-path:polygon(0 100%,30% 0,100% 0,70% 100%)}
.mast-note,.foot,.intro,.caption,.fresh{color:var(--light)}.mast-note,.caption,.fresh,.foot{font-size:14px}.mast-note b{color:#819083;margin:0 5px}
main{padding:clamp(28px,5vh,66px) 0 36px}.eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--lime);font-weight:600;margin:0 0 7px}
h1,h2,dd{font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-weight:700;margin:0}h1{font-size:clamp(52px,6.3vw,94px);line-height:.99;letter-spacing:-.025em}h2{font-size:40px;line-height:1.12}.intro{max-width:780px;margin:15px 0 26px;font-size:clamp(15px,1.45vw,18px);line-height:1.5}
.badge{border-radius:24px;border:1px solid var(--line);padding:7px 14px;font-size:13px;font-weight:600;white-space:nowrap}.badge:before{content:"";display:inline-block;border-radius:50%;width:7px;height:7px;background:#9caa9a;margin-right:8px}.badge.on{color:var(--lime);border-color:#5b734e}.badge.on:before{background:var(--lime)}
.layout{display:grid;grid-template-columns:minmax(0,3.2fr) minmax(200px,1fr);gap:18px;align-items:stretch}
.feed,aside{background:var(--surface);border:1px solid var(--line);border-radius:9px;overflow:hidden}
.feed{align-self:start}.screen{aspect-ratio:16/9;position:relative;background:#0a100d;display:grid;place-items:center}
video{height:100%;width:100%;display:block;object-fit:contain}.screen:fullscreen{width:100%;height:100%;background:#000}
.waiting{position:absolute;inset:0;background:linear-gradient(0deg,#101a17eb,#101a17a6),url(/wereld.jpg) center/cover;display:grid;place-content:center;justify-items:center;text-align:center;padding:18px}.waiting p{margin:0;font-weight:600}.waiting button{background:var(--lime);color:#18251c;padding:10px 18px;margin-top:16px;border-radius:6px}
.caption{padding:10px 14px;min-height:46px;gap:10px}.caption span{gap:10px}.camera{width:12px;height:9px;border:1px solid var(--lime);border-radius:2px;display:inline-block;position:relative}.camera:after{content:"";position:absolute;right:-5px;top:1px;border:3px solid transparent;border-right-color:var(--lime)}
button{cursor:pointer;font:inherit;font-weight:600}.caption button{color:var(--paper);background:transparent;border:0;display:flex;align-items:center;gap:6px}.caption button:hover,.caption button:focus-visible{color:var(--lime)}button:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
aside{padding:clamp(18px,2.2vw,29px);display:flex;flex-direction:column}dl{margin:16px 0 0}dl div{padding:11px 0;border-top:1px solid var(--line)}dt{color:var(--light);font-size:13px}dd{font-size:clamp(25px,2.7vw,41px);margin-top:3px;line-height:1}.fresh{border-top:1px solid var(--line);padding-top:13px;margin:auto 0 0;font-size:12px}.foot{margin-top:21px}.caption button:disabled{display:none}[hidden]{display:none!important}
@media(max-width:800px){.layout{grid-template-columns:1fr}.mast{height:55px}.fresh{margin-top:12px}dl{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}aside h2{font-size:34px}.intro{margin-bottom:20px}}
@media(max-width:440px){.mast-note{font-size:11px}.brand{font-size:13px}.headline{gap:8px}.caption{font-size:12px}.badge{padding:6px 9px;font-size:11px}}

#snapshot{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}

.fleets{margin-top:28px}.fleets h2{font-size:34px}.fleets p{margin:4px 0 14px;color:var(--light);font-size:14px}.fleets ol{counter-reset:fleet;list-style:none;margin:0;padding:0;display:grid;gap:0 18px;grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr))}.fleets li{counter-increment:fleet;border-top:1px solid var(--line);display:grid;grid-template-columns:auto 1fr;column-gap:10px;padding:12px 0}.fleets li::before{content:counter(fleet,decimal-leading-zero);color:var(--lime);font:700 23px "Barlow Condensed",sans-serif;grid-row:span 2}.fleets strong{overflow-wrap:anywhere}.fleets small{color:var(--light)}