@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--red:#650805;--red2:#340403;--line:#a97062;--silver:#d7d6d1;--dim:#c6aaa6;--white:#fff5ef;--gold:#efc5a4}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 15%,#8d0b07 0%,#510602 39%,#210201 100%) fixed;color:var(--white);font:14px/1.55 Inter,Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}.shell{max-width:1250px;margin:auto;padding:24px 28px 70px}.mast{display:flex;justify-content:space-between;align-items:center;gap:18px;border-bottom:1px solid #dfb0a46b;padding-bottom:22px;margin-bottom:28px}.mark span,.mark small{display:block;letter-spacing:.28em;font:700 11px Inter;color:#d5bbb1}.mark strong{display:block;font:900 clamp(24px,4vw,37px)/1.1 'Barlow Condensed',Impact,sans-serif;letter-spacing:.07em;color:#eee9e2;text-shadow:0 2px 1px #000,0 0 12px #f4e6e6a8}.mark small{font-size:9px;letter-spacing:.18em;margin-top:4px}.userbox{display:flex;gap:12px;align-items:center;font-size:12px;color:#e9c9bd}.hide{display:none!important}button{border:1px solid #d7a99a88;background:#47130f;color:#fff5ef;border-radius:8px;padding:10px 15px;font-weight:700}button:hover{filter:brightness(1.18)}button.primary{background:linear-gradient(#b53b29,#79130d);border-color:#d58b7c;box-shadow:0 4px 14px #1d01015c}button.outline,button.back{background:#26060566}button.danger{background:#2c0202;border-color:#bc6d6d}.eyebrow{font-size:11px;letter-spacing:.24em;color:#e9b7a7;font-weight:800}.hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 36px;background:radial-gradient(ellipse at 80% 50%,#bd281a88,transparent 55%),linear-gradient(115deg,#2d0504,#730e09);border:1px solid #b96453aa;box-shadow:0 8px 38px #180100a8;min-height:240px}.hero h1{font:900 clamp(42px,7vw,75px)/.9 'Barlow Condensed',Impact,sans-serif;letter-spacing:.035em;text-transform:uppercase;color:#e9e7e3;text-shadow:2px 3px #2b0906,0 0 16px #fff7}.hero h1 em{font-style:normal;color:#f5c3ae}.hero p{color:#f2d0c6}.hero-stamp{font:900 clamp(21px,3.3vw,39px)/.92 'Barlow Condensed';letter-spacing:.08em;text-align:center;color:#e6d9d0;border:3px solid #d8c7b9;border-radius:50%;padding:23px 28px;transform:rotate(-9deg);text-shadow:0 0 9px #fff8}.hero-stamp span{color:#ffb5a1}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0 30px}.stat{padding:16px 24px;background:#2b0706cc;border:1px solid #9b5147}.stat span{display:block;color:#e2b6a9;letter-spacing:.12em;font-size:10px;font-weight:800}.stat strong{font:900 42px/1.1 'Barlow Condensed';color:#f4f0e9}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:15px;margin:24px 0 16px}.sectionhead h2{font:800 34px/1 'Barlow Condensed';text-transform:uppercase;margin:4px 0;color:var(--silver);text-shadow:1px 2px #210301,0 0 12px #fff5}.actionbar{display:flex;gap:8px;flex-wrap:wrap}.filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px;margin-bottom:14px}input,select,textarea{background:#220706;color:#fff5ed;border:1px solid #9b665c;border-radius:7px;padding:11px 12px;width:100%;outline:none}input:focus,select:focus,textarea:focus{border-color:#f0c6b0;box-shadow:0 0 0 2px #d68d7d44}input::placeholder{color:#a58d87}.subtle{color:#d6b4aa;font-size:12px}.resultcount{margin:0 0 12px}.collection{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:16px}.pop-card{background:linear-gradient(155deg,#4d0a08,#240505);border:1px solid #a26358;overflow:hidden;cursor:pointer;transition:transform .16s,box-shadow .16s}.pop-card:hover{transform:translateY(-3px);box-shadow:0 10px 22px #1300009c}.card-art{height:205px;background:radial-gradient(ellipse,#a9261e 0%,#350504 70%);display:grid;place-items:center;border-bottom:1px solid #8d4d43;overflow:hidden;position:relative}.card-art img{width:100%;height:100%;object-fit:contain}.card-art .placeholder{font:900 78px 'Barlow Condensed';color:#e3bcb24d}.card-art .serial{position:absolute;left:10px;top:9px;background:#200201d9;border:1px solid #e2a89a;padding:3px 8px;font:800 14px 'Barlow Condensed'}.card-body{padding:14px}.card-body h3{font:900 25px/1 'Barlow Condensed';text-transform:uppercase;color:#e8e4de;margin:0 0 5px}.card-body p{margin:0 0 10px;color:#e6b7aa}.card-foot{display:flex;justify-content:space-between;align-items:center;gap:8px}.pill{font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;border:1px solid #a97b6c;border-radius:50px;padding:4px 9px;color:#ffddd1;background:#4a1510;white-space:nowrap}.pill.in_bezit{border-color:#86b49d;color:#bde3ce;background:#174336}.pill.onderweg{border-color:#d6aa64;color:#f5d6a0;background:#50370e}.pill.geannuleerd{border-color:#d98b8b}.card-link{font-weight:800;font-size:12px;color:#f3c8b9}.detail-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:16px 0 24px}.detail-top h1{font:900 clamp(40px,6vw,76px)/.95 'Barlow Condensed';text-transform:uppercase;margin:8px 0 5px;color:#e9e8e5;text-shadow:2px 3px #220100,0 0 12px #fff8}.silver{color:#e8d5cc;font-size:17px}.detail-buttons{display:flex;align-items:center;gap:10px}.back{margin-top:8px}.detail-grid{display:grid;grid-template-columns:minmax(290px,46%) minmax(0,1fr);gap:30px;align-items:start}.photo-panel{position:sticky;top:15px}.photo-frame{aspect-ratio:4/5;background:radial-gradient(ellipse,#b42c22,#630904 57%,#2e0302);border:3px solid #cfafa3;outline:1px solid #49211b;outline-offset:5px;box-shadow:0 0 32px #fff5,0 0 48px #b83d30b3;display:grid;place-items:center;overflow:hidden}.photo-frame img{width:100%;height:100%;object-fit:contain}.photo-frame .no-photo{text-align:center;padding:25px;color:#e4c0b5}.no-photo strong{display:block;font:900 75px 'Barlow Condensed';color:#e8d6ce}.photo-caption{text-align:center;font-size:10px;letter-spacing:.3em;margin:17px 0;color:#f0c4b6}.thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.thumb{aspect-ratio:1;background:#310604;border:1px solid #996056;overflow:hidden;display:grid;place-items:center;color:#d4aaa0;font-size:11px;text-align:center;padding:5px}.thumb img{width:100%;height:100%;object-fit:cover}.detail-section{margin-bottom:24px}.detail-section h3{font:900 29px/1.05 'Barlow Condensed';font-style:italic;text-transform:uppercase;color:#dcd8d3;text-shadow:1px 2px #1b0101,0 0 8px #fffd;margin:0 0 12px;border-bottom:1px solid #ba7769;padding-bottom:9px}.facts{display:grid;grid-template-columns:1fr;gap:6px}.fact{display:grid;grid-template-columns:minmax(130px,44%) 1fr;gap:10px;border-bottom:1px solid #c38b7a38;padding:4px 0}.fact dt{color:#e1a99a}.fact dd{margin:0;color:#f6e5de;overflow-wrap:anywhere}.bodytext{white-space:pre-wrap;overflow-wrap:anywhere;color:#f3d9d1;line-height:1.7}.bio h4{margin:8px 0 2px;color:#f5c5b6}.private-tag{font:700 9px Inter;letter-spacing:.08em;color:#f0b49f;vertical-align:middle}.login{max-width:460px;margin:8vh auto;padding:28px}.paper{background:#330706;border:1px solid #bb7b69;box-shadow:0 12px 30px #140100}.login h1{font:900 40px 'Barlow Condensed';text-transform:uppercase}.login label{display:block;margin:12px 0;color:#e4b7a9}.login input{display:block;margin-top:5px}.login .primary{width:100%;margin-top:16px}.alert{background:#591b19;border:1px solid #e8a398;padding:12px;margin:12px 0;white-space:pre-wrap}.alert.success{background:#194438}.overlay{position:fixed;inset:0;background:#100000dd;z-index:10;display:grid;place-items:center;padding:12px}.edit-panel{width:min(900px,100%);max-height:94vh;overflow:auto;background:#350807;border:1px solid #b97e6b;padding:22px}.edit-head{display:flex;align-items:start;justify-content:space-between}.edit-head h2{font:900 36px 'Barlow Condensed';margin:4px 0 16px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}.formgrid h3{grid-column:1/-1;font:800 24px 'Barlow Condensed';text-transform:uppercase;color:#ebd3c8;border-bottom:1px solid #a96a5c;margin:18px 0 0}.field{display:block;font-size:12px;color:#edc5b8}.field input,.field select,.field textarea{display:block;margin-top:5px}.field.wide{grid-column:1/-1}.edit-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:20px}.edit-actions .danger{margin-right:auto}footer{font-size:10px;letter-spacing:.1em;text-align:center;color:#b98d83;margin-top:40px}@media(max-width:760px){.shell{padding:14px 14px 60px}.mast{align-items:start}.mark strong{font-size:25px}.mark small{font-size:8px}.userbox{flex-direction:column;align-items:end;gap:5px;max-width:140px;overflow-wrap:anywhere}.hero{padding:20px;min-height:180px}.hero-stamp{display:none}.stats{gap:7px}.stat{padding:12px}.stat strong{font-size:34px}.stat span{font-size:9px}.sectionhead{align-items:start;flex-direction:column}.filters{grid-template-columns:1fr 1fr}.filters input{grid-column:1/-1}.collection{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card-art{height:160px}.card-body{padding:10px}.card-body h3{font-size:21px}.detail-grid{grid-template-columns:1fr}.photo-panel{position:static;max-width:540px;margin:auto;width:100%}.detail-top{align-items:start;flex-direction:column}.formgrid{grid-template-columns:1fr}.formgrid h3,.field.wide{grid-column:1}.edit-panel{padding:15px}}@media(max-width:400px){.collection{grid-template-columns:1fr}.card-art{height:200px}.mark strong{font-size:22px}.detail-top h1{font-size:42px}}

