/* =============================================================
   Vogue-Inspired Typography Replacement Stylesheet
============================================================= */

/* 1. TeX-Gyre-Adventor (Avant Garde replacement) */
@font-face {
    font-family: 'TeX Gyre Adventor';
    src: url('fonts/TeX-Gyre-Adventor/texgyreadventor-regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TeX Gyre Adventor';
    src: url('fonts/TeX-Gyre-Adventor/texgyreadventor-bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* 2. EB Garamond (Body text) */
@font-face {
    font-family: 'EB Garamond';
    src: url('fonts/EB_Garamond/EBGaramond-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'EB Garamond';
    src: url('fonts/EB_Garamond/EBGaramond-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* 3. Theano Didot (Headline / special headings) */
@font-face {
    font-family: 'Theano Didot';
    src: url('fonts/Theano-Didot/TheanoDidot-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* =============================================================
   Typography System
============================================================= */

/* Didot Headlines */
h1, h2, .didot-headline, .theano-didot {
    font-family: 'Theano Didot', Didot, "Bodoni MT", serif;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: -0.015em;
    margin-top: 18px;
}

/* Body Copy - 16pt EB Garamond */
.vogue-body-copy,
p {
    font-family: 'EB Garamond', Garamond, serif;
    font-weight: 400;
    font-size: 21px;
    line-height: 1.72;
    color: #1b1b1b;
    margin-bottom: 12px;
}

/* Artist Credit */
.artist-credit {
    font-family: 'TeX Gyre Adventor', sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: #707070;
    margin-top: 12px;
}

/* Photo Captions */
.photo-caption {
    font-family: 'TeX Gyre Adventor', sans-serif;
    font-size: 13px;
    line-height: 1.5;
    color: #707070;
    margin-top: 12px;
    margin-bottom: 26px;
	max-width: 800px;
	letter-spacing: 0.05em;
 }

/* Writer Bio */
.writer-bio {
    font-family: 'TeX Gyre Adventor', sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #707070;
    margin-top: 12px;
	max-width: 800px;
}

/* WEB3, Byline, etc. */
.web3-label,
.byline,
.date {
    font-family: 'TeX Gyre Adventor', sans-serif;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #000000;
}

/* Divider Line */
.divider-line {
    width: 1000px;
    height: 1px;
    background-color: #a9a9a9;
    margin: 60px auto;
    border: none;
}

/* Article body content constrained to 800px on the left */
.article-body {
    max-width: 800px;
    margin-right: 200px;        /* Creates the 200px right margin inside the 1000px container */
}

/* General utility */
.center-container {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 20px;
}