*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f3f0e8;color:#171717;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}
header{position:absolute;z-index:5;width:100%;padding:26px 0;color:#fff}header .wrap{display:flex;justify-content:space-between;align-items:center}.logo{font-size:18px;font-weight:900;letter-spacing:2px;text-transform:uppercase}.logo span{display:block;margin-top:5px;color:#c8aa70;font-size:9px;font-weight:400;letter-spacing:4px}nav{display:flex;gap:28px;font-size:13px;font-weight:700}nav a{opacity:.75}nav a:hover{opacity:1;color:#d4b778}
.hero{min-height:680px;display:flex;align-items:center;position:relative;overflow:hidden;background:linear-gradient(120deg,#07090d,#111824 60%,#1b2738);color:#fff}.hero:before{content:"";position:absolute;width:620px;height:620px;border:1px solid rgba(212,183,120,.17);border-radius:50%;right:-100px;top:50px;box-shadow:0 0 0 70px rgba(212,183,120,.035),0 0 0 150px rgba(212,183,120,.02)}.hero:after{content:"VINTAGE";position:absolute;right:-25px;bottom:-25px;font-size:160px;font-weight:900;letter-spacing:-10px;color:rgba(255,255,255,.025)}.hero-content{position:relative;z-index:2;max-width:740px;padding-top:70px}.kicker{display:flex;align-items:center;gap:12px;margin-bottom:24px;color:#d4b778;font-size:11px;font-weight:900;letter-spacing:3px;text-transform:uppercase}.kicker:before{content:"";width:42px;height:1px;background:#d4b778}.hero h1{margin:0 0 25px;font:400 72px/.98 Georgia,serif;letter-spacing:-3px}.hero h1 strong{font-weight:400;color:#d4b778}.hero p{max-width:610px;margin:0 0 35px;color:#b9bec8;font-size:18px;line-height:1.7}.btn{display:inline-flex;align-items:center;gap:15px;padding:15px 22px;border:1px solid rgba(212,183,120,.65);font-size:11px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase}.btn:after{content:"→";font-size:18px;color:#d4b778}
.intro{padding:80px 0 30px}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}.label{color:#92713f;font-size:10px;font-weight:900;letter-spacing:2.5px;text-transform:uppercase}.intro h2,.articles-head h2{margin:14px 0 0;font:400 44px/1.1 Georgia,serif}.intro p{margin:0;color:#69665f;font-size:16px;line-height:1.8}
.articles{padding:65px 0 100px}.articles-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:35px;padding-bottom:22px;border-bottom:1px solid #d5cfc2}.articles-head>a{font-size:11px;font-weight:900;text-transform:uppercase}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.card{background:#fff;border:1px solid #ded8cc;transition:.25s}.card:hover{transform:translateY(-5px);box-shadow:0 18px 45px rgba(30,25,15,.08)}.media{height:285px;overflow:hidden;background:#111824}.media img{width:100%;height:100%;object-fit:cover;transition:.5s}.card:hover img{transform:scale(1.035)}.empty-img{height:100%;display:flex;align-items:center;justify-content:center;color:#c8aa70;font:44px Georgia,serif}.card-body{padding:25px}.date{color:#92713f;font-size:10px;font-weight:900;letter-spacing:1.5px}.card h3{margin:12px 0 13px;font:400 25px/1.2 Georgia,serif}.card p{margin:0 0 22px;color:#747068;font-size:14px;line-height:1.65}.read{font-size:10px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase}.no-article{grid-column:1/-1;padding:55px;text-align:center;border:1px solid #d5cfc2;color:#777}
footer{padding:35px 0;background:#0c1017;color:#7f8792}footer .wrap{display:flex;justify-content:space-between}footer strong{color:#fff;font-size:12px;letter-spacing:1px}footer span{font-size:12px}
@media(max-width:800px){.wrap{width:calc(100% - 32px)}nav{display:none}.hero{min-height:620px}.hero h1{font-size:48px;letter-spacing:-2px}.hero p{font-size:16px}.hero:after{font-size:85px}.intro{padding-top:60px}.intro-grid,.grid{grid-template-columns:1fr}.intro-grid{gap:25px}.intro h2,.articles-head h2{font-size:35px}.articles-head{align-items:flex-start;flex-direction:column;gap:20px}.media{height:320px}footer .wrap{flex-direction:column;gap:10px}}

footer .wrap{align-items:center}
footer .wrap>div:first-child{display:flex;flex-direction:column;gap:5px}
.footer-credit{font-size:11px;color:#6f7782;letter-spacing:.5px}
.footer-credit a{color:#a98b55}


/* =========================================================
   ARTICLE
========================================================= */

.sv-article-page{
    background:#f3f0e8;
}

.sv-article-hero{
    padding:190px 0 80px;
    background:linear-gradient(120deg,#07090d,#111824 60%,#1b2738);
    color:#fff;
}

.sv-article-heading{
    max-width:900px;
}

.sv-article-back{
    display:inline-block;
    margin-bottom:42px;
    color:#9299a5;
    font-size:11px;
    font-weight:800;
    letter-spacing:1.2px;
    text-transform:uppercase;
    transition:.2s;
}

.sv-article-back:hover{
    color:#d4b778;
}

.sv-article-hero .label{
    color:#d4b778;
}

.sv-article-hero h1{
    max-width:900px;
    margin:18px 0 28px;
    font:400 64px/1.06 Georgia,serif;
    letter-spacing:-2.5px;
}

.sv-article-lead{
    max-width:760px;
    margin:0;
    color:#b9bec8;
    font-size:19px;
    line-height:1.7;
}

.sv-article-meta{
    display:flex;
    flex-wrap:wrap;
    gap:10px 25px;
    margin-top:34px;
    color:#7f8792;
    font-size:11px;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
}

.sv-article-cover{
    margin-top:-1px;
    padding:0 0 65px;
    background:linear-gradient(to bottom,#111824 0,#111824 150px,#f3f0e8 150px);
}

.sv-article-cover figure{
    margin:0;
    overflow:hidden;
    background:#111824;
    box-shadow:0 30px 70px rgba(20,18,12,.16);
}

.sv-article-cover img{
    width:100%;
    max-height:720px;
    object-fit:cover;
}

.sv-article-main{
    padding:25px 0 100px;
}

.sv-article-main>.wrap{
    max-width:900px;
}

.sv-article-content{
    color:#292825;
    font-size:17px;
    line-height:1.85;
}

.sv-article-content>p:first-child{
    margin-top:0;
}

.sv-article-content p{
    margin:0 0 26px;
}

.sv-article-content h2{
    margin:65px 0 22px;
    color:#171717;
    font:400 38px/1.15 Georgia,serif;
    letter-spacing:-1px;
}

.sv-article-content h3{
    margin:45px 0 18px;
    color:#171717;
    font:400 28px/1.2 Georgia,serif;
}

.sv-article-content strong{
    color:#111;
}

.sv-article-content a{
    color:#92713f;
    text-decoration:underline;
    text-underline-offset:3px;
}

.sv-article-content blockquote{
    margin:45px 0;
    padding:8px 0 8px 30px;
    border-left:2px solid #b59357;
    color:#565149;
    font:italic 26px/1.5 Georgia,serif;
}

.sv-article-content ul,
.sv-article-content ol{
    margin:0 0 28px;
    padding-left:25px;
}

.sv-article-content li{
    margin-bottom:10px;
}

.sv-article-content img{
    width:auto;
    max-width:100%;
    height:auto;
    margin:40px auto;
}

.sv-article-gallery-block{
    margin-top:90px;
    padding-top:55px;
    border-top:1px solid #d5cfc2;
}

.sv-article-gallery-title{
    margin-bottom:30px;
}

.sv-article-gallery-title h2{
    margin:12px 0 0;
    font:400 40px/1.1 Georgia,serif;
}

.sv-article-gallery{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
}

.sv-article-gallery figure{
    margin:0;
    background:#ded8cc;
    overflow:hidden;
}

.sv-article-gallery img{
    width:100%;
    height:430px;
    object-fit:cover;
    transition:transform .5s ease;
}

.sv-article-gallery figure:hover img{
    transform:scale(1.025);
}

.sv-article-end{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:25px;
    margin-top:80px;
    padding-top:30px;
    border-top:1px solid #d5cfc2;
}

.sv-article-end span{
    color:#8a857b;
    font-size:11px;
    font-weight:800;
    letter-spacing:1.5px;
    text-transform:uppercase;
}

.sv-article-end a{
    font-size:11px;
    font-weight:900;
    letter-spacing:1.2px;
    text-transform:uppercase;
}

.sv-article-error{
    min-height:75vh;
    display:flex;
    align-items:center;
    padding:180px 0 100px;
    background:#0c1017;
    color:#fff;
}

.sv-article-error h1{
    margin:15px 0 18px;
    font:400 58px/1.1 Georgia,serif;
}

.sv-article-error p{
    margin:0 0 30px;
    color:#9da3ac;
}

@media(max-width:800px){

    .sv-article-hero{
        padding:150px 0 60px;
    }

    .sv-article-back{
        margin-bottom:30px;
    }

    .sv-article-hero h1{
        font-size:43px;
        letter-spacing:-1.5px;
    }

    .sv-article-lead{
        font-size:17px;
    }

    .sv-article-cover{
        padding-bottom:45px;
        background:linear-gradient(to bottom,#111824 0,#111824 70px,#f3f0e8 70px);
    }

    .sv-article-main{
        padding-top:10px;
    }

    .sv-article-content{
        font-size:16px;
        line-height:1.8;
    }

    .sv-article-content h2{
        margin-top:50px;
        font-size:32px;
    }

    .sv-article-content h3{
        font-size:25px;
    }

    .sv-article-content blockquote{
        padding-left:20px;
        font-size:22px;
    }

    .sv-article-gallery{
        grid-template-columns:1fr;
    }

    .sv-article-gallery img{
        height:auto;
        max-height:520px;
    }

    .sv-article-end{
        align-items:flex-start;
        flex-direction:column;
    }

    .sv-article-error h1{
        font-size:42px;
    }

}