@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap";:root{--gut: clamp(1rem, 3vw, 2.5rem);--bar: 4.5rem;--bg: #0a0a0a;--fg: #f5f5f5;--accent: #f5c542}:root[data-theme=light]{--bg: #f5f5f0;--fg: #0a0a0a;--accent: #cd2b25}*{box-sizing:border-box;margin:0}html{background:var(--bg);scrollbar-gutter:stable;overscroll-behavior:none}body{background:var(--bg);color:var(--fg);font:400 1.25rem/1.45 Inter,system-ui,sans-serif;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding:var(--bar) var(--gut)}a{color:inherit;text-decoration:none}header,footer{position:fixed;left:0;right:0;z-index:10;height:var(--bar);display:flex;justify-content:space-between;align-items:center;padding:0 var(--gut);font-size:1.5rem;pointer-events:none}header a,footer button{pointer-events:auto}header{top:0;height:calc(var(--bar) + 1.5rem);padding-bottom:1.5rem;background:linear-gradient(var(--bg) 55%,transparent)}footer{bottom:0;height:calc(var(--bar) + 1.5rem);padding-top:1.5rem;background:linear-gradient(transparent,var(--bg) 45%)}header .brand span{margin-left:1rem}footer{font-weight:700}footer button{all:unset;pointer-events:auto;cursor:pointer;display:flex;align-items:center;gap:.75rem;font-weight:400}footer i{width:1.4rem;height:1.4rem;border-radius:50%;background:var(--fg)}sup,.tag{font-size:1rem;font-weight:400;letter-spacing:0}.list{list-style:none;padding:0;margin:4vh auto;width:min(100%,70rem)}.list li a{min-height:6.5rem;display:flex;align-items:flex-start;gap:1.5rem;padding:.4rem 0;transition:color .15s}.list .n{font-size:1rem;padding-top:1rem;width:2rem;flex:none}.list h2{display:flex;align-items:flex-start;gap:.6rem;font-size:clamp(2.5rem,6vw,5.5rem);font-weight:500;letter-spacing:-.04em;line-height:1.05}.list .t{white-space:nowrap}.list .tag{margin-top:.5rem;white-space:nowrap}.list .thumb{opacity:0;transform:translate(-.5rem);transition:opacity .25s,transform .25s;height:6.5rem;aspect-ratio:3 / 2;object-fit:cover;border-radius:.6rem;margin-left:1rem;align-self:center;flex:none}.list li a:hover{color:var(--accent)}.list li a:hover .thumb{opacity:1;transform:none}.empty{margin:4rem auto;opacity:.6}.post-head{padding:clamp(3rem,12vh,8rem) 0 clamp(3rem,10vh,7rem)}.post-head h1{font-size:clamp(3rem,9vw,7.5rem);font-weight:500;letter-spacing:-.05em;line-height:1}.post-head .tag{font-size:1.1rem;margin-left:.6rem;vertical-align:top;position:relative;top:.5em}.hero{width:100%;height:auto;aspect-ratio:21 / 9;object-fit:cover;border-radius:.75rem;margin-bottom:6vh}.post-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:2rem;padding-bottom:12vh}.post-meta{font-size:1.1rem;line-height:1.4;display:flex;flex-direction:column;gap:.5rem;align-self:start;padding-top:.6rem;max-width:22rem}.post-meta .date{opacity:.7}.prose{max-width:40rem;font-size:clamp(1.25rem,1.8vw,1.65rem);line-height:1.35}.prose>*+*{margin-top:1em}.prose li+li{margin-top:.3em}.prose h2,.prose h3{font-weight:700;line-height:1.2}.prose hr{border:0;border-top:1px solid currentColor;opacity:.4}.prose a{text-decoration:underline}.prose blockquote{border-left:3px solid currentColor;padding-left:1.2rem}.prose img{max-width:100%;border-radius:.5rem}.prose ul,.prose ol{padding-left:1.5rem}.prose code{font-size:.9em}@media(max-width:800px){.post-body{grid-template-columns:1fr}.prose{font-size:1.2rem}.list .thumb{display:none}.list li a{min-height:0}}.list h2,.list .n{transition:transform .3s cubic-bezier(.2,.7,.2,1)}.list li a:hover h2{transform:translate(.75rem)}::view-transition-image-pair(root){isolation:auto}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}@keyframes from-top{0%{transform:translateY(-100%)}}@keyframes to-top{to{transform:translateY(-100%)}}html[data-astro-transition=forward]::view-transition-new(root){z-index:2;animation:from-top .7s cubic-bezier(.7,0,.2,1) both}html[data-astro-transition=back]::view-transition-old(root){z-index:2;animation:to-top .7s cubic-bezier(.7,0,.2,1) both}@media(prefers-reduced-motion:reduce){*,::view-transition-group(*){animation:none!important;transition:none!important}}body.post{--fg: #fff}:root[data-theme=light] body.post{--bg: var(--post)}:root[data-theme=dark] body.post{--bg: color-mix(in srgb, var(--post) 38%, black)}:root[data-theme=light]:has(body.post){background:var(--post)}:root[data-theme=dark]:has(body.post){background:color-mix(in srgb,var(--post) 38%,black)}@media(max-width:800px){:root{--bar: 3.25rem}body{padding-top:calc(var(--bar) * 2);padding-bottom:0}.list{margin:2rem auto}header,footer{font-size:1rem}footer{top:var(--bar);bottom:auto;border-top:1px solid color-mix(in srgb,var(--fg) 15%,transparent)}header,footer{height:var(--bar);padding-block:0;background:var(--bg);pointer-events:auto}header{z-index:11}}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media(prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}
