* {
    box-sizing:border-box;
}

:root {
    --gold:#e6bd68;
    --muted:#bdb7c3;
    --line:#343039;
}

body {
    margin:0;
    background:#111015;
    color:#f5f0e6;
    font:16px/1.8 Arial,Helvetica,sans-serif;
}

a {
    color:var(--gold);
}

.container {
    width:min(1160px,calc(100% - 48px));
    margin:auto;
}

.header {
    background:#151218;
    border-bottom:1px solid #ffffff12;
}

.header-inner {
    min-height:92px;
    display:flex;
    align-items:center;
    gap:38px;
}

.brand {
    display:flex;
    align-items:center;
    gap:10px;
    text-decoration:none;
    color:var(--gold);
    font:700 25px/1 Georgia,serif;
    letter-spacing:1px;
    white-space:nowrap;
}

.brand svg {
    width:40px;
    height:38px;
}

.brand small {
    display:block;
    text-align:center;
    font:10px/1.7 Arial;
    letter-spacing:5px;
    color:#e6d9bb;
}

.navigation {
    display:flex;
    gap:25px;
    margin-left:auto;
}

.navigation a {
    color:#e6e0e9;
    text-decoration:none;
    font-size:14px;
}

.navigation a:hover,.navigation a[aria-current=page] {
    color:var(--gold);
}

.actions {
    display:flex;
    gap:10px;
}

