*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;border:30px solid var(--frame);font-family:Lato,"Helvetica Neue",Arial,sans-serif;color:#444;line-height:1.5;min-height:100vh;font-size:14px}a{color:inherit;text-decoration:none}.container{max-width:var(--container);padding:0 20px;margin:0 auto}.site-header{position:sticky;top:0;z-index:20;box-shadow:0 1px 10px #00000008}.header-content{display:flex;justify-content:space-between;gap:35px;align-items:center;min-height:115px}.logo{display:flex;align-items:center;flex:0 0 220px}.logo img{max-width:100%;max-height:100px;object-fit:contain}.main-nav{display:flex;justify-content:flex-end;gap:19px;align-items:center;flex-wrap:wrap}.main-nav a{text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:500;white-space:nowrap}.main-nav a:hover{opacity:.48}.menu-toggle{display:none;background:none;border:1px solid #ddd;padding:9px 14px;font-size:22px;cursor:pointer}.section-heading{font-weight:400;letter-spacing:3px;text-align:center;text-transform:uppercase;margin:10px 0 35px;font-size:20px}.portfolio-grid{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:22px}.project-card{min-width:0}.project-media{position:relative;overflow:hidden;background:#eee;aspect-ratio:590/363}.project-media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease;display:block}.project-card:hover img{transform:scale(1.04)}.project-overlay{position:absolute;inset:auto 0 0;background:linear-gradient(transparent,#000a);color:#fff;padding:35px 16px 15px;opacity:0;transition:opacity .2s}.project-overlay strong{font-size:15px;display:block}.project-overlay small{display:block;opacity:.9;margin-top:4px}.project-card:hover .project-overlay{opacity:1}.text-section{text-align:center}.text-section h2,.feature-image h2{font-size:26px;font-weight:400;letter-spacing:2px}.text-section p{max-width:730px;margin:0 auto;white-space:normal}.feature-image{text-align:center}.feature-image img{display:block;max-width:100%;max-height:700px;margin:18px auto}.site-footer{text-align:center;font-size:12px;letter-spacing:.5px}.site-section{scroll-margin-top:140px}@media(max-width:1090px){.header-content{min-height:95px}.logo{flex-basis:160px}.main-nav{gap:12px}.main-nav a{font-size:10px;letter-spacing:1px}.portfolio-grid{grid-template-columns:repeat(min(3,var(--cols)),minmax(0,1fr))}}@media(max-width:740px){body{border:0}.header-content{min-height:76px;position:relative}.logo{flex-basis:145px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;box-shadow:0 9px 20px #0002;padding:16px;flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.main-nav a{font-size:12px;padding:8px 4px}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.project-overlay{opacity:1}.container{padding:0 15px}}@media(max-width:480px){.portfolio-grid{grid-template-columns:1fr}.project-media{aspect-ratio:590/363}}