/* v0.32 — Archive: stone display tables, bound folios and bronze fittings.
   All perspective is decorative; controls remain on an untransformed plane. */
.archive-modal,.workshop,.folio-modal{--archive-paper:#ddd1b6;--archive-edge:#998464;--archive-shadow:#050c12;--archive-jade:#94aca3}
.archive-modal{width:min(1392px,calc(100vw - 48px));padding:28px;background:linear-gradient(115deg,#18232aee,#0b141bee),url('materials/cloudstone-floor.jpg') center/700px;}
.archive-modal>.modal-head{top:-28px;margin:-28px -28px 0;padding:19px 28px;background:#101a22f5}.archive-modal .modal-head h2{font-size:22px;letter-spacing:3px}
.archive-hero,.workshop-head{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:266px;overflow:hidden;border-bottom:1px solid #a58b5855;background:radial-gradient(ellipse at 73% 38%,#75857523,transparent 52%)}
.archive-hero>div:first-child,.workshop-title{z-index:2;position:relative;max-width:62%;padding:25px 8px}.archive-hero .eyebrow,.workshop-head .eyebrow{font:10px/1.5 var(--ui-font);letter-spacing:4px;color:#c2ad83;margin:0 0 18px}
.archive-hero h1,.workshop-head h1{font:400 clamp(27px,3.1vw,43px)/1.35 var(--display-font);letter-spacing:3px;color:#eee1c5;margin:0 0 16px}.archive-hero p,.workshop-head p{font-size:13px;line-height:1.8;color:#adbbb9;max-width:490px}.archive-index{display:flex;gap:26px;margin-top:22px;font-size:10px;color:#aeb8b2}.archive-index>span{display:flex;align-items:center;gap:9px}.archive-index b{font:24px Georgia;color:#ddc9a3}
.exhibit-fan{position:relative;width:390px;height:248px;flex:none;perspective:950px;margin:0 32px 0 0;pointer-events:none;transform:scale(.95);transform-origin:center}
.exhibit-plinth{position:absolute;left:12px;right:0;height:98px;bottom:4px;transform:rotateX(66deg) rotateZ(-5deg);border:1px solid #ad94716b;background:linear-gradient(120deg,#a89b7422,#0d172373),url('materials/cloudstone-floor.jpg') center/cover;box-shadow:0 6px #756850,0 10px #17232b,0 13px #07111b,0 28px 35px #000a}
.exhibit-leaf{position:absolute;top:22px;left:130px;width:133px;height:185px;transform-style:preserve-3d;border:4px solid #494536;border-radius:3px;background:var(--leaf-art) center/cover;outline:1px solid #c2ac7c;box-shadow:2px 2px #d0b98a,5px 4px #34332b,10px 18px 17px #0008;transform:rotateX(6deg) rotateY(-12deg) rotateZ(5deg)}
.exhibit-leaf::after{content:'';position:absolute;inset:4px;border:1px solid #d8c28b77;background:linear-gradient(120deg,#ffffff10,transparent 40%,#080f192f);pointer-events:none}.exhibit-leaf.leaf-0{transform:translate(-99px,21px) rotateX(9deg) rotateY(-10deg) rotateZ(-16deg)}.exhibit-leaf.leaf-2{transform:translate(102px,22px) rotateX(9deg) rotateY(-15deg) rotateZ(20deg)}.exhibit-leaf.leaf-1{z-index:2}
.archive-filters,.workshop .builder-filters{padding:19px 0 17px;display:flex;align-items:center;gap:7px;border-bottom:1px solid #b69b662f;margin:0 0 24px;overflow:visible;flex-wrap:wrap}
.archive-filters button,.workshop .builder-filters button{background:none;border:0;border-bottom:2px solid transparent;box-shadow:none;min-height:40px;padding:8px 20px;color:#a9b5b7;border-radius:0}
.archive-filters button.gold,.workshop .builder-filters button.gold{border-bottom-color:#d0b078;background:linear-gradient(0deg,#b79c6820,transparent);color:#ecd7af}.archive-filters button:hover,.workshop .builder-filters button:hover{color:#f4e5c6;background:#b6a27812}.archive-filters .archive-deck-link{margin-left:auto;border:1px solid #97846355;font-size:11px}
.archive-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:32px 25px;padding:6px 3px 30px;perspective:1600px}
.catalog .archive-card{display:block;position:relative;width:100%;height:auto;min-height:0;max-height:none;padding:5px;text-align:left;border:1px solid #9c88635e;border-radius:2px;background:#172128;box-shadow:inset 0 0 0 2px #0a1219,2px 3px #3a3b32,4px 5px #070e14,0 14px 20px #0006;transition:transform .22s,box-shadow .22s,border-color .22s;overflow:visible}
.archive-art{display:block;position:relative;width:100%;height:auto;aspect-ratio:4/5;background:var(--card-art) center/cover;border:1px solid #a998724d;overflow:hidden}
.archive-art::after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 0 3px #07101b39,inset 0 -32px 35px -20px #0009;pointer-events:none}
.archive-cost{position:absolute;left:8px;top:8px;z-index:1;width:32px;min-height:44px;display:grid;place-items:center;padding:4px 0;background:linear-gradient(135deg,#334744f2,#101f24f5);border:1px solid #c8b387a3;box-shadow:inset 0 0 0 2px #0b1c21,0 3px 8px #0008;color:#f1dfb8}.archive-cost b{font:22px/1 Georgia}.archive-cost small{font:8px/1.4 var(--ui-font);color:#c6c9b8}
.archive-caption{display:block;padding:13px 9px 8px}.archive-caption>small{display:block;font-size:10px;color:#a1b2b0;letter-spacing:1px}.catalog .archive-card .archive-caption>strong,.archive-builder .archive-caption>strong{display:block;font:400 20px/1.4 var(--display-font);color:#e8d7b4;letter-spacing:.5px;margin:7px 0 12px;min-height:28px;overflow-wrap:anywhere;background:none}
.archive-values{display:flex;justify-content:space-between;padding-top:9px;border-top:1px solid #a6916540;color:#a7b7b7;font-size:10px;gap:8px}.archive-values b{font:18px Georgia;color:#d7c496;margin-left:4px}
@media(hover:hover) and (pointer:fine){.catalog .archive-card:hover{transform:translateY(-6px) rotateX(2deg) rotateY(-2deg);border-color:#d1bd89;box-shadow:inset 0 0 0 2px #0a1219,2px 3px #7d7052,4px 5px #192027,0 22px 29px #0009;background:#202d33}.builder-preview:hover .archive-art{filter:brightness(1.07)}}
/* The workshop keeps working controls straight; the deck's hero uses physical depth. */
.hall3d .workshop,.workshop{padding:0 clamp(18px,4vw,64px) 40px;background:linear-gradient(#0c1824d9,#0a121af7 460px)}
.workshop>.topbar{margin:0 calc(-1 * clamp(18px,4vw,64px));}.workshop>section,.workshop>div,.workshop>p{max-width:1480px;margin-left:auto;margin-right:auto}
.workshop-head{padding:0;min-height:258px}.workshop-title>button{font-size:11px;padding:7px 14px;margin-top:8px;background:#11202abb}.workshop-head h1{font-size:clamp(26px,3vw,41px)}
.workshop-toolbar{display:grid;grid-template-columns:1.1fr 1.1fr .65fr auto;gap:18px;align-items:end;margin-top:24px;margin-bottom:0;padding:20px;background:linear-gradient(105deg,#24302ffe,#152126fe);border:1px solid #a3926d4f;box-shadow:inset 0 1px #d8c69c20,0 5px 12px #0003}
.workshop-toolbar label{display:grid;gap:9px;min-width:0;color:#c1bba6;font-size:11px;letter-spacing:.8px}.workshop-toolbar input,.workshop-toolbar select{width:100%;min-width:0;background:#101b20;border-color:#aa96734f;min-height:42px;font-size:12px}.workshop-toolbar input:disabled,.workshop-toolbar select:disabled{opacity:.7}.toolbar-actions{display:flex;gap:7px;flex-wrap:wrap;max-width:260px}.toolbar-actions button{font-size:11px;min-height:37px;padding:8px 11px}.toolbar-actions [data-act=delete-deck]{color:#d5a79b}
.workshop .deck-dashboard{display:grid;grid-template-columns:130px 240px minmax(130px,1fr) auto;gap:25px;align-items:center;margin:0 auto;padding:23px 22px;background:linear-gradient(110deg,#1b272a,#111d24);border:1px solid #a3926d4f;border-top:0;box-shadow:inset 0 -1px #c7aa6b16}
.deck-count{border-right:1px solid #b29a653f;padding-right:15px}.deck-count>strong{display:block;font:38px Georgia;color:#e5d6b5}.deck-count strong small{font-size:16px;color:#8e9d98}.deck-count>span{font-size:10px;display:block;line-height:1.6;margin-top:7px}.deck-dashboard .small{font-size:10px}.deck-dashboard .cost-curve{height:65px;gap:8px;margin-top:10px}.cost-curve i{background:linear-gradient(90deg,#7d8e80,#a9b6a0 25%,#5d756c);box-shadow:inset 0 1px #d5dfc66b,2px 0 #172b25;border-radius:0}.cost-curve b{font-weight:400;font-variant-numeric:tabular-nums;color:#b1c1b5}.deck-breakdown{gap:8px}.deck-breakdown strong{font-size:12px;line-height:1.7;font-weight:400}.deck-breakdown>span:last-child{line-height:1.7;max-width:350px}.deck-dashboard>button{font-size:12px;min-height:46px;padding:10px 18px}
.workshop-note{color:#b3bbaa;font-size:11px;line-height:1.7;padding:11px 1px;margin-top:0;margin-bottom:0}
.workshop .builder-filters{margin-bottom:8px;padding-top:8px}.workshop .builder-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:30px;padding:0 0 30px}.builder-layout>section{min-width:0}.builder-layout h2{display:flex;justify-content:space-between;align-items:center;font:400 21px var(--display-font);letter-spacing:1px;border:0;margin:20px 0;padding:0;color:#decdab}.builder-layout h2 small{font:11px Georgia;color:#a1b0ab;letter-spacing:1px}
.workshop .builder-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 15px}.builder-card.archive-builder{padding:5px;gap:0;min-height:0;border:1px solid #a28d6255;background:linear-gradient(110deg,#1f2b30,#121f26);box-shadow:2px 3px #0a1017,0 9px 15px #0004;border-radius:2px;overflow:hidden}.builder-card.archive-builder.included{border-color:#99ac9088;background:linear-gradient(110deg,#263532,#18282b)}
.builder-preview{display:block;border:0;box-shadow:none;padding:0;width:100%;text-align:left;background:none!important;min-width:0;border-radius:0}.builder-preview:hover{box-shadow:none;border:0}.archive-builder .archive-caption{padding:10px 7px 0}.archive-builder .archive-caption>strong{font-size:17px;margin:5px 0 9px;min-height:48px}.archive-builder .archive-caption>small{font-size:9px;letter-spacing:.5px}.archive-builder .archive-art{aspect-ratio:4/4.8}.included-seal{position:absolute;right:7px;bottom:8px;z-index:1;padding:4px 8px;font:12px Georgia;color:#e3dfba;background:#20352cf0;border:1px solid #b5bc9080;box-shadow:0 2px 6px #0008}
.builder-card.archive-builder>p{font:11px/1.75 var(--ui-font);padding:0 7px 13px;margin:0;color:#b2c0ba;flex:1}.archive-builder .builder-stats{border-top:1px solid #b59c6637;padding:8px 3px 3px;display:flex;flex-wrap:wrap;gap:5px;justify-content:space-between}.builder-stats>small{font-size:10px;color:#cbb992}.archive-builder .builder-stats>span{gap:7px}.archive-builder .builder-stats button{min-width:32px;min-height:34px;padding:2px 5px;font-size:17px;background:#182c30;border:1px solid #a4926c6b}.archive-builder .builder-stats b{font:13px Georgia;min-width:10px;text-align:center;color:#e2d4b7}
.workshop .deck-scroll{order:0;position:sticky;top:18px;max-height:calc(100svh - 36px);margin-top:20px;padding:0 15px 18px;border:1px solid #a9915f6b;box-shadow:inset 3px 0 #07121b,inset 4px 0 #baa37630,4px 5px #080f16,0 15px 25px #0005;background:linear-gradient(100deg,#24312f,#121f24)}
.deck-scroll h2{position:sticky;top:0;background:#1d2b2c;z-index:2;padding:20px 0 12px;margin:0;border-bottom:1px solid #bfa77744}.deck-folio-title{font:15px/1.6 var(--display-font);color:#aebbab;padding:12px 0;overflow-wrap:anywhere}.workshop .deck-row{display:flex;gap:10px;min-height:67px;padding:8px 0;border-color:#a8905f28}.deck-row>img{width:39px;height:51px;border-color:#ae99796b}.deck-row strong{font:13px/1.45 var(--display-font);color:#e3d5b9;overflow-wrap:anywhere}.deck-row small{font-size:9px;color:#a4b5ac}.deck-row>b{font:14px Georgia}.deck-row button{min-height:34px;min-width:36px;font-size:10px;background:#16272b}.deck-row>.cost{bottom:8px;background:#1f3435;border-color:#bda46f;color:#f1dbac}
/* Museum-like single-card display, on a lit stone lectern. */
.folio-modal{width:min(1020px,calc(100vw - 40px));padding:24px;min-height:0;background:linear-gradient(100deg,#1c292c,#101c24 70%)}
.folio-detail{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:12px 20px 30px}.folio-stage{position:relative;perspective:1000px;min-height:440px;display:flex;align-items:center;justify-content:center;isolation:isolate;background:radial-gradient(ellipse at 50% 35%,#87978623,transparent 70%)}
.folio-stage .modal-card-art{float:none;position:relative;width:265px;height:357px;margin:0;border:6px solid #474836;outline:1px solid #bda77b;background:var(--card-art) center/cover;transform:rotateY(-9deg) rotateX(3deg);box-shadow:4px 2px #b9a47a,8px 4px #37382d,16px 30px 35px #0009;border-radius:2px;z-index:1}
.folio-corner{position:absolute;inset:5px;border:1px solid #e6cc9173;box-shadow:inset 0 0 20px #0c182540}.folio-pedestal{position:absolute;bottom:0;left:0;right:0;height:115px;transform:rotateX(62deg);background:url('materials/cloudstone-floor.jpg') center/cover;border:1px solid #bca46d80;box-shadow:0 8px #504e3f,0 13px #111b23,0 30px 26px #0009}
.folio-copy .eyebrow{font-size:11px;color:#9eafa6;letter-spacing:2px}.folio-copy h3{font:400 33px/1.45 var(--display-font);color:#ecd9b6;margin:18px 0;overflow-wrap:anywhere}.folio-copy .cost-copy{font-size:13px;line-height:1.8;color:#ccbb95;margin:0 0 22px}.folio-rule{border-top:1px solid #a58b5b55;border-bottom:1px solid #a58b5b55;padding:19px 0}.folio-rule small{font-size:10px;letter-spacing:2px;color:#a5b5ad}.folio-rule p{font:15px/1.95 var(--ui-font);color:#d4dacf;margin:12px 0 0}.folio-values{display:flex;gap:35px;margin:23px 0;color:#a8b6ac;font-size:11px}.folio-values span{display:flex;align-items:center;gap:13px}.folio-values b{font:32px Georgia;color:#e6d1a6}.folio-copy>button{min-height:43px;min-width:150px;margin-top:20px}
[lang=en] .archive-hero h1,[lang=en] .workshop-head h1{letter-spacing:0;font-size:clamp(26px,3vw,41px)}[lang=en] .archive-caption>strong{letter-spacing:0;font-size:18px;min-height:51px}[lang=en] .archive-builder .archive-caption>strong{font-size:16px;min-height:66px}[lang=en] .archive-builder .builder-stats>small{font-size:9px}[lang=en] .workshop-toolbar{grid-template-columns:1fr 1fr .7fr auto}
@media(min-width:1700px){.workshop .builder-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1200px){.archive-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:23px 18px}.workshop .builder-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.workshop .builder-layout{grid-template-columns:minmax(0,1fr) 275px;gap:22px}.workshop-toolbar,[lang=en] .workshop-toolbar{grid-template-columns:1fr 1fr .7fr}.toolbar-actions{grid-column:1/-1;max-width:none}.workshop .deck-dashboard{grid-template-columns:100px 190px minmax(120px,1fr);gap:19px}.deck-dashboard>button{grid-column:1/-1;justify-self:end}.exhibit-fan{margin-right:12px;width:350px;transform:scale(.9)}}
@media(max-width:850px){.archive-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.workshop .builder-layout{grid-template-columns:minmax(0,1fr) 245px;gap:18px}.workshop .builder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.exhibit-fan{position:absolute;right:-64px;opacity:.62;transform:scale(.8)}.archive-hero>div:first-child,.workshop-title{max-width:65%}.folio-detail{gap:25px;padding:0 0 15px}.folio-stage{min-height:380px}.folio-stage .modal-card-art{width:215px;height:294px}.folio-copy h3{font-size:26px}.folio-rule p{font-size:13px}}
@media(max-width:620px){.archive-modal{width:calc(100vw - 16px);padding:15px;max-height:calc(100svh - 16px)}.archive-modal>.modal-head{top:-15px;margin:-15px -15px 0;padding:15px;gap:10px}.archive-modal .modal-head h2{font-size:19px}.archive-hero,.workshop-head{min-height:224px}.archive-hero>div:first-child,.workshop-title{max-width:100%;padding:25px 0}.archive-hero h1,.workshop-head h1,[lang=en] .archive-hero h1,[lang=en] .workshop-head h1{font-size:27px;max-width:76%;letter-spacing:1px}.archive-hero p:not(.eyebrow),.workshop-head p:not(.eyebrow){font-size:11px;max-width:72%}.archive-hero .eyebrow,.workshop-head .eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:12px}.exhibit-fan{right:-186px;top:-4px;transform:scale(.62);opacity:.42}.archive-index{gap:18px;font-size:9px;margin-top:16px}.archive-index b{font-size:21px}.archive-filters,.workshop .builder-filters{gap:3px;padding:13px 0;margin-bottom:15px}.archive-filters button,.workshop .builder-filters button{min-width:0;font-size:11px;padding:8px 13px}.archive-filters .archive-deck-link{font-size:10px;margin-left:0;flex:1 1 100%;margin-top:5px;text-align:left;padding-left:13px}.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:21px 13px;padding:1px 2px 20px}.catalog .archive-card{padding:4px}.archive-caption{padding:10px 5px 6px}.catalog .archive-card .archive-caption>strong{font-size:17px;min-height:25px;margin:6px 0 10px}[lang=en] .catalog .archive-card .archive-caption>strong{font-size:16px;min-height:65px}.archive-caption>small{font-size:9px;letter-spacing:0}.archive-cost{width:27px;min-height:39px;left:6px;top:6px}.archive-cost b{font-size:20px}.archive-values{font-size:9px}.archive-values b{font-size:16px}.workshop,.hall3d .workshop{padding:0 16px 30px}.workshop>.topbar{margin:0 -16px}.workshop-toolbar,[lang=en] .workshop-toolbar{grid-template-columns:1fr 1fr;padding:15px;gap:15px;margin-top:16px}.workshop-toolbar label:first-child{grid-column:1/-1}.workshop-toolbar label{font-size:10px}.workshop-toolbar label:nth-child(2){grid-column:auto}.toolbar-actions{display:flex;gap:6px}.toolbar-actions button{flex:1 1 43%;min-height:40px}.workshop .deck-dashboard{grid-template-columns:80px minmax(0,1fr);gap:18px;padding:18px 15px}.deck-breakdown{grid-column:1/-1}.deck-breakdown>span:last-child{display:none}.deck-dashboard>button{justify-self:stretch;min-height:44px}.deck-count>strong{font-size:32px}.deck-count{padding-right:8px}.workshop .builder-layout{grid-template-columns:1fr;gap:10px}.workshop .builder-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 12px}.workshop .deck-scroll{position:relative;top:0;max-height:390px;order:0;margin-top:15px}.builder-layout h2{font-size:19px}.archive-builder .archive-caption>strong{font-size:16px;min-height:45px}.archive-builder .builder-stats{gap:6px;padding:9px 3px 4px;justify-content:center}.archive-builder .builder-stats>small{width:100%;text-align:center}.archive-builder .builder-stats button{min-width:40px;min-height:40px}.archive-builder .builder-stats>span{gap:14px}.archive-builder .archive-art{aspect-ratio:4/5}.builder-card.archive-builder>p{font-size:11px;padding:0 6px 10px}.workshop-note{font-size:10px}.folio-modal{width:calc(100vw - 16px);padding:16px}.folio-detail{grid-template-columns:1fr;gap:8px;padding:0 7px 18px}.folio-stage{min-height:350px}.folio-stage .modal-card-art{width:220px;height:299px}.folio-pedestal{left:15px;right:15px;height:92px}.folio-copy h3{font-size:26px;margin:12px 0}.folio-copy .eyebrow{margin-top:14px}.folio-rule{padding:16px 0}.folio-values{margin:18px 0}.folio-copy>button{width:100%;margin-top:10px}}
@media(prefers-reduced-motion:reduce){.archive-card{transition:none!important}.catalog .archive-card:hover{transform:none}}
[data-reduced-motion=true] .archive-card{transition:none!important}[data-reduced-motion=true] .catalog .archive-card:hover{transform:none}
.workshop-mobile-tabs{display:none}
@media(max-width:620px){.workshop .workshop-mobile-tabs{display:flex;position:sticky;top:0;z-index:8;gap:0;margin-top:0;margin-bottom:12px;background:#111e26;box-shadow:0 5px 12px #0005;border:1px solid #a38d6359}.workshop-mobile-tabs button{flex:1;border:0;border-bottom:2px solid transparent;min-height:45px;font-size:12px;background:none;box-shadow:none;color:#9bada9}.workshop-mobile-tabs button[aria-pressed=true]{border-bottom-color:#cdb57d;color:#ecdbb3;background:#ad986319}.workshop .builder-layout:not(.deck-open) .deck-scroll{display:none}.workshop .builder-layout.deck-open>section{display:none}.workshop .builder-layout.deck-open .deck-scroll{max-height:none;margin-top:0}.workshop .builder-layout h2{margin-top:10px}}
/* Keep validation beneath the count, including narrow English layouts. */
.workshop .deck-count{display:block;min-width:0}.workshop .deck-count>span{white-space:normal;overflow-wrap:normal;width:100%;max-width:none}.workshop .deck-count>strong{white-space:nowrap}