/*
Theme Name: Studio Portfolio
Description: Minimal photographer portfolio theme with a Projects grid, centered logo and hover titles.
Version: 1.0
Text Domain: studio-portfolio
*/
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:#111;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:300;letter-spacing:.08em;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
.site-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:22px 5vw;font-size:12px;text-transform:uppercase}
.site-header ul{list-style:none;margin:0;padding:0;display:flex;gap:22px}
.site-header .nav-right ul{justify-content:flex-end}
.site-header a{color:#777;transition:color .2s}
.site-header a:hover,.site-header .current-menu-item a{color:#111}
.site-header .logo{font-size:15px;letter-spacing:.35em;font-weight:400;color:#111}
.hero{text-align:center;padding:9vh 5vw 7vh}
.hero h1{margin:0;font-weight:200;font-size:clamp(26px,6vw,64px);letter-spacing:.3em;text-transform:uppercase}
.hero p{margin:18px 0 0;font-size:12px;color:#777;text-transform:uppercase}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:0 2px 2px}
.tile{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:#eee}
.tile img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.tile:hover img{transform:scale(1.04)}
.tile-title{position:absolute;left:0;right:0;bottom:0;padding:18px;font-size:12px;text-transform:uppercase;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.55));opacity:0;transition:opacity .3s}
.tile:hover .tile-title,.tile:focus .tile-title{opacity:1}
@media (hover:none){.tile-title{opacity:1}}
@media (max-width:820px){.grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:480px){.grid{grid-template-columns:1fr}.site-header{padding:16px 5vw}.site-header ul{gap:12px}.site-header .logo{font-size:12px;letter-spacing:.2em}}
.project{max-width:1100px;margin:0 auto;padding:6vh 3vw}
.project h1,.page-wrap h1{font-weight:200;font-size:clamp(22px,4vw,34px);letter-spacing:.25em;text-transform:uppercase;text-align:center;margin:0 0 5vh}
.project .entry img,.project .wp-block-image{margin:0 0 6px}
.project .wp-block-gallery{gap:6px}
.project-nav{display:flex;justify-content:space-between;font-size:12px;text-transform:uppercase;color:#777;margin-top:6vh}
.page-wrap{max-width:720px;margin:0 auto;padding:8vh 5vw;font-size:15px;line-height:1.9;letter-spacing:.03em}
.site-footer{text-align:center;color:#777;font-size:11px;padding:40px 5vw 56px;letter-spacing:.1em}
.site-footer a{display:block;margin-bottom:14px}