:root{--bg-color:#fafafa;--text-color:#000;--accent-color:#000;--border-color:#000;--border-width:3px;--font-display:"Arial Black", sans-serif;--font-main:"Courier New", Courier, monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-main);padding:0}.nav{border-bottom:var(--border-width) solid var(--border-color);font-family:var(--font-display);text-transform:uppercase;justify-content:space-between;padding:2rem;display:flex}.nav a{color:inherit;margin-left:2rem;font-size:.9rem;text-decoration:none}.hero{border-bottom:var(--border-width) solid var(--border-color);text-align:center;flex-direction:column;align-items:center;padding:4rem 2rem;display:flex}.hero-title{font-family:var(--font-display);text-transform:uppercase;margin-bottom:2rem;font-size:clamp(3rem,15vw,12rem);line-height:.8}.catalogue-grid{border-left:var(--border-width) solid var(--border-color);border-bottom:var(--border-width) solid var(--border-color);grid-template-columns:repeat(auto-fill,minmax(350px,1fr));display:grid}.catalogue-item{border-right:var(--border-width) solid var(--border-color);border-bottom:var(--border-width) solid var(--border-color);color:inherit;flex-direction:column;padding:2rem;text-decoration:none;transition:background .2s;display:flex}.catalogue-item:hover{background:#eee}.img-box{aspect-ratio:4/5;border:var(--border-width) solid var(--border-color);background:#ddd;width:100%;margin-bottom:1.5rem}.item-info{font-family:var(--font-display);text-transform:uppercase;justify-content:space-between;display:flex}.page-content{max-width:1200px;margin:0 auto;padding:4rem 2rem}.about-text{max-width:800px;font-size:1.5rem;line-height:1.6}
