* { box-sizing: border-box; margin: 0; padding: 0; }
    body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Georgia, serif; background: #fafaf9; color: #1c1917; line-height: 1.5; }
    .top-bar { background: #064e3b; color: #fef3c7; padding: 10px 32px; font-size: 12px; display: flex; justify-content: space-between; align-items: center; border-bottom: 2px solid #b45309; }
    .top-bar .tagline { font-weight: 600; letter-spacing: 0.5px; }
    header { background: #ffffff; border-bottom: 1px solid #e7e5e4; padding: 24px 32px; display: flex; justify-content: space-between; align-items: center; box-shadow: 0 2px 10px rgba(0,0,0,0.03); }
    .brand-box { display: flex; align-items: center; gap: 16px; }
    .brand-crest { width: 46px; height: 46px; background: #064e3b; border: 2px solid #b45309; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fef3c7; font-weight: bold; font-size: 20px; font-family: Georgia, serif; }
    .brand-title h1 { font-size: 24px; font-family: Georgia, serif; color: #064e3b; font-weight: 700; letter-spacing: -0.5px; }
    .brand-title p { font-size: 12px; color: #78716c; letter-spacing: 0.5px; text-transform: uppercase; }
    nav { display: flex; gap: 10px; }
    nav a { text-decoration: none; padding: 10px 22px; border-radius: 4px; font-weight: 600; font-size: 14px; color: #44403c; border: 1px solid #d6d3d1; transition: all 0.2s; font-family: -apple-system, BlinkMacSystemFont, sans-serif; }
    nav a:hover, nav a.active { background: #064e3b; color: #fef3c7; border-color: #064e3b; }
    .gallery-hero { background: #f5f5f4; border-bottom: 1px solid #e7e5e4; padding: 48px 32px; text-align: center; }
    .gallery-hero h2 { font-size: 36px; font-family: Georgia, serif; color: #064e3b; margin-bottom: 12px; font-weight: 700; }
    .gallery-hero p { font-size: 16px; color: #57534e; max-width: 780px; margin: 0 auto 24px; }
    .hero-badges-row { display: flex; justify-content: center; gap: 16px; flex-wrap: wrap; }
    .hero-badge-pill { background: #ffffff; border: 1px solid #d6d3d1; padding: 8px 18px; border-radius: 20px; font-size: 13px; color: #064e3b; font-weight: 600; box-shadow: 0 1px 3px rgba(0,0,0,0.05); }
    .metrics-strip { max-width: 1280px; margin: -20px auto 40px; padding: 0 32px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
    .metric-item { background: #ffffff; border: 1px solid #e7e5e4; border-radius: 8px; padding: 20px; text-align: center; box-shadow: 0 4px 12px rgba(0,0,0,0.03); border-top: 3px solid #b45309; }
    .metric-item .val { font-size: 28px; font-family: Georgia, serif; font-weight: 700; color: #064e3b; }
    .metric-item .lbl { font-size: 12px; color: #78716c; text-transform: uppercase; font-weight: 600; margin-top: 4px; }
    .content-container { max-width: 1280px; margin: 0 auto; padding: 0 32px 64px; }
    .grid-header { display: flex; justify-content: space-between; align-items: baseline; border-bottom: 2px solid #064e3b; padding-bottom: 12px; margin-bottom: 28px; }
    .grid-header h3 { font-size: 22px; font-family: Georgia, serif; color: #064e3b; }
    .gallery-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
    .card-tile { background: #ffffff; border: 1px solid #e7e5e4; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.04); transition: transform 0.2s, box-shadow 0.2s; display: flex; flex-direction: column; }
    .card-tile:hover { transform: translateY(-4px); box-shadow: 0 8px 24px rgba(0,0,0,0.08); }
    .card-img-wrap { background: #f5f5f4; padding: 20px 12px; text-align: center; border-bottom: 1px solid #e7e5e4; }
    .card-img-wrap img { max-width: 100%; height: 260px; object-fit: contain; filter: drop-shadow(0 4px 8px rgba(0,0,0,0.15)); }
    .card-details { padding: 18px; flex: 1; display: flex; flex-direction: column; justify-content: space-between; }
    .card-details h4 { font-size: 15px; font-weight: 700; color: #1c1917; margin-bottom: 4px; }
    .card-details .set-name { font-size: 12px; color: #78716c; margin-bottom: 12px; }
    .tile-meta { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; }
    .pill-grade { font-size: 11px; font-weight: 700; padding: 3px 8px; border-radius: 4px; background: #fef3c7; color: #92400e; border: 1px solid #fde68a; }
    .tile-price { font-size: 18px; font-weight: 700; color: #064e3b; font-family: Georgia, serif; }
    .tile-foot { font-size: 11px; color: #059669; font-weight: 600; border-top: 1px solid #f5f5f4; padding-top: 10px; display: flex; justify-content: space-between; }
    .reviews-split { display: grid; grid-template-columns: 360px 1fr; gap: 36px; }
    .audit-summary-box { background: #ffffff; border: 1px solid #e7e5e4; border-radius: 8px; padding: 24px; box-shadow: 0 2px 8px rgba(0,0,0,0.03); }
    .audit-score { font-size: 48px; font-family: Georgia, serif; font-weight: 700; color: #064e3b; line-height: 1; }
    .audit-stars { color: #059669; font-size: 20px; margin: 8px 0; }
    .audit-bar-row { display: flex; align-items: center; gap: 10px; font-size: 12px; margin-bottom: 8px; color: #57534e; }
    .audit-bar { flex: 1; height: 8px; background: #e7e5e4; border-radius: 4px; overflow: hidden; }
    .audit-fill { height: 100%; background: #059669; }
    .review-item-card { background: #ffffff; border: 1px solid #e7e5e4; border-radius: 8px; padding: 20px; margin-bottom: 16px; box-shadow: 0 2px 6px rgba(0,0,0,0.02); }
    .review-item-card .rh { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }
    .review-item-card .ra { font-weight: 700; color: #1c1917; font-size: 14px; }
    .review-item-card .rt { font-size: 13px; color: #44403c; line-height: 1.6; margin-bottom: 10px; font-style: italic; }
    .review-item-card .rf { font-size: 11px; color: #78716c; background: #f5f5f4; padding: 4px 8px; border-radius: 4px; display: inline-block; }
    .sales-ledger-table { width: 100%; border-collapse: collapse; background: #ffffff; border: 1px solid #e7e5e4; border-radius: 8px; overflow: hidden; }
    .sales-ledger-table th { background: #f5f5f4; padding: 14px 18px; text-align: left; font-size: 12px; color: #57534e; font-weight: 700; text-transform: uppercase; border-bottom: 1px solid #e7e5e4; }
    .sales-ledger-table td { padding: 14px 18px; font-size: 13px; border-bottom: 1px solid #e7e5e4; vertical-align: middle; color: #1c1917; }
    .sales-ledger-table tr:hover { background: #fafaf9; }
    footer { background: #064e3b; color: #d1fae5; padding: 48px 32px 32px; font-size: 13px; border-top: 4px solid #b45309; }
    .footer-inner { max-width: 1280px; margin: 0 auto; display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 36px; }
    .footer-inner h4 { color: #fef3c7; font-family: Georgia, serif; font-size: 16px; margin-bottom: 14px; }
    .footer-inner p { color: #a7f3d0; margin-bottom: 8px; font-size: 12px; }