@import "https://fonts.googleapis.com/css2?family=Bungee&family=Montserrat:wght@400;500;600;700;800&display=swap";:root{--color-cream:#f4ead8;--color-warm-neutral:#ead7bd;--color-brown:#8b5200;--color-brown-dark:#5b351f;--color-text:#2b1b12;--font-display:"Bungee", Georgia, serif;--font-body:"Montserrat", Arial, Helvetica, sans-serif;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-card:24px;--radius-button:999px;--border-strong:3px solid var(--color-brown-dark);--content-width:1100px}*{box-sizing:border-box}html{background-color:var(--color-cream)}body{min-width:320px;min-height:100vh;color:var(--color-text);background-color:var(--color-cream);font-family:var(--font-body);margin:0}button,input,textarea,select{font:inherit}a{color:inherit}.page{min-height:100vh;width:min(100% - 2rem, var(--content-width));padding:var(--space-2xl) 0;place-items:center;margin:0 auto;display:grid}.site-header{width:min(100% - 2rem, var(--content-width));padding:var(--space-lg) 0;justify-content:space-between;align-items:center;gap:var(--space-lg);margin:0 auto;display:flex}.site-logo{font-family:var(--font-display);font-weight:700;text-decoration:none}.site-nav{align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.site-nav a{border-radius:var(--radius-button);padding:.35rem .55rem;font-size:.95rem;text-decoration:none}.site-nav a:hover,.site-nav a:focus-visible,.site-nav a.active{background-color:var(--color-brown);color:var(--color-cream)}.home-page{width:min(100% - 2rem, var(--content-width));padding:var(--space-xl) 0 var(--space-2xl);margin:0 auto}.hero-section{align-items:center;min-height:70vh;display:grid}.hero-copy-block{max-width:860px;padding:var(--space-2xl);border:var(--border-strong);border-radius:var(--radius-card);background-color:var(--color-warm-neutral)}.eyebrow{margin:0 0 var(--space-sm);font-family:var(--font-display);letter-spacing:.04em}.hero-section h1{font-family:var(--font-display);color:var(--color-brown-dark);margin:0;font-size:clamp(3rem,10vw,8rem);line-height:.85}.hero-tagline{max-width:700px;margin:var(--space-lg) 0 0;font-size:clamp(1.3rem,3vw,2.5rem);font-weight:700;line-height:1.05}.hero-description{max-width:62ch;margin:var(--space-md) 0 0;line-height:1.7}.hero-actions{gap:var(--space-md);margin-top:var(--space-lg);flex-wrap:wrap;display:flex}.button{border:2px solid var(--color-brown-dark);border-radius:var(--radius-button);justify-content:center;align-items:center;min-height:44px;padding:.75rem 1rem;font-weight:700;text-decoration:none;display:inline-flex}.button-primary{background-color:var(--color-brown);color:var(--color-cream)}.button-secondary{color:var(--color-brown-dark);background-color:#0000}.home-section{padding:var(--space-2xl) 0}.section-heading{max-width:760px;margin-bottom:var(--space-lg)}.section-heading h2{margin:0;font-size:clamp(2rem,5vw,4rem);line-height:1}.content-card{width:min(100%,760px);padding:var(--space-xl);border:var(--border-strong);border-radius:var(--radius-card);background-color:var(--color-warm-neutral)}.skills-grid{gap:var(--space-md);grid-template-columns:repeat(4,1fr);display:grid}.skill-card{padding:var(--space-lg);border:2px solid var(--color-brown-dark);background-color:var(--color-warm-neutral);border-radius:18px}.skill-card h3{margin:0 0 var(--space-md);font-family:var(--font-display)}.skill-tags{gap:var(--space-xs);flex-wrap:wrap;display:flex}.skill-tag{border:1px solid var(--color-brown-dark);border-radius:var(--radius-button);padding:.35rem .55rem;font-size:.85rem;display:inline-flex}.project-grid{gap:var(--space-md);grid-template-columns:repeat(3,1fr);display:grid}.project-card{gap:var(--space-md);min-height:100%;padding:var(--space-lg);border:2px solid var(--color-brown-dark);background-color:var(--color-warm-neutral);border-radius:18px;flex-direction:column;display:flex}.project-card-header{justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.project-type{margin:0;font-size:.85rem;font-weight:700}.project-status{border:1px solid var(--color-brown-dark);border-radius:var(--radius-button);padding:.25rem .5rem;font-size:.75rem;display:inline-flex}.project-card h3{font-family:var(--font-display);margin:0;font-size:1.4rem;line-height:1.1}.project-role{margin:0;font-weight:700}.project-summary{margin:0;line-height:1.7}.project-section h4{margin:0 0 var(--space-xs);font-size:.9rem}.project-actions{gap:var(--space-sm);flex-wrap:wrap;margin-top:auto;display:flex}.project-actions a{border:2px solid var(--color-brown-dark);border-radius:var(--radius-button);justify-content:center;align-items:center;min-height:40px;padding:.6rem .85rem;font-weight:700;text-decoration:none;display:inline-flex}.project-actions a:hover,.project-actions a:focus-visible{background-color:var(--color-brown);color:var(--color-cream)}.project-detail-card{width:min(100%,900px)}.project-detail-card h2{margin-top:var(--space-xl);margin-bottom:var(--space-sm);font-size:1.25rem}.project-detail-card p{max-width:75ch}.case-study-layout{gap:var(--space-md);margin-top:var(--space-xl);display:grid}.case-study-card{width:min(100%,900px)}.case-study-card ul,.system-card ul{margin:var(--space-sm) 0 0;padding-left:1.25rem}.case-study-card li,.system-card li{margin-bottom:var(--space-xs);line-height:1.6}.systems-grid{gap:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}.system-card h2{margin-top:0}.contact-card{width:min(100%,720px)}.contact-form{gap:var(--space-lg);display:grid}.form-field{gap:var(--space-xs);display:grid}.form-field label{font-weight:700}.form-field input,.form-field textarea{border:2px solid var(--color-brown-dark);width:100%;color:var(--color-text);background-color:var(--color-cream);border-radius:16px;padding:.85rem 1rem}.form-field textarea{resize:vertical}.form-field input:focus,.form-field textarea:focus{outline-offset:2px;outline:3px solid #8b520040}.form-status{margin:0;font-weight:700}@media (width<=1000px){.project-grid{grid-template-columns:repeat(2,1fr)}.systems-grid{grid-template-columns:1fr}}@media (width<=900px){.site-header{flex-direction:column;align-items:flex-start}.skills-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.home-page,.site-header{width:min(100% - 1rem, var(--content-width))}.hero-copy-block,.content-card{padding:var(--space-lg)}.skills-grid,.project-grid{grid-template-columns:1fr}}
