@font-face{font-family:Newsreader;src:url('assets/fonts/newsreader.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Plex;src:url('assets/fonts/plex-sans.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
:root{color-scheme:light;--paper:#eeeee7;--ink:#292e27;--muted:#61665c;--rule:#c9cdc1;--accent:#8c4939;--gutter:clamp(22px,4.3vw,90px);--sans:Plex,'Helvetica Neue',Arial,sans-serif;--serif:Newsreader,Georgia,serif}
*{box-sizing:border-box}html{scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.5 var(--sans);-webkit-font-smoothing:antialiased}h1,h2,p,figure{margin:0}h1,h2{font-weight:400}a{color:inherit;text-decoration:none;text-underline-offset:4px}a:hover{text-decoration:underline}a:focus-visible{outline:1px solid currentColor;outline-offset:5px}::selection{background:#d0d8c1;color:#1f2921}img{display:block;width:100%;height:auto}figure{min-width:0}sup{font-size:.7em;vertical-align:super}.skip-link{position:absolute;left:20px;top:10px;padding:14px;background:var(--paper);transform:translateY(-200%);z-index:5}.skip-link:focus{transform:none}
.masthead{display:flex;justify-content:space-between;align-items:center;padding:22px var(--gutter);font-size:12px;letter-spacing:.035em}.identity,.identity a{padding-block:10px}.identity-parent{color:var(--muted);margin-left:13px}.about-link{padding:10px 0 10px 15px;display:flex;gap:26px}.running-line{display:flex;justify-content:space-between;gap:24px;font-size:11px;line-height:1.4}.running-line h2{font:inherit}.position{padding:48px var(--gutter) 52px;position:relative}.position>.running-line{padding-bottom:32px;border-bottom:1px solid var(--rule)}
.coordinate{display:flex;align-items:baseline;font-size:clamp(96px,18.8vw,330px);line-height:.91;letter-spacing:-.075em;font-weight:400;white-space:nowrap}.coordinate .bearing{font-size:.17em;letter-spacing:0;margin-left:20px;align-self:start;margin-top:.6em}.latitude{padding-top:19px}.place-field{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;position:relative;align-items:start;margin-top:30px}.place-name{grid-column:2/7;padding-top:12px}.place-name h1{font:400 clamp(68px,8.1vw,145px)/.85 var(--serif);letter-spacing:-.055em}.place-name h1 span{display:block;margin-left:.55em}.place-note{font-size:12px;line-height:1.5;margin-top:29px;margin-left:4px}.first-observation{grid-column:8/13;margin-top:-20px;position:relative;z-index:1}.first-observation img{background:var(--paper)}figcaption{display:flex;justify-content:space-between;gap:16px;padding-top:10px;font-size:10px;line-height:1.5}.first-observation figcaption{color:var(--muted)}.longitude{margin-top:10px;margin-left:18%;font-size:clamp(86px,16vw,280px)}.position-foot{display:grid;grid-template-columns:18% 1fr auto;align-items:end;gap:0;margin-top:33px}.registration{font-size:30px;line-height:1;font-weight:400;color:var(--accent)}.position-foot p{font:23px/1.1 var(--serif)}.source-call span{display:block}.source-call{font-size:10px;font-variant-numeric:tabular-nums;color:var(--muted)}
.surface{margin-top:75px;padding:35px var(--gutter) 42px;background:#29382f;color:#e9eadf;position:relative;isolation:isolate}.surface .running-line{color:#c0c8bb}.surface h2{font:400 clamp(110px,20vw,340px)/.95 var(--serif);letter-spacing:-.065em;margin-top:80px;position:relative;z-index:2;pointer-events:none}.surface-composition{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;margin-top:-30px;align-items:end}.surface-language{grid-column:2/6;padding-bottom:45px}.surface-translation{font:32px/1.1 var(--serif);margin-bottom:25px}.observation-text{font-size:13px;line-height:1.65;margin-bottom:30px}.small-label{display:block;font-size:10px;line-height:1.5;color:var(--muted)}.surface .small-label{color:#bac3b6}.second-observation{grid-column:7/13;position:relative;z-index:1}.second-observation figcaption{color:#c0c8bb}.surface-bottom{display:flex;justify-content:space-between;margin-top:110px;font-size:12px;letter-spacing:.025em;border-top:1px solid #697468;padding-top:18px}
.time-field{padding:100px var(--gutter) 95px}.time-field>.running-line{border-bottom:1px solid var(--rule);padding-bottom:24px}.time-composition{position:relative;margin-top:60px;padding-bottom:30px}.record-start time,.record-end time{display:block;font-size:clamp(58px,10.8vw,190px);line-height:1;letter-spacing:-.065em;font-variant-numeric:tabular-nums}.seconds{color:var(--muted);font-size:.44em;letter-spacing:-.04em;vertical-align:top;display:inline-block;margin-top:.13em;margin-left:.07em}.record-start>.small-label{margin-bottom:15px}.interval{margin:25px 0 25px 37%;display:flex;gap:22px;align-items:center}.duration{font:clamp(42px,5vw,85px)/1 var(--serif);letter-spacing:-.04em;white-space:nowrap}.unit{font:12px/1 var(--sans);letter-spacing:0;margin:0 17px 0 5px}.interval-note{font-size:11px;line-height:1.45;color:var(--muted)}.record-end{margin-left:51%}.record-end>.small-label{margin-top:15px}.time-caption{font:clamp(28px,3.6vw,60px)/1.1 var(--serif);letter-spacing:-.025em;margin-top:65px}.time-caption span{color:var(--muted)}
.colophon{margin:25px var(--gutter) 0;padding-top:32px;border-top:1px solid var(--rule);display:grid;grid-template-columns:1fr 1fr;gap:70px 50px;scroll-margin-top:25px}.colophon-intro h2{font-size:12px;letter-spacing:.06em}.colophon-intro p{font-size:12px;color:var(--muted);margin-top:10px}.project-copy{max-width:520px}.project-description{font:29px/1.12 var(--serif);letter-spacing:-.02em;margin-bottom:23px}.project-copy>p+p{max-width:410px;font-size:13px;line-height:1.65}.sources{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:50px;padding-top:30px;border-top:1px solid var(--rule)}.sources>div{display:flex;gap:18px;scroll-margin-top:40px}.source-number{font:23px/1 var(--serif);color:var(--accent)}.sources p{font-size:11px;line-height:1.65;max-width:460px;color:var(--muted)}.sources a{text-decoration:underline;text-decoration-color:#92988c}footer{display:flex;justify-content:space-between;gap:20px;margin:80px var(--gutter) 0;padding-bottom:28px;font-size:10px;color:var(--muted)}footer a{padding-block:10px}
@media(min-width:1800px){.position,.time-field{max-width:1800px;margin-inline:auto}.surface{padding-inline:max(var(--gutter),calc((100vw - 1640px)/2))}.coordinate{font-size:330px}.longitude{font-size:280px}}
@media(max-width:1000px){.position{padding-top:28px}.coordinate{font-size:19vw}.longitude{font-size:17vw;margin-left:13%}.place-name{grid-column:1/7}.first-observation{grid-column:7/13;margin-top:0}.place-name h1{font-size:9vw}.position-foot{grid-template-columns:13% 1fr auto}.surface-language{grid-column:1/6}.observation-text{font-size:12px}.surface-translation{font-size:28px}.interval{margin-left:24%}.record-end{margin-left:40%}.record-start time,.record-end time{font-size:12vw}.surface h2{margin-top:70px}.surface-composition{margin-top:-10px}}
@media(max-width:700px){:root{--gutter:22px}.masthead{padding-block:15px;font-size:10px}.identity-parent{margin-left:5px}.about-link{gap:12px;min-height:44px}.position{padding-top:25px;padding-bottom:30px}.running-line{font-size:10px;gap:16px}.position>.running-line{padding-bottom:21px}.running-line>span:last-child{text-align:right}.coordinate{font-size:21.6vw;letter-spacing:-.075em}.coordinate .bearing{margin-left:9px;font-size:.21em}.latitude{padding-top:22px}.place-field{display:flex;flex-direction:column;gap:0;margin-top:33px}.place-name{padding:0 0 0 4%;position:relative;z-index:2}.place-name h1{font-size:19.5vw;line-height:.88}.place-note{font-size:11px;margin-top:19px}.first-observation{width:78%;margin:33px 0 0 auto}.longitude{font-size:20vw;margin-left:7%;margin-top:29px}.position-foot{grid-template-columns:7% 1fr;gap:0;margin-top:26px}.position-foot p{font-size:21px;padding-left:3px}.registration{font-size:22px}.source-call{grid-column:2;margin-top:20px;font-size:10px;padding-left:3px}.surface{margin-top:45px;padding-top:26px;padding-bottom:25px}.surface h2{font-size:23vw;margin-top:56px;white-space:nowrap;letter-spacing:-.065em}.surface-composition{display:flex;flex-direction:column;align-items:stretch;margin-top:10px;gap:0}.second-observation{order:0;width:94%;margin-left:auto}.surface-language{order:1;padding:36px 0 0 5%}.surface-translation{font-size:30px;margin-bottom:18px}.observation-text{font-size:12px;margin-bottom:20px}.surface-bottom{margin-top:54px;font-size:11px}.time-field{padding-top:65px;padding-bottom:60px}.time-composition{margin-top:40px;padding-bottom:0}.record-start time,.record-end time{font-size:18.4vw}.interval{display:block;margin:35px 0 35px 24%}.duration{font-size:48px}.unit{margin-right:10px}.interval-note{display:block;margin-top:12px}.record-end{margin-left:20%}.time-caption{font-size:30px;margin-top:55px}.colophon{display:block;margin-top:15px;padding-top:28px}.project-copy{margin-top:35px}.project-description{font-size:28px}.sources{display:block;margin-top:42px;padding-top:27px}.sources>div+div{margin-top:28px}.sources p{font-size:11px}footer{margin-top:50px;font-size:9px;align-items:center}footer>span{max-width:110px}figcaption{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* A text observation uses the established measure, serif and running line. */
.fragment{margin:0 var(--gutter) 100px;padding-top:30px;border-top:1px solid var(--rule)}
.fragment-copy{max-width:620px;margin:55px 0 0 18%;font:clamp(26px,3.1vw,48px)/1.18 var(--serif);letter-spacing:-.025em}
.fragment-copy p+p{margin-top:1em}
.fragment-copy .small-label{font:11px/1.6 var(--sans);letter-spacing:0}
.fragment-visual{width:49%;margin:45px 0 0 auto}
.document-link{margin-top:30px;text-decoration:underline}
@media(max-width:700px){.fragment{margin-bottom:65px}.fragment-copy{margin:32px 0 0 7%;font-size:28px}.fragment-visual{width:85%}}

/* An unlabelled aside between the shoreline and the recorded interval. */
.authors-note{margin:60px var(--gutter) 0 55%;max-width:34em;scroll-margin-top:80px}
.authors-note:focus-visible{outline:1px solid var(--ink);outline-offset:10px}
.authors-note p{max-width:24em;font:22px/1.35 var(--serif);letter-spacing:-.015em}
.authors-note span{display:block}
.authors-note span:nth-child(2){margin-left:1em}
.authors-note span+span+span{margin-top:.7em;text-wrap:balance}
.sources-colophon{margin:25px var(--gutter) 0}
@media(max-width:1000px){.authors-note{margin-left:43%}}
@media(max-width:700px){.authors-note{margin-top:42px;margin-left:calc(var(--gutter) + 7%)}.authors-note p{font-size:21px}.sources-colophon{margin-top:15px}}