header{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;border-bottom:1px solid #ddd;margin-bottom:1rem}.site-title{font-size:2rem;font-weight:700;color:#111;text-decoration:none}header nav ul{list-style:none;display:flex;gap:1.5rem;margin:0;padding:0}header nav a{color:#444;text-decoration:none;font-size:1rem}header nav a:hover{color:#000}header nav a.active{color:#000;font-weight:600}footer{margin-top:1rem}body{color:#222;font-family:sans-serif;line-height:1.5;margin-inline:auto;margin-block:1rem;width:100dvw;box-sizing:border-box;padding-inline:clamp(1.5rem,10vw,10rem)}a{color:#00e;text-decoration:none}.subtitle{font-size:1.1rem;color:#444;margin:2rem 0}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.portfolio-item{display:block;color:inherit;text-decoration:none}.portfolio-item img{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block}.portfolio-item h3{margin:.5rem 0 0;font-size:1rem;font-weight:600}.portfolio-item:hover img{opacity:.9}@media(max-width:768px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.portfolio-grid{grid-template-columns:1fr}}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.gallery img{width:100%;height:auto;display:block}.gallery img.gallery-landscape{grid-column:1 / -1}@media(max-width:768px){.gallery{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.gallery{grid-template-columns:1fr}}