@import"https://fonts.googleapis.com/css2?family=Azeret+Mono:wght@400;700&display=swap";#loading{width:100%;height:100%;position:fixed;top:0;left:0;z-index:9999;pointer-events:visible}#loading img{display:inline-block;width:100%;height:100%;aspect-ratio:1/1;object-fit:contain}#loading img:not([src]){opacity:0}#loading #screen{width:100%;height:100%;padding:20px;background:var(--dark-blue);display:flex;align-items:center;justify-content:center}#loading .grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,80px);gap:10px;width:100%;height:30%}#loading #loading-text{font-weight:700;font-size:3rem;color:var(--yellow);grid-column:1/5}#loading #nav-message{font-size:1rem;color:var(--yellow);grid-column:1/5}@media screen and (min-width:768px){#loading .grid{display:grid;grid-template-columns:repeat(4,100px);grid-template-rows:repeat(2,100px);width:50%}#loading #loading-text{font-size:4rem}}#about{--accent: #ff8a80;--muted: #8aa3a3;--bg: #F5F5F5;width:100%;height:100%;position:fixed;display:flex;justify-content:center;align-items:center;z-index:8888;pointer-events:auto}#about body{margin:0;min-height:100vh;display:grid;place-items:center;background:#2e2f6b}#about .about-card{position:relative;width:400px;height:600px;background-color:var(--bg);border:3px solid var(--bg);padding:24px 20px;box-sizing:border-box}#about .close-btn{position:absolute;top:10px;right:12px;background:none;border:none;font-size:22px;color:var(--accent);cursor:pointer}#about .title{margin:16px 0 4px;text-align:center;font-size:40px;letter-spacing:2px;color:var(--accent);font-weight:700}#about .subtitle{text-align:center;color:var(--accent);margin-bottom:24px}#about .table-header{display:flex;justify-content:space-between;color:var(--muted);font-size:14px;padding:0 6px;font-weight:700}#about .dashed{border:none;border-top:2px dashed #cfdede;margin:12px 0}#about .blurb{text-align:center;margin-top:35px;color:#52ab8d;line-height:1.5;font-size:14px}#about .footer{position:absolute;bottom:20px;left:20px;right:20px;text-align:center}#about .footer-title{color:var(--accent);font-weight:700;letter-spacing:1px;margin-bottom:6px}#about .footer-text{color:var(--accent);font-size:14px;line-height:1.4}#about .icons{margin-top:16px;display:flex;justify-content:center;gap:28px;font-size:22px;color:#7a9494}#about .icons i{cursor:pointer;color:#7a9494;transition:transform .15s ease,color .15s ease}#about .icons i:hover{transform:translateY(-2px);color:var(--accent)}#about .table-body{display:grid;row-gap:10px;padding:0 6px}#about .table-body .row{display:grid;grid-template-columns:1fr auto;color:#7a9494;font-size:14px}@media(max-width:480px){#about{padding:16px;display:flex;justify-content:center;align-items:center;min-height:100vh}#about .about-card{width:100%;max-width:400px;height:auto;max-height:92vh;padding:15px 10px}#about .title{font-size:2rem;margin-top:5px}#about .subtitle{font-size:.9rem;margin-bottom:3px}#about .table-header,#about .table-body .row{font-size:.9rem}#about p.blurb{margin-top:20px;font-size:.9rem;line-height:1.45}#about .footer{position:static;margin-top:24px}#about .icons{gap:20px;font-size:20px}}#blurb{z-index:999;position:fixed;bottom:2rem;right:2rem;max-width:min(420px,90vw);width:fit-content;padding:1.5rem 2rem;background:#f9f8f6;border:8px dashed #ff8b8b;border-radius:.5rem;color:#6e7f78;word-wrap:break-word;white-space:normal;opacity:0;visibility:hidden;transform:translateY(8px);pointer-events:none;transition:opacity .25s ease,transform .25s ease,visibility .25s ease}#blurb.visible{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}#blurb h2{margin:0 0 .75rem;font-size:1.5rem;font-weight:700;color:#4fae8a}#blurb p{margin:0;font-size:1rem;line-height:1.45}#blurb #blurb-close{position:absolute;top:.5rem;right:.5rem;background:none;border:none;cursor:pointer;font-size:1.5rem;line-height:1;color:#ff8b8b;padding:.25rem;border-radius:.25rem;transition:color .2s ease,background .2s ease}#blurb #blurb-close:hover{color:#ff5f5f;background:#ff8b8b26}#blurb #blurb-close:focus{outline:2px solid #ff8b8b;outline-offset:2px}body{font-family:Azeret Mono,monospace;font-weight:400}h1{font-family:Azeret Mono,monospace;font-weight:700}strong{font-weight:700}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--dark-blue: #404073;--sage-green: #758984;--dark-pink: #f28482;--light-pink: #FF9B99;--emerald-green: #52AB8D;--yellow: #FFDBA7;--light-yellow: #FFEED6;--white: #FBF8F8;--black: #151C1A}*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Azeret Mono,monospace;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#hud{position:absolute;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:10}#experience{position:fixed;height:100%;width:100%;top:0;left:0;overflow:hidden}#experience #experience-canvas{height:100%;width:100%}#projects{position:fixed;inset:0;width:100%;height:100%;background:#0006;display:flex;justify-content:center;align-items:center;z-index:999}#projects i{cursor:pointer;color:#f28482;transition:transform .15s ease,color .15s ease}#projects i:hover{transform:translateY(-2px);color:#7a9494}.hidden{display:none}.popup-window{position:relative;width:900px;height:520px;background:url(/images/popup_window.webp) no-repeat center/cover;border-radius:12px;padding:40px 60px;box-sizing:border-box;overflow:hidden}.close-btn{position:absolute;top:16px;right:16px;background:none;border:none;font-size:22px;cursor:pointer;color:#f28482}.popup-scroll{height:100%;overflow-y:scroll;scroll-snap-type:non;padding-right:40px}.popup-scroll::-webkit-scrollbar{display:none}.scrollbar{position:absolute;right:18px;top:60px;width:20px;height:410px;background:#ffeed6;border-radius:5px;padding:2px}.scrollbar-thumb{width:100%;height:80px;background:#ff9b99;border-radius:5px}.card-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px;height:440px;scroll-snap-align:start;align-items:center;margin-bottom:15px}.project-card{background:#ffeed6;border-radius:10px;padding:20px;height:100%;display:flex;flex-direction:column;justify-content:space-between}.card-left img,.card-right img{align-self:center}.project-image{width:100%;height:200px;object-fit:cover;border-radius:6px;padding-top:5px}.project-title{font-size:20px;font-weight:700;color:#f28482}.project-role{font-size:10px;color:#758984;line-height:1.3}.project-desc{font-size:14px;color:#758984;line-height:1.3}.ingredients{font-size:12px;color:#4f9d8c;line-height:1.3}.ingredients strong{font-weight:700}@media(max-width:768px){.popup-window{width:90%;height:70%;padding:24px 20px;border-radius:0;background:url(/images/popup_window_mobile.webp) no-repeat center/cover}.scrollbar{right:8px;height:80%}.popup-scroll{padding-right:0;scroll-snap-type:y mandatory}.card-single{height:100%;display:flex;align-items:center;padding-right:15px;scroll-snap-align:start;margin-bottom:10px}.project-card{height:90%;width:100%}.project-title{font-size:18px}.project-desc{font-size:13px}.project-image{height:180px}}