/* SUCH / compact navigation and platform-independent controls. */
.such-icon{display:block;width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.such-icon--play{width:16px;height:16px;fill:currentColor;stroke:none}
.time-play,.time-image-play{padding-left:0}
.time-play .such-icon,.time-image-play .such-icon{margin-left:2px}
.time-read .such-icon,.time-previous .such-icon{width:18px;height:18px}
.reader-menu-toggle{border:0;background:none;color:inherit;display:grid;place-items:center;min-width:44px;min-height:44px;padding:10px;cursor:pointer}
.reader-menu-toggle .such-icon{width:24px;height:24px}
.reader-menu-toggle:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.reader-menu{position:fixed;inset:0;width:100%;height:100dvh;max-height:none;max-width:none;margin:0;border:0;padding:30px max(6%,calc((100vw - 1300px)/2));background:#111;color:#f2f3ec;overflow-y:auto}
.reader-menu::backdrop{background:#111}
.reader-menu-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:45px}
.reader-menu-top .reading-brand{font-size:40px}
.reader-menu>p{font:10px/1.5 Plex,monospace;color:#acb4a6;letter-spacing:.08em}
.reader-menu nav{display:grid;margin:24px 0 45px}
.reader-menu nav a{display:flex;align-items:center;gap:22px;padding:22px 0;border-top:1px solid #343b36;text-decoration:none;font:500 34px/1.2 Such,Arial,sans-serif;letter-spacing:-.03em}
.reader-menu nav a small{font:10px Plex,monospace;color:#8a9782;letter-spacing:.05em}
.reader-menu nav a .such-icon{margin-left:auto}
.reader-menu nav a[aria-current=page]{color:#c2c9bf}
.reader-menu>footer{margin:0;padding:20px 0;border-top:1px solid #343b36;font-size:14px;color:#acb4a6}
html:has(.reader-menu[open]){overflow:hidden}
@media(max-width:899px){
 .masthead{position:sticky;top:0;z-index:6;min-height:calc(70px + env(safe-area-inset-top,0px));padding:calc(15px + env(safe-area-inset-top,0px)) 22px 15px;background:var(--paper);border:0}
 .masthead .brand{font-size:38px;line-height:1;letter-spacing:-.065em}
 .experience.is-dark .masthead{background:var(--carbon)}
 #open-menu{min-width:44px;width:44px;min-height:44px;height:44px;gap:0;padding:10px;border:0!important;border-radius:0;background:transparent}
 #open-menu .menu-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
 #open-menu .menu-lines{width:24px;height:24px}
 .chapter-navigation{top:calc(74px + env(safe-area-inset-top,0px));z-index:5;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:0;margin-inline:22px;border-bottom:1px solid var(--rule);background:var(--paper)}
 .chapter-navigation:after{display:none}
 .chapter-navigation a,.chapter-navigation a:nth-child(2),.chapter-navigation a:nth-child(3),.chapter-navigation a:nth-child(4){position:relative;justify-content:center!important;min-height:44px;height:44px;padding:0 4px;border:0;border-radius:0;font:400 13px/1.2 var(--sans);color:var(--muted);background:transparent!important}
 .chapter-navigation a[aria-current]{color:var(--ink);font-weight:500}
 .chapter-navigation a[aria-current]::after{content:'';display:block;position:absolute;left:16px;right:16px;bottom:-1px;height:2px;background:currentColor}
 .chapter-navigation a span{padding:0}
 #chapters{padding-top:23px}
 .chapter :is(h1,h2,button,a,summary){scroll-margin-top:140px}
 #menu{padding:calc(19px + env(safe-area-inset-top,0px)) 24px max(28px,env(safe-area-inset-bottom,0px));max-width:none;background:var(--carbon);color:var(--paper)}
 #menu .dialog-top{margin-bottom:42px;min-height:44px}
 #menu .dialog-top .brand{font-size:38px}
 #menu .dialog-top>[data-close]{border:0;padding:10px;min-height:44px;min-width:44px;gap:0;font-size:0}
 #menu .dialog-top>[data-close]::after{width:24px;height:24px}
 #menu-title{font:10px/1.6 var(--mono);color:#a6b39d;letter-spacing:.08em;text-transform:uppercase}
 #menu .menu-nav button{min-height:86px;padding:22px 0;border-color:#343b36;font:500 34px/1.2 var(--sans);letter-spacing:-.03em}
 #menu .menu-nav button>span{font-size:10px;color:#91a085}
 #menu .menu-nav button[aria-current]{color:#c2c9bf}
 #menu .menu-bottom{border-color:#343b36;padding-top:20px;gap:8px 18px}
 #menu .menu-bottom span{color:#8e9c84}
 .time-reading .reading-header{position:sticky;top:0;z-index:6;min-height:calc(74px + env(safe-area-inset-top,0px));padding:calc(15px + env(safe-area-inset-top,0px)) 6% 15px;background:#111;border-bottom:1px solid #343b36}
 .time-reading .reading-header .reading-brand{font-size:38px}
 .time-reading .reading-header nav{display:flex;align-items:center;gap:17px}
 .time-reading .reading-header nav a{display:flex!important;align-items:center;min-height:44px;padding:0;border:0;border-radius:0;font:400 13px Such,Arial,sans-serif}
 .time-reading .reading-header nav a::after{display:none}
 .time-reading .time-rail{border-top:0;padding-top:24px}
 .reader-menu{padding:calc(19px + env(safe-area-inset-top,0px)) 24px max(28px,env(safe-area-inset-bottom,0px))}
 .reader-menu-top{margin-bottom:42px}
 .reader-menu-top .reading-brand{font-size:38px}
 .reader-menu nav a{min-height:86px}
 .time-rail{align-items:flex-start;gap:18px;font-size:8px;letter-spacing:.04em;padding:17px 0}
 .time-rail>span:last-child{max-width:20ch}
 .time-hero{padding:22px 0 28px;gap:25px}
 .time-title{font-size:clamp(48px,13.8vw,70px);line-height:1.01;letter-spacing:-.045em}
 .time-dek{font-size:18px;line-height:1.5;max-width:29ch;margin-top:22px}
 .time-actions{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;margin-top:25px}
 .time-watch{gap:10px;min-height:52px;font-size:15px;padding:0}
 .time-watch small{font-size:8px;letter-spacing:0;margin-top:4px;white-space:nowrap}
 .time-play{width:44px;height:44px;border:0;background:#f2f3ec;color:#111}
 .time-read{gap:7px;font-size:13px;min-height:48px;padding:0}
 .time-read .such-icon{width:17px;height:17px}
 .time-image-play{width:44px;height:44px;right:14px;bottom:14px;border:0;background:#f2f3ec;color:#111}
 .time-visual figcaption{font-size:7px;margin-top:12px}
 .time-reading #reading-cinema{padding:calc(10px + env(safe-area-inset-top,0px)) 16px max(12px,env(safe-area-inset-bottom,0px))}
 .time-reading .reading-cinema-bar{display:grid;grid-template-columns:1fr auto;gap:10px 16px;min-height:104px;padding:0 0 12px}
 .time-reading .reading-cinema-bar>.cinema-wordmark{grid-column:1;grid-row:1;font-size:25px}
 .time-reading .reading-close{grid-column:2;grid-row:1;border:0;border-radius:0;min-height:44px;min-width:44px;padding:10px;gap:0;font-size:0}
 .time-reading .reading-close>span{display:none}
 .time-reading .reading-close::after{width:23px;height:23px}
 .time-reading .reading-formats{grid-column:1/-1;grid-row:2;padding:3px;border:1px solid #343b36;background:#151916;border-radius:9px;gap:3px;width:100%;justify-self:stretch}
 .time-reading .reading-formats button{min-height:40px;border:0;border-radius:6px;font-size:13px;padding:8px 16px}
 .time-reading .reading-formats button[aria-pressed=true]{border:0;background:#f2f3ec;color:#111}
 .time-reading #reading-cinema video{flex:1;min-height:0;height:auto;max-height:none;object-fit:contain}
 .time-reading .reading-cinema-foot{min-height:54px;padding-top:10px;gap:12px}
 .time-reading .reading-cinema-foot span{font:9px/1.5 Such,Arial,sans-serif;max-width:140px;color:#aab3a3}
 .time-reading #caption-toggle{border:1px solid #343b36;border-radius:7px;min-height:40px;padding:8px 10px;font:500 11px Such,Arial,sans-serif;text-decoration:none}
 .time-reading #caption-toggle::before{width:17px;height:17px}
 .time-reading #film-status:empty{display:none}
 .time-reading .time-essay h3{scroll-margin-top:100px}
 @media(max-width:359px){.masthead{padding-inline:18px}.chapter-navigation{margin-inline:18px}.chapter-navigation a{font-size:12px}.time-actions{gap:12px}.time-watch{font-size:14px;gap:9px}.time-watch small{font-size:7px}.time-read{font-size:12px;gap:5px}.time-play{width:40px;height:40px}}
}
@media(prefers-reduced-motion:reduce){.reader-menu *,#menu *{transition:none!important}}