:root{color-scheme:dark;--ink:#153d42;--cream:#f5edda;--gold:#ddbb72}*{box-sizing:border-box}body{margin:0;background:#102e34;color:var(--cream);font:18px/1.6 system-ui,sans-serif;min-height:100svh}body::before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,#102e34d9,#102e34f5),url('/assets/harbor-backdrop.png') center/cover no-repeat}.harbor-launch{max-width:1060px;margin:auto;text-align:center;padding:30px 24px 24px}.wordmark{width:min(400px,80vw);height:auto;display:block;margin:0 auto 8px;filter:drop-shadow(0 4px 14px #0008)}.eyebrow{font-size:.74rem;letter-spacing:.2em;color:var(--gold);font-weight:700;margin:18px 0 12px}h1{font:clamp(58px,8vw,88px)/1.06 Georgia,serif;margin:10px 0 18px}h1 em{color:var(--gold);font-weight:400}.intro{font-size:clamp(17px,2vw,21px);max-width:680px;margin:0 auto;color:#e5e9df}.crew{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;max-width:800px;margin:36px auto 20px}.crew figure{margin:0}.crew img{display:block;width:clamp(96px,12vw,146px);height:auto;aspect-ratio:1;border-radius:50%;object-fit:cover;border:2px solid var(--gold);box-shadow:0 8px 28px #0006;margin:0 auto 10px}.crew figcaption{font-family:Georgia,serif;font-size:20px}.crew span{display:block;font:13px/1.7 system-ui,sans-serif;color:#d0dad6}.compass-wrap{display:flex;align-items:center;flex-direction:column;gap:6px;margin:22px 0 0}.compass{width:72px;height:72px;padding:6px;border:0;background:transparent;color:var(--gold);cursor:pointer;border-radius:50%;transition:transform .25s,color .25s}.compass svg{width:100%;height:100%;stroke:currentColor;stroke-width:1.5;fill:none}.compass .needle{fill:var(--gold)}.compass:hover{transform:rotate(12deg);color:#fff0cb}.compass:focus-visible,.close:focus-visible,.submit:focus-visible{outline:3px solid var(--cream);outline-offset:5px}.compass-caption{font-size:12px;color:#ced7d2}.footer-note{font-size:12px;color:#aebfb9;letter-spacing:.08em;margin:20px 0 0}dialog{position:fixed;max-width:480px;width:calc(100% - 36px);border:1px solid var(--gold);border-radius:16px;background:#15383d;color:var(--cream);padding:32px;box-shadow:0 24px 100px #0009}dialog::backdrop{background:#031619c9;backdrop-filter:blur(6px)}dialog h2{font:32px/1.15 Georgia,serif;margin:12px 0}dialog p{font-size:16px;color:#dce6e0}.close{position:absolute;right:12px;top:8px;background:none;border:0;color:var(--cream);font-size:30px;cursor:pointer;line-height:1.3;width:40px;height:40px}form{margin-top:24px}label{display:block;font-size:16px;font-weight:650;margin-bottom:8px}input{width:100%;padding:14px;border:1px solid #aabcb4;border-radius:6px;background:#0d282e;color:var(--cream);font:18px system-ui;letter-spacing:.03em}input:focus{outline:2px solid var(--gold);outline-offset:2px}.submit{width:100%;margin-top:16px;padding:14px;background:var(--gold);color:#102e34;border:0;border-radius:6px;font:700 17px system-ui;cursor:pointer}.submit:disabled{opacity:.7;cursor:wait}#preview-status{min-height:24px;margin-bottom:0;color:#f3d7ac}@media(max-width:600px){.harbor-launch{padding:22px 20px}.wordmark{width:280px}.crew{grid-template-columns:repeat(2,1fr);gap:20px 12px;margin-top:26px;max-width:350px}.crew img{width:100px}.crew figcaption{font-size:17px}.intro br{display:none}.compass-wrap{margin-top:18px}dialog{padding:28px 22px}.eyebrow{font-size:10px;letter-spacing:.15em}}@media(prefers-reduced-motion:reduce){.compass{transition:none}.compass:hover{transform:none}}

/* Preserve the wide artwork on phones and keep Safari toolbar changes from resizing it. */
@media(max-width:760px){body::before{inset:0 auto auto 0;width:100%;height:100svh;background-size:100% 100%,100% auto;background-position:center,center top;background-repeat:no-repeat;background-color:#102e34}}