/* All Creatures Pet Portraits — shared styles */
html{scroll-behavior:smooth}
body{margin:0;background:#1E2521}
img{max-width:100%}
a{color:#E2B874}a:hover{color:#F0CD93}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #D6A75F;outline-offset:3px}
.lb-open:focus-visible{outline:2px solid #D6A75F;outline-offset:4px}

/* Gallery: wide painting spans two columns on larger screens */
.wide{grid-column:span 2;width:100%;max-width:560px}
@media (max-width:720px){.wide{grid-column:auto;max-width:none}}

/* Commission form: single column on phones */
@media (max-width:640px){
  .commission-form{grid-template-columns:1fr !important}
  .commission-form > *{grid-column:1 / -1 !important}
}

/* Lightbox */
.lightbox{position:fixed;inset:0;z-index:50;background:rgba(12,15,13,.94);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:24px;box-sizing:border-box;color:#EDE8DF;font-family:'Work Sans',system-ui,sans-serif}
.lightbox[hidden]{display:none}
.lb-row{display:flex;align-items:center;gap:20px;width:100%;max-width:960px;justify-content:center}
#lb-img{display:block;flex:1;min-width:0;width:100%;max-width:860px;height:72vh;object-fit:contain}
.lb-btn{flex:none;width:48px;height:48px;background:transparent;border:1px solid #5B665F;border-radius:2px;color:#EDE8DF;cursor:pointer;display:flex;align-items:center;justify-content:center}
.lb-btn:hover{border-color:#D6A75F}
.lb-close{position:absolute;top:16px;right:16px}
.lb-caption{text-align:center;display:flex;flex-direction:column;gap:2px}
#lb-title{font-family:'Instrument Serif',Georgia,serif;font-size:28px;font-style:italic}
#lb-medium{font-size:14px;color:#B9B2A6}
@media (max-width:640px){.lb-row{gap:8px}.lb-btn{width:44px;height:44px}#lb-img{height:60vh}}