/* BACKGROUND ART — the ONE swappable layer. Written by apply_study.py from study_D_desktop.jpg + study_D_mobile-diag.jpg.
   Re-run apply_study.py with another study to swap; bg.placeholder.css holds the CSS-only placeholder. */
:root{
  --art-hero: url(img/art/hero_desk.webp) center / cover no-repeat, #04120D;
  --art-hero-m: url(img/art/hero_mob.webp) center / cover no-repeat, #04120D;
  --art-field-a: url(img/art/field_a_desk.webp) center / cover no-repeat, #04120D;
  --art-field-a-m: url(img/art/field_a_mob.webp) center / cover no-repeat, #04120D;
  --art-field-b: url(img/art/field_b_desk.webp) center / cover no-repeat, #04120D;
  --art-field-b-m: url(img/art/field_b_mob.webp) center / cover no-repeat, #04120D;
  --art-divider: url(img/art/divider_desk.webp) center / cover no-repeat, #04120D;
  --art-divider-m: url(img/art/divider_mob.webp) center / cover no-repeat, #04120D;
  --art-album: url(img/art/album_desk.webp) center / cover no-repeat, #04120D;
  --art-album-m: url(img/art/album_mob.webp) center / cover no-repeat, #04120D;
  --art-events: url(img/art/events_desk.webp) center / cover no-repeat, #04120D;
  --art-events-m: url(img/art/events_mob.webp) center / cover no-repeat, #04120D;
  --grain: url(img/art/grain.png);
  --grain-o: 0;
  --grain-o-m: 0;
  --name-veil: none;  /* e.g. radial-gradient(60% 60% at 40% 50%, rgba(4,18,13,.45), rgba(4,18,13,0)) if a bright band sits behind the name */
}
/* TAB-OVERRIDES */
/* Tab overrides, 29 Oct: text sections take the calm part of the study; Events page runs warm (copper/ember, candlelit). */
.sec.f-events{--art:var(--art-field-b)}
body:has(.hero-art.events) .sec.f-a,body:has(.hero-art.events) .sec.f-events{--art:url(img/art/fieldw_desk.webp) center / cover no-repeat, #04120D}
body .teaser .swatch{background:linear-gradient(to top,rgba(4,18,13,.82) 0%,rgba(4,18,13,.35) 32%,rgba(4,18,13,0) 55%),var(--art-album)}
@media (max-width:900px){
 .sec.f-events{--art:var(--art-field-b-m)}
 body:has(.hero-art.events) .sec.f-a,body:has(.hero-art.events) .sec.f-events{--art:url(img/art/fieldw_mob.webp) center / cover no-repeat, #04120D}
 body .teaser .swatch{background:linear-gradient(to top,rgba(4,18,13,.82) 0%,rgba(4,18,13,.35) 32%,rgba(4,18,13,0) 55%),var(--art-album-m)}
}


/* Events band v2: soft cream-to-ember, horizontal; dark text sits on the cream end; fades into the dark above and below */
body .cream-band::before{background:linear-gradient(90deg,#F3EAD9 0%,#F3EAD9 46%,#F0DDC8 57%,#E8C3A0 67%,#D9A07A 77%,#C27650 87%,#9A5640 95%,#7A4A3E 100%);
 -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 200px,#000 calc(100% - 200px),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 200px,#000 calc(100% - 200px),transparent 100%)}
.album-hero .wrap{position:relative}
.album-hero .wrap::before{content:"";position:absolute;inset:-10% -6%;z-index:-1;pointer-events:none;background:var(--name-veil)}
@media (max-width:900px){
 body .cream-band::before{background:linear-gradient(172deg,#F3EAD9 0%,#F3EAD9 72%,#F0DDC8 79%,#E8C3A0 85%,#D9A07A 90%,#C27650 95%,#9A5640 100%)}
}
:root{--name-veil:radial-gradient(75% 62% at 34% 50%,rgba(4,18,13,.46) 0%,rgba(4,18,13,.22) 45%,rgba(4,18,13,0) 72%)}

/* Events band v3: soft cream-to-ember; top and bottom ramp through copper into the dark (no grey) */
body .cream-band::before{-webkit-mask-image:none;mask-image:none;background:linear-gradient(to bottom,#04120D 0,#1B1512 45px,#3E2C27 85px,rgba(118,74,58,.85) 125px,rgba(205,160,128,.55) 165px,rgba(238,218,196,.2) 200px,rgba(243,234,217,0) 230px,rgba(243,234,217,0) calc(100% - 230px),rgba(238,218,196,.2) calc(100% - 200px),rgba(205,160,128,.55) calc(100% - 165px),rgba(118,74,58,.85) calc(100% - 125px),#3E2C27 calc(100% - 85px),#1B1512 calc(100% - 45px),#04120D 100%),linear-gradient(90deg,#F3EAD9 0%,#F3EAD9 46%,#F0DDC8 57%,#E8C3A0 67%,#D9A07A 77%,#C27650 87%,#9A5640 95%,#7A4A3E 100%)}
@media (max-width:900px){
 body .cream-band::before{background:linear-gradient(to bottom,#04120D 0,#1B1512 45px,#3E2C27 85px,rgba(118,74,58,.85) 125px,rgba(205,160,128,.55) 165px,rgba(238,218,196,.2) 200px,rgba(243,234,217,0) 230px,rgba(243,234,217,0) calc(100% - 230px),rgba(238,218,196,.2) calc(100% - 200px),rgba(205,160,128,.55) calc(100% - 165px),rgba(118,74,58,.85) calc(100% - 125px),#3E2C27 calc(100% - 85px),#1B1512 calc(100% - 45px),#04120D 100%),linear-gradient(172deg,#F3EAD9 0%,#F3EAD9 70%,#F0DDC8 78%,#E8C3A0 85%,#D9A07A 91%,#C27650 96%,#9A5640 100%)}
}

/* ===== v14 (29 Oct, evening) ===== */
/* Page wash: the study stretched under the WHOLE page, so the gaps between colour fields are colour, not black.
   Luminance-capped (relative luminance <= ~0.10) so cream body text stays above 4.5:1 everywhere. */
body{background:transparent;position:relative}
body::before{content:"";position:absolute;inset:0;z-index:-5;pointer-events:none;background:var(--wash,none) center top / 100% 100% no-repeat}
.pg-home,.pg-about,.pg-events,.pg-media,.pg-enquire{--wash:url(img/art/wash_d_desk.webp)}
.pg-recitals{--wash:url(img/art/wash_ew_desk.webp)}
.pg-recordings{--wash:url(img/art/wash_e_desk.webp)}
/* Recitals: E's EVENTS page background (warm copper/ember ribbed) */
.hero-art.ew{background:url(img/art/e/events_desk.webp) center / cover no-repeat, #04120D}
.pg-recitals{--art-field-a:url(img/art/e/fieldw_desk.webp) center / cover no-repeat, #04120D;--art-field-b:url(img/art/e/field_b_desk.webp) center / cover no-repeat, #04120D;--art-divider:url(img/art/e/divider_desk.webp) center / cover no-repeat, #04120D;
 --art-field-a-m:url(img/art/e/fieldw_mob.webp) center / cover no-repeat, #04120D;--art-field-b-m:url(img/art/e/field_b_mob.webp) center / cover no-repeat, #04120D;--art-divider-m:url(img/art/e/divider_mob.webp) center / cover no-repeat, #04120D}
/* Recordings: E's background */
.pg-recordings{--art-album:url(img/art/e/album_desk.webp) center / cover no-repeat, #04120D;--art-field-a:url(img/art/e/field_a_desk.webp) center / cover no-repeat, #04120D;--art-field-b:url(img/art/e/field_b_desk.webp) center / cover no-repeat, #04120D;--art-divider:url(img/art/e/divider_desk.webp) center / cover no-repeat, #04120D;
 --art-album-m:url(img/art/e/album_mob.webp) center / cover no-repeat, #04120D;--art-field-a-m:url(img/art/e/field_a_mob.webp) center / cover no-repeat, #04120D;--art-field-b-m:url(img/art/e/field_b_mob.webp) center / cover no-repeat, #04120D;--art-divider-m:url(img/art/e/divider_mob.webp) center / cover no-repeat, #04120D}
/* Events "What to expect": emerald/teal green from D, ties in with the rest of the site */
.sec.f-green{--art:url(img/art/field_a_desk.webp) center / cover no-repeat, #04120D}
@media (max-width:760px){
 .pg-home,.pg-about,.pg-events,.pg-media,.pg-enquire{--wash:url(img/art/wash_d_mob.webp)}
 .pg-recitals{--wash:url(img/art/wash_ew_mob.webp)}
 .pg-recordings{--wash:url(img/art/wash_e_mob.webp)}
 .hero-art.ew{background:url(img/art/e/events_mob.webp) center / cover no-repeat, #04120D}
 .sec.f-green{--art:url(img/art/field_a_mob.webp) center / cover no-repeat, #04120D}
}