.button {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:46px;
    padding:10px 25px;
    border-radius:5px;
    background:linear-gradient(110deg,#f2d78f,#c9943e);
    color:#211609;
    font-weight:700;
    text-decoration:none;
    font-size:14px;
    box-shadow:0 4px 18px #0003;
}

.outline {
    background:transparent;
    color:var(--gold);
    border:1px solid #9b7845;
    box-shadow:none;
}

.menu {
    display:none;
    background:none;
    border:1px solid #544438;
    color:var(--gold);
    padding:8px 12px;
    font-size:22px;
}

.hero {
    position:relative;
    min-height:440px;
    height:clamp(440px,31.65vw,660px);
    isolation:isolate;
    background:#10152f;
    overflow:hidden;
}

.hero-image {
    position:absolute;
    width:100%;
    height:100%;
    inset:0;
    object-fit:cover;
    object-position:66% center;
    z-index:-2;
}

.hero:after {
    content:'';
    position:absolute;
    inset:0;
    z-index:-1;
    background:linear-gradient(90deg,#080b24c9,transparent 65%),linear-gradient(0deg,#111015,transparent 17%);
}

.hero-content {
    height:100%;
    display:flex;
    justify-content:center;
    align-items:flex-start;
    flex-direction:column;
    padding-block:44px;
}

.eyebrow {
    color:#efcf88;
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:3px;
    margin:0 0 16px;
}

.hero-title {
    font:700 clamp(32px,4.3vw,30px)/1.08 Georgia,serif;
    margin:0 0 18px;
    max-width:550px;
    text-shadow:0 3px 28px #0006;
}

.hero-copy {
    color:#ddddeb;
    max-width:420px;
    font-size:17px;
    line-height:1.7;
    margin:0 0 25px;
}

.hero-note {
    font-size:11px;
    color:#bcb9d0;
    margin-top:13px;
}

.article {
    padding:45px 0 70px;
}

.article h1 {
    font-size:34px;
    line-height:1.3;
    margin:0 0 22px;
    color:#f5e3bd;
}

.article h2 {
    font-size:27px;
    line-height:1.35;
    margin:42px 0 16px;
    color:#f5e3bd;
}

.article h3 {
    font-size:19px;
    margin:23px 0 10px;
    color:#eee1c8;
}

.article p {
    color:var(--muted);
    margin:0 0 18px;
}

.table-wrap {
    overflow-x:auto;
    margin:30px 0 36px;
    border:1px solid var(--line);
    border-radius:5px;
}

table {
    border-collapse:collapse;
    width:100%;
    font-size:15px;
}

th,td {
    text-align:left;
    padding:14px 20px;
    border-bottom:1px solid var(--line);
}

thead {
    background:#302718;
    color:#f2d99b;
}

tbody tr:nth-child(even) {
    background:#1c1920;
}

tbody tr:last-child>* {
    border-bottom:0;
}

tbody th {
    font-weight:500;
    width:34%;
    color:#e4d9c4;
}

td {
    color:#c5becb;
}

.faq {
    border-top:1px solid var(--line);
}

details {
    border-bottom:1px solid var(--line);
}

summary {
    cursor:pointer;
    list-style:none;
    position:relative;
    padding:19px 36px 19px 0;
    font-weight:600;
    color:#e8dfce;
}

summary::-webkit-details-marker {
    display:none;
}

summary:after {
    content:'+';
    position:absolute;
    right:4px;
    color:var(--gold);
    font-size:23px;
    top:12px;
}

details[open] summary:after {
    content:'−';
}

.faq p {
    padding:0 35px 5px 0;
}

.footer {
    background:#0d0b10;
    border-top:1px solid #332a21;
    padding:36px 0 24px;
}

.footer-top {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:25px;
}

.footer-nav {
    display:flex;
    flex-wrap:wrap;
    gap:25px;
}

.footer-nav a {
    font-size:13px;
    text-decoration:none;
    color:#bdb4c1;
}

.footer-note {
    font-size:12px;
    color:#857e8b;
    max-width:850px;
    margin:25px 0;
}

.footer-bottom {
    border-top:1px solid #29242e;
    padding-top:18px;
    display:flex;
    justify-content:space-between;
    font-size:12px;
    color:#8e8596;
}

.age {
    border:1px solid #8a724e;
    border-radius:50%;
    width:38px;
    height:38px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:var(--gold);
    font-size:12px;
}

.breadcrumb {
    font-size:12px;
    color:#938b9d;
    margin-bottom:24px;
}

.breadcrumb a {
    text-decoration:none;
}

@media(min-width:1800px) {
    .hero-image {
        object-position:center;
    }

}

@media(max-width:1050px) {
    .header-inner {
        gap:20px;
    }

    .navigation {
        gap:15px;
    }

    .actions .outline {
        display:none;
    }

}

@media(max-width:800px) {
    .header-inner {
        min-height:78px;
        flex-wrap:wrap;
        padding-block:14px;
    }

    .actions {
        margin-left:auto;
    }

    .menu {
        display:block;
    }

    .navigation {
        display:none;
        order:4;
        width:100%;
        padding:12px 0;
        flex-direction:column;
        margin:0;
    }

    .navigation.open {
        display:flex;
    }

    .hero {
        height:490px;
    }

    .hero-image {
        object-position:63% center;
    }

    .hero:after {
        background:linear-gradient(90deg,#080b24e6,#080b2440),linear-gradient(0deg,#111015,transparent 30%);
    }

    .hero-title {
        font-size:43px;
        max-width:340px;
    }

    .hero-copy {
        max-width:300px;
        font-size:15px;
    }

    .footer-top {
        align-items:flex-start;
        flex-direction:column;
    }

    .article h1 {
        font-size:29px;
    }

    .article h2 {
        font-size:25px;
    }

}

@media(max-width:480px) {
    .container {
        width:calc(100% - 36px);
    }

    .brand {
        font-size:20px;
    }

    .brand svg {
        width:30px;
    }

    .actions .button {
        padding:8px 13px;
        min-height:40px;
    }

    .hero {
        height:480px;
    }

    .hero-title {
        font-size:37px;
        max-width:260px;
    }

    .hero-copy {
        max-width:240px;
    }

    .hero-image {
        object-position:64% center;
    }

    .footer-nav {
        gap:15px;
    }

    .article {
        padding-top:30px;
    }

    th,td {
        padding:12px;
    }

    table {
        min-width:490px;
    }

}


/* Fit the complete primary navigation into the existing header. */
@media(min-width:801px){.header-inner{gap:18px}.navigation{gap:13px}.navigation a{white-space:nowrap;font-size:13px}.actions .button{padding-inline:40px}}
@media(min-width:801px) and (max-width:1180px){.actions{display:none}}
@media(max-width:1050px){.navigation{gap:10px}}
@media(max-width:1000px){.navigation a{font-size:12px}}
@media(max-width:930px) and (min-width:801px){.navigation{gap:7px}.brand{font-size:20px}}