/* unspoken exhibition page - product grid, filters, modal extras */

  /* painterly placeholder canvases — abstract, non-representational */
  .art-canvas.c1{ background:
      radial-gradient(circle at 30% 30%, rgba(239,234,224,0.5), transparent 55%),
      linear-gradient(145deg, #8c3f2a 0%, #5c2919 55%, #1a1815 100%); }
  .art-canvas.c3{ background:
      radial-gradient(circle at 70% 40%, rgba(183,146,79,0.55), transparent 60%),
      linear-gradient(160deg, #2a2620 0%, #1a1815 70%); }
  .art-canvas.c6{ background:
      radial-gradient(circle at 60% 25%, rgba(239,234,224,0.35), transparent 60%),
      linear-gradient(135deg, #1a1815 0%, #8c3f2a 100%); }
  .art-canvas.c7{ background:
      radial-gradient(circle at 45% 60%, rgba(140,63,42,0.45), transparent 55%),
      linear-gradient(200deg, #b3ab99 0%, #4a463f 60%, #1a1815 100%); }

  /* ---------- pieces strip: clothing + sound, quieter, secondary to the art ---------- */
  .pieces-intro{
    margin-top:120px; display:flex; align-items:baseline; justify-content:space-between; gap:20px; flex-wrap:wrap;
  }
  .pieces-intro .eyebrow{ color:var(--mist); }
  .pieces-grid{
    margin-top:34px;
    display:grid; grid-template-columns:repeat(3,1fr); gap:2px; background:var(--line);
  }
  .piece{ background:var(--paper); padding:26px; display:flex; flex-direction:column; gap:14px; }
  .piece-visual{ aspect-ratio:5/4; position:relative; overflow:hidden; background:var(--ink); }
  .piece-visual img{ width:100%; height:100%; object-fit:cover; }
  .piece-visual .waveform-mini{ position:absolute; inset:0; opacity:.5; }
  .piece h4{
    font-family:'Playfair Display', serif; font-style:italic; font-weight:400; font-size:20px;
  }
  .piece .pmeta{ font-size:11.5px; color:#6b665c; line-height:1.5; }
  .piece .pfoot{ margin-top:auto; display:flex; align-items:center; justify-content:space-between; padding-top:10px; }
  .piece .price{ font-family:'Playfair Display', serif; font-size:15px; }
  .piece .acquire{
    font-size:10.5px; letter-spacing:.14em; text-transform:uppercase;
    border-bottom:1px solid var(--ink); padding-bottom:2px;
    transition:color .3s ease, border-color .3s ease;
  }
  .piece .acquire:hover{ color:var(--ember); border-color:var(--ember); }
  @media (max-width:760px){ .pieces-grid{grid-template-columns:1fr;} }



  .exh-hero{ padding:160px var(--edge-gap) 30px; }
  .exh-hero h1{
    font-family:'Playfair Display', serif; font-weight:400; font-style:italic;
    font-size:clamp(38px,6vw,72px); line-height:1.05;
  }
  .exh-hero p{ margin-top:18px; max-width:560px; font-size:16px; line-height:1.8; color:#4a463f; }

  .exh-filters{ display:flex; gap:10px; padding:20px var(--edge-gap) 10px; flex-wrap:wrap; }
  .exhibit-filter{
    padding:9px 20px; font-size:11px; letter-spacing:.14em; text-transform:uppercase;
    border:1px solid var(--line); border-radius:20px; cursor:pointer; background:transparent; color:var(--ink);
    transition:background .3s ease, color .3s ease;
  }
  .exhibit-filter.active{ background:var(--ink); color:var(--paper); border-color:var(--ink); }

  .exh-grid{
    padding:30px var(--edge-gap) 140px;
    display:grid; grid-template-columns:repeat(3,1fr); gap:44px 34px;
  }
  @media (max-width:900px){ .exh-grid{ grid-template-columns:repeat(2,1fr); } }
  @media (max-width:600px){ .exh-grid{ grid-template-columns:1fr; } }

  .exhibit-card{ display:flex; flex-direction:column; cursor:pointer; transition:transform .5s cubic-bezier(.2,.8,.2,1); }
  .exhibit-card:hover{ transform:translateY(-8px); }
  .exhibit-visual{
    position:relative; aspect-ratio:4/5; background:var(--ink); overflow:hidden;
    box-shadow:0 24px 50px -28px rgba(26,24,21,0.35);
    transition:box-shadow .5s ease;
  }
  .exhibit-card:hover .exhibit-visual{ box-shadow:0 40px 70px -30px rgba(26,24,21,0.5); }
  .exhibit-visual svg, .exhibit-visual img{ width:100%; height:100%; object-fit:cover; transition:transform .7s cubic-bezier(.2,.8,.2,1); }
  .exhibit-card:hover .exhibit-visual img{ transform:scale(1.07); }
  .exhibit-visual .tag{
    position:absolute; top:16px; left:0; font-size:10px; letter-spacing:.18em; text-transform:uppercase;
    color:var(--paper); background:rgba(26,24,21,0.55); padding:5px 10px 5px 14px;
  }
  .exhibit-info{ margin-top:16px; }
  .exhibit-info .etitle{ font-family:'Playfair Display', serif; font-style:italic; font-size:21px; }
  .exhibit-info .emeta{ margin-top:4px; font-size:12px; color:#6b665c; }
  .exhibit-info .efoot{ margin-top:10px; display:flex; align-items:center; justify-content:space-between; }
  .exhibit-info .price{ font-family:'Playfair Display', serif; font-size:16px; }
  .exhibit-info .cta{
    font-size:11px; letter-spacing:.12em; text-transform:uppercase; border-bottom:1px solid var(--ink); padding-bottom:2px;
    transition:color .3s ease, border-color .3s ease;
  }
  .exhibit-card:hover .exhibit-info .cta{ color:var(--ember); border-color:var(--ember); }

  /* ---------- home page "Η Έκθεση": same cards, ONE scrollable row
     instead of a wrapping grid - however many pieces exist. The
     Exhibition page above keeps its normal wrapping grid; these rules
     are scoped to .exh-home-section only. ---------- */
  .exh-home-section .exh-track-wrap{ position:relative; }
  .exh-home-section .exh-grid{
    padding:0; display:flex; gap:24px; overflow-x:auto; scroll-snap-type:x mandatory;
    scrollbar-width:none; -ms-overflow-style:none;
  }
  .exh-home-section .exh-grid::-webkit-scrollbar{ display:none; }
  .exh-home-section .exh-grid.dragging{ scroll-snap-type:none; cursor:grabbing; user-select:none; }
  .exh-home-section .exhibit-card{ flex:0 0 auto; width:31vw; scroll-snap-align:start; }
  @media (max-width:900px){ .exh-home-section .exhibit-card{ width:78vw; } }
  .exh-home-section .exhibit-visual img{ pointer-events:none; }

  .exh-home-section .unspoken-car-arrow{
    position:absolute; top:19vw; translate:0 -50%;
    width:52px; height:52px; border-radius:50%; z-index:2;
    background:var(--paper); border:1px solid var(--line); color:var(--ink);
    display:flex; align-items:center; justify-content:center; font-size:20px; cursor:pointer;
    box-shadow:0 14px 30px -14px rgba(26,24,21,0.35); transition:background .3s ease;
  }
  .exh-home-section .unspoken-car-arrow:hover{ background:var(--ink); color:var(--paper); }
  .exh-home-section .unspoken-car-arrow.prev{ left:-14px; }
  .exh-home-section .unspoken-car-arrow.next{ right:-14px; }
  @media (max-width:900px){ .exh-home-section .unspoken-car-arrow{ display:none; } }

  .exh-sound-card{
    grid-column:1 / -1;
    display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap;
    background:var(--ink); color:var(--paper); padding:30px 34px;
  }
  .exh-sound-card .eyebrow{ color:var(--gold); }
  .exh-sound-card h4{ font-family:'Playfair Display', serif; font-style:italic; font-size:24px; margin-top:8px; }
  .exh-sound-card p{ font-size:13px; color:#cdc6b6; margin-top:6px; max-width:420px; }
  .exh-sound-card a.listen{
    font-size:11px; letter-spacing:.16em; text-transform:uppercase; border-bottom:1px solid var(--paper); padding-bottom:3px;
  }