/* BLACK GARTER / THE SHOP - house style: near-black ground, bone ink, hairlines. */
*{margin:0;padding:0;box-sizing:border-box}
html{background:#0A0A0A;color:#FBF9F1}
body{font-family:Helvetica,Arial,sans-serif;font-weight:300;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:#FBF9F1;text-decoration:none;border-bottom:1px solid #333532;transition:border-color .2s}
a:hover{border-color:#FBF9F1}
header{max-width:1180px;margin:0 auto;padding:96px 32px 40px}
.eyebrow{font-size:11px;letter-spacing:.42em;color:#9B9B96;text-transform:uppercase}
h1{font-size:clamp(52px,9vw,124px);font-weight:200;letter-spacing:.06em;line-height:.98;text-transform:uppercase;margin-top:18px}
.lede{max-width:560px;margin-top:26px;color:#C9C9C2;font-size:15px}
.rate{margin-top:18px;font-size:11px;letter-spacing:.34em;color:#9B9B96}
.catalogue{list-style:none;max-width:1180px;margin:0 auto;padding:24px 32px 96px;display:grid;grid-template-columns:repeat(auto-fill,minmax(258px,1fr));gap:56px 40px}
article{border-top:1px solid #333532;padding-top:20px}
article img{width:100%;height:auto;display:block;border:1px solid #333532}
.domain{margin-top:16px;font-size:10px;letter-spacing:.32em;color:#9B9B96}
article h2{margin-top:8px;font-size:19px;font-weight:300;letter-spacing:.18em;text-transform:uppercase}
.price{margin-top:8px;font-size:13px;letter-spacing:.22em}
.blurb{margin-top:10px;font-size:13px;color:#B4B4AC;max-width:40ch}
.buy{display:inline-block;margin-top:16px;font-size:12px;letter-spacing:.34em;padding:10px 22px;border:1px solid #FBF9F1}
.buy:hover{background:#FBF9F1;color:#0A0A0A}
.await{margin-top:16px;font-size:10px;letter-spacing:.32em;color:#5A5A56}
footer{border-top:1px solid #333532;padding:44px 32px 72px;text-align:center}
footer p{font-size:10px;letter-spacing:.28em;color:#9B9B96}
footer a{margin:0 14px;letter-spacing:.28em;font-size:10px}
@media (max-width:560px){header{padding-top:64px}.catalogue{gap:44px 0}}