/* The Sweety G Archive layer v2. Additive to hiphop-exhibit.css; same ink, bone and gold.
   tastemaker · critique: ShowTell 4 · Phil 5 · Hier 5 · Spec 5 · Restr 4 · Var 4 · pass: record clarity + acquire path + story-led close */
.archive-opening{display:grid;grid-template-columns:1.1fr .9fr;gap:6%;padding:55px 7% 60px;border-top:1px solid var(--line);background:linear-gradient(#141211,#171512)}
.archive-opening h2{font-size:clamp(40px,5.4vw,84px)}
.archive-opening p{margin:0 0 16px;font-size:19px;color:#d6ccbb;max-width:520px}
.archive-opening .archive-terms{font-size:15px;line-height:1.6;color:#b7ab97;border-top:1px solid var(--line);padding-top:16px}
.featured-artifacts{padding:70px 7% 20px;border-top:1px solid var(--line)}
.featured-artifacts h2{font-size:clamp(38px,4.6vw,66px)}
.featured-lead{max-width:640px;font-size:18px;color:#d0c6b5;margin:16px 0 34px}
.featured-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:26px 20px}
.featured-card{display:block;text-decoration:none;color:var(--bone);background:#1b1815;border:1px solid var(--line);padding:16px 16px 18px;transition:transform .25s cubic-bezier(.22,1,.36,1),border-color .25s}
.featured-card img{display:block;width:100%;height:250px;object-fit:contain;background:#211e18;padding:12px;box-shadow:0 0 0 4px #41372b,0 10px 22px #0009}
.featured-copy{display:block;margin-top:16px}
.featured-id{display:block;font-size:14px;letter-spacing:.08em;color:#baa37d;margin-bottom:8px}
.featured-card b{display:block;font:400 22px/1.15 'Bodoni Moda',Georgia,serif;margin-bottom:6px}
.featured-venue{display:block;font-size:14px;color:#beb5a6;margin-bottom:12px}
.featured-card:hover{transform:translateY(-4px);border-color:var(--gold)}
.status-pill{display:inline-flex;align-items:center;gap:8px;font-size:14px;letter-spacing:.04em;color:#e9dcb8;padding:6px 12px;border:1px solid #a28b5866;border-radius:999px;background:#1c1914}
.status-pill::before{content:"";width:8px;height:8px;border-radius:50%;background:#c2a267;box-shadow:0 0 8px #c2a26788}
.status-pill[data-status=available]::before{background:#8bb46c;box-shadow:0 0 8px #8bb46c88}
.status-pill[data-status=reserved]::before,.status-pill[data-status=sold]::before{background:#8b8478;box-shadow:none}
.object-detail .status-pill{color:#3d3428;background:#efe7d3;border-color:#b3a48a}
/* Record, left column: what is verified, at a glance */
.verify-list{margin-top:30px;border-top:1px solid #b3a48a;padding-top:20px}
.verify-title{font-size:14px;letter-spacing:.13em;text-transform:uppercase;color:#6e552c;margin:0 0 10px}
.verify-list ul{list-style:none;margin:0;padding:0}
.verify-list li{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:9px 0;border-bottom:1px dashed #b3a48a80;font-size:16px}
.verify-list li b{text-align:right;color:#7a5a10}
.verify-list li b::before{content:"○ "}
.verify-list li[data-ok=true] b{color:#3d5a2b}
.verify-list li[data-ok=true] b::before{content:"● "}
.verify-list .small{margin:12px 0 0}
/* Record drop-downs say what they are before they open */
.object-history details{margin-top:14px}
.object-history summary{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;list-style:none;position:relative;padding-right:32px;min-height:44px}
.object-history summary::-webkit-details-marker{display:none}
.object-history summary::after{content:"+";position:absolute;right:0;top:-2px;font-size:26px;line-height:1;color:#6e552c;transition:transform .25s cubic-bezier(.22,1,.36,1)}
.object-history details[open] summary::after{transform:rotate(45deg)}
.object-history summary b{font:400 22px/1.2 'Bodoni Moda',Georgia,serif;color:#26221c}
.object-history summary span{font-size:15px;color:#635a4d}
.object-history details p{margin:12px 0 0;font-size:16px;line-height:1.6}
.provenance-claim{font:400 22px/1.3 'Bodoni Moda',Georgia,serif;color:#26221c}
.object-history details.context ul{padding-left:18px;margin:10px 0 0}
.object-history details.context li{margin:0 0 10px;font-size:15px;line-height:1.55}
/* Record, right column: the direct path */
.object-inquiry .archive-line{font-size:14px;letter-spacing:.06em;color:#6e552c;margin:6px 0 18px}
.object-inquiry h3{margin-bottom:0}
.object-inquiry .availability{margin:0 0 14px}
.price-line{margin:0 0 20px;display:grid;gap:3px}
.price-label{font-size:14px;letter-spacing:.13em;text-transform:uppercase;color:#6e552c}
.price-line b{font:400 46px/1 'Bodoni Moda',Georgia,serif;color:#26221c}
.price-line small{font-size:14px;color:#635a4d}
.acquire-actions{display:flex;flex-direction:column;gap:10px}
.object-inquiry .button.acquire{display:block;text-align:center;padding:16px 20px;font-size:17px;transition:transform .25s cubic-bezier(.22,1,.36,1),background-color .25s}
.object-inquiry .button.acquire:hover{background:#3a2f1f;transform:translateY(-2px)}
.button-secondary{display:block;text-align:center;padding:13px 20px;border:1px solid #6e552c;color:#26221c;text-decoration:none;font-size:16px;transition:border-color .25s}
.button-secondary:hover{border-color:#26221c}
.impact-line{font-size:15px;line-height:1.55;color:#4b4235;margin:22px 0 0;padding-top:16px;border-top:1px solid #b3a48a}
.impact-line b{display:block;margin-bottom:4px;color:#26221c}
.impact-line a{color:#26221c}
/* Landing: filters and the story-led close */
.filter-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 30px}
.filter-chips button{background:#24201b;border:1px solid #766447;color:var(--bone);padding:10px 14px;min-height:44px;cursor:pointer;font-size:14px;letter-spacing:.04em}
.filter-chips button[aria-pressed=true]{background:var(--gold);color:#1a150e;border-color:var(--gold)}
.filter-chips button:hover{border-color:var(--gold)}
.archive-why{padding:70px 7% 64px;border-top:1px solid var(--line);background:linear-gradient(#171512,#141211)}
.archive-why h2{font-size:clamp(38px,4.6vw,66px);max-width:14ch;margin-bottom:34px}
.why-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.why-steps li{background:#1b1815;border:1px solid var(--line);padding:26px 24px 28px;display:flex;flex-direction:column;gap:10px}
.why-steps li:last-child{border-color:var(--gold)}
.why-steps span{font-size:14px;letter-spacing:.13em;color:var(--gold)}
.why-steps b{font:400 26px/1.15 'Bodoni Moda',Georgia,serif}
.why-steps p{margin:0;font-size:17px;line-height:1.55;color:#d0c6b5;flex:1}
.why-steps a{color:var(--bone);font-size:16px;margin-top:8px}
.why-steps .button{background:var(--gold);color:#1a150e;text-align:center;text-decoration:none;transition:transform .25s cubic-bezier(.22,1,.36,1)}
.why-steps .button:hover{transform:translateY(-2px)}
.why-note{margin:26px 0 0;font-size:14px;color:#b7ab97}
.acquired-next{padding:70px 8%;background:#1b2430}
.acquired-next h2{font-size:clamp(40px,5vw,72px);margin-bottom:20px}
.acquired-next p{max-width:640px;font-size:18px;color:#d6ccbb}
.acquired-next .bridge-links{margin-top:26px;align-items:center}
.acquired-next .button{background:var(--gold);color:#1a150e}
.ke-contact-note{margin:22px 0 0;padding:16px 18px;border:1px solid #c2a26755;background:#14121199;color:#e9e1d1;font:15px/1.6 Arial,sans-serif;max-width:640px}
.ke-contact-note a{color:#e9e1d1}
.filter-chips button:focus-visible,.featured-card:focus-visible,.why-steps a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.object-detail a:focus-visible,.object-detail summary:focus-visible{outline:3px solid #6e552c;outline-offset:3px}
@media(max-width:900px){.archive-opening{grid-template-columns:1fr;gap:20px}.featured-row{grid-template-columns:repeat(3,minmax(0,1fr))}.why-steps{grid-template-columns:1fr}}
@media(max-width:600px){.archive-opening{padding:40px 6%}.archive-opening p{font-size:17px}.featured-artifacts{padding:45px 6% 10px}.featured-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.featured-card{padding:10px 10px 14px}.featured-card img{height:180px;padding:8px}.featured-card b{font-size:19px}.filter-chips{gap:6px}.filter-chips button{padding:9px 11px;font-size:14px}.price-line b{font-size:40px}.object-inquiry h3{font-size:32px}.archive-why{padding:48px 6% 44px}}
@media(prefers-reduced-motion:reduce){.featured-card,.object-inquiry .button.acquire,.why-steps .button,.object-history summary::after{transition:none}.featured-card:hover,.object-inquiry .button.acquire:hover,.why-steps .button:hover{transform:none}}
/* v3: the door builds the story; the sticky bar keeps the ask in reach. */
#hiphop-door.ke-build{grid-template-columns:1fr 1.1fr;min-height:0;padding:80px 8%;align-items:center}
.ke-build-stage{position:relative;height:470px;display:grid;place-items:center;padding:0}
#hiphop-door.ke-build .ke-hiphop-paper{position:relative;z-index:5;padding:0;background:none;transition:transform .4s cubic-bezier(.22,1,.36,1)}
#hiphop-door.ke-build .ke-hiphop-paper:hover{transform:translateY(-6px)}
#hiphop-door.ke-build .ke-hiphop-paper img{height:380px}
#hiphop-door.ke-build .ke-fan{position:absolute;top:50%;left:50%;height:330px;width:auto;max-width:none;opacity:0;transform:translate(-50%,-50%) rotate(0);transition:transform .9s cubic-bezier(.22,1,.36,1),opacity .6s;box-shadow:8px 15px 25px #0007;z-index:1}
#hiphop-door.ke-build.is-in .ke-fan[data-i="1"]{transform:translate(-96%,-46%) rotate(-14deg);opacity:1;z-index:3}
#hiphop-door.ke-build.is-in .ke-fan[data-i="2"]{transform:translate(-4%,-46%) rotate(12deg);opacity:1;z-index:3}
#hiphop-door.ke-build.is-in .ke-fan[data-i="3"]{transform:translate(-128%,-40%) rotate(-26deg);opacity:.9;transition-delay:.15s}
#hiphop-door.ke-build.is-in .ke-fan[data-i="4"]{transform:translate(28%,-40%) rotate(24deg);opacity:.9;transition-delay:.15s}
#hiphop-door.ke-build .ke-beats{list-style:none;margin:28px 0 0;padding:0;border-top:1px solid #c2a26755}
#hiphop-door.ke-build .ke-beats li{padding:14px 0;border-bottom:1px solid #c2a26733;font:17px/1.55 Arial,sans-serif;color:#d6ccbb;opacity:0;transform:translateY(14px);transition:opacity .6s,transform .6s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--i)*200ms + .3s)}
#hiphop-door.ke-build .ke-beats li b{display:block;font:400 24px/1.2 'Bodoni Moda',Georgia,serif;color:#e9e1d1;margin-bottom:4px}
#hiphop-door.ke-build.is-in .ke-beats li{opacity:1;transform:none}
#hiphop-door.ke-build .ke-build-cta{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;margin-top:28px}
#hiphop-door.ke-build .ke-build-cta a{margin:0}
#hiphop-door.ke-build .ke-build-cta .ke-archive-cta{background:var(--gold);color:#1a150e;padding:16px 26px;font:700 18px/1.2 Arial,sans-serif;border:0;box-shadow:0 12px 34px #c2a26755;transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s}
#hiphop-door.ke-build .ke-build-cta .ke-archive-cta:hover{transform:translateY(-3px);box-shadow:0 18px 40px #c2a26777}
#hiphop-door.ke-build .ke-build-cta a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.ke-sticky{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;gap:14px;align-items:center;justify-content:center;padding:10px 16px;background:#141211f0;border-top:1px solid var(--gold);color:var(--bone);font:15px/1.4 Arial,sans-serif;transform:translateY(105%);transition:transform .35s cubic-bezier(.22,1,.36,1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.ke-sticky.is-on{transform:none}
.ke-sticky span b{color:var(--gold)}
.ke-sticky a.ke-sticky-cta{background:var(--gold);color:#1a150e;padding:11px 16px;text-decoration:none;font-weight:700;white-space:nowrap}
.ke-sticky a.ke-sticky-cta:focus-visible,.ke-sticky button:focus-visible{outline:3px solid var(--bone);outline-offset:2px}
.ke-sticky button{background:none;border:0;color:var(--bone);font-size:24px;line-height:1;cursor:pointer;min-width:44px;min-height:44px}
@media(max-width:900px){#hiphop-door.ke-build{grid-template-columns:1fr;padding:48px 6%;gap:26px}#hiphop-door.ke-build .ke-build-copy{grid-row:1}#hiphop-door.ke-build .ke-build-stage{grid-row:2;height:360px}#hiphop-door.ke-build .ke-hiphop-paper img{height:290px}#hiphop-door.ke-build .ke-fan{height:250px}#hiphop-door.ke-build.is-in .ke-fan[data-i="3"],#hiphop-door.ke-build.is-in .ke-fan[data-i="4"]{opacity:0}.ke-sticky{font-size:14px;gap:8px;padding:8px 10px}.ke-sticky span{flex:1;min-width:0}.ke-sticky a.ke-sticky-cta{padding:10px 12px;font-size:14px}}
@media(prefers-reduced-motion:reduce){#hiphop-door.ke-build .ke-fan,#hiphop-door.ke-build .ke-beats li,.ke-sticky,#hiphop-door.ke-build .ke-hiphop-paper,#hiphop-door.ke-build .ke-build-cta .ke-archive-cta{transition:none}#hiphop-door.ke-build .ke-build-cta .ke-archive-cta:hover,#hiphop-door.ke-build .ke-hiphop-paper:hover{transform:none}}
.ke-sticky-short{display:none}
@media(max-width:700px){.ke-sticky-long{display:none}.ke-sticky-short{display:inline}.ke-sticky{padding:8px 8px 8px 14px}.ke-sticky span{font-size:14px;line-height:1.3}}
