﻿:root {
  /* ===== EASY ARTIST THEME SETTINGS ===== */
  --font-heading: Georgia, 'Times New Roman', serif;
  --font-body: Arial, Helvetica, sans-serif;
  --colour-bg: #dedede;
  --colour-surface: #f5f5f3;
  --colour-text: #222222;
  --colour-muted: #666666;
  --colour-accent: #8b6654;
  --colour-border: #c8c8c8;
  --content-width: 1180px;
}
*{box-sizing:border-box} body{margin:0;background:var(--colour-bg);color:var(--colour-text);font-family:var(--font-body);line-height:1.6} img{max-width:100%;display:block} a{color:inherit} .wrap{width:min(calc(100% - 40px),var(--content-width));margin:auto}.site-header{padding:34px 0 20px;border-bottom:1px solid var(--colour-border)}.header-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center}.brand{text-decoration:none;text-align:center}.brand strong{font-family:var(--font-heading);font-size:clamp(2rem,5vw,4.2rem);font-weight:400;letter-spacing:.01em}.tagline{display:block;color:var(--colour-muted);font-size:.9rem;letter-spacing:.15em;text-transform:uppercase}.nav{display:flex;justify-content:center;gap:22px;flex-wrap:wrap}.nav a{text-decoration:none;border-bottom:1px solid transparent}.nav a:hover,.nav a.active{border-color:var(--colour-text)}main{padding:42px 0 70px}.hero{display:grid;grid-template-columns:1.4fr .8fr;gap:48px;align-items:center;margin-bottom:70px}.placeholder{background:linear-gradient(135deg,#b9b0a9,#e8e2dc);min-height:520px;display:grid;place-items:center;color:#555;font-family:var(--font-heading);font-size:1.4rem}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.75rem;color:var(--colour-muted)}h1,h2,h3{font-family:var(--font-heading);font-weight:400;line-height:1.12}h1{font-size:clamp(2.8rem,6vw,5.8rem);margin:.2em 0}h2{font-size:clamp(2rem,4vw,3.5rem);margin:0 0 20px}.button{display:inline-block;margin-top:16px;padding:11px 18px;border:1px solid var(--colour-text);text-decoration:none}.button:hover{background:var(--colour-text);color:var(--colour-bg)}.block{margin:70px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.art{aspect-ratio:4/5;background:var(--colour-surface);display:grid;place-items:center;color:var(--colour-muted)}.quote{padding:70px 8%;border-top:1px solid var(--colour-border);border-bottom:1px solid var(--colour-border);text-align:center;font:clamp(1.7rem,4vw,3.4rem)/1.25 var(--font-heading)}.page-intro{max-width:760px;margin-bottom:50px}.contact-card{padding:35px;background:var(--colour-surface);max-width:650px}.site-footer{border-top:1px solid var(--colour-border);padding:25px 0 40px;color:var(--colour-muted);font-size:.9rem}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.note{padding:18px;border-left:4px solid var(--colour-accent);background:var(--colour-surface)}code{background:var(--colour-surface);padding:.15em .35em}@media(max-width:760px){.header-inner{display:flex}.nav{margin-top:4px;justify-content:center}.hero,.split{grid-template-columns:1fr}.gallery{grid-template-columns:repeat(2,1fr)}.placeholder{min-height:360px}}@media(max-width:480px){.gallery{grid-template-columns:1fr}.wrap{width:min(calc(100% - 28px),var(--content-width))}}

/* ===== EXTRA REUSABLE HOMEPAGE BLOCKS ===== */
.compact-placeholder{min-height:420px}.feature-image{min-height:68vh;background:linear-gradient(120deg,#aaa29b,#e7e2dc);display:grid;place-items:center;font:1.5rem var(--font-heading);color:var(--colour-muted)}.feature-caption{max-width:720px;margin:24px auto 0;text-align:center}.section-heading{margin-bottom:28px}.section-heading.centred{text-align:center;max-width:700px;margin:0 auto 34px}.centred-action{text-align:center;margin-top:28px}.statement-block{max-width:900px;margin-left:auto;margin-right:auto;text-align:center;padding:55px 8%}.statement-block h2{font-size:clamp(2.4rem,5vw,4.8rem)}.gallery-six{grid-template-columns:repeat(3,1fr)}.landscape-art{aspect-ratio:5/4}.band-block{background:var(--colour-surface);padding:55px;display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:end}.image-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.strip-art{aspect-ratio:3/4;background:var(--colour-surface);display:grid;place-items:center;color:var(--colour-muted)}.block-label{text-align:center;margin-top:-45px;color:var(--colour-muted)}.contact-promo{text-align:center;padding:70px 8%;border:1px solid var(--colour-border)}.contact-promo p{max-width:600px;margin:0 auto}.portrait-placeholder{aspect-ratio:4/5;max-height:620px;background:linear-gradient(145deg,#c1bbb5,#eee9e3);display:grid;place-items:center;color:var(--colour-muted);font-family:var(--font-heading)}
@media(max-width:760px){.band-block{grid-template-columns:1fr;padding:35px}.image-strip{grid-template-columns:repeat(2,1fr)}.gallery-six{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.gallery-six,.image-strip{grid-template-columns:1fr}.feature-image{min-height:420px}}

/* ===== GENERATED GALLERIES ===== */
.gallery-index{display:grid;grid-template-columns:repeat(3,1fr);gap:36px 22px}.gallery-card a{text-decoration:none}.gallery-card img,.gallery-card .art{width:100%;aspect-ratio:4/3;object-fit:cover}.gallery-card h2{font-size:1.8rem;margin:14px 0 4px}.gallery-card p{margin:0;color:var(--colour-muted)}
.generated-gallery{display:grid;grid-template-columns:repeat(var(--gallery-columns,3),1fr);gap:28px 18px}.gallery-item{margin:0}.gallery-item img{width:100%;height:auto}.gallery-item figcaption{margin-top:8px;color:var(--colour-muted);font-size:.92rem}.lightbox-link{display:block}
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:999;display:none;align-items:center;justify-content:center;padding:40px 70px}.lightbox.open{display:flex}.lightbox-stage{text-align:center;max-width:min(1100px,90vw)}.lightbox-stage img{max-width:100%;max-height:82vh;margin:auto}.lightbox-caption{color:white;margin-top:12px}.lightbox button{position:absolute;background:none;border:0;color:white;font-size:3rem;cursor:pointer}.lightbox-close{right:22px;top:10px}.lightbox-prev{left:18px}.lightbox-next{right:18px}.no-scroll{overflow:hidden}
@media(max-width:760px){.gallery-index{grid-template-columns:repeat(2,1fr)}.generated-gallery{grid-template-columns:repeat(2,1fr)!important}.lightbox{padding:50px 42px}}@media(max-width:480px){.gallery-index,.generated-gallery{grid-template-columns:1fr!important}}


/* Gallery generator v3.4 */
.portfolio-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 2rem;
  margin: 2rem 0 4rem;
}
.portfolio-card a { color: inherit; text-decoration: none; }
.portfolio-card img { width: 100%; height: auto; display: block; }
.gallery-grid {
  display: grid;
  gap: 2rem;
  margin: 2rem 0 4rem;
}
.gallery-item { margin: 0; }
.gallery-item img { width: 100%; height: auto; display: block; }
.gallery-item figcaption { padding-top: .75rem; }
.gallery-item h3 { margin: 0 0 .25rem; }
.artwork-meta, .artwork-price, .artwork-status { margin: .2rem 0; }
.artwork-status { font-weight: 700; letter-spacing: .08em; }
.enquire-button {
  display: inline-block;
  margin-top: .75rem;
  padding: .65rem 1rem;
  border: 1px solid currentColor;
  color: inherit;
  text-decoration: none;
}
.enquire-button:hover { opacity: .65; }
@media (max-width: 760px) {
  .portfolio-grid, .gallery-grid { grid-template-columns: 1fr !important; }
}


/* Lightbox v3.6 */
body.lightbox-open { overflow: hidden; }
.art-lightbox {
  position: fixed; inset: 0; z-index: 9999;
  display: none; align-items: center; justify-content: center;
  padding: 3rem 5rem;
  background: rgba(0,0,0,.92);
}
.art-lightbox.open { display: flex; }
.art-lightbox figure { margin: 0; max-width: 92vw; max-height: 92vh; text-align: center; }
.art-lightbox-image { max-width: 90vw; max-height: 82vh; width: auto; height: auto; display: block; margin: 0 auto; }
.art-lightbox-caption { margin-top: .75rem; color: white; }
.art-lightbox button {
  position: absolute; border: 0; background: transparent; color: white;
  font: inherit; font-size: 2.5rem; cursor: pointer; padding: .5rem;
}
.art-lightbox-close { top: .5rem; right: 1rem; }
.art-lightbox-prev { left: 1rem; top: 50%; transform: translateY(-50%); }
.art-lightbox-next { right: 1rem; top: 50%; transform: translateY(-50%); }
@media (max-width: 700px) {
  .art-lightbox { padding: 3rem 2.5rem; }
  .art-lightbox-prev { left: .25rem; }
  .art-lightbox-next { right: .25rem; }
}
