:root{--taupe: #483c32;--wheat: #f5deb3}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%}body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;background-color:var(--wheat);color:var(--taupe);line-height:1.5}.page{min-height:100vh;display:flex;flex-direction:column;position:relative}.container{width:100%;max-width:960px;margin:0 auto;padding:0 1.5rem}.content{flex:1;width:100%;max-width:1080px;margin:0 auto;padding:2rem 1.5rem;display:grid;gap:2rem;align-items:start;grid-template-columns:1fr 1fr;grid-template-areas:"about    projects" "showcase projects" "contact  projects"}@media (max-width: 768px){.content{grid-template-columns:1fr;grid-template-areas:"about" "showcase" "projects" "contact"}}.section-title{font-size:1.25rem;margin-bottom:.75rem;padding-bottom:.2rem;border-bottom:2px solid var(--taupe);display:inline-block}.hero{text-align:center;padding:2rem 0 1rem}.hero-name{font-size:2rem}.hero-role{font-size:1.1rem;font-weight:600}.hero-tagline{margin-top:.25rem;opacity:.85}#about{grid-area:about}.about-text{max-width:420px}.skill-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem;list-style:none}.skill-tag{background-color:var(--taupe);color:var(--wheat);padding:.2rem .7rem;border-radius:1rem;font-size:.8rem}#projects{grid-area:projects}.project-grid{display:flex;flex-direction:column;gap:1rem}.project-card{display:flex;flex-direction:column;gap:.4rem;width:100%;padding:1rem;border:2px solid var(--taupe);border-radius:.5rem;color:inherit;text-decoration:none;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.project-card:hover,.project-card:focus-visible{transform:translateY(-4px);box-shadow:0 8px 20px #483c3240}.project-card h3{font-size:1rem}.project-card p{font-size:.875rem}.tech-list{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:auto;list-style:none}.tech-tag{padding:.1rem .5rem;border:1px solid var(--taupe);border-radius:.75rem;font-size:.75rem}.project-card-label{color:var(--taupe);font-weight:600;font-size:.875rem}#videos{grid-area:showcase}.video-player{display:block;width:100%;aspect-ratio:16 / 9;border:3px solid var(--taupe);border-radius:.75rem;background-color:var(--taupe)}.video-selector{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem;list-style:none}.video-chip{background-color:var(--wheat);color:var(--taupe);padding:.2rem .7rem;border:1px solid var(--taupe);border-radius:1rem;font-size:.8rem;cursor:pointer}.video-chip.is-active{background-color:var(--taupe);color:var(--wheat)}#contact{grid-area:contact}.contact-email{display:inline-block;margin-top:.25rem;font-size:1.1rem;font-weight:700;color:var(--taupe)}.footer{background-color:var(--taupe);color:var(--wheat);text-align:center;padding:.75rem 0;font-size:.85rem}.footer-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem 1.5rem}.footer-links{display:flex;gap:1rem}.footer-links a{color:var(--wheat);font-weight:600;text-decoration:none}.footer-links a:hover{text-decoration:underline}.loading{padding:4rem 0;text-align:center}