/* Textured photographic paper surrounds the untouched product photograph. */
#hair-gallery .polaroid-gallery{position:relative;z-index:2;isolation:isolate;display:grid;grid-template-columns:minmax(210px,.72fr) minmax(0,1.8fr);gap:24px;align-items:center;margin:18px 0 30px;padding:28px 30px 20px;background:#ede5d7 url('media/cotton-paper-v50.png') center/730px;box-shadow:0 20px 42px -22px #0e090a80;overflow:hidden;color:#34291f}
#hair-gallery .polaroid-gallery[hidden]{display:none}
#hair-gallery .polaroid-introduction{position:relative;z-index:12;padding:0 5px 28px 3px;pointer-events:none}
#hair-gallery .polaroid-introduction h3{font:400 clamp(32px,3.6vw,49px)/1.02 Cormorant,Georgia,serif;letter-spacing:-.025em;margin:0 0 20px;color:#35271c}
#hair-gallery .polaroid-introduction h3 em{font-weight:400}
#hair-gallery .polaroid-introduction p{font:400 13px/1.85 Manrope,sans-serif;max-width:28ch;color:#584b3d;margin:0 0 22px}
#hair-gallery .polaroid-grid-link{pointer-events:auto;display:inline-flex;gap:16px;align-items:center;padding:12px 0;min-height:44px;border:0;border-bottom:1px solid #78634b;background:none;font:500 12px/1.5 Manrope,sans-serif;color:#3a2c20;cursor:pointer}
#hair-gallery .polaroid-gallery svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.3}
#hair-gallery .polaroid-exhibition{min-width:0;position:relative}
#hair-gallery .polaroid-table{--polaroid-width:195px;--hand-x:0px;--hand-turn:0deg;position:relative;height:335px;touch-action:pan-y;cursor:grab;user-select:none;isolation:isolate}
#hair-gallery .hair-polaroid{position:absolute;left:50%;top:12px;width:var(--polaroid-width);padding:11px 11px 0;border:0;border-radius:1px;background:#f3eddf url('media/cotton-paper-v50.png') center/480px;color:#362a20;box-shadow:0 14px 24px -8px #2214086e,0 3px 5px #22140836;transform-origin:50% 80%;transform:translateX(calc(-50% + var(--polaroid-x))) translateY(var(--polaroid-y)) rotate(var(--polaroid-angle)) scale(var(--polaroid-scale));transition:transform 520ms cubic-bezier(.16,1,.3,1),box-shadow 520ms cubic-bezier(.16,1,.3,1);cursor:pointer;will-change:auto;overflow:visible;text-align:left;appearance:none}
#hair-gallery .hair-polaroid[hidden]{display:none}
#hair-gallery .hair-polaroid[data-distant=true]{visibility:hidden;pointer-events:none}
#hair-gallery .hair-polaroid[data-active=true]{box-shadow:0 24px 28px -12px #21160b8a,0 5px 9px #21160b40;transform:translateX(calc(-50% + var(--polaroid-x) + var(--hand-x))) translateY(var(--polaroid-y)) rotate(calc(var(--polaroid-angle) + var(--hand-turn))) scale(var(--polaroid-scale))}
#hair-gallery .polaroid-image{display:block;width:100%;aspect-ratio:3/4;background:#e6ded0;overflow:hidden;box-shadow:inset 0 1px 2px #241c1433}
#hair-gallery .polaroid-image img{display:block;width:100%;height:100%;object-fit:contain;filter:none!important;mix-blend-mode:normal!important;opacity:1;transform:none;pointer-events:none;user-select:none}
#hair-gallery .polaroid-caption{display:grid;grid-template-columns:1fr auto;align-items:end;column-gap:8px;padding:12px 1px 16px;line-height:1.3}
#hair-gallery .polaroid-caption strong{grid-column:1;font:400 25px/1 Cormorant,Georgia,serif;color:#382a1f}
#hair-gallery .polaroid-caption>span:not(.polaroid-photo-count){grid-column:1;font:500 10px/1.5 Manrope,sans-serif;color:#64503e;margin-top:5px}
#hair-gallery .polaroid-photo-count{grid-column:2;grid-row:1/3;align-self:center;font:500 10px/1.5 Manrope,sans-serif;color:#64503e;white-space:nowrap}
#hair-gallery .polaroid-navigation{display:flex;align-items:center;justify-content:center;gap:18px;margin:12px 0 0;position:relative;z-index:15}
#hair-gallery .polaroid-navigation button{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border:1px solid #9f8a70;background:#f5eee3;color:#493724;cursor:pointer;transition:background 180ms,color 180ms}
#hair-gallery .polaroid-navigation button:hover:not(:disabled){background:#392b20;color:#fff4e4}
#hair-gallery .polaroid-navigation button:disabled{opacity:.38;cursor:default}
#hair-gallery .polaroid-reading{text-align:center;min-width:140px}
#hair-gallery .polaroid-current{font:500 12px/1.5 Manrope,sans-serif;color:#473424;font-variant-numeric:tabular-nums;margin:0 0 4px}
#hair-gallery #polaroid-help{font:400 10px/1.5 Manrope,sans-serif;color:#64503e}
#hair-gallery .polaroid-gallery :focus-visible{outline:2px solid #38291b;outline-offset:5px}
#hair-gallery .polaroid-table[data-dragging]{cursor:grabbing}
#hair-gallery .polaroid-table[data-dragging] .hair-polaroid[data-active=true]{transition:none;cursor:grabbing}
#hair-gallery .polaroid-photo-error{display:block;padding:40px 16px;font:13px/1.7 Manrope,sans-serif;color:#443529}
#hair-gallery .polaroid-image[data-failed] img{display:none}
#hair-gallery .polaroid-gallery[data-reduced=true] .hair-polaroid{transition:none}
@media(max-width:1000px){
 #hair-gallery .polaroid-gallery{grid-template-columns:minmax(180px,.7fr) minmax(0,1.3fr);padding:26px 22px 18px;gap:10px}
 #hair-gallery .polaroid-table{--polaroid-width:190px;height:315px}
 #hair-gallery .polaroid-introduction h3{font-size:39px}
 #hair-gallery .polaroid-introduction p{font-size:12px}
}
@media(max-width:700px){
 #hair-gallery .polaroid-gallery{display:flex;flex-direction:column;gap:0;margin:14px 0 26px;padding:20px 12px 18px}
 #hair-gallery .polaroid-introduction{align-self:stretch;padding:0 5px;display:grid;grid-template-columns:1fr auto;column-gap:8px;align-items:start}
 #hair-gallery .polaroid-introduction h3{font-size:35px;margin:0 0 10px;grid-column:1}
 #hair-gallery .polaroid-introduction p{font-size:12px;max-width:31ch;margin:0 0 14px;grid-column:1/-1}
 #hair-gallery .polaroid-introduction p br{display:none}
 #hair-gallery .polaroid-grid-link{grid-column:2;grid-row:1;gap:5px;font-size:10px;margin-top:2px}
 #hair-gallery .polaroid-grid-link svg{width:16px;height:16px}
 #hair-gallery .polaroid-exhibition{width:100%}
 #hair-gallery .polaroid-table{--polaroid-width:168px;height:295px}
 #hair-gallery .hair-polaroid{padding:9px 9px 0;top:4px}
 #hair-gallery .polaroid-caption{padding:11px 1px 14px}
 #hair-gallery .polaroid-caption strong{font-size:23px}
 #hair-gallery .polaroid-caption>span:not(.polaroid-photo-count),#hair-gallery .polaroid-photo-count{font-size:9px}
 #hair-gallery .polaroid-navigation{gap:8px;margin-top:4px}
 #hair-gallery .polaroid-reading{flex:1;min-width:0}
 #hair-gallery #polaroid-help{display:block;font-size:9px;max-width:22ch;margin:auto}
}
@media(prefers-reduced-motion:reduce){#hair-gallery .hair-polaroid{transition:none}}