:root { --ink:#07101c; --paper:#f1e7d1; --gold:#e5c97f; --cyan:#7fd7de; }
* { box-sizing:border-box; }
body { margin:0; background:var(--ink); color:var(--paper); font-family:Arial,Helvetica,sans-serif; }
.collection-page { min-height:100vh; display:grid; grid-template-columns:1.15fr .85fr; }
.art { position:relative; min-height:100vh; }
.art img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.copy { display:flex; flex-direction:column; justify-content:center; padding:clamp(2rem,6vw,7rem); background:radial-gradient(circle at 100% 0,#75294744,transparent 30rem),#091522; }
.copy small { color:var(--cyan); text-transform:uppercase; letter-spacing:.25em; }
.copy h1 { margin:.7rem 0 1.5rem; font:clamp(3rem,7vw,6.5rem)/.9 Georgia,serif; }
.copy p { color:#b9cad2; line-height:1.8; }
.actions { display:flex; flex-wrap:wrap; gap:.75rem; margin-top:2rem; }
.actions a { padding:.85rem 1.1rem; border:1px solid #e5c97f88; border-radius:999px; color:var(--gold); text-decoration:none; text-transform:uppercase; letter-spacing:.12em; font-size:.68rem; }
.actions a:first-child { background:var(--gold); color:var(--ink); }
@media(max-width:800px) { .collection-page{grid-template-columns:1fr} .art{min-height:58vh} .copy{min-height:42vh} }