/* 1.7.6 — one espresso room. Loaded after all inherited presentation rules.
   Backdrop filters affect only the room behind a surface, never its child artwork.
   Opaque defaults also cover browsers that do not understand @supports. */
html,html[data-gallery-light] {
  color-scheme:dark;
  --paper:#0d0a09; --surface:#15100e; --soft:#100c0b; --espresso:#0d0a09;
  --ink:#f3e9dc; --muted:#dfd0c0; --wine:#edbe80; --accent:#edbe80; --gold:#edbe80;
  --line:#a18b79; --sage:#1b1512; --white:#15100e; --cobalt:#edbe80;
  --coral:#efb196; --ochre:#edbe80; --lilac:#231a16;
  --room-glow:#3d281b; --room-warm:#352016;
  --cine-glass-fill:linear-gradient(180deg,#ffffff08,#ffffff00 52%),linear-gradient(#15100ef5,#15100ef5);
  
  --cine-glass-edge:rgb(255 236 214 / clamp(.12,var(--cine-glass-border),.18));
  --cine-glass-shadow-stack:inset 0 1px 0 rgb(255 236 214 / .09),0 18px 48px -20px rgb(0 0 0 / var(--cine-glass-shadow));
}

@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  html,html[data-gallery-light] { --cine-glass-fill:#15100e;  }
}
html body.mf-site { color:var(--ink); background:var(--paper); }
html .mf-site::before { background:radial-gradient(ellipse at 8% 14%,#39271b44,transparent 48%),radial-gradient(ellipse at 90% 64%,#36201733,transparent 48%); }
html .mf-site::after { mix-blend-mode:soft-light; }
/* Section shading stays behind content and never overlays an image. */
html :is(.journal-section,.artist-section,.site-footer,.intro-strip) {
  background:radial-gradient(ellipse at 16% 0,rgb(237 190 128 / var(--cine-pool-opacity)),transparent 52%),linear-gradient(180deg,#08060566,transparent 16%,transparent 84%,#08060566),var(--paper);
  color:var(--ink);
}
html :is(.cine-intro,.collection,.commission,.lessons,.contact,.reading,.error-page) {
  background-image:radial-gradient(ellipse at 50% 0,rgb(237 190 128 / calc(var(--cine-pool-opacity) * .45)),transparent 50%);
}
/* Shared material. Text and opaque artwork paint above their frosted backdrop. */
html body.mf-site :is(.header-inner,.language-picker nav,.language-picker summary,
  .button,.icon-button,.filters button,.gallery-layout,.gallery-layout button,.viewer-step,.artist-video,
  .art-card,.art-serial,.artist-visual,.artist-visual figcaption,.atelier-studio-note,.art-open,
  .journal-card,.commission-form,.commission-panel,.process-card,.contact-card,.lesson-grid li,.lessons-steps li,
  .lessons-note,.cine-intro .hero-copy,.site-footer .footer-grid>*,.mobile-menu,.art-dialog,.zoom-dialog,
  .search-field,input:not([type=checkbox]):not([type=radio]),textarea,select,.viewer-navigation,.notice,
  .form-success,.selected-art,.toast,.stage-note,.mf-quick-contact,.cine-scroll,.atelier-art-caption,
  .woocommerce table.shop_table,.woocommerce .cart_totals,.woocommerce-checkout [id=payment],
  .woocommerce-form-login,.woocommerce-form-register,.woocommerce-info,.woocommerce-message,.woocommerce-error,
  .woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce [id=respond] input,
  .woocommerce .payment_box,.select2-dropdown,.select2-selection) {
  background:var(--cine-glass-fill);
  color:var(--ink);
  border:1px solid var(--cine-glass-edge);
  
  
  box-shadow:var(--cine-glass-shadow-stack);
}
html body.mf-site .language-picker summary { border-radius:999px; min-height:44px; padding-inline:10px; }
html body.mf-site .cine-intro .hero-copy { padding:clamp(24px,5vw,64px); border-radius:28px; }
html body.mf-site .art-card { padding:14px; border-radius:22px; }
html body.mf-site .collection[data-gallery-layout=room] .art-card { padding:clamp(14px,2vw,28px); }
html body.mf-site .site-footer .footer-grid>* { border-radius:20px; padding:20px; min-width:0; }
html body.mf-site .site-footer .footer-bottom { margin-top:16px; }
html body.mf-site :is(.stage-note,.toast,.form-success,.selected-art,.notice) { color:var(--muted); }
/* Every operative control has a >=3:1 edge; the faint material rim is decorative. */
html body.mf-site :is(.button,.icon-button,.filters button,.gallery-layout button,.viewer-step,.artist-video,
  .language-picker summary,.search-field,input:not([type=checkbox]):not([type=radio]),textarea,select,
  .woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce [id=respond] input,
  .select2-selection) { border-color:var(--line); }
html body.mf-site :is(.button-dark,.button-outline,.button-glass,.filters button[aria-pressed=true],.save-art-text[aria-pressed=true],
  .gallery-layout button[aria-pressed=true],.woocommerce .button,.artist-copy .text-link,.mf-quick-contact .mf-quick-whatsapp) {
  background:var(--cine-glass-fill); color:var(--accent); border-color:var(--accent);
}
html body.mf-site :is(.button,.icon-button,.filters button,.gallery-layout button,.viewer-step,.artist-video,
  .woocommerce .button,.artist-copy .text-link):hover { background:#292019; color:var(--ink); border-color:var(--accent); }
html body.mf-site :is(.artist-copy .text-link,.mf-quick-contact .mf-quick-whatsapp) {
    box-shadow:var(--cine-glass-shadow-stack);
}
html body.mf-site :is(p,.hero-description,.atelier-byline,.artist-copy p:not(.eyebrow),.artist-video small,
  .artist-social a,.hero-caption,.stage-label,.viewer-position,.field-help,.form-note,.result-status,
  .contact-card dt,.art-specs dt,.art-subject,.card-specs,.art-card-bottom,.brand small,.footer-qr span) { color:var(--muted); }
html body.mf-site :is(h1,h2,h3,.artist-signature,.art-specs dd,.form-label,label,legend) { color:var(--ink); }
html body.mf-site :is(.text-link,.eyebrow,.artist-copy .eyebrow,.cine-intro h1 em,.reading a,.woocommerce a:not(.button),.form-note a,.consent-label a) { color:var(--accent); }
html body.mf-site :is(.text-link,.reading a,.form-note a,.consent-label a) { text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:5px; }
html body.mf-site :is(.text-link,.reading a):hover { color:var(--ink); }
html body.mf-site :is(input,textarea)::placeholder { color:var(--muted); opacity:1; }
html body.mf-site :is(input,textarea,select,.select2-selection) { font-size:1rem; }
html body.mf-site :is(select option,select optgroup,.select2-results__option) { background:#15100e; color:var(--ink); }
html body.mf-site .select2-selection__rendered { color:var(--ink); }
html body.mf-site .select2-results__option--highlighted { background:#292019; color:var(--ink); outline:1px solid var(--accent); }
/* WooCommerce's ID selectors need an equally explicit final material rule. */
html body.mf-site .woocommerce-checkout #payment,
html body.mf-site .woocommerce-checkout #payment .payment_box,
html body.mf-site .woocommerce #respond input#submit {
  background:var(--cine-glass-fill); color:var(--ink); border:1px solid var(--line);
    box-shadow:var(--cine-glass-shadow-stack);
}
html body.mf-site .woocommerce #respond input#submit:hover { background:#292019; color:var(--ink); border-color:var(--accent); }
html body.mf-site .woocommerce-checkout #payment .payment_box::before { border-bottom-color:var(--surface); }
html body.mf-site input:is([type=checkbox],[type=radio]) { accent-color:var(--accent); }
html body.mf-site .field-error,html body.mf-site .woocommerce-error { color:#ffc3b1; }
html body.mf-site :is(input,textarea,select)[aria-invalid=true] { border-color:#ffc3b1; }
html body.mf-site .form-success { color:#d9ebc8; border-color:#b4cc9e; }
html body.mf-site :is(.button,.viewer-step):disabled { opacity:1; color:var(--muted); border-style:dashed; }
html body.mf-site .skip-link { background:#15100e; color:var(--ink); border:2px solid var(--accent); }
html body.mf-site :focus-visible { outline:3px solid var(--accent); outline-offset:4px; }
html body.mf-site ::selection { background:#edbe80; color:#15100e; }
/* These source images need their light substrate: the supplied logo and QR code. */
html body.mf-site .brand>.brand-logo-mark { background:#fbf8f2; border-radius:50%; padding:3px; }
html body.mf-site .brand>.brand-logo-full { background:#fbf8f2; border-radius:18px; padding:14px 18px; box-sizing:content-box; }
html body.mf-site .footer-qr img { background:#fff; }

/* Keep the header's reserved geometry; glass lives on its existing pills. */
html body.mf-site.mf-view-home .site-header { background:transparent; border-color:transparent; -webkit-backdrop-filter:none; backdrop-filter:none; box-shadow:none; }
html body.mf-site .artist-section .artist-copy .text-link {
  background:var(--cine-glass-fill); color:var(--ink); border-color:var(--cine-glass-edge);
    box-shadow:var(--cine-glass-shadow-stack);
}
html body.mf-site .artist-section .artist-copy .text-link { color:var(--accent); border-color:var(--accent); }
html body.mf-site .artist-section .artist-copy .text-link:hover { background:#292019; color:var(--ink); }
/* Native dialogs occupy the top layer, above the brush and its one fixed canvas. */
html body.mf-site dialog::backdrop {
  background:rgb(13 10 9 / .88);
   
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  html body.mf-site dialog::backdrop { background:#0d0a09; }
}
html body.mf-site .mf-paint-trail { position:fixed; inset:0; width:100%; height:100%; z-index:9990; pointer-events:none; opacity:min(.55,var(--cine-trail-alpha)); contain:strict; }
html body.mf-site .atelier-brush { z-index:9991; }
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) and (forced-colors:none) {
  html.mf-brush-visible,html.mf-brush-visible body,html.mf-brush-visible body * { cursor:none!important; }
  html.mf-brush-visible body :is(input,textarea,[contenteditable]:not([contenteditable=false])),
  html.mf-brush-visible body [contenteditable]:not([contenteditable=false]) * { cursor:text!important; }
  html.mf-brush-visible body :is(select,dialog,dialog *) { cursor:auto!important; }
}
/* No new keyframes: existing hover movement uses only transform/opacity. */
html body.mf-site :is(a,button,input,select,textarea,.button,.icon-button,.artist-video,.viewer-step) { transition-property:transform,opacity; }
html body.mf-site.has-dialog .mf-paint-trail { display:none; }
html[data-cine-power=low] body .mf-paint-trail { display:none; }

@media (max-width:700px) {
  html body.mf-site .site-header .brand { padding:4px 6px; }
  html body.mf-site .site-header .header-actions { padding:4px; }
  html body.mf-site .art-card { padding:10px; }
  html body.mf-site .cine-intro .hero-copy { padding:28px 18px; }
  html body.mf-site .site-footer .footer-grid>* { padding:16px; }
}
html:lang(fa) body *,html:lang(ar) body * { letter-spacing:0!important; }
@media (prefers-reduced-motion:reduce),(forced-colors:active),(pointer:coarse),(hover:none) {
  html body.mf-site .mf-paint-trail { display:none!important; }
}
@media (prefers-reduced-motion:reduce),(forced-colors:active) {
  html *,html *::before,html *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
}
@media (forced-colors:active) {
  html,html[data-gallery-light] { color-scheme:light dark; --paper:Canvas; --surface:Canvas; --soft:Canvas; --ink:CanvasText; --muted:CanvasText; --accent:LinkText; --wine:LinkText; --line:ButtonText; --cine-glass-fill:Canvas;  --cine-glass-edge:ButtonText; }
  html body.mf-site,html body.mf-site :is(.artist-section,.journal-section,.site-footer,.intro-strip) { background:Canvas; color:CanvasText; }
  html body.mf-site *,html body.mf-site *::before,html body.mf-site *::after { box-shadow:none!important; text-shadow:none!important; background-image:none!important; }
  html body.mf-site :is(.field-error,.form-success,.woocommerce-error) { color:CanvasText; border-color:CanvasText; }
  html body.mf-site dialog::backdrop { background:Canvas; }
  html body.mf-site :focus-visible { outline-color:Highlight; }
}
@media print {
  html,html[data-gallery-light] { color-scheme:light; --paper:#fff; --surface:#fff; --soft:#fff; --ink:#000; --muted:#000; --wine:#000; --accent:#000; --line:#000; --cine-glass-fill:#fff;  }
  html body.mf-site,html body.mf-site :is(.artist-section,.journal-section,.site-footer,.intro-strip) { background:#fff; color:#000; }
  html *,html *::before,html *::after { animation:none!important; transition:none!important; box-shadow:none!important; background-image:none!important; -webkit-backdrop-filter:none!important; backdrop-filter:none!important; }
  html body.mf-site :is(.mf-paint-trail,.atelier-brush,.mf-ink-pulse) { display:none!important; }
  html body.mf-site * { cursor:auto!important; }
}
/* 1.7.6 material budget: four eligible selectors, no nested filters; maximum three
   can be visible together (header + entry + one top-level modal info/sheet). */
html body.mf-site .site-header { background:transparent; border:0; box-shadow:none; }
html body.mf-site .site-header :is(.brand,.desktop-nav,.header-actions) { background:transparent; border:0; box-shadow:none; }
html body.mf-site .header-inner,html body.mf-site .entry-menu-panel,
html body.mf-site #mobile-menu,html body.mf-site #art-dialog .detail-info {
  background:#15100e; border:1px solid var(--cine-glass-edge); box-shadow:var(--cine-glass-shadow-stack);
}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  @media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) and (forced-colors:none) {
    html[data-cine-power=full] body.mf-site :is(.header-inner,.entry-menu-panel,#mobile-menu,#art-dialog .detail-info) {
      background:rgb(21 16 14 / clamp(.92,var(--cine-glass-alpha),.98));
      -webkit-backdrop-filter:blur(min(12px,var(--cine-glass-blur)));
      backdrop-filter:blur(min(12px,var(--cine-glass-blur)));
    }
  }
}
@supports (backdrop-filter:url(#mf-glass-lens)) {
  @media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) and (forced-colors:none) {
    html[data-cine-power=full] body.mf-site :is(.header-inner,.entry-menu-panel) { backdrop-filter:url(#mf-glass-lens) blur(min(12px,var(--cine-glass-blur))); }
  }
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  html body.mf-site :is(.header-inner,.entry-menu-panel,#mobile-menu,#art-dialog .detail-info) { background:#15100e; }
}
html body.mf-site dialog::backdrop { background:rgb(13 10 9 / .94); -webkit-backdrop-filter:none; backdrop-filter:none; }
html body.mf-site :is(.art-dialog,.zoom-dialog) { background:#0d0a09; }
html body.mf-site #art-dialog .detail-info { padding:24px; border-radius:18px; }
[data-liquid-glass] { position:relative; isolation:isolate; }
[data-liquid-glass]::before { content:''; position:absolute; inset:0; border-radius:inherit; pointer-events:none; border:1px solid transparent; background:radial-gradient(90px circle at var(--glass-pointer,50% 0%),rgb(255 236 214 / min(.10,var(--cine-glass-highlight))),transparent 100%) border-box; opacity:0; }
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) and (forced-colors:none) { html[data-cine-power=full] [data-liquid-glass]:hover::before { opacity:1; } }
.glass-definitions { position:absolute; width:0; height:0; overflow:hidden; pointer-events:none; }
/* These two audited text areas have a solid plate with no dependence on pixels behind them. */
html body.mf-site .cine-intro .hero-copy { background:#15100e; border-radius:24px; padding:36px; }
html body.mf-site .lessons-aside { background:#15100e; border-radius:20px; padding:24px; }
html body.mf-site .cine-intro h1,html body.mf-site .cine-intro h1 span { color:#f3e9dc; }
html body.mf-site .lessons-aside .eyebrow { color:#edbe80; opacity:1; }
.entry-menu { padding-block:48px 12px; scroll-margin-top:24px; }
.entry-menu-panel { display:grid; grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr); gap:40px; padding:32px; border-radius:28px; }
.entry-artist { display:grid; gap:18px; align-content:center; }
.entry-artist img { width:100%; max-width:240px; height:auto; aspect-ratio:1213 / 1000; object-fit:contain; border-radius:16px; }
.entry-artist h2 { margin:0 0 8px; font-size:.92rem; font-weight:500; }
.entry-artist .entry-name { color:var(--ink); font-weight:700; font-size:1.4rem; margin:0 0 5px; }
.entry-artist p { margin:0; }
.entry-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; align-content:center; }
html body.mf-site .entry-link { min-height:56px; width:100%; justify-content:center; white-space:normal; text-align:center; border-color:var(--line); color:var(--ink); }
.entry-menu-panel>* { position:relative; }
.save-art-text { display:inline-flex; align-items:center; min-height:44px; padding:8px 0; background:transparent; border:0; cursor:pointer; font:inherit; }
.save-art-text[aria-pressed=true] { text-decoration-style:double; }
.lesson-videos,.lesson-courses { margin-block:42px; scroll-margin-top:24px; }
.lesson-video-grid { display:grid; grid-template-columns:repeat(2,minmax(0,360px)); gap:24px; }
.lesson-video { margin:0; }
.lesson-video video { display:block; width:100%; height:auto; aspect-ratio:9/16; background:#080605; border:1px solid var(--line); border-radius:16px; object-fit:contain; }
.lesson-video figcaption { padding-block:12px; color:var(--ink); line-height:1.9; }
.course-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.course-card { padding:24px; background:#15100e; border:1px solid var(--cine-glass-edge); border-radius:20px; box-shadow:var(--cine-glass-shadow-stack); }
.course-card h3 { font-size:1.25rem; margin:0 0 12px; }
.course-card .button { display:flex; margin-block:20px 8px; white-space:normal; text-align:center; min-height:48px; }
.course-register { display:inline-flex; min-height:44px; align-items:center; }
html body.mf-site .menu-toggle { min-height:48px; border-color:var(--line); }
html body.mf-site .menu-toggle>span { font-size:.85rem; }
html body.mf-site .art-card,.art-media,.canvas-frame { filter:none; }
html body.mf-site :is(.art-card,.art-media,.art-image-button):hover { scale:none; rotate:none; }
/* Contain the lower editorial sections; auto remembers the measured size on revisits.
   The long grid keeps all individual image ratios in normal layout once it enters the viewport. */
@supports (content-visibility:auto) {
  .mf-view-home :is(.artist-section,.commission,.journal-section,.contact),.lesson-courses,.lessons-works { content-visibility:auto; contain-intrinsic-size:auto 800px; }
  .collection:not(.collection-preview) .art-grid { content-visibility:auto; contain-intrinsic-size:auto 24000px; }
  .mf-view-home .journal-section { contain-intrinsic-size:auto 650px; }
}
@media (max-width:700px) {
  .entry-menu { padding-top:32px; }
  .entry-menu-panel { grid-template-columns:1fr; padding:22px; gap:24px; }
  .entry-artist { grid-template-columns:96px minmax(0,1fr); align-items:center; }
  .entry-artist img { width:96px; }
  .entry-artist .entry-name { font-size:1.2rem; }
  .entry-links,.course-grid { grid-template-columns:1fr; }
  html body.mf-site .entry-link { min-height:52px; }
  .lesson-video-grid { grid-template-columns:minmax(0,360px); justify-content:center; }
  html body.mf-site .site-header .brand { padding:4px 0; }
  html body.mf-site .site-header .header-actions { padding:0; gap:4px; }
  html body.mf-site .site-header .brand small { display:none; }
  html body.mf-site .site-header .brand strong { font-size:.88rem; }
  html body.mf-site .site-header .brand>.brand-logo-mark { width:38px; height:38px; }
}
@media (prefers-reduced-motion:reduce),(forced-colors:active) { [data-liquid-glass]::before { display:none; } }
@media (forced-colors:active) {
  html body.mf-site :is(.header-inner,.entry-menu-panel,#mobile-menu,#art-dialog .detail-info,.cine-intro .hero-copy,.lessons-aside,.course-card) { background:Canvas; color:CanvasText; border-color:CanvasText; backdrop-filter:none; -webkit-backdrop-filter:none; }
  html body.mf-site :is(.cine-intro h1,.cine-intro h1 span,.lessons-aside .eyebrow) { color:CanvasText; }
}
@media print {
  html body.mf-site :is(.header-inner,.entry-menu-panel,#mobile-menu,#art-dialog .detail-info,.cine-intro .hero-copy,.lessons-aside,.course-card) { background:#fff; color:#000; }
  html body.mf-site :is(.cine-intro h1,.cine-intro h1 span,.lessons-aside .eyebrow) { color:#000; }
  [data-liquid-glass]::before,.glass-definitions { display:none; }
  html body.mf-site :is(.artist-section,.commission,.journal-section,.contact,.lesson-courses,.lessons-works,.art-grid) { content-visibility:visible; contain-intrinsic-size:none; }
}

/* Reported home contrast flag: the invitation is outside the hero copy. */
html body.mf-site .gallery-invitation { background:#15100e; color:#f3e9dc; border-radius:18px; padding:24px; }
html body.mf-site .gallery-invitation>span { color:#f3e9dc; opacity:1; }
@media (forced-colors:active) { html body.mf-site .gallery-invitation { background:Canvas; color:CanvasText; } html body.mf-site .gallery-invitation>span { color:CanvasText; } }
@media print { html body.mf-site .gallery-invitation { background:#fff; color:#000; } html body.mf-site .gallery-invitation>span { color:#000; } }

/* Source rectification is immediate; no inherited image zoom/transform transition. */
.canvas-frame>img { transition:none!important; }

/* r176 leader patch: nothing sits on a painting (client rule) — the zoom control moves below the artwork. */
html body.mf-site .detail-image-panel { flex-direction:column; gap:12px; }
html body.mf-site .detail-image-panel>#zoom-art,
html body.mf-site .detail-image-panel>.button { position:static; inset:auto; transform:none; align-self:center; margin:0; }