@font-face{font-family:Clock;src:url('/assets/clock-numerals.otf') format('opentype');font-style:normal;font-weight:700;font-display:swap}
/* Match the numeral ink bounds, rather than the font's larger text line box. */
@font-face{font-family:ClockNumerals;src:url('/assets/clock-numerals.otf') format('opentype');font-style:normal;font-weight:700;font-display:swap;ascent-override:71%;descent-override:1.9%;line-gap-override:0%}
:root{--paper:#f4f3ee;--ink:#242623;--muted:#62665e;--line:#d0d1c9;--accent:#f15b0b;--case:#f15b0b;--panel:#262825;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-size:16px;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid var(--accent);outline-offset:6px}a:hover{text-decoration-color:var(--accent)}.wrap{width:min(1280px,calc(100% - 88px));margin-inline:auto}.skip{position:fixed;z-index:50;top:10px;left:10px;padding:12px;background:var(--ink);color:white;transform:translateY(-160%)}.skip:focus{transform:none}.site-header{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:112px;border-bottom:2px solid var(--ink)}.wordmark{display:flex;gap:14px;align-items:center;text-decoration:none;font-size:1.95rem;font-weight:700;letter-spacing:-.065em;line-height:1.05}.brand-symbol{display:block;width:56px;height:56px;object-fit:contain;flex-shrink:0}.brand-sub{display:block;font-size:0.75rem;letter-spacing:.14em;margin-top:8px;line-height:1.1}.site-header nav{display:flex;gap:32px;font-size:.875rem}.site-header nav a{text-decoration:none;padding:10px 0}.site-header nav a:hover{text-decoration:underline;text-underline-offset:5px}.site-header nav span{font-size:.75rem;color:var(--muted);margin-left:5px}.intro{display:grid;grid-template-columns:1.4fr 1fr;align-items:end;gap:35px;padding:64px 0 61px}.eyebrow{display:block;margin:0 0 22px;font-size:.75rem;line-height:1.5;text-transform:uppercase;letter-spacing:.11em;font-weight:700;color:var(--muted)}h1{font-size:clamp(3rem,6.2vw,5.75rem);letter-spacing:-.07em;line-height:1.01;margin:0;font-weight:700}.intro h1 span{color:var(--accent)}.intro-note{padding-left:17%;padding-bottom:4px}.edition{font-size:0.75rem;font-weight:700;letter-spacing:.08em}.intro-note p{font-size:1.15rem;line-height:1.55;margin:22px 0 0}.intro-note .intro-small{font-size:.875rem;color:var(--muted);margin-top:21px}.section-heading{border-top:1px solid var(--ink);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;padding:17px 0}.section-heading h2{font-size:.875rem;text-transform:uppercase;letter-spacing:.1em;margin:0}.section-heading>span{font-size:0.75rem;color:var(--muted);letter-spacing:.06em}.project-list{padding-bottom:16px}.project-card{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);gap:7%;padding:46px 0 38px;border-bottom:1px solid var(--line)}.project-copy{display:flex;flex-direction:column;padding-top:5px}.project-meta{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.project-meta>span:first-child{font-weight:700}.project-copy h2{font-size:clamp(1.8rem,2.5vw,2.6rem);letter-spacing:-.052em;line-height:1.05;margin:22px 0 13px}.project-copy h2 a{text-decoration:none}.project-copy h2 a:hover{color:var(--accent)}.project-copy p{font-size:1rem;line-height:1.55;color:var(--muted);margin:0;max-width:460px}.project-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-top:auto;padding-top:26px}.status{font-size:.75rem;padding:6px 8px;border:1px solid #c6b1a6;border-radius:2px;color:#873c24;line-height:1.2;background:#eee5dc;white-space:normal}.status.building{background:#e5e8df;border-color:#bcc4b2;color:#405034}.project-link{display:flex;align-items:center;gap:10px;font-size:.875rem;text-decoration:none}.project-link span{font-size:1.1rem}.project-link:hover{text-decoration:underline;text-underline-offset:5px}.project-clock{align-self:center;min-width:0}.clock-case{container-type:inline-size;background:linear-gradient(160deg,#f9f8f3 0%,#eeede6 30%,#e2e2da 100%);padding:20px 22px 16px;border:1px solid #c1c2b9;border-radius:17px;box-shadow:0 2px 1px #fff inset,0 0 0 4px #e6e5dd inset,0 -5px 2px #c8c9c0 inset,0 9px 10px -9px #35372f,0 2px 4px #1b211214}.case-heading{display:flex;justify-content:space-between;gap:12px;margin:0 0 17px;padding-inline:2px;font-size:0.75rem;line-height:1.4;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.case-serial{font-size:0.75rem;color:var(--muted);white-space:nowrap}.clock-face{display:grid;grid-template-columns:1fr 1.25fr 1fr 1fr 1fr;gap:8px}.clock-unit{min-width:0;text-align:center}.flap{--face-height:clamp(70px,15.7cqw,116px);position:relative;height:var(--face-height);perspective:450px;font-family:ClockNumerals,'Arial Narrow',Arial,sans-serif;font-weight:700;font-size:calc(var(--face-height)*.83);font-variant-numeric:tabular-nums;letter-spacing:-.025em;color:#f9f7ee;border-radius:4px;background:#232521;box-shadow:0 1px 2px #0009,0 0 0 2px #f6f5ee;isolation:isolate}.half{position:absolute;left:0;right:0;height:50%;overflow:hidden;background:#2b2d29;backface-visibility:hidden}.half span{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;right:0;height:var(--face-height);line-height:1;transform:translateY(var(--numeral-offset,0em))}.top,.turn-top{top:0;border-radius:4px 4px 0 0;background:linear-gradient(#292b27,#2a2c28);transform-origin:center bottom}.bottom,.turn-bottom{bottom:0;border-radius:0 0 4px 4px;background:linear-gradient(#22241f,#2b2d28);transform-origin:center top}.bottom span,.turn-bottom span{top:calc(var(--face-height)*-.5)}.flap:after{content:'';position:absolute;left:0;right:0;top:50%;height:2px;background:#10120f;box-shadow:0 1px 0 #ffffff10;z-index:8;transform:translateY(-1px);pointer-events:none}.turn-top{z-index:5;display:none}.turn-bottom{z-index:6;display:none;transform:rotateX(90deg)}.turning .turn-top{display:block;animation:fold-top .23s ease-in both}.turning .turn-bottom{display:block;animation:fold-bottom .23s .23s ease-out both}.unit-label{font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.075em;margin-top:10px;color:#53574e}.case-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:21px;padding-inline:2px;line-height:1;font-size:0.75rem;font-weight:700;letter-spacing:-.02em}.case-small{display:block;font-size:0.75rem;letter-spacing:.1em;font-weight:400;margin-top:4px}.live-label{display:flex;align-items:center;gap:6px;font-size:0.75rem;letter-spacing:.06em;color:var(--muted)}.live-dot{width:5px;height:5px;flex-shrink:0;border-radius:50%;background:var(--accent)}.start-date{margin:14px 2px 0;text-align:right;font-size:.75rem;color:var(--muted)}.start-date time{color:var(--ink);margin-left:4px}.site-footer{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:60px 0 22px}.site-footer h2{font-size:1.55rem;letter-spacing:-.035em;line-height:1.2;margin:0}.site-footer .eyebrow{margin-bottom:14px}.method p{font-size:.875rem;line-height:1.65;color:var(--muted);margin:0 0 12px;max-width:550px}.footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;grid-column:1/-1;border-top:1px solid var(--line);padding-top:21px;margin-top:20px;font-size:0.75rem;line-height:1.6;letter-spacing:.025em;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.back-link{display:inline-block;margin:32px 0 42px;font-size:.875rem;text-decoration:none}.back-link:hover{text-decoration:underline;text-underline-offset:5px}.detail-header{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding-bottom:40px}.detail-header h1{font-size:clamp(2.5rem,5.5vw,5.2rem);max-width:920px;line-height:1.07}.detail-header .status{flex-shrink:0;margin-bottom:8px}.detail-header .eyebrow{margin-bottom:17px}.detail-clock{max-width:1120px;margin:0 auto 55px}.clock-large{padding:33px 38px 24px;border-radius:24px;box-shadow:0 3px 2px #fff inset,0 0 0 5px #e6e5dd inset,0 -7px 3px #c8c9c0 inset,0 17px 20px -17px #35372f,0 2px 4px #1b211214}.clock-large .case-heading{font-size:.875rem;margin-bottom:28px}.clock-large .case-serial{font-size:.75rem}.clock-large .flap{--face-height:clamp(90px,15cqw,180px)}.clock-large .clock-face{gap:14px}.clock-large .unit-label{font-size:.8rem;margin-top:16px}.clock-large .case-foot{font-size:.95rem;margin-top:29px}.clock-large .case-small{font-size:0.75rem}.clock-large .live-label{font-size:0.75rem}.record-overview{display:grid;grid-template-columns:1fr 1fr;gap:9%;border-top:1px solid var(--ink);padding:42px 0 54px}.record-overview h2{font-size:1.7rem;line-height:1.12;letter-spacing:-.035em;margin:0 0 18px}.record-overview p{line-height:1.65;color:var(--muted);margin:0;max-width:540px}.record-overview .eyebrow{margin-bottom:18px}.waiting-for{border-left:2px solid var(--accent);padding-left:16px;margin-top:23px!important}.waiting-for strong{display:block;color:var(--ink);font-size:.8rem;margin-bottom:5px}.history,.source-section{display:grid;grid-template-columns:1fr 1.6fr;gap:8%;border-top:1px solid var(--line);padding:40px 0}.history h2,.source-section h2{font-size:1.85rem;line-height:1.15;letter-spacing:-.045em;margin:0}.history ol,.source-section ol{list-style:none;margin:0;padding:0}.history li{display:grid;grid-template-columns:120px 1fr;gap:20px;border-bottom:1px solid var(--line);padding:0 0 25px;margin-bottom:25px}.history li:last-child{margin-bottom:0;border:0;padding-bottom:0}.timeline-date{font-size:.875rem;font-weight:700;line-height:1.6;color:var(--accent)}.history h3{font-size:1.1rem;line-height:1.4;margin:0 0 8px}.history p{font-size:1rem;line-height:1.6;color:var(--muted);margin:0}.source-section .eyebrow{margin-bottom:14px}.source-section>div>p{font-size:.8rem;color:var(--muted);margin-top:15px}.source-section li{border-bottom:1px solid var(--line)}.source-section li:first-child a{padding-top:0}.source-section a{display:flex;justify-content:space-between;align-items:start;gap:20px;padding:19px 0;text-decoration:none;font-size:1rem;line-height:1.4}.source-section a:hover{color:var(--accent)}.source-section small{display:block;font-size:.8rem;margin-top:7px;color:var(--muted)}.next-project{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:15px 0 0;padding:30px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);text-decoration:none;font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.next-project strong{display:block;font-size:1.8rem;line-height:1.15;letter-spacing:-.04em;text-transform:none;color:var(--ink);margin-top:12px}.next-project>span:last-child{font-size:2.5rem;color:var(--accent)}.next-project:hover strong{color:var(--accent)}.not-found{padding-block:70px}.noscript{padding:20px;text-align:center;background:#eee5dc}
@keyframes fold-top{from{transform:rotateX(0deg);filter:brightness(1)}to{transform:rotateX(-90deg);filter:brightness(.65)}}@keyframes fold-bottom{from{transform:rotateX(90deg);filter:brightness(.6)}to{transform:rotateX(0deg);filter:brightness(1)}}
@media(min-width:1600px){.intro{padding-top:80px}}
@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.project-card{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:35px}.project-meta{flex-direction:column;gap:6px}.clock-case{padding:17px 17px 15px}.clock-face{gap:6px}.flap{--face-height:clamp(60px,17cqw,100px)}.case-heading{font-size:0.75rem}.case-serial{display:none}.project-bottom{gap:12px}.project-copy h2{font-size:1.85rem}.clock-large{padding:28px}.clock-large .case-serial{display:inline}.detail-header{align-items:start;flex-direction:column}.detail-header .status{margin:0}}
@media(max-width:760px){.site-header{min-height:95px}.wordmark{font-size:1.7rem}.brand-symbol{width:48px;height:48px}.site-header nav{gap:18px}.site-header nav a{font-size:.8rem}.intro{grid-template-columns:1fr;gap:28px;padding:45px 0}.intro-note{padding:0}.intro h1{font-size:clamp(3.2rem,10vw,5rem)}.intro-note p{font-size:1rem;margin-top:15px}.desktop-break{display:none}.edition{display:none}.intro-note .intro-small{margin-top:12px}.project-card{grid-template-columns:1fr;gap:25px;padding:32px 0 34px}.project-copy h2{font-size:2.15rem;margin-top:19px}.project-meta{flex-direction:row;gap:10px}.project-copy p{max-width:600px}.project-bottom{margin-top:20px;padding-top:0}.project-clock{width:100%}.flap{--face-height:clamp(62px,17cqw,110px)}.case-heading{font-size:0.75rem}.clock-face{gap:8px}.case-serial{display:inline}.clock-case{padding:23px 22px 19px}.unit-label{font-size:0.75rem}.case-foot{font-size:.77rem}.case-small{font-size:0.75rem}.live-label{font-size:0.75rem}.site-footer{grid-template-columns:1fr;gap:25px;padding-top:42px}.footer-bottom{margin-top:6px}.record-overview{gap:35px;grid-template-columns:1fr}.history,.source-section{grid-template-columns:1fr;gap:28px}.history h2 br{display:none}.clock-large{padding:25px 22px 20px}.clock-large .flap{--face-height:clamp(65px,17cqw,115px)}.clock-large .clock-face{gap:8px}.clock-large .unit-label{font-size:0.75rem;margin-top:12px}.clock-large .case-heading{font-size:0.75rem;margin-bottom:20px}.clock-large .case-foot{font-size:.8rem}.clock-large .live-label{font-size:0.75rem}.clock-large .case-serial{font-size:0.75rem}.detail-clock{margin-bottom:36px}.detail-header{padding-bottom:29px}.back-link{margin:28px 0 36px}.detail-header h1{font-size:clamp(2.5rem,8vw,4.25rem)}.next-project strong{font-size:1.5rem}}
@media(max-width:450px){.wrap{width:calc(100% - 36px)}.brand-sub{font-size:0.75rem}.section-heading{gap:14px}.section-heading>span{font-size:0.75rem;max-width:130px;text-align:right;line-height:1.5}.project-meta{font-size:0.75rem}.clock-case{padding:19px 14px 17px;border-radius:13px}.case-heading,.clock-large .case-heading{font-size:0.75rem;letter-spacing:.02em;margin-bottom:14px}.clock-face,.clock-large .clock-face{gap:5px}.flap,.clock-large .flap{--face-height:clamp(46px,17cqw,70px)}.unit-label,.clock-large .unit-label{font-size:0.75rem;letter-spacing:.02em;margin-top:9px}.case-foot,.clock-large .case-foot{font-size:0.75rem;margin-top:17px}.case-small,.clock-large .case-small{font-size:0.75rem}.live-label,.clock-large .live-label{font-size:0.75rem}.case-serial,.clock-large .case-serial{font-size:0.75rem}.start-date{font-size:0.75rem}.history li{grid-template-columns:85px 1fr;gap:15px}.timeline-date{font-size:.8rem}.footer-bottom{font-size:0.75rem}.clock-large{border-radius:14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.turn-top,.turn-bottom{display:none!important}}

/* Keep the small instrument labels readable at compact widths. */
.unit-label{font-size:.875rem;font-family:Clock,Arial,sans-serif;font-weight:700}.case-small{font-size:.75rem;letter-spacing:.015em}.case-heading{font-size:.875rem}.case-serial{font-size:.75rem}.brand-sub{font-size:.75rem;letter-spacing:.06em}.live-label{font-size:.75rem}.edition{font-size:.75rem}.footer-bottom{font-size:.75rem}
@media(max-width:1050px){.case-heading{font-size:.75rem}.case-small{display:none}.live-label{font-size:.75rem}}
@media(max-width:760px){.unit-label,.clock-large .unit-label{font-size:.875rem}.case-heading,.clock-large .case-heading{font-size:.75rem}.clock-large .case-small{display:none}.clock-large .live-label{font-size:.75rem}}
@media(max-width:450px){.site-header{gap:12px}.wordmark{font-size:1.5rem;gap:10px}.brand-symbol{width:44px;height:44px}.brand-sub{display:none}.site-header nav{gap:0}.site-header nav span{display:none}.case-serial,.clock-large .case-serial{display:none}.case-heading,.clock-large .case-heading{font-size:.75rem}.unit-label,.clock-large .unit-label{font-size:.75rem;letter-spacing:0}.case-foot,.clock-large .case-foot{font-size:.75rem}.live-label,.clock-large .live-label{font-size:.75rem;letter-spacing:0}.case-foot,.clock-large .case-foot{flex-wrap:wrap;gap:10px}.section-heading>span{font-size:.75rem}.case-small{display:none}}

/* A quieter presentation gives each timer more room. */
.intro{display:block;padding:44px 0 38px}
.project-card{border-top:1px solid var(--line);border-bottom:0;padding:36px 0 32px;align-items:center}
.project-list{border-bottom:1px solid var(--line)}
.project-copy{padding:0}
.project-meta{display:block;text-transform:none;letter-spacing:0;font-size:.875rem}
.project-copy h2{margin:13px 0 0}
.project-bottom{margin-top:22px;padding-top:0;justify-content:flex-start;gap:20px}
.case-foot,.clock-large .case-foot{justify-content:center}
.site-footer{display:flex;align-items:start;justify-content:space-between;gap:30px;padding:28px 0 32px}
.design-credit{font-size:.75rem;line-height:1.65;color:var(--muted);margin:4px 0 0}
@media(max-width:760px){.intro{padding:36px 0 30px}.project-card{gap:26px;padding:30px 0}.site-footer{flex-direction:column;gap:20px}.project-copy h2{margin-top:12px}.project-bottom{margin-top:18px}}

.about-link{font-size:.875rem;text-decoration:none;padding:4px 0;line-height:1.5}
.about-link:hover{text-decoration:underline;text-underline-offset:5px}
.about-page{padding-block:60px 72px;border-bottom:1px solid var(--line)}
.about-page h1{font-size:clamp(2.5rem,5vw,4.5rem);max-width:900px}
.about-copy{max-width:690px;margin-top:36px}
.about-copy p{font-size:1.125rem;line-height:1.7;color:var(--muted);margin:0 0 22px}
.about-copy p:last-child{margin-bottom:0}
.site-header nav a[aria-current="page"]{text-decoration:underline;text-underline-offset:5px}
@media(max-width:760px){.about-page{padding-block:40px 48px}.about-copy{margin-top:28px}.about-copy p{font-size:1rem}}

.milestone-citation{font-size:.875rem;line-height:1.6;color:var(--muted)}
.milestone-citation a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.milestone-citation a:hover{color:var(--ink)}

/* Keep full milestone dates readable across screen sizes. */
.history li{grid-template-columns:155px minmax(0,1fr)}
.timeline-date{font-size:.875rem;line-height:1.6}
@media(max-width:1050px) and (min-width:761px){.history li{grid-template-columns:1fr;gap:8px}}
@media(max-width:600px){.history li{grid-template-columns:1fr;gap:8px}}

/* Vivid orange matches the original clock reference. */
.clock-case{background:linear-gradient(155deg,#ff7026 0%,var(--case) 45%,#ed5505 100%);border-color:#d64700;color:#191d18;box-shadow:0 1px 0 #ffa66b inset,0 -5px 2px #bd3a004d inset,0 9px 10px -9px #35372f,0 2px 4px #1b211214}
.clock-large{box-shadow:0 2px 1px #ffa66b inset,0 -7px 3px #bd3a004d inset,0 17px 20px -17px #35372f,0 2px 4px #1b211214}
.clock-case .case-heading,.clock-case .unit-label,.clock-case .case-foot{color:#191d18}
.home-page .project-card:first-child{border-top:0}
.status:not(.building){background:#fff0e6;border-color:#f7a376;color:var(--ink)}
.timeline-date{color:var(--ink)}
.milestone-citation a{color:var(--ink);text-decoration-color:var(--accent)}
.project-copy h2 a:hover,.next-project:hover strong{color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:.16em}

/* Regional lists keep the same clocks and a compact page heading. */
.region-header{padding:32px 0 26px}
.region-header h1{font-size:clamp(2rem,4vw,3rem);line-height:1.1;letter-spacing:-.055em}
@media(max-width:450px){.site-header{flex-wrap:wrap;row-gap:8px;padding-block:16px}.site-header nav{gap:16px;margin-left:auto}.region-header{padding:26px 0 22px}}