@font-face{font-family:Nanum Pen Script;src:url(/fonts/nanum-pen-script-latin.woff2)format("woff2");font-display:swap}@font-face{font-family:Beiruti;font-weight:400;src:url(/fonts/beiruti-regular.woff2)format("woff2");font-display:swap}@font-face{font-family:Beiruti;font-weight:600;src:url(/fonts/beiruti-600.woff2)format("woff2");font-display:swap}@font-face{font-family:Beiruti;font-weight:700;src:url(/fonts/beiruti-700.woff2)format("woff2");font-display:swap}body:has(.archive-shell){--paper:#fffefa;--ink:#1d1d1b;--accent:#1b7ce4;--mat-a:#4f8a8b14;--mat-b:#c9a2681a;--pad-x:96px;--pad-top:44px;--title-size:6.2rem;--year-size:2.45rem;--tile:108px;--gap:5px;--pane-width:58.5rem;--pane-pad:4.75rem;--post-size:1.16rem;--post-leading:1.48;--post-gap:.6em;--post-measure:50rem;--post-title-size:2.4rem;background:var(--paper);color:var(--ink);font-family:Beiruti,system-ui,sans-serif;font-size:1.1rem}@media (width<=900px){body:has(.archive-shell){--pad-x:48px}}@media (width<=720px){body:has(.archive-shell){--pad-x:20px;--pad-top:20px;--tile:96px;--pane-pad:1.5rem}}.archive-grid :is(h1,h2){margin:0;font-family:Nanum Pen Script,system-ui,sans-serif;font-weight:400;line-height:1}.archive-grid h1{font-size:var(--title-size)}.archive-grid h2{font-size:var(--year-size)}.archive-grid .intro{margin-bottom:2.5rem}.archive-grid .intro h1{margin-bottom:.4rem}.archive-grid .intro-top{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.archive-grid .home{color:inherit;border-bottom:2px solid var(--accent);flex:none;margin-top:.6rem;padding-bottom:.1rem;font-size:.95rem;text-decoration:none}.archive-grid .home:hover{color:var(--accent)}.archive-grid .intro p{opacity:.75;margin:0;font-size:.95rem;line-height:1.5}.archive-body{align-items:flex-start;gap:2rem;display:flex}.archive-grid .grid{grid-template-columns:repeat(auto-fill, minmax(var(--tile), 1fr));flex:1;min-width:0;margin:0;padding:0;list-style:none;display:grid}.archive-grid .grid>li{padding:calc(var(--gap) / 2);aspect-ratio:1;box-sizing:border-box;transition:opacity .2s}.archive-grid .mat-a{background:var(--mat-a)}.archive-grid .mat-b{background:var(--mat-b)}.archive-grid .year-label{text-align:right;justify-content:flex-end;padding:.45rem .6rem;display:flex}.archive-grid .year-label h2{white-space:nowrap;scroll-margin-top:1rem}.archive-grid .year-label small{opacity:.5;font-size:.8em}.archive-grid .grid a{height:100%;color:inherit;text-decoration:none;transition:scale .16s,rotate .16s .12s,box-shadow .16s;display:block;position:relative}.archive-grid .grid img{object-fit:cover;width:100%;height:100%;display:block}.archive-grid .text-tile{box-sizing:border-box;text-align:center;background:#e8e4da;justify-content:center;align-items:center;height:100%;padding:.5rem;font-size:.8rem;line-height:1.2;display:flex;overflow:hidden}.archive-grid .label{color:#fff;opacity:0;background:linear-gradient(#0000,#000d);padding:.4rem .5rem;font-size:.78rem;line-height:1.2;transition:opacity .15s;position:absolute;inset:auto 0 0}.archive-grid .grid a:is(:hover,:focus-visible){scale:1.14;rotate:var(--tilt,-3deg);z-index:2;box-shadow:0 10px 24px #0005}.archive-grid .grid a:is(:hover,:focus-visible) .label{opacity:1;transition-delay:.3s}.archive-grid .grid a:has(.text-tile) .label{display:none}.archive-grid .grid a:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.archive-grid .grid a[aria-current=page]{outline:3px solid var(--ink);outline-offset:-3px}.archive-grid .grid.has-focus>li:not(.focus){opacity:.3}.archive-grid .grid>li.focus a{scale:1.07}.archive-shell[data-state=post] .archive-grid :is(.grid a,.tick){cursor:default}.archive-shell[data-state=post] .archive-grid .grid a:is(:hover,:focus-visible){box-shadow:none;z-index:auto;rotate:none;scale:none}.archive-shell[data-state=post] .archive-grid .grid a:is(:hover,:focus-visible) .label{opacity:0}.archive-shell[data-state=post] .archive-grid .timeline .tick:hover span{text-decoration:none}.archive-grid .timeline{top:calc(1rem - var(--pad-top));flex:none;width:4.5rem;height:calc(100dvh - 2rem);position:sticky}.archive-grid .timeline .track{border-left:2px solid;position:absolute;inset:.5rem 0}.archive-grid .timeline .tick{left:-2px;top:var(--at,0%);color:inherit;align-items:center;gap:.35rem;font-family:Nanum Pen Script,system-ui,sans-serif;font-size:1.35rem;line-height:1;text-decoration:none;display:flex;position:absolute;translate:0 -50%}.archive-grid .timeline .tick:before{content:"";border-top:2px solid;width:10px}.archive-grid .timeline .tick[aria-current=true]{color:var(--accent)}.archive-grid .timeline .tick:hover span{text-decoration:underline}.archive-grid .timeline .now{left:-7px;top:var(--now,0%);border-block:6px solid #0000;border-left:9px solid var(--accent);width:0;height:0;transition:top .2s;position:absolute;translate:0 -50%}@media (width<=720px){.archive-grid .timeline{display:none}}.pane-post h1{font-size:var(--post-title-size);font-weight:700;line-height:1.15}.pane-post .post-body{font-size:var(--post-size);line-height:var(--post-leading);max-width:var(--post-measure)}.pane-post .post-body :is(p,ul,ol,blockquote,figure){margin-block:0 var(--post-gap)}.pane-post .post-body a{color:inherit;text-decoration-color:var(--accent);text-underline-offset:.15em;text-decoration-thickness:.08em}.pane-post .post-body :is(a[href^=\/],a[href^=\#]){-webkit-box-decoration-break:clone;box-decoration-break:clone;background:color-mix(in srgb, var(--accent) 14%, transparent);padding:0 .12em;text-decoration:none;transition:background-color .2s}.pane-post .post-body :is(a[href^=\/],a[href^=\#]):hover{background:color-mix(in srgb, var(--accent) 28%, transparent)}.pane-post :is(h2,h3){font-weight:700}.archive-shell[data-astro-cid-vqcdbiug]{height:100dvh;position:relative;overflow:hidden}.pane-list[data-astro-cid-vqcdbiug],.pane-post[data-astro-cid-vqcdbiug]{overscroll-behavior:contain;box-sizing:border-box;height:100%;overflow-y:auto}.pane-list[data-astro-cid-vqcdbiug]{--minor:#4f8a8b1c;--major:#4f8a8b3d;padding:var(--pad-top) var(--pad-x) var(--pad-x);scroll-behavior:smooth;background-color:var(--paper);background-image:linear-gradient(var(--major) 1px, transparent 1px), linear-gradient(90deg, var(--major) 1px, transparent 1px), linear-gradient(var(--minor) 1px, transparent 1px), linear-gradient(90deg, var(--minor) 1px, transparent 1px);background-size:120px 120px,120px 120px,12px 12px,12px 12px;background-attachment:local}@media (prefers-reduced-motion:reduce){.pane-list[data-astro-cid-vqcdbiug]{scroll-behavior:auto}.archive-grid .grid a{transition:none}}.placeholder[data-astro-cid-vqcdbiug] a[data-astro-cid-vqcdbiug]{color:inherit}.pane-post[data-astro-cid-vqcdbiug]{z-index:10;width:min(var(--pane-width), 74vw);padding:calc(var(--pane-pad) * .7) var(--pane-pad) var(--pane-pad);background:#fffdf8;border-left:1px solid #0001;transition:transform .35s cubic-bezier(.2,.8,.2,1);position:absolute;top:0;right:0;transform:translate(105%);box-shadow:-10px 0 28px #00000024}.archive-shell[data-astro-cid-vqcdbiug][data-state=post] .pane-post[data-astro-cid-vqcdbiug]{transform:none}.archive-shell[data-astro-cid-vqcdbiug][data-initial=post] .pane-post[data-astro-cid-vqcdbiug]{transition:none}.archive-shell[data-astro-cid-vqcdbiug][data-initial=post][data-state=list] .pane-post[data-astro-cid-vqcdbiug]{transition:transform .35s cubic-bezier(.2,.8,.2,1)}.close[data-astro-cid-vqcdbiug]{float:right;color:inherit;opacity:.6;margin:-.5rem -.5rem 0 0;padding:.25rem .5rem;font-size:1.75rem;line-height:1;text-decoration:none;position:sticky;top:0}.close[data-astro-cid-vqcdbiug]:hover,.close[data-astro-cid-vqcdbiug]:focus-visible{opacity:1}@media (width<=720px){.pane-post[data-astro-cid-vqcdbiug]{width:100%}}@media (prefers-reduced-motion:reduce){.pane-post[data-astro-cid-vqcdbiug]{transition:none!important}}