/* Fluid collection and catalogue layouts, based on the approved 1280px boards. */
.pg-site .pg-catalog { --pg-catalog-gap: clamp(1rem,1.25vw,2rem); }
.pg-site .pg-catalog :where(h1,h2,h3,p,figure,dl,dd) { margin:0; }
.pg-site .pg-catalog-hero { position:relative; isolation:isolate; display:grid; place-items:center; min-height:62.5vw; padding:10rem var(--pg-interior-gutter); color:#fff; text-align:center; background:#242824; }
.pg-site .pg-catalog-hero__image { position:absolute; inset:0; z-index:-2; }
.pg-site .pg-catalog-hero__image img { width:100%; height:100%; object-fit:cover; }
.pg-site .pg-catalog-hero::after { content:''; position:absolute; inset:0; z-index:-1; background:radial-gradient(ellipse at center, rgb(0 0 0 / .4), transparent 85%); }
.pg-site .pg-catalog-hero__copy { max-width:66vw; }
.pg-site .pg-catalog h1 { font-family:var(--pg-interior-display); font-size:clamp(2.5rem,5vw,7rem); font-weight:300; line-height:1.2; text-transform:uppercase; }
.pg-site .pg-catalog-hero__copy p { max-width:48ch; margin:1rem auto 0; font-size:clamp(1rem,1.40625vw,1.625rem); line-height:1.25; }
.pg-site .pg-catalog-heading { padding-block:clamp(2rem,4.6875vw,7rem); }
.pg-site .pg-catalog :where(.pg-catalog-intro h2,.pg-catalog-benefits h2,.pg-catalog-samples>h2,.pg-catalog-references>h2,.pg-catalog-story h2) { font-family:var(--pg-font-body); font-size:clamp(.875rem,1.09375vw,1.375rem); font-weight:700; text-transform:uppercase; line-height:1.2; }
.pg-site .pg-catalog-copy { font-size:clamp(1rem,1.25vw,1.5rem); line-height:1.25; }
.pg-site .pg-catalog-copy p+p { margin-top:1rem; }
.pg-site .pg-catalog-intro { padding-block:clamp(3rem,4.6875vw,6rem); }
.pg-site .pg-catalog-intro h2 { margin-bottom:.5rem; }
.pg-site .pg-catalog-intro:not(.pg-catalog-intro--split)>div { max-width:68.25%; }
.pg-site .pg-catalog-intro--split { display:grid; grid-template-columns:1fr 1fr; gap:var(--pg-catalog-gap); align-items:start; }
.pg-site .pg-catalog-intro--split .pg-catalog-copy { max-width:44ch; }
.pg-site .pg-catalog-intro__image { aspect-ratio:592/430; }
.pg-site .pg-catalog-intro__image img { width:100%; height:100%; object-fit:cover; }
.pg-site .pg-catalog-benefits { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--pg-catalog-gap); padding-bottom:clamp(3rem,7.8125vw,10rem); }
.pg-site .pg-catalog--smart .pg-catalog-benefits { grid-template-columns:repeat(4,minmax(0,1fr)); }
.pg-site .pg-catalog-benefits__heading { display:flex; gap:1rem; align-items:center; margin-bottom:1rem; }
.pg-site .pg-catalog-icon { width:3rem; height:3rem; object-fit:contain; flex:none; }
.pg-site .pg-catalog-samples { padding-bottom:clamp(3rem,7.8125vw,10rem); }
.pg-site .pg-catalog-samples>h2 { margin-bottom:1rem; }
.pg-site .pg-catalog-sample { margin-bottom:1.5rem; }
.pg-site .pg-catalog-sample>a { color:inherit; text-decoration:none; }
.pg-site .pg-catalog-sample__image { background:var(--pg-color-panel); }
.pg-site .pg-catalog-sample__image img { width:100%; height:auto; display:block; }
.pg-site .pg-catalog-sample__caption { display:flex; flex-wrap:wrap; gap:.25rem 1rem; align-items:baseline; padding:.375rem .625rem; background:var(--pg-color-panel); }
.pg-site .pg-catalog-sample__caption h3 { font-family:var(--pg-interior-display); font-size:clamp(1.25rem,2.1875vw,3rem); font-weight:300; font-style:italic; text-transform:uppercase; }
.pg-site .pg-catalog-sample__caption p { font-size:clamp(.75rem,1.09375vw,1rem); text-transform:uppercase; }
.pg-site .pg-catalog-new-section { font-family:var(--pg-font-body); font-size:1rem; font-weight:700; margin-top:3rem; margin-bottom:1rem; text-transform:uppercase; }
.pg-site .pg-catalog-technical { display:grid; grid-template-columns:2fr 1fr; gap:var(--pg-catalog-gap); padding-block:2rem 4rem; }
.pg-site .pg-catalog-technical h2 { font-family:var(--pg-interior-display); font-size:clamp(1.75rem,2.5vw,4rem); font-weight:300; text-transform:uppercase; }
.pg-site .pg-catalog-subtitle { margin-bottom:1rem; font-size:var(--pg-text-base); }
.pg-site .pg-catalog-technical__photo { width:100%; height:auto; margin-top:2rem; }
.pg-site .pg-catalog-technical__diagrams { display:grid; grid-template-columns:1fr; gap:2rem; align-content:start; }
.pg-site .pg-catalog-technical__diagrams img { max-width:100%; width:auto; height:auto; max-height:35rem; object-fit:contain; justify-self:center; }
.pg-site .pg-catalog-measurements { display:grid; gap:.5rem; margin-top:1.5rem; }
.pg-site .pg-catalog-measurements>div { display:grid; grid-template-columns:1fr 2fr; gap:1rem; }
.pg-site .pg-catalog-measurements dt { font-weight:700; }
.pg-site .pg-catalog-gallery { display:grid; grid-template-columns:1fr 1fr; gap:var(--pg-catalog-gap); margin-bottom:6.25vw; }
.pg-site .pg-catalog-gallery img { width:100%; height:auto; }
.pg-site .pg-catalog-references { margin-bottom:clamp(3rem,7.8125vw,10rem); }
.pg-site .pg-catalog-references>h2 { margin-bottom:1rem; }
.pg-site .pg-catalog-references a { color:inherit; text-decoration:none; }
.pg-site .pg-catalog-reference__image { aspect-ratio:1; }
.pg-site .pg-catalog-reference__image img { width:100%; height:100%; object-fit:cover; }
.pg-site .pg-catalog-reference__caption { position:relative; background:var(--pg-color-panel); padding:1rem 2.5rem 1rem 1rem; }
.pg-site .pg-catalog-reference__caption p { font-size:.75rem; text-transform:uppercase; }
.pg-site .pg-catalog-reference__caption h3 { font-family:var(--pg-interior-display); font-size:clamp(1.25rem,2.1875vw,3rem); font-weight:300; line-height:1.1; text-transform:uppercase; }
.pg-site .pg-catalog-reference__caption span { position:absolute; right:1rem; top:50%; }
.pg-site .pg-catalog-story { display:grid; grid-template-columns:55.78125% 44.21875%; align-items:center; margin-bottom:6.25vw; }
.pg-site .pg-catalog-story--reverse { grid-template-columns:42.1875% 57.8125%; }
.pg-site .pg-catalog-story--reverse .pg-catalog-story__image { grid-column:2; grid-row:1; }
.pg-site .pg-catalog-story--reverse .pg-catalog-story__copy { grid-column:1; grid-row:1; }
.pg-site .pg-catalog-story__image { aspect-ratio:714/499; }
.pg-site .pg-catalog-story__image img { width:100%; height:100%; object-fit:cover; }
.pg-site .pg-catalog-story__copy { padding:var(--pg-interior-gutter); }
.pg-site .pg-catalog-story__copy h2 { margin-bottom:.75rem; }
.pg-site .pg-catalog-story__logo { width:clamp(10rem,15.625vw,20rem); height:auto; margin-bottom:1.5rem; }
.pg-site .pg-catalog-story__link { display:inline-block; margin-top:1rem; font-size:.875rem; font-weight:700; text-transform:uppercase; }
.pg-site .pg-catalog-notice { margin:0; padding-block:1.25rem; color:#545b56; font-size:.8125rem; line-height:1.4; }
.pg-site .pg-catalog-filters { display:flex; flex-wrap:wrap; align-items:start; gap:1.25rem; margin-bottom:1rem; }
.pg-site .pg-catalog-filters[hidden],.pg-site .pg-catalog-sample[hidden],.pg-site .pg-catalog-empty[hidden] { display:none; }
.pg-site .pg-catalog-filter { flex:1 1 12rem; position:relative; }
.pg-site .pg-catalog-filter summary { padding:.75rem 0; cursor:pointer; font-size:.875rem; font-weight:700; text-transform:uppercase; }
.pg-site .pg-catalog-filter fieldset { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.5rem 1rem; border:0; margin:0; padding:1rem; background:var(--pg-color-panel); }
.pg-site .pg-catalog-filter label { display:flex; align-items:center; gap:.5rem; font-size:.875rem; min-height:2.75rem; }
.pg-site .pg-catalog-filter input { width:1rem; min-height:1rem; margin:0; }
.pg-site .pg-catalog-search { display:flex; align-items:center; gap:.5rem; flex:1 1 14rem; }
.pg-site .pg-catalog-search span { font-size:.875rem; font-weight:700; text-transform:uppercase; }
.pg-site .pg-catalog-search input { width:100%; min-width:0; min-height:44px; }
.pg-site .pg-catalog-sort select { max-width:100%; min-height:44px; }
.pg-site .pg-catalog-filters button { min-height:44px; }
.pg-site .pg-catalog-result-count { margin-bottom:1rem; font-size:.875rem; }
.pg-site .pg-catalog-empty { padding:3rem 0; }
.pg-site .pg-catalog-back { display:inline-flex; min-height:44px; align-items:center; margin-bottom:1rem; }
.pg-site .pg-catalog-detail__sample img { width:100%; height:auto; }
.pg-site .pg-catalog-detail>h2 { font-family:var(--pg-interior-display); font-size:clamp(2rem,3.125vw,5rem); font-weight:300; margin:4rem 0 2rem; }
.pg-site .pg-catalog-detail__features,.pg-site .pg-catalog-detail__formats { display:grid; grid-template-columns:1fr 1fr; gap:2rem; margin-bottom:3rem; }
.pg-site .pg-catalog-detail h3 { font-family:var(--pg-font-body); font-size:1rem; font-weight:700; text-transform:uppercase; margin-bottom:1rem; }
.pg-site .pg-catalog-detail dl>div { display:grid; grid-template-columns:1fr 2fr; gap:1rem; padding:1rem 0; border-top:1px solid var(--pg-color-line); }
.pg-site .pg-catalog-detail dt { font-weight:700; }
@media(max-width:47.99rem) {
 .pg-site .pg-catalog-hero { min-height:78svh; padding-block:8rem 4rem; }
 .pg-site .pg-catalog-hero__copy { max-width:100%; }
 .pg-site .pg-catalog-intro:not(.pg-catalog-intro--split)>div { max-width:none; }
 .pg-site .pg-catalog-intro--split,.pg-site .pg-catalog-benefits,.pg-site .pg-catalog--smart .pg-catalog-benefits,.pg-site .pg-catalog-technical,.pg-site .pg-catalog-gallery,.pg-site .pg-catalog-story,.pg-site .pg-catalog-story--reverse,.pg-site .pg-catalog-detail__features,.pg-site .pg-catalog-detail__formats { grid-template-columns:minmax(0,1fr); }
 .pg-site .pg-catalog-story--reverse :is(.pg-catalog-story__image,.pg-catalog-story__copy) { grid-column:auto; grid-row:auto; }
 .pg-site .pg-catalog-technical__diagrams { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .pg-site .pg-catalog-technical__diagrams img { max-height:22rem; }
 .pg-site .pg-catalog-filters { flex-direction:column; }
 .pg-site .pg-catalog-filters>* { width:100%; flex-basis:auto; }
}
@media(prefers-reduced-motion:reduce) { .pg-site .pg-catalog * { scroll-behavior:auto; } }

.pg-site .pg-catalog--scheda-finitura .pg-catalog-heading h1 { font-size:clamp(1.75rem,3.125vw,5rem); }
.pg-site .pg-catalog--scheda-finitura .pg-catalog-heading { display:flex; align-items:center; gap:1rem; padding-block:2rem 1.5rem; }
.pg-site .pg-catalog--scheda-finitura .pg-catalog-back { flex:none; margin:0; font-size:2rem; text-decoration:none; }
.pg-site .pg-catalog-detail__availability { display:grid; grid-template-columns:2fr 1fr; gap:var(--pg-catalog-gap); }
.pg-site .pg-catalog-detail__formats { display:block; }
.pg-site .pg-catalog-detail__formats>section+section { margin-top:1.5rem; }
.pg-site .pg-catalog-detail>h2 { font-family:var(--pg-font-body); font-size:1rem; font-weight:700; text-transform:uppercase; margin:2rem 0 1rem; padding-top:1.5rem; border-top:1px solid var(--pg-color-line); }
.pg-site .pg-catalog-detail dl>div { display:block; padding:0; border:0; }
.pg-site .pg-catalog-detail dl dt,.pg-site .pg-catalog-detail dl dd { display:inline; font-weight:400; }
.pg-site .pg-catalog-detail dl dt::after { content:': '; }
.pg-site .pg-catalog-detail h3 { font-size:.875rem; text-transform:none; margin-bottom:.5rem; }
@media(max-width:47.99rem) { .pg-site .pg-catalog-detail__availability { grid-template-columns:minmax(0,1fr); } }

.pg-site .pg-catalog-intro__logo { width:12rem; height:auto; margin-bottom:1rem; }
.pg-site .pg-catalog-essence { margin-bottom:clamp(3rem,5vw,6rem); position:relative; }
.pg-site .pg-catalog-essence h2 { font:300 clamp(1.75rem,2.1875vw,3rem)/1.2 var(--pg-interior-display); text-transform:uppercase; }
.pg-site .pg-catalog-essence>.pg-catalog-copy { max-width:60%; margin-bottom:1.5rem; }
.pg-site .pg-catalog-essence__gallery { display:flex; gap:var(--pg-catalog-gap); overflow-x:auto; scroll-snap-type:x proximity; scrollbar-width:thin; }
.pg-site .pg-catalog-essence__gallery img { flex:none; width:auto; height:39vw; max-width:none; scroll-snap-align:start; }
.pg-site .pg-catalog-essence__controls { display:flex; justify-content:flex-end; gap:1rem; margin-bottom:1rem; }
.pg-site .pg-catalog-essence__controls[hidden] { display:none; }
.pg-site .pg-catalog-essence__controls button { border:0; background:none; width:44px; height:44px; cursor:pointer; font-size:1.75rem; }
.pg-site .pg-catalog-essence__controls button:disabled { opacity:.25; cursor:default; }
.pg-site .pg-catalog-story--shaded { background:#8e9990; color:#fff; }
.pg-site .pg-catalog--vecchia-quercia .pg-catalog-gallery { grid-template-columns:repeat(3,minmax(0,1fr)); }
.pg-site .pg-catalog--vecchia-quercia .pg-catalog-gallery img { height:39.375vw; object-fit:cover; }
.pg-site .pg-catalog--vecchia-quercia .pg-catalog-gallery img:nth-child(-n+2) { height:44.375vw; }
.pg-site .pg-catalog--vecchia-quercia .pg-catalog-gallery img:nth-child(n+5) { height:38.359375vw; }
.pg-site .pg-catalog--vecchia-quercia .pg-catalog-gallery img:nth-child(4n+2),.pg-site .pg-catalog--vecchia-quercia .pg-catalog-gallery img:nth-child(4n+3) { grid-column:span 2; }
@media(max-width:47.99rem) {
 .pg-site .pg-catalog-essence>.pg-catalog-copy { max-width:100%; }
 .pg-site .pg-catalog-essence__gallery img { height:65vw; }
 .pg-site .pg-catalog--vecchia-quercia .pg-catalog-gallery { grid-template-columns:1fr; }
 .pg-site .pg-catalog--vecchia-quercia .pg-catalog-gallery img:nth-child(n) { height:auto; grid-column:auto!important; }
}

.pg-site .pg-catalog-media { display:grid; grid-template-columns:1fr 1fr; gap:var(--pg-catalog-gap); align-items:center; margin-bottom:6.25vw; }
.pg-site .pg-catalog-media img,.pg-site .pg-catalog-media video { width:100%; height:auto; display:block; }
@media(max-width:47.99rem) { .pg-site .pg-catalog-media { grid-template-columns:1fr; } }

.pg-site .pg-catalog-benefits__title { grid-column:1/-1; }
.pg-site .pg-catalog-benefits .pg-catalog-copy { font-size:clamp(1rem,1.40625vw,1.625rem); line-height:1.2; }
.pg-site .pg-catalog-benefits__heading h2 { font-size:clamp(1rem,1.5625vw,1.875rem); }
.pg-site .pg-catalog--smart .pg-catalog-benefits { grid-template-columns:repeat(3,minmax(0,1fr)); row-gap:3rem; }
.pg-site .pg-catalog--smart .pg-catalog-benefits__title { grid-column:1; grid-row:1/span 2; }
.pg-site .pg-catalog--smart .pg-catalog-benefits article:nth-of-type(odd) { grid-column:2; }
.pg-site .pg-catalog--smart .pg-catalog-benefits article:nth-of-type(even) { grid-column:3; }
@media(max-width:47.99rem) {
 .pg-site .pg-catalog--smart .pg-catalog-benefits { grid-template-columns:1fr; }
 .pg-site .pg-catalog--smart .pg-catalog-benefits>* { grid-column:auto!important; grid-row:auto!important; }
}

.pg-site .pg-catalog-technical--split { grid-template-columns:1fr 1fr; }
.pg-site .pg-catalog-technical--split>.pg-catalog-technical__photo { grid-column:1/-1; width:66.25%; margin-top:0; }
.pg-site .pg-catalog-technical__diagrams { grid-template-columns:repeat(2,minmax(0,1fr)); align-items:center; }
.pg-site .pg-catalog-technical--wide .pg-catalog-technical__diagrams { column-gap:0; }
.pg-site .pg-catalog-technical--wide .pg-catalog-technical__diagrams img:first-child { grid-column:1/-1; justify-self:end; max-width:67%; }
@media(max-width:47.99rem) { .pg-site .pg-catalog-technical--split { grid-template-columns:1fr; }.pg-site .pg-catalog-technical--split>.pg-catalog-technical__photo { width:100%; } }

/* Figma filter states: species opens in three columns over the left half;
   collection names remain one column. Native details keeps the list in flow. */
.pg-site .pg-catalog-filter summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;list-style:none;min-height:2.75rem}
.pg-site .pg-catalog-filter summary::-webkit-details-marker{display:none}
.pg-site .pg-catalog-filter summary::after{content:'+';font-size:1.5rem;font-weight:400}
.pg-site .pg-catalog-filter[open] summary::after{content:'−'}
.pg-site .pg-catalog-filter fieldset{grid-template-columns:1fr;padding:1rem 0;background:transparent}
.pg-site .pg-catalog-filter--species fieldset{width:46.875vw;grid-template-columns:repeat(3,minmax(0,1fr))}
.pg-site .pg-catalog-filter [data-pg-catalog-all]{justify-self:start;background:none;border:0;padding:0;font:inherit;cursor:pointer;text-align:left}
.pg-site .pg-catalog-reference__content{display:block;color:inherit;text-decoration:none}
@media(min-width:48rem){
 .pg-site .pg-catalog-filters{display:grid;grid-template-columns:17.5% 14.1667% minmax(0,1fr) auto auto;gap:0;align-items:start}
 .pg-site .pg-catalog-filter summary{padding-right:1.25rem}
 .pg-site .pg-catalog-filter fieldset{padding:.75rem 0;row-gap:.25rem}
 .pg-site .pg-catalog-filter label,.pg-site .pg-catalog-filter [data-pg-catalog-all]{min-height:1.5rem}
 .pg-site .pg-catalog-filter--species{grid-column:1;grid-row:1}
 .pg-site .pg-catalog-filter--collection{grid-column:2;grid-row:1}
 .pg-site .pg-catalog-sort{grid-column:3;grid-row:1}
 .pg-site .pg-catalog-search{grid-column:4;grid-row:1;max-width:20rem}
 .pg-site .pg-catalog-filters>[data-pg-catalog-reset]{grid-column:5;grid-row:1;margin-left:1.25rem}
}
@media(max-width:47.99rem){
 .pg-site .pg-catalog-filter--species fieldset{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}
 .pg-site .pg-catalog-filter--collection fieldset{grid-template-columns:1fr}
 .pg-site .pg-catalog-filter summary{justify-content:flex-start}
}
.pg-site .pg-catalog-story--text-only{grid-template-columns:minmax(0,1fr)}
.pg-site .pg-catalog-story--text-only .pg-catalog-story__copy{grid-column:auto;grid-row:auto}

.pg-site .pg-catalog-heading__subtitle{margin-top:4px;font-size:clamp(1rem,1.25vw,1.5rem);line-height:1.3}

/* Keep the finish toolbar compact without clipping its editable labels. */
.pg-site .pg-catalog-sort select{width:auto;font:inherit;font-size:.875rem;border:0;background:transparent;color:inherit;padding:.75rem 1.5rem .75rem 0;cursor:pointer}
.pg-site .pg-catalog-search{gap:.75rem;min-width:0}
.pg-site .pg-catalog-search span{white-space:nowrap;font-size:.75rem}
.pg-site .pg-catalog-search input{border:0;border-bottom:1px solid var(--pg-color-line);background:transparent;font:inherit;font-size:.875rem;padding:.5rem;max-width:100%}
.pg-site .pg-catalog-filters>[data-pg-catalog-reset]{border:0;background:none;font:inherit;font-size:.75rem;text-decoration:underline;text-underline-offset:.25em;cursor:pointer}
.pg-site .pg-catalog-filters>[data-pg-catalog-reset][hidden]{display:none}
@media(min-width:701px){.pg-site .pg-catalog-search{width:20rem;max-width:25vw}.pg-site .pg-catalog-sort{padding-right:1rem}}
