:root{color-scheme:light;--ink:#181713;--paper:#f2eee6;--muted:#6c685e}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}.hero{min-height:62vh;padding:clamp(2rem,7vw,6rem);display:flex;flex-direction:column;justify-content:flex-end;border-bottom:1px solid #aaa396}.eyebrow{font:700 .72rem/1 Arial,sans-serif;letter-spacing:.25em}.hero h1{max-width:1000px;margin:.7rem 0 1.4rem;font:400 clamp(3.2rem,10vw,8.5rem)/.82 Georgia,serif;letter-spacing:-.065em}.hero h1 i{font-weight:400;color:#ef4b2f}.lede{max-width:640px;margin:0;font-size:clamp(1rem,2vw,1.35rem);line-height:1.5;color:var(--muted)}.rule{display:flex;align-items:center;gap:1rem;margin-top:3rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.16em}.rule b{height:1px;background:var(--ink);flex:1}.catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.tile{min-height:330px;padding:2rem;display:flex;flex-direction:column;justify-content:space-between;color:inherit;text-decoration:none;border-right:1px solid rgba(0,0,0,.18);border-bottom:1px solid rgba(0,0,0,.18);transition:transform .25s,filter .25s}.tile:hover{transform:translateY(-6px);filter:saturate(1.2)}.tile small{font-size:.65rem;letter-spacing:.15em}.tile strong{font:400 clamp(2.2rem,4vw,4.2rem)/.9 Georgia,serif;letter-spacing:-.055em}.tile em{font-style:normal;font-size:.82rem}.t1{background:#ff4c38}.t2{background:#172c22;color:#f7efcf}.t3{background:#8fc9ff}.t4{background:#0a0a0a;color:#bcff5c}.t5{background:#f2d5b5}.t6{background:#6740d9;color:white}.t7{background:#f5edd4}.t8{background:#7b001c;color:#ffd987}.t9{background:#f43b20;color:#fff7df}.t10{background:#061f3b;color:#b5ddff}.t11{background:#c8ff36}.t12{background:#171717;color:#e8e4d8}.t13{background:#d7e7e0}.t14{background:#262225;color:#f7d9bd}.t15{background:#102a46;color:#76f1c4}footer{display:flex;justify-content:space-between;padding:2rem;font-size:.68rem;letter-spacing:.12em}@media(max-width:850px){.catalog{grid-template-columns:repeat(2,1fr)}.tile{min-height:260px}}@media(max-width:520px){.hero{min-height:72vh;padding:1.4rem}.catalog{grid-template-columns:1fr}.tile{min-height:240px}.tile strong{font-size:3rem}footer{gap:1rem;flex-direction:column}}