
:root{--paper:#f8f7f3;--ink:#23251f;--muted:#70716b;--line:#ddded5;--accent:#d6ff70}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #62783e;outline-offset:5px}.wrap{max-width:1440px;margin:auto;padding:0 5%}header{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{font-size:30px;font-weight:800;letter-spacing:-1.7px}.logo span{display:inline-block;width:9px;height:9px;border-radius:50%;background:#688342;margin-left:3px}nav{display:flex;gap:34px;font-size:13px}nav a:hover{text-decoration:underline}.small{font-size:11px;letter-spacing:1.7px;text-transform:uppercase}.hero{padding:65px 0 55px;display:grid;grid-template-columns:1.5fr 1fr;align-items:end;gap:50px}.eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:26px}.dot{width:6px;height:6px;border-radius:50%;background:#729346}h1{font-size:clamp(48px,5.8vw,84px);font-weight:500;line-height:1.02;letter-spacing:-5px;margin:0}h1 em{font-family:Georgia,serif;font-weight:400}.intro{max-width:330px;margin:0 0 5px auto;line-height:1.7;font-size:15px;color:#62645b}.intro strong{font-weight:400;color:var(--ink)}.toolbar{border-top:1px solid var(--line);padding:26px 0 23px;display:flex;justify-content:space-between;gap:20px;align-items:center}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{padding:11px 17px;border:1px solid var(--line);border-radius:30px;background:transparent;font-size:12px}.filter[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:white}.filter:hover{border-color:var(--ink)}.search{border-bottom:1px solid #c6c8bc;display:flex;gap:8px;padding:9px 0;min-width:160px}.search input{width:150px;border:0;background:none;font-size:12px;outline:none}.collection-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin:7px 0 22px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 26px}.art{position:relative;overflow:hidden;background:#e9e8e1;display:block;width:100%;border:0;padding:0;text-align:left}.art img{width:100%;display:block;aspect-ratio:4/5;object-fit:cover;transition:transform .4s}.art:hover img{transform:scale(1.025)}.view{position:absolute;right:16px;bottom:16px;background:var(--paper);border-radius:50%;width:39px;height:39px;display:grid;place-items:center;font-size:20px}.card-meta{display:flex;justify-content:space-between;gap:15px;margin-top:17px}.card h2{font-size:15px;font-weight:500;margin:0 0 7px}.category{font-size:11px;color:var(--muted)}.download{border:1px solid var(--line);border-radius:50%;width:35px;height:35px;display:grid;place-items:center;flex:none;font-size:18px}.download:hover{background:var(--accent);border-color:var(--accent)}.notice{font-size:12px;color:var(--muted);line-height:1.6;border-top:1px solid var(--line);padding-top:20px;margin:36px 0 70px}.about{border-top:1px solid var(--line);padding:55px 0 65px;display:grid;grid-template-columns:1fr 2fr;gap:50px}.about h2{font-family:Georgia,serif;font-weight:400;font-size:37px;line-height:1.2;margin:0 0 20px}.about p{font-size:14px;line-height:1.8;color:var(--muted);max-width:600px}.manifesto{display:inline-block;padding:7px 11px;background:var(--accent);transform:rotate(-3deg);margin-top:18px;font-size:13px}footer{border-top:1px solid var(--line);padding:27px 0;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted)}footer .logo{font-size:22px;color:var(--ink)}dialog{border:0;padding:0;background:var(--paper);color:var(--ink);width:min(850px,92vw);max-height:90vh}dialog::backdrop{background:#161910b8;backdrop-filter:blur(5px)}.modal{display:grid;grid-template-columns:1fr 1fr}.modal img{width:100%;display:block}.detail{padding:45px 28px;display:flex;flex-direction:column;justify-content:center}.detail h2{font-family:Georgia,serif;font-size:34px;font-weight:400}.detail p{font-size:13px;line-height:1.7;color:var(--muted)}.cta{background:var(--ink);color:white;padding:14px 20px;text-align:center;margin-top:25px;font-size:13px}.close{position:absolute;right:12px;top:12px;border:1px solid var(--line);border-radius:50%;background:var(--paper);width:30px;height:30px}.empty{padding:70px 0;color:var(--muted);grid-column:1/-1}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:800px){header{height:80px}nav{gap:18px}.hero{grid-template-columns:1fr;padding:42px 0;gap:25px}h1{letter-spacing:-3px}.intro{margin:0;max-width:440px}.toolbar{align-items:start;flex-direction:column}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.filter{padding:10px 12px}.about{grid-template-columns:1fr;gap:25px}footer{gap:20px;flex-wrap:wrap}.collection-meta{gap:20px}.modal{grid-template-columns:1fr}.modal img{max-height:44vh;object-fit:contain;background:#e8e7df}.detail{padding:20px}.detail h2{margin:5px 0;font-size:28px}.cta{margin-top:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.art img{transition:none}}

.search:focus-within{border-color:var(--ink);outline:2px solid #62783e;outline-offset:5px}.search input:focus-visible{outline:none}.filter{min-height:44px}.close{width:44px;height:44px;font-size:24px;z-index:2}.download{width:44px;height:44px}.art img{height:auto}.card-meta>div{min-width:0}.cta:hover{background:#455536}.skip-link{position:fixed;top:12px;left:12px;z-index:20;transform:translateY(-160%);padding:12px 18px;background:var(--ink);color:white}.skip-link:focus{transform:translateY(0)}.loading{grid-column:1/-1;padding:35px 0;color:var(--muted)}
@media(max-width:560px){header{height:auto;min-height:100px;flex-wrap:wrap;gap:16px;padding:20px 0}.logo{font-size:27px}nav{font-size:12px;gap:22px;width:100%}.hero{padding:35px 0}.eyebrow{font-size:9px;letter-spacing:1.3px}h1{font-size:53px;letter-spacing:-3px}.intro{font-size:14px}.grid{grid-template-columns:1fr;gap:30px}.collection-meta{font-size:10px;align-items:center}.collection-meta>span:last-child{max-width:160px;text-align:right}.search{width:100%}.search input{width:100%;min-height:28px}.filter{padding:10px 13px;text-align:left}.about h2{font-size:31px}.notice{margin-bottom:45px}.detail{padding:24px}.detail h2{font-size:30px}.modal img{max-height:43vh}footer{align-items:flex-start;gap:16px}footer>span{width:100%;order:2}}

/* Preserve the complete composition of both portrait and landscape originals. */
.art img{object-fit:contain}.modal img{height:auto;max-height:85vh;object-fit:contain;align-self:center}@media(max-width:800px){.modal img{max-height:44vh}}
