.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}:root{--color_bg: #0b0b0b;--color_ink: #f5f5f5;--color_muted: #b4b4b4;--color_cursor: #7b7b7b;--color_darker: #4b4b4b;--color_line: #2b2b2b;--color_card: #121212;--color_accent: #f2f2f2;--color_yellow: #fcbd1e;--color_blue: #3d46c6;--color_red: #a52525;--color_green: #258e27;--page-padding-x: 12vw;--page-padding-y: 3rem 6rem;--font-base: "ff-dagny-web-pro", "Helvetica Neue", Helvetica, Arial, sans-serif;--text-xs: .9rem;--text-sm: 1rem;--text-rg: 1.2rem;--text-md: 1.4rem;--text-lg: 1.6rem;--text-xl: 1.8rem;--headline: clamp(2.2rem, 4.6vw, 4.2rem)}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}figure{box-sizing:border-box}img{display:block;box-sizing:border-box;border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden],.hidden{display:none}body{font-family:var(--font-base);background:radial-gradient(circle at 15% 10%,#1b1b1b,#0b0b0b 55%,#050505);color:var(--color_ink);min-height:100vh}.page{margin:0 auto;min-height:100vh;padding:3rem var(--page-padding-x) 6rem;position:relative;overflow:hidden}.page:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(255,255,255,.08),transparent 45%),radial-gradient(circle at 10% 80%,rgba(255,255,255,.05),transparent 40%);pointer-events:none;opacity:.8}a-waves{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;contain:paint}a-waves svg{display:block;width:100%;height:100%}a-waves svg path{fill:none;stroke:#ffffff0a;stroke-width:1px;vector-effect:non-scaling-stroke}.site-header{display:flex;align-items:center;justify-content:space-between;gap:2rem;position:relative;z-index:1}.logo{display:grid;place-items:center;font-weight:100;letter-spacing:.08rem;font-size:1.2rem;color:#fff;text-decoration:none}.nav{display:flex;align-items:center;gap:1.5rem;font-size:var(--text-rg)}.nav a{color:var(--color_muted);text-decoration:none;transition:color .2s ease;padding-bottom:2px;border-bottom:2px solid transparent}.nav a:hover{color:var(--color_ink)}.nav a.active{color:var(--color_ink);border-bottom-color:#f5c842}.breadcrumb{display:flex;align-items:center;gap:.4rem;font-size:var(--text-sm);padding:.75rem 0 0;color:var(--color_muted);margin-bottom:15px}.breadcrumb a{color:var(--color_muted);text-decoration:none;transition:color .2s ease}.breadcrumb a:hover{color:var(--color_yellow)}.breadcrumb .breadcrumb-sep{opacity:.3}.breadcrumb .breadcrumb-current{color:var(--color_cursor)}.hero{padding:6rem 0 4rem;max-width:58rem;position:relative;z-index:1}.headline{margin:0 0 1.5rem;font-size:var(--headline);line-height:1.15;font-weight:400}.rule{border:none;border-top:1px solid var(--color_line);margin:0 0 1.5rem}.lede{margin:0;color:var(--color_muted);max-width:520px;font-size:var(--text-md);line-height:1.6}.typewriter-word{font-style:italic;border-bottom:1px solid var(--color_yellow);padding-right:.5rem;display:inline;position:relative}.typewriter-word:before{content:"\a";white-space:pre}.typewriter-word:after{content:"";border-right:4px solid var(--color_cursor);position:absolute;bottom:0;color:inherit;animation:tw-blink .8s step-end infinite;transform:skew(-5deg) translate(.25rem);height:var(--headline);will-change:opacity}@keyframes tw-blink{0%,to{opacity:1}50%{opacity:0}}.section{padding:3rem 0;position:relative;z-index:1;display:grid;gap:6rem}.deck{display:grid;gap:1.5rem}.deck h2.title{font-weight:100;font-size:var(--text-rg);margin:0;color:var(--color_muted)}.panel{max-width:820px;display:grid;gap:1.5rem}.panel p,.panel li{color:var(--color_muted);line-height:1.7;font-size:var(--text-rg);margin:0}.panel h3,.panel h4{color:var(--color_ink);font-weight:600;margin-top:2rem;font-size:var(--text-lg);margin:0}.panel ul,.panel ol{padding-left:1.2rem;font-size:var(--text-rg);margin:0}.panel a{color:var(--color_ink)}.panel strong{color:var(--color_ink);font-weight:600}.site-footer{margin-top:6rem;padding-top:3rem;border-top:1px solid var(--color_line);display:flex;align-items:center;flex-direction:column;justify-content:space-between;gap:2rem;position:relative;z-index:1}.site-footer h2{font-weight:100;font-size:var(--text-rg);margin:0;color:var(--color_muted)}.site-footer p{font-size:var(--text-sm);color:var(--color_darker);margin:0}.footer-copy{display:flex;flex-direction:column;gap:.5rem;align-items:center}.social-links{list-style:none;padding:0;margin:0;display:flex;gap:2rem}.social-links li{position:relative}.social-links a{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--color_darker);text-decoration:none;font-size:var(--text-sm);transition:color .3s ease-in-out}.social-links a:before{content:"";display:block;width:25px;height:25px;background-size:contain;background-repeat:no-repeat;background-position:center;transition:transform .3s ease-in-out;will-change:transform}.social-links a:hover{color:var(--color_ink)}.social-links a:hover:before{transform:scale(1.4)}.social-links a.social-github:before{background-image:url(/assets/icons/icon_github.svg)}.social-links a.social-instagram:before{background-image:url(/assets/icons/icon_instagram.svg)}.social-links a.social-medium:before{background-image:url(/assets/icons/icon_medium.svg)}.social-links a.social-codepen:before{background-image:url(/assets/icons/icon_codepen.svg)}.social-links a.social-linkedin:before{background-image:url(/assets/icons/icon_linkedin.svg)}@media(max-width:1440px){.typewriter-word:before{display:none}}@media(max-width:900px){.site-header{flex-direction:column;align-items:flex-start}.nav{flex-wrap:wrap}.hero{padding-top:8vh}}@media(max-width:600px){.page{padding:2.5rem 8vw 4rem}}.cards{display:grid;gap:3rem}.cards.double{grid-template-columns:1fr 1fr}.cards.triple{grid-template-columns:1fr 1fr 1fr}.card{display:grid;position:relative;overflow:hidden;border-radius:0 0 16px 16px;cursor:pointer}.card.project.hidden{display:none}.card a{display:grid;gap:1rem;text-decoration:none}.card:nth-of-type(2n) .thumb img{transform:rotate(10deg) skew(5deg,-5deg) translate(50px,50px);transform-origin:75% 25%}.card:nth-of-type(odd) .thumb img{transform:rotate(-10deg) skew(-5deg,5deg) translate(20px,50px);transform-origin:25%}.card:hover{border-color:var(--color_accent)}.card:hover:nth-of-type(2n) .thumb img{transform:rotate(0) skew(2deg,-2deg) translate(50px,50px)}.card:hover:nth-of-type(odd) .thumb img{transform:rotate(0) skew(-2deg,2deg) translate(20px,50px)}.thumb{order:1;min-height:320px;border-radius:16px;margin-top:48px;overflow:hidden;transition:transform .3s ease;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;cursor:pointer}.thumb img{width:100%;height:100%;display:block;object-fit:cover;border-radius:16px;border:1px solid rgba(100,100,100,.4);box-shadow:0 30px 60px #32323299;transition:transform .5s ease-in-out;cursor:pointer}.meta{order:0;position:absolute;z-index:2;width:100%;text-align:right}.meta h3{margin:0 0 .35rem;font-size:var(--text-rg);font-weight:100;color:var(--color_ink)}.meta p{margin:0;font-size:var(--text-xs);font-weight:100;color:var(--color_muted)}.gallery{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.gallery img{width:100%;height:220px;object-fit:cover;border-radius:20px;border:1px solid var(--color_line)}.article{display:grid;gap:1.6rem;color:var(--color_muted)}.article.work,.article.about{gap:6rem}.article p,.article li{font-size:var(--text-rg);color:var(--color_muted);line-height:1.7rem;margin:0}.article h1,.article h2,.article h3,.article h4,.article h5,.article h6{color:var(--color_ink);margin:0}.article h1,.article h2,.article h3{font-size:var(--text-xl);font-weight:100}.article h4,.article h5,.article h6{font-size:var(--text-md);font-weight:400}.article figure{width:100%;height:auto;display:grid;margin:0;padding:0;gap:8px}.article figure.md{max-width:920px}.article figure.sm{max-width:640px}.article figure figcaption{font-size:var(--text-xs);font-weight:400}.article img,.article video{display:block;width:100%;height:auto;margin:0;padding:8px;border-radius:4px;background:#64646433;border:1px solid rgba(100,100,100,.5);box-shadow:0 30px 60px #32323299}.article figure.media.image img{cursor:zoom-in}.article a{color:var(--color_ink)}.article ul,.article ol{display:grid;padding-left:1.2rem;margin:0;gap:1rem}.article ul.sheet,.article ol.sheet{gap:0}.article ul.sheet li,.article ol.sheet li{font-size:var(--text-sm);color:var(--color_muted);font-weight:100}.article ul.sheet li strong,.article ol.sheet li strong{display:inline-block;margin-right:6px;font-weight:600;color:var(--color_ink)}.article ul.items li strong,.article ol.items li strong{display:block;margin-bottom:.5rem}.article .box{max-width:720px;display:grid;gap:1.6rem}.article .box.timeline{gap:0}.article .box.timeline h3{margin-bottom:1.6rem}.article .box.timeline .item{padding-left:3rem;padding-bottom:3rem;position:relative;display:flex;flex-direction:column;gap:1.5rem}.article .box.timeline .item:before{content:"";border-left:1px solid var(--color_darker);width:1px;height:100%;position:absolute;top:2px;left:-1px}.article .box.timeline .item:after{content:"";width:1rem;height:1rem;position:absolute;left:calc(-.5rem - 1px);top:.3rem;border-radius:50rem;transition:transform .5s ease-in-out;transform-origin:center;will-change:transform}.article .box.timeline .item:nth-child(4n+1):after{background:var(--color_yellow)}.article .box.timeline .item:nth-child(4n+2):after{background:var(--color_blue)}.article .box.timeline .item:nth-child(4n+3):after{background:var(--color_red)}.article .box.timeline .item:nth-child(4n+4):after{background:var(--color_green)}.article .box.timeline .item:hover:after{transform:scale(1.5)}.article .box.timeline .item h4{display:flex;flex-direction:column;gap:.5rem}.article .box.timeline .item h4 strong{font-weight:100}.article .box.timeline .item ul{gap:.7rem}.article .box.timeline .item ul li{font-weight:100}.article .box.timeline .item ul li strong{font-weight:400}.article .box.timeline .item ul li a{display:block;margin-top:.3rem}.note{color:var(--color_muted);font-size:var(--text-sm)}@media(max-width:1024px){.cards{gap:2rem}.cards.double,.cards.triple{grid-template-columns:1fr 1fr}}@media(max-width:600px){.cards{gap:2rem}.cards.double,.cards.triple{grid-template-columns:1fr}.thumb{min-height:200px}.gallery{grid-template-columns:1fr}}#img-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s ease}#img-modal.open{opacity:1;pointer-events:auto}#img-modal .modal-backdrop{position:absolute;inset:0;background:#050505eb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}#img-modal .modal-close,#img-modal .modal-prev,#img-modal .modal-next{position:absolute;z-index:2;width:2.25rem;height:2.25rem;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:#ffffff14;color:var(--color_ink);font-size:1rem;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,opacity .15s ease}#img-modal .modal-close:hover:not(:disabled),#img-modal .modal-prev:hover:not(:disabled),#img-modal .modal-next:hover:not(:disabled){background:#ffffff2e}#img-modal .modal-close:disabled,#img-modal .modal-prev:disabled,#img-modal .modal-next:disabled{opacity:.2;cursor:default}#img-modal .modal-close{top:1.5rem;right:1.5rem}#img-modal .modal-prev{top:50%;left:1.5rem;transform:translateY(-50%)}#img-modal .modal-next{top:50%;right:1.5rem;transform:translateY(-50%)}#img-modal .modal-frame{position:relative;z-index:1;width:90vw;height:90vh;display:flex;align-items:center;justify-content:center;overflow:hidden}#img-modal .modal-img{display:block;max-width:90vw;max-height:90vh;width:auto;height:auto;border-radius:4px;background:#64646433;border:1px solid rgba(100,100,100,.3);user-select:none;-webkit-user-drag:none;will-change:transform}#img-modal .modal-caption{position:absolute;bottom:1.75rem;left:0;right:0;text-align:center;color:var(--color_muted);font-size:var(--text-xs);pointer-events:none;z-index:2}.site-header[data-astro-cid-37fxchfa],.breadcrumb[data-astro-cid-37fxchfa],.headline[data-astro-cid-37fxchfa],.rule[data-astro-cid-37fxchfa],.lede[data-astro-cid-37fxchfa],.card[data-astro-cid-37fxchfa],.box[data-astro-cid-37fxchfa],.media[data-astro-cid-37fxchfa]{opacity:0}