/* Portada: fotografia a tota amplada i col·leccions a sota. */
/* Capçalera definida, amb una transició suau cap a la fotografia. */
.boutique-public .site-header {
  max-width:none;
  padding:22px max(5%, calc((100vw - 1296px) / 2));
  border-bottom:1px solid #e7ddd9;
  position:relative;
}
/* Conservem la forma original; el traç afegeix només una mica de gruix. */
.boutique-public .site-header .brand {
  font-weight:400;
  -webkit-text-stroke:.15px currentColor;
}
.boutique-public .cover-story {border-top:10px solid #faf7f5;}


.boutique-public .cover-story {
  position:relative;
  width:100%;
  margin:0;
  isolation:isolate;
  background:#ddd4c9;
}
/* Reservem espai per a capçalera, separació, menú i inici del catàleg.
   svh evita que les barres del navegador mòbil amaguin el menú. */
.cover-picture {
  width:100%;
  height:min(56vw,740px);
  max-height:calc(100vh - 210px);
  max-height:calc(100svh - 210px);
  overflow:hidden;
}
.cover-picture picture {display:block;height:100%;}
.cover-picture img {display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0%;}
.cover-story::after {
  content:"";position:absolute;inset:50% 0 0;z-index:1;pointer-events:none;
  background:linear-gradient(transparent,rgba(24,19,16,.58));
}
.cover-copy {position:absolute;inset:auto 5% 40px;z-index:2;text-align:center;}
.cover-copy #coverTitle {
  font:400 clamp(28px,3.4vw,52px)/1.15 Georgia,serif;
  letter-spacing:-.035em;color:#fff;margin:0;
  text-shadow:0 2px 14px rgba(0,0,0,.32);
}
@media(max-width:760px) {
 .cover-picture {height:125vw;}
 .cover-copy {inset:auto 4% 24px;}
 .cover-copy #coverTitle {font-size:clamp(24px,6vw,36px);}
}

/* Les col·leccions donen pas directament a la cerca i els filtres. */
.boutique-public .catalog {padding-top:20px;}
.boutique-public .preview-note {margin:0 0 10px;font-size:.65rem;line-height:1.4;}
.boutique-public .sidebar h2 {margin-bottom:10px;}
.boutique-public .results-heading {min-height:36px;}
@media(max-width:600px) {
 .boutique-public .site-header {padding:17px 5% 13px;gap:12px;}
 .boutique-public .cover-story {border-top-width:8px;}
 .boutique-public .catalog {padding-top:16px;}
    .boutique-public .preview-note {font-size:.6rem;margin-bottom:9px;}
}

/* Entrada breu, una sola vegada, sense desplaçar el menú ni el catàleg. */
@media (prefers-reduced-motion: no-preference) {
  .cover-picture img {
    animation:cover-photo-enter 1100ms cubic-bezier(.2,.65,.3,1) both;
    transform-origin:50% 25%;
  }
  .cover-copy #coverTitle {
    animation:cover-title-enter 650ms ease-out 120ms both;
  }
}
@keyframes cover-photo-enter {
  from {transform:scale(1.025);}
  to {transform:scale(1);}
}
@keyframes cover-title-enter {
  from {opacity:0;transform:translateY(8px);}
  to {opacity:1;transform:translateY(0);}
}

.catalog-accessible-title {
  position:absolute;
  width:1px;height:1px;
  padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);
  white-space:nowrap;border:0;
}
.boutique-public .sidebar h2 {display:block;}
.boutique-public .results-heading {flex-wrap:wrap;column-gap:10px;row-gap:4px;}
.boutique-public .results-heading .preview-note {
  margin:0 0 0 auto;
  font-size:.625rem;
  text-align:right;
}

.cover-copy #coverIntro { color:#fff; font:400 clamp(14px,1.35vw,19px)/1.5 Arial,Helvetica,sans-serif; max-width:760px; margin:12px auto 0; text-wrap:balance; text-shadow:0 1px 6px rgba(0,0,0,.7); }
.cover-copy #coverIntro:empty {display:none;}