:root{--navy:#102f46;--gold:#ffd34e;--teal:#087f88;--cream:#fffaf0;--muted:#4e6670;--coral:#d95535}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--cream);color:var(--navy);font:17px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-underline-offset:4px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #d95535;outline-offset:4px}button{cursor:pointer}.shell{width:min(1180px,calc(100% - 48px));margin:auto}.skip{position:absolute;left:20px;top:-100px;background:white;padding:12px;z-index:50}.skip:focus{top:10px}.sitehead{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:23px max(24px,calc((100vw - 1280px)/2));background:var(--cream);border-top:7px solid var(--gold)}.brand{display:flex;align-items:center;gap:12px;font-weight:900;font-size:clamp(23px,2.5vw,35px);letter-spacing:-1px;text-decoration:none;white-space:nowrap;line-height:1.1}.brand small{display:block;font-size:10px;letter-spacing:2px;margin-top:9px}.dot{color:var(--coral)}.brand-mark{display:grid;place-content:center;background:var(--navy);color:var(--gold);height:61px;width:61px;font:bold 36px Georgia;text-align:center;border-radius:50%}.brand-mark span{display:block;font:8px Arial;letter-spacing:2px}.sitehead nav{display:flex;align-items:center;gap:24px;font-size:13px;font-weight:700}.sitehead nav a{text-decoration:none}.nav-cta{border:1px solid var(--navy);padding:10px 15px;border-radius:4px}.hero{position:relative;min-height:700px;background:var(--navy);color:var(--cream);overflow:hidden}.hero-art{position:absolute;inset:0;background:url('assets/trawler-family.jpg') center right/cover;animation:arrive 1.2s ease-out both}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,29,43,.98) 0%,rgba(7,29,43,.9) 30%,rgba(7,29,43,.3) 66%,rgba(7,29,43,.03))}.hero-content{position:relative;z-index:1;padding-block:72px 38px}.eyebrow{font-size:11px;font-weight:bold;letter-spacing:2px;line-height:1.7;text-transform:uppercase}.hero .eyebrow{color:var(--gold);max-width:440px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:normal;letter-spacing:-2px;line-height:1.05}h1{font-size:clamp(62px,7.8vw,110px);margin-bottom:25px}h1 em{color:var(--gold)}h2{font-size:clamp(36px,4.2vw,55px);margin-bottom:24px}h3{font-size:24px;line-height:1.2;margin-bottom:14px}.hero-lead{font-size:24px;line-height:1.4;font-weight:700}.hero-copy{max-width:390px;color:#e7e5da;font-size:17px}.actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-block:28px}.button{display:inline-block;text-decoration:none;background:var(--navy);color:white;padding:14px 23px;border:0;border-radius:4px;font-weight:700;font-size:15px;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:0 6px 0 #0002}.yellow{background:var(--gold);color:var(--navy)}.text-link{font-weight:bold;font-size:15px}.art-label{display:block;font-size:10px;color:#dedbcf;max-width:350px;margin-top:42px}.ribbon{background:var(--gold);font-size:12px;font-weight:bold;letter-spacing:3px;padding:18px 0}.ribbon .shell{display:flex;justify-content:space-between;gap:15px}.section{padding-block:80px}.section-top{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:end;margin-bottom:25px}.section-top>p{color:var(--muted);max-width:450px}.searchbar{background:white;border:1px solid #d4ddd9;border-radius:8px;display:grid;grid-template-columns:2fr 1fr;gap:24px;padding:24px;box-shadow:0 12px 30px #102f4608}label{font-size:13px;font-weight:bold;display:block}input,select,textarea{display:block;margin-top:7px;padding:12px;width:100%;border:1px solid #9eafb2;border-radius:4px;background:white;color:var(--navy);font-size:16px}input[type=file]{font-size:13px;padding:9px}input::placeholder,textarea::placeholder{color:#647780;font-size:14px}.fine,small{font-size:13px;color:var(--muted)}.fleet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:25px}.ship-card{background:#fff;border:1px solid #d8ddd6;border-radius:8px;overflow:hidden;transition:transform .25s,box-shadow .25s}.ship-card:hover{transform:translateY(-5px);box-shadow:0 14px 25px #102f4612}.ship-card[hidden]{display:none}.ship-art{position:relative;min-height:190px;background:#d7e8e1;padding:30px 20px 10px;color:var(--navy)}.ship-card:nth-child(3n+2) .ship-art{background:#efce9b}.ship-card:nth-child(3n) .ship-art{background:#b7dadd}.ship-art svg{display:block;width:100%;height:140px;animation:bob 6s ease-in-out infinite}.h-number{position:absolute;top:13px;left:18px;font:bold 24px Georgia;letter-spacing:1px}.type-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1.5px;text-align:right}.ship-copy{padding:25px}.ship-copy .eyebrow{font-size:9px;color:var(--teal);min-height:16px;letter-spacing:1.5px}.ship-copy h3{font-family:Georgia;font-size:30px}.ship-copy p:not(.eyebrow){font-size:14px;min-height:72px;color:var(--muted)}.card-link{display:flex;justify-content:space-between;text-decoration:none;border-top:1px solid #ddd;padding-top:18px;font-weight:700;font-size:14px}.meaning{background:var(--teal);color:white;padding:65px 0}.meaning-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:80px}.meaning .eyebrow{color:var(--gold)}.meaning h2{font-size:44px}.meaning p{font-size:16px}.empty-memory{display:flex;align-items:center;gap:28px;background:#efe8d9;border:1px dashed #b3a995;padding:34px;border-radius:8px}.empty-memory>span{font-size:65px;color:var(--teal)}.empty-memory h3{font-family:Georgia;font-size:30px}.empty-memory p{margin-bottom:8px}.contribute{background:#f1d26a;padding:80px 0;scroll-margin-top:0}.form-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}.form-grid>div>p{max-width:390px}.paper-note{background:#fff8dd;padding:22px;transform:rotate(-2deg);margin:35px 0;max-width:360px;box-shadow:3px 5px 0 #102f4612}.paper-note p{font-size:15px;margin:8px 0 0}form{background:white;padding:32px;border-radius:8px;box-shadow:0 15px 40px #102f4610}form label{margin-bottom:15px}form label span{font-weight:normal}form small{display:block;line-height:1.5;margin-top:8px}form .two{display:grid;grid-template-columns:1fr 1fr;gap:15px}.check{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.6}.check input{width:18px;height:18px;flex-shrink:0;margin-top:3px}.trap{position:absolute;left:-10000px;opacity:0}#form-result{font-weight:bold;font-size:14px;margin-top:15px}footer{background:var(--navy);color:#e4e9e9;padding:50px 0;font-size:14px}footer .fine{color:#b6c8ce}.footerbrand{font-size:30px;font-weight:bold;text-decoration:none}footer p{margin-top:20px;max-width:650px}dialog{width:min(760px,calc(100% - 28px));border:0;border-radius:10px;padding:45px;background:var(--cream);color:var(--navy);max-height:90vh}dialog::backdrop{background:#061c2adb;backdrop-filter:blur(5px)}.close-dialog{position:absolute;right:12px;top:8px;background:none;border:0;font-size:30px;color:var(--navy);padding:2px 12px}dialog h2{font-size:48px}dialog h3{margin-top:28px;font-size:21px}.vessel-id{display:inline-block;font:bold 22px Georgia;background:var(--gold);padding:5px 15px;margin-bottom:18px}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding-block:24px;border-block:1px solid #ccd5ce;margin:20px 0 30px}.facts dt{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.facts dd{margin:7px 0 0;font-weight:bold;font-size:14px}.sources{font-size:13px;padding-left:20px}.vessel-page{max-width:850px;padding-block:50px 80px}.vessel-page h1{font-size:65px}.vessel-page h2{font-size:35px;margin-top:40px}.vessel-page .back{display:block;margin-bottom:40px;font-size:14px}.vessel-page .lead{font-size:22px}.memory-card{background:white;border:1px solid #d4ddd9;border-left:5px solid var(--teal);padding:25px;margin-block:20px;border-radius:6px}.memory-card h3{font-family:Georgia;font-size:27px}.memory-card p{white-space:pre-wrap}.memory-card img{max-width:100%;height:auto;max-height:500px;object-fit:contain}.memory-meta{font-size:13px;color:var(--muted)}.demo-banner{background:#fff1b1;border-bottom:1px solid #cba632;padding:10px 24px;font-size:13px;text-align:center}.error{color:#9e2819}.admin-shell{max-width:1000px;margin:50px auto;padding:20px}.admin-shell form{padding:0;box-shadow:none;display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.admin-shell .memory-card{overflow-wrap:anywhere}.review-photo{max-width:100%;max-height:400px}.admin-shell button{border:0;padding:12px 20px;border-radius:4px}.reject{background:#fee0d9}.admin-note{padding:15px;background:#fff0bd}@keyframes bob{50%{transform:translateY(-3px) rotate(.6deg)}}@keyframes arrive{from{opacity:.3;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@media(max-width:1000px){.sitehead nav{gap:16px}.sitehead nav a:nth-child(2),.sitehead nav a:nth-child(3){display:none}.hero{min-height:680px}.hero:after{background:linear-gradient(90deg,#071d2bf5,#071d2bcc 40%,#071d2b45)}.fleet-grid{gap:16px}.ship-copy{padding:20px}.form-grid{gap:35px}.meaning-grid{gap:35px}}@media(max-width:700px){body{font-size:16px}.shell{width:calc(100% - 36px)}.sitehead{padding:16px 18px;gap:10px}.brand{font-size:25px;gap:8px}.brand-mark{width:42px;height:42px;font-size:25px}.brand-mark span{font-size:6px}.brand small{font-size:7px;letter-spacing:1.4px}.sitehead nav a{display:none}.sitehead nav a:last-child{display:block;font-size:11px;padding:8px}.hero{min-height:730px}.hero-art{background-position:62% center}.hero:after{background:linear-gradient(90deg,#071d2bf2,#071d2bb0),linear-gradient(0deg,#071d2b,transparent 70%)}.hero-content{padding-top:45px}.hero .eyebrow{font-size:9px;max-width:280px}h1{font-size:73px}.hero-lead{font-size:23px}.hero-copy{max-width:325px}.hero .actions{align-items:flex-start;flex-direction:column;gap:18px}.art-label{font-size:9px;margin-top:30px}.ribbon{font-size:8px;letter-spacing:1px;padding:16px 0}.ribbon .shell{gap:9px}.section{padding-block:50px}.section-top,.meaning-grid,.form-grid{grid-template-columns:1fr;gap:20px}.section-top>p{margin-bottom:0}.searchbar{grid-template-columns:1fr;gap:15px;padding:18px}.fleet-grid{grid-template-columns:1fr}.ship-art{min-height:180px}.ship-art svg{height:140px}.ship-copy p:not(.eyebrow){min-height:0}.meaning{padding-block:45px}.meaning h2{font-size:38px}.empty-memory{padding:22px;gap:15px}.empty-memory>span{font-size:40px}.empty-memory h3{font-size:25px}.contribute{padding-block:50px}form{padding:22px}form .two{grid-template-columns:1fr;gap:0}.paper-note{margin-block:20px}.facts{grid-template-columns:1fr;gap:13px}.facts div{display:grid;grid-template-columns:110px 1fr;align-items:start}.facts dd{margin:0}.facts dt{padding-top:2px}dialog{padding:40px 23px 25px}dialog h2{font-size:38px}.vessel-page h1{font-size:49px}.vessel-page .back{margin-bottom:30px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Illustrated archive, second edition */
.illustrated-hero{min-height:0;background:#102f46;overflow:hidden}.illustrated-hero:after{display:none}.illustrated-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:center;padding-block:75px 100px}.intro-copy{position:relative;z-index:2}.intro-copy .eyebrow{color:#ffd34e}.intro-copy h1{font-size:clamp(60px,7.4vw,105px)}.intro-copy>p:not(.eyebrow){max-width:390px;color:#e0e9e8}.intro-copy .hero-lead{color:#fffaf0!important}.hero-request{display:inline-block;color:#d6e6e1;font-size:13px}.hero-gallery{position:relative;min-width:0;padding-bottom:60px}.hero-main{margin:0;transform:rotate(2deg);background:#fffaf0;padding:11px 11px 0;box-shadow:0 24px 60px #0005;animation:photo-drift 9s ease-in-out infinite}.hero-main img{width:100%;height:380px;display:block;object-fit:cover}.hero-main figcaption{font-family:Georgia;font-style:italic;font-size:13px;color:#102f46;padding:10px 5px;text-align:center}.hero-postcard{position:absolute;bottom:-25px;left:-40px;width:65%;margin:0;padding:9px 9px 0;background:#fffaf0;transform:rotate(-6deg);box-shadow:0 12px 30px #0006;animation:photo-drift-two 11s ease-in-out infinite}.hero-postcard img{display:block;width:100%;aspect-ratio:1.6;object-fit:cover}.hero-postcard figcaption{padding:8px;text-align:center;font-family:Georgia;font-size:17px;color:#102f46;line-height:1.3}.hero-postcard small{font-family:Arial;font-size:9px}.gallery-seal{position:absolute;right:-15px;bottom:0;background:#ffd34e;color:#102f46;width:112px;height:112px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:100%;border:5px double #102f46;font-size:8px;line-height:1.2;letter-spacing:1.7px;transform:rotate(10deg)}.gallery-seal b{font:45px/1 Georgia}.sea-ribbon{position:absolute;bottom:-1px;left:0;width:200%;height:45px;animation:wave-shift 16s linear infinite;pointer-events:none}.sea-ribbon svg{width:100%;height:100%;fill:#ffd34e}.weekly-banner{background:#ffd34e;padding:25px 0;color:#102f46}.weekly-banner .shell{display:flex;gap:28px;align-items:center}.weekly-banner h2{font-family:Arial;font-weight:800;letter-spacing:-.6px;font-size:23px;line-height:1.2;margin-bottom:8px}.weekly-banner p{font-size:14px;margin-bottom:0;max-width:620px}.weekly-banner .button{white-space:nowrap;margin-left:auto}.weekly-stamp{flex-shrink:0;display:block;text-align:center;border:2px solid #102f46;border-radius:50%;width:82px;height:82px;font-size:10px;padding-top:15px;transform:rotate(-12deg);line-height:1.5}.weekly-stamp b{font-size:11px}.fleet-grid{grid-template-columns:repeat(2,1fr);gap:32px}.card-painting{position:relative;aspect-ratio:1.6;overflow:hidden;background:#d6e4df}.card-painting>a{display:block;width:100%;height:100%}.card-painting img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s ease}.ship-card:hover .card-painting img{transform:scale(1.045)}.ship-card{border-radius:4px;box-shadow:0 7px 20px #102f4608;position:relative}.paint-number{position:absolute;left:17px;top:17px;background:#102f46;color:#ffd34e;font:bold 25px Georgia;padding:8px 13px;border:1px solid #ffd34e;box-shadow:3px 3px 0 #102f4640;pointer-events:none}.new-tag{position:absolute;right:12px;top:17px;background:#ffd34e;padding:5px 8px;font-size:8px;letter-spacing:1px;font-weight:bold;pointer-events:none}.painting-caption{position:absolute;bottom:10px;right:12px;padding:3px 7px;background:#102f46dd;color:#fffaf0;font-size:9px;pointer-events:none}.ship-copy{padding:27px 30px}.ship-copy h3{font-size:35px;margin-bottom:13px}.ship-copy p:not(.eyebrow){min-height:0;max-width:470px}.crew-card-count{display:inline-block;font-size:11px;letter-spacing:.5px;color:#087f88;background:#e4f0e9;padding:5px 10px;margin:5px 0 20px;border-radius:3px}.ship-card .card-link{font-size:15px}.crew-finder{background:#e1eeea;padding:75px 0;border-top:1px solid #bfccc5}.crew-finder-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:65px;align-items:start}.crew-illustration{position:sticky;top:25px;transform:rotate(-2deg);border:11px solid #fffaf0;box-shadow:0 15px 35px #102f4620}.crew-illustration img{display:block;width:100%;aspect-ratio:.9;object-fit:cover}.crew-illustration-label{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(transparent,#102f46ef);padding:100px 25px 30px;color:#fffaf0;font:30px/1.15 Georgia}.crew-illustration-label em{color:#ffd34e}.crew-finder h2{font-size:48px}.crew-finder .eyebrow{color:#087f88}.crew-finder input{border:2px solid #102f46;padding:16px;background:#fffaf0}.crew-result{display:flex;align-items:center;gap:13px;background:#fffaf0;padding:13px;margin-top:10px;text-decoration:none;border:1px solid #c3d1c9;border-radius:4px;transition:transform .2s}.crew-result:hover{transform:translateX(5px)}.crew-result strong{display:block;font-size:16px}.crew-result small{display:block;font-size:11px}.person-token{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#ffe99a,#c9983b);border:3px double #9c7429;color:#102f46;font:bold 16px Georgia;box-shadow:inset 0 0 0 2px #fff4ba70}.crew-result-arrow{margin-left:auto;font-size:23px}.crew-record{border-top:6px double #bca36e;border-bottom:6px double #bca36e;background:#f5eddc;padding:32px 28px;margin-block:40px}.crew-record .eyebrow{color:#087f88;font-size:10px}.crew-record>h3{font:35px/1.1 Georgia;letter-spacing:-.6px;margin:12px 0 20px}.crew-scope{font-size:14px;color:#425962;max-width:750px}.crew-grid{padding:0;margin:25px 0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:12px}.crew-person{display:flex;align-items:flex-start;gap:12px;background:#fffcf5;border:1px solid #d9caa8;padding:15px 13px;position:relative}.crew-person:before,.crew-person:after{content:'';position:absolute;top:5px;width:3px;height:3px;background:#bba169;border-radius:50%}.crew-person:before{left:5px}.crew-person:after{right:5px}.crew-person strong{display:block;line-height:1.3;font:700 17px/1.25 Georgia}.crew-person small{display:block;margin-top:5px;font-size:10px;line-height:1.4}.crew-person a{display:inline-block;margin-top:8px;font-size:10px;font-weight:bold;color:#087f88}.crew-outcome{display:block;font-size:10px;color:#4e6670;line-height:1.4;margin-top:5px}.crew-sources{font-size:13px;margin-top:20px;border-top:1px solid #cdbb95;padding-top:15px}.crew-sources summary{cursor:pointer;font-weight:700}.record-gap{display:flex;gap:18px;align-items:center;border:1px dashed #b59e6e;padding:20px}.record-gap>span{font-size:35px;color:#087f88}.record-gap p{font-size:14px;margin:0}.vessel-picture{margin:25px 0 32px}.vessel-picture img{display:block;width:100%;height:auto;aspect-ratio:1.6;object-fit:cover;border:8px solid #fff;box-shadow:0 10px 25px #102f4620}.vessel-picture figcaption{font-size:10px;color:#4e6670;margin-top:8px;line-height:1.5}.illustrated-vessel{max-width:1000px}.illustrated-vessel h1{font-size:75px}.illustrated-vessel .crew-grid{grid-template-columns:repeat(3,1fr)}.vessel-weekly{padding:25px;background:#ffd34e;border-radius:4px;margin-top:35px;font-size:15px}.vessel-weekly a{display:block;margin-top:10px;font-weight:bold}dialog{width:min(950px,calc(100% - 28px));padding:45px 38px}dialog .vessel-picture img{border-width:5px}dialog .crew-record{padding:25px 20px}dialog .crew-grid{grid-template-columns:repeat(2,1fr)}.modal-nav{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.modal-nav a{font-size:12px;padding:6px 12px;background:#e5ece7;text-decoration:none;border-radius:3px}.request-section{background:#e4eeea;padding-block:75px}.request-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}.request-grid>div>p{max-width:400px}.request-section h2{font-size:58px}.request-section form{border-top:6px solid #087f88}.request-section textarea{min-height:130px}.request-result{font-size:14px}.animation-controls{position:fixed;bottom:16px;right:16px;z-index:20;font-size:11px;background:#fffaf0;color:#102f46;border:1px solid #b3bfba;padding:8px 12px;border-radius:20px;box-shadow:0 3px 15px #102f4620}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.reveal-ready .ship-card{animation:card-enter .7s ease-out both}.reveal-ready .ship-card:nth-child(2n){animation-delay:.1s}@keyframes photo-drift{0%,100%{transform:rotate(2deg) translateY(0)}50%{transform:rotate(1deg) translateY(-9px)}}@keyframes photo-drift-two{0%,100%{transform:rotate(-6deg) translateY(0)}50%{transform:rotate(-4deg) translateY(7px)}}@keyframes wave-shift{to{transform:translateX(-25%)}}@keyframes card-enter{from{opacity:.5;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1000px){.illustrated-grid{gap:25px}.hero-main img{height:340px}.hero-postcard{left:-10px}.crew-finder-grid{gap:35px}.illustrated-vessel .crew-grid{grid-template-columns:1fr 1fr}.request-grid{gap:35px}.weekly-banner .shell{gap:20px}.weekly-stamp{display:none}}@media(max-width:700px){.illustrated-grid{grid-template-columns:1fr;gap:35px;padding-top:40px;padding-bottom:80px}.illustrated-hero{min-height:0}.intro-copy h1{font-size:74px}.intro-copy .actions{margin-block:20px;gap:16px}.intro-copy>p:not(.eyebrow){max-width:100%}.intro-copy .hero-lead{font-size:23px}.hero-gallery{margin-top:15px;padding:0 12px 65px;max-width:510px;width:100%;margin-inline:auto}.hero-main img{height:auto;aspect-ratio:1.4}.hero-main figcaption{font-size:11px}.hero-postcard{width:62%;left:0;bottom:0}.hero-postcard figcaption{font-size:14px;padding:5px}.gallery-seal{right:0;bottom:16px;width:90px;height:90px;font-size:6px}.gallery-seal b{font-size:35px}.hero .hero-gallery small{font-size:8px}.weekly-banner{padding:25px 0}.weekly-banner .shell{display:block}.weekly-banner h2{font-size:23px}.weekly-banner .button{margin-top:18px}.weekly-banner p{font-size:13px}.sea-ribbon{height:28px}.fleet-grid{grid-template-columns:1fr;gap:25px}.ship-copy{padding:25px}.ship-copy h3{font-size:34px}.card-painting{aspect-ratio:1.5}.paint-number{font-size:21px;top:13px;left:13px}.crew-finder{padding-block:50px}.crew-finder-grid{grid-template-columns:1fr;gap:35px}.crew-illustration{position:relative;top:auto}.crew-illustration img{aspect-ratio:1.5}.crew-illustration-label{font-size:25px;padding:60px 20px 20px}.crew-finder h2{font-size:39px}.crew-record{padding:25px 16px}.crew-record>h3{font-size:30px}.crew-grid,dialog .crew-grid,.illustrated-vessel .crew-grid{grid-template-columns:1fr}.crew-person{padding:15px}.crew-person strong{font-size:18px}.crew-person small,.crew-outcome{font-size:11px}.crew-person a{font-size:12px}.crew-scope{font-size:13px}dialog{padding:43px 18px 25px}dialog .crew-record{padding:24px 14px}dialog .crew-record>h3{font-size:29px}.vessel-picture figcaption{font-size:9px}.request-grid{grid-template-columns:1fr;gap:20px}.request-section{padding-block:50px}.request-section h2{font-size:44px}.illustrated-vessel h1{font-size:52px}.animation-controls{bottom:10px;right:10px;font-size:10px;padding:7px 10px}}@media(prefers-reduced-motion:reduce){.animation-controls{display:none}}
.hero-postcard img,.crew-illustration img{height:auto}
/* On phones the paintings sit directly below the title, before the longer introduction. */
@media(max-width:700px){.illustrated-grid{display:flex;flex-direction:column;align-items:stretch;gap:0}.intro-copy{display:contents}.intro-copy>.eyebrow{order:1;margin-bottom:15px}.intro-copy>h1{order:2;font-size:66px;margin-bottom:20px}.hero-gallery{order:3;margin-top:10px;margin-bottom:25px}.intro-copy>.hero-lead{order:4;margin-bottom:20px}.intro-copy>p:not(.eyebrow):not(.hero-lead){order:5}.intro-copy>.actions{order:6}.intro-copy>.hero-request{order:7}.hero-main img{aspect-ratio:1.55}}