:root{--field:#0e1e86;--deep:#071357;--bone:#f3efe4;--signal:#ffc94a;--dim:#9aa6e8;--gutter:clamp(1rem, 4vw, 3.5rem);--font:"Bricolage Grotesque", "Helvetica Neue", Arial, sans-serif}*,:before,:after{box-sizing:border-box}html{background:var(--field);color:var(--bone);font-family:var(--font);-webkit-text-size-adjust:100%;font-size:16px;line-height:1.5}body{min-height:100dvh;padding-inline:var(--gutter);font-variation-settings:"opsz" 24, "wdth" 92;flex-direction:column;margin:0;padding-block:0 2rem;display:flex}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hero{padding-top:clamp(2.5rem,10vh,7rem)}.mark{touch-action:pan-y;width:100%;height:auto;display:block}.lede{letter-spacing:-.01em;font-variation-settings:"opsz" 48, "wdth" 88;max-width:28ch;margin:clamp(1.5rem,4vh,3rem) 0 0;font-size:clamp(1.4rem,1rem + 1.8vw,2.4rem);font-weight:400;line-height:1.2}.work{grid-template-rows:1fr 1fr;grid-template-columns:3fr 2fr;gap:.75rem;min-height:min(60vh,34rem);margin-top:clamp(4rem,14vh,10rem);display:grid}.ship{background:var(--bone);color:var(--field);cursor:pointer;border-radius:4px;flex-direction:column;grid-row:1/3;justify-content:flex-end;gap:.75rem;padding:clamp(1.25rem,3vw,2.5rem);text-decoration:none;transition:background-color .2s;display:flex}.ship:hover{background:var(--signal)}.ship:focus-visible{outline:3px solid var(--signal);outline-offset:4px}.ship-name{letter-spacing:-.03em;font-variation-settings:"opsz" 96, "wdth" 100;font-size:clamp(2.2rem,1.2rem + 4vw,5rem);font-weight:800;line-height:.95}.ship-what{max-width:34ch;font-size:clamp(1rem,.9rem + .5vw,1.25rem);line-height:1.35}.ship-go{text-underline-offset:.2em;margin-top:.5rem;font-size:1rem;font-weight:600;text-decoration:underline;text-decoration-thickness:2px}.dark{background:var(--deep);border-radius:4px;min-height:9rem;position:relative;overflow:hidden}.noise{width:100%;height:100%;display:block;position:absolute;inset:0}.dark-label{background:var(--deep);color:var(--dim);border-radius:2px;padding:.2rem .5rem;font-size:1rem;font-weight:500;position:absolute;bottom:.875rem;left:1rem}.foot{color:var(--dim);margin-top:auto;padding-top:clamp(4rem,10vh,7rem);font-size:.95rem}.foot p{margin:0}.foot-links{flex-wrap:wrap;gap:.25rem 1.5rem;margin:.75rem 0 0;padding:0;list-style:none;display:flex}.foot-links a{color:var(--dim);text-underline-offset:.2em;padding:.25rem 0;display:inline-block}.foot-links a:hover,.foot-links a:focus-visible{color:var(--bone)}.foot-links a:focus-visible{outline:3px solid var(--signal);outline-offset:3px}@media (max-width:720px){.work{grid-template-rows:auto;grid-template-columns:1fr;min-height:0}.ship{grid-row:auto;min-height:20rem}}@media (prefers-reduced-motion:reduce){.ship{transition:none}}:root{--alert:#ffb4a8}.contact-top{padding-top:clamp(1.5rem,5vh,3rem);font-weight:600}.contact-top a,.contact-note a,.contact-intro a{color:var(--signal);text-underline-offset:.2em}.contact-top a:focus-visible,.contact-note a:focus-visible{outline:3px solid var(--signal);outline-offset:3px}.contact-main{width:100%;max-width:40rem}.contact-heading{letter-spacing:-.03em;font-variation-settings:"opsz" 96, "wdth" 100;margin:clamp(2rem,6vh,4rem) 0 .5rem;font-size:clamp(2.2rem,1.2rem + 4vw,4rem);font-weight:800;line-height:1}.contact-intro{max-width:60ch;color:var(--bone);margin:0 0 1.5rem}.contact-noscript{border-left:3px solid var(--signal);background:var(--deep);padding:.75rem 1rem}.contact-form{gap:1.1rem;display:grid}.contact-form[hidden],.contact-form [hidden]{display:none}.contact-field{gap:.35rem;display:grid}.contact-field label{font-weight:600}.contact-optional{color:var(--dim);font-weight:400}.contact-field input,.contact-field textarea{border:2px solid var(--dim);width:100%;color:var(--bone);font:inherit;background:#f3efe40f;border-radius:4px;padding:.65rem .75rem;font-size:1rem;line-height:1.4}.contact-field textarea{resize:vertical;min-height:9rem}.contact-field input:focus-visible,.contact-field textarea:focus-visible{outline:3px solid var(--signal);outline-offset:2px;border-color:var(--bone)}.contact-field [aria-invalid=true]{border-color:var(--alert)}.contact-hint{color:var(--dim);margin:0;font-size:.9rem}.contact-error{color:var(--alert);margin:0;font-size:.95rem;font-weight:600}.contact-trap{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.contact-challenge:empty{display:none}.contact-status{min-height:1.5em;color:var(--bone);margin:0}.contact-status[data-kind=error]{color:var(--alert);font-weight:600}.contact-actions{flex-wrap:wrap;gap:.75rem;display:flex}.contact-send,.contact-cancel{border:2px solid var(--bone);min-height:2.75rem;font:inherit;cursor:pointer;border-radius:4px;padding:.6rem 1.4rem;font-weight:700}.contact-send{background:var(--bone);color:var(--field)}.contact-send:hover{background:var(--signal);border-color:var(--signal)}.contact-send[aria-disabled=true]{opacity:.6;cursor:progress}.contact-cancel{color:var(--bone);background:0 0}.contact-cancel:hover{border-color:var(--signal);color:var(--signal)}.contact-send:focus-visible,.contact-cancel:focus-visible{outline:3px solid var(--signal);outline-offset:3px}.contact-note{color:var(--dim);margin:0;font-size:.9rem}.contact-done{justify-items:start;gap:.5rem;display:grid}.contact-done:focus-visible{outline:3px solid var(--signal);outline-offset:4px}.contact-done p{margin:0}.contact-form[data-sent] .contact-status{font-size:1.5rem;font-weight:800}.contact-dialog{border:2px solid var(--dim);background:var(--deep);width:min(36rem,100vw - 2rem);max-height:calc(100dvh - 2rem);color:var(--bone);border-radius:6px;padding:clamp(1.25rem,4vw,2rem);overflow:auto}.contact-dialog::backdrop{background:#071357d9}.contact-dialog-title{letter-spacing:-.02em;margin:0 0 .5rem;font-size:1.75rem;font-weight:800;line-height:1.1}.contact-dialog .contact-intro{margin-bottom:1.25rem}