/* Gallart Network responsive prototype v6 — preserves the original 1999 black/orange visual language. */
:root{color-scheme:only light;--orange:#ff8000;--black:#000;--white:#fff;--muted:#c9c9c9}
*{box-sizing:border-box}
html{scroll-behavior:smooth;color-scheme:only light;background:#fff}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#111;background:#fff}
img{max-width:100%;height:auto}
a{color:inherit}
/* Linked images give one subtle visual pulse on hover/focus. */
@keyframes gallart-link-pulse{0%,100%{opacity:1}45%{opacity:.72}}
a:hover img,a:focus-visible img,.work-image:hover img,.work-image:focus-visible img{animation:gallart-link-pulse .42s ease-in-out 1}
.skip{position:absolute;left:-9999px}.skip:focus{left:8px;top:8px;background:#fff;color:#000;padding:8px;z-index:99}
.orange{color:var(--orange)}
.brand-small{display:block;width:100px;margin:0 auto}
.pill{display:inline-block;border-radius:999px;padding:2px 12px;background:#000;color:#fff;text-decoration:none;line-height:1.15}
.pill:hover,.pill:focus{color:var(--orange)}
.button{display:inline-block;border:0;border-radius:999px;background:var(--orange);color:#000;text-decoration:none;padding:9px 16px;cursor:pointer;font-weight:400}
.button.dark{background:#000;color:#fff}.button:hover{filter:brightness(.96)}
.site-footer{font-size:11px;text-align:center;padding:16px 12px 20px}
.footer-links{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:8px}.footer-links a{color:inherit;font-weight:400}

/* HOME ------------------------------------------------------------------ */
.home-page{background:#000;color:#fff}
.home-wrap{min-height:100vh;display:grid;grid-template-columns:205px minmax(0,1fr);align-items:stretch;margin:0;background:#000}
.home-new{background:#fff !important;color:#000 !important;width:205px;padding:0 12px 22px;min-height:100vh}
.new-mark{width:180px;height:59px;display:block;margin:12px 0 28px}
.new-artists{display:flex;flex-direction:column;gap:18px;width:100%}
.new-artist{width:max-content;max-width:181px;text-align:left}
.new-artist:nth-child(odd){align-self:flex-start}
.new-artist:nth-child(even){align-self:center}
.new-thumb-link{display:block;width:max-content;max-width:181px;text-decoration:none}
.new-artist img{display:block;width:auto;height:120px;max-width:181px;object-fit:contain;margin:0 0 4px}
.new-artist .pill{display:block;width:max-content;max-width:181px;white-space:nowrap;font-size:12px;font-weight:700;padding:3px 10px;text-align:center}
.member-gif-link{display:block;width:170px;margin:42px 0 0 0}
.member-gif-link img{display:block;width:170px;height:20px}
.home-main{min-width:0;color:#fff;padding:18px 20px 16px;display:flex;flex-direction:column;align-items:center}
.home-content{width:480px;margin:0 auto}
.hero-link{display:block;width:430px;margin:0 0 30px 0}
.hero-logo{display:block;width:430px;height:auto}
.home-copy{width:440px;margin:0 0 0 0;font-size:13px;line-height:1.28;font-weight:400;text-align:justify}
.home-copy p{font-weight:400;margin:0 0 13px}
.home-copy .lead{color:var(--orange);font-weight:400}
.home-copy strong{font-weight:400}
.main-nav{width:440px;margin:20px 0 0;text-align:center;font-size:13px;line-height:1.5;font-weight:400}
.nav-row{white-space:nowrap}
.main-nav a{color:var(--orange);text-decoration:underline;font-weight:700}.main-nav a:hover{color:#fff}
.home-actions{width:440px;margin:22px 0 0;text-align:center;font-weight:400}
.home-actions .button{font-size:12px;padding:8px 17px;font-weight:400}
.explore-row{margin-top:11px}.explore-row a{color:#fff;text-decoration:none;font-size:13px;font-weight:400}.explore-row a:hover{color:var(--orange)}
.home-page .site-footer{width:440px;color:#fff;margin-top:18px;padding-left:0;padding-right:0;font-weight:400}
.home-page .footer-links a{color:var(--orange)}


.hp {
    position: absolute !important;
    left: -10000px !important;
    top: auto !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
}


/* PAINTERS LIST ---------------------------------------------------------- */
.artists-page{background:#000;color:#fff}
.artists-shell{width:610px;margin:0 auto;display:grid;grid-template-columns:130px 350px 130px;min-height:100vh;align-items:start}
.artists-center{background:#ff8000 !important;min-height:100vh;padding-bottom:42px}
.artists-header{width:290px;height:135px;margin:0 auto 20px;background:#000;border-radius:0 0 22px 22px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.artists-header .brand-small{width:100px;margin:0 auto 3px}.artists-header .textual-list-link{display:block;width:120px;height:15px;margin-top:1px}.artists-header .textual-list{display:block;width:120px;height:15px}
.artists-list{display:grid;grid-auto-rows:50px;gap:0}
.artist-row{height:50px;display:flex;align-items:center}
.artist-row.left{justify-content:flex-start;padding-left:30px}.artist-row.right{justify-content:flex-end;padding-right:30px}
.artist-name{position:relative;display:inline-flex;align-items:center}
.artist-name:before{content:"";position:absolute;top:50%;width:30px;height:3px;background:#000;transform:translateY(-50%)}
.artist-row.left .artist-name:before{right:100%}.artist-row.right .artist-name:before{left:100%}
.artist-name .pill{font-size:16px;font-weight:700;white-space:nowrap;padding:3px 11px}
.side-images{width:130px;display:flex;flex-direction:column}
.side-images.left{padding-top:130px}.side-images.right{padding-top:180px}
.side-images .thumb{height:100px;display:flex;align-items:center}
.side-images.left .thumb{justify-content:flex-end}.side-images.right .thumb{justify-content:flex-start}
.side-images .thumb:after,.side-images .thumb:before{content:"";width:30px;height:3px;background:#000;flex:none}
.side-images.left .thumb:before{display:none}.side-images.right .thumb:after{display:none}
.side-images .thumb a{display:block;width:80px;height:80px;flex:none}.side-images img{display:block;width:80px;height:80px;object-fit:cover;border:0;border-radius:10px;flex:none}
.artists-actions{text-align:center;margin:26px 10px 0}.artists-actions .button{font-size:13px}
.artists-page>.site-footer{color:#fff}.artists-page>.site-footer .footer-links a{color:var(--orange)}

/* ARTIST PAGE ------------------------------------------------------------ */
.artist-page{background:#fff !important;color-scheme:only light}
.artist-shell{display:grid;grid-template-columns:362px 560px;width:922px;min-height:100vh;margin:0;align-items:stretch}
.artist-bio{background:#000 !important;color:#fff !important;width:362px;min-height:100%;padding:12px 24px 28px;font-weight:400}
.artist-bio .brand-small{margin-top:4px}
.artist-title{display:block;width:max-content;max-width:100%;color:#fff;background:var(--orange);border-radius:9px;padding:4px 9px;margin:28px auto 17px;font-size:18px;line-height:1.1;font-weight:700}
.bio-text{font-size:13px;line-height:1.2;font-weight:400}.bio-text p{font-weight:400;margin:0 0 11px}
.artist-buttons{display:grid;gap:11px;justify-items:center;margin:24px 0}.artist-buttons a{font-size:12px}.artist-buttons .contact-artist{font-size:12px;font-weight:700;padding:6px 13px}.artist-buttons .vote-artist{font-size:12px;font-weight:400;padding:3px 10px}.artist-buttons .painters-list-link{font-size:10px;font-weight:400;padding:2px 9px}
.artist-gallery{width:560px;padding:10px 10px 0;background:#fff !important;color:#111 !important;display:flex;flex-direction:column}
.works-table{display:grid;grid-template-columns:repeat(3,150px);grid-auto-rows:250px;column-gap:20px;row-gap:0;align-items:stretch}
.work-cell{width:150px;height:250px;display:flex}
.work-cell.pos1{align-items:center;justify-content:flex-end}
.work-cell.pos2{align-items:flex-start;justify-content:flex-end}
.work-cell.pos3{align-items:center;justify-content:flex-end}
.work-cell.pos4{align-items:flex-start;justify-content:center}
.work-cell.pos5{align-items:center;justify-content:flex-start}
.work-cell.pos6{align-items:flex-start;justify-content:flex-start}
.work-cell.pos7{align-items:flex-start;justify-content:center}
.work-cell.pos8{align-items:center;justify-content:center}
.work-cell.pos9{align-items:flex-start;justify-content:center}
.work-cell.pos10{align-items:flex-start;justify-content:flex-start}
.work-cell.pos11{align-items:center;justify-content:flex-start}
.work-cell.pos12{align-items:flex-end;justify-content:flex-end}
.work{width:max-content;max-width:150px;text-align:left;font-weight:400}
.work-image{display:block;border:0;background:none;padding:0;margin:0 0 4px;cursor:zoom-in;width:max-content;max-width:150px}
.work-image img{display:block;max-height:155px;width:auto;max-width:150px;object-fit:contain;margin:0}
.work h2{font-size:12px;margin:0 0 2px;text-transform:uppercase;font-weight:400;line-height:1.18;color:#000}.work-name{color:var(--orange);font-weight:700}.work-year{color:#000;font-weight:400}
.work p{font-size:12px;font-weight:400;line-height:1.18;margin:0;color:#000}.price{color:var(--orange);font-size:11px;font-weight:400;margin-top:2px}
.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.88);z-index:20;padding:30px;align-items:center;justify-content:center}.modal.open{display:flex}.modal-inner{position:relative;max-width:min(900px,95vw);max-height:90vh}.modal img{max-height:86vh;max-width:100%;display:block}.modal-close{position:absolute;right:-12px;top:-12px;border:0;border-radius:50%;width:38px;height:38px;background:var(--orange);font-size:24px;font-weight:400;cursor:pointer}
.artist-footer{width:100%;color:#111 !important;background:#fff !important;margin-top:auto;padding-top:18px}.artist-footer .footer-links a{color:#d66d00}


/* TEXTUAL ARTIST LIST ----------------------------------------------------- */
.text-list-page{background:#000;color:#fff;min-height:100vh}
.text-list-wrap{width:min(760px,calc(100% - 28px));margin:0 auto;padding:0 0 40px}
.text-list-head{background:var(--orange);color:#000;padding:8px 12px;font-size:14px;font-weight:700;margin-bottom:8px}
.text-list-intro{font-size:13px;line-height:1.35;color:#ddd;margin:14px 10px 20px}
.text-artist{padding:10px 12px;border-bottom:1px solid #292929;font-size:13px;line-height:1.35}
.text-artist a{color:var(--orange);font-weight:700;text-decoration:underline}
.text-list-back{background:var(--orange);padding:7px 12px;margin-top:16px}.text-list-back a{color:#000;font-weight:700}

/* SECONDARY PAGES -------------------------------------------------------- */
.secondary{background:#000;color:#fff;min-height:100vh}.secondary-wrap{max-width:900px;margin:0 auto;padding:30px 22px 60px}.secondary header{text-align:center}.secondary h1{color:var(--orange)}.panel{background:#151515;border:1px solid #343434;border-radius:14px;padding:18px;margin:18px 0}.panel h2{margin-top:0;color:var(--orange)}.legacy{border-left:4px solid var(--orange);padding-left:14px;margin:22px 0}.legacy small{color:#bbb}.field{display:grid;gap:6px;margin:13px 0}.field input,.field textarea{width:100%;padding:10px;border:1px solid #777;border-radius:7px;font:inherit}.field textarea{min-height:110px}.note{color:#bbb;font-size:13px}.price-big{font-size:42px;color:var(--orange);font-weight:900;margin:6px 0}.link-card{border-bottom:1px solid #333;padding:13px 0}.link-card:last-child{border-bottom:0}.link-card a{color:var(--orange)}

@media(max-width:760px){
  /* Keep Gallart's original colours even when the mobile browser uses dark mode. */
  body.home-page{background:#000 !important;color:#fff !important}
  .home-wrap{display:block;background:#000 !important}
  .home-new{width:100%;min-height:0;padding:14px 14px 30px;background:#fff !important;color:#000 !important}
  .new-mark{margin:0 0 30px 0}
  .new-artists{display:grid;grid-template-columns:1fr 1fr;gap:24px 14px}
  .new-artist:nth-child(n){align-self:start}
  .new-artist:nth-child(odd){justify-self:start}
  .new-artist:nth-child(even){justify-self:center}
  .member-gif-link{margin-top:30px}
  .home-main{padding:28px 18px;align-items:center;background:#000 !important;color:#fff !important}
  .home-content{width:100%;max-width:480px;margin:0 auto}
  .hero-link,.hero-logo{width:min(430px,100%)}
  .home-copy,.main-nav,.home-actions,.home-page .site-footer{width:100%}
  .home-copy{font-size:14px}
  .nav-row{white-space:normal}
  .home-page .site-footer{margin-top:18px}

  .artists-page{background:#000 !important;color:#fff !important}
  .artists-shell{width:100%;display:block;background:#000 !important}
  .side-images{display:none}
  .artists-center{width:min(350px,100%);margin:0 auto;background:#ff8000 !important;color:#000 !important}
  .artists-header{max-width:83%;background:#000 !important}
  .artist-row.left{padding-left:30px}
  .artist-row.right{padding-right:30px}
  .artist-name .pill{font-size:15px;background:#000 !important;color:#fff !important}

  /* Mobile artist page: biography first, artwork gallery below on white. */
  .artist-page{background:#fff !important;color:#111 !important}
  .artist-shell{display:block;width:100%;min-height:0;background:#fff !important}
  .artist-bio{width:100%;min-height:0;padding:16px 20px 24px;background:#000 !important;color:#fff !important}
  .artist-bio .brand-small{width:92px}
  .artist-title{margin:20px auto 16px;font-size:18px}
  .bio-text{font-size:14px;line-height:1.3}
  .artist-buttons{margin:20px 0 4px}
  .artist-gallery{width:100%;padding:24px 18px 0;background:#fff !important;color:#111 !important}
  .works-table{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;gap:28px 18px}
  .work-cell{width:100%;height:auto;min-height:230px;align-items:flex-start !important;justify-content:center !important}
  .work{max-width:150px}
  .artist-footer{width:100%;background:#fff !important;color:#111 !important;margin-top:28px;padding-bottom:22px}
  .artist-footer .footer-links a{color:#d66d00 !important}
}

@media(max-width:520px){
  .new-artist .pill{font-size:11px;padding:3px 7px}
  .artist-gallery{padding:24px 20px 0}
  .works-table{grid-template-columns:1fr;gap:30px}
  .work-cell{min-height:0;height:auto;justify-content:center !important}
  .work{width:220px;max-width:220px}
  .work-image{max-width:220px}
  .work-image img{max-width:220px;max-height:270px}
  .work h2,.work p{font-size:13px}
  .price{font-size:12px}
}

/* Samsung Internet and other browsers that auto-darken pages should keep Gallart's historic palette. */
@media (prefers-color-scheme: dark){
  html,body{color-scheme:only light}
  .home-new{background:#fff !important;color:#000 !important}
  .artists-center{background:#ff8000 !important;color:#000 !important}
  .artist-page,.artist-shell,.artist-gallery,.artist-footer{background:#fff !important;color:#111 !important}
  .artist-bio{background:#000 !important;color:#fff !important}
}


/* V8.4 — preserve Gallart palette in browsers that auto-darken web content. */
:root,html,body{color-scheme:only light !important}
.home-new{
  background-color:#fff !important;
  background-image:url("../img/gallart-white.png") !important;
  background-repeat:repeat !important;
  color:#000 !important;
}
.artists-center{
  background-color:#ff8000 !important;
  background-image:url("../img/gallart-orange.png") !important;
  background-repeat:repeat !important;
  color:#000 !important;
}
.artist-page,.artist-shell,.artist-gallery,.artist-footer{
  background-color:#fff !important;
}
.artist-gallery,.artist-footer{
  background-image:url("../img/gallart-white.png") !important;
  background-repeat:repeat !important;
  color:#111 !important;
}
.artist-bio{background:#000 !important;color:#fff !important}

/* Legacy artist pages converted to the same responsive Gallart layout. */
.legacy-works-table{display:grid;grid-template-columns:repeat(3,150px);grid-auto-rows:var(--legacy-row-height,230px);column-gap:20px;row-gap:0;align-items:stretch}
.legacy-works-table .work-cell{width:150px;height:var(--legacy-row-height,230px);display:flex}
.work-cell.va-top{align-items:flex-start}.work-cell.va-middle{align-items:center}.work-cell.va-bottom{align-items:flex-end}
.work-cell.ha-left{justify-content:flex-start}.work-cell.ha-center{justify-content:center}.work-cell.ha-right{justify-content:flex-end}
.legacy-bio-note{font-size:11px;line-height:1.25;color:#bbb;margin-top:12px}
@media(max-width:760px){
  .legacy-works-table{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;gap:28px 18px}
  .legacy-works-table .work-cell{width:100%;height:auto;min-height:230px;align-items:flex-start !important;justify-content:center !important}
}
@media(max-width:520px){
  .legacy-works-table{grid-template-columns:1fr;gap:30px}
  .legacy-works-table .work-cell{min-height:0;height:auto;justify-content:center !important}
}