@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');
:root{--navy:#10232d;--ink:#152c36;--cream:#f4f0e7;--gold:#c09a60;--line:#d2d3c9;--muted:#6b7779;--serif:'Libre Caslon Display',Baskerville,Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;display:block}figure{margin:0}.wrap{max-width:1480px;margin:0 auto;padding-left:64px;padding-right:64px}.skip{position:absolute;top:-60px;left:20px;background:var(--ink);color:white;padding:12px;z-index:5}.skip:focus{top:10px}:focus-visible{outline:2px solid #b28342;outline-offset:5px}.header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:30px}.wordmark{display:flex;align-items:center;gap:9px;font:30px/1 var(--serif);letter-spacing:.08em}.wordmark img{border-radius:50%}.header nav{display:flex;gap:32px;font-size:13px}.header nav a:hover,.footer a:hover{color:#97703b}.header-note,.eyebrow,.section-line,.hero-footer,.film-label{font-size:10px;letter-spacing:.15em}.header-note{white-space:nowrap}.hero{position:relative;display:grid;grid-template-columns:.91fr 1.09fr;gap:30px;padding-top:58px}.hero-copy{padding:30px 0 60px;z-index:1}.eyebrow{font-weight:600;margin:0 0 24px}.tiny-cross{color:var(--gold);font-size:22px;display:inline-block;margin-right:12px;font-weight:400}.hero h1{font:clamp(66px,7vw,105px)/.96 var(--serif);letter-spacing:-.035em;margin:24px -60px 28px 0}.hero h1 em,h2 em,.closing em{font-style:italic;color:#897344}.hero .lede{font-size:17px;line-height:1.7;margin:0 0 32px}.text-link{font-size:13px;border-bottom:1px solid var(--gold);padding-bottom:8px;display:inline-flex;gap:32px;align-items:center}.text-link span{font-size:22px}.hero-film{position:relative;min-height:620px;overflow:hidden;background:var(--navy);color:white}.hero-film video{position:absolute;width:100%;height:100%;object-fit:cover;object-position:54%}.image-shade{position:absolute;inset:0;background:linear-gradient(180deg,#00172208 35%,#061d31cc)}.film-label{position:absolute;top:28px;left:28px;right:28px;display:flex;justify-content:space-between;color:white;font-size:9px;gap:10px}.hero-film figcaption{position:absolute;bottom:33px;left:28px;font-size:17px}.hero-film figcaption span{display:block;font-size:9px;letter-spacing:.03em;opacity:.65;margin-top:5px}.motion-toggle{position:absolute;right:23px;bottom:27px;width:32px;height:32px;background:transparent;border:1px solid #fff7;color:white;border-radius:50%;font-size:10px}.hero-footer{grid-column:1/-1;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:3px 0 30px;margin-bottom:95px;gap:20px;font-size:9px}.hero-footer span:last-child{letter-spacing:0;font-size:11px}.hero-footer span span{margin-left:15px}.section-line{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:22px;margin-bottom:45px;font-size:9px}.feature-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:82px;align-items:center;padding-bottom:100px}.archive-frame{padding:22px;background:#e6e1d3}.archive-frame img{height:360px;width:100%;object-fit:contain;mix-blend-mode:multiply}.archive-frame figcaption{font-size:11px;margin-top:22px;display:flex;justify-content:space-between;gap:18px}.archive-frame figcaption span{font-size:9px;color:var(--muted)}h2{font:clamp(44px,4.7vw,65px)/1.06 var(--serif);letter-spacing:-.025em;margin:0 0 28px}.feature-copy p:not(.eyebrow),.about-copy p{font-size:14px;color:#5b696d;line-height:1.9;max-width:470px}.feature-actions{margin-top:32px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}.button{background:var(--navy);color:var(--cream);padding:15px 22px;font-size:12px;display:inline-flex;gap:28px;align-items:center}.button:hover{background:#29434c}.small-note{font-size:10px;color:var(--muted)}.timeline-section{background:var(--navy);color:var(--cream);padding:55px 0 65px}.timeline-section .section-line{border-color:#ffffff30;color:#a9b8bb}.timeline-heading{display:flex;justify-content:space-between;gap:40px;align-items:center;margin-bottom:35px}.timeline-heading h2{margin:0}.timeline-heading h2 em{color:#c8a976}.timeline-heading p{font-size:12px;color:#aebec2;line-height:2}.date-strip{display:flex;overflow:auto;border-bottom:1px solid #ffffff30;scrollbar-width:thin;gap:12px}.date-strip button{flex:1;border:0;color:#9bafb5;background:transparent;min-width:70px;padding:18px 5px;font-size:12px;border-bottom:2px solid transparent}.date-strip button:hover{color:#fff}.date-strip button[aria-pressed=true]{color:#e6c38b;border-color:#d0a25a}.event-panel{margin-top:40px;min-height:260px;display:flex;align-items:center;gap:50px}.event-main{display:grid;grid-template-columns:240px 1fr;gap:44px;flex:1;align-items:start}.event-year{font:108px/.95 var(--serif);letter-spacing:-.04em;color:#e0bd83}.event-main .eyebrow{color:#a7b9be;margin:0 0 14px;font-size:8px}.event-main h3{font:32px/1.15 var(--serif);margin:0 0 15px}.event-main p:not(.eyebrow){font-size:13px;max-width:600px;color:#b6c6ca;line-height:1.85}.event-main a{display:inline-block;font-size:11px;color:#e0bd83;margin-top:4px}.event-main a span{margin-left:15px}.timeline-controls{align-self:flex-end;display:flex;align-items:center;gap:16px;margin-bottom:25px;white-space:nowrap}.timeline-controls button{width:35px;height:35px;border:1px solid #fff4;color:#eee;background:transparent;border-radius:50%}.timeline-controls button:disabled{opacity:.25;cursor:default}.timeline-controls span{font-size:8px;letter-spacing:.1em;color:#9fb1b7}.timeline-note{font-size:10px;color:#8caaae;margin-top:35px}.about{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-top:100px;padding-bottom:80px}.about h2{font-size:56px}.about .eyebrow{margin-bottom:28px}.about-copy{padding-top:14px}.about-copy .text-link{margin-top:17px}.closing{border-top:1px solid var(--line);display:grid;grid-template-columns:90px 1fr auto;align-items:center;padding-top:45px;padding-bottom:65px;gap:20px}.closing p{font:46px/1.08 var(--serif);margin:0}.closing a{font-size:12px;border-bottom:1px solid var(--gold);padding:8px 0}.closing a span{margin-left:30px}.footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding-top:28px;padding-bottom:35px;gap:20px}.footer .wordmark{font-size:23px}.footer>span{font-size:8px;letter-spacing:.16em}.footer>a:last-child{font-size:10px}.article-hero{padding-top:65px;max-width:1100px}.article-hero h1{font:clamp(50px,7vw,92px)/1.02 var(--serif);letter-spacing:-.03em;max-width:920px;margin:20px 0 25px}.article-lede{font-size:19px;max-width:730px;color:var(--muted);margin-bottom:30px}.article-meta{display:flex;gap:22px;font-size:10px;color:var(--muted);margin-bottom:35px}.article-hero video{width:100%;display:block;background:var(--navy);aspect-ratio:16/9}.video-note{font-size:10px;color:var(--muted);margin-bottom:60px}.article-body{max-width:1100px;padding-bottom:80px}.article-body .essay{max-width:710px;margin:0 auto}.essay h2{font-size:45px;margin-top:55px}.essay p{font-size:16px;line-height:1.95;color:#4b6068}.essay figure{margin:35px -65px}.essay figure img{width:100%;max-height:500px;object-fit:contain;background:#e3ddce}.essay figcaption{font-size:11px;color:var(--muted);margin-top:10px}.source-list{padding:0;list-style:none}.source-list li{border-top:1px solid var(--line);padding:20px 0;font-size:13px}.source-list li small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.source-list a{text-decoration:underline;text-decoration-color:#c2a474;text-underline-offset:4px}.credits{font-size:11px!important}.back-link{font-size:12px;display:inline-block;margin-top:35px}
@media(min-width:1600px){.hero h1{font-size:112px}.hero-film{min-height:680px}}
@media(max-width:1100px){.wrap{padding-left:38px;padding-right:38px}.header-note{display:none}.hero h1{font-size:85px;margin-right:-40px}.hero-film{min-height:580px}.feature-grid{gap:40px}.event-main{grid-template-columns:170px 1fr;gap:22px}.event-year{font-size:90px}.event-panel{gap:20px}.about{gap:50px}.about h2{font-size:48px}}
@media(max-width:760px){.wrap{padding-left:22px;padding-right:22px}.header{height:86px;gap:15px}.wordmark{font-size:25px}.wordmark img{width:34px;height:34px}.header nav{font-size:10px;gap:15px}.header nav a:nth-child(2){display:none}.hero{grid-template-columns:1fr;gap:20px;padding-top:25px}.hero-copy{padding:20px 0 25px}.hero h1{font-size:clamp(64px,13vw,88px);margin:18px 0 22px}.hero .lede{font-size:15px}.hero-film{min-height:340px}.hero-film video{object-position:50%}.hero-film figcaption{font-size:15px}.film-label{font-size:8px}.hero-footer{margin-bottom:55px;font-size:7px;padding-bottom:20px}.hero-footer>span:last-child{max-width:150px;font-size:10px;text-align:right}.section-line{font-size:8px;margin-bottom:26px}.feature-grid{grid-template-columns:1fr;gap:36px;padding-bottom:65px}.archive-frame{padding:15px}.archive-frame img{height:260px}.feature-copy h2{font-size:48px}.feature-copy p:not(.eyebrow){max-width:none}.timeline-section{padding-top:35px}.timeline-heading{display:block}.timeline-heading h2{font-size:47px}.timeline-heading p{margin-top:22px;font-size:12px}.date-strip{gap:0}.date-strip button{min-width:64px;padding:17px 8px}.event-panel{display:block;margin-top:35px}.event-main{grid-template-columns:1fr;gap:25px}.event-year{font-size:87px}.event-main h3{font-size:31px}.timeline-controls{justify-content:flex-end;margin-top:30px;margin-bottom:0}.timeline-note{line-height:1.8}.about{grid-template-columns:1fr;gap:5px;padding-top:65px;padding-bottom:60px}.about h2{font-size:46px}.about-copy{padding-top:0}.about-copy p{max-width:none}.closing{grid-template-columns:35px 1fr;padding-top:34px;padding-bottom:45px}.closing p{font-size:38px}.closing a{grid-column:2;justify-self:start;margin-top:15px}.footer{flex-wrap:wrap;padding-top:25px;padding-bottom:25px}.footer>span{font-size:7px}.footer>a:last-child{width:100%;margin-top:8px}.article-hero{padding-top:40px}.article-hero h1{font-size:56px}.article-lede{font-size:16px}.essay figure{margin:30px 0}.essay h2{font-size:38px}.essay p{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-film video{display:none}}
.hero-film{background:var(--navy) url('assets/harbor-poster.jpg') center/cover no-repeat}.header nav a{white-space:nowrap}@media(max-width:360px){.header nav a:first-child{display:none}}

.email-section{padding-top:32px;padding-bottom:70px}.email-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.email-intro p:not(.eyebrow){font-size:14px;color:var(--muted)}.email-form{max-width:560px;width:100%;position:relative}.email-form label{display:block;font-size:12px;margin-bottom:8px}.email-form input:not([type=checkbox]),.email-form textarea{display:block;width:100%;font:16px/1.5 var(--sans);color:var(--ink);background:#fff8;border:1px solid #b9c0ba;border-radius:0;padding:12px;margin:0 0 20px}.email-form textarea{resize:vertical}.email-form .button{border:0;margin-top:14px;min-height:48px}.email-form .button:disabled{opacity:.5;cursor:default}.email-form .consent{display:flex;align-items:flex-start;gap:10px;line-height:1.7;margin:0 0 18px;font-size:12px}.consent input{accent-color:var(--navy);width:17px;height:17px;margin-top:2px;flex-shrink:0}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.email-form .form-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.form-status{font-size:13px;line-height:1.7;min-height:23px;margin:14px 0 4px}.form-status[data-state=error]{color:#903e2f}.form-status[data-state=success]{color:#295a40}.form-note{font-size:11px;color:var(--muted);margin:0}.form-note a,.privacy-copy a{text-decoration:underline;text-underline-offset:3px}.contact-section{border-top:1px solid var(--line);padding-top:60px}.footer-links{display:flex;gap:22px;font-size:10px}.privacy-copy{max-width:740px;padding-top:60px;padding-bottom:80px}.privacy-copy h1{font:64px/1.05 var(--serif);margin:15px 0 35px}.privacy-copy h2{font:32px/1.2 var(--serif);margin:35px 0 15px}.privacy-copy p{color:#4b6068;font-size:15px;line-height:1.9}.privacy-copy .button{color:var(--cream);text-decoration:none;margin-top:20px}@media(max-width:1100px){.email-grid{gap:50px}}@media(max-width:760px){.email-grid{grid-template-columns:1fr;gap:24px}.email-intro h2{font-size:46px}.email-section{padding-bottom:45px}.email-form{max-width:none}.form-pair{grid-template-columns:1fr;gap:0}.footer-links{flex-wrap:wrap}.privacy-copy h1{font-size:50px}.header nav a[href="#contact"]{display:none}}