/*
Theme Name: LesterArtwork
Author: Stephen Lester
Description: An artwork portfolio with category filters and an accessible artwork viewer.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: stephen-lester-art
*/

*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f3ee;color:#22231f;font:15px Arial,sans-serif}a{color:inherit;text-decoration:none}header{padding:28px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d8d6cf}.brand{font-weight:700;font-size:19px;letter-spacing:-.6px}nav{display:flex;gap:28px;font-size:12px}main{padding:0 5%}.intro{padding:78px 0 48px;display:grid;grid-template-columns:1.8fr 1fr;gap:60px;align-items:end}.eyebrow{font-size:10px;letter-spacing:2px;text-transform:uppercase}h1{font:normal clamp(55px,7.8vw,116px)/.98 Georgia,serif;letter-spacing:-5px;margin:23px 0 0}.intro p{max-width:330px;line-height:1.8;color:#65665e}.hero{background:#22231f;padding:36px;display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;color:#f5f3ee}.hero img{width:100%;height:490px;object-fit:contain}.hero h2{font:normal 48px/1.1 Georgia,serif;margin:24px 0}.hero p{line-height:1.8;color:#c6c6bd;max-width:310px}.line-link{display:inline-block;margin-top:30px;border-bottom:1px solid;padding-bottom:9px;font-size:12px}.collection{padding:85px 0}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}h2{font:normal 44px Georgia,serif;margin:12px 0}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:35px}button{font:inherit;cursor:pointer}.filters button{padding:10px 16px;background:transparent;border:1px solid #cccac2;border-radius:30px;font-size:11px}.filters button.active{background:#22231f;color:white;border-color:#22231f}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px 28px}.art{border:0;padding:0;text-align:left;background:transparent;color:inherit}.image-wrap{background:#e9e6de;height:345px;display:flex;align-items:center;justify-content:center;padding:20px;overflow:hidden}.art img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .35s}.art:hover img{transform:scale(1.025)}.caption{display:flex;justify-content:space-between;gap:10px;margin-top:16px}.caption strong{font-size:13px;font-weight:400}.caption span{font-size:16px}.category{font-size:10px;color:#797b70;margin-top:7px}.about{border-top:1px solid #cccac2;padding:65px 0;display:grid;grid-template-columns:1fr 1.5fr;gap:40px}.about p{font:normal 28px/1.5 Georgia,serif;margin:0;max-width:650px}.contact{padding:55px 0 70px;border-top:1px solid #cccac2;display:flex;align-items:end;justify-content:space-between}.contact h2{font-size:58px}.contact p{color:#65665e}footer{border-top:1px solid #cccac2;padding:24px 5%;display:flex;justify-content:space-between;font-size:10px;color:#77786e}dialog{border:0;background:#f5f3ee;padding:22px;max-width:95vw;width:1100px}dialog::backdrop{background:#141512ed}dialog img{display:block;max-width:100%;max-height:76vh;object-fit:contain;margin:auto}dialog .bar{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px}dialog button{background:transparent;border:0;padding:10px}body:has(dialog[open]){overflow:hidden}@media(max-width:760px){header{padding:22px 5%}nav{gap:16px}.intro{grid-template-columns:1fr;padding:48px 0 30px;gap:18px}h1{letter-spacing:-2px}.hero{grid-template-columns:1fr;padding:20px;gap:5px}.hero img{height:320px}.hero h2{font-size:36px}.hero .text{padding:12px}.grid{grid-template-columns:repeat(2,1fr);gap:30px 15px}.image-wrap{height:240px;padding:10px}.collection{padding:55px 0}.about{grid-template-columns:1fr;gap:20px}.about p{font-size:23px}.contact{display:block}.contact h2{font-size:43px}.section-head h2{font-size:37px}}@media(max-width:420px){.image-wrap{height:195px}.caption strong{font-size:11px}}

.standard-page{padding:70px 5%;min-height:70vh}.standard-page h1{font-size:clamp(40px,6vw,80px);margin:30px 0 40px;letter-spacing:-2px}.page-copy{font-size:18px;line-height:1.8;max-width:750px}.single-image img{max-height:75vh;width:100%;object-fit:contain}.page-copy a{text-decoration:underline}button:focus-visible,a:focus-visible{outline:2px solid #a44a32;outline-offset:5px}
.contact{flex-wrap:wrap;gap:2rem}.contact .line-link{overflow-wrap:anywhere}