.section{padding:1.5rem 1rem;max-width:1200px;margin:0 auto}@media(max-width:768px){.section{padding:3rem 1rem}}@media(max-width:480px){.section{padding:2rem 1rem}}.text-primary{color:var(--color-primary)}.text-accent{color:var(--color-accent)}.text-subtle{color:var(--color-subtext)}.bg-primary{background-color:var(--color-primary)}.bg-accent{background-color:var(--color-accent)}.bg-light{background-color:var(--color-bg)}.btn{padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;background-color:var(--color-primary);color:var(--color-white);border:none;cursor:pointer;transition:background-color .3s ease}.btn:hover{background-color:var(--color-accent);color:var(--color-primary)}.ctas{display:flex;gap:16px}.ctas a{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:128px;height:48px;padding:0 20px;border:1px solid rgba(0,0,0,0);transition:background .2s,color .2s,border-color .2s;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:20px;font-weight:500}.ctas a.primary{background:var(--color-primary);color:var(--color-white);gap:8px}.ctas a.secondary{border-color:rgba(0,0,0,.08);min-width:158px}@media(hover:hover)and (pointer:fine){.ctas a.primary:hover{background:#383838}.ctas a.secondary:hover{background:#f2f2f2}}body{font-family:var(--font-body);margin:0;padding:0;min-width:320px;min-height:100vh;background-color:var(--color-bg);color:var(--color-text);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:1.25}li,p{line-height:1.5}:root{--font-heading:"Josefin Sans",sans-serif;--font-body:"Lato",sans-serif;--color-primary:#081c2b;--color-accent:#b7924e;--color-bg:#fefefe;--color-text:#2e2e2e;--color-subtext:#6b7280;--color-white:#ffffff}.hero{padding-top:2rem;padding-bottom:1rem;text-align:center}.hero h1{font-size:3rem;color:var(--color-primary)}.hero h2{font-size:1.5rem;color:var(--color-subtext);margin-top:1rem}.footer{background-color:var(--color-primary);color:var(--color-accent);padding:1rem 0;margin-top:3rem;text-align:center}.footer .footer-links{display:flex;flex-direction:column;gap:.5rem;align-items:center}@media(min-width:640px){.footer .footer-links{flex-direction:row;gap:1rem}}.footer .footer-links a{transition:opacity .3s ease}.footer .footer-links a:hover{text-decoration:underline;opacity:.9}.nav{position:-webkit-sticky;position:sticky;top:0;background-color:var(--color-primary);z-index:1000;padding:1rem;font-family:var(--font-heading);display:flex;justify-content:space-between;align-items:center}.nav,.nav a{color:var(--color-white)}.nav a{transition:opacity .2s ease}.nav a:hover{opacity:.85;text-decoration:underline}.nav img{height:40px;width:auto}.nav-logo{display:flex;align-items:center;gap:.5rem}.nav-title{font-family:var(--font-heading);font-weight:600;display:none}@media(min-width:640px){.nav-title{display:inline}}.nav-toggle-wrapper{position:relative;display:flex;flex-direction:column;align-items:flex-end}.nav-toggle{font-size:1.5rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:.25rem;z-index:1001}.nav-dropdown{position:absolute;top:100%;right:0;width:200px;background-color:rgba(0,0,0,0);border:1px solid var(--color-accent);color:var(--color-primary);display:flex;flex-direction:column;padding:0 1rem;list-style:none;overflow:hidden;border-radius:0;text-align:right;max-height:0;opacity:0;pointer-events:none;transform:scaleY(0);transform-origin:top;transition:max-height .4s ease,transform .4s ease,opacity .4s ease}.nav-dropdown.open{max-height:500px;transform:scaleY(1);opacity:1;pointer-events:auto}.nav-dropdown a{display:block;text-transform:uppercase;font-weight:500;color:var(--color-primary);text-decoration:none;padding:.75rem 0;transition:color .2s ease}.nav-dropdown a:hover{color:var(--color-accent)}.projects .project-list{display:grid;grid-template-columns:1fr;grid-gap:2rem;gap:2rem}@media(min-width:768px){.projects .project-list{grid-template-columns:repeat(2,1fr)}}.projects .featured-list{display:grid;grid-template-columns:1fr;grid-gap:3rem;gap:3rem}.project-card{background:var(--color-white);border-radius:.5rem;box-shadow:0 -4px 10px rgba(0,0,0,.08),0 4px 12px rgba(0,0,0,.08);overflow:hidden;padding:1.5rem;text-align:left}.project-card h3{margin-bottom:.75rem}.project-card iframe,.project-card img{width:100%;height:auto;border-radius:.5rem;margin-bottom:1rem}.project-card .project-links{margin-top:1rem}.project-card iframe,.project-card video{display:block;max-width:640px;width:100%;height:auto;margin:0 auto 1rem;border-radius:.5rem}.media-wrapper{display:flex;justify-content:center;margin-bottom:2rem}.media-wrapper iframe,.media-wrapper img,.media-wrapper video{max-width:640px;width:100%;height:auto;border-radius:.5rem;box-shadow:0 4px 8px rgba(0,0,0,.1)}.about-content{display:grid;grid-template-columns:1fr 3fr;grid-gap:2rem;gap:2rem;align-items:center}@media(max-width:768px){.about-content{grid-template-columns:1fr;text-align:center}.about-content .about-image{margin-bottom:1rem}}.about-image img{width:100%;max-width:200px;height:auto;border-radius:50%;display:block;margin:0 auto;box-shadow:0 4px 8px rgba(0,0,0,.1)}@media(prefers-color-scheme:light){:root{color:var(--color-text);background-color:var(--color-bg)}button{background-color:#f9f9f9}}