/* MAVE'S GALLERY ��� Colourful Classic, 2026-10-12
   Layout, framing and visual hierarchy from the original exhibition design.
   Colour, warmth and personality refreshed with Contrast, Repetition, Alignment, Proximity. */
:root {
  --ink:#234254;
  --paper:#f7f3ee;
  --paper-deep:#e5eff1;
  --white:#fffdfa;
  --muted:#536d79;
  --line:rgba(46,89,111,.22);
  --gold:#e4b674;
  --gold-deep:#bb8550;
  --clay:#e49c88;
  --plum:#64719a;
  --serif:Georgia,"Iowan Old Style",serif;
  --sans:"Avenir Next","Segoe UI",ui-sans-serif,sans-serif;
  --blue:#528fa9;
  --deep:#244b62;
  --seafoam:#d0ebe5;
  --coral:#f4b4a1;
  --butter:#f7d995;
  --lilac:#cdd0ed;
}
body {
  color:var(--ink);
  background:
    radial-gradient(circle at 14% 12%,rgba(205,235,234,.54),transparent 27rem),
    radial-gradient(circle at 87% 58%,rgba(244,198,184,.3),transparent 31rem),
    #f8f6f1;
}
::selection {background:#f5cdad;color:#244b62;}
:where(a,button,input,select):focus-visible {outline:3px solid #4287a4;outline-offset:4px;}
/* Header: retain original structure, replace the severe dark bar */
.site-header {
  min-height:5.6rem;
  background:rgba(255,253,248,.96);
  border-bottom:2px solid #98c9cd;
  color:#315b70;
  box-shadow:0 .4rem 1.7rem rgba(37,85,110,.08);
}
.wordmark img {border-radius:18px;box-shadow:0 .3rem 1.1rem rgba(39,91,115,.11);}
.wordmark strong {font-weight:650;color:#2e5970;}
.wordmark small {color:#ad7771;}
.desktop-nav a,.nav-action {color:#35647a;font-weight:600;}
.desktop-nav a::after {background:var(--clay);height:2px;}
.nav-action {border-color:#93c4c8;color:#315e72;background:#eaf6f4;border-radius:999px;}
.menu-button {color:#315e72;}
.menu-button span {height:2px;border-radius:2px;}
.mobile-menu {
  background:#fffdfa;color:#335c71;
  box-shadow:0 1.5rem 3rem rgba(30,69,95,.16);
}
.mobile-menu a,.mobile-menu button {border-color:#daebeb;}
/* Signature original exhibition composition, now with daylight and bold joyful colour */
.masthead {
  background:
    radial-gradient(circle at 90% 4%,rgba(245,197,160,.58),transparent 32%),
    radial-gradient(circle at 4% 97%,rgba(183,226,215,.65),transparent 35%),
    linear-gradient(124deg,#e6f6f6 0%,#ccdee9 49%,#edc8c2 100%);
  color:#254960;
}
.masthead-art {inset:0 0 0 34%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 26%);mask-image:linear-gradient(90deg,transparent,#000 26%);}
.masthead-art.loaded {opacity:.91;}
.masthead-art img {filter:saturate(1.08) contrast(1.03);}
.masthead::before {
  border-color:rgba(255,255,248,.5);
  border-radius:.8rem;
  box-shadow:0 0 0 1px rgba(41,101,121,.13) inset,0 1.3rem 3rem rgba(59,102,117,.11);
}
.masthead::after {
  background:
    linear-gradient(90deg,rgba(231,246,246,.93),rgba(230,245,247,.52) 43%,transparent 78%),
    linear-gradient(0deg,rgba(224,239,241,.6),transparent 39%);
}
.masthead-kicker {color:#3c6d84;font-weight:750;}
.masthead-kicker i {background:#dc8d82;}
.masthead h1 {
  color:#28536b;
  text-shadow:0 .06em .18em rgba(255,255,255,.35);
  font-weight:400;
}
.masthead h1 span {color:#df7971;text-shadow:0 1px 0 rgba(255,255,255,.8);font-style:italic;}
.masthead-foot {border-top:1px solid rgba(43,91,117,.3);}
.masthead-foot p {color:#315870;font-weight:500;}
.masthead-foot p strong {color:#2d526b;font-weight:700;}
.masthead-foot a,.artist-link,.about-cta > a {
  background:#e38c79;color:#173d54;
  border:1px solid #dc856f;
  border-radius:999px;
  font-weight:750;
  box-shadow:0 .6rem 1.6rem rgba(74,105,123,.15);
  transition:transform .2s ease,background .2s ease,box-shadow .2s ease;
}
.masthead-foot a span {color:#173d54;}
.masthead-foot a:hover,.masthead-foot a:focus-visible,
.artist-link:hover,.artist-link:focus-visible,
.about-cta > a:hover,.about-cta > a:focus-visible {
  background:#f5b7a3;color:#173d54;
  box-shadow:0 .9rem 2rem rgba(74,105,123,.19);
}
/* The gallery: generous editorial rhythm and consistent frames, with lighter, happier materials */
.collection {
  background:
    radial-gradient(circle at 92% 5%,rgba(204,234,237,.72),transparent 28rem),
    radial-gradient(circle at 10% 92%,rgba(252,224,196,.38),transparent 31rem),
    linear-gradient(130deg,#fffdfa,#f5f9f6 74%,#fcf3e9);
}
.collection::before {
  height:.37rem;
  background:linear-gradient(90deg,#8bc5cd 0%,#b5d8a7 25%,#f2c681 52%,#f3afa2 78%,#afbedf 100%);
}
.section-heading {border-bottom:2px solid #7faaba;}
.section-heading h2,.artist-copy h2 {color:#315b73;font-weight:650;}
.eyebrow {background:#2f6a83;color:#fff6e2;border-radius:2rem;padding:.36rem .85rem;font-weight:750;}
.work-count {background:#dff0ef;color:#31586b;border-radius:2rem;font-weight:650;}
.collection-tools {border-color:#cddfdd;}
.collection-tools label > span {color:#4b7080;}
.collection-tools input,.collection-tools select {color:#23475b;}
.collection-tools input:focus,.collection-tools select:focus {border-color:#ce8876;}
.status-line {background:#e99683;}
.art-stage {
  border:.58rem solid #fffefa;
  outline:1px solid #bbd2d6;
  border-radius:.25rem;
  background:#e7f1ee;
  box-shadow:0 1.1rem 2.8rem rgba(46,96,116,.14),0 .18rem .6rem rgba(34,77,99,.09);
}
.art-stage::after {border-color:rgba(255,255,255,.7);box-shadow:0 0 0 1px rgba(37,83,105,.06);}
.art-index {background:rgba(39,91,111,.88);border-radius:1.2rem;color:white;}
.art-caption {border-color:#a7cbd0;}
.art-caption strong {color:#315e76;font-weight:650;}
.art-caption span {color:#617f8e;}
.art-card-button:hover .art-stage,.art-card-button:focus-visible .art-stage {
  box-shadow:0 1.7rem 3.5rem rgba(46,96,116,.19);
}
.art-card-button:focus-visible {outline-color:#327997;}
.skeleton {background:linear-gradient(100deg,#e5eff0 30%,#fcffff 50%,#e5eff0 70%);background-size:250% 100%;}
/* Artist section is warm, curious and welcoming instead of moody black */
.artist-section {
  background:
    radial-gradient(circle at 3% 18%,rgba(185,218,223,.78),transparent 24rem),
    radial-gradient(circle at 97% 79%,rgba(251,216,180,.67),transparent 31rem),
    linear-gradient(125deg,#d6eeea 0%,#e5e8ec 52%,#f7d5ca 100%);
  color:#315971;
}
.artist-number {
  color:rgba(76,143,161,.08);
  -webkit-text-stroke:2px rgba(65,135,153,.32);
}
.artist-section .eyebrow,.viewer .eyebrow {background:#398198;color:#fffdfa;}
.artist-copy h2 {color:#305d73;text-shadow:none;}
.artist-intro {color:#3d6075;font-weight:500;}
.artist-note {
  color:#426e7f;
  border:1px solid rgba(70,143,161,.37);
  background:rgba(255,255,255,.39);
  border-radius:.6rem;
}
.site-footer {
  background:#315b72;
  color:#d9ebed;
  border-top:3px solid #afd7d4;
}
.site-footer strong {color:#fff9ec;}
/* Keep immersive full-screen viewing, soften its framing and story controls */
.viewer {background:#243e50;color:#f8f7f2;}
.viewer-header {background:#28495b;border-color:rgba(255,255,255,.19);}
.viewer-header > span {color:#f5c6a3;}
.viewer-info,.viewer-close {color:#fff8f2;}
.viewer-info[aria-expanded="true"] {color:#ffd7ad;border-color:#ffc4a0;}
.viewer-stage {background:radial-gradient(circle at 50% 45%,#476374 0%,#213747 78%);}
.viewer-stage.image-loading::before {border-top-color:#f0b18b;}
.viewer-arrow {background:rgba(41,82,103,.77);}
.viewer-arrow:hover,.viewer-arrow:focus-visible {background:#cb7b74;border-color:#f7c7ae;}
.viewer-stage-tools button {background:rgba(45,84,104,.86);}
.viewer-stage-tools button:hover,.viewer-stage-tools button:focus-visible {border-color:#f5c39e;color:#ffd9b2;}
.viewer-details {background:#2c4f60;border-color:rgba(255,255,255,.16);}
.viewer-details h2 {font-weight:650;}
.viewer-details dt {color:#b9d3d8;}
.viewer-details dd {color:#fffaf5;}
.viewer-story {border-color:#e6b78a;background:rgba(255,233,211,.09);}
.viewer-story-kicker {color:#f5c4a6;}
.viewer-story h3 {color:#fff9f1;}
.viewer-description {color:#e4edf0;}
.viewer-actions button {border-color:#91b6bf;border-radius:2rem;}
.viewer-actions button:hover,.viewer-actions button:focus-visible {border-color:#ffc9a9;color:#ffe2c7;}
.viewer-position {color:#bed0d4;}
.toast {background:#315b73;border-radius:.6rem;}
/* Mave's Story: preserve original bold editorial layout; bring colour and light */
.about-hero {
  background:
    radial-gradient(circle at 93% 9%,rgba(255,213,168,.63),transparent 29rem),
    radial-gradient(circle at 9% 89%,rgba(159,207,218,.69),transparent 31rem),
    linear-gradient(127deg,#daeff0 0%,#d3e2ed 56%,#f3d0c9 100%);
  color:#254a60;
}
.about-hero::before {border-color:rgba(255,255,248,.52);border-radius:.8rem;box-shadow:0 0 0 1px rgba(62,116,134,.13) inset;}
.about-hero::after {background:linear-gradient(90deg,rgba(232,244,244,.45),transparent 70%);}
.about-hero h1 {color:#315970;font-weight:650;text-shadow:none;}
.about-hero h1 span {color:#d47b74;}
.about-hero-intro {color:#3b6176;font-weight:500;}
.about-hero blockquote {
  background:rgba(255,254,247,.69);
  border:1px solid rgba(99,156,174,.47);
  color:#335e73;
  border-radius:1.2rem;
  font-weight:500;
  box-shadow:0 .8rem 2rem rgba(53,100,124,.08);
}
.about-hero blockquote::before {color:#dd9587;}
.about-scroll {color:#346d82;}
.about-story {background:radial-gradient(circle at 91% 9%,rgba(202,236,236,.6),transparent 29rem),#fffdfa;}
.about-story-heading {border-bottom-color:#8cbabf;}
.about-story-heading h2,.about-works-heading h2,.about-cta h2 {color:#315c75;font-weight:650;}
.about-copy p {color:#4e6b7a;}
.about-copy .about-lead {color:#355b72;font-weight:550;}
.about-works {background:linear-gradient(115deg,#e2f1ed,#e4edf2);color:#315a70;}
.about-works-heading {border-color:#9cbdc5;}
.about-works-heading h2 {color:#315b70;}
.about-works-heading > a {color:#b65f60;font-weight:750;}
.about-work-stage {background:#e2ecea;border-color:#fffef7;box-shadow:0 1rem 2.8rem rgba(49,98,118,.16);}
.about-work-caption {border-color:#a9c8cb;}
.about-work-caption strong {color:#315b72;font-weight:650;}
.about-work-caption span {color:#557e8c;}
.about-loading {color:#557b8d;}
.about-principles {background:#faf7ed;}
.about-principles span {color:#ce7e6e;border-bottom-color:#e8aa8c;}
.about-principles h2 {color:#315c72;font-weight:650;}
.about-cta {
  background:
    radial-gradient(circle at 16% 20%,rgba(183,227,222,.78),transparent 24rem),
    radial-gradient(circle at 87% 73%,rgba(250,215,180,.7),transparent 26rem),
    linear-gradient(120deg,#d7e9ef,#ead9db);
  color:#30586c;
}
.about-cta .eyebrow {background:#438399;color:#fff;}
.about-cta h2 {color:#305a70;}
.about-cta > p:not(.eyebrow) {color:#4b6b78;}
/* Gentle shapes provide personality but never compete with the artwork */
.masthead::before,.about-hero::before {pointer-events:none;}
@media (max-width:900px) {
  .viewer-details {background:rgba(44,79,96,.99);border-top-color:#9cbdc8;}
}
@media (max-width:680px) {
  .site-header {min-height:5.25rem;}
  .masthead {min-height:37rem;}
  .masthead-art {inset:0;-webkit-mask-image:none;mask-image:none;}
  .masthead-art.loaded {opacity:.42;}
  .masthead::after {background:linear-gradient(0deg,rgba(223,241,242,.9),rgba(226,241,242,.55) 65%,rgba(226,241,242,.36));}
  .masthead h1 {font-size:clamp(4.1rem,25vw,7.5rem);}
  .masthead h1 span {margin-left:0;}
  .masthead-foot a {justify-self:start;}
  .about-hero h1 {font-size:clamp(4.2rem,24vw,7rem);}
  .about-hero h1 span {margin-left:0;}
  .site-footer {gap:.8rem;}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important;}
}