/* Cotton texture belongs to the interface. Photographs retain their source pixels. */
#hair-gallery{--dossier-paper:#f4f0e7;--dossier-ink:#352c23;--dossier-muted:#655442;--dossier-bronze:#78572d;--dossier-rule:#cbbdaa}
#hair-gallery .vitrine-content{background-color:var(--dossier-paper);background-image:linear-gradient(#f4f0e7e8,#f4f0e7e8),url('media/cotton-paper-v50.png');background-size:auto,640px auto}
#hair-gallery[data-display-view=details]{background:var(--dossier-paper);width:min(1440px,94vw);box-shadow:0 24px 90px #0008;scrollbar-color:#a49278 var(--dossier-paper)}
#hair-gallery[data-display-view=details] .vitrine-content{padding:24px 38px 40px;min-height:100%}
#hair-gallery[data-display-view=details] .dialog-top h2{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
#hair-gallery[data-display-view=details] .dialog-top{min-height:0;padding-right:54px}
#hair-gallery[data-display-view=details] #close-hair{position:absolute;top:0;right:0;width:44px;height:44px;background:transparent}
#hair-gallery[data-display-view=details] .vitrine-heading{padding:0 54px 0 0;margin:0 0 24px;border-bottom:1px solid var(--dossier-rule)}
#hair-gallery[data-display-view=details] .piece-navigation{margin:0;border:0;min-height:44px;gap:20px}
#hair-gallery[data-display-view=details] .piece-navigation button{min-height:44px;font-size:12px}
#hair-gallery[data-display-view=details] .piece-position{font-size:12px}
#hair-gallery[data-display-view=details] .piece-detail{grid-template-columns:minmax(0,1.55fr) minmax(310px,1fr);column-gap:48px}
#hair-gallery[data-display-view=details] .piece-detail-actions{margin:0 0 18px;min-height:44px}
#hair-gallery[data-display-view=details] .piece-information .editorial-title{font-size:clamp(38px,3.8vw,58px);margin-bottom:12px}
#hair-gallery .editorial-description{font-size:14px;line-height:1.8;margin-bottom:24px;max-width:36ch}
#hair-gallery .piece-consult{min-height:54px;padding:15px 20px;font-size:13px;background:#352c23;color:#f7f2e8;border-color:#352c23;display:flex;justify-content:space-between;align-items:center}
#hair-gallery .piece-consult:hover{background:#55422e}
#hair-gallery .piece-consult-note{margin:10px 0 24px;font-size:12px;line-height:1.7;color:var(--dossier-muted)}
#hair-gallery .piece-pending{margin:0 0 28px;padding:0;font-size:13px;line-height:1.8;max-width:44ch;color:var(--dossier-muted)}
#hair-gallery .piece-specs[hidden],#hair-gallery .piece-specs>div[hidden],#piece-information-title[hidden]{display:none!important}
#hair-gallery .editorial-gallery{gap:24px 16px}
#hair-gallery .editorial-photo{background:#eae5db;overflow:visible}
#hair-gallery .editorial-photo:first-child{grid-column:1/-1}
#hair-gallery .editorial-photo:first-child img{height:65dvh;min-height:390px;max-height:690px;aspect-ratio:auto}
#hair-gallery .editorial-photo img{filter:none;mix-blend-mode:normal;opacity:1;object-fit:contain;background:#eae5db}
#hair-gallery .editorial-photo .editorial-caption{padding:16px 0 0;background:transparent;text-align:left}
#hair-gallery .editorial-caption strong{display:block;font:400 28px/1.2 Cormorant,Georgia,serif;color:var(--dossier-ink)}
#hair-gallery .editorial-caption span{padding:7px 0 0;background:transparent;font:12px/1.7 Manrope,Arial,sans-serif;color:var(--dossier-muted)}
#hair-gallery .editorial-caption small{display:block;margin-top:7px;font:11px/1.5 Manrope,Arial,sans-serif;color:var(--dossier-muted)}
#hair-gallery .editorial-photo:hover .editorial-caption{text-decoration:none}
#hair-gallery .editorial-photo:hover .editorial-caption small{text-decoration:underline;text-underline-offset:4px}
#hair-gallery .editorial-photo{background:transparent}
#hair-gallery .piece-photo-status{padding:14px 0 0;color:var(--dossier-muted);line-height:1.8}
#hair-gallery[data-collection] .prepared-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 24px}
#hair-gallery .prepared-caption{padding-top:18px}
#hair-gallery .prepared-name-note{font-size:12px;line-height:1.7}
#hair-gallery .photo-view-note{font-size:12px;line-height:1.7;max-width:26ch}
#hair-gallery .prepared-open{font-size:13px;min-height:44px;padding-top:12px}
#hair-gallery .prepared-photo.has-reference{background:#eae5db}
#hair-gallery :focus-visible{outline:2px solid var(--dossier-bronze);outline-offset:4px}
#hair-gallery ::selection{background:#d7c5a9;color:#352c23}
@media(max-width:850px){
 #hair-gallery[data-display-view=details]{width:100vw;max-height:100dvh;min-height:100dvh}
 #hair-gallery[data-display-view=details] .vitrine-content{padding:16px 22px 30px}
 #hair-gallery[data-display-view=details] .vitrine-heading{padding:0 48px 0 0;margin-bottom:18px}
 #hair-gallery[open][data-display-view=details] .vitrine-heading{grid-template-columns:minmax(0,1fr)}
 #hair-gallery[open][data-display-view=details] .piece-navigation{grid-column:1;grid-row:1;grid-template-columns:minmax(44px,1fr) auto minmax(70px,1fr);width:100%;gap:8px}
 #hair-gallery[open][data-display-view=details] .saved-tools{grid-column:1;grid-row:2;justify-content:flex-start;margin:0;padding:0;min-height:40px}
 #hair-gallery[data-display-view=details] .piece-position{font-size:11px;white-space:nowrap}
 #hair-gallery[data-display-view=details] .piece-navigation button{gap:4px;font-size:11px}
 #hair-gallery[data-display-view=details] #close-hair{position:fixed;right:12px;top:12px;background:var(--dossier-paper)}
 #hair-gallery[data-display-view=details] .piece-detail{display:flex}
 #hair-gallery[data-display-view=details] .piece-detail-actions{margin-bottom:14px}
 #hair-gallery[data-display-view=details] .piece-information{margin-top:30px}
 #hair-gallery[data-display-view=details] .piece-photo-stage{background:#eae5db}
 #hair-gallery[data-display-view=details] .editorial-title{font-size:42px}
 #hair-gallery .prepared-grid{gap:28px 16px}
 #hair-gallery .prepared-name-note,#hair-gallery .photo-view-note{font-size:11px}
 #hair-gallery .piece-navigation{gap:12px}
 #hair-gallery .piece-navigation button{font-size:11px}
}
@media(prefers-reduced-motion:no-preference){#hair-gallery .piece-consult{transition:background-color .2s ease-out}}
