:root { color-scheme: dark; --brass:#c9a35c; --brass-hi:#dcbd7d; --ink:#ede3d0; --taupe:#a99b82; --card-line:rgba(237,227,208,.17); }
* { box-sizing: border-box; }
::selection { background: rgba(201,163,92,.4); }
body { margin: 0; min-height: 100vh; color: var(--ink); font-family: 'Inter', -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif; background: radial-gradient(1100px 560px at 50% -6%, rgba(255,196,110,.18) 0%, rgba(255,196,110,0) 60%), linear-gradient(180deg, rgba(59,36,10,0) 0%, rgba(59,36,10,.02) 420px, rgba(59,36,10,.04) 100%), repeating-linear-gradient(90deg, rgba(255,246,224,.12) 0, rgba(255,246,224,.12) 1px, rgba(0,0,0,0) 1px, rgba(0,0,0,0) 114px, rgba(96,60,22,.42) 114px, rgba(96,60,22,.42) 117px, rgba(255,246,224,.24) 117px, rgba(255,246,224,.24) 118px), url("/cedar-grain.webp"), linear-gradient(180deg, #e3c288 0%, #dab87f 45%, #cfa96e 100%); background-size: auto, auto, auto, 560px 560px, auto; background-color: #dbb77f; padding: 20px 18px 34px; }
a { color: #dcbd7d; } a:hover { color: var(--brass-hi); }
.site-head { display: flex; align-items: center; gap: 14px; max-width: 1040px; margin: 0 auto; padding: 13px 20px; background: linear-gradient(180deg, #27211a, #1c1712); border: 1px solid var(--card-line); border-radius: 14px; box-shadow: 0 12px 28px rgba(8,3,0,.45); }
.site-head .lockup { display: flex; align-items: center; gap: 12px; text-decoration: none; }
.site-head .lockup img { width: 40px; height: 40px; }
.site-head .lockup span { font-family: 'Playfair Display', Georgia, serif; font-size: 21px; font-weight: 600; letter-spacing: .13em; text-transform: uppercase; color: var(--ink); }
.site-head .head-actions { margin-left: auto; display: flex; gap: 16px; align-items: center; font-size: 14.5px; white-space: nowrap; }
.btn { display: inline-block; padding: 11px 24px; background: linear-gradient(180deg, var(--brass-hi), var(--brass)); color: #171310; border: 1px solid var(--brass); border-radius: 999px; font-size: 14px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; text-decoration: none; box-shadow: 0 5px 16px rgba(201,163,92,.28), inset 0 1px 0 rgba(255,255,255,.35); }
.btn:hover { filter: brightness(1.07); color: #171310; }
.panel { max-width: 1040px; margin: 20px auto 0; padding: 30px 32px 26px; background: linear-gradient(180deg, #27211a, #1a1510); border: 1px solid var(--card-line); border-radius: 18px; box-shadow: 0 24px 50px rgba(8,3,0,.5); }
.crumb { font-size: 13.5px; color: var(--taupe); margin: 0 0 14px; }
.crumb a { color: #dcbd7d; }
h1 { font-family: 'Playfair Display', Georgia, serif; font-size: 38px; font-weight: 600; letter-spacing: .03em; margin: 0 0 8px; color: var(--ink); font-variant-numeric: lining-nums tabular-nums; font-feature-settings: "lnum" 1, "tnum" 1; }
h2 { font-family: 'Playfair Display', Georgia, serif; font-size: 24px; font-weight: 600; margin: 26px 0 10px; color: var(--ink); }
.lede { font-size: 16px; line-height: 1.65; color: #e8dcc4; margin: 0 0 12px; }
.count { color: var(--taupe); font-size: 14.5px; margin: 0 0 18px; }
.brand-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 10px 22px; }
.brand-grid li { border-bottom: 1px solid rgba(237,227,208,.1); padding: 7px 0; font-size: 15.5px; }
.brand-grid .n { color: var(--taupe); font-size: 13px; margin-left: 6px; }
table.specs { width: 100%; border-collapse: collapse; font-size: 14.5px; font-variant-numeric: lining-nums tabular-nums; font-feature-settings: "lnum" 1, "tnum" 1; }
table.specs th { text-align: left; font-size: 11px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: #c9a35c; padding: 8px 10px 8px 0; border-bottom: 1px solid rgba(237,227,208,.2); }
table.specs td { padding: 8px 10px 8px 0; border-bottom: 1px solid rgba(237,227,208,.09); color: #e8dcc4; vertical-align: top; }
table.specs td.cigar-name { font-weight: 600; }
table.detail { max-width: 640px; }
table.detail th { width: 150px; }
.badge { display: inline-block; padding: 3px 10px 4px; border: 1px solid rgba(201,163,92,.65); border-radius: 999px; background: rgba(201,163,92,.13); color: var(--ink); font-size: 11.5px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; white-space: nowrap; }
footer { max-width: 1040px; margin: 30px auto 0; padding: 18px 22px 20px; background: linear-gradient(180deg, #27211a, #1c1712); border: 1px solid var(--card-line); border-radius: 12px; box-shadow: 0 10px 26px rgba(8,3,0,.45); font-size: 13.5px; color: var(--taupe); line-height: 1.7; text-align: center; }
footer .f-lockup { display: flex; align-items: center; justify-content: center; gap: 9px; margin-bottom: 8px; }
footer .f-lockup img { width: 24px; height: 24px; }
footer .f-lockup span { font-family: 'Playfair Display', Georgia, serif; font-size: 16px; letter-spacing: .13em; text-transform: uppercase; color: var(--ink); }
.table-wrap { overflow-x: auto; }
@media (max-width: 640px) { .panel { padding: 22px 16px 20px; } h1 { font-size: 29px; } .site-head .lockup span { display: none; } table.specs { font-size: 13.5px; } }