@font-face{font-family:pp_moriregular;font-style:normal;font-weight:400;src:url(/static/media/ppmori-regular-webfont.87a265db0d0e4432a91d.woff2) format("woff2"),url(/static/media/ppmori-regular-webfont.133c316256ba9aa35d0c.woff) format("woff")}@font-face{font-family:pp_writerbold;font-style:normal;font-weight:400;src:url(/static/media/ppwriter-bold-webfont.0c2682d14bde9d42e684.woff2) format("woff2"),url(/static/media/ppwriter-bold-webfont.f4b907b7d72181950f8f.woff) format("woff")}@font-face{font-family:pp_neue_montreal_monobook;font-style:normal;font-weight:400;src:url(/static/media/ppneuemontrealmono-book-webfont.1e04241f1915a129dfa5.woff2) format("woff2"),url(/static/media/ppneuemontrealmono-book-webfont.73ad7063569d003bc169.woff) format("woff")}@font-face{font-family:pp_moriregular_italic;font-style:normal;font-weight:400;src:url(/static/media/ppmori-regularitalic-webfont.b7cd0510873e89ba59ad.woff2) format("woff2"),url(/static/media/ppmori-regularitalic-webfont.0c6af0393c40c1a42136.woff) format("woff")}@property --paper{syntax:"<color>";inherits:true;initial-value:#0c0c0c}:root{--sans:pp_moriregular,-apple-system,BlinkMacSystemFont,sans-serif;--mono:pp_neue_montreal_monobook,ui-monospace,"SF Mono",Menlo,monospace;--ease:cubic-bezier(0.2,0.8,0.2,1);color-scheme:dark}body,html{background:#0c0c0c;margin:0}*{box-sizing:border-box}::selection{background:#ededeb;background:var(--hue,#ededeb);color:#0c0c0c;color:var(--paper,#0c0c0c)}.page{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--paper);color:var(--ink);font-family:pp_moriregular,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--sans);font-size:15px;line-height:1.5;min-height:100vh;transition:--paper .6s ease,color .4s ease}.col{margin:0 auto;max-width:36rem;padding:clamp(3rem,14vh,9rem) 1.5rem 4rem}h1,h2,ol,p{font:inherit;margin:0}.muted{color:color-mix(in srgb,var(--ink) 50%,var(--paper))}.mark{image-rendering:pixelated;margin:0 0 2.5rem -2px;position:relative}.mark .globe{inset:0;position:absolute}.intro{margin-bottom:4.5rem}.intro a{color:inherit;text-decoration:none;text-underline-offset:.2em;transition:color .25s ease}.intro a:hover{color:var(--ink);text-decoration:underline}.label{margin-bottom:1rem}.work{list-style:none;padding:0}.work li{border-top:1px solid color-mix(in srgb,var(--ink) 10%,var(--paper))}.work li:last-child{border-bottom:1px solid color-mix(in srgb,var(--ink) 10%,var(--paper))}.row{grid-column-gap:1rem;all:unset;align-items:baseline;box-sizing:border-box;column-gap:1rem;cursor:default;display:grid;grid-template-columns:2.25rem 1fr auto 3rem;padding:.6rem 0;transition:opacity .35s ease;width:100%}.row:focus-visible{outline:1px solid var(--ink);outline-offset:2px}.row .n,.row .y{font-feature-settings:"tnum";font-family:pp_neue_montreal_monobook,ui-monospace,SF Mono,Menlo,monospace;font-family:var(--mono);font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:.02em}.row .y{text-align:right}.row .n{color:color-mix(in srgb,var(--ink) 35%,var(--paper));transition:color .4s ease}.work.has-active .row{opacity:.3}.work.has-active .is-active .row{opacity:1}.is-active .row .n{color:var(--c)}.inline-preview{animation:open .35s cubic-bezier(.2,.8,.2,1) both;animation:open .35s var(--ease) both;padding:.25rem 0 1rem}@keyframes open{0%{opacity:0;transform:translateY(-4px)}}footer{display:flex;gap:1.5rem;margin-top:4.5rem}footer a{color:inherit;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--ink) 25%,var(--paper));text-underline-offset:.2em;transition:text-decoration-color .25s ease}footer a:hover{text-decoration-color:var(--ink)}.preview{left:0;pointer-events:none;position:fixed;top:0;transition:opacity .2s ease;will-change:transform;z-index:10}.develop{background:color-mix(in srgb,var(--ink) 6%,var(--paper));overflow:hidden;position:relative;width:100%}.rise{animation:rise .8s cubic-bezier(.2,.8,.2,1) both;animation:rise .8s var(--ease) both;animation-delay:calc(var(--d)*90ms)}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}@media (max-width:480px){.row{grid-template-columns:2rem 1fr 2.75rem}.row .o{display:none}}@media (prefers-reduced-motion:reduce){.inline-preview,.rise{animation:none}}@media (min-width:1000px){.col{margin-left:max(1.5rem,12vw)}}
/*# sourceMappingURL=main.0f365f4e.css.map*/