@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');
:root{--paper:#f2efdf;--ink:#27352e;--muted:#737a68;--rust:#935743;--line:#c9c6b3;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 var(--sans)}a{color:inherit}.wrap{width:min(1240px,calc(100% - 9vw));margin-inline:auto}.skip{position:absolute;left:-999px;top:1rem}.skip:focus{left:1rem;z-index:5;background:var(--paper);padding:.7rem}.site-header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{text-decoration:none;font:italic 600 46px/.9 var(--serif);letter-spacing:-3px}.wordmark span{color:var(--rust);font:22px var(--serif);vertical-align:top;margin-left:7px}.site-header nav{display:flex;align-items:center;gap:34px}.site-header nav a{text-decoration:none;font-size:13px}.site-header nav a:hover,.footer-links a:hover{color:var(--rust)}button{font:inherit;color:inherit}.language{border:0;border-left:1px solid var(--line);padding:8px 0 8px 18px;background:none;cursor:pointer}.hero{min-height:370px;padding:68px 0 42px;position:relative;border-bottom:1px solid var(--line)}.eyebrow,.volume,.gallery-heading,.drawing-category{font:10px/1.6 var(--mono);letter-spacing:.18em}.hero .eyebrow{margin:0 0 27px}.hero h1{font:600 clamp(66px,9.2vw,116px)/.87 var(--serif);letter-spacing:-.065em;margin:0;max-width:790px}.hero h1 em{display:block;color:#7e866e;font-weight:500}.hero-note{position:absolute;right:2%;top:145px;color:var(--rust);font:italic 22px/1.45 var(--serif);transform:rotate(-5deg)}.volume{margin:36px 0 0;color:#707362;font-size:9px}.gallery{padding:24px 0 80px}.filters{display:flex;gap:7px;align-items:center;margin-bottom:16px}.filter{border:0;border-bottom:2px solid transparent;background:transparent;padding:10px 13px 11px;color:var(--ink);cursor:pointer;font-size:14px}.filter.active{border-color:var(--rust);color:var(--rust)}.filter sup{font:9px var(--mono);margin-left:7px;vertical-align:top}.search{width:min(440px,100%);display:flex;align-items:center;gap:12px;border-bottom:1px solid #848474;padding:5px 4px 9px}.search span{font-size:24px;line-height:1}.search input{font:14px var(--sans);border:0;background:transparent;outline:none;color:var(--ink);width:100%}.search input::placeholder{color:#5d6258}.gallery-heading{display:flex;justify-content:space-between;color:#6e715f;margin:34px 0 18px;letter-spacing:.08em}.drawing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:8%;row-gap:44px;align-items:start}.drawing-card{position:relative;width:100%;max-width:520px;justify-self:center}.drawing-card:nth-child(odd){transform:rotate(-1.5deg)}.drawing-card:nth-child(even){transform:rotate(1.2deg);margin-top:60px}.drawing-card:nth-child(5n){margin-top:25px}.drawing-card:nth-child(3n){margin-top:5px}.drawing-card[hidden]{display:none}.drawing-button{position:relative;width:100%;padding:10px;background:#fffdf4;border:0;box-shadow:0 9px 20px #4b443020;cursor:zoom-in;display:block;transition:transform .25s,box-shadow .25s}.drawing-button:before{content:"";position:absolute;z-index:2;top:-17px;left:38%;width:25%;height:27px;background:#c7ba8c99;transform:rotate(-5deg)}.drawing-button:hover{transform:translateY(-5px) rotate(1deg);box-shadow:0 15px 25px #4b44302b}.drawing-button img{display:block;width:100%;height:auto;max-height:430px;object-fit:cover;background:#e2dfce}.open-hint{position:absolute;right:16px;top:15px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#f5f1ddde;opacity:0;transition:opacity .2s}.drawing-button:hover .open-hint,.drawing-button:focus-visible .open-hint{opacity:1}.drawing-title{font:500 clamp(18px,2.1vw,25px)/1.3 var(--serif);margin:16px 0 5px}.drawing-title .number{font:12px var(--mono);letter-spacing:.08em}.drawing-category{font-size:9px;color:#747563;margin:0;letter-spacing:.16em}.scribble{position:absolute;color:var(--rust);font:italic 21px/1.4 var(--serif);transform:rotate(-7deg);right:-30px;top:10px;max-width:240px}.stamp{position:absolute;border:1px solid var(--rust);color:var(--rust);border-radius:50%;width:132px;height:132px;display:grid;place-content:center;text-align:center;font:italic 19px/1.25 var(--serif);transform:rotate(-12deg);right:5%;bottom:-18px;z-index:2}.empty{padding:40px 0;color:var(--muted);font-family:var(--serif)}.note-section{border-top:1px solid var(--line);padding:72px 4% 80px;display:grid;grid-template-columns:22% 1fr;gap:6%;align-items:start}.big-star{color:var(--rust);font:118px/1 var(--serif);text-align:center}.note-copy{max-width:790px}.note-copy .eyebrow{margin:0 0 20px}.note-copy h2{font:600 clamp(30px,4vw,46px)/1.15 var(--serif);margin:0 0 22px;max-width:680px}.note-copy>p:not(.eyebrow){max-width:760px;margin:0 0 22px}.note-copy details{border-top:1px solid var(--line);padding-top:15px}.note-copy summary{cursor:pointer;font-size:14px}.note-copy details p{color:#5d6258;max-width:650px}.site-footer{border-top:1px solid var(--line);min-height:76px;display:flex;justify-content:space-between;align-items:center;font-size:12px}.footer-links{display:flex;gap:25px}.footer-links a{text-decoration:none;border-bottom:1px solid #979583}.provenance{display:flex;gap:12px;border-top:1px solid var(--line);padding-top:16px;margin-top:28px;color:#626858;font-size:13px}.provenance span{font-size:25px;color:var(--rust)}.provenance p{margin:0}dialog{border:0;background:var(--paper);color:var(--ink);width:min(980px,calc(100% - 32px));max-width:none;padding:28px 34px 32px;box-shadow:0 25px 90px #161c1740}dialog::backdrop{background:#152019a6;backdrop-filter:blur(3px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:14px}.close{border:0;background:none;cursor:pointer}.close b{font-size:22px;margin-left:7px}.dialog-content{display:grid;grid-template-columns:1.1fr .9fr;gap:7%;padding-top:28px;align-items:center}.dialog-art{padding:12px;background:#fffdf4;box-shadow:0 9px 22px #4b443020;transform:rotate(-1deg)}.dialog-art img{width:100%;max-height:65vh;object-fit:contain;display:block;background:#e2dfce}.dialog-copy h2{font:600 clamp(30px,4vw,48px)/1.1 var(--serif);margin:12px 0}.dialog-copy .eyebrow{color:#747563}.dialog-caption{font:italic 20px var(--serif);color:var(--rust)}.dialog-description{font-size:14px}.dialog-actions{display:flex;justify-content:space-between;margin-top:28px}.dialog-actions button{border:0;border-top:1px solid var(--line);padding:10px 0;background:none;cursor:pointer}.dialog-actions button:hover{color:var(--rust)}@media(max-width:720px){.wrap{width:calc(100% - 38px)}.site-header{height:78px}.wordmark{font-size:39px}.site-header nav{gap:16px}.site-header nav a{font-size:12px}.language{padding-left:12px}.hero{min-height:340px;padding-top:58px}.hero h1{font-size:clamp(58px,14vw,92px)}.hero-note{right:3%;top:auto;bottom:53px;font-size:17px}.volume{margin-top:28px}.filters{overflow-x:auto;margin-right:-19px;padding-bottom:4px}.filter{white-space:nowrap;font-size:12px;padding-inline:8px}.drawing-grid{column-gap:6%;row-gap:33px}.drawing-card:nth-child(even){margin-top:40px}.drawing-button{padding:7px}.drawing-button:before{top:-13px;height:22px}.drawing-title{font-size:17px;margin-top:11px}.drawing-category{font-size:8px}.scribble{font-size:15px;right:-6px;top:-26px;max-width:160px}.stamp{width:92px;height:92px;font-size:14px;right:0}.note-section{grid-template-columns:1fr;padding:55px 0;gap:16px}.big-star{text-align:left;font-size:80px}.note-copy h2{font-size:34px}.site-footer{align-items:flex-start;gap:12px;padding:20px 0;flex-direction:column}.footer-links{gap:18px}.dialog-content{grid-template-columns:1fr;gap:22px}.dialog-art img{max-height:48vh}.dialog-copy h2{font-size:34px}dialog{padding:18px}}
@media(max-width:430px){.site-header nav{gap:11px}.site-header nav a{font-size:11px}.hero{min-height:330px}.drawing-grid{column-gap:16px}.drawing-title{font-size:15px}.drawing-category{letter-spacing:.08em}.gallery{padding-bottom:60px}}
