/* Preserve the film hardware through skin changes. No artwork is recolored. */
html[data-skin] .archive-gallery{--film-deep:#1d3033;--film-face:#2c484b;--film-ink:#eee4d0;--film-metal:#b8b49c;--film-line:#758c86;--gold:#eee4d0;--skin-highlight:#eee4d0;background:#233e42;color:var(--film-ink)}
html[data-skin] body[data-typography="madge"] .lab-shop-bridge{display:flex!important;min-height:32px;padding:4px clamp(14px,3vw,40px);gap:14px;justify-content:space-between;background:#233e42;color:#eee4d0;border-block:1px solid #758c86;box-shadow:none}
body[data-typography="madge"] .lab-shop-bridge strong{font:600 16px/1.3 var(--font-reading);text-align:left}
html[data-skin] body[data-typography="madge"] .lab-shop-bridge a{min-height:26px;padding:2px 0;border:0;background:none;color:#eee4d0;font:650 16px/1.3 var(--font-reading);text-decoration:underline;text-underline-offset:3px}
.lab-film-edge{position:absolute;inset:0;z-index:7;pointer-events:none}
.lab-film-edge::before,.lab-film-edge::after{height:12px!important;background-color:#1d3033;background-image:radial-gradient(ellipse 3px 2.8px at 9px 6px,#c9bea0 95%,transparent 100%);background-size:22px 12px!important;background-repeat:repeat-x}
.lab-film-edge::before{top:0!important}.lab-film-edge::after{top:auto!important;bottom:0!important}
html[data-skin] .archive-gallery-layout{grid-template-columns:minmax(0,1.85fr) minmax(290px,1fr);background:var(--film-deep)}
html[data-skin] .archive-reel{position:relative;background:var(--film-face);border-color:var(--film-line)}
html[data-skin] .archive-reel>header{background:var(--film-face);color:var(--film-ink);padding-left:14px}
html[data-skin] .archive-reel::before{content:"";position:absolute;z-index:2;left:9px;top:calc(50% + 5px);width:38px;height:38px;border:3px solid var(--film-metal);border-radius:50%;background:radial-gradient(circle at 50% 50%,var(--film-deep) 0 4px,transparent 4.5px),radial-gradient(circle at 28% 28%,var(--film-deep) 0 4px,transparent 4.5px),radial-gradient(circle at 72% 28%,var(--film-deep) 0 4px,transparent 4.5px),radial-gradient(circle at 28% 72%,var(--film-deep) 0 4px,transparent 4.5px),radial-gradient(circle at 72% 72%,var(--film-deep) 0 4px,transparent 4.5px),var(--film-metal);transform:translateY(-50%) rotate(var(--reel-turn,0deg));pointer-events:none;box-shadow:2px 3px 0 #0003}
html[data-skin] .archive-gallery .archive-reel-track{width:calc(100% - 56px);margin-left:56px;padding:14px 10px 16px;gap:3px;background-color:var(--film-deep);background-image:radial-gradient(ellipse 3px 2.5px at 8px 5px,var(--film-metal) 95%,transparent 100%),radial-gradient(ellipse 3px 2.5px at 8px 5px,var(--film-metal) 95%,transparent 100%);background-position:0 0,0 100%;background-size:20px 10px;background-repeat:repeat-x;border-block:1px solid var(--film-line);scrollbar-color:var(--film-metal) var(--film-deep);box-shadow:none}
html[data-skin] .archive-gallery :is(.archive-reel-frame,.archive-reel-frame figcaption){background:var(--film-face);color:var(--film-ink);border-color:var(--film-line)}
html[data-skin] .archive-gallery :is(.archive-reel-frame>div,.archive-reel-frame img){background:var(--film-face)}
html[data-skin] .archive-gallery :is(h2,.chapter-label,.archive-reel>header span){color:var(--film-ink)}
html[data-skin] #shop{--gold:#d5bd96;--skin-highlight:#d5bd96;background:#233e42!important;color:#eee4d0}
html[data-skin] #shop :is(.shop-intro h2,.chapter-label){color:#eee4d0}
html[data-skin] #shop .product-list{background-color:#1d3033;background-image:radial-gradient(ellipse 3px 2.5px at 8px 5px,#b8b49c 95%,transparent 100%),radial-gradient(ellipse 3px 2.5px at 8px 5px,#b8b49c 95%,transparent 100%);background-position:0 0,0 100%;background-size:20px 10px;background-repeat:repeat-x;border-color:#758c86}
html[data-skin] .archive-reel-track:focus-visible{outline:2px solid var(--film-metal);outline-offset:-2px}
html[data-skin] #shop :is(.store-product-card,.product-card-copy,.product-card-image){background-color:#2c484b;border-color:#1d3033}
html[data-skin] #shop .store-product-card footer>strong{color:#d5bd96}
html[data-skin] #main :is(.shop-type-nav small,.calendar-promo-actions a,.calendar-month-choices button[aria-pressed=true],.bottle-promo-actions a,.bottle-promo-designs button[aria-pressed=true],.pajama-launch-copy button){background:#b6856e;color:#1d3033;border-color:#b6856e}
html[data-skin] .archive-gallery .film-bookend{background:#38585a;color:var(--film-ink);border:1px solid var(--film-line);box-shadow:inset 0 0 0 3px var(--film-deep)}
html[data-skin] .archive-gallery .film-bookend-ending{background:var(--film-deep);border-color:var(--film-metal)}
html[data-skin] .archive-gallery .archive-pinboard{display:block;background-color:#304b4b;background-image:repeating-linear-gradient(35deg,#eee4d005 0 2px,transparent 2px 7px);border-left:5px solid var(--film-deep);box-shadow:inset 0 0 0 5px #71877f,inset 0 0 0 8px var(--film-deep)}
.archive-pinboard::before{background:radial-gradient(circle,#d4d1b510 0 1px,transparent 1.4px) 0 0/8px 8px}.archive-pinboard::after{border-color:#95a59855;box-shadow:none}
body[data-typography="madge"] .pinboard-label{background:#c8d1c0;color:#233e42;border-color:#71877f;box-shadow:1px 3px 0 #0002;padding:6px 10px}
body[data-typography="madge"] .archive-pinboard .pin-photo{padding:0;background:none;border:0;box-shadow:none;width:42%}
.archive-pinboard .pin-photo img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;background:transparent;filter:drop-shadow(3px 7px 5px #10222566)}
.archive-pinboard .pin-photo figcaption{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%);padding:0!important;white-space:nowrap}
.archive-pinboard .pin-photo::before{background:radial-gradient(circle at 35% 30%,#f2ead3 0 13%,#b5a67e 14% 48%,#66715e 50%);box-shadow:0 2px 3px #10222566}
.archive-pinboard .graphic-projector{background:#b6856e;border-color:#c2bca3;filter:none;opacity:1;top:23%;left:auto;right:6%;width:29%}
.archive-pinboard .graphic-projector i{border-color:#c2bca3;background:radial-gradient(circle,#1d3033 0 13%,#8b9483 14% 24%,#1d3033 25% 39%,#c2bca3 40% 47%,#1d3033 48%)}
.archive-pinboard .graphic-projector b{border-color:#c2bca3;background:radial-gradient(circle at 38% 36%,#b7d7d5 0 9%,#49686d 10% 35%,#1d3033 36% 55%,#c2bca3 56%)}
.archive-pinboard .graphic-projector span{background:#c2bca3}
.archive-pinboard .graphic-film-can{opacity:1;border-color:#c2bca3;background:radial-gradient(circle,#1d3033 0 9%,#b7c6bd 10% 17%,#1d3033 18% 30%,#c2bca3 31% 36%,#496563 37% 63%,#c2bca3 64%)}
.archive-pinboard .graphic-film-tail{opacity:1;background:repeating-linear-gradient(90deg,#1d3033 0 18px,#c2bca3 18px 25px,#1d3033 25px 42px)}
.archive-pinboard .graphic-contact-sheet{background:#b3bda9;opacity:.9}.archive-pinboard .graphic-contact-sheet i{background:#426260;border-color:#1d3033}.archive-pinboard .graphic-contact-sheet i:nth-child(3n){background:#927b6d}
body[data-typography="madge"] .shop-type-nav{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:900px){
 html[data-skin] .archive-gallery-layout{grid-template-columns:1fr}
 html[data-skin] .archive-gallery .archive-pinboard{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 12px;min-height:0;padding:16px 20px 22px;border-left:0;border-top:2px solid var(--film-line)}
 .archive-pinboard .pinboard-label{position:relative;grid-column:1/-1;justify-self:center;left:auto;top:auto;transform:none;margin-bottom:0}
 .archive-pinboard .pinboard-cinema-elements{position:relative;inset:auto;grid-column:1/-1;height:78px}
 .archive-pinboard .pinboard-projector{left:12%;right:auto;top:22px;width:72px}
 .archive-pinboard .graphic-film-can-a{left:46%;top:5px;width:64px}.archive-pinboard .graphic-film-can-b{right:10%;top:18px;width:48px}
 .archive-pinboard .graphic-contact-sheet{display:none}.archive-pinboard .graphic-film-tail{top:62px;height:14px}
 body[data-typography="madge"] .archive-pinboard .pin-photo{position:relative;inset:auto;width:100%;align-self:center}
 .archive-pinboard .pin-photo::before{width:9px;height:9px;top:-4px}
}
@media(max-width:760px){
 .lab-film-edge::before,.lab-film-edge::after{height:10px!important;background-size:20px 10px!important;background-position:0 0}
 html[data-skin] body[data-typography="madge"] .lab-shop-bridge{min-height:30px;padding-block:3px}
 body[data-typography="madge"] .lab-shop-bridge strong{font-size:15px}
 body[data-typography="madge"] .shop-type-nav{grid-template-columns:repeat(3,minmax(0,1fr))}
 html[data-skin] .archive-reel::before{left:5px;width:28px;height:28px;border-width:2px}
 html[data-skin] .archive-gallery .archive-reel-track{width:calc(100% - 40px);margin-left:40px;padding-inline:7px}
}
/* Holiday skins retain their approved paired colors; film geometry survives every skin. */
html[data-skin]:not([data-skin=heritage]) .archive-gallery{--film-deep:var(--skin-canvas);--film-face:var(--skin-surface);--film-ink:var(--skin-surface-text);--film-metal:var(--skin-paper-alt);--film-line:var(--skin-line);--gold:var(--skin-highlight);background:var(--skin-canvas)}
html[data-skin]:not([data-skin=heritage]) body[data-typography=madge] .lab-shop-bridge{background:var(--skin-surface);color:var(--skin-surface-text);border-color:var(--skin-line)}
html[data-skin]:not([data-skin=heritage]) body[data-typography=madge] .lab-shop-bridge a{color:var(--skin-surface-text)}
html[data-skin]:not([data-skin=heritage]) #shop{--gold:var(--skin-highlight);background:var(--skin-canvas)!important;color:var(--skin-paper)}
html[data-skin]:not([data-skin=heritage]) #shop :is(.shop-intro h2,.chapter-label){color:var(--skin-paper)}
html[data-skin]:not([data-skin=heritage]) #shop .product-list{background-color:var(--skin-canvas);border-color:var(--skin-line)}
html[data-skin]:not([data-skin=heritage]) #shop :is(.store-product-card,.product-card-copy,.product-card-image){background-color:var(--skin-surface);border-color:var(--skin-line)}
html[data-skin]:not([data-skin=heritage]) .archive-gallery :is(.film-bookend,.archive-pinboard){background-color:var(--film-face);color:var(--film-ink)}
html[data-skin]:not([data-skin=heritage]) #main :is(.shop-type-nav small,.calendar-promo-actions a,.calendar-month-choices button[aria-pressed=true],.bottle-promo-actions a,.bottle-promo-designs button[aria-pressed=true],.pajama-launch-copy button){background:var(--skin-accent);color:var(--skin-accent-ink);border-color:var(--skin-accent)}

/* Archive v83: one Photo Lab palette, distinct paper/film/material roles. */
html[data-skin=heritage] .archive-gallery{background:#D4D4C5;color:#213D40;--film-deep:#203238;--film-face:#344D4D;--film-line:#84968C;--film-metal:#C8B98E;--film-ink:#F1EADF}
html[data-skin=heritage] .archive-gallery-heading{padding:22px 24px 18px;border-top:3px solid #AC6955;border-bottom:1px solid #A5ADA0;background:#D4D4C5}
html[data-skin=heritage] .archive-gallery .archive-gallery-heading :is(h2,.chapter-label){color:#213D40}
html[data-skin=heritage] .archive-gallery-heading h2{margin-block:5px 0}
html[data-skin=heritage] .archive-reel{--reel-accent:#A5B4A4;border-top:2px solid var(--reel-accent)}
html[data-skin=heritage] .archive-reel:nth-child(3n+2){--reel-accent:#B77F69}
html[data-skin=heritage] .archive-reel:nth-child(3n){--reel-accent:#C2AE77}
html[data-skin=heritage] .archive-reel>header{background:#283F42}
html[data-skin=heritage] .archive-reel>header span{color:var(--reel-accent)}
html[data-skin=heritage] .archive-gallery .film-bookend-opening{background:var(--reel-accent);color:#203238;border-color:var(--reel-accent)}
html[data-skin=heritage] .archive-gallery .archive-pinboard{background-color:#BBC1B0;border-left-color:#203238;box-shadow:inset 0 0 0 4px #8A998A,inset 0 0 0 7px #D3D1B9;background-image:repeating-linear-gradient(35deg,#F4EDE10B 0 2px,transparent 2px 7px)}
html[data-skin=heritage] .archive-pinboard .pinboard-label{background:#EAE2CA;color:#213D40;border-color:#9C9476}
html[data-skin] .archive-gallery .archive-pinboard{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px;align-content:space-around;padding:24px 25px 34px;min-width:0}
html[data-skin] .archive-pinboard .pinboard-label{position:relative;grid-column:1/-1;left:auto;top:auto;justify-self:center;transform:rotate(-2deg);margin:0}
html[data-skin] .archive-pinboard .pinboard-cinema-elements{position:relative;inset:auto;grid-column:1/-1;height:110px;pointer-events:none}
html[data-skin] .archive-pinboard .graphic-projector{width:90px;left:4%;right:auto;top:28px}
html[data-skin] .archive-pinboard .graphic-film-can-a{width:74px;left:50%;top:5px}
html[data-skin] .archive-pinboard .graphic-film-can-b{width:48px;right:3%;top:45px}
html[data-skin] .archive-pinboard .graphic-film-tail{top:94px;height:15px}
html[data-skin] .archive-pinboard .graphic-contact-sheet{display:none}
html[data-skin] body[data-typography=madge] .archive-pinboard .pin-photo{position:relative;inset:auto;width:100%;max-width:145px;justify-self:center;align-self:center;transform:rotate(-5deg);margin:0}
html[data-skin] body[data-typography=madge] .archive-pinboard .pin-photo:nth-of-type(3n+2){transform:translateY(10px) rotate(6deg)}
html[data-skin] body[data-typography=madge] .archive-pinboard .pin-photo:nth-of-type(4n){transform:rotate(3deg)}
@media(max-width:900px){html[data-skin] .archive-gallery .archive-pinboard{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 12px;padding:20px;align-content:start}html[data-skin] .archive-pinboard .pinboard-cinema-elements{height:100px}}
@media(max-width:480px){html[data-skin] .archive-gallery .archive-pinboard{gap:16px 10px;padding:18px 14px}html[data-skin=heritage] .archive-gallery-heading{padding:16px 14px}html[data-skin] body[data-typography=madge] .archive-pinboard .pin-photo{max-width:110px}}
html[data-skin=heritage] .archive-gallery .archive-gallery-heading h2 span{color:#213D40}
html[data-skin] .archive-pinboard .pinboard-label{order:-2}
html[data-skin] .archive-pinboard .pin-photo:nth-of-type(-n+6){order:-1}
html[data-skin] .archive-pinboard .pin-photo:nth-of-type(-n+8){order:-1}
html[data-skin]:not([data-skin=heritage]) .archive-gallery-heading{background:var(--skin-paper-alt);border-block:2px solid var(--skin-accent);padding:20px 24px}
html[data-skin]:not([data-skin=heritage]) .archive-gallery .archive-gallery-heading :is(h2,h2 span,.chapter-label){color:var(--skin-ink)}
html[data-skin]:not([data-skin=heritage]) .archive-gallery .archive-pinboard{background-color:var(--skin-paper-alt)}
html[data-skin]:not([data-skin=heritage]) .archive-gallery .film-bookend-opening{background:var(--skin-paper-alt);color:var(--skin-ink)}
html[data-skin]:not([data-skin=heritage]) .archive-reel:nth-child(3n+2) .film-bookend-opening{background:var(--skin-accent);color:var(--skin-accent-ink)}
html[data-skin=heritage] .archive-gallery-heading h2::first-line{color:#213D40}
html[data-skin]:not([data-skin=heritage]) .archive-gallery-heading h2::first-line{color:var(--skin-ink)}
/* Small labels keep full contrast; accent colors remain on material surfaces. */
html[data-skin=heritage] .archive-gallery .film-bookend-opening{color:#10282B}
html[data-skin=heritage] .archive-reel>header span{color:var(--film-ink)}
/* Physical film craft: inset gates, double rails and tactile light, no artwork filter. */
html[data-skin] .archive-gallery .archive-reel-track{box-shadow:inset 0 3px 3px #0007,inset 0 -3px 3px #0007;cursor:grab;scroll-padding-inline:10px;touch-action:pan-x pan-y}
html[data-skin] .archive-gallery .archive-reel-track.is-dragging{cursor:grabbing;user-select:none;scroll-behavior:auto}
html[data-skin] .archive-gallery .archive-reel-frame{position:relative;box-shadow:inset 2px 0 0 #ffffff14,inset -2px 0 0 #0005}
html[data-skin] .archive-gallery .archive-reel-frame>div{box-shadow:inset 0 0 0 1px #ffffff19,inset 0 2px 7px #0003}
html[data-skin] .archive-gallery .archive-reel-frame figcaption span{font-variant-numeric:tabular-nums;border:1px solid var(--film-metal);background:var(--film-deep);color:var(--film-ink)}
html[data-skin] .archive-reel::before{box-shadow:inset 0 0 0 2px #ffffff28,inset 0 0 0 5px #0003,2px 3px 0 #0005}
html[data-skin] .archive-pinboard{background-size:auto;box-shadow:inset 0 0 0 4px #8A998A,inset 0 0 0 7px #D3D1B9,inset 0 12px 24px #20323822}
html[data-skin] .archive-pinboard .pin-photo img{filter:drop-shadow(2px 4px 2px #10222555)}
@media(prefers-reduced-motion:reduce){html[data-skin] .archive-gallery *,html[data-skin] .archive-gallery *::before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(prefers-reduced-motion:reduce){html[data-skin] .archive-reel::before{transform:translateY(-50%)!important}}
