/* v2.25b brightness restore (Claude Code, chat "Website darkness and poster visibility", 2026-10-28). Linked LAST on every page.
   Kyle: "the website got darker again... hard to see the mf poster in the background... dark and more transparent again".
   Kyle's 10-26 ask ("turn down the darkness and transparency of the background mf image, id like it to pop") only ever reached the
   home page: an older ".subpage .scroll-backdrop{opacity:.14}" rule kept every other page at 14%, and ".contact-page .contact-city"
   kept the old dark wash on the Contact page. Brightness only: no text, price, layout or color-palette changes. */

/* 1) The MF poster behind every page while you scroll: stronger, less see-through, on ALL pages (was .32 home / .14 elsewhere). */
.scroll-backdrop{opacity:calc(var(--art-progress,0)*.52)}
.subpage .scroll-backdrop{opacity:.44}
.scroll-backdrop img{filter:saturate(1.08) brightness(1.04)}
.scroll-backdrop::after{background:linear-gradient(180deg,rgba(3,6,20,.12),rgba(3,6,20,.34) 55%,rgba(3,6,20,.52)),radial-gradient(ellipse at 50% 25%,transparent,rgba(3,6,20,.28) 80%)}
@media(prefers-reduced-motion:reduce){.scroll-backdrop,.subpage .scroll-backdrop{opacity:.36!important}}

/* 2) Contact page header: the MF poster at the 10-26 brightness, with the lighter wash it never got. */
.contact-page .contact-city{opacity:.9;filter:saturate(1.22) brightness(1.08);background:radial-gradient(ellipse 34% 30% at 50% 36%,rgba(3,6,19,.42),transparent),linear-gradient(180deg,rgba(3,6,19,.4),rgba(3,6,19,.16) 42%,rgba(3,6,19,.46) 78%,#030716 100%),url('mainfront-banner-backdrop.webp') center 6%/cover no-repeat}

/* the page header is very tall (photo, details, form), so "cover" blew the poster up past recognition: size it to the header and fade it out below */
.contact-page .contact-city{inset:0 0 auto 0;height:clamp(640px,78vw,1100px);-webkit-mask-image:linear-gradient(180deg,#000 62%,transparent);mask-image:linear-gradient(180deg,#000 62%,transparent)}

/* 3) Home "09 YOUR MOVE" (city + MF picture Kyle picked 10-27): brighter, lighter wash. */
.mfc-bd-contact img{opacity:.95}
.contact-section .contact-inner>p{text-shadow:0 1px 10px rgba(3,6,21,.95),0 0 3px rgba(3,6,21,.9)}
.mfc-bd-contact::after{background:linear-gradient(180deg,rgba(3,6,19,.46),rgba(3,6,19,.14) 40%,rgba(3,6,19,.4) 75%,#030716)}
/* phones: the section is tall and narrow, so "cover" blew the picture up until only the MF's corners showed.
   Show the whole MF + skyline behind the heading instead, fading into the form below. */
@media(max-width:760.98px){
 .mfc-bd-contact img{top:clamp(56px,20vw,96px);left:50%;width:auto;height:min(132vw,900px);min-width:100%;transform:translateX(-52%);object-fit:cover;object-position:50% 30%;
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 10%,#000 58%,transparent 86%);mask-image:linear-gradient(180deg,transparent,#000 10%,#000 58%,transparent 86%)}
 .mfc-bd-contact::after{background:linear-gradient(180deg,rgba(3,6,19,.34),rgba(3,6,19,.06) 140px,rgba(3,6,19,.2) 300px,rgba(3,6,19,.6) 420px,#030716 620px)}
}
/* phones, Contact page: a soft dark patch behind the paragraph so the poster's MAINFRONT lettering doesn't fight the words */
@media(max-width:760.98px){.contact-page .contact-city{background:radial-gradient(ellipse 80% 22% at 50% 52%,rgba(3,6,19,.72),transparent),linear-gradient(180deg,rgba(3,6,19,.36),rgba(3,6,19,.14) 30%,rgba(3,6,19,.4) 70%,#030716 100%),url('mainfront-banner-backdrop.webp') center 6%/cover no-repeat}}