/* coto/lp1 - style "galeria": biała ściana galerii, czarna typografia, podpisy jak w muzeum, przedmioty jak loty w katalogu aukcyjnym.
   Bodoni Moda (nagłówki, kursywa) + Archivo (tekst, etykiety w zwężonych kapitalikach). Bez zaokrągleń, linie włosowe. 2 Nov 2026. */
@font-face{font-family:"Bodoni Moda";font-style:normal;font-weight:400 900;font-display:swap;src:url(/lpa/_shared/fonts/bodoni-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Bodoni Moda";font-style:normal;font-weight:400 900;font-display:swap;src:url(/lpa/_shared/fonts/bodoni-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Bodoni Moda";font-style:italic;font-weight:400 900;font-display:swap;src:url(/lpa/_shared/fonts/bodoni-italic-italic-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Bodoni Moda";font-style:italic;font-weight:400 900;font-display:swap;src:url(/lpa/_shared/fonts/bodoni-italic-italic-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Archivo";font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(/lpa/_shared/fonts/archivo-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Archivo";font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(/lpa/_shared/fonts/archivo-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* 2 Nov 2026 (wieczór) - wersja czytelna na prośbę foundera („główna czcionka za chuda, napisy na górze ogromne”):
   Bodoni bez automatycznego rozmiaru optycznego (przy dużych literach dawał włoskowate kreski) - nagłówki opsz 24 / waga 600, reszta opsz 11;
   tekst Archivo 18 px / 450 bez pocieniającego wygładzania; podpisy min. ok. 13,5 px, bez zwężonych kapitalików; h1 maks. 56 px. */
:root{--wall:#FFFFFF;--plinth:#F3F1EC;--ink:#111110;--ink2:#262522;--muted:#4A4743;--line:#D6D2CB;--s1:#9E3D3A;--s2:#2A62A8;--g1:#B9B4AA;--g2:#78726A;--g3:#3E3A34;--fd:"Bodoni Moda","Didot","Bodoni 72",Georgia,serif;--fb:"Archivo","Helvetica Neue",Helvetica,Arial,sans-serif;--w:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--wall);color:var(--ink);font-family:var(--fb);font-size:18px;line-height:1.6;font-weight:450;font-stretch:100%;font-optical-sizing:none;text-rendering:optimizeLegibility}
img{max-width:100%;display:block}
h1,h2,h3{font-family:var(--fd);font-weight:600;margin:0;font-variation-settings:"opsz" 24;letter-spacing:-.005em;color:var(--ink)}
h1{font-size:clamp(2.1rem,2.6vw + 1.1rem,3.5rem);line-height:1.12;text-wrap:balance}
h1 i{display:block;font-style:italic;font-weight:500}
h2{font-size:clamp(1.75rem,1.6vw + 1.1rem,2.5rem);line-height:1.2;max-width:24ch;text-wrap:balance}
h2 b,h2 .hl{font-weight:500;font-style:italic;color:var(--ink2)}
h3{font-size:1.35rem;line-height:1.25;font-variation-settings:"opsz" 14}
p{margin:0 0 1rem;text-wrap:pretty}
a{color:inherit}
.wrap{max-width:var(--w);margin:0 auto;padding:0 20px}
.caps,.kicker,.label b,.obj b,.item .lot,.story .who,.q .l,.mail .ml,.wbox .wl,.tbl summary,.tbl th,footer summary,.crumbs,.top .meta{font-family:var(--fb);font-stretch:100%;text-transform:uppercase}
.kicker{font-weight:650;font-size:.84rem;line-height:1.3;letter-spacing:.12em;color:var(--ink);margin-bottom:1rem;display:flex;align-items:center;gap:.7rem}
.kicker .no{font-family:var(--fd);font-style:italic;font-weight:500;font-size:1.15rem;line-height:1;letter-spacing:0;text-transform:none;padding-right:.7rem;border-right:1px solid var(--line)}
.intro{max-width:62ch;margin-top:1.2rem;color:var(--ink2)}
.micro{font-size:.95rem;color:var(--muted);margin-top:.8rem;line-height:1.5}
.fine{font-size:.86rem;color:var(--muted);line-height:1.55;max-width:88ch;margin-top:8px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;background:var(--ink);color:#fff;font-family:var(--fb);font-stretch:100%;font-weight:650;font-size:.9rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border:1px solid var(--ink);border-radius:0;padding:1.1rem 1.6rem;cursor:pointer;transition:background .15s,color .15s;text-align:center;line-height:1.25;text-wrap:balance}
.btn::after{content:"→";font-family:var(--fb);letter-spacing:0;font-size:1.05rem;line-height:1}
.btn:hover{background:var(--wall);color:var(--ink)}
.btn.alt{background:transparent;color:var(--ink)}.btn.alt:hover{background:var(--ink);color:#fff}
.btn:focus-visible,.chip:focus-within,input:focus-visible,textarea:focus-visible,button:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid var(--s2);outline-offset:3px}
/* header */
.top{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px 18px;padding:16px 0 12px;border-bottom:1px solid var(--ink)}
.top .brand{font-family:var(--fd);font-weight:700;font-size:1.15rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);white-space:nowrap}
.top .brand i{font-style:italic;font-weight:500;letter-spacing:.08em}
.top .logo{display:none}
.top .meta{font-size:.82rem;letter-spacing:.08em;color:var(--ink2);text-align:right;font-weight:550}
.crumbs{grid-column:1/-1;display:flex;gap:4px 26px;flex-wrap:wrap;font-size:.84rem;font-weight:600;letter-spacing:.1em}
.crumbs a{text-decoration:none;color:var(--ink2);padding:7px 0;border-bottom:1px solid transparent}
.crumbs a:hover{border-bottom-color:var(--ink)}
/* hero */
.hero{display:grid;grid-template-columns:minmax(0,1fr);gap:26px;padding:28px 0 48px}
.hero .txt{display:grid;align-content:center;gap:.2rem}
.hero .lead{font-size:1.15rem;line-height:1.6;color:var(--ink2);margin:1.2rem 0 1.5rem;max-width:44ch}
.hero .lead b{font-weight:650;color:var(--ink)}
.hero .ph{margin:0;min-width:0}
.hero .ph img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:50% 55%;filter:saturate(.9)}
.label{display:grid;gap:2px;margin-top:12px;padding-top:10px;border-top:1px solid var(--ink);font-size:.92rem;line-height:1.45;color:var(--ink2);max-width:380px}
.label b{font-weight:650;letter-spacing:.1em;font-size:.8rem;color:var(--ink)}
.label i{font-family:var(--fd);font-style:italic;font-weight:500;font-size:1.12rem;color:var(--ink)}
.label .est{margin-top:6px;font-weight:650;color:var(--ink)}
/* sections */
.sec{padding:60px 0;border-top:1px solid var(--line)}
.sec.alt{background:var(--plinth);border-top:0}
.facts{display:grid;gap:34px;grid-template-columns:minmax(0,1fr)}
.facts .full{grid-column:1/-1}
/* charts: thin marks, 2px surface gaps, legend for 2+ series, hover tooltips, table view */
.chart{margin:0;background:var(--wall);border:1px solid var(--line);padding:22px 20px 18px;min-width:0}
.chart figcaption{display:grid;gap:.3rem;margin-bottom:16px}
.chart figcaption b{font-family:var(--fd);font-weight:600;font-size:1.3rem;line-height:1.25}
.chart figcaption small{color:var(--muted);font-size:.88rem;line-height:1.45}
.legend{display:grid;grid-template-columns:minmax(0,1fr);gap:.5rem;list-style:none;margin:14px 0 0;padding:0}
.legend li{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:.7rem;align-items:baseline;font-size:1rem;color:var(--ink2)}
.legend li i{width:12px;height:12px;display:block;align-self:start;margin-top:.32em}
.legend li b{font-weight:650;color:var(--ink);white-space:nowrap}
.legend.inline{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;margin:0 0 16px}
.legend.inline li{display:inline-flex;gap:.55rem}
.c1,.b1{background:var(--s1)}.c2,.b2{background:var(--s2)}
.seg{display:flex;height:32px;gap:2px}
.seg span{flex:0 0 calc(var(--w)*1% - 2px);display:grid;place-items:center;font-size:.86rem;font-weight:650;color:#fff;white-space:nowrap;position:relative;min-width:0}
.seg span:last-child{border-radius:0 4px 4px 0}
.seg .g1,.legend .g1{background:var(--g1)}.seg .g2,.legend .g2{background:var(--g2)}.seg .g3,.legend .g3{background:var(--g3)}
.seg .g1{color:var(--ink)}
.bars{display:grid;gap:16px}
.row{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;align-items:center}
.row .lbl{font-weight:650;font-size:1rem;line-height:1.25}
.row .lbl small{display:block;font-weight:450;color:var(--muted);font-size:.88rem}
.row .trk{display:grid;gap:2px;min-width:0}
.row .trk span{display:block;height:12px;width:calc(var(--v)/var(--max)*100%);border-radius:0 4px 4px 0;position:relative;cursor:default;min-width:4px}
.row .net{font-weight:650;font-size:1rem;white-space:nowrap;justify-self:start}
.row .net::before{content:"zostaje ";font-weight:450;color:var(--muted);font-size:.88rem}
[data-t]:hover::after,[data-t]:focus::after{content:attr(data-t);position:absolute;left:0;bottom:calc(100% + 6px);background:var(--ink);color:#fff;font-size:.86rem;font-weight:450;line-height:1.4;padding:.5rem .65rem;white-space:normal;width:max-content;max-width:280px;z-index:5;pointer-events:none;letter-spacing:0}
.seg [data-t]:hover::after{left:50%;transform:translateX(-50%)}
.axis{display:flex;justify-content:space-between;font-size:.84rem;color:var(--muted);margin-top:10px;padding-top:6px;border-top:1px solid var(--line)}
.tbl{margin-top:14px;font-size:.94rem}
.tbl summary{cursor:pointer;font-weight:650;font-size:.82rem;letter-spacing:.08em}
.tbl table{border-collapse:collapse;width:100%;margin-top:10px;display:block;overflow-x:auto}
.tbl th,.tbl td{text-align:left;padding:.45rem .7rem .45rem 0;border-bottom:1px solid var(--line);white-space:nowrap}
.tbl th{font-weight:650;color:var(--muted);font-size:.8rem;letter-spacing:.06em}
/* wall numbers */
.sum{display:grid;gap:0;grid-template-columns:minmax(0,1fr)}
.sum .box{border-top:1px solid var(--ink);padding:18px 0 22px}
.sum .box .n{font-family:var(--fd);font-weight:600;font-size:clamp(2.2rem,3vw + 1rem,3rem);line-height:1.05;font-variation-settings:"opsz" 24}
.sum .box .n small{font-size:.5em;font-weight:500}
.sum .box p{margin:.7rem 0 0;color:var(--ink2);font-size:1rem;max-width:44ch}
/* objects with museum labels */
.gal{display:grid;grid-template-columns:minmax(0,1fr);gap:34px}
.obj{margin:0;min-width:0}
.obj img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;filter:saturate(.92)}
.obj figcaption{display:grid;gap:2px;margin-top:12px;font-size:.96rem;color:var(--ink2);line-height:1.45}
.obj .num{font-family:var(--fd);font-style:italic;font-weight:600;font-size:1.1rem;color:var(--ink2)}
.obj b{font-weight:650;letter-spacing:.1em;font-size:.82rem;color:var(--ink)}
.obj i{font-family:var(--fd);font-style:italic;font-weight:500;font-size:1.1rem}
.obj .est{margin-top:5px;font-weight:650;color:var(--ink)}
.objects-sec .cta{margin-top:4px}
/* lots */
.items{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin-top:28px}
.item{border-top:1px solid var(--ink);padding:20px 0 26px;min-width:0}
.item .lot{font-weight:650;font-size:.8rem;letter-spacing:.12em;color:var(--muted);margin-bottom:.45rem}
.item h3{font-size:1.45rem;margin-bottom:.2rem}
.item .per{font-family:var(--fd);font-style:italic;font-weight:500;color:var(--ink2);margin-bottom:.7rem}
.item p{font-size:1rem;color:var(--ink2)}
.item dl{margin:.4rem 0 0;display:grid;grid-template-columns:minmax(0,1fr) auto;font-size:1rem}
.item dt,.item dd{padding:.45rem 0;border-bottom:1px dotted #A9A49A}
.item dt{color:var(--ink2)}
.item dd{margin:0;font-weight:650;text-align:right;white-space:nowrap;padding-left:12px}
.item.img{padding:0;border-top:0;margin-top:20px}
.item.img img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;filter:saturate(.9)}
.item.img .micro{margin-top:8px}
/* visitors */
.stories{display:grid;grid-template-columns:minmax(0,1fr);gap:40px;margin-top:30px}
.story{display:grid;grid-template-columns:96px minmax(0,1fr);gap:18px;align-items:start;min-width:0}
.story img{width:96px;height:120px;object-fit:cover;object-position:50% 22%;filter:grayscale(1) contrast(1.05)}
.story .b{display:grid;gap:.55rem;align-content:start;min-width:0}
.story q{quotes:"„" "”";font-family:var(--fd);font-style:italic;font-weight:500;font-size:1.25rem;line-height:1.35;color:var(--ink)}
.story .who{font-weight:650;font-size:.82rem;letter-spacing:.1em}
.story .who span{font-weight:450;color:var(--muted);letter-spacing:.04em}
.story p{margin:0;font-size:1rem;color:var(--ink2)}
.story .amt{justify-self:start;font-family:var(--fd);font-weight:600;font-size:1.5rem;line-height:1.15;border-top:1px solid var(--ink);padding-top:8px;margin-top:4px}
.story .amt small{display:block;font-family:var(--fb);font-weight:450;font-size:.88rem;color:var(--muted);margin-top:3px}
/* consignment form */
.note{border-left:2px solid var(--ink);padding:4px 0 4px 18px;margin:26px 0 30px;max-width:660px}
.note h3{font-size:1.3rem;margin-bottom:.3rem}
.note p{margin:0;color:var(--ink2);font-size:1.02rem}
.form{background:var(--wall);border:1px solid var(--line);padding:26px 20px;display:grid;gap:26px;max-width:820px}
.q{display:grid;gap:.7rem}
.q .l{font-weight:650;font-size:.86rem;letter-spacing:.08em}
.q .l small{display:block;font-weight:450;letter-spacing:0;text-transform:none;color:var(--muted);font-size:.96rem;margin-top:3px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{position:relative}
.chip input{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer;margin:0}
.chip span{display:inline-block;padding:.65rem 1rem;border:1px solid #BDB8AF;background:var(--wall);font-size:1rem;cursor:pointer;transition:border-color .12s,background .12s}
.chip:hover span{border-color:var(--ink)}
.chip input:checked+span{background:var(--ink);color:#fff;border-color:var(--ink)}
textarea,input[type=email]{width:100%;font:inherit;font-size:1.05rem;padding:.85rem .95rem;border:1px solid #BDB8AF;border-radius:0;background:var(--wall);color:var(--ink)}
textarea:focus,input[type=email]:focus{border-color:var(--ink)}
textarea{min-height:90px;resize:vertical}
.err{color:var(--s1);font-weight:650;min-height:1.2em;font-size:.96rem}
.hp{position:absolute;left:-9999px;top:-9999px;height:0;width:0;overflow:hidden}
.wynik{display:none;border:1px solid var(--ink);background:var(--wall);padding:26px 22px;max-width:820px;margin-top:20px;gap:.5rem}
.wynik.on{display:grid}
.wynik .kicker{margin-bottom:.2rem}
.wynik h3{font-size:1.45rem;line-height:1.25}
.wrow{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin:.8rem 0}
.wbox{border-top:1px solid var(--line);padding:14px 0}
.wbox .wl{font-size:.82rem;letter-spacing:.08em;color:var(--muted);font-weight:650}
.wbox .wn{font-family:var(--fd);font-weight:600;font-size:2.1rem;line-height:1.1;margin-top:.2rem;font-variation-settings:"opsz" 24}
.wbox .ws{font-size:.98rem;color:var(--ink2);margin-top:.25rem}
.wynik .wv{font-weight:650;margin:.3rem 0 .4rem}
.wynik .ww{font-size:1rem;color:var(--ink2)}
.wynik .cta{margin-top:.6rem}
.mail{display:none;border:1px solid var(--ink);background:var(--plinth);padding:26px 22px;gap:12px;max-width:820px;margin-top:18px}
.mail.on{display:grid}
.mail h3{font-size:1.35rem}
.mail .mf{display:grid;gap:12px}
.mail .ml{font-weight:650;font-size:.84rem;letter-spacing:.08em}
.mail label.ck{display:flex;gap:.7rem;align-items:flex-start;font-size:.96rem;color:var(--ink2)}
.mail label.ck input{margin-top:.25rem;width:18px;height:18px;flex:none;accent-color:var(--ink)}
.mail .btn{justify-self:start}
.ok{display:none;border-left:2px solid var(--ink);background:var(--plinth);padding:20px 22px;max-width:820px;margin-top:18px}
.ok.on{display:block}
.ok h3{margin-bottom:.4rem}
/* final */
.final{position:relative;overflow:hidden;margin-top:0;min-height:400px;display:grid;background:var(--ink)}
.final img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.75;filter:grayscale(.35)}
.final::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(17,17,16,.94) 0%,rgba(17,17,16,.75) 50%,rgba(17,17,16,.35) 100%)}
.final .t{position:relative;z-index:2;padding:44px 24px;display:grid;gap:1rem;align-content:end;color:#fff}
.final .t h2{color:#fff;max-width:16ch}.final .t h2 i{font-weight:500}
.final .t p{color:#F1EEE8;max-width:46ch;margin:0;font-size:1.05rem}
.final .btn{justify-self:start;background:#fff;color:var(--ink);border-color:#fff}
.final .btn:hover{background:transparent;color:#fff}
/* footer */
footer{padding:40px 0 70px;font-size:.88rem;color:var(--muted);border-top:1px solid var(--ink);margin-top:56px;line-height:1.6}
footer .fl{max-width:88ch;margin-bottom:14px}
footer .fl b{color:var(--ink);font-weight:650}
footer details{margin-top:10px}
footer summary{cursor:pointer;color:var(--ink);font-weight:650;font-size:.8rem;letter-spacing:.08em}
footer .pp{padding:10px 0 0;max-width:88ch}
@media (max-width:639px){
 .hero .btn,.objects-sec .btn,.final .btn{width:100%;letter-spacing:.06em;padding:1.05rem 1.1rem}
}
@media (min-width:640px){
 .row{grid-template-columns:180px minmax(0,1fr) 130px;gap:16px}
 .row .net{justify-self:end;text-align:right}.row .net::before{content:"";display:none}
 .sum{grid-template-columns:1fr 1fr;gap:0 40px}
 .gal{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
 .items{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px}
 .item.img{grid-column:1/-1}
 .stories{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}
 .wrow{grid-template-columns:1fr 1fr;gap:0 28px}
 .top{grid-template-columns:auto 1fr auto}
 .crumbs{grid-column:auto;justify-content:center}
}
@media (min-width:980px){
 .wrap{padding:0 32px}
 .hero{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:56px;padding:44px 0 64px;align-items:center}
 .hero .ph img{aspect-ratio:3/2}
 .facts{grid-template-columns:minmax(0,1fr);gap:44px 64px;align-items:start}
 .facts-sec .sum{grid-template-columns:1fr 1fr;gap:0 64px}
 .row{grid-template-columns:230px minmax(0,1fr) 140px}
 .items{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 44px}
 .item.img{grid-column:auto;margin-top:0;align-self:start}
 .story{grid-template-columns:130px minmax(0,1fr);gap:24px}
 .story img{width:130px;height:162px}
 .story q{font-size:1.35rem}
 .final .t{padding:76px 64px 60px;max-width:64%}
 .sec{padding:88px 0}
}