@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Manrope:wght@300;400;500;600;700;800&display=swap');

:root {
    --bg: #040404;
    --text: #f4f0e8;
    --muted: #9a958c;
    --accent: #d2b47f;
    --accent-strong: #f0d49a;
    --line: rgba(244, 240, 232, 0.11);
    --panel: rgba(255, 255, 255, 0.028);
}

body {
    background:
        linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px) 0 0 / 86px 86px,
        linear-gradient(rgba(255,255,255,0.028) 1px, transparent 1px) 0 0 / 86px 86px,
        #040404 !important;
    color: var(--text) !important;
    font-family: 'Manrope', sans-serif !important;
}

body * {
    letter-spacing: 0 !important;
}

body::before {
    content: '';
    position: fixed;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(115deg, rgba(210,180,127,0.12), transparent 34%),
        linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.58) 100%);
}

.wrap {
    position: relative;
    width: min(1180px, 90vw) !important;
    padding-top: 38px !important;
}

nav {
    border-bottom: 1px solid var(--line);
    padding-bottom: 26px !important;
    margin-bottom: 74px !important;
}

.logo,
nav a {
    color: var(--text) !important;
}

nav a:hover,
a {
    color: var(--accent) !important;
}

h1 {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 5.2rem !important;
    line-height: 0.92 !important;
    text-transform: none !important;
    color: var(--text) !important;
    max-width: 850px;
}

h2 {
    color: var(--accent) !important;
}

.lead {
    color: var(--muted) !important;
    max-width: 820px !important;
}

.grid {
    gap: 22px !important;
}

.panel.meta {
    padding: 30px !important;
    gap: 28px 42px !important;
}

.panel.meta > div {
    min-width: 0;
}

.value {
    overflow-wrap: anywhere;
}

.card,
.panel {
    background: var(--panel) !important;
    border: 1px solid var(--line) !important;
    border-radius: 8px;
}

.card {
    padding: 32px !important;
}

.card h2 {
    font-family: 'Cormorant Garamond', serif !important;
    color: var(--text) !important;
    font-size: 2.05rem !important;
    text-transform: none !important;
}

.num,
.tag,
.label {
    color: var(--accent) !important;
}

.label {
    text-transform: none !important;
    font-size: 0.76rem !important;
    font-weight: 800;
}

p,
li,
.value,
.legal,
footer {
    color: var(--muted) !important;
}

.tag {
    border-color: rgba(210,180,127,0.34) !important;
    border-radius: 4px;
}

.legal,
footer {
    border-color: var(--line) !important;
}

@media (max-width: 760px) {
    .wrap {
        width: min(100% - 36px, 1180px) !important;
        padding-top: 28px !important;
    }

    nav {
        align-items: flex-start;
        gap: 22px;
        margin-bottom: 54px !important;
    }

    h1 {
        font-size: 3.45rem !important;
    }

    .card {
        padding: 26px !important;
    }

    .panel.meta {
        padding: 22px !important;
        gap: 24px !important;
    }
}