/* La Griffe International characteristics: original pictograms are supplied as SVG assets. */
.label-characteristics{min-width:0;margin-top:40px;padding:34px 0 38px}
.label-characteristics[hidden]{display:none}
.label-characteristics-head,.label-characteristics>header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:26px}
.label-characteristics h2{position:relative;margin:0;padding-bottom:24px;font:500 clamp(25px,2.2vw,32px)/1.35 var(--sans,sans-serif);text-transform:uppercase;color:var(--accent,#a169ff)}
.label-characteristics h2::after{content:"";position:absolute;bottom:0;left:0;width:76px;height:2px;background:#ff4968}
.label-characteristics h2::before{content:"";position:absolute;bottom:0;left:0;width:26px;height:6px;background:#ff4968}
.label-characteristics-controls{display:flex;gap:14px;align-items:center;flex:0 0 auto}
.label-characteristics [data-feature-direction]{display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;padding:0;border:1px solid #b8bbc2;border-radius:50%;background:#fff;color:#9b9fa8;font:400 24px/1 var(--sans,sans-serif);cursor:pointer;transition:color .2s,border-color .2s,background-color .2s}
.label-characteristics [data-feature-direction]:hover:not(:disabled){color:var(--accent,#8050c7);border-color:var(--accent,#8050c7);background:#faf7ff}
.label-characteristics [data-feature-direction]:disabled{opacity:.38;cursor:default}
.label-characteristics [data-feature-direction]:focus-visible,.label-characteristics-track:focus-visible,.label-characteristics [data-feature-source]:focus-visible{outline:3px solid #4c9fe7;outline-offset:4px}
.label-characteristics-viewport{min-width:0;max-width:100%;overflow:hidden;touch-action:pan-y}
.label-characteristics-track{--feature-columns:1;--feature-visible-columns:1;position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--feature-visible-columns) - 1)*30px)/var(--feature-visible-columns));gap:30px;min-width:0;width:100%;padding:10px 0 16px;margin:0;overflow:visible;will-change:transform}
.label-characteristic{min-width:0;margin:0;padding:2px 14px 4px;text-align:center}
.label-characteristic>img.icon{display:block;width:60px;height:60px;max-width:none;object-fit:contain;margin:0 auto 17px}
.label-characteristic h3{margin:0 0 10px;color:#02177b;font:500 20px/1.4 var(--sans,sans-serif);text-transform:uppercase}
.label-characteristic p{margin:0;color:#767676;font:400 14px/1.9 var(--sans,sans-serif);overflow-wrap:break-word}
.label-characteristics [data-feature-source]{display:inline-block;margin-top:15px;color:var(--accent,#8050c7);font:500 12px/1.6 var(--sans,sans-serif);text-decoration:none;border-bottom:1px solid currentColor}
@media(min-width:800px){.label-characteristics-track{--feature-columns:2}}
@media(min-width:1024px){.label-characteristics-track{--feature-columns:3}}
@media(max-width:700px){.label-characteristics{margin-top:24px;padding:26px 0}.label-characteristics-head,.label-characteristics>header{gap:14px;align-items:flex-start;margin-bottom:20px}.label-characteristics h2{font-size:24px;padding-bottom:20px}.label-characteristics-controls{gap:8px;padding-top:2px}.label-characteristics [data-feature-direction]{width:32px;height:32px;font-size:22px}.label-characteristic{padding-right:10px;padding-left:10px}.label-characteristic h3{font-size:18px}.label-characteristic p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.label-characteristics-track{will-change:auto}.label-characteristics [data-feature-direction]{transition:none}}
/* Bring the family characteristics directly under the photograph's caption.
   The heading can use the free side gutters, but never covers a photograph. */
.label-detail-page .label-details--with-characteristics{padding-bottom:14px}
.label-detail-page .label-characteristics{position:relative;margin-top:0;padding:0 5% 30px}
.label-detail-page .label-characteristics-head{margin-bottom:16px}
.label-detail-page .label-characteristics-track{padding-top:4px}
.label-detail-page .label-characteristics.has-aligned-heading .label-characteristics-head{position:absolute;top:var(--feature-heading-top);left:var(--feature-heading-left);right:var(--feature-heading-right);margin-bottom:0;pointer-events:none}
.label-detail-page .label-characteristics.has-aligned-heading .label-characteristics-controls{pointer-events:auto}
@media(min-width:1001px){.label-detail-page .label-characteristics{padding-inline:var(--page-gutter,32px)}}
@media(max-width:760px){.label-detail-page .label-characteristics{padding-inline:6%}}