.bio{background:linear-gradient(135deg,#0f0f0f 0%,#1a1a1a 100%);border:2px solid #177fc8;border-radius:24px;width:50%;margin-top:3rem;margin-bottom:3rem;margin-left:25%;padding:2.5rem;font-weight:400;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d}.bio h3{color:#fff;margin-bottom:1.5rem;font-size:2.25rem;font-weight:700}.bio p{color:#f5f5f5e6;text-align:justify;margin:0;font-size:1.25rem;line-height:1.7;font-weight:300!important}.bio p a{color:#4a9eff;font-weight:400;text-decoration:none;transition:all .3s;position:relative}.bio p a:hover{color:#fff}.bio p a:after{content:"";background:#4a9eff;width:0;height:1px;transition:width .3s;position:absolute;bottom:-2px;left:0}.bio p a:hover:after{width:100%}.bio p span{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#177fc8,#4a9eff);-webkit-background-clip:text;background-clip:text;padding:0 2px;font-weight:600}@media only screen and (max-width:768px){.bio{text-align:center;margin-top:2rem;margin-bottom:2rem;padding:2rem 1.5rem}.bio h3{text-align:center;font-size:1.875rem}.bio p{text-align:center;font-size:1.125rem}}.contact{background:linear-gradient(135deg,#0f0f0f 0%,#1a1a1a 100%);border:2px solid #177fc8;border-radius:24px;width:50%;margin-top:3rem;margin-bottom:3rem;margin-left:25%;padding:2.5rem;font-weight:400;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d}.contact h3{color:#fff;margin-bottom:1.5rem;font-size:2.25rem;font-weight:700}.contact p{color:#f5f5f5e6;margin:0 0 1rem;font-size:1.25rem;line-height:1.7;font-weight:300!important}.contact .contact-sub-text{color:#f5f5f5b3;margin-top:.5rem;font-size:1rem;font-weight:400}.contact form{flex-direction:column;width:60%;margin-top:2rem;display:flex}.contact form input{color:#fff;background:#1d1d1d;border:1px solid #ffffff1a;border-radius:12px;width:80%;margin:.75rem 0;padding:.875rem 1rem;font-family:font,font Fallback,sans-serif;font-size:1rem;transition:all .3s}.contact form input:focus{border-color:#4a9eff;outline:none}.contact form input::placeholder{color:#f5f5f580}.contact form textarea{resize:vertical;color:#fff;background:#1d1d1d;border:1px solid #ffffff1a;border-radius:12px;width:80%;min-height:120px;margin:.75rem 0;padding:.875rem 1rem;font-family:font,font Fallback,sans-serif;font-size:1rem;transition:all .3s}.contact form textarea:focus{border-color:#4a9eff;outline:none}.contact form textarea::placeholder{color:#f5f5f580}.contact form button{color:#f5f5f5;cursor:pointer;background-color:#177fc8;border:none;border-radius:12px;width:80%;margin:1rem 0;padding:1rem 1.5rem;font-family:font,font Fallback,sans-serif;font-size:1.1rem;font-weight:600;transition:all .15s}.contact form button:hover{color:#177fc8;background-color:#f2f1ee}.contact form button:disabled{color:#f5f5f599;cursor:not-allowed;box-shadow:none;background:linear-gradient(135deg,#666 0%,#888 100%);transform:none}.contact form button:disabled:before{display:none}@media only screen and (min-width:320px) and (max-width:768px){.contact{text-align:center;margin-top:2rem;margin-bottom:2rem;padding:2rem 1.5rem}.contact h3{text-align:center;font-size:1.875rem}.contact p{text-align:center;font-size:1.125rem}.contact .contact-sub-text{text-align:center}.contact form{align-items:center;width:100%}.contact form input,.contact form textarea,.contact form button{width:100%}}.footer{text-align:center;background:linear-gradient(135deg,#0a0a0a 0%,#1a1a1a 100%);width:100%;margin-top:4rem;padding:2rem 0;font-size:.95rem;position:relative}.footer p{color:#f5f5f5b3;letter-spacing:.5px;margin:0;font-weight:300}.me{text-align:left;color:#fff;background-color:#177fc8;border-radius:40px;flex-direction:column;justify-content:center;gap:.5rem;width:50%;min-height:18em;margin-left:25%;padding:3rem 2.5rem;display:flex;margin-top:70px!important;margin-bottom:70px!important}.me h1{margin:0;font-size:3rem;font-weight:700;line-height:1.2}.me h2{opacity:.9;margin:0;font-size:1.25rem;font-weight:400;line-height:1.4}.me a{cursor:pointer;color:#000;background-color:#f5f5f5;border:1px solid #000;border-radius:8px;margin-right:.75rem;padding:.75rem 1.5rem;font-size:1.1rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-block}.me a:hover{color:#fff;background-color:#000c;transform:translateY(-2px)}.me img{border-radius:50%;width:200px;height:200px;margin-bottom:20px}.me .buttons{flex-wrap:wrap;gap:.75rem;margin-top:.5rem;display:flex}@media only screen and (min-width:320px) and (max-width:768px){.me{text-align:center;width:90%;min-height:16em;margin-left:5%;padding:2rem 1.5rem}.me h1{font-size:2.5rem!important}.me h2{font-size:1.1rem!important}.me .buttons{justify-content:center;margin-top:1rem}}.not-found-wrapper{justify-content:center;width:100%;margin-top:6rem;margin-bottom:4rem;padding:0 1rem;display:flex}.not-found{text-align:center;background:linear-gradient(135deg,#0f0f0f 0%,#1a1a1a 100%);border:2px solid #177fc8;border-radius:24px;width:50%;padding:3rem 2.5rem;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d}.not-found h1{color:#0000;background:linear-gradient(90deg,#4a9eff,#177fc8);-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:4rem}.not-found h2{color:#fff;margin-bottom:1.5rem;font-size:1.75rem;font-weight:600}.not-found .message{color:#f5f5f5e6;max-width:38ch;margin:0 auto 2rem;font-size:1.125rem;font-weight:300;line-height:1.6}.not-found .button{color:#f5f5f5;background-color:#177fc8;border:1px solid #177fc8;border-radius:10px;padding:.9rem 1.75rem;font-size:1.1rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-block}.not-found .button:hover{color:#177fc8;background-color:#f5f5f5}@media only screen and (max-width:1024px){.not-found{width:70%}}@media only screen and (max-width:768px){.not-found-wrapper{margin-top:6rem}.not-found{width:90%;padding:2.5rem 1.75rem}.not-found h1{font-size:3.25rem}.not-found h2{font-size:1.5rem}.not-found .message{font-size:1rem}}.projects{background:linear-gradient(135deg,#0f0f0f 0%,#1a1a1a 100%);border:2px solid #177fc8;border-radius:24px;width:50%;margin-top:3rem;margin-bottom:3rem;margin-left:25%;padding:2.5rem;font-size:1.5rem;font-weight:400;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d}.projects h3{color:#fff;margin-bottom:1.5rem;font-size:2.25rem;font-weight:700}.project-grid{flex-wrap:wrap;justify-content:flex-start;gap:15px;margin-top:20px;display:flex}.project-grid .project{text-align:left;background-color:#1d1d1d;border:1px solid #2a2a2a;border-radius:16px;flex-direction:column;flex:0 0 calc(33.333% - 10px);min-height:400px;padding:24px;transition:all .2s;display:flex;box-shadow:0 4px 12px #0000004d}.project-grid .project:hover{background-color:#212121;border-color:#333;transform:translateY(-2px);box-shadow:0 8px 24px #0006}.project-grid .project h4{white-space:nowrap;text-overflow:ellipsis;font-size:1.5rem;font-weight:700;overflow:hidden}.project-grid .project p{text-overflow:ellipsis;-webkit-line-clamp:3;line-clamp:3;cursor:help;-webkit-box-orient:vertical;height:5.4rem;margin-bottom:16px;font-size:1.2rem;font-weight:400;line-height:1.5;display:-webkit-box;position:relative;overflow:hidden}.project-grid .project img{border-radius:12px;width:100%;height:auto;margin-top:20px;margin-bottom:20px;transition:transform .2s}.project-grid .project:hover img{transform:scale(1.02)}.project-grid .project .buttons{gap:10px;margin-top:auto;padding-top:auto;display:flex}.project-grid .project .buttons a,.project-grid .project .buttons button{color:#f5f5f5;cursor:pointer;background-color:#177fc8;border:none;border-radius:8px;padding:10px 20px;font-family:font,font Fallback,sans-serif;font-size:1rem;font-weight:500;text-decoration:none;transition:all .15s}.project-grid .project .buttons a:hover,.project-grid .project .buttons button:hover{color:#177fc8;background-color:#f2f1ee}.project-grid .project .buttons a:nth-child(2),.project-grid .project .buttons button:nth-child(2){margin-left:auto}.project-grid .project .buttons a:nth-child(2):hover,.project-grid .project .buttons button:nth-child(2):hover{color:#177fc8;background-color:#f5f5f5}.project-modal{z-index:1;background-color:#00000080;width:100%;height:100%;transition:all .15s;animation:.3s forwards fade-in;position:fixed;top:0;left:0;overflow-y:auto}.project-modal.fade-out{animation:.3s forwards fade-out}.project-modal .project-modal-content{text-align:left;background-color:#1d1d1d;border-radius:20px;flex-direction:column;width:45%;max-width:800px;max-height:90vh;margin:5% auto;animation:.3s forwards zoom-in;display:flex;overflow:hidden;transform:scale(.8)}.project-modal .project-modal-content .project-modal-header{background-color:#2a2a2a;border-bottom:1px solid #333;padding:20px}.project-modal .project-modal-content .project-modal-header h4{color:#f5f5f5;margin:0;font-size:2rem;font-weight:700}.project-modal .project-modal-content .project-modal-header .project-modal-meta{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.project-modal .project-modal-content .project-modal-header .project-modal-meta span{color:#ccc;font-size:1.2rem;font-weight:400}.project-modal .project-modal-content .project-modal-header .project-modal-meta .status{text-transform:uppercase;letter-spacing:.5px;border-radius:16px;padding:4px 12px;font-size:1rem;font-weight:500}.project-modal .project-modal-content .project-modal-header .project-modal-meta .status.status-active{color:#22c55e;background-color:#22c55e33;border:1px solid #22c55e4d}.project-modal .project-modal-content .project-modal-header .project-modal-meta .status.status-inactive{color:#ef4444;background-color:#ef444433;border:1px solid #ef44444d}.project-modal .project-modal-content .project-modal-header .project-modal-meta .status.status-development,.project-modal .project-modal-content .project-modal-header .project-modal-meta .status.status-beta{color:#fbbf24;background-color:#fbbf2433;border:1px solid #fbbf244d}.project-modal .project-modal-content .project-modal-header .project-modal-meta .status.status-archived{color:#6b7280;background-color:#6b728033;border:1px solid #6b72804d}.project-modal .project-modal-content .project-modal-body{background-color:#1d1d1d;flex:1;max-height:calc(90vh - 200px);padding:20px;overflow-y:auto}.project-modal .project-modal-content .project-modal-body img{object-fit:cover;background-color:#2a2a2a;border-radius:20px;width:75%;height:300px;margin:0 auto 20px;display:block}.project-modal .project-modal-content .project-modal-body p{color:#f5f5f5;font-size:1rem;font-weight:400;line-height:1.6}.project-modal .project-modal-content .project-modal-footer{background-color:#151515;border-top:1px solid #333;padding:20px}.project-modal .project-modal-content .project-modal-footer .buttons{gap:10px;margin:0;display:flex}.project-modal .project-modal-content .project-modal-footer .buttons a,.project-modal .project-modal-content .project-modal-footer .buttons button{color:#f5f5f5;cursor:pointer;background-color:#177fc8;border:none;border-radius:5px;padding:10px 20px;font-family:font,font Fallback,sans-serif;font-size:1rem;text-decoration:none;transition:all .15s}.project-modal .project-modal-content .project-modal-footer .buttons a:hover,.project-modal .project-modal-content .project-modal-footer .buttons button:hover{color:#177fc8;background-color:#f2f1ee}.project-modal .project-modal-content .project-modal-footer .buttons a:nth-child(2),.project-modal .project-modal-content .project-modal-footer .buttons button:nth-child(2){margin-left:auto}.project-modal .project-modal-content .project-modal-footer .buttons a:nth-child(2):hover,.project-modal .project-modal-content .project-modal-footer .buttons button:nth-child(2):hover{color:#177fc8;background-color:#f5f5f5}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes zoom-in{0%{transform:scale(.8)}to{transform:scale(1)}}@media only screen and (min-width:320px) and (max-width:768px){.projects{text-align:center;margin-top:2rem;margin-bottom:2rem;padding:2rem 1.5rem}.projects h3{text-align:center;font-size:1.875rem}.project-grid{justify-content:center}.project-grid .project{text-align:center;flex:0 0 100%;max-width:400px;margin:0 auto}.project-modal{padding:.5rem}.project-modal .project-modal-content{width:95%;max-height:calc(100vh - 2rem);margin:1rem auto}.project-modal .project-modal-content .project-modal-header{padding:15px}.project-modal .project-modal-content .project-modal-header h4{font-size:1.5rem}.project-modal .project-modal-content .project-modal-header .project-modal-meta{flex-direction:column;align-items:flex-start;gap:10px}.project-modal .project-modal-content .project-modal-header .project-modal-meta span{font-size:1rem}.project-modal .project-modal-content .project-modal-body{max-height:calc(100vh - 200px);padding:15px;overflow-y:auto}.project-modal .project-modal-content .project-modal-body img{object-fit:cover;background-color:#2a2a2a;width:100%;height:250px}.project-modal .project-modal-content .project-modal-body p{font-size:.9rem}.project-modal .project-modal-content .project-modal-footer{padding:15px}.project-modal .project-modal-content .project-modal-footer .buttons{flex-direction:column;gap:10px}.project-modal .project-modal-content .project-modal-footer .buttons a,.project-modal .project-modal-content .project-modal-footer .buttons button{text-align:center;width:100%}.project-modal .project-modal-content .project-modal-footer .buttons a:nth-child(2),.project-modal .project-modal-content .project-modal-footer .buttons button:nth-child(2){margin-left:0}}@media only screen and (min-width:769px) and (max-width:1024px){.project-modal .project-modal-content{width:70%;max-width:700px}}.back-button{z-index:1000;position:absolute;top:6rem;left:25%}.back-button a{color:#fff;background-color:#177fc8;border-radius:8px;padding:.75rem 1.5rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-block}.back-button a:hover{color:#fff;background-color:#1364a3;transform:translateY(-2px)}.subpage{background:linear-gradient(135deg,#0f0f0f 0%,#1a1a1a 100%);border:2px solid #177fc8;border-radius:24px;width:50%;margin-top:10rem;margin-bottom:3rem;margin-left:25%;padding:2.5rem;font-weight:400;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d}.subpage h1{color:#fff;text-align:center;margin-bottom:2rem;font-size:3rem;font-weight:700}.subpage .subpage-content h3{color:#4a9eff;margin-top:2rem;margin-bottom:1rem;font-size:1.75rem;font-weight:600}.subpage .subpage-content p{color:#f5f5f5e6;text-align:justify;margin-bottom:1.5rem;font-size:1.25rem;font-weight:300;line-height:1.7}.subpage .subpage-content p a{color:#4a9eff;font-weight:400;text-decoration:none;transition:all .3s;position:relative}.subpage .subpage-content p a:hover{color:#fff;text-shadow:0 0 8px #4a9eff80}.subpage .subpage-content p a:after{content:"";background:#4a9eff;width:0;height:1px;transition:width .3s;position:absolute;bottom:-2px;left:0}.subpage .subpage-content p a:hover:after{width:100%}.subpage .subpage-content ul{margin:1.5rem 0;padding-left:1.5rem}.subpage .subpage-content ul li{color:#f5f5f5d9;margin-bottom:.75rem;font-size:1.125rem;line-height:1.6}.subpage .subpage-content ul li strong{color:#4a9eff;font-weight:600}@media only screen and (max-width:768px){.back-button{top:4rem;left:5%}.back-button a{padding:.5rem 1rem;font-size:.9rem}.subpage{width:90%;margin-top:8rem;margin-bottom:2rem;margin-left:5%;padding:2rem 1.5rem}.subpage h1{font-size:2.25rem}.subpage .subpage-content h3{text-align:center;font-size:1.5rem}.subpage .subpage-content p{text-align:left;font-size:1.125rem}.subpage .subpage-content ul{padding-left:1rem}.subpage .subpage-content ul li{font-size:1rem}}html,body{scroll-behavior:smooth;width:100%;height:100%;background-color:#212121!important}body.layout-root{flex-direction:column;min-height:100vh;display:flex}.site-main{flex-direction:column;flex:1 0 auto;display:flex}.footer{flex-shrink:0}*{box-sizing:border-box;color:#f5f5f5;margin:0;padding:0}h1{margin:0;font-size:3rem;font-weight:700}h2{margin:0;font-size:2rem;font-weight:400}a{color:#177fc8;text-decoration:none}a:hover{color:#f5f5f5}span{color:#c8b817}::selection{color:#f5f5f5;background-color:#177fc8}@media only screen and (min-width:320px) and (max-width:768px){.gallery,.bio,.projects,.contact{width:90%;margin-left:5%}}
@font-face{font-family:font;src:url(../media/wotfard_regular_font-s.p.7c46246b.woff2)format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:font Fallback;src:local(Arial);ascent-override:94.63%;descent-override:23.5%;line-gap-override:0.0%;size-adjust:103.66%}.font_3a103396-module__fqHnfa__className{font-family:font,font Fallback;font-style:normal;font-weight:400}