@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500&display=swap');

*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#080e13;color:#edf0eb;font:15px/1.6 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:transparent;cursor:pointer;border:1px solid #3b4a50;padding:11px 16px}button:hover,a:hover{color:#fac093}a:focus-visible,button:focus-visible{outline:2px solid #f0ac7a;outline-offset:5px}[hidden]{display:none!important}.skip{position:absolute;top:-70px;left:20px;z-index:20;background:#14232a;padding:12px}.skip:focus{top:12px}header{padding:24px 4vw;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid #263039}.brand{font-size:13px;letter-spacing:.15em;font-weight:bold}.brand small{display:block;color:#8caaa9;font-size:8px;letter-spacing:.22em;margin-top:5px}header nav{display:flex;flex-wrap:wrap;gap:22px;font-size:12px;color:#9bafb7}[aria-current=page]{color:#f0ac7a}.intro{padding:48px 5vw 32px;display:flex;align-items:end;justify-content:space-between;gap:25px}.eyebrow{font-size:10px;letter-spacing:.22em;color:#f2ac80;margin:0 0 10px}.intro h1{font:500 clamp(58px,8vw,108px)/.95 'Barlow Condensed','Arial Narrow',Arial,sans-serif;letter-spacing:-.04em;margin:0}.intro>p{color:#a2b9be;margin:0 0 5px;max-width:430px}.ship-index{padding:18px 5vw;display:flex;gap:26px;overflow-x:auto;background:#10191ed9;border-top:1px solid #263239;border-bottom:1px solid #263239;position:sticky;top:0;z-index:4;backdrop-filter:blur(14px);font-size:11px;letter-spacing:.03em;scrollbar-width:thin}.ship-index a{white-space:nowrap;padding:7px 0}.ship{scroll-margin-top:75px;border-bottom:1px solid #293337}.ship-heading{padding:42px 5vw 20px;display:flex;justify-content:space-between;gap:20px;align-items:center}.ship-heading h2{font:500 clamp(36px,4.5vw,66px)/1 'Barlow Condensed','Arial Narrow',Arial,sans-serif;margin:0;letter-spacing:-.03em}.ship-number{font:12px monospace;color:#849b9f}.ship-photo{display:block;width:100%;padding:0;border:0;overflow:hidden;background:#05090d;position:relative}.ship-photo img{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain}.ship-photo span{position:absolute;right:5vw;bottom:25px;background:#10191ee8;border:1px solid #54656c;padding:10px 16px;font-size:11px;color:#edf0eb}.ship-photo:hover img{filter:brightness(1.07)}.ship-story{padding:28px 5vw 45px;display:grid;grid-template-columns:1fr 1fr;gap:45px}.ship-story h3{font-size:23px;font-weight:400;margin:0 0 10px}.ship-story p{color:#a2b9be;max-width:580px;margin:0}.ship-actions{display:flex;align-content:start;align-items:start;justify-content:flex-end;flex-wrap:wrap;gap:12px 22px;font-size:12px}.ship-actions a{border-bottom:1px solid #4a5b64;padding:10px 0}.resolution{display:block;width:100%;text-align:right;font-size:10px;color:#798f98}.archive-link{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:75px 5vw;background:#101a20;align-items:center}.archive-link h2{font:500 clamp(34px,4vw,56px)/1.1 'Barlow Condensed','Arial Narrow',Arial,sans-serif;margin:0}.archive-link>a{display:flex;justify-content:space-between;border-bottom:1px solid #5b737a;padding:20px 0}.design-note{font-size:11px;color:#859ba4;padding:20px 5vw;max-width:850px}footer{display:flex;justify-content:space-between;padding:25px 5vw;border-top:1px solid #263239;font-size:10px;letter-spacing:.1em}dialog{width:96vw;max-width:none;height:94dvh;max-height:94dvh;padding:18px;border:1px solid #4e666f;background:#080e13;color:#edf0eb}dialog::backdrop{background:#000e}body:has(dialog[open]){overflow:hidden}.viewer-top{display:flex;align-items:center;justify-content:space-between;gap:18px;height:58px}.viewer-top h2{font-size:18px;margin:0}.viewer-image{height:calc(100% - 120px);display:flex;align-items:center;justify-content:center}.viewer-image img{width:100%;height:100%;object-fit:contain}.viewer-bottom{display:flex;gap:20px;align-items:center;justify-content:space-between;padding-top:10px;font-size:12px}.loading{padding:50px 5vw;color:#a2b9be}#viewer-count{font:11px monospace;color:#9ab2bc}
@media(min-width:1900px){.ship-photo{max-width:1920px;margin:auto}.ship-story,.ship-heading{max-width:2100px;margin:auto}}
@media(max-width:700px){header{align-items:start;flex-direction:column;gap:15px;padding:20px 5vw}header nav{gap:15px;font-size:11px}.intro{padding-top:32px;display:block}.intro>p{font-size:13px;margin-top:20px}.ship-index{gap:23px;padding:10px 5vw}.ship-heading{padding-top:30px}.ship-story{grid-template-columns:1fr;gap:18px;padding-bottom:32px}.ship-actions{justify-content:flex-start}.resolution{text-align:left}.ship-photo span{bottom:10px;right:10px;padding:6px 10px;font-size:10px}.archive-link{grid-template-columns:1fr;padding:45px 5vw}.viewer-bottom{flex-wrap:wrap;gap:8px;font-size:11px}.viewer-bottom button{font-size:11px;padding:8px}.viewer-image{height:calc(100% - 160px)}dialog{padding:12px}.viewer-top h2{font-size:16px}footer{gap:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}