:root{--ink:#111;--muted:#6d6d6d;--paper:#f7f5f1;--white:#fff;--line:#dedbd4;--gold:#b08d57;--serif:Georgia,'Times New Roman',serif;--sans:Inter,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.5}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1240px,92%);margin:auto}.topbar{background:#111;color:#fff;font-size:12px;padding:9px 0}.topbar .container{display:flex;justify-content:space-between}.nav{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.navin{height:76px;display:flex;align-items:center;justify-content:space-between;gap:28px}.logo{font:700 30px var(--serif);letter-spacing:-1px}.logo span{color:var(--gold)}.navlinks{display:flex;gap:22px;font-size:14px}.navlinks a:hover{color:var(--gold)}.actions{display:flex;gap:10px;align-items:center}.btn{border:1px solid #111;padding:11px 18px;background:#111;color:#fff;display:inline-block;font-size:13px;cursor:pointer}.btn.light{background:#fff;color:#111}.btn.gold{background:var(--gold);border-color:var(--gold)}.hero{min-height:620px;background:linear-gradient(90deg,rgba(0,0,0,.7),rgba(0,0,0,.08)),url('https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=1800&q=85') center/cover;display:flex;align-items:end;color:#fff}.hero .content{padding:90px 0 75px;max-width:760px}.eyebrow{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);font-weight:700}.hero h1{font:500 clamp(48px,7vw,88px)/.95 var(--serif);margin:15px 0}.hero p{font-size:18px;max-width:650px;color:#eee}.search{background:#fff;color:#111;padding:18px;margin-top:28px;display:flex;gap:10px;box-shadow:0 12px 35px rgba(0,0,0,.18)}.search input,.search select{border:0;border-right:1px solid var(--line);padding:12px;flex:1;min-width:0;background:#fff}.section{padding:80px 0}.sectionhead{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.section h2{font:500 42px var(--serif);margin:0}.sectionhead p{color:var(--muted);max-width:500px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);overflow:hidden}.card img{aspect-ratio:4/3;object-fit:cover}.cardbody{padding:18px}.card h3{font:500 21px var(--serif);margin:7px 0}.price{font-weight:700;margin-top:10px}.meta{color:var(--muted);font-size:13px}.tag{font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:var(--gold);font-weight:700}.catgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.cat{position:relative;height:230px;color:#fff;overflow:hidden}.cat img{width:100%;height:100%;object-fit:cover;filter:brightness(.62);transition:.3s}.cat:hover img{transform:scale(1.04);filter:brightness(.48)}.cat span{position:absolute;left:18px;bottom:18px;font:26px var(--serif)}.dark{background:#111;color:#fff}.dark .meta,.dark .sectionhead p{color:#aaa}.journal{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:18px}.article{background:#fff}.article img{aspect-ratio:16/10;object-fit:cover}.article .pad{padding:20px}.article h3{font:25px var(--serif);margin:8px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.split img{width:100%;height:500px;object-fit:cover}.copy h1,.copy h2{font:500 54px/.98 var(--serif)}.copy p{color:var(--muted);font-size:16px}.form{background:#fff;border:1px solid var(--line);padding:30px}.form label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:1px;margin:18px 0 7px}.form input,.form textarea,.form select{width:100%;padding:13px;border:1px solid var(--line);font:inherit}.form textarea{min-height:140px}.footer{background:#111;color:#fff;padding:65px 0 25px}.footergrid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:40px}.footer h4{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:#aaa}.footer a{display:block;color:#ddd;margin:9px 0;font-size:14px}.footerbottom{border-top:1px solid #333;margin-top:45px;padding-top:20px;display:flex;justify-content:space-between;color:#888;font-size:12px}.pagehead{padding:70px 0 45px}.pagehead h1{font:500 56px var(--serif);margin:10px 0}.crumb{font-size:12px;color:var(--muted)}.filters{display:flex;gap:10px;margin-bottom:25px;flex-wrap:wrap}.filters select,.filters input{padding:11px;border:1px solid var(--line);background:#fff}.listing{display:grid;grid-template-columns:1.5fr 1fr;gap:30px}.listinghero{aspect-ratio:16/10;object-fit:cover;width:100%}.thumbs{display:flex;gap:8px;margin-top:8px}.thumbs img{width:90px;height:65px;object-fit:cover}.side{background:#fff;padding:30px;border:1px solid var(--line);height:max-content;position:sticky;top:100px}.side h1{font:500 38px var(--serif)}.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin:25px 0}.stats b{display:block}.stats span{font-size:11px;color:var(--muted)}.dashboard{display:grid;grid-template-columns:230px 1fr;gap:25px}.dashnav{background:#111;color:#fff;padding:20px;height:max-content}.dashnav a{display:block;padding:12px 5px;color:#ddd}.panel{background:#fff;border:1px solid var(--line);padding:25px}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:14px;border-bottom:1px solid var(--line);font-size:13px}.notice{padding:16px;background:#efe9dd;border-left:3px solid var(--gold);margin:20px 0}.mobilemenu{display:none}
@media(max-width:900px){.navlinks{display:none}.mobilemenu{display:block}.grid{grid-template-columns:repeat(2,1fr)}.catgrid{grid-template-columns:repeat(2,1fr)}.journal{grid-template-columns:1fr}.split,.listing{grid-template-columns:1fr}.side{position:static}.footergrid{grid-template-columns:1fr 1fr}.hero{min-height:560px}.search{flex-direction:column}.search input,.search select{border-right:0;border-bottom:1px solid var(--line)}}
@media(max-width:560px){.grid{grid-template-columns:1fr}.catgrid{grid-template-columns:1fr}.footergrid{grid-template-columns:1fr}.footerbottom{flex-direction:column;gap:10px}.hero h1{font-size:52px}.section h2,.pagehead h1{font-size:40px}}