/* Discours — recueil parlé */

.bleed-1{top:-200px;left:-220px;width:560px;height:480px;}
.bleed-2{top:380px;right:-200px;width:520px;height:440px;}
.bleed-3{top:1380px;left:-220px;width:560px;height:440px;}
.bleed-4{bottom:-200px;right:-160px;width:560px;height:480px;}
.scrib.s1{top:90px;right:30%;width:60px;height:32px;transform:rotate(-10deg);}
.scrib.s2{top:1000px;left:36%;width:44px;height:44px;transform:rotate(8deg);}

/* Hero */
.idx-hero{
  position:relative;z-index:5;
  padding:48px 80px 24px 80px;
  display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:end;
}
.eyebrow-hand{
  font-family:var(--hand);color:var(--coral);
  font-size:36px;font-weight:600;transform:rotate(-2deg);
  display:inline-flex;align-items:center;gap:12px;margin-bottom:6px;
}
.eyebrow-hand .x{width:18px;height:18px;display:inline-block;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M5 6 L19 19 M19 6 L5 19' stroke='%23F2774E' stroke-width='2.8' fill='none' stroke-linecap='round'/></svg>") center/contain no-repeat;
  transform:rotate(-10deg);}
.h1{
  font-family:var(--serif);font-weight:500;
  font-size:clamp(72px,8vw,128px);line-height:0.94;
  letter-spacing:-0.02em;margin:0 0 18px 0;
}
.h1 .it{font-style:italic;font-weight:400;}
.idx-hero .right{
  font-family:var(--serif);font-style:italic;
  font-size:21px;line-height:1.5;color:var(--ink-soft);
  max-width:460px;padding-bottom:22px;position:relative;
}
.idx-hero .right::before{
  content:"«";position:absolute;left:-44px;top:-30px;
  font-style:normal;font-size:90px;line-height:1;color:var(--lilac);
}
.idx-hero .right strong{color:var(--ink);font-style:normal;font-weight:600;}

/* Filter row */
.filter-row{
  position:relative;z-index:5;
  padding:24px 80px 0 80px;
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  border-top:1px dashed rgba(35,38,63,0.18);
  padding-top:28px;
}
.filter-left{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.filter-label{font-family:var(--sans);font-size:11px;letter-spacing:0.18em;text-transform:uppercase;color:var(--ink-mute);margin-right:6px;}
.f-chip{
  font-family:var(--sans);font-size:12px;letter-spacing:0.06em;
  font-weight:500;color:var(--ink);
  padding:8px 14px 8px 12px;border-radius:2px;
  background:rgba(247,244,236,0.7);
  border:1px solid rgba(35,38,63,0.14);
  cursor:pointer;display:inline-flex;align-items:center;gap:8px;
  text-decoration:none;
}
.f-chip.is-on{border-color:var(--ink);background:var(--paper);box-shadow:inset 0 0 0 1px var(--ink);}
.f-chip .dot{width:9px;height:9px;border-radius:50%;background:var(--lilac);}
.f-chip[data-tint="fete"]    .dot{background:var(--coral);}
.f-chip[data-tint="depart"]  .dot{background:var(--peach);}
.f-chip[data-tint="mariage"] .dot{background:var(--sage);}
.f-chip[data-tint="voeux"]   .dot{background:var(--yellow);}
.filter-count{font-family:var(--hand);font-size:30px;color:var(--coral);transform:rotate(-2deg);line-height:1;display:flex;align-items:baseline;gap:6px;}
.filter-count small{font-family:var(--sans);font-size:11px;letter-spacing:0.16em;text-transform:uppercase;color:var(--ink-mute);transform:rotate(2deg);}

/* List of speeches as row-cards */
.speeches{
  position:relative;z-index:5;
  padding:32px 80px 32px 80px;
  display:flex;flex-direction:column;gap:18px;
}
.speech{
  position:relative;
  background:var(--paper);
  border:1px solid rgba(35,38,63,0.12);
  border-radius:3px;
  padding:32px 36px 30px 36px;
  text-decoration:none;color:var(--ink);
  overflow:hidden;isolation:isolate;
  display:grid;grid-template-columns:120px 1fr 240px;gap:36px;align-items:center;
}
.speech::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:repeating-linear-gradient(to bottom,
    transparent 0, transparent 27px,
    rgba(201,210,224,0.45) 27px, rgba(201,210,224,0.45) 28px);
}
.speech .wash{position:absolute;inset:auto -10% -50% -10%;height:120%;z-index:1;pointer-events:none;width:55%;}
.speech .wash svg{width:100%;height:100%;}
.speech .left,.speech .middle,.speech .right{position:relative;z-index:2;}
.speech .num-block{display:flex;flex-direction:column;gap:4px;}
.speech .num{font-family:var(--hand);font-size:54px;color:var(--coral);line-height:0.9;transform:rotate(-3deg);}
.speech .date{font-family:var(--sans);font-size:11px;letter-spacing:0.18em;text-transform:uppercase;color:var(--ink-mute);}
.speech h3{font-family:var(--serif);font-weight:500;font-size:34px;line-height:1.04;letter-spacing:-0.01em;margin:0 0 8px 0;}
.speech h3 .it{font-style:italic;font-weight:400;}
.speech .occ{font-family:var(--serif);font-style:italic;font-size:17px;color:var(--ink-soft);line-height:1.45;max-width:520px;margin:0;}
.speech .occ::before{content:"« ";color:var(--lilac);font-style:normal;font-weight:600;}
.speech .occ::after{content:" »";color:var(--lilac);font-style:normal;font-weight:600;}
.speech .right{display:flex;flex-direction:column;align-items:flex-end;gap:10px;text-align:right;}
.speech .right .duree{font-family:var(--sans);font-size:11px;letter-spacing:0.18em;text-transform:uppercase;color:var(--ink-mute);}
.speech .right .read{font-family:var(--serif);font-style:italic;color:var(--coral);font-size:17px;}
.speech .x-acc{position:absolute;top:18px;right:22px;width:22px;height:22px;z-index:3;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M5 6 L19 19 M19 6 L5 19' stroke='%23F2774E' stroke-width='2.6' fill='none' stroke-linecap='round'/></svg>") center/contain no-repeat;
  transform:rotate(8deg);opacity:0.85;
}

