/* Virgule — library art direction 01
   Turn the catalogue into a navigable editorial object.
   No gradients, no decorative shadows. */
body.library-art-direction{background:var(--ardoise);padding-top:72px}
body.library-art-direction .bib-hero{
  min-height:clamp(390px,48vw,560px);
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);
  align-items:end;
  gap:clamp(24px,6vw,90px);
  padding:clamp(34px,7vw,84px) clamp(18px,6vw,88px);
  border-bottom:1px solid var(--vgl-v3-line);
  background:var(--ardoise-2);
}
body.library-art-direction .bib-hero-art{
  position:relative;
  inset:auto;
  width:100%;
  height:100%;
  min-height:300px;
  opacity:1;
  display:flex;
  align-items:center;
  justify-content:center;
  order:2;
}
body.library-art-direction .bib-hero-art::after{display:none}
body.library-art-direction .bib-hero-art img{
  width:100%;
  height:100%;
  max-height:360px;
  object-fit:contain;
  opacity:.92;
}
body.library-art-direction .bib-hero > :not(.bib-hero-art){
  grid-column:1;
  position:relative;
  z-index:2;
}
body.library-art-direction .bib-eyebrow{
  margin-bottom:16px;
  color:var(--craie-doree);
  letter-spacing:.14em;
}
body.library-art-direction .bib-hero h1{
  max-width:9ch;
  font-size:clamp(48px,7.5vw,92px);
  line-height:.91;
  letter-spacing:-.055em;
}
body.library-art-direction .bib-hero-sub{
  max-width:560px;
  margin-top:20px;
  color:var(--craie-pale-vive);
}
body.library-art-direction .bib-toolbar{
  top:72px;
  width:min(100% - 32px,1180px);
  grid-template-columns:auto 1fr;
  padding-block:14px;
  border-bottom:1px solid var(--vgl-v3-line);
}
body.library-art-direction .bib-toggle{
  padding:0;
  gap:0;
  border:0;
  border-radius:0;
}
body.library-art-direction .bib-toggle-btn{
  min-height:44px;
  border-radius:0;
  border-inline-start:1px solid var(--vgl-v3-line);
  padding-inline:16px;
}
body.library-art-direction .bib-toggle-btn:last-child{border-inline-end:1px solid var(--vgl-v3-line)}
body.library-art-direction .bib-toggle-btn.active{
  background:var(--craie-doree);
}
body.library-art-direction .bib-help{
  padding-inline-start:18px;
  border-inline-start:1px solid var(--vgl-v3-line);
  text-align:start;
}
body.library-art-direction .bib-next{
  width:min(100% - 32px,1180px);
  margin-top:24px;
  border-block:1px solid var(--vgl-v3-line);
  border-inline-start:3px solid var(--craie-doree);
  border-radius:0;
  padding:24px 0 24px 22px;
  background:transparent;
}
body.library-art-direction .bib-next::before{display:none}
body.library-art-direction .bib-next-action{
  border-radius:0;
  min-height:48px;
}
body.library-art-direction .bib-main{
  width:min(100% - 32px,1180px);
  max-width:none;
  padding-bottom:100px;
}
body.library-art-direction .bib-invite{
  padding-block:34px 6px;
  text-align:start;
  border-bottom:0;
  color:var(--craie-pale);
}
body.library-art-direction .bib-section{
  padding-block:52px;
  border-top:1px solid var(--vgl-v3-line);
}
body.library-art-direction .bib-section-head{
  grid-template-columns:auto 1fr auto;
  margin-bottom:24px;
  padding-bottom:14px;
}
body.library-art-direction .bib-section-head::after{
  background:var(--craie-doree-border);
}
body.library-art-direction .bib-section-icon{width:24px;height:24px}
body.library-art-direction .bib-section-name{
  font-size:clamp(28px,4vw,44px);
  letter-spacing:-.035em;
}
body.library-art-direction .bib-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0;
  border-inline-start:1px solid var(--vgl-v3-line);
}
body.library-art-direction .bib-card{
  min-height:190px;
  padding:24px;
  border:0;
  border-inline-end:1px solid var(--vgl-v3-line);
  border-bottom:1px solid var(--vgl-v3-line);
  border-radius:0;
  background:transparent;
}
body.library-art-direction .bib-card:hover{
  transform:none;
  background:rgba(217,168,87,.045);
}
body.library-art-direction .bib-card::before{
  inset-block-start:20px;
  inset-inline-end:20px;
  font-size:11px;
}
body.library-art-direction .bib-card::after{bottom:20px;inset-inline-end:20px}
body.library-art-direction .bib-card-line1{margin-top:10px;padding-inline-end:40px}
body.library-art-direction .bib-card-title{font-size:clamp(17px,2vw,21px);line-height:1.18}
body.library-art-direction .bib-card-icon{color:var(--craie-doree)}
body.library-art-direction .bib-chip{
  border-radius:0;
  background:transparent;
  padding:4px 7px;
}
@media(max-width:800px){
 body.library-art-direction .bib-hero{
   grid-template-columns:1fr;
   min-height:0;
   padding-top:34px;
 }
 body.library-art-direction .bib-hero-art{
   order:-1;
   min-height:190px;
   height:190px;
   justify-content:flex-end;
 }
 body.library-art-direction .bib-hero-art img{max-height:190px}
 body.library-art-direction .bib-hero h1{max-width:11ch;font-size:clamp(46px,13vw,68px)}
 body.library-art-direction .bib-toolbar{
   /* minmax(0,1fr) is required: 1fr's automatic minimum can inherit the
      intrinsic width of the filter chips and overflow a 360px viewport. */
   grid-template-columns:minmax(0,1fr);
   gap:8px;
   top:64px;
 }
 body.library-art-direction .bib-toggle{
   min-width:0;
   max-width:100%;
 }
 body.library-art-direction .bib-help{
   padding:0;
   border:0;
   display:none;
 }
 body.library-art-direction .bib-next{width:calc(100% - 32px)}
 body.library-art-direction .bib-main{width:calc(100% - 32px)}
 body.library-art-direction .bib-section{padding-block:36px}
 body.library-art-direction .bib-grid{grid-template-columns:1fr}
 body.library-art-direction .bib-card{min-height:150px}
}
@media(max-width:480px){
 body.library-art-direction .bib-hero-art{min-height:150px;height:150px}
 body.library-art-direction .bib-hero-art img{max-height:150px}
 body.library-art-direction .bib-section-name{font-size:30px}
 body.library-art-direction .bib-card{padding:20px 16px}
 /* Keep the four filter chips and the long FR/AR subject labels inside narrow phones. */
 body.library-art-direction .bib-toolbar .bib-toggle{width:100%;min-width:0;flex-wrap:wrap;justify-content:center}
 body.library-art-direction .bib-section-head{grid-template-columns:auto minmax(0,1fr);row-gap:8px}
 body.library-art-direction .bib-compteurs{grid-column:2;margin-inline-start:0;white-space:normal}
}
@media(prefers-reduced-motion:reduce){
 body.library-art-direction .bib-card,.bib-next-action{transition:none}
}