:root {
    --site-bg: #f6f1e9;
    --site-surface: #fffdf8;
    --site-ink: #22211f;
    --site-muted: #6d6962;
    --site-border: #d8cfbf;
    --site-accent: #b35c2e;
    --site-accent-strong: #8f4421;
    --site-dark: #191715;
}

.public-site {
    background:
        radial-gradient(circle at 0% 0%, rgba(179, 92, 46, 0.08), transparent 40%),
        radial-gradient(circle at 100% 100%, rgba(25, 23, 21, 0.08), transparent 38%),
        var(--site-bg);
    color: var(--site-ink);
    font-family: "Source Sans 3", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.public-site .top-header {
    background: var(--site-surface);
}

.public-site .site-logo {
    font-family: "Merriweather", Georgia, serif;
    font-size: 2rem;
    letter-spacing: -0.02em;
}

.public-site .top-link,
.public-site .section-nav .nav-link {
    color: var(--site-muted);
    text-decoration: none;
}

.public-site .top-link:hover,
.public-site .section-nav .nav-link:hover,
.public-site .section-nav .nav-link.active {
    color: var(--site-ink);
}

.public-site .section-nav {
    border-top: 1px solid var(--site-border);
    border-bottom: 1px solid var(--site-border);
}

.public-site .hero-banner {
    background:
        linear-gradient(145deg, rgba(25, 23, 21, 0.95), rgba(52, 45, 39, 0.95)),
        repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.02) 0, rgba(255, 255, 255, 0.02) 2px, transparent 2px, transparent 10px);
    color: #f4eee2;
    border-radius: 1rem;
}

.public-site .hero-banner h1,
.public-site .section-title,
.public-site .card-title-serif,
.public-site .page-title-serif {
    font-family: "Merriweather", Georgia, serif;
    letter-spacing: -0.01em;
}

.public-site .soft-card {
    background: var(--site-surface);
    border: 1px solid var(--site-border);
    box-shadow: 0 10px 22px rgba(40, 31, 21, 0.05);
}

.public-site .soft-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 28px rgba(40, 31, 21, 0.1);
}

.public-site .film-thumb {
    aspect-ratio: 2 / 3;
    object-fit: cover;
    width: 100%;
    background: #ebe4d8;
}

.public-site .placeholder-poster {
    aspect-ratio: 2 / 3;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(130deg, #e7dece, #d7cab5);
    color: #8e7f67;
    font-size: 2.25rem;
}

.public-site .rating-pill {
    background: rgba(25, 23, 21, 0.86);
    color: #f5ede0;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 700;
    padding: 0.3rem 0.65rem;
}

.public-site .content-prose {
    line-height: 1.8;
    color: #332f2a;
}

.public-site .content-prose h1,
.public-site .content-prose h2,
.public-site .content-prose h3,
.public-site .content-prose h4,
.public-site .content-prose h5,
.public-site .content-prose h6 {
    font-family: "Merriweather", Georgia, serif;
    margin-top: 1.75rem;
}

.public-site .content-prose a {
    color: var(--site-accent-strong);
}

.public-site .btn-accent {
    background: var(--site-accent);
    border-color: var(--site-accent);
    color: #fff;
}

.public-site .btn-accent:hover {
    background: var(--site-accent-strong);
    border-color: var(--site-accent-strong);
    color: #fff;
}

.public-site .featured-strip {
    border-left: 6px solid var(--site-accent);
    background: #f7f1e8;
}

.public-site .footer-block {
    border-top: 1px solid var(--site-border);
    color: var(--site-muted);
}

@media (max-width: 767.98px) {
    .public-site .site-logo {
        font-size: 1.7rem;
    }
}