*{box-sizing:border-box;margin:0;padding:0}body{font-family:Courier New,Courier,monospace;background-color:#f7f4ef;color:#3f0000;line-height:1.5;padding:32px}h1{font-size:40px;font-weight:700;margin-bottom:32px}select{font-family:Courier New,Courier,monospace;font-size:16px;background:none;border:none;outline:none;padding:4px 24px 4px 4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#333;cursor:pointer;position:relative;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg width='12' height='8' viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23333' stroke-width='1' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:100%;background-size:12px}select:focus,select:hover{text-decoration:underline}.filter-group{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:40px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:40px;gap:40px;padding-bottom:40px}.photo-card{display:block;border-radius:12px;overflow:hidden;box-shadow:0 6px 16px rgba(0,0,0,.1);transition:transform .2s ease}.photo-card:hover{transform:translateY(-4px)}.photo-card img{display:block;width:100%;height:auto;object-fit:cover;aspect-ratio:1/1;border-radius:12px}.banner{margin-bottom:40px}