@font-face{font-family:Panton;src:url(fonts/Panton-Regular.otf)}@font-face{font-family:Panton;src:url(fonts/Panton-Bold.otf);font-weight:700}*{box-sizing:border-box}body{margin:0;background:#eff0f6;color:#243b59;font-family:Panton,sans-serif}header{display:flex;justify-content:space-between;align-items:center;height:70px;padding:0 4vw;border-bottom:1px solid #cdd1e0}a{color:inherit;text-underline-offset:4px}main{max-width:1600px;margin:auto;padding:36px 4vw}h1{font-size:clamp(44px,6vw,84px);line-height:1;margin:0 0 18px;letter-spacing:-2px}.title{display:flex;justify-content:space-between;align-items:center;gap:24px}.title p{font-size:19px;margin:0 0 24px;line-height:1.5}.smooth{display:flex;align-items:center;gap:10px}.smooth input{width:20px;height:20px;accent-color:#60589e}.filters{display:flex;gap:22px;align-items:end;margin:18px 0 34px;padding:20px 0;border-top:1px solid #cdd1e0;border-bottom:1px solid #cdd1e0}.filters label{display:grid;gap:8px;min-width:190px}select,button,.modal-bottom a{font:inherit;border:1px solid #aeb6c9;background:#fff;color:inherit;border-radius:5px;min-height:44px;padding:10px 15px;cursor:pointer}.filters output{margin-left:auto;padding-bottom:12px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:38px 26px}.piece{min-width:0}.open{display:block;border:0;background:white;padding:14px;width:100%;aspect-ratio:1;display:flex;justify-content:center;align-items:center;border-radius:0}.open:hover{outline:2px solid #7b6caa;outline-offset:5px}.open img{display:block;max-width:100%;height:auto;width:294px}.piece h2{font-size:18px;font-weight:700;margin:15px 0 7px}.downloads{display:flex;gap:20px;font-size:14px}footer{display:flex;justify-content:space-between;gap:20px;margin-top:55px;border-top:1px solid #cdd1e0;padding-top:25px;font-size:14px}dialog{padding:20px;max-width:calc(100vw - 24px);max-height:calc(100svh - 24px);border:0;background:#eff0f6;color:#243b59;overflow:auto}dialog::backdrop{background:#182637d9}.modal-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px}.modal-top h2{font-size:22px;margin:0}.modal-bottom{display:flex;justify-content:space-between;gap:10px;margin-top:14px}.modal-bottom a{text-decoration:none}#large{display:block;width:var(--image-size,588px);height:var(--image-size,588px);background:white}dialog p{font-size:14px;margin:13px 0 0}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #9d48ab;outline-offset:4px}@media(max-width:640px){header{padding:0 18px}main{padding:28px 18px}.title{align-items:start}.title p{font-size:16px}.filters{gap:12px;flex-wrap:wrap}.filters label{min-width:0;flex:1}.filters output{width:100%;padding:0;margin:0}.grid{grid-template-columns:1fr}.open{aspect-ratio:auto;padding:18px}.open img{width:294px}.title{display:block}.smooth{margin-bottom:15px}footer{display:grid}.modal-top h2{font-size:18px}.modal-bottom{flex-wrap:wrap}.modal-bottom>*{flex:1;text-align:center;padding:9px}dialog{padding:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
