:root {
            --black: #070707;
            --charcoal: #11110f;
            --panel: #171510;
            --panel-2: #201b12;
            --gold: #d9a93c;
            --gold-2: #f3c96b;
            --line: rgba(217, 169, 60, .3);
            --muted: #a7a39a;
            --text: #f6f0e5;
        }

        * { box-sizing: border-box; }
        html { scroll-behavior: smooth; }
        body {
            margin: 0;
            font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
            background: var(--black);
            color: var(--text);
            letter-spacing: 0;
        }
        a { color: inherit; text-decoration: none; }
        button, input { font: inherit; }
        .container { width: min(1160px, calc(100% - 44px)); margin: 0 auto; }

        .site-header {
            position: sticky;
            top: 0;
            z-index: 50;
            background: rgba(5, 5, 5, .94);
            border-bottom: 1px solid rgba(217, 169, 60, .22);
            backdrop-filter: blur(12px);
        }
        .nav {
            height: 82px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 26px;
        }
        .brand img { width: 156px; max-height: 64px; object-fit: contain; display: block; }
        .nav-links {
            display: flex;
            align-items: center;
            gap: 28px;
            font-size: 12px;
            font-weight: 800;
            text-transform: uppercase;
        }
        .nav-links a { position: relative; padding: 31px 0; }
        .nav-links a.active, .nav-links a:hover { color: var(--gold-2); }
        .nav-links a.active::after {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            height: 2px;
            background: var(--gold);
        }
        .header-actions { display: flex; align-items: center; gap: 20px; }
        .cart { position: relative; color: #fff; font-size: 25px; line-height: 1; }
        .cart span {
            position: absolute;
            right: -10px;
            top: -10px;
            width: 20px;
            height: 20px;
            display: grid;
            place-items: center;
            border-radius: 999px;
            background: var(--gold);
            color: #12100b;
            font-size: 11px;
            font-weight: 900;
        }
        .gold-button {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 12px;
            min-height: 44px;
            border: 1px solid #efc668;
            background: linear-gradient(135deg, #edc267, #c99128);
            color: #090806;
            padding: 0 26px;
            font-size: 12px;
            font-weight: 900;
            text-transform: uppercase;
            box-shadow: inset 0 1px 0 rgba(255,255,255,.38), 0 10px 26px rgba(0,0,0,.3);
            cursor: pointer;
        }
        .dark-button {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 12px;
            min-height: 44px;
            border: 1px solid rgba(217,169,60,.65);
            background: rgba(9,9,8,.75);
            color: #fff;
            padding: 0 26px;
            font-size: 12px;
            font-weight: 900;
            text-transform: uppercase;
            cursor: pointer;
        }
        .menu-toggle { display: none; background: none; border: 1px solid var(--line); color: #fff; width: 42px; height: 42px; }

        .hero {
            min-height: 620px;
            position: relative;
            overflow: hidden;
            background-image: linear-gradient(90deg, rgba(0,0,0,.98) 0%, rgba(0,0,0,.83) 32%, rgba(0,0,0,.08) 74%), url("/assets/hero-book-scenery.png");
            background-size: cover;
            background-position: center center;
        }
        .hero::after {
            content: "";
            position: absolute;
            inset: auto 0 0;
            height: 160px;
            background: linear-gradient(0deg, #070707, transparent);
            pointer-events: none;
        }
        .hero-inner {
            position: relative;
            z-index: 1;
            min-height: 620px;
            display: flex;
            align-items: center;
        }
        .hero-copy { max-width: 530px; padding: 46px 0 72px; }
        .eyebrow {
            display: inline-flex;
            align-items: center;
            gap: 14px;
            color: #f6ddb0;
            font-size: 12px;
            font-weight: 900;
            text-transform: uppercase;
            letter-spacing: 5px;
            margin-bottom: 20px;
        }
        .eyebrow::before { content: "♛"; color: var(--gold); font-size: 18px; letter-spacing: 0; }
        .hero h1 {
            margin: 0;
            font-family: Georgia, "Times New Roman", serif;
            font-size: clamp(48px, 6.2vw, 82px);
            line-height: .98;
            font-weight: 500;
        }
        .hero h1 span { color: var(--gold); display: block; }
        .gold-rule { width: 58px; height: 3px; background: var(--gold); margin: 24px 0 22px; }
        .hero p { color: #d9d3c7; font-size: 18px; line-height: 1.65; max-width: 480px; margin: 0; }
        .hero p em { color: #f1c354; font-weight: 800; }
        .rating { display: flex; align-items: center; gap: 18px; margin: 22px 0 28px; color: #dcd6ca; font-size: 13px; font-weight: 700; }
        .stars { color: #ffbd2e; font-size: 22px; letter-spacing: 2px; }
        .hero-actions { display: flex; flex-wrap: wrap; gap: 16px; margin-bottom: 34px; }
        .formats { display: flex; flex-wrap: wrap; gap: 22px; color: #b9b2a7; font-size: 11px; font-weight: 800; text-transform: uppercase; }
        .formats span:first-child { color: #fff; }

        .feature-strip {
            border-top: 1px solid rgba(217,169,60,.18);
            border-bottom: 1px solid rgba(217,169,60,.2);
            background: linear-gradient(180deg, #171511, #0f0f0e);
        }
        .feature-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 0;
        }
        .feature {
            display: grid;
            grid-template-columns: 58px 1fr;
            gap: 15px;
            align-items: center;
            padding: 21px 18px;
        }
        .feature img { width: 50px; height: 50px; object-fit: contain; }
        .feature strong { display: block; color: #fff; font-size: 12px; text-transform: uppercase; line-height: 1.25; }
        .feature small { display: block; color: var(--muted); font-size: 11px; margin-top: 4px; }

        .section-dark { background: #0b0b0a; padding: 30px 0 28px; }
        .section-head {
            display: flex;
            align-items: end;
            justify-content: space-between;
            gap: 20px;
            margin-bottom: 18px;
        }
        .section-title {
            margin: 0;
            font-size: 27px;
            font-weight: 500;
            text-transform: uppercase;
        }
        .section-title::after { content: ""; display: block; width: 42px; height: 2px; background: var(--gold); margin-top: 8px; }
        .view-link { color: #fff; font-size: 11px; font-weight: 900; text-transform: uppercase; }
        .news-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
        .news-card {
            display: grid;
            grid-template-columns: 128px 1fr;
            gap: 16px;
            min-height: 176px;
            border: 1px solid rgba(217,169,60,.24);
            background: linear-gradient(180deg, rgba(31,28,22,.92), rgba(12,12,11,.92));
            padding: 14px;
        }
        .news-card img { width: 128px; height: 148px; object-fit: cover; background: #090909; }
        .meta { color: var(--gold); font-size: 10px; font-weight: 900; text-transform: uppercase; }
        .news-card h3 { margin: 10px 0 7px; font-size: 17px; line-height: 1.32; font-weight: 600; }
        .news-card p { margin: 0 0 12px; color: #bfb8ac; font-size: 12px; line-height: 1.45; }
        .read-link { color: var(--gold-2); font-size: 11px; font-weight: 900; text-transform: uppercase; }

        .merch {
            padding: 52px 0 42px;
            color: #080705;
            background-image: linear-gradient(90deg, rgba(235,184,73,.72), rgba(255,226,147,.35)), url("/assets/product-section-gold-bg.png");
            background-size: cover;
            background-position: center;
        }
        .merch-grid {
            display: grid;
            grid-template-columns: minmax(250px, 330px) 1fr;
            gap: 42px;
            align-items: center;
        }
        .merch-copy .label { font-size: 12px; font-weight: 900; text-transform: uppercase; letter-spacing: 5px; }
        .merch-copy h2 {
            margin: 24px 0 22px;
            font-family: Georgia, "Times New Roman", serif;
            font-size: clamp(40px, 5vw, 64px);
            line-height: .94;
            text-transform: uppercase;
        }
        .merch-copy p { max-width: 330px; margin: 0 0 24px; line-height: 1.55; font-weight: 600; }
        .black-button {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 44px;
            background: #050505;
            color: var(--gold-2);
            padding: 0 34px;
            border: 1px solid rgba(255,255,255,.35);
            font-size: 12px;
            font-weight: 900;
            text-transform: uppercase;
            box-shadow: 0 12px 18px rgba(0,0,0,.22);
        }
        .product-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
        .product-card {
            position: relative;
            overflow: hidden;
            background: rgba(255,255,255,.92);
            border: 1px solid rgba(0,0,0,.18);
            border-radius: 7px;
            padding: 16px 18px 16px;
            text-align: center;
            min-height: 430px;
            box-shadow: 0 14px 32px rgba(0,0,0,.16);
        }
        .ribbon {
            position: absolute;
            left: -36px;
            top: 23px;
            transform: rotate(-43deg);
            background: #e7bc55;
            width: 132px;
            height: 24px;
            display: grid;
            place-items: center;
            font-size: 9px;
            font-weight: 900;
            text-transform: uppercase;
        }
        .product-card img { width: 100%; height: 250px; object-fit: contain; }
        .product-card:nth-child(2) img { padding: 48px 8px 58px; }
        .product-card h3 { margin: 8px 0 2px; font-size: 15px; text-transform: uppercase; }
        .product-card .product-meta { color: #c9942f; font-size: 11px; font-weight: 900; text-transform: uppercase; }
        .price { margin: 10px 0 12px; font-size: 18px; font-weight: 900; }
        .add-cart { width: 100%; min-height: 40px; border: 0; background: #050505; color: var(--gold-2); font-size: 12px; font-weight: 900; text-transform: uppercase; cursor: pointer; }
        .trust-row {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
            margin-top: 26px;
            padding-top: 20px;
            border-top: 1px solid rgba(0,0,0,.25);
            font-size: 11px;
            font-weight: 700;
        }
        .trust-row strong { display: block; text-transform: uppercase; }

        .events { padding: 36px 0 32px; background: #0b0b0a; }
        .event-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
        .event-card {
            border: 1px solid rgba(217,169,60,.28);
            background: linear-gradient(180deg, rgba(30,28,23,.9), rgba(9,9,8,.95));
            padding: 14px;
        }
        .event-top { display: grid; grid-template-columns: 72px 1fr; gap: 14px; margin-bottom: 12px; }
        .date-box {
            border: 1px solid rgba(217,169,60,.45);
            min-height: 94px;
            display: grid;
            place-items: center;
            text-align: center;
            color: var(--gold-2);
            text-transform: uppercase;
            font-weight: 900;
        }
        .date-box span { display: block; font-size: 31px; color: #fff; }
        .event-image {
            min-height: 94px;
            background: linear-gradient(rgba(0,0,0,.28), rgba(0,0,0,.5)), url("/assets/hero-book-scenery.png");
            background-size: cover;
            background-position: center;
        }
        .event-card h3 { margin: 0 0 10px; font-size: 14px; text-transform: uppercase; }
        .event-card p { color: #c8c1b5; margin: 4px 0; font-size: 12px; }
        .event-card .dark-button { width: 100%; min-height: 36px; margin-top: 12px; padding: 0 12px; justify-content: space-between; }

        .subscribe {
            min-height: 170px;
            display: flex;
            align-items: center;
            background-image: linear-gradient(90deg, rgba(0,0,0,.78), rgba(0,0,0,.45), rgba(0,0,0,.86)), url("/assets/subscriber-section-bg.png");
            background-size: cover;
            background-position: center;
            border-top: 1px solid rgba(217,169,60,.2);
            border-bottom: 1px solid rgba(217,169,60,.2);
        }
        .subscribe-grid { display: grid; grid-template-columns: 1fr minmax(340px, 540px); gap: 40px; align-items: center; }
        .subscribe h2 { margin: 0 0 10px; font-size: 30px; line-height: 1.05; text-transform: uppercase; }
        .subscribe p { margin: 0; color: #d2ccbf; }
        .signup-form { display: grid; grid-template-columns: 1fr 176px; gap: 10px; }
        .signup-form input { min-height: 50px; border: 1px solid rgba(217,169,60,.35); background: rgba(0,0,0,.62); color: #fff; padding: 0 18px; }
        .privacy { grid-column: 1 / -1; color: #c2b9aa; font-size: 11px; margin-top: 4px; }
        .form-message { grid-column: 1 / -1; color: var(--gold-2); font-size: 12px; min-height: 16px; }

        .footer { background: #0a0a09; padding: 34px 0 18px; }
        .footer-grid { display: grid; grid-template-columns: 1.6fr repeat(3, 1fr) 1.6fr; gap: 36px; }
        .footer-logo { width: 156px; max-height: 70px; object-fit: contain; margin-bottom: 16px; }
        .footer p, .footer a { color: #bcb5a9; font-size: 13px; line-height: 1.7; }
        .footer h3 { margin: 0 0 14px; font-size: 13px; text-transform: uppercase; }
        .footer a { display: block; }
        .mini-form { display: grid; grid-template-columns: 1fr 46px; margin-top: 12px; }
        .mini-form input { min-height: 42px; border: 1px solid rgba(217,169,60,.35); background: #12110f; color: #fff; padding: 0 12px; }
        .mini-form button { border: 0; background: var(--gold); color: #050505; font-weight: 900; }
        .copyright { border-top: 1px solid rgba(217,169,60,.16); margin-top: 28px; padding-top: 16px; display: flex; justify-content: space-between; gap: 20px; color: #8f887d; font-size: 12px; }

        @media (max-width: 980px) {
            .menu-toggle { display: inline-grid; place-items: center; }
            .nav-links {
                position: absolute;
                top: 82px;
                left: 0;
                right: 0;
                display: none;
                background: #070707;
                border-bottom: 1px solid var(--line);
                padding: 18px 24px;
                flex-direction: column;
                align-items: flex-start;
                gap: 0;
            }
            .nav-links a { padding: 14px 0; }
            .nav-links.open { display: flex; }
            .header-actions .gold-button { display: none; }
            .hero { background-position: 63% center; }
            .feature-grid, .news-grid, .event-grid { grid-template-columns: repeat(2, 1fr); }
            .merch-grid, .subscribe-grid { grid-template-columns: 1fr; }
            .product-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
            .footer-grid { grid-template-columns: repeat(2, 1fr); }
        }

        @media (max-width: 680px) {
            .container { width: min(100% - 28px, 1160px); }
            .nav { height: 72px; }
            .brand img { width: 126px; }
            .nav-links { top: 72px; }
            .hero, .hero-inner { min-height: 620px; }
            .hero { background-position: 67% center; }
            .hero-copy { max-width: 100%; padding-top: 72px; }
            .hero p { font-size: 15px; max-width: 330px; }
            .feature-grid, .news-grid, .product-grid, .event-grid, .trust-row, .footer-grid { grid-template-columns: 1fr; }
            .feature { padding-left: 0; padding-right: 0; }
            .news-card { grid-template-columns: 104px 1fr; }
            .news-card img { width: 104px; height: 134px; }
            .signup-form { grid-template-columns: 1fr; }
            .copyright { flex-direction: column; }
        }

        .page-hero {
            padding: 74px 0 46px;
            background:
                linear-gradient(90deg, rgba(0,0,0,.94), rgba(0,0,0,.72), rgba(0,0,0,.9)),
                url("/assets/subscriber-section-bg.png");
            background-size: cover;
            background-position: center;
            border-bottom: 1px solid rgba(217,169,60,.22);
        }
        .page-hero .crumbs {
            color: var(--gold-2);
            font-size: 11px;
            font-weight: 900;
            text-transform: uppercase;
            margin-bottom: 16px;
        }
        .page-hero h1 {
            margin: 0;
            font-family: Georgia, "Times New Roman", serif;
            font-size: clamp(42px, 5vw, 72px);
            line-height: 1;
            font-weight: 500;
        }
        .product-page {
            background:
                radial-gradient(circle at 70% 16%, rgba(217,169,60,.14), transparent 32%),
                #090908;
            padding: 54px 0 70px;
        }
        .product-detail {
            display: grid;
            grid-template-columns: minmax(320px, 1fr) minmax(320px, 480px);
            gap: 46px;
            align-items: start;
        }
        .product-gallery {
            border: 1px solid rgba(217,169,60,.26);
            background:
                linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)),
                url("/assets/product-section-gold-bg.png");
            background-size: cover;
            background-position: center;
            padding: 28px;
        }
        .product-stage {
            min-height: 560px;
            display: grid;
            place-items: center;
            background: rgba(255,255,255,.88);
            border: 1px solid rgba(0,0,0,.15);
        }
        .product-main-image {
            width: min(100%, 520px);
            max-height: 520px;
            object-fit: contain;
        }
        .thumb-row {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 12px;
            margin-top: 14px;
        }
        .product-thumb {
            min-height: 112px;
            border: 1px solid rgba(217,169,60,.26);
            background: rgba(12,12,11,.8);
            cursor: pointer;
        }
        .product-thumb.active { border-color: var(--gold-2); }
        .product-thumb img {
            width: 100%;
            height: 112px;
            object-fit: contain;
            padding: 8px;
        }
        .product-summary {
            border: 1px solid rgba(217,169,60,.28);
            background: linear-gradient(180deg, rgba(31,28,22,.94), rgba(10,10,9,.96));
            padding: 30px;
        }
        .product-kicker {
            color: var(--gold);
            font-size: 12px;
            font-weight: 900;
            text-transform: uppercase;
            letter-spacing: 4px;
            margin-bottom: 14px;
        }
        .product-summary h2 {
            margin: 0 0 10px;
            font-family: Georgia, "Times New Roman", serif;
            font-size: clamp(34px, 4vw, 54px);
            line-height: 1;
            font-weight: 500;
        }
        .product-rating {
            display: flex;
            gap: 14px;
            align-items: center;
            color: #d9d3c7;
            font-size: 13px;
            margin: 14px 0 18px;
        }
        .product-price {
            color: var(--gold-2);
            font-size: 30px;
            font-weight: 900;
            margin-bottom: 18px;
        }
        .product-summary p {
            color: #cfc7bb;
            line-height: 1.65;
            margin: 0 0 22px;
        }
        .option-group { margin: 22px 0; }
        .option-label {
            display: block;
            color: #fff;
            font-size: 12px;
            font-weight: 900;
            text-transform: uppercase;
            margin-bottom: 10px;
        }
        .size-options {
            display: flex;
            flex-wrap: wrap;
            gap: 9px;
        }
        .size-options label {
            min-width: 48px;
            min-height: 40px;
            display: grid;
            place-items: center;
            border: 1px solid rgba(217,169,60,.34);
            color: #fff;
            cursor: pointer;
        }
        .size-options input { display: none; }
        .size-options input:checked + span,
        .size-options label:hover span { color: #060504; }
        .size-options label:has(input:checked),
        .size-options label:hover {
            background: var(--gold);
            color: #060504;
        }
        .qty-control {
            display: inline-grid;
            grid-template-columns: 42px 64px 42px;
            border: 1px solid rgba(217,169,60,.34);
        }
        .qty-control button,
        .qty-control input {
            min-height: 42px;
            border: 0;
            background: rgba(0,0,0,.4);
            color: #fff;
            text-align: center;
        }
        .purchase-actions {
            display: grid;
            grid-template-columns: 1fr;
            gap: 12px;
            margin: 24px 0;
        }
        .product-benefits {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 10px;
            margin-top: 22px;
        }
        .product-benefits div {
            border: 1px solid rgba(217,169,60,.18);
            padding: 12px;
            color: #c9c0b3;
            font-size: 12px;
        }
        .details-panel {
            margin-top: 34px;
            border: 1px solid rgba(217,169,60,.26);
            background: rgba(16,15,13,.84);
            padding: 24px;
        }
        .details-panel h3 {
            margin: 0 0 12px;
            text-transform: uppercase;
            font-size: 16px;
        }
        .details-panel ul {
            margin: 0;
            padding-left: 20px;
            color: #cfc7bb;
            line-height: 1.8;
        }

        @media (max-width: 880px) {
            .product-detail { grid-template-columns: 1fr; }
            .product-stage { min-height: 420px; }
        }

        @media (max-width: 560px) {
            .product-summary { padding: 22px; }
            .product-gallery { padding: 16px; }
            .product-benefits { grid-template-columns: 1fr; }
        }

        .store-page {
            padding: 48px 0 72px;
            background:
                radial-gradient(circle at 22% 0, rgba(217,169,60,.13), transparent 34%),
                #090908;
        }
        .store-layout {
            display: grid;
            grid-template-columns: minmax(260px, 340px) 1fr;
            gap: 24px;
            align-items: start;
        }
        .store-panel {
            border: 1px solid rgba(217,169,60,.28);
            background: linear-gradient(180deg, rgba(31,28,22,.95), rgba(10,10,9,.97));
            padding: 26px;
        }
        .store-panel h2 {
            margin: 0 0 16px;
            font-family: Georgia, "Times New Roman", serif;
            font-size: 38px;
            line-height: 1;
            font-weight: 500;
            text-transform: uppercase;
        }
        .store-panel p {
            color: #cfc7bb;
            line-height: 1.6;
            margin: 0;
        }
        .store-filter-form {
            display: grid;
            gap: 14px;
        }
        .store-filter-form label {
            display: block;
            color: #fff;
            font-size: 12px;
            font-weight: 900;
            text-transform: uppercase;
            margin-bottom: 8px;
        }
        .store-filter-form select {
            width: 100%;
            min-height: 44px;
            border: 1px solid rgba(217,169,60,.34);
            background: rgba(0,0,0,.45);
            color: #fff;
            padding: 0 12px;
            font: inherit;
        }
        .store-filter-form .gold-button,
        .store-filter-form .dark-button {
            width: 100%;
        }
        .store-count {
            margin-top: 18px;
            padding-top: 16px;
            border-top: 1px solid rgba(217,169,60,.22);
            color: #cfc7bb;
            font-size: 12px;
            font-weight: 900;
            text-transform: uppercase;
        }
        .store-product-grid .product-card {
            min-height: 420px;
        }

        @media (max-width: 980px) {
            .store-layout { grid-template-columns: 1fr; }
        }

        .news-page {
            padding: 48px 0 70px;
            background:
                radial-gradient(circle at 25% 0, rgba(217,169,60,.12), transparent 34%),
                #090908;
        }
        .article-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 18px;
        }
        .article-card {
            border: 1px solid rgba(217,169,60,.26);
            background: linear-gradient(180deg, rgba(31,28,22,.95), rgba(10,10,9,.96));
            min-height: 100%;
        }
        .article-card img {
            width: 100%;
            height: 230px;
            object-fit: cover;
            display: block;
            background: #080807;
            border-bottom: 1px solid rgba(217,169,60,.2);
        }
        .article-body { padding: 20px; }
        .article-body h2 {
            margin: 12px 0 10px;
            font-size: 22px;
            line-height: 1.2;
            font-weight: 600;
        }
        .article-body p {
            margin: 0 0 18px;
            color: #c9c0b3;
            line-height: 1.6;
        }
        .article-empty {
            border: 1px solid rgba(217,169,60,.26);
            background: rgba(16,15,13,.84);
            color: #c9c0b3;
            padding: 28px;
        }
        .article-page {
            padding: 50px 0 74px;
            background:
                radial-gradient(circle at 75% 0, rgba(217,169,60,.13), transparent 34%),
                #090908;
        }
        .article-detail {
            border: 1px solid rgba(217,169,60,.26);
            background: linear-gradient(180deg, rgba(31,28,22,.95), rgba(10,10,9,.98));
        }
        .article-hero-image {
            width: 100%;
            max-height: 500px;
            object-fit: cover;
            display: block;
            border-bottom: 1px solid rgba(217,169,60,.24);
        }
        .article-detail-body {
            width: min(820px, calc(100% - 36px));
            margin: 0 auto;
            padding: 34px 0 42px;
        }
        .article-detail-body .lead {
            color: #f0e5d2;
            font-size: 20px;
            line-height: 1.65;
        }
        .article-detail-body p {
            color: #c9c0b3;
            line-height: 1.75;
            margin: 0 0 20px;
        }

        @media (max-width: 980px) {
            .article-grid { grid-template-columns: repeat(2, 1fr); }
        }

        @media (max-width: 680px) {
            .article-grid { grid-template-columns: 1fr; }
        }

        .events-page {
            padding: 48px 0 72px;
            background:
                radial-gradient(circle at 75% 0, rgba(217,169,60,.14), transparent 34%),
                #090908;
        }
        .events-list {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 18px;
        }
        .event-list-card {
            display: grid;
            grid-template-columns: 130px 190px 1fr;
            gap: 18px;
            border: 1px solid rgba(217,169,60,.28);
            background: linear-gradient(180deg, rgba(30,28,23,.94), rgba(9,9,8,.98));
            padding: 16px;
            align-items: stretch;
        }
        .event-list-card .date-box {
            min-height: 150px;
        }
        .event-list-image {
            min-height: 150px;
            background-size: cover;
            background-position: center;
            border: 1px solid rgba(217,169,60,.18);
        }
        .event-list-body h2 {
            margin: 0 0 10px;
            font-size: 20px;
            line-height: 1.2;
            text-transform: uppercase;
        }
        .event-list-body p {
            color: #c9c0b3;
            margin: 7px 0;
            font-size: 13px;
        }
        .event-list-body .dark-button {
            min-height: 38px;
            margin-top: 14px;
            padding: 0 16px;
        }

        @media (max-width: 1100px) {
            .events-list { grid-template-columns: 1fr; }
        }

        @media (max-width: 680px) {
            .event-list-card { grid-template-columns: 1fr; }
        }

        .contact-page {
            padding: 52px 0 76px;
            background:
                radial-gradient(circle at 18% 0, rgba(217,169,60,.14), transparent 34%),
                #090908;
        }
        .contact-grid {
            display: grid;
            grid-template-columns: minmax(280px, 410px) 1fr;
            gap: 26px;
            align-items: start;
        }
        .contact-panel {
            border: 1px solid rgba(217,169,60,.28);
            background: linear-gradient(180deg, rgba(31,28,22,.95), rgba(10,10,9,.97));
            padding: 26px;
        }
        .contact-panel h2 {
            margin: 0 0 14px;
            font-family: Georgia, "Times New Roman", serif;
            font-size: 34px;
            font-weight: 500;
        }
        .contact-panel p {
            color: #c9c0b3;
            line-height: 1.65;
            margin: 0 0 18px;
        }
        .contact-method {
            border-top: 1px solid rgba(217,169,60,.18);
            padding-top: 16px;
            margin-top: 16px;
        }
        .contact-method strong {
            display: block;
            color: var(--gold-2);
            font-size: 12px;
            text-transform: uppercase;
            margin-bottom: 5px;
        }
        .contact-form {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 14px;
        }
        .contact-form label {
            display: grid;
            gap: 7px;
            color: #fff;
            font-size: 12px;
            font-weight: 900;
            text-transform: uppercase;
        }
        .contact-form label.full { grid-column: 1 / -1; }
        .contact-form input,
        .contact-form select,
        .contact-form textarea {
            width: 100%;
            border: 1px solid rgba(217,169,60,.35);
            background: rgba(0,0,0,.5);
            color: #fff;
            min-height: 46px;
            padding: 11px 13px;
        }
        .contact-form textarea {
            min-height: 160px;
            resize: vertical;
        }
        .contact-form .gold-button {
            width: fit-content;
            min-width: 180px;
        }
        .notice {
            margin: 0 0 18px;
            border: 1px solid rgba(217,169,60,.28);
            background: rgba(217,169,60,.12);
            color: var(--gold-2);
            padding: 12px 14px;
        }

        @media (max-width: 820px) {
            .contact-grid,
            .contact-form { grid-template-columns: 1fr; }
        }

        .info-page {
            padding: 52px 0 76px;
            background:
                radial-gradient(circle at 18% 0, rgba(217,169,60,.14), transparent 34%),
                #090908;
        }
        .info-layout {
            display: grid;
            grid-template-columns: minmax(280px, 380px) 1fr;
            gap: 26px;
            align-items: start;
        }
        .info-panel {
            border: 1px solid rgba(217,169,60,.28);
            background: linear-gradient(180deg, rgba(31,28,22,.95), rgba(10,10,9,.97));
            padding: 26px;
        }
        .info-panel h2 {
            margin: 0 0 12px;
            font-family: Georgia, "Times New Roman", serif;
            font-size: 32px;
            font-weight: 500;
        }
        .info-panel p {
            color: #c9c0b3;
            line-height: 1.68;
            margin: 0 0 18px;
        }
        .info-block {
            border-bottom: 1px solid rgba(217,169,60,.18);
            padding-bottom: 18px;
            margin-bottom: 20px;
        }
        .info-block:last-child {
            border-bottom: 0;
            margin-bottom: 0;
            padding-bottom: 0;
        }

        @media (max-width: 820px) {
            .info-layout { grid-template-columns: 1fr; }
        }

        .book-hero {
            padding: 64px 0 58px;
            background:
                linear-gradient(90deg, rgba(0,0,0,.96), rgba(0,0,0,.62)),
                url("/assets/hero-book-scenery.png");
            background-size: cover;
            background-position: center;
            border-bottom: 1px solid rgba(217,169,60,.24);
        }
        .book-hero-grid {
            display: grid;
            grid-template-columns: minmax(260px, 390px) 1fr;
            gap: 54px;
            align-items: center;
        }
        .book-cover-wrap img {
            width: 100%;
            display: block;
            border: 1px solid rgba(217,169,60,.3);
            box-shadow: 0 30px 70px rgba(0,0,0,.58);
        }
        .book-copy h1 {
            margin: 0;
            font-family: Georgia, "Times New Roman", serif;
            font-size: clamp(48px, 7vw, 92px);
            line-height: .92;
            font-weight: 500;
            color: var(--gold-2);
        }
        .book-byline {
            margin: 14px 0 0;
            color: #fff;
            font-size: 18px;
            font-weight: 800;
            text-transform: uppercase;
        }
        .book-lead {
            max-width: 650px;
            color: #d6d0c5;
            font-size: 19px;
            line-height: 1.65;
            margin: 20px 0 28px;
        }
        .book-page {
            padding: 52px 0 76px;
            background:
                radial-gradient(circle at 75% 0, rgba(217,169,60,.12), transparent 34%),
                #090908;
        }
        .book-content-grid {
            display: grid;
            grid-template-columns: 1fr minmax(280px, 360px);
            gap: 26px;
            align-items: start;
        }
        .book-panel {
            border: 1px solid rgba(217,169,60,.28);
            background: linear-gradient(180deg, rgba(31,28,22,.95), rgba(10,10,9,.97));
            padding: 28px;
        }
        .book-panel h2 {
            margin: 0 0 16px;
            font-family: Georgia, "Times New Roman", serif;
            font-size: 34px;
            font-weight: 500;
        }
        .book-panel p {
            color: #c9c0b3;
            line-height: 1.72;
            margin: 0 0 18px;
        }

        @media (max-width: 820px) {
            .book-hero-grid,
            .book-content-grid { grid-template-columns: 1fr; }
        }

        .cart-page {
            padding: 50px 0 76px;
            background:
                radial-gradient(circle at 70% 0, rgba(217,169,60,.12), transparent 34%),
                #090908;
        }
        .cart-layout {
            display: grid;
            grid-template-columns: 1fr 340px;
            gap: 24px;
            align-items: start;
        }
        .cart-panel,
        .cart-summary {
            border: 1px solid rgba(217,169,60,.28);
            background: linear-gradient(180deg, rgba(31,28,22,.95), rgba(10,10,9,.97));
            padding: 22px;
        }
        .cart-item {
            display: grid;
            grid-template-columns: 120px 1fr auto auto;
            gap: 18px;
            align-items: center;
            border-bottom: 1px solid rgba(217,169,60,.18);
            padding: 0 0 18px;
            margin-bottom: 18px;
        }
        .cart-item:last-child {
            border-bottom: 0;
            margin-bottom: 0;
            padding-bottom: 0;
        }
        .cart-item img {
            width: 120px;
            height: 110px;
            object-fit: contain;
            background: rgba(255,255,255,.9);
            border: 1px solid rgba(217,169,60,.18);
        }
        .cart-item h2 {
            margin: 0 0 6px;
            font-size: 20px;
            text-transform: uppercase;
        }
        .cart-item p {
            margin: 0 0 7px;
            color: #c9c0b3;
        }
        .cart-actions {
            display: grid;
            gap: 8px;
        }
        .cart-actions input {
            width: 86px;
            min-height: 40px;
            border: 1px solid rgba(217,169,60,.35);
            background: rgba(0,0,0,.5);
            color: #fff;
            text-align: center;
        }
        .remove-button {
            border: 0;
            background: transparent;
            color: #d8b56a;
            text-transform: uppercase;
            font-size: 11px;
            font-weight: 900;
            cursor: pointer;
        }
        .cart-summary h2 {
            margin: 0 0 18px;
            font-family: Georgia, "Times New Roman", serif;
            font-weight: 500;
            font-size: 30px;
        }
        .summary-row {
            display: flex;
            justify-content: space-between;
            gap: 18px;
            border-top: 1px solid rgba(217,169,60,.16);
            padding: 14px 0;
            color: #c9c0b3;
        }
        .summary-row.total {
            color: #fff;
            font-size: 20px;
        }
        .cart-summary .gold-button,
        .cart-summary .dark-button {
            width: 100%;
            margin-top: 12px;
        }
        .cart-summary p {
            color: #c9c0b3;
            line-height: 1.6;
        }
        button:disabled {
            opacity: .5;
            cursor: not-allowed;
        }

        @media (max-width: 900px) {
            .cart-layout { grid-template-columns: 1fr; }
        }

        @media (max-width: 680px) {
            .cart-item { grid-template-columns: 92px 1fr; }
            .cart-item img { width: 92px; height: 92px; }
            .cart-actions,
            .cart-item form:last-child { grid-column: 1 / -1; }
        }

        .authors-page {
            padding: 54px 0 78px;
            background:
                radial-gradient(circle at 20% 0, rgba(217,169,60,.14), transparent 34%),
                #090908;
        }
        .author-feature {
            display: grid;
            grid-template-columns: minmax(300px, 430px) 1fr;
            gap: 32px;
            align-items: stretch;
            border: 1px solid rgba(217,169,60,.28);
            background: linear-gradient(180deg, rgba(31,28,22,.95), rgba(10,10,9,.97));
            padding: 26px;
        }
        .author-photo-placeholder {
            min-height: 520px;
            display: grid;
            place-items: center;
            text-align: center;
            border: 1px dashed rgba(217,169,60,.52);
            background:
                linear-gradient(180deg, rgba(0,0,0,.22), rgba(0,0,0,.58)),
                url("/assets/subscriber-section-bg.png");
            background-size: cover;
            background-position: center;
            color: #d8caa9;
            padding: 24px;
        }
        .author-photo-placeholder strong {
            display: block;
            color: var(--gold-2);
            font-size: 13px;
            text-transform: uppercase;
            letter-spacing: 3px;
            margin-bottom: 10px;
        }
        .author-copy {
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        .author-copy .meta {
            margin-bottom: 14px;
        }
        .author-copy h2 {
            margin: 0 0 16px;
            font-family: Georgia, "Times New Roman", serif;
            font-size: clamp(42px, 5vw, 70px);
            line-height: .96;
            font-weight: 500;
        }
        .author-copy p {
            color: #cfc7bb;
            line-height: 1.75;
            margin: 0 0 18px;
        }
        .author-stats {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 12px;
            margin: 24px 0;
        }
        .author-stats div {
            border: 1px solid rgba(217,169,60,.22);
            padding: 15px;
            color: #c9c0b3;
        }
        .author-stats strong {
            display: block;
            color: var(--gold-2);
            font-size: 24px;
            margin-bottom: 4px;
        }
        .author-books {
            margin-top: 28px;
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 18px;
        }
        .author-book-card {
            border: 1px solid rgba(217,169,60,.24);
            background: rgba(12,12,11,.72);
            padding: 18px;
            display: grid;
            grid-template-columns: 112px 1fr;
            gap: 16px;
            align-items: center;
        }
        .author-book-card img {
            width: 112px;
            height: 142px;
            object-fit: cover;
            background: #050505;
        }
        .author-book-card h3 {
            margin: 0 0 8px;
            text-transform: uppercase;
        }
        .author-book-card p {
            color: #c9c0b3;
            margin: 0 0 12px;
            line-height: 1.5;
        }

        @media (max-width: 900px) {
            .author-feature,
            .author-books { grid-template-columns: 1fr; }
            .author-photo-placeholder { min-height: 380px; }
        }

        @media (max-width: 640px) {
            .author-feature { padding: 18px; }
            .author-stats,
            .author-book-card { grid-template-columns: 1fr; }
        }