/* v60 — Corrections ciblées, sans modifier la direction artistique. */

/* Une seule couche difference pour le mot SCROLL et son trait. */
#view-home .scroll-cue{
  color:#fff !important;
  mix-blend-mode:difference !important;
  opacity:1;
}
#view-home .scroll-cue *{
  color:inherit !important;
  mix-blend-mode:normal !important;
}
#view-home .scroll-cue .line{background:#fff !important;}

/* Grain vectoriel fin répété à sa taille native, sans agrandissement flou. */
body .legal-modal .legal-box{
  background-color:#141416 !important;
  background-image:url('../bg/legal-grain.svg'),linear-gradient(125deg,#303034 0%,#171719 60%,#0d0d0f 100%) !important;
  background-size:192px 192px,100% 100% !important;
  background-repeat:repeat,no-repeat !important;
  background-position:0 0,center !important;
}
[data-theme="light"] body .legal-modal .legal-box{
  background-color:#e6e6e4 !important;
  background-image:url('../bg/legal-grain.svg'),linear-gradient(125deg,#f5f5f2 0%,#e7e7e4 60%,#d6d6d3 100%) !important;
}

/* Les six descriptions réservent la hauteur de la plus longue. Une seule
   paire de commandes occupe la deuxième ligne de la grille, hors du texte. */
#work .stack-text-col{height:auto;min-height:460px;}
#work .stack-copy-col{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  grid-template-rows:1fr auto;
  row-gap:20px;
  height:100%;
}
#work .stack-text-item{
  position:relative;
  inset:auto;
  display:block;
  grid-area:1 / 1;
  visibility:hidden;
  min-width:0;
}
#work .stack-text-item.active{visibility:visible;}
#work .stack-text-link{
  position:static;
  inset:auto;
  height:100%;
}
#work .stack-nav-btns{
  position:static;
  grid-area:2 / 1;
  align-self:end;
  margin:0;
}

/* Portraits discrets, indépendants des couches difference du texte. */
.testimonial-card .tc-person{display:flex;align-items:center;gap:16px;margin-bottom:12px;}
.testimonial-card .tc-identity{min-width:0;}
.testimonial-card img.tc-portrait{
  display:block;
  flex:0 0 48px;
  width:48px;
  height:72px;
  max-width:none;
  object-fit:cover;
  object-position:center;
  border-radius:0;
  background:#888;
  filter:none !important;
  mix-blend-mode:normal !important;
}

.mobile-menu-backdrop{display:none;}
@media (max-width:1023px){
  .mobile-menu-backdrop:not([hidden]){
    display:block;
    position:fixed;
    inset:64px 0 0;
    z-index:99;
    background:transparent;
    -webkit-backdrop-filter:blur(7px);
    backdrop-filter:blur(7px);
    touch-action:none;
  }
  body.mobile-menu-open{overflow:hidden;}
  #work .stack-text-col{min-height:0;}
  #work .stack-copy-col{height:auto;row-gap:16px;}
  #work .stack-text-link{justify-content:flex-start;}
  #view-detail .sketchbook-media{
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:18px;
    margin-bottom:44px;
    background:transparent !important;
  }
  #view-detail .sketchbook-media .fw-media-link-btn{
    position:static;
    inset:auto;
    margin:0 18px;
    max-width:calc(100% - 36px);
  }
}
@media (max-width:620px){
  #contact .contact-links a[href*="instagram.com"]{
    display:flex;
    flex-wrap:nowrap;
    gap:8px;
    font-size:11px;
    letter-spacing:0;
  }
  #contact .contact-links a[href*="instagram.com"] .arrow{
    flex:0 0 auto;
    white-space:nowrap;
    font-size:clamp(10.5px,2.9vw,12.5px);
    letter-spacing:0;
  }
  .testimonial-card .tc-person{gap:12px;}
  .testimonial-card img.tc-portrait{flex-basis:40px;width:40px;height:60px;}
}
/* Sur les écrans courts, utiliser la place libre au-dessus du compteur
   garde les flèches à portée sans réduire ni recadrer davantage les images. */
@media (max-width:1023px) and (max-height:720px){
  #work .stack-copy-col{grid-template-rows:1fr;row-gap:0;}
  #work .stack-nav-btns{
    position:absolute;
    grid-area:auto;
    top:0;
    bottom:auto;
    left:-104px;
    width:86px;
    height:38px;
  }
}