/* Tail */
.tail{
  position:relative;z-index:5;
  padding:24px 80px 60px 80px;
  display:flex;align-items:baseline;gap:20px;justify-content:space-between;
}
.tail .note{font-family:var(--hand);font-size:30px;color:var(--coral);line-height:1.1;transform:rotate(-2deg);max-width:620px;}
.tail .arrow-cta{font-family:var(--serif);font-style:italic;font-size:20px;color:var(--ink-soft);}

/* Mobile */
@media (max-width:860px){
  .speech{grid-template-columns:90px 1fr;gap:20px;}
  .speech .right{grid-column:1 / -1;flex-direction:row;justify-content:space-between;align-items:baseline;text-align:left;}
}
@media (max-width:720px){
  .idx-hero{grid-template-columns:1fr;padding:24px 22px 12px 22px;gap:22px;}
  .idx-hero .right{font-size:18px;padding-bottom:0;}
  .idx-hero .right::before{left:-4px;top:-36px;font-size:72px;}
  .h1{font-size:64px;line-height:0.96;}
  .filter-row{padding:22px 22px 0 22px;flex-direction:column;align-items:flex-start;gap:12px;}
  .filter-count{align-self:flex-end;}
  .speeches{padding:24px 22px 24px 22px;gap:14px;}
  .speech{padding:22px 20px 20px 20px;grid-template-columns:60px 1fr;gap:14px;}
  .speech .num{font-size:42px;}
  .speech h3{font-size:26px;}
  .speech .occ{font-size:15.5px;}
  .speech .wash{width:80%;}
  .tail{padding:16px 22px 40px 22px;flex-direction:column;align-items:flex-start;gap:10px;}
  .tail .note{font-size:22px;}
  .bleed-1{width:380px;height:340px;top:-120px;left:-180px;}
  .bleed-2{width:340px;height:300px;top:660px;right:-180px;}
  .bleed-3{display:none;}
  .bleed-4{width:380px;height:340px;bottom:-180px;right:-180px;}
}