*{background-color:var(--background);scroll-behavior:smooth;margin:0;padding:0;scroll-padding-top:5rem}.nav-bar{font-family:var(--font-body);display:none}.nav-bar-link{color:var(--text);text-decoration:none}@media (width>=1300px){.nav-bar{flex-direction:column;gap:1.5rem;display:flex}.nav-bar-link{align-items:center;gap:1rem;width:fit-content;display:flex}.nav-bar-link:before{content:"";background:currentColor;width:3rem;height:2px;transition:width .4s cubic-bezier(.4,0,.2,1)}.nav-bar-link:hover,.nav-bar-link.active{color:var(--accent)}.nav-bar-link:hover:before,.nav-bar-link.active:before{width:5rem}}.selection-card{transition:var(--selection-card-transition);color:inherit;box-sizing:border-box;border-radius:12px;flex-direction:column;gap:1rem;margin-top:3rem;padding:2rem;text-decoration:none;display:flex;position:relative}.selection-card-main-link{z-index:1;background-color:#0000;width:100%;height:100%;position:absolute;inset:0}.selection-card-date{font-family:var(--font-body);color:var(--text);flex-shrink:0;order:1;font-size:.93rem}.selection-card-image{flex-shrink:0;order:3;width:10rem;height:10rem}.selection-card-content{flex-direction:column;order:2;gap:1rem;display:flex}.selection-card-content:has(.external-projects:hover) .selection-card-title{color:var(--text)}.selection-card-content:has(.external-projects:hover) .selection-card-arrow{transform:rotate(-45deg)translate(0)}.selection-card-title{font-family:var(--font-heading);color:var(--text);align-items:center;gap:4px;font-weight:700;display:flex}.selection-card-subroles{font-family:var(--font-heading);color:var(--muted);flex-direction:column;margin-top:-1rem;display:flex}.selection-card-bullet{font-size:10px}.selection-card-description{font-family:var(--font-body);color:var(--text)}.selection-card-arrow{margin-left:.5rem;font-weight:400;display:inline-block;transform:rotate(-45deg)}.selection-card:hover{background-color:var(--surface);opacity:1!important}.selection-card:hover .selection-card-title{color:var(--accent)}.selection-card:hover .selection-card-arrow{transform:rotate(-45deg)translate(3px)}.selection-card:hover .selection-card-main-link{background-color:#0000}.selection-card:has(.selection-card-image){align-items:center}.selection-card:hover *{background-color:var(--surface)}.selection-card *{transition:var(--selection-card-transition)}:has(>.selection-card:hover)>.selection-card{opacity:.5}@media (width>=1300px){.selection-card{flex-direction:row}.selection-card.compressed{flex-direction:column}.selection-card-date{order:1;width:13rem}.selection-card-image{order:2}.selection-card-content{order:3}}.skills{flex-flow:wrap;gap:1rem;width:100%;list-style-type:none;display:flex}.skills-skill{font-family:var(--font-body);color:var(--accent);text-align:center;border-radius:20px;padding:.45rem .7rem;font-size:.9rem;background-color:color-mix(in srgb, var(--accent), transparent 75%)!important}.external-projects ul{flex-flow:wrap;gap:1rem;width:100%;list-style-type:none;display:flex}.external-projects-project{font-family:var(--font-body);flex-grow:1;align-items:center;font-size:.88rem;font-weight:500}.external-projects-project-link{z-index:2;color:var(--text);gap:.5rem;text-decoration:none;display:inline-flex;position:relative}.external-projects-project-link:hover{color:var(--accent)}.external-projects-project-link-icon{align-items:center;display:flex}.home-page{color:var(--text);flex-direction:column;flex:1;margin:1rem;display:flex}.home-page-header{flex-direction:column;gap:.5rem;display:flex}.home-page-title,.home-page-subtitle{font-family:var(--font-heading)}.home-page-description{font-family:var(--font-body)}.home-page-left{flex-direction:column;gap:2rem;margin:0 2rem;display:flex}.home-page-about{font-family:var(--font-body);flex-direction:column;gap:1rem;margin:3rem 2rem 0;display:flex}.home-page-view-more{font-family:var(--font-body);color:inherit;transition:var(--selection-card-transition);margin:3rem 0;padding-left:2rem;text-decoration:none;display:inline-block}.home-page-view-more:hover{color:var(--accent)}.home-page-view-more:hover .home-page-arrow{transform:translate(3px)}.home-page-arrow{transition:var(--selection-card-transition);margin-left:.5rem;display:inline-block}.home-page-webring-toggle{justify-content:space-between;align-items:center;max-width:10rem;display:flex}.home-page-link{color:inherit;font-weight:bolder;text-decoration:none}.home-page-link:hover{color:var(--accent)}@media (width>=1300px){.home-page{flex-direction:row;margin:5rem 15rem 0}.home-page-left{flex-direction:column;flex:1;gap:7rem;height:calc(100vh - 5rem);display:flex;position:sticky;top:5rem}.home-page-right{flex:1 0 450px}.home-page-about{margin-top:0;margin-left:2rem}.home-page-webring-toggle{margin-bottom:4rem}}.footer{font-family:var(--font-body);color:var(--text);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2rem;margin:5rem 0;display:flex}.footer.is-homepage{height:6rem}.footer-link{color:inherit;font-weight:bolder;text-decoration:none}.footer-link:hover{color:var(--accent)}.contact-links{align-items:center;gap:1rem;margin-top:auto;display:flex}.contact-links a{color:var(--text);text-decoration:none}@media (width>=1300px){.contact-links{justify-content:space-between;align-items:center;max-width:8rem;display:flex}}.modal-overlay{z-index:99;background:#0000008c;justify-content:center;align-items:center;animation:.4s forwards fade-in;display:flex;position:fixed;inset:0}.modal-overlay.closing{animation:1s forwards fade-out}.modal-content{justify-content:center;align-items:center;animation:.4s forwards fade-in;display:flex;position:relative}.modal-content.closing{animation:1s forwards fade-out}.modal-overlay+.modal-overlay{background-color:#0000}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.time-machine{color:var(--text);transition:var(--selection-card-transition);text-decoration:none}.time-machine:hover{color:var(--accent);transform:translateY(-3px)}.time-machine-icon{cursor:pointer}.time-machine-portal{min-height:100vh;font-family:var(--font-body);background:radial-gradient(circle at 50% 35%,#345,#000);justify-content:center;align-items:center;margin:0;display:flex}.time-machine-portal-layer{transform:translate(var(--x,-50%), var(--y,-50%)) rotate(0deg);mix-blend-mode:screen;filter:hue-rotate();width:3em;height:3em;animation:wobble calc(var(--speed) * var(--t)) linear infinite;transform-origin:-var(--y) -var(--x);background:#0f0;border-radius:90% 95% 85% 105%;justify-content:center;align-items:center;font-size:20vmin;display:flex;position:absolute;top:50%;left:50%;box-shadow:inset 0 0 .5em .2em #000,0 0 .15em #fff}.time-machine-portal-layer:after{white-space:nowrap;font-size:1em}.time-machine-portal-layer:first-child{--x:-53%;--y:-53%;--t:37}.time-machine-portal-layer:nth-child(2){--x:-47%;--y:-52%;--t:58}.time-machine-portal-layer:nth-child(3){--x:-45%;--y:-50%;--t:46}.time-machine-portal-layer:nth-child(4){--x:-53%;--y:-45%;--t:72}.time-machine-portal-layer:nth-child(5){--x:-55%;--y:-45%;--t:62}.time-machine-portal-container{perspective:600px;perspective-origin:50%;z-index:100;background-color:#0000;max-width:40vw;position:fixed}.time-machine-portal-message{text-align:center;pointer-events:auto;color:var(--text);background-color:inherit;transform-origin:bottom;flex-direction:column;align-items:center;gap:5rem;display:flex;transform:rotateX(35deg)}.time-machine-portal-message-title{color:var(--text-light-mode);font-family:var(--font-heading);background-color:inherit}.time-machine-portal-message-image{filter:grayscale();width:13rem;height:13rem;transition:filter .4s}.time-machine-portal-message-image:hover{filter:grayscale(0%)}.time-machine-portal-message-link{background-color:inherit}.time-machine-portal-close-button{z-index:150;cursor:pointer;width:4rem;height:4rem;color:var(--text);background-color:#0000;border:none;padding:0;font-size:1.5rem;position:fixed;top:1px;right:1px}.time-machine-portal-close-button:hover{color:var(--accent)}.time-machine-portal-credit{z-index:150;font-family:var(--font-body);color:var(--text);background:0 0;text-decoration:none;position:fixed;bottom:5px;right:5px}.time-machine-portal-credit:hover{color:var(--accent)}@keyframes wobble{to{filter:hue-rotate(360deg);transform:translate(var(--x), var(--y)) rotate(360deg)}}@media (width<=600px){.time-machine-portal-container{max-height:20vh;top:30%}.time-machine-portal-message{gap:2rem}}@media (width<=500px){.time-machine-portal-container{top:35%}.time-machine-portal-message-title{font-size:1.2rem}.time-machine-portal-message-image{width:8rem;height:8rem}}.toggle{background:var(--muted);cursor:pointer;border:none;border-radius:9999px;flex-shrink:0;align-items:center;width:3.5rem;height:1.5rem;padding:0 .3rem;transition:background-color .3s;display:flex;position:relative}.toggle.dark{background:var(--accent)}.toggle-thumb{background:var(--background);z-index:1;border-radius:50%;width:1.1rem;height:1.1rem;transition:left .5s cubic-bezier(.34,1.56,.64,1);position:absolute;top:50%;left:.2rem;transform:translateY(-50%)}.dark .toggle-thumb{left:calc(100% - 1.3rem)}.toggle-icon{color:var(--background);z-index:0;align-items:center;display:flex}.toggle-icon-sun{color:#fff;background-color:var(--accent);margin-right:auto}.toggle-icon-sun.light{background-color:var(--muted)}.toggle-icon-moon{color:#000;background-color:var(--muted);margin-left:auto}.toggle-icon-moon.dark{background-color:var(--accent)}.table{border-collapse:collapse;width:100%;font-family:var(--font-body);color:var(--text)}.table th,.table td{text-align:left;max-width:10rem;padding:.75rem}.table td{border-bottom:1px solid var(--muted)}.table-link-external{color:var(--text);opacity:.75;justify-content:center;text-decoration:none;display:inline-flex}.table-link-external-arrow{margin-left:.5rem;transform:rotate(-45deg)}.table-link-external:hover{color:var(--accent);opacity:1}.table-link-external:hover .table-link-external-arrow{transform:rotate(-45deg)translate(3px)}.table-link-project{pointer-events:none;cursor:default;color:var(--text);text-decoration:none}.table-link-project-arrow{display:none}@media (width<=1066px){.table-built-with,.table-projects,.table-made-at{display:none}}@media (width<=768px){.table-built-with,.table-made-at,.table-tools-used,.table-link{display:none}.table-link-project{cursor:pointer;pointer-events:auto;display:inline-flex}.table-link-project-arrow{margin-left:.5rem;display:inline-flex;transform:rotate(-45deg)}.table-link-project:hover{color:var(--accent)}.table-link-project:hover .table-link-project-arrow{transform:rotate(-45deg)translate(3px)}}.projects{margin:1rem 2rem}@media (width>=1300px){.projects{margin:5rem 10rem 0}}.side-page-header{color:var(--text);font-family:var(--font-heading)}.side-page-header-title{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}.side-page-header-link{color:var(--accent);justify-content:center;text-decoration:none;display:inline-flex}.side-page-header-link:hover .side-page-header-arrow{transform:rotate(180deg)translate(3px)}.side-page-header-arrow{color:var(--accent);margin-right:.5rem;text-decoration:none;display:inline-flex;transform:rotate(180deg)}.side-page-header-arrow:hover{transform:rotate(180deg)translate(3px)}.side-page-header-webring-toggle{justify-content:space-between;align-items:center;max-width:10rem;margin-bottom:2rem;display:flex}.timeline{position:relative}.timeline-container{flex-direction:column;display:flex}.timeline-year{text-align:center;font-family:var(--font-body);color:var(--text);border:2px solid color-mix(in srgb, var(--accent), transparent 30%);z-index:2;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:relative;left:50%;transform:translate(-50%)}.timeline-entry-left,.timeline-entry-right{max-width:50%}.timeline-entry-right{box-sizing:border-box;align-self:flex-end;padding-left:1rem}.timeline-entry-left{box-sizing:border-box;align-self:flex-start;padding-right:1rem}.timeline:before{content:"";background:var(--muted);opacity:.3;z-index:1;width:2px;position:absolute;top:0;bottom:0;left:50%}:root{--font-heading:"Plus Jakarta Sans", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif;--background:#f0ebe3;--surface:#e8e0d0;--muted:#9b8b77;--text:var(--text-light-mode);--text-light-mode:#2c1810;--accent:#d97706;--selection-card-transition:all .2s ease;--deg:1;--x:-50%;--y:-50%;--speed:.15s}:root[data-theme=dark]{--background:#1a1410;--surface:#241c15;--muted:#8a7560;--text:#e8dcc8;--accent:#d97706}.experience{margin:1rem 2rem}.experience .timeline{display:none}@media (width>=1300px){.experience{margin:5rem 10rem 0}.experience .timeline{display:block}.experience .table{display:none}}.not-found{text-align:center;background:var(--background);flex-direction:column;align-items:center;gap:1rem;width:90%;max-width:360px;padding:2.5rem;display:flex}.not-found-code{color:var(--accent);font-size:3rem;font-weight:600;line-height:1;font-family:var(--font-heading)}.not-found-title{color:var(--text);font-weight:600;font-family:var(--font-heading)}.not-found-desc{color:var(--muted);font-size:.82rem;line-height:1.6;font-family:var(--font-body)}.not-found-btn{background:var(--background);border:1px solid var(--accent);color:var(--accent);font-size:.8rem;font-family:var(--font-body);cursor:pointer;border-radius:9999px;margin-top:.5rem;padding:.4rem 1.25rem;transition:background .2s,color .2s}.not-found-btn:hover{background:color-mix(in srgb, var(--accent) 15%, transparent)}