:root{--paper:oklch(99% .003 220);--graphite:oklch(24% .01 240);--shelf:oklch(96% .008 220);--slate:oklch(46% .015 240);--tag:oklch(80% .15 62);--tag-ink:oklch(22% .03 50);--line:oklch(90% .008 220);--radius:.5rem;--background:var(--paper);--foreground:var(--graphite);--card:#fff;--card-foreground:var(--graphite);--popover:#fff;--popover-foreground:var(--graphite);--secondary:var(--shelf);--secondary-foreground:var(--graphite);--muted:var(--shelf);--muted-foreground:var(--slate);--accent:var(--shelf);--accent-foreground:var(--graphite);--border:var(--line);--input:var(--line);--ring:var(--primary)}::selection{background:var(--tag);color:var(--tag-ink)}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}.tag-hole{clip-path:polygon(0 0,calc(100% - 2.25rem) 0,100% 2.25rem,100% calc(100% - 2.25rem),calc(100% - 2.25rem) 100%,0 100%);position:relative}.tag-hole:before{content:"";background:var(--paper);border-radius:999px;width:1.25rem;height:1.25rem;margin-top:-.625rem;position:absolute;top:50%;right:1.5rem;box-shadow:inset 0 2px 3px oklch(20% .03 50/.45),0 0 0 3px oklch(68% .14 58)}html{--site-header-height:5rem}@supports (animation-timeline:scroll()){.header-scroll{animation:linear both header-shadow;animation-timeline:scroll(root);animation-range:0 120px}}@keyframes header-shadow{to{box-shadow:0 8px 24px -16px oklch(24% .01 240/.35)}}.rise{transition:translate .8s cubic-bezier(.2,.7,.2,1),scale .8s cubic-bezier(.2,.7,.2,1)}@starting-style{.rise{translate:0 1.5rem}.rise-img{scale:1.06}}.rise-img{transition:scale 1.4s cubic-bezier(.2,.7,.2,1)}.rise-d1{transition-delay:80ms}.rise-d2{transition-delay:.16s}.rise-d3{transition-delay:.24s}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.reveal{animation:linear both reveal;animation-timeline:view();animation-range:entry cover 25%}}}@keyframes reveal{0%{opacity:0;translate:0 2.5rem}}.lift{transition:translate .2s ease-out,box-shadow .2s ease-out}.lift:hover{translate:0 -3px;box-shadow:0 14px 30px -20px oklch(24% .01 240/.4)}.tag-wiggle{transform-origin:100%;transition:rotate .25s ease-out}.tag-wiggle:hover{rotate:-2deg}@media (width<=767px){:root{--site-badge-offset:4.5rem}}