.atlas{max-width:1240px;margin:0 auto;padding:8px 32px 64px;overflow-x:clip}.atlas-top{justify-items:start;gap:20px;margin:20px 0 36px;display:grid}.atlas h1{letter-spacing:-.04em;margin:0;font-size:clamp(2.6rem,6vw,5rem);font-weight:800;line-height:.95}.atlas h1 .count{border:var(--outline-thick);background:var(--yellow);box-shadow:6px 6px 0 var(--ink);border-radius:.18em;margin:0 .08em .1em 0;padding:.04em .12em;line-height:1;display:inline-block}.match-row{flex-wrap:wrap;align-items:center;gap:16px 22px;display:flex}.match-button{background:var(--yellow)}.is-matching{cursor:progress}.is-matching .match-button{--stripe:#18140f24;background-image:linear-gradient(45deg, var(--stripe) 25%, transparent 25% 50%, var(--stripe) 50% 75%, transparent 75%);background-size:40px 40px;animation:.6s linear infinite march}.match-hint{letter-spacing:-.02em;margin:0;font-size:clamp(1.15rem,1.9vw,1.6rem);font-weight:750;line-height:1.1}.match-hint .touch-only{display:none}@media (pointer:coarse){.match-hint .touch-only{display:inline}.match-hint .pointer-only{display:none}}.matches-top{--headline-size:clamp(2.2rem, 4.6vw, 3.6rem);--card-height:210px;--card-max-width:440px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:24px 40px;margin-bottom:48px}.matches-text{justify-items:start;gap:24px;display:grid}.atlas .matches-top h1{font-size:var(--headline-size)}.named-colors{white-space:nowrap;display:inline-block}.query-strip{border:var(--outline);width:0;min-width:100%;height:max(18px,.4em);box-shadow:var(--lift) var(--lift) 0 var(--ink);image-rendering:pixelated;border-radius:6px;margin-top:-.15em;display:block}.matches-top .pill{color:inherit}.matches-ways{flex-wrap:wrap;gap:14px 16px;display:flex}.lab-door{background:var(--yellow)}.query-card{border:var(--outline-thick);background:var(--ink);box-shadow:var(--lift-big) var(--lift-big) 0 var(--ink);border-radius:8px;margin:0;transition:transform .12s,box-shadow .12s;display:block}a.query-card:hover,a.query-card:focus-visible{box-shadow:calc(var(--lift-big) + 3px) calc(var(--lift-big) + 3px) 0 var(--ink);transform:translate(-3px,-3px)}a.query-card:active{transform:translate(var(--lift-big), var(--lift-big));box-shadow:0 0 0 var(--ink)}.query-card img{width:min(var(--card-height) * var(--aspect), var(--card-max-width));aspect-ratio:var(--aspect);background:var(--paper);object-fit:cover;border-radius:4px;display:block}.wall{flex-wrap:wrap;gap:28px 22px;display:flex}.painting-tile{border:3px solid var(--ink);background:var(--ink);box-shadow:var(--lift) var(--lift) 0 var(--ink);border-radius:6px;transition:transform .12s,box-shadow .12s;display:block;position:relative}.painting-tile img{width:100%;height:var(--picture-height,190px);object-fit:cover;border-radius:3px 3px 0 0;display:block}.tile-strip{border-top:3px solid var(--ink);width:100%;height:22px;image-rendering:pixelated;border-radius:0 0 3px 3px;display:block}.painting-tile:hover,.painting-tile:focus-visible{z-index:2;box-shadow:calc(var(--lift) + 3px) calc(var(--lift) + 3px) 0 var(--ink);transform:translate(-3px,-3px)}.painting-tile:active{transform:translate(var(--lift), var(--lift));box-shadow:0 0 0 var(--ink)}.tile-label{--rise:-4px;z-index:3;background:var(--ink);width:max-content;max-width:280px;color:var(--paper);opacity:0;transform:translate(calc(var(--label-shift,0px) - 50%), var(--rise));pointer-events:none;border-radius:10px;padding:8px 12px;font-size:.85rem;font-weight:550;line-height:1.3;transition:opacity .15s,transform .15s;display:grid;position:absolute;top:calc(100% + 12px);left:50%}.tile-label b{font-weight:800}.painting-tile:is(:hover,:focus-visible) .tile-label{--rise:0px;opacity:1}.wall-end{place-items:center;min-height:1px;margin-top:40px;display:grid}.atlas[aria-busy=true] .wall-end:before{--stripe:#18140f24;content:"";border:var(--outline);background:var(--card) linear-gradient(45deg, var(--stripe) 25%, transparent 25% 50%, var(--stripe) 50% 75%, transparent 75%) 0 0 / 40px 40px;border-radius:999px;width:min(240px,60%);height:22px;animation:.6s linear infinite march}.painting-page{--above:106px;--below:36px;max-width:1240px;padding:20px 32px var(--below);grid-template:"picture back""picture info""picture strips""picture same"1fr/minmax(0,1.4fr) minmax(0,1fr);gap:14px 40px;margin:0 auto;display:grid;overflow-x:clip}.painting-page[data-layout=wide]{grid-template:"picture picture""back strips""info strips""info same""info."1fr/minmax(0,1fr) minmax(0,1fr);gap:14px 40px}.painting-nav{flex-wrap:wrap;grid-area:back;gap:14px;display:flex}.painting-nav .back{color:inherit}.painting-frame{border:var(--outline-thick);background:var(--card);min-width:0;box-shadow:var(--lift-big) var(--lift-big) 0 var(--ink);border-radius:28px;grid-area:picture;padding:22px;position:relative}.painting-page[data-layout=upright] .painting-frame{height:clamp(320px, 100vh - var(--above) - var(--below), 760px)}@property --min-height{syntax:"<length>";inherits:true;initial-value:240px}.painting-view{--min-height:clamp(160px, var(--max-height), 240px);--max-height:calc(100vh - var(--above) - var(--below) - 356px);scrollbar-color:var(--ink) transparent;cursor:zoom-in;padding:3px;display:flex;overflow:auto hidden;container-type:inline-size}.painting-view[data-pan]{cursor:grab}.painting-view:focus-visible{outline:none}.painting-frame:has(.painting-view:focus-visible){outline:4px solid var(--blue);outline-offset:4px}.painting-view.dragging{cursor:grabbing}.painting-page[data-layout=upright] .painting-view{--max-height:100cqh;height:100%;container-type:size}.painting-view img{width:min(100cqw, var(--max-height) * var(--aspect));aspect-ratio:var(--aspect);background:var(--paper);box-shadow:0 0 0 3px var(--ink);border-radius:6px;flex:none;margin:auto}.painting-view[data-pan] img{width:calc(max(var(--min-height), min(var(--max-height), var(--sharpest))) * var(--aspect))}.pan-hint{border:var(--outline);background:var(--yellow);border-radius:999px;place-items:center;width:64px;height:40px;display:none;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}.painting-frame:has(.painting-view[data-pan]) .pan-hint{display:grid}.painting-info{flex-direction:column;grid-area:info;align-items:flex-start;gap:10px;min-width:0;display:flex;container-type:inline-size}.painting-info h1{letter-spacing:-.03em;overflow-wrap:anywhere;margin:0 0 4px;font-size:clamp(1.8rem,9.2cqi,3rem);font-weight:800;line-height:.98}.painting-info h1[data-length=long]{font-size:clamp(1.4rem,5.9cqi,2.2rem)}.painting-info h1[data-length=longer]{letter-spacing:-.01em;font-size:clamp(1.1rem,4.2cqi,1.5rem);line-height:1.08}.painting-page[data-layout=wide] .painting-info h1{font-size:clamp(1.8rem,6.8cqi,2.7rem)}.painting-page[data-layout=wide] .painting-info h1[data-length=long]{font-size:clamp(1.4rem,5cqi,2.1rem)}.painting-page[data-layout=wide] .painting-info h1[data-length=longer]{font-size:clamp(1.1rem,3.6cqi,1.5rem)}.painting-info p{margin:0}.painting-artist b{font-weight:800}.painting-artist span,.painting-collection{opacity:.75;font-weight:550}.painting-byline{align-items:center;gap:14px;max-width:100%;display:flex}.painting-byline .painting-artist{overflow-wrap:anywhere;min-width:0}.career-link{border:var(--outline);background:var(--card);width:38px;height:38px;color:inherit;box-shadow:3px 3px 0 var(--ink);border-radius:11px;flex:none;place-items:center;margin-block:-6px;transition:transform .12s,box-shadow .12s;display:grid;position:relative}.career-link .icon{width:22px;height:22px}.career-link:hover,.career-link:focus-visible{z-index:3;background:var(--yellow);box-shadow:5px 5px 0 var(--ink);transform:translate(-2px,-2px)}.career-link:active{box-shadow:0 0 0 var(--ink);transform:translate(3px,3px)}.tooltip{z-index:5;background:var(--ink);color:var(--paper);white-space:nowrap;opacity:0;pointer-events:none;border-radius:10px;padding:6px 12px;font-size:.85rem;font-weight:750;line-height:1.35;transition:opacity .15s,transform .15s;position:absolute}.tooltip:after{content:"";border:6px solid #0000;position:absolute}.tooltip:empty{display:none}.career-link .tooltip{bottom:calc(100% + 12px);right:-6px;transform:translateY(4px)}.career-link .tooltip:after{border-top-color:var(--ink);top:100%;right:19px}.career-link:is(:hover,:focus-visible) .tooltip{opacity:1;transform:none}.painting-when{line-height:1.3}.painting-date{margin-right:.4em;font-size:1.6rem;font-weight:800}.painting-info .painting-links{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}.chip{border:2.5px solid var(--ink);background:var(--card);color:inherit;border-radius:999px;align-items:center;gap:4px;padding:4px 12px;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-flex}.chip .icon{width:1em;height:1em}a.chip:hover{background:var(--yellow)}.chip.license{background:var(--green)}.same-colors{grid-area:same;align-content:start;justify-items:start;gap:10px;min-width:0;margin-top:4px;display:grid}.same-colors-heading{color:inherit;align-items:center;gap:8px;font-size:1rem;font-weight:800;text-decoration:none;display:inline-flex}.same-colors-heading:hover span{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:2px}.same-colors-heading .icon:last-child{width:1em;height:1em}.same-colors-button{color:inherit}.same-colors:is([hidden],[data-fit=none]),.same-colors[data-fit=button] :is(.same-colors-heading,.same-colors-row),.same-colors:not([data-fit=button]) .same-colors-button{display:none}.same-colors-row{gap:20px 14px;width:100%;display:flex}.same-colors .tile-strip{height:14px}.same-colors .tile-label{--rise:4px;top:auto;bottom:calc(100% + 12px)}.axis-strips{--strip-height:clamp(32px, 5.2vh, 56px);grid-area:strips;align-content:start;gap:12px;min-width:0;display:grid}.painting-page[data-layout=wide] .axis-strips{--strip-height:clamp(30px, 4.2vh, 44px)}.axis-strip{grid-template-columns:var(--strip-height) minmax(0, 1fr);align-items:center;gap:14px;display:grid}.axis-badge{width:var(--strip-height);height:var(--strip-height);border:var(--outline);background:var(--tile-color);color:var(--tile-ink,var(--ink));box-shadow:var(--lift) var(--lift) 0 var(--ink);border-radius:14px;place-items:center;display:grid}.axis-badge .icon{width:58%;height:58%}.strip-slot{height:var(--strip-height);border:var(--outline);background:var(--card);box-shadow:var(--lift) var(--lift) 0 var(--ink);border-radius:14px;display:block;position:relative;overflow:hidden}.axis-strip-band{width:100%;height:100%;image-rendering:pixelated;display:block}.axis-strips[aria-busy=true] .strip-slot:empty{background-image:linear-gradient(45deg,#18140f24 25%,#0000 25% 50%,#18140f24 50% 75%,#0000 75%);background-size:40px 40px;animation:.6s linear infinite march}.artist-page{--above:85px;--label-room:104px;max-width:1240px;min-height:calc(100vh - var(--above));grid-template:"bar bar""painters career"minmax(0,1fr)/300px minmax(0,1fr);gap:16px 40px;margin:0 auto;padding:16px 32px 0;display:grid;overflow-x:clip}.artist-bar{grid-area:bar;align-items:center;gap:12px;display:flex}.artist-bar>*{flex:none}.artist-bar .back{color:inherit;margin-right:auto;padding:7px 18px}.painters-button{display:none}.step{justify-content:center;width:44px;height:44px;padding:0;position:relative}.step .tooltip{top:calc(100% + 12px);right:-6px;transform:translateY(-4px)}.step .tooltip:after{border-bottom-color:var(--ink);bottom:100%;right:19px}.step:focus-visible .tooltip{opacity:1;transform:none}@media (hover:hover){.step:hover .tooltip{opacity:1;transform:none}}.painter-panel{width:auto;max-width:none;height:auto;max-height:none;margin:0 0 var(--label-room);border:var(--outline-thick);background:var(--card);color:inherit;box-shadow:var(--lift-big) var(--lift-big) 0 var(--ink);contain:size;border-radius:22px;flex-direction:column;grid-area:painters;padding:0;display:flex;position:static;overflow:hidden}.painter-panel:not([open]),.panel-top{display:none}.painter-list{flex:1;grid-template:"search search""names rail"minmax(0,1fr)/minmax(0,1fr) auto;min-height:0;display:grid}.search-field{border:var(--outline);background:var(--paper);cursor:text;border-radius:999px;grid-area:search;align-items:center;gap:8px;margin:14px 14px 8px;padding:0 6px 0 14px;display:flex}.search-field:focus-within{outline:4px solid var(--blue);outline-offset:2px}.search-field .icon{width:20px;height:20px}.search-field input{appearance:none;background:0 0;border:0;outline:none;flex:1;min-width:0;height:40px;padding:0;font-size:1.05rem;font-weight:650}.search-field input::placeholder{color:inherit;opacity:.6}.search-field input::-webkit-search-cancel-button{display:none}.search-clear{background:var(--ink);width:30px;height:30px;color:var(--paper);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.search-clear .icon{width:14px;height:14px}.search-clear[hidden]{display:none}@supports (overflow-anchor:auto){.painter-section{content-visibility:auto}}.painter-scroll{overscroll-behavior:contain;scrollbar-width:none;grid-area:names;min-height:0;overflow-y:auto}.painter-scroll ul{margin:0;padding:2px 6px 10px 10px;list-style:none}.painter-section h2{z-index:1;border-bottom:2.5px solid var(--ink);background:var(--card);letter-spacing:.08em;text-transform:uppercase;margin:0 10px;padding:6px 12px 4px;font-size:.9rem;font-weight:800;line-height:1.2;position:sticky;top:0}.painter-section ul{padding-top:6px}.painter{color:inherit;border-radius:12px;padding:7px 12px 8px;text-decoration:none;display:block}.painter-name{overflow-wrap:anywhere;font-size:1.02rem;font-weight:550;line-height:1.2;display:block}.painter-name b{font-weight:800}.painter-facts{opacity:.68;margin-top:2px;font-size:.8rem;font-weight:550;line-height:1.2;display:block}@media (hover:hover){.painter:hover{background:var(--yellow)}}.painter[aria-current]{background:var(--ink);color:var(--paper)}.painter[aria-current] .painter-facts{opacity:.8}.painter:focus-visible{outline:3px solid var(--blue);outline-offset:-3px}.painter-none{opacity:.7;margin:0;padding:14px 24px;font-weight:650}.alphabet-rail{touch-action:none;-webkit-user-select:none;user-select:none;flex-direction:column;grid-area:rail;justify-content:center;padding:0 8px 12px 0;display:flex}.alphabet-rail[hidden]{display:none}@media (height<=500px){.alphabet-rail{display:none}}.alphabet-rail button{cursor:pointer;background:0 0;border:0;border-radius:7px;flex:1 1 0;width:26px;min-height:0;max-height:26px;padding:0;font-size:.72rem;font-weight:800;line-height:1}.alphabet-rail button:disabled{opacity:.25;cursor:default}@media (hover:hover){.alphabet-rail button:not(:disabled,[data-current]):hover{background:var(--yellow)}}.alphabet-rail button[data-current]{background:var(--ink);color:var(--paper)}.career-view{min-height:0;padding-bottom:var(--label-room);grid-template:"name name""facts fills""barcode barcode"minmax(0,1fr)/minmax(0,1fr) auto;grid-area:career;align-items:end;gap:12px 24px;display:grid}.career-view h1{--name-size:clamp(2.4rem, 4.8vw, 4.4rem);height:var(--name-size);font-size:var(--name-size);letter-spacing:-.04em;white-space:nowrap;grid-area:name;align-items:flex-end;margin:0;font-weight:800;line-height:.95;display:flex}.career-view h1[data-wrap]{letter-spacing:-.03em;white-space:normal;overflow-wrap:anywhere;height:auto;line-height:1}.artist-facts{grid-area:facts;margin:0;line-height:1.3}.artist-facts b{margin-right:.4em;font-size:1.6rem;font-weight:800}.artist-facts span{opacity:.75;font-weight:550}.fill-switch{border:var(--outline);background:var(--card);box-shadow:var(--lift) var(--lift) 0 var(--ink);border-radius:999px;grid-area:fills;gap:8px;margin:0;padding:5px;display:flex}.fill-switch label{cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:6px 16px;font-size:1.05rem;font-weight:750;display:inline-flex;position:relative}.fill-switch input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.fill-switch label:hover{background:var(--yellow)}.fill-switch label:has(input:checked){background:var(--ink);color:var(--paper)}.fill-switch label:has(input:focus-visible){outline:4px solid var(--blue);outline-offset:2px}.career-barcode{flex-direction:column;grid-area:barcode;align-self:stretch;margin:14px 0 0;display:flex}.barcode-frame{border:var(--outline-thick);background:var(--card);min-height:180px;max-height:640px;box-shadow:var(--lift-big) var(--lift-big) 0 var(--ink);border-radius:18px;flex:1;position:relative}.barcode-frame canvas{width:100%;height:100%;image-rendering:pixelated;cursor:pointer;border-radius:14px;position:absolute;inset:0}.barcode-frame canvas:focus-visible{outline:none}.barcode-frame:has(canvas:focus-visible){outline:4px solid var(--blue);outline-offset:4px}.barcode-ruler{pointer-events:none;position:absolute;top:calc(100% + 12px);left:0;right:0}.barcode-tick{border-left:3px solid var(--ink);white-space:nowrap;padding:12px 0 0 6px;font-size:.95rem;font-weight:750;line-height:1;position:absolute;top:0}.barcode-cursor{z-index:2;border:3px solid var(--ink);box-shadow:0 0 0 2.5px var(--card), inset 0 0 0 2.5px var(--card);pointer-events:none;border-radius:7px;position:absolute}.barcode-label{z-index:3;background:var(--ink);width:max-content;max-width:min(380px,100%);color:var(--paper);border-radius:12px;align-items:center;gap:12px;padding:8px 16px 8px 8px;font-size:.85rem;font-weight:550;line-height:1.3;text-decoration:none;display:flex;position:absolute;top:calc(100% + 18px)}.barcode-label img{object-fit:cover;border-radius:6px;flex:none;display:block}.barcode-label b{font-weight:800;display:block}.career-barcode[hidden],.barcode-cursor[hidden],.barcode-label[hidden]{display:none}.career-view[aria-busy=true] .barcode-frame{pointer-events:none}.career-view[aria-busy=true] :is(.barcode-frame canvas,.barcode-ruler){visibility:hidden}.career-view[aria-busy=true] .barcode-frame:after{content:"";background-image:linear-gradient(45deg,#18140f24 25%,#0000 25% 50%,#18140f24 50% 75%,#0000 75%);background-size:40px 40px;border-radius:14px;animation:.6s linear infinite march;position:absolute;inset:0}.career-trouble{border:var(--outline-thick);background:var(--card);min-height:180px;box-shadow:var(--lift-big) var(--lift-big) 0 var(--ink);border-radius:18px;grid-area:barcode;place-content:center;align-self:stretch;justify-items:center;gap:18px;margin:14px 0 0;display:grid}.career-trouble[hidden]{display:none}.career-trouble p{margin:0;font-size:1.4rem;font-weight:800}.lightbox{--w:30px;--sunk:translateY(18px) scale(.95);max-width:none;max-height:none;padding:var(--w);border:4px solid var(--ink);box-shadow:10px 10px 0 var(--ink);cursor:zoom-out;opacity:0;transform:var(--sunk);transition:opacity .22s ease, transform .3s cubic-bezier(.2, .9, .3, 1.15), overlay .3s allow-discrete, display .3s allow-discrete;overflow:visible}.lightbox[open]{opacity:1;transform:none}.lightbox:focus-visible{outline:none}.lightbox::backdrop{transition:background .3s ease, overlay .3s allow-discrete, display .3s allow-discrete;background:#18140f00}.lightbox[open]::backdrop{background:#18140fc7}@starting-style{.lightbox[open]{opacity:0;transform:var(--sunk)}.lightbox[open]::backdrop{background:#18140f00}}.lightbox img{width:min(var(--widest), 100vw - 2 * var(--w) - 96px, (100vh - 2 * var(--w) - 96px) * var(--aspect));aspect-ratio:var(--aspect);background:var(--paper);box-shadow:0 0 0 2px var(--ink);display:block}.lightbox.carved-gilt{--w:34px;box-shadow:10px 10px 0 var(--ink), inset 0 0 0 5px #6b4510;background:radial-gradient(circle,#9c6a17 2.4px,#0000 3px) 0 0/12px 12px,linear-gradient(135deg,#f0c75a,#c99429)}.lightbox.carved-gilt img{box-shadow:0 0 0 2px var(--ink), 0 0 0 9px #7a4f12, 0 0 0 11px var(--ink)}.lightbox.beaded-gilt{--w:28px;background:linear-gradient(135deg,#ecbd52,#c48f2a)}.lightbox.beaded-gilt img{outline-offset:5px;outline:3px dotted #fff1c4}.lightbox.lacquer-mat{--w:52px;background:#2b2520}.lightbox.lacquer-mat img{box-shadow:0 0 0 2px var(--ink), 0 0 0 34px #efe5cf, 0 0 0 36px var(--ink)}.lightbox.walnut{--w:30px;box-shadow:10px 10px 0 var(--ink), inset 0 0 0 4px #2e1d10;background:repeating-linear-gradient(100deg,#5a3a22 0 6px,#6b4528 6px 13px,#4d311c 13px 17px)}.lightbox.walnut img{box-shadow:0 0 0 2px var(--ink), 0 0 0 7px #c9a46a, 0 0 0 9px var(--ink)}.lightbox.velvet-gilt{--w:42px;box-shadow:10px 10px 0 var(--ink), inset 0 0 0 5px #6b4510;background:radial-gradient(circle,#9c6a17 2px,#0000 2.6px) 0 0/10px 10px,linear-gradient(135deg,#f3cf6a,#b8841f)}.lightbox.velvet-gilt img{box-shadow:0 0 0 2px var(--ink), 0 0 0 6px #e9c25a, 0 0 0 22px #7a1c24, 0 0 0 24px var(--ink)}.lightbox.silver-leaf{--w:38px;box-shadow:10px 10px 0 var(--ink), inset 0 0 0 5px #4b5057;background:repeating-linear-gradient(45deg,#ffffff59 0 2px,#0000 2px 7px),linear-gradient(135deg,#eef0f2,#9aa1a8 55%,#d9dde1)}.lightbox.silver-leaf img{outline-offset:7px;box-shadow:0 0 0 2px var(--ink), 0 0 0 15px #2a2d31, 0 0 0 17px var(--ink);outline:3px dotted #f7f8fa}.missing-page{justify-items:start;gap:28px;max-width:1240px;margin:0 auto;padding:48px 32px;display:grid}.missing-page h1{letter-spacing:-.04em;margin:0;font-size:clamp(2.4rem,6vw,4.4rem);font-weight:800;line-height:.95}@media (width<=860px){.atlas{padding:8px 16px 48px}.matches-top{--headline-size:clamp(1.7rem, 9vw, 2.2rem);--card-height:120px;--card-max-width:calc(100cqw - 24px - 8px - 5.8 * var(--headline-size));gap:20px 24px;margin-bottom:36px;container-type:inline-size}.matches-text{display:contents}.matches-ways{grid-column:1/-1}.wall{gap:20px 14px}.painting-page,.painting-page[data-layout=wide]{grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-template-areas:"back""picture""info""strips""same";gap:24px;padding:12px 16px 48px}.painting-page[data-layout] .painting-frame{height:auto;padding:14px}.painting-page[data-layout] .painting-view{--min-height:110px;--max-height:62vh;height:auto;container-type:inline-size}.painting-page[data-layout] .axis-strips{--strip-height:48px}.same-colors-row{flex-wrap:wrap}.artist-page{grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-template-areas:"bar""career";gap:18px;min-height:0;padding:12px 16px 0}.artist-bar .back{margin-right:0}.painters-button{margin-right:auto;padding:7px 18px;display:inline-flex}.career-view{grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-template-areas:"name""facts""fills""barcode";gap:14px}.career-view h1{--name-size:clamp(2rem, 9vw, 3rem)}.career-view .fill-switch{justify-self:start}.painter-panel:modal{width:100%;height:100%;box-shadow:none;border:0;border-radius:0;margin:0;position:fixed;inset:0}.panel-top{justify-content:space-between;align-items:center;gap:16px;padding:16px 16px 4px 20px;display:flex}.panel-top h2{letter-spacing:-.03em;margin:0;font-size:2rem;font-weight:800}.panel-top .close{border:var(--outline);background:var(--yellow);cursor:pointer;border-radius:50%;place-items:center;width:46px;height:46px;padding:0;display:grid}.barcode-frame{flex:none;height:clamp(180px,42vh,360px)}.missing-page{padding:32px 16px}}@media (width<=520px){.matches-ways{flex-wrap:nowrap;gap:12px}.matches-ways .pill{white-space:nowrap;flex:none}.lab-door{gap:min(10px,2.5vw);padding:10px min(20px,3.5vw);font-size:min(1.05rem,5vw)}.all-paintings{padding:10px}.all-paintings span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (width<=760px){.artist-bar .back{padding:7px 12px}.artist-bar .back span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (width<=359px){.artist-bar{gap:6px}.artist-bar .back{padding:7px 10px}.painters-button{padding:7px 12px}}