/* Photo paper is a surrounding material, never a filter over real hair. */
#hair-gallery .polaroid-studio{position:relative;z-index:2;isolation:isolate;display:grid;grid-template-columns:220px minmax(0,1fr);align-items:center;gap:18px;margin:18px 0 32px;padding:20px 22px 16px;color:#3b2d21;background:#eee7dc url('media/cotton-paper-v50.png') center/790px;box-shadow:0 18px 38px -20px #1d120d80;overflow:hidden}
#hair-gallery .studio-introduction{align-self:center;padding:0 4px 38px 8px;position:relative;z-index:4}
#hair-gallery .studio-introduction h3{font:400 43px/1.04 Cormorant,Georgia,serif;letter-spacing:-.025em;margin:0 0 22px;color:#3c2c20}
#hair-gallery .studio-introduction p{font:400 13px/1.85 Manrope,sans-serif;color:#66513d;margin:0 0 28px}
#hair-gallery .studio-grid{display:inline-flex;align-items:center;gap:14px;background:none;border:0;border-bottom:1px solid #8e7659;padding:12px 0;min-height:44px;font:500 12px/1.5 Manrope,sans-serif;color:#403020;cursor:pointer}
#hair-gallery .polaroid-studio svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.4}
#hair-gallery .studio-workspace{min-width:0}
#hair-gallery .free-polaroid-table{height:420px;position:relative;isolation:isolate;user-select:none}
#hair-gallery .free-polaroid{position:absolute;left:0;top:0;width:182px;border-radius:1px;padding:10px 10px 36px;background:#f3ecdf url('media/cotton-paper-v50.png') center/430px;color:#36291e;box-shadow:0 14px 23px -7px #25140769,0 3px 5px #25140733;transform:translate(var(--print-x,0px),var(--print-y,0px)) rotate(var(--print-angle,0deg));transform-origin:50% 50%;touch-action:none;transition:box-shadow 220ms;cursor:grab}
#hair-gallery .free-polaroid[hidden]{display:none}
#hair-gallery .free-polaroid[data-active=true]{box-shadow:0 22px 30px -12px #2514078a,0 4px 7px #25140740}
#hair-gallery .free-polaroid[data-dragging]{cursor:grabbing;box-shadow:0 32px 34px -15px #2514079e}
#hair-gallery .free-photo{border:0;padding:0;width:100%;background:none;color:inherit;text-align:left;display:block;cursor:inherit;touch-action:none}
#hair-gallery .free-photo img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:contain;background:#e9e0d3;filter:none!important;opacity:1!important;mix-blend-mode:normal!important;pointer-events:none;user-select:none}
#hair-gallery .free-caption{display:block;padding:10px 0 0}
#hair-gallery .free-caption strong{font:400 24px/1 Cormorant,Georgia,serif;display:block}
#hair-gallery .free-caption span{font:500 10px/1.5 Manrope,sans-serif;display:block;margin-top:5px;color:#66513e}
#hair-gallery .free-heart{position:absolute;top:14px;right:14px;width:38px;height:38px;padding:9px;background:#f3ecdf;border:0;color:#51402d;cursor:pointer;box-shadow:0 3px 8px #24180d3d}
#hair-gallery .free-heart svg{width:20px;height:20px}
#hair-gallery .free-heart[aria-pressed=true] svg{fill:#795233;color:#795233}
#hair-gallery .free-details{position:absolute;bottom:4px;left:10px;border:0;background:none;text-decoration:underline;text-underline-offset:4px;padding:8px 0;min-height:30px;color:#69513b;font:500 10px/1.3 Manrope,sans-serif;cursor:pointer}
#hair-gallery .studio-controls{display:flex;align-items:center;justify-content:center;gap:14px;padding:6px 0 0}
#hair-gallery .studio-controls button{border:1px solid #a28d73;background:#f5eee3;color:#493723;padding:9px;min-height:42px;min-width:42px;display:grid;place-items:center;font:500 11px Manrope,sans-serif;cursor:pointer}
#hair-gallery .studio-controls .studio-reset{margin-left:10px;padding:10px 14px}
#hair-gallery .studio-previous svg{transform:rotate(180deg)}
#hair-gallery .studio-controls button:disabled{opacity:.35;cursor:default}
#hair-gallery .studio-position{font:500 12px Manrope,sans-serif;min-width:135px;text-align:center;font-variant-numeric:tabular-nums}
#hair-gallery #studio-help{text-align:center;font:400 10px/1.6 Manrope,sans-serif;margin:9px 0 0;color:#6b5641}
#hair-gallery .polaroid-studio :focus-visible{outline:2px solid #4d3621;outline-offset:4px}
/* The catalogue becomes photographic paper; mineral side strips are removed. */
#hair-gallery[open][data-material][data-choice-view=catalogue]{--material-base:#ded7ca;--material-ink:#392c21;--material-muted:#685441;--material-panel:#f5efe5;--material-rule:#b7a58d;--material-accent:#755333;--material-button:#392c21;--material-button-ink:#faf1e2;--material-selection:#e8dac6;/* V70: keep the chosen mineral image/tint on the scroll container; paper belongs to the cards. */color-scheme:light}
#hair-gallery[open][data-material][data-choice-view=catalogue]>.vitrine-content{background:transparent}
#hair-gallery[open][data-material] .compare-access{background:#392c21;color:#faf1e2}
#hair-gallery[open][data-material] .free-heart{background:#f3ecdf;color:#51402d}
#hair-gallery[open][data-material] .vitrine-atmosphere{display:none!important}
#hair-gallery[open][data-material] .prepared-grid .prepared-slot article{padding:11px 11px 0;background:#f2ecdf url('media/cotton-paper-v50.png') center/550px;border-radius:1px;box-shadow:0 18px 28px -10px #170e0a80,0 3px 6px #170e0a30}
#hair-gallery[open][data-material] .prepared-grid .prepared-photo.has-reference{background:#eae2d5!important;background-image:none!important;aspect-ratio:3/4;margin:0}
#hair-gallery[open][data-material] .prepared-grid .prepared-caption{background:transparent!important;padding:16px 2px 18px;min-height:130px;color:#392b20}
#hair-gallery[open][data-material] .prepared-grid .prepared-caption h4{font:400 29px/1 Cormorant,Georgia,serif;margin:0 0 10px;color:#392b20}
#hair-gallery[open][data-material] .prepared-grid .prepared-caption p,#hair-gallery[open][data-material] .prepared-grid .prepared-caption button{color:#64503d}
#hair-gallery[open][data-material] .prepared-grid .prepared-favorite{top:19px;right:19px;background:#f3ecdf;color:#60472e}
#hair-gallery[open][data-material] .prepared-grid .reference-photo{background:#eae2d5!important;filter:none!important}
#hair-gallery[data-has-selection=true] .vitrine-content{padding-bottom:170px}
/* Full screen: the entire real photograph, held by the same paper. */
#photo-viewer[open]{background:#181713;grid-template-rows:58px minmax(0,1fr) 100px}
#photo-viewer .photo-viewer-art{box-sizing:content-box;padding:12px 12px 40px;background:#f2ecdf url('media/cotton-paper-v50.png') center/640px;box-shadow:0 28px 70px #000a;border-radius:1px}
#photo-viewer .photo-viewer-art::after{content:attr(data-label);position:absolute;left:14px;bottom:9px;font:400 24px/1 Cormorant,Georgia,serif;color:#3e2e20}
#photo-viewer .photo-viewer-art .reference-photo{display:block;width:100%;height:100%;background:transparent;filter:none!important}
.photo-flight-v67,.selection-flight{position:fixed;z-index:1000;pointer-events:none;transform-origin:0 0;box-sizing:border-box;padding:12px 12px 40px;background:#f2ecdf url('media/cotton-paper-v50.png') center/640px;box-shadow:0 24px 44px #0b070866;color:#3d2c1d;border-radius:1px}
.photo-flight-v67 img,.selection-flight img{display:block;width:100%;height:100%;object-fit:contain;filter:none;mix-blend-mode:normal;opacity:1}
.photo-flight-v67>span,.selection-flight>span{position:absolute;bottom:9px;left:12px;font:400 24px/1 Cormorant,Georgia,serif}
.selection-flight{padding:9px 9px 30px}
.selection-flight>span{font-size:18px;bottom:7px}
/* One persistent selection, reparented into the active modal's top layer. */
.selection-dock{position:fixed;right:22px;bottom:22px;width:230px;z-index:80;display:grid;grid-template-columns:82px 1fr;gap:0 10px;align-items:center;padding:12px;background:#f3ecdf url('media/cotton-paper-v50.png') center/500px;color:#3a2b20;box-shadow:0 16px 38px #0c090866;isolation:isolate;border-radius:2px}
.selection-dock[hidden]{display:none!important}
.selection-dock[data-place=cave]{bottom:104px}
.selection-dock[data-place=photo]{top:84px;bottom:auto;width:214px;right:18px}
.selection-thumbnails{position:relative;grid-column:1;grid-row:1/3;height:76px;width:82px;pointer-events:none}
.selection-mini{display:block;position:absolute;left:4px;top:2px;width:48px;height:66px;padding:4px 4px 12px;background:#f6f0e5 url('media/cotton-paper-v50.png') center/180px;box-shadow:0 5px 9px #2b1b174f;transform:rotate(var(--mini-angle))}
.selection-mini:nth-child(2){left:18px;top:4px}.selection-mini:nth-child(3){left:30px;top:6px}
.selection-mini img{width:100%;height:100%;object-fit:contain;filter:none}
.selection-open{border:0;background:none;color:#3a2b20;text-align:left;padding:3px 0;cursor:pointer;display:block;min-height:42px}
.selection-open strong{display:block;font:500 12px/1.4 Manrope,sans-serif}
.selection-open span{display:block;font:400 10px/1.5 Manrope,sans-serif;color:#69523c}
.selection-compare{grid-column:2;border:0;border-bottom:1px solid #947453;padding:6px 0;background:none;color:#51371f;cursor:pointer;font:500 11px/1.4 Manrope,sans-serif;text-align:left;min-height:34px}
.selection-compare:disabled{opacity:.5;cursor:default}
.selection-dock :focus-visible{outline:2px solid #614326;outline-offset:3px}
#photo-viewer .selection-dock .selection-open{padding:3px 0;min-height:42px;background:none;color:#3a2b20;text-align:left}
#photo-viewer .selection-dock .selection-compare{padding:6px 0;min-height:34px;font:500 11px/1.4 Manrope,sans-serif;color:#51371f;background:none;border-bottom:1px solid #947453;text-align:left}
#photo-viewer .selection-dock button:hover{background:#e4d5be}
@media(max-width:1000px){#hair-gallery .polaroid-studio{grid-template-columns:180px minmax(0,1fr);padding:18px 15px}#hair-gallery .studio-introduction h3{font-size:38px}#hair-gallery .free-polaroid{width:166px}#hair-gallery .studio-controls{gap:7px}}
@media(max-width:700px){
 #hair-gallery .polaroid-studio{display:block;margin:14px 0 28px;padding:18px 10px 16px}
 #hair-gallery .studio-introduction{padding:0 7px 14px;display:grid;grid-template-columns:1fr auto;align-items:start;gap:0 8px}
 #hair-gallery .studio-introduction h3{font-size:34px;grid-column:1;margin:0 0 10px}
 #hair-gallery .studio-introduction p{font-size:12px;grid-column:1/-1;margin:0;line-height:1.7}
 #hair-gallery .studio-introduction p br{display:none}#hair-gallery .studio-introduction p br::after{content:' '}
 #hair-gallery .studio-grid{grid-column:2;grid-row:1;font-size:10px;gap:4px}
 #hair-gallery .studio-grid svg{width:15px;height:15px}
 #hair-gallery .free-polaroid-table{height:355px}
 #hair-gallery .free-polaroid{width:146px;padding:8px 8px 31px}
 #hair-gallery .free-caption strong{font-size:22px}#hair-gallery .free-caption span{font-size:9px}
 #hair-gallery .free-heart{top:11px;right:11px;width:34px;height:34px;padding:7px}
 #hair-gallery .free-details{left:8px;bottom:2px;font-size:10px}
 #hair-gallery .studio-controls{gap:6px;flex-wrap:wrap}
 #hair-gallery .studio-position{min-width:119px;font-size:11px}
 #hair-gallery .studio-controls .studio-reset{margin-left:0;min-height:38px;padding:8px}
 #hair-gallery #studio-help{font-size:9px;max-width:40ch;margin:9px auto 0}
 #hair-gallery[open][data-material] .prepared-grid .prepared-slot article{padding:8px 8px 0}
 #hair-gallery[open][data-material] .prepared-grid .prepared-caption{padding:13px 1px 15px;min-height:125px}
 #hair-gallery[open][data-material] .prepared-grid .prepared-caption h4{font-size:26px}
 #hair-gallery[open][data-material] .prepared-grid .prepared-favorite{top:12px;right:12px}
 .selection-dock,.selection-dock[data-place=photo]{left:auto;right:10px;top:auto;bottom:10px;width:245px;grid-template-columns:58px 1fr auto;gap:0 10px;padding:8px 10px}
 .selection-dock[data-place=cave]{bottom:100px}
 .selection-thumbnails{height:49px;width:58px;grid-row:1;grid-column:1}
 .selection-mini{width:32px;height:44px;padding:3px 3px 8px}.selection-mini:nth-child(2){left:13px}.selection-mini:nth-child(3){left:22px}
 .selection-compare{grid-column:3;grid-row:1;font-size:10px;max-width:72px;min-height:42px}
 .selection-open strong{font-size:11px}.selection-open span{font-size:9px}
 #photo-viewer[open]{grid-template-rows:112px minmax(0,1fr) 140px}
 #photo-viewer[data-has-selection=true]{padding-bottom:76px!important}
 #photo-viewer .selection-dock .selection-compare{font-size:10px;min-height:42px}
 #photo-viewer .selection-dock .selection-open{padding:3px 0;min-height:42px}
 #photo-viewer .photo-viewer-art{padding:9px 9px 34px}#photo-viewer .photo-viewer-art::after{font-size:22px;left:10px;bottom:8px}
}
@media(prefers-reduced-motion:reduce){#hair-gallery .free-polaroid{transition:none}}