:root{--paper:#efefea;--ink:#1c1c1b;--ink-2:#4b4b48;--muted:#8d8d88;--today:#dfe3e8;--blue:#007aff;--mono:"DM Mono", ui-monospace, "SF Mono", Menlo, monospace;--serif:"Instrument Serif", "Times New Roman", Times, serif;--sans:-apple-system, BlinkMacSystemFont, "Inter", "Helvetica Neue", Arial, sans-serif;--gutter:clamp(24px, 4vw, 64px);--ease-out:cubic-bezier(.23, 1, .32, 1);--large-title:34;--title-1:28;--title-2:22;--title-3:20;--headline:17;--body:17;--callout:16;--subheadline:15;--footnote:13;--caption-1:12;--caption-2:11}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100svh;color:var(--ink);background-color:var(--paper);font:400 calc(var(--footnote) * 1px)/1.5 var(--mono);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");margin:0}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}h1,h2,p,ul,figure{margin:0}ul{padding:0;list-style:none}:focus-visible{outline:2px solid var(--blue);outline-offset:4px;border-radius:2px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.label{font:400 calc(var(--footnote) * 1px)/1 var(--mono);transition:color .2s}:root{--corner-ts:1px;--corner-min:11px;--edge:24px}@media (width>=768px){:root{--corner-ts:calc(min(calc(100vw / 1672), 1px) * 1672 / 1470);--edge:clamp(20px, 2.4vw, 36px)}}.topbar{padding:var(--edge) var(--edge) 0;justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.name{font-size:max(var(--corner-min), calc(var(--subheadline) * var(--corner-ts)));line-height:1.2}.clock{font-size:max(var(--corner-min), calc(var(--caption-1) * var(--corner-ts)));text-transform:uppercase;line-height:1.5}.clock span{display:block}.clock time{font-variant-numeric:tabular-nums}.back{font:400 max(var(--corner-min), calc(var(--subheadline) * var(--corner-ts)))/1.2 var(--sans);align-items:center;gap:.4em;margin-left:-2px;transition:opacity .2s;display:inline-flex}.back:hover{opacity:.7}.back svg{width:auto;height:1.1em}.crumbs{font-size:max(var(--corner-min), calc(var(--subheadline) * var(--corner-ts)));align-items:baseline;gap:.5em;line-height:1.2;display:flex}.crumbs .name{font-size:inherit}.crumbs a{transition:color .2s}.crumbs a:hover{color:var(--blue)}.crumb-sep{color:var(--muted)}.est{padding:34px var(--edge) var(--edge);font-size:max(var(--corner-min), calc(var(--caption-2) * var(--corner-ts)));text-align:right}.move{transition:transform .45s var(--ease-out)}@media (hover:hover) and (pointer:fine){.lift:hover .move{transform:translateY(-6px)}.lift:hover .label,.lift:hover .hover-blue{color:var(--blue)}}.lift:focus-visible .label,.lift:focus-visible .hover-blue{color:var(--blue)}@media (prefers-reduced-motion:reduce){.move{transition:none}.lift:hover .move{transform:none}}@media (width<=767.98px){.name,.crumbs{font-size:15px}.clock{text-align:right}}@view-transition{navigation:auto}::view-transition-old(root){animation:.24s var(--ease-out) both page-out}::view-transition-new(root){animation:.42s var(--ease-out) both page-in}@keyframes page-out{to{opacity:0;filter:blur(8px);scale:.985}}@keyframes page-in{0%{opacity:0;filter:blur(8px);scale:1.015}}::view-transition-group(thoughts-calendar){animation-duration:.52s;animation-timing-function:cubic-bezier(.32,.72,0,1)}::view-transition-old(thoughts-calendar){object-fit:cover;height:100%}::view-transition-new(thoughts-calendar){object-fit:cover;height:100%}@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}}.slideshow{position:relative}.slides{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;display:flex;overflow-x:auto}.slides::-webkit-scrollbar{display:none}.slideshow .slides img{object-fit:cover;scroll-snap-align:center;flex:0 0 100%;width:100%;height:min(46svh,440px);max-height:none}.slide-arrow{-webkit-backdrop-filter:blur(12px)saturate(180%);color:#1c1c1e;width:32px;height:32px;font:400 22px/1 var(--sans);cursor:pointer;opacity:0;transition:opacity .2s ease, transform .15s var(--ease-out);background:#ffffffb8;border:0;border-radius:50%;place-items:center;padding:0 0 2px;display:grid;position:absolute;top:50%;translate:0 -50%;box-shadow:0 1px 4px #00000026}.slide-arrow.is-prev{left:10px}.slide-arrow.is-next{right:10px}.slideshow:hover .slide-arrow,.slide-arrow:focus-visible{opacity:1}.slideshow[data-first=true] .is-prev,.slideshow[data-last=true] .is-next{visibility:hidden}.slide-arrow:active{transform:scale(.94)}@media (hover:none){.slide-arrow{display:none}}.slide-dots{-webkit-backdrop-filter:blur(8px);background:#00000040;border-radius:99px;gap:5px;padding:5px 7px;display:flex;position:absolute;bottom:10px;left:50%;translate:-50%}.slide-dots span{background:#ffffff80;border-radius:50%;width:5px;height:5px;transition:background-color .2s}.slide-dots span.is-active{background:#fff}
