.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}header[data-astro-cid-nen7h5rs]{background-color:var(--primary-color);color:var(--background-color);text-align:center;clip-path:polygon(0 0,100% 0,100% 85%,0 100%);padding:2rem 0}.header-title-link-wrapper[data-astro-cid-nen7h5rs]{color:inherit;text-decoration:none}.header-h1-title[data-astro-cid-nen7h5rs]{color:var(--tertiary-color);text-decoration:underline;text-decoration-color:var(--secondary-color);text-underline-offset:5px}.btn[data-astro-cid-nen7h5rs]{background-color:var(--secondary-color);border-color:var(--secondary-color)}.btn[data-astro-cid-nen7h5rs]:hover{background-color:var(--tertiary-color);border-color:var(--tertiary-color)}.btn[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs]{color:var(--secondary-text-color);text-decoration:none}.btn[data-astro-cid-nen7h5rs]:hover a[data-astro-cid-nen7h5rs]{color:var(--text-color)}.hide-scrollbar[data-astro-cid-nen7h5rs]::-webkit-scrollbar{display:none}.hide-scrollbar[data-astro-cid-nen7h5rs]{-ms-overflow-style:none;scrollbar-width:none}.footer[data-astro-cid-jo6i4kqk]{background-color:var(--primary-color);color:var(--background-color,#ff0);text-align:center;clip-path:polygon(0 15%,100% 0,100% 100%,0 100%);width:100%;margin-top:2rem;padding:4rem 1rem 2rem;font-family:Kanit,sans-serif}.footer-container[data-astro-cid-jo6i4kqk]{flex-direction:column;align-items:center;gap:1.5rem;max-width:1200px;margin:0 auto;display:flex}.social-links[data-astro-cid-jo6i4kqk]{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.social-icon[data-astro-cid-jo6i4kqk]{color:var(--tertiary-color);font-size:1.8rem;transition:color .3s,transform .3s}.social-icon[data-astro-cid-jo6i4kqk]:hover{color:var(--tertiary-color);transform:scale(1.1)}.footer[data-astro-cid-jo6i4kqk] p[data-astro-cid-jo6i4kqk]{margin:0;font-size:1rem}@font-face{font-family:Podkova;src:url(/fonts/Podkova-VariableFont_wght.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--primary-color:teal;--secondary-color:#c50;--tertiary-color:#ffdb58;--background-color:#fffdd0;--card-background-color:#fff;--text-color:#000;--secondary-text-color:#fff;--shadow-color:#0000001a;--header-color:#fff;--grid-color:#0080801a;--grid-size:2rem}::-moz-selection{background-color:var(--secondary-color);color:var(--secondary-text-color)}::selection{background-color:var(--secondary-color);color:var(--secondary-text-color)}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--background-color)}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--secondary-color)}body{background-color:var(--background-color);color:var(--text-color);cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M8 28L24 4 16 20H24L8 28Z' fill='white' stroke='%230000FF' stroke-width='2'/%3E%3C/svg%3E") 8 8,auto;flex-direction:column;min-height:100vh;margin:0;padding:0;font-family:ff-ernestine-pro,serif;font-style:normal;font-weight:400;line-height:1.6;display:flex;position:relative;overflow-x:hidden}main{flex-grow:1}.background-grid{z-index:-1;background-image:linear-gradient(var(--grid-color) 1px, transparent 1px), linear-gradient(90deg, var(--grid-color) 1px, transparent 1px);background-size:50px 50px;animation:60s linear infinite subtleMove;position:fixed;inset:0}h1,h2,h3,h4,h5,h6{font-family:futura-100,sans-serif;font-style:normal;font-weight:700}h1{text-align:right}header{background-color:var(--primary-color);color:var(--background-color);text-align:center;clip-path:polygon(0 0,100% 0,100% 85%,0 100%);padding:2rem 0}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.masonry-grid{margin:1.5rem}.card{z-index:1;background:0 0;border-radius:8px;flex-direction:column;margin:1.5rem;transition:transform .3s,box-shadow .3s;display:flex;position:relative}.card-content{background:var(--card-background-color);box-shadow:0 4px 6px var(--shadow-color);word-wrap:break-word;border-radius:8px;flex-direction:column;height:100%;padding:1.5rem;transition:color .3s,background-color .3s;display:flex}.card:before{content:"";background:var(--primary-color);z-index:-1;border-radius:8px;transition:transform .3s;position:absolute;inset:8px -8px -8px 8px;transform:skew(2deg,2deg)}.card:hover{transform:translateY(-5px)}.card:hover:before{transform:skew(-2deg,-2deg)}.card a,.card p,.card h3{transition:color .3s}.btn{background-color:var(--secondary-color);color:var(--secondary-text-color);border:2px solid var(--secondary-color);border-radius:4px;margin:.25rem;padding:.5rem 1rem;font-family:futura-100,sans-serif;font-weight:700;text-decoration:none;transition:background-color .3s,color .3s,border-color .3s;display:inline-block}.btn:hover,.btn.is-active{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--secondary-text-color)}img{max-width:100%;height:auto}.portfolio-image{aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;border-radius:8px;width:100%;height:auto;display:block}@keyframes subtleMove{0%{transform:translate(0)}to{transform:translate(-50px,50px)}}.prose table{width:100%;display:block;overflow-x:auto}.interactive-background{background-color:var(--tertiary-color);background-image:linear-gradient(var(--grid-color) 1px, transparent 1px), linear-gradient(90deg, var(--grid-color) 1px, transparent 1px);background-size:var(--grid-size) var(--grid-size);background-attachment:fixed;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.prose h2{padding-top:1.5rem}.prose h2:not(:first-of-type){margin-top:3rem}.prose h2+*{margin-top:1.5rem}.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{margin-bottom:1.5rem;font-family:futura-100,sans-serif;font-weight:700}.prose h2{font-size:2.5rem}.prose h3{font-size:2rem}.prose h4{font-size:1.5rem}.prose-section{background:var(--card-background-color);box-shadow:0 4px 6px var(--shadow-color);z-index:1;border-radius:8px;margin-top:1.5rem;padding:1.5rem;position:relative}.prose-section:before{content:"";background:var(--primary-color);z-index:-1;border-radius:8px;transition:transform .3s;position:absolute;inset:8px -8px -8px 8px;transform:skew(2deg,2deg)}@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:block;src:url(/fonts/fa-brands-400.woff2)format("woff2"),url(/fonts/fa-brands-400.ttf)format("truetype")}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:block;src:url(/fonts/fa-solid-900.woff2)format("woff2"),url(/fonts/fa-solid-900.ttf)format("truetype")}