@import"https://fonts.googleapis.com/css2?family=Cardo:ital,wght@0,400;0,700;1,400&family=Domine:wght@400..700&display=swap";html{overflow-y:scroll}.content-container{display:flex;flex-direction:row;flex-wrap:nowrap;width:100%;gap:30px}.a-text{flex:0 0 60%;font-family:Cardo,serif;font-size:20px;text-align:justify;padding:20px;background-color:#f0f8ff;border-radius:30px;box-sizing:border-box}.home-container{padding:0}.content-wrapper{display:flex;flex-direction:row;justify-content:flex-start;gap:32px;width:100%;max-width:840px;margin:0 auto}.home-text-box{flex:0 0 52%;background-color:#f0f8ff;border-radius:28px;padding:24px 28px;font-family:Cardo,serif;font-size:19px;text-align:justify;height:fit-content;align-self:flex-start}.home-text-box p{margin:0 0 15px}.home-text-box p:last-child{margin:0}.slideshow-container{flex:1;position:relative;align-self:flex-start;min-width:0}.images img{width:100%;height:auto;border:14px solid #FDDDE6;box-sizing:border-box;display:block}.slide-arrow{position:absolute;top:50%;transform:translateY(-50%);cursor:pointer;padding:10px;color:#fff;font-weight:700;background-color:#0000004d;font-size:16px;z-index:2}.prev-arrow{left:0;border-radius:0 3px 3px 0}.next-arrow{right:0;border-radius:3px 0 0 3px}.personal-side-btn{display:inline-block;margin-top:18px;font-family:Cardo,serif;font-size:15px;font-style:italic;color:#d81b60;text-decoration:none;border-bottom:1px dashed #d81b60;padding-bottom:1px;transition:opacity .15s ease,letter-spacing .15s ease}.personal-side-btn:hover{opacity:.7;letter-spacing:.02em}.projects-page{padding:1.5rem 0 4rem}.projects-inner{max-width:840px;margin:0 auto}.projects-header{margin-bottom:2rem}.projects-title{font-family:Cardo,serif;font-size:2.6rem;font-weight:700;color:#1a1a2e;margin:0 0 .3rem;letter-spacing:-.01em}.projects-subtitle{font-size:.95rem;color:#888;margin:0}.category-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:1rem}.filter-pill{padding:6px 14px;border-radius:999px;border:1.5px solid #ddd;font-size:.85rem;font-weight:500;cursor:pointer;background:#fff;color:#333;transition:all .15s ease;font-family:inherit}.filter-pill:hover{border-color:#aaa}.filter-pill.cat-all.active{background:#1a1a2e;color:#fff;border-color:#1a1a2e}.filter-pill.cat-software.active{background:#ffebae;color:#333;border-color:#feb737}.filter-pill.cat-firmware.active{background:#feb737;color:#333;border-color:#c98c00}.filter-pill.cat-design.active{background:#a7b5ff;color:#333;border-color:#6a7fe8}.results-count{font-size:.82rem;color:#aaa;margin:0 0 1.6rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px;justify-content:start}.project-card{background:#fff;border-radius:12px;padding:20px 22px;border:1.5px solid #ebebeb;display:flex;flex-direction:column;gap:8px;transition:border-color .2s ease,transform .2s ease}.project-card:hover{border-color:#ccc;transform:translateY(-2px)}.card-software{border-left:4px solid #FEB737}.card-firmware{border-left:4px solid #FFA040}.card-design{border-left:4px solid #A7B5FF}.card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.card-type-badge{padding:2px 9px;border-radius:999px;font-size:.75rem;font-weight:600}.card-type-badge.cat-software{background:#ffebae;color:#333}.card-type-badge.cat-firmware{background:#feb737;color:#333}.card-type-badge.cat-design{background:#a7b5ff;color:#333}.card-time{font-size:.75rem;color:#aaa;font-style:italic}.card-title{font-family:Cardo,serif;font-size:1.25rem;font-weight:700;color:#1a1a2e;margin:0}.card-desc{font-size:.9rem;color:#555;line-height:1.6;margin:0;flex:1}.card-link{font-size:.83rem;font-weight:600;color:#d81b60;text-decoration:none;margin-top:2px}.card-link:hover{text-decoration:underline}@media (max-width: 640px){.projects-grid{grid-template-columns:1fr}}.experience-page{display:flex;flex-direction:column;max-width:840px;margin:0 auto;padding:1.5rem 0 4rem}.info-tabs-container{display:flex;flex-direction:row;gap:1rem;margin-bottom:2rem}.info-tab{background-color:#f5f7fb;border-radius:8px;padding:1.5rem;cursor:pointer;transition:all .3s ease;flex:1}.info-tab:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.info-tab.active{background-color:#e0e7ff;border-left:4px solid #4f46e5}.info-tab h3{margin-top:0;color:#1e293b;font-size:1.25rem}.info-tab p{color:#64748b;font-size:.95rem;margin-bottom:0}.content-display{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000000d;padding:2rem}.section-title{color:#1e293b;font-size:1.75rem;margin-top:0;padding-bottom:1rem;border-bottom:2px solid #e2e8f0}.job-title{color:#334155;font-size:1.35rem;margin-bottom:.25rem}.second-job{margin-top:2.5rem}.company{color:#475569;font-size:1.1rem;margin-top:.25rem;margin-bottom:.25rem}.company a{color:#4f46e5;text-decoration:none}.company a:hover{text-decoration:underline}.company-note{color:#64748b;font-size:.9rem;margin-left:.5rem}.date{color:#64748b;font-style:italic;margin-top:.25rem;margin-bottom:1rem}.experience-list{padding-left:1.5rem;margin-top:1rem}.experience-list li{margin-bottom:.75rem;color:#334155}@media (max-width: 768px){.info-tabs-container{flex-direction:column}.info-tab{margin-bottom:1rem}.content-display{padding:1.5rem}}.slideshow-container{max-width:850px;width:100%;position:relative;margin:auto;border-radius:8px;overflow:hidden;box-shadow:0 4px 8px #00000026}.slideshow-container .images{display:none;width:100%}.slideshow-container .images img{width:100%;height:auto;display:block}.slideshow-container .caption{color:#fff;font-size:16px;padding:12px 20px;position:absolute;bottom:0;width:100%;text-align:center;background-color:#000000b3}.slideshow-container .prev,.slideshow-container .next{cursor:pointer;position:absolute;top:50%;width:auto;margin-top:-25px;padding:18px;color:#fff;font-weight:700;font-size:20px;transition:.3s ease;border-radius:0 3px 3px 0;-webkit-user-select:none;user-select:none;background-color:#00000080;z-index:10}.slideshow-container .prev{left:0;border-radius:0 3px 3px 0}.slideshow-container .next{right:0;border-radius:3px 0 0 3px}.slideshow-container .prev:hover,.slideshow-container .next:hover{background-color:#000c}.slideshow-dots{text-align:center;margin-top:10px}.slideshow-dot{cursor:pointer;height:12px;width:12px;margin:0 5px;background-color:#bbb;border-radius:50%;display:inline-block;transition:background-color .3s ease}.slideshow-dot.active,.slideshow-dot:hover{background-color:#717171}.project-visuals-heading{font-size:1.4rem;margin:30px 0 15px;padding-bottom:8px;border-bottom:1px solid #eaeaea;color:#333}@media (max-width: 768px){.slideshow-container{max-width:100%}}.slideshow-loading{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#f8f8f8;z-index:5;border-radius:8px}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #4f46e5;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:10px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.slideshow-container{min-height:400px;position:relative}.project-slideshow{position:relative;margin-top:2rem;margin-bottom:2rem}.slideshow-container .images img{min-height:300px;object-fit:contain}.slideshow-dots{margin-top:15px;padding:10px 0}.slideshow-dot{box-shadow:0 1px 3px #0003}.slideshow-container .caption{z-index:2}.contact-page{padding:1.5rem 0 4rem;display:block;justify-content:unset}.contact-inner{max-width:840px;margin:0 auto}.a-text{font-family:Cardo,serif;font-size:20px;padding:24px 28px;background-color:#f0f8ff;border-radius:20px;line-height:1.7;display:inline-block;width:100%;box-sizing:border-box}.a-text a{color:#5b4bcc;text-decoration:underline}.a-text a:hover{opacity:.75}.creative-page{padding:1.5rem 0 4rem}.creative-inner{max-width:840px;margin:0 auto}.creative-header{margin-bottom:2.8rem}.creative-title{font-family:Cardo,serif;font-size:2.6rem;font-weight:700;color:#1a1a2e;margin:0 0 .3rem;letter-spacing:-.01em}.creative-subtitle{font-size:.95rem;color:#888;margin:0}.posts-list{display:flex;flex-direction:column;gap:0}.post-row{display:grid;grid-template-columns:100px 1fr;gap:24px;padding:24px 0;border-bottom:1px solid #f0f0f0}.post-row:first-child{border-top:1px solid #f0f0f0}.post-meta{padding-top:4px}.post-date{font-size:.78rem;color:#bbb;font-style:italic;white-space:nowrap}.post-body{display:flex;flex-direction:column;gap:6px}.post-title{font-family:Cardo,serif;font-size:1.3rem;font-weight:700;color:#1a1a2e;margin:0;line-height:1.3}.post-desc{font-size:.9rem;color:#555;line-height:1.65;margin:0}.post-link{font-size:.83rem;font-weight:600;color:#d81b60;text-decoration:none;margin-top:4px;display:inline-block}.post-link:hover{text-decoration:underline}@media (max-width: 520px){.post-row{grid-template-columns:1fr;gap:6px}}.personal-page{padding:1.5rem 0 4rem}.personal-inner{max-width:840px;margin:0 auto}.back-link{display:inline-block;font-family:Cardo,serif;font-size:14px;font-style:italic;color:#aaa;text-decoration:none;margin-bottom:2.5rem;transition:color .15s ease}.back-link:hover{color:#555}.personal-header{margin-bottom:3rem}.personal-title{font-family:Cardo,serif;font-size:clamp(2rem,5vw,3rem);font-weight:700;color:#1a1a2e;margin:0 0 .4rem;letter-spacing:-.02em}.personal-subtitle{font-size:.95rem;color:#888;margin:0}.personal-sections{display:grid;grid-template-columns:1fr 1fr;gap:20px}.personal-section{border-radius:16px;padding:26px 28px;display:flex;flex-direction:column;gap:10px;border:1.5px solid transparent}.section-athletics{background-color:#fff4dc;border-color:#feb737}.section-writing{background-color:#f0f8ff;border-color:#a7b5ff}.section-travel{background-color:#f0fff8;border-color:#2abfaa}.section-interests{background-color:#fff0f5;border-color:#f8bbd0}.section-label{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#999}.section-athletics .section-label{color:#c98c00}.section-writing .section-label{color:#6a7fe8}.section-travel .section-label{color:#1a9b8c}.section-interests .section-label{color:#d81b60}.section-heading{font-family:Cardo,serif;font-size:1.4rem;font-weight:700;color:#1a1a2e;margin:0;line-height:1.2}.section-body{font-size:.9rem;color:#555;line-height:1.65;margin:0}.writing-list{display:flex;flex-direction:column;gap:8px;margin-top:4px}.writing-item{display:flex;justify-content:space-between;align-items:baseline;gap:12px;text-decoration:none;padding:6px 0;border-bottom:1px solid rgba(167,181,255,.4);transition:opacity .15s ease}.writing-item:hover{opacity:.65}.writing-title{font-family:Cardo,serif;font-size:.95rem;font-weight:700;color:#1a1a2e}.writing-date{font-size:.75rem;color:#aaa;font-style:italic;white-space:nowrap}.placeholder-text{font-size:.85rem;color:#bbb;font-style:italic;margin:0}@media (max-width: 600px){.personal-sections{grid-template-columns:1fr}}.app{font-family:Cardo,serif;max-width:1200px;margin:0 auto;padding:0 28px}.site-header{display:flex;align-items:center;justify-content:flex-start;gap:16px;padding:24px 0 10px;margin-bottom:0}.site-name{font-family:Cardo,serif;font-size:52px;font-weight:700;margin:0;letter-spacing:-.02em;color:#1a1a2e}.header-images{display:flex;align-items:flex-end;gap:6px}.headliner{width:68px;height:68px;object-fit:cover;border-radius:50%}.monkey-headliner{width:48px;height:72px;object-fit:cover}.navbar{display:flex;gap:28px;padding:10px 0;margin-bottom:24px;background:none;border-radius:0;border-bottom:1px solid #f0f0f0}.header-nav-wrapper{max-width:840px;margin-left:auto;margin-right:auto}.nav-link{font-family:Cardo,serif;font-size:16px;font-weight:400;color:#aaa;text-decoration:none;padding:4px 0;position:relative;transition:color .2s ease}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0%;height:2px;background:#ffb3c6;border-radius:2px;transition:width .25s ease}.nav-link:hover{color:#333}.nav-link.active{color:#1a1a2e;font-weight:700}.nav-link.active:after,.nav-link:hover:after{width:100%}main{width:100%;display:block}.content-container{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin-bottom:30px;width:100%}.general-text{flex:1;min-width:300px;max-width:50%;line-height:1.6;font-family:Cardo,serif;font-size:20px;text-align:justify;background-color:#e3f2fd;padding:20px;border-radius:8px}.general-text a{color:#673ab7;text-decoration:none;font-weight:700}.general-text a:hover{text-decoration:underline}.self-photo-slideshow{flex:1;min-width:300px;max-width:40%;position:relative}.images{display:none;position:relative}.images.active{display:block}.images img{width:300px;height:400px;object-fit:cover;border:20px solid #FDDDE6;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:block}.prev,.next{cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);width:auto;padding:8px;color:#fff;font-weight:700;font-size:14px;transition:.6s ease;-webkit-user-select:none;user-select:none;background-color:#0006;z-index:2}.prev{left:-2px;border-radius:0 3px 3px 0}.next{right:-25px;border-radius:3px 0 0 3px}.prev:hover,.next:hover{background-color:#000c}.cardo-regular{font-family:Cardo,serif;font-weight:400;font-style:normal}.cardo-bold{font-family:Cardo,serif;font-weight:700;font-style:normal}.cardo-regular-italic{font-family:Cardo,serif;font-weight:400;font-style:italic}@media (max-width: 768px){.site-name{font-size:36px}.headliner{width:52px;height:52px}.monkey-headliner{width:38px;height:56px}.navbar{gap:20px;flex-wrap:wrap}.content-container{flex-direction:column;align-items:center}.general-text,.self-photo-slideshow{max-width:90%}}