/* v3.2 private photo upload */
.upload-tools{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-top:9px;padding:12px;border:1px solid #8e514b;background:#270403}
.upload-tools input[type=file]{width:min(100%,280px);font-size:12px}
.upload-tools button{padding:10px 14px;cursor:pointer}
.upload-tools small{flex-basis:100%;line-height:1.4}

/* v3.3 — contextuele foto's en vergroting */
.clickable-photo,.context-photo-image{cursor:zoom-in}
.clickable-photo:focus-visible,.context-photo-image:focus-visible{outline:3px solid #ffe0d2;outline-offset:4px}
.context-photo{margin-top:14px;min-width:0}
.context-photo-image{border:1px solid #bd8273;background:#300503;display:flex;justify-content:center;align-items:center;min-height:130px;max-height:340px;overflow:hidden}
.context-photo-image img{display:block;max-width:100%;width:100%;height:auto;max-height:340px;object-fit:contain}
.context-photo-image span{color:#e8b7a9;padding:20px}
.context-photo-label{color:#e4b6a8;font-size:10px;letter-spacing:.12em;text-transform:uppercase;text-align:center;margin-top:7px}
.context-photo-empty{border:1px dashed #996257;color:#c9a39a;font-size:12px;padding:18px;text-align:center}
#coa-photo>.context-photo{max-width:310px}
.bio-entry{display:grid;grid-template-columns:minmax(115px,175px) minmax(0,1fr);gap:17px;align-items:start;padding:10px 0 18px;border-bottom:1px solid #c38b7a38}
.bio-entry .context-photo{margin:0}
.bio-entry .context-photo-image{min-height:125px;max-height:260px}
.bio-entry .context-photo-image img{max-height:260px}
.bio-entry h4{margin:0 0 8px;color:#f5c5b6;font-size:15px}
.bio-entry p{margin:0}
.extras-heading{grid-column:1/-1;font-size:10px;letter-spacing:.18em;color:#e6b7a9;margin-top:12px}
#extra-photos:empty{display:none}
#extra-photos .context-photo{margin-top:0}
#extra-photos .context-photo-image{min-height:75px;max-height:120px}
#extra-photos .context-photo-image img{max-height:120px}
.photo-lightbox{position:fixed;inset:0;z-index:100;background:#090101f5;display:flex;align-items:center;justify-content:center;padding:65px 20px 20px;cursor:zoom-out}
.photo-lightbox img{max-width:100%;max-height:100%;object-fit:contain;cursor:default}
.photo-lightbox-close{position:absolute;top:15px;right:20px;z-index:1;background:#65110c;color:white}
body.lightbox-open{overflow:hidden}
@media(max-width:530px){.bio-entry{grid-template-columns:1fr}.bio-entry>.context-photo{max-width:250px}.bio-entry .context-photo-image{max-height:280px}}

/* v3.4 readability and publication */
.bio-entry{grid-template-columns:minmax(170px,225px) minmax(0,1fr);gap:23px;padding:18px 0 24px}
.bio-entry .context-photo-image{min-height:170px;max-height:320px}.bio-entry .context-photo-image img{max-height:320px}
.bio-copy .bodytext{line-height:1.85;white-space:pre-line;font-size:14px;max-width:66ch}
.private-tag{display:inline-block;margin:0 0 13px;padding:7px 11px;background:#270604;border:1px solid #a76a60;border-radius:4px;font-size:10px;letter-spacing:.1em}
.visitor-link{text-align:right;padding:8px 0 0}.visitor-link a{color:#ffd6c9;font-size:12px}
.public-note{margin:14px 0;padding:14px;border:1px solid #a56c61;background:#2c0706;color:#ffe2d7}
.publish-panel{grid-column:1/-1;background:#230504;border:1px solid #b87b68;padding:16px;margin:16px 0}
.publish-panel label{display:flex;align-items:center;gap:12px;margin:12px 0}.publish-panel input[type=checkbox]{width:20px;height:20px}
.publish-panel .publish-photo{margin:12px 0;border-top:1px solid #89544b;padding-top:12px}
.publish-panel .publish-photo input{max-width:360px}.publish-panel .publish-photo button{margin-top:7px}
.public-card-empty{display:grid;place-items:center;min-height:160px;font:900 48px 'Barlow Condensed';color:#e5b3a5}
@media(max-width:530px){.bio-entry{grid-template-columns:1fr}.bio-entry>.context-photo{max-width:300px}}

/* v3.4.1 — Preserve the complete original photo without cropping.
   Detail image follows its natural aspect ratio; collection thumbnails
   remain uniform but use contain with letterboxing. */
.photo-frame{aspect-ratio:auto;min-height:220px;display:block;overflow:hidden}
.photo-frame img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
.photo-frame .no-photo{min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.card-art img,.thumb img{object-fit:contain}
.context-photo-image img{object-fit:contain}
@media(max-width:760px){.photo-frame .no-photo{min-height:260px}}

/* v3.5: compact, multi-selectable variant and box sticker options */
.multi-check{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-top:8px}
.multi-check-item{display:flex!important;flex-direction:row!important;align-items:center;gap:9px;padding:9px 10px;border:1px solid #9f6e6345;border-radius:8px;background:#ffffff08;font-size:13px;cursor:pointer}
.multi-check-item input{width:17px!important;height:17px!important;min-width:17px;accent-color:#f48e78;margin:0!important}
.multi-check-item:has(input:checked){border-color:#f48e78;background:#f48e7817}
.bio-copy{min-width:0;overflow-wrap:break-word}.bio-copy .bodytext{overflow-wrap:anywhere;word-break:normal;max-width:none}

/* v3.6: privacy-safe analytics */
.archive-insights{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px;margin:20px 0}.insights-panel{background:var(--paper,#fff);border:1px solid rgba(128,128,128,.25);padding:18px;border-radius:12px}.insights-panel h3{margin-top:0}.insight-row{font-size:.88rem;padding:7px 0;border-bottom:1px solid rgba(128,128,128,.15);margin:0}.stats .stat small{display:block;margin-top:8px;font-size:.72rem}.filters{flex-wrap:wrap}.filters select{min-width:155px;max-width:100%}

/* v3.6.2 */
.edition-badges{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.edition-badge{border:1px solid #aa8585;background:#f4e9e7;color:#551313;padding:6px 11px;border-radius:999px;font-size:.8rem;font-weight:700}.edition-sticker{background:#e7e7eb;color:#333}.valuation-box{margin-top:20px;border-top:1px solid #d8d2d0;padding-top:16px}.valuation-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:12px;margin-top:12px}.valuation-form label{display:flex;flex-direction:column;gap:5px}.valuation-form input{max-width:100%;box-sizing:border-box}

.card-growth{font-size:.84rem;font-weight:600;opacity:.9;margin:.65rem 0;}

/* v3.6.5: compact, accessible collapsible private insights */
.insights-disclosure{margin:18px 0 24px;border:1px solid #bd7b6a80;border-radius:10px;background:linear-gradient(125deg,#330403,#590a07);overflow:hidden;color:var(--white)}
.insights-disclosure>summary,.keepers-story>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:15px;cursor:pointer;padding:16px 19px}
.insights-disclosure>summary::-webkit-details-marker,.keepers-story>summary::-webkit-details-marker{display:none}
.insights-disclosure>summary strong{font-size:13px;letter-spacing:.11em;display:block}
.insights-disclosure>summary small{font-size:12px;color:var(--dim);display:block;margin-top:3px}
.disclosure-indicator{font-size:25px;line-height:1;transition:transform .2s;color:var(--gold)}
details[open]>summary .disclosure-indicator{transform:rotate(180deg)}
.insights-disclosure>summary:hover,.keepers-story>summary:hover{background:#ffffff0a}
.insights-disclosure .archive-insights{padding:0 16px 18px;margin:0;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));align-items:start}
.insights-disclosure .insights-panel{background:#260504;color:var(--white);border:1px solid #b37c6b70;border-radius:9px;min-width:0;max-height:440px;overflow-y:auto}
.insights-disclosure .insights-panel h3,.insights-disclosure .insights-panel h4{color:#fff2e9}
.insights-disclosure .insight-row{color:#f1d8cc;border-color:#b37c6b40;overflow-wrap:anywhere}
.insights-disclosure .subtle{color:#d4afa1}
/* v3.6.5: public introduction and full story */
.keepers-intro{margin:22px 0 26px;border:1px solid #c08c755c;border-radius:12px;background:linear-gradient(125deg,#260403,#5a0a07 70%,#370403);overflow:hidden}
.keepers-intro-main{display:grid;grid-template-columns:minmax(150px,220px) 1fr;align-items:center;gap:24px;padding:22px 26px}
.keepers-logo{width:100%;max-width:220px;aspect-ratio:1;object-fit:contain;border-radius:50%;box-shadow:0 10px 35px #0008}
.keepers-intro-copy h2{font:900 clamp(25px,4vw,40px)/1.05 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;letter-spacing:.02em;margin:8px 0 12px}
.keepers-intro-copy p{font-size:15px;max-width:670px;margin:10px 0}
.keepers-signature{color:#e8b79b;font-weight:600}
.keepers-story{border-top:1px solid #b37c6b60}
.keepers-story>summary{font-weight:800;letter-spacing:.07em}
.keepers-story-body{padding:10px clamp(18px,5vw,55px) 30px;max-width:850px;margin:auto;font-size:15px;line-height:1.8}
.keepers-story-body h3{font:900 clamp(24px,3vw,34px)/1.2 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase}
.keepers-story-body p{margin:0 0 18px}
.keepers-story-body ul{margin:0 0 22px;padding-left:24px}
.keepers-story-body li{margin:8px 0}
.keepers-closing{font-size:19px;color:#f4c5a6}
@media(max-width:650px){.keepers-intro-main{grid-template-columns:1fr;gap:8px;text-align:center;padding:20px}.keepers-logo{max-width:190px;margin:auto}.keepers-intro-copy .eyebrow{line-height:1.6}.insights-disclosure>summary small{font-size:11px}}