.clock-essay{--g:.5rem;--section-space:var(--space-7);--rule:1px solid var(--line);--page:82rem;--copy:39rem;width:min(var(--page),100%);margin:auto;padding:0 calc(var(--g)*4) calc(var(--g)*16)}
.clock-essay-app-header{position:sticky;inset-block-start:0;z-index:60}
.clock-essay-app-header .brand-text h1{margin:0}
.clock-essay-app-header .nav-button[aria-current="page"]{color:var(--ink)}
.clock-essay-app-header .nav-menu-item[aria-current="page"]{background:var(--surface-strong);color:var(--ink)}
.clock-essay-app-header .theme-switcher{margin-top:.3rem}
.clock-essay-hero{display:grid;grid-template-columns:minmax(0,7fr) minmax(18rem,5fr);gap:calc(var(--g)*8);align-items:end;padding-block:calc(var(--g)*14) calc(var(--g)*12);border-bottom:var(--rule)}.clock-essay-hero-copy{display:grid;gap:calc(var(--g)*3);max-width:var(--measure-intro)}.clock-essay-kicker{margin:0;color:var(--accent-strong);font:780 var(--text-eyebrow)/1.2 var(--font-body);letter-spacing:.14em;text-transform:uppercase}.clock-essay-hero h1{max-width:13ch;margin:0;color:var(--ink);font:400 clamp(3.4rem,7.5vw,7rem)/.88 var(--font-ornamental);letter-spacing:-.045em;text-wrap:balance}.clock-essay-lede{margin:calc(var(--g)*2) 0 0;color:color-mix(in oklch,var(--ink) 90%,var(--muted));font:500 clamp(1.15rem,1.8vw,1.45rem)/var(--leading-intro) var(--font-body)}.clock-essay-intro{margin:0;color:var(--muted);font:470 var(--text-body)/var(--leading-copy) var(--font-body)}
.clock-essay-porphyre{display:grid;grid-template-columns:minmax(14rem,20rem) minmax(0,1fr);gap:calc(var(--g)*8);align-items:center;padding-block:calc(var(--g)*10);border-bottom:var(--rule)}.clock-essay-porphyre-media{margin:0}.clock-essay-porphyre-media img{display:block;width:100%;height:auto}.clock-essay-porphyre-media figcaption{margin-top:calc(var(--g)*2);color:var(--muted);font:520 var(--text-caption)/1.5 var(--font-body)}.clock-essay-porphyre-copy{display:grid;gap:calc(var(--g)*3);max-width:var(--copy);color:color-mix(in oklch,var(--ink) 84%,var(--muted));font:460 var(--text-body)/var(--leading-copy) var(--font-body)}.clock-essay-porphyre-copy>*{margin:0}.clock-essay-porphyre-copy h2{max-width:15ch;color:var(--ink);font:400 clamp(2.1rem,4.2vw,4rem)/.98 var(--font-ornamental);letter-spacing:-.025em;text-wrap:balance}
.clock-essay-toc{display:grid;align-content:end;gap:calc(var(--g)*3);padding-left:calc(var(--g)*5);border-left:var(--rule)}.clock-essay-toc>p{margin:0;color:var(--accent-strong);font:760 var(--text-eyebrow)/1.2 var(--font-body);letter-spacing:.12em;text-transform:uppercase}.clock-essay-toc ol{display:grid;gap:calc(var(--g)*2);margin:0;padding:0;list-style:none}.clock-essay-toc a{display:grid;grid-template-columns:calc(var(--g)*5) 1fr;gap:calc(var(--g)*2);color:var(--ink);font:500 var(--text-secondary)/1.35 var(--font-body);text-decoration:none}.clock-essay-toc a:hover,.clock-essay-toc a:focus-visible{color:var(--accent-strong)}.clock-essay-toc span{color:var(--accent-strong);font:720 var(--text-caption)/1 var(--font-mono)}
.clock-essay-section{padding-block:calc(var(--g)*12);border-bottom:var(--rule);scroll-margin-top:calc(var(--g)*8)}.clock-essay-section-heading{display:grid;grid-template-columns:calc(var(--g)*9) 1fr;gap:calc(var(--g)*3);max-width:60rem;margin-bottom:calc(var(--g)*7)}.clock-essay-section-heading>p{margin:calc(var(--g)*1) 0 0;color:var(--accent-strong);font:500 clamp(1.35rem,2vw,1.8rem)/1 var(--font-ornamental)}.clock-essay-section-heading h2{max-width:18ch;margin:0;color:var(--ink);font:400 clamp(2.1rem,4.2vw,4rem)/.98 var(--font-ornamental);letter-spacing:-.025em;text-wrap:balance}.clock-essay-section-body{display:grid;grid-template-columns:minmax(18rem,5fr) minmax(24rem,7fr);gap:calc(var(--g)*8);align-items:start}.clock-essay-section-body--wide{grid-template-columns:minmax(18rem,4fr) minmax(0,8fr)}.clock-essay-section--reverse .clock-essay-copy{order:2}.clock-essay-section--reverse .clock-essay-plate{order:1}
.clock-essay-copy{display:grid;gap:calc(var(--g)*3);max-width:var(--copy);color:color-mix(in oklch,var(--ink) 84%,var(--muted));font:460 var(--text-body)/var(--leading-copy) var(--font-body)}.clock-essay-copy>*{margin:0}.clock-essay-copy h3{margin-top:calc(var(--g)*3);color:var(--ink);font:500 var(--text-card)/1.18 var(--font-ornamental)}.clock-essay-opening{color:color-mix(in oklch,var(--ink) 94%,var(--muted));font-size:var(--text-comfort);line-height:var(--leading-intro)}.clock-essay-copy blockquote{margin:calc(var(--g)*2) 0;padding-block:calc(var(--g)*3);border-block:var(--rule);color:var(--ink);font:500 var(--text-comfort)/1.55 var(--font-ornamental)}.clock-essay-aside{padding-left:calc(var(--g)*3);border-left:.125rem solid var(--line);color:var(--muted);font-size:var(--text-secondary)}
.clock-essay-math-pair{display:grid;grid-template-columns:repeat(2,1fr);gap:calc(var(--g)*2)}.clock-essay-math-pair p,.clock-essay-example p{display:grid;gap:var(--g);margin:0;padding:calc(var(--g)*2);border-top:var(--rule)}.clock-essay-math-pair span,.clock-essay-example span{color:var(--muted);font:700 var(--text-eyebrow)/1.2 var(--font-body);letter-spacing:.08em;text-transform:uppercase}.clock-essay-math-pair strong,.clock-essay-example strong{color:var(--ink);font:620 var(--text-secondary)/1.25 var(--font-mono)}.clock-essay-formula{display:grid;gap:calc(var(--g)*2);margin-block:calc(var(--g)*2);padding:calc(var(--g)*3);overflow:auto;border:var(--rule);border-radius:var(--radius-panel);background:var(--surface-raised);color:var(--ink);font:var(--text-secondary)/1.6 var(--font-mono)}.clock-essay-formula p{margin:0;white-space:nowrap}.clock-essay-equation{display:inline-block;padding:var(--g) calc(var(--g)*2);border-radius:var(--radius-sm);background:var(--surface-strong);font-family:var(--font-mono)}.clock-essay-example{display:grid;grid-template-columns:repeat(5,1fr);border-block:var(--rule);background:var(--surface)}
.clock-essay-plate{width:100%;margin:0;color:color-mix(in oklch,var(--ink) 82%,var(--muted))}.clock-essay-illustration{display:block;width:100%;height:auto;border:var(--rule);border-radius:var(--radius-panel);background:radial-gradient(circle at 28% 16%,color-mix(in oklch,var(--surface-raised) 88%,transparent),transparent 52%),linear-gradient(155deg,color-mix(in oklch,var(--surface-strong) 58%,var(--paper)),var(--surface));box-shadow:0 calc(var(--g)*2) calc(var(--g)*5) color-mix(in oklch,var(--ink) 5%,transparent)}.clock-essay-plate figcaption{margin-top:calc(var(--g)*2);color:var(--muted);font:520 var(--text-caption)/1.5 var(--font-body)}
.clock-hour-symbols{display:grid;gap:calc(var(--g)*2);margin-block:calc(var(--g)*2)}.clock-hour-symbols article{display:grid;grid-template-columns:calc(var(--g)*7) 1fr;gap:calc(var(--g)*2);padding-block:calc(var(--g)*2);border-top:var(--rule)}.clock-hour-symbols article:last-child{border-bottom:var(--rule)}.clock-hour-symbols article>p{margin:0;color:var(--accent-strong);font:500 1.35rem/1 var(--font-ornamental);text-align:center}.clock-hour-symbols article div{display:grid;gap:var(--g)}.clock-hour-symbols h3,.clock-hour-symbols article div p{margin:0}.clock-hour-symbols article div p{color:var(--muted);font-size:var(--text-secondary);line-height:1.55}
.clock-essay-closing{display:grid;gap:calc(var(--g)*5);max-width:56rem;margin:calc(var(--g)*14) auto;padding-inline:calc(var(--g)*4);text-align:center}.clock-essay-closing p{display:grid;gap:calc(var(--g)*1);margin:0;color:var(--muted);font:650 var(--text-secondary)/1.35 var(--font-body)}.clock-essay-closing strong{color:var(--accent-strong);font:500 clamp(1.25rem,2.5vw,1.9rem)/1.2 var(--font-ornamental)}.clock-essay-sources{display:grid;grid-template-columns:minmax(16rem,4fr) minmax(0,8fr);gap:calc(var(--g)*8);padding:calc(var(--g)*10) 0 0;background:transparent;border-top:var(--rule)}.clock-essay-sources h2{max-width:14ch;margin:calc(var(--g)*2) 0 0;color:var(--ink);font:400 clamp(1.9rem,3.4vw,3rem)/1 var(--font-ornamental)}.clock-essay-sources ol{display:grid;gap:calc(var(--g)*3);margin:0;padding-left:calc(var(--g)*4)}.clock-essay-sources li,.clock-essay-source-note{color:var(--muted);font:470 var(--text-caption)/1.6 var(--font-body)}.clock-essay-source-note{grid-column:2;margin:calc(var(--g)*2) 0 0;padding-top:calc(var(--g)*3);border-top:var(--rule)}
@media(max-width:68rem){.clock-essay-hero{grid-template-columns:1fr;gap:calc(var(--g)*7)}.clock-essay-toc{padding:calc(var(--g)*4) 0 0;border-left:0;border-top:var(--rule)}.clock-essay-toc ol{grid-template-columns:repeat(2,1fr);gap:calc(var(--g)*2) calc(var(--g)*4)}.clock-essay-section-body,.clock-essay-section-body--wide{grid-template-columns:1fr;gap:calc(var(--g)*6)}.clock-essay-section--reverse .clock-essay-copy,.clock-essay-section--reverse .clock-essay-plate{order:initial}.clock-essay-copy,.clock-essay-plate{max-width:var(--measure-copy)}.clock-essay-example{grid-template-columns:repeat(3,1fr)}}
@media(max-width:43rem){.clock-essay{padding-inline:calc(var(--g)*2);padding-bottom:calc(var(--g)*10)}.clock-essay-hero{padding-block:calc(var(--g)*9) calc(var(--g)*8)}.clock-essay-hero h1{font-size:clamp(3rem,16vw,4.6rem)}.clock-essay-porphyre{grid-template-columns:1fr;gap:calc(var(--g)*5);padding-block:calc(var(--g)*8)}.clock-essay-porphyre-media{max-width:22rem}.clock-essay-toc ol{grid-template-columns:1fr}.clock-essay-section{padding-block:calc(var(--g)*8)}.clock-essay-section-heading{grid-template-columns:calc(var(--g)*6) 1fr;gap:calc(var(--g)*2);margin-bottom:calc(var(--g)*5)}.clock-essay-math-pair,.clock-essay-example{grid-template-columns:1fr}.clock-essay-formula{font-size:.8125rem}.clock-hour-symbols article{grid-template-columns:calc(var(--g)*5) 1fr}.clock-essay-closing{margin-block:calc(var(--g)*10);padding-inline:0}.clock-essay-closing p{font-size:var(--text-caption)}.clock-essay-closing strong{font-size:clamp(1.25rem,6vw,1.6rem)}.clock-essay-sources{grid-template-columns:1fr;gap:calc(var(--g)*5)}.clock-essay-source-note{grid-column:1}}
@media(prefers-reduced-motion:reduce){.clock-essay *{scroll-behavior:auto!important}}