/*
Theme Name: Elegant Serif
Version: 2.1.0
Requires at least: 6.6
Requires PHP: 8.2
Text Domain: elegant-serif
License: GPL-2.0-or-later
*/
:root {
    --ivory:#faf8f2;
    --wine:#6c263b;
    --charcoal:#292625;
    --mist:#ddd7cd;
    --content:74rem;
}
* {
    box-sizing:border-box;
}
html {
    scroll-behavior:smooth;
}
body {
    margin:0;
    background:var(--ivory);
    color:var(--charcoal);
    font:1.08rem/1.7 Georgia,'Times New Roman',serif;
}
a {
    color:var(--wine);
    text-underline-offset:.22em;
}
a:focus-visible,summary:focus-visible {
    outline:2px solid var(--wine);
    outline-offset:5px;
}
img {
    max-width:100%;
    height:auto;
}
.skip-link {
    position:absolute;
    transform:translateY(-150%);
    left:1rem;
    padding:.8rem;
    background:var(--wine);
    color:white;
    z-index:5;
}
.skip-link:focus {
    transform:none;
    top:1rem;
}
.salon-header {
    display:grid;
    grid-template-columns:1fr auto;
    align-items:end;
    width:min(100% - 3rem,var(--content));
    margin:auto;
    padding:2rem 0 1rem;
    border-bottom:1px solid var(--charcoal);
}
.salon-title {
    color:var(--charcoal);
    font-size:1.65rem;
    font-style:italic;
    text-decoration:none;
}
.menu {
    display:flex;
    gap:1.5rem;
    flex-wrap:wrap;
    list-style:none;
    margin:0;
    padding:0;
    font-size:.88rem;
}
.salon-front,.folio-archive,.serif-page,.dossier-archive,.dossier-detail {
    width:min(100% - 3rem,var(--content));
    margin:auto;
    padding-block:clamp(3rem,7vw,7rem);
}
.opening-spread {
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(18rem,.72fr);
    gap:clamp(2rem,7vw,7rem);
    align-items:center;
    min-height:70vh;
}
.small-cap,.folio-date {
    font:600 .72rem/1.3 system-ui,sans-serif;
    letter-spacing:.19em;
    text-transform:uppercase;
}
h1,h2,h3 {
    font-weight:400;
    line-height:1.06;
}
h1 {
    margin:.25em 0;
    font-size:clamp(3rem,7vw,6.3rem);
    letter-spacing:-.04em;
}
.opening-intro {
    max-width:36rem;
    font-size:1.35rem;
    font-style:italic;
}
.opening-portrait img {
    width:100%;
    aspect-ratio:4/5;
    object-fit:cover;
}
figcaption {
    margin-top:.5rem;
    color:#625d58;
    font-size:.82rem;
    font-style:italic;
}
.editorial-split,.selected-reading,.inquiries {
    display:grid;
    grid-template-columns:12rem minmax(0,46rem);
    justify-content:center;
    gap:clamp(2rem,7vw,7rem);
    padding-block:5rem;
    border-top:1px solid var(--mist);
}
.editorial-split header,.selected-reading > header,.inquiries > header {
    color:var(--wine);
}
.prose > * {
    max-width:66ch;
}
.prose p:first-child {
    font-size:1.18rem;
}
.dossier-cabinet {
    padding-block:5rem;
}
.cabinet-heading {
    display:flex;
    gap:2rem;
    align-items:baseline;
    border-bottom:1px solid var(--charcoal);
}
.dossier-pair {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:clamp(2rem,5vw,5rem);
}
.dossier-card {
    display:grid;
    grid-template-columns:3rem 1fr;
    gap:1rem;
    padding-block:2rem;
}
.dossier-card img {
    grid-column:1/-1;
    width:100%;
    aspect-ratio:16/10;
    object-fit:cover;
}
.dossier-number {
    color:var(--wine);
    font-size:1.5rem;
    font-style:italic;
}
.verification {
    display:inline-block;
    color:#315a42;
    font:600 .7rem system-ui,sans-serif;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.art-strip {
    display:flex;
    gap:1rem;
    margin-block:3rem;
    overflow:hidden;
}
.art-strip figure {
    flex:1;
    margin:0;
}
.art-strip figure:nth-child(2) {
    transform:translateY(2rem);
}
.art-strip img {
    width:100%;
    aspect-ratio:3/4;
    object-fit:cover;
}
.reading-folios {
    display:grid;
    gap:2rem;
}
.folio-entry {
    display:grid;
    grid-template-columns:minmax(10rem,.7fr) 1fr;
    gap:2rem;
    padding-bottom:2rem;
    border-bottom:1px solid var(--mist);
}
.folio-image img {
    width:100%;
    aspect-ratio:4/3;
    object-fit:cover;
}
.folio-entry h2 {
    margin:.2rem 0;
    font-size:2rem;
}
.inquiry-list details {
    padding:1rem 0;
    border-top:1px solid var(--mist);
}
.inquiry-list summary {
    cursor:pointer;
    font-size:1.15rem;
}
.folio-heading,.serif-page article>header,.dossier-cover {
    max-width:56rem;
    margin-bottom:4rem;
}
.serif-page article {
    max-width:60rem;
    margin:auto;
}
.single-art {
    margin:2rem 0;
}
.dossier-index {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:1px;
    background:var(--mist);
}
.dossier-index article {
    background:var(--ivory);
    padding:2rem;
}
.dossier-layout {
    display:grid;
    grid-template-columns:2fr 1fr;
    gap:4rem;
}
.dossier-facts {
    padding:1rem;
    border-left:1px solid var(--mist);
}
.dossier-gallery {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));
    gap:1rem;
    margin-top:4rem;
}
.dossier-gallery figure {
    margin:0;
}
.dossier-gallery img {
    width:100%;
    aspect-ratio:4/3;
    object-fit:cover;
}
.quiet-footer {
    display:flex;
    justify-content:space-between;
    gap:2rem;
    width:min(100% - 3rem,var(--content));
    margin:auto;
    padding:2rem 0;
    border-top:1px solid var(--charcoal);
}
.nav-links {
    display:flex;
    justify-content:space-between;
    margin-top:2rem;
}
@media(max-width:50rem){
    .salon-header,.opening-spread,.editorial-split,.selected-reading,.inquiries,.folio-entry,.dossier-layout {
        grid-template-columns:1fr;
    }
    .dossier-pair,.dossier-index {
        grid-template-columns:1fr;
    }
    .art-strip figure:nth-child(2) {
        transform:none;
    }
}
@media(prefers-reduced-motion:reduce){
    *,*::before,*::after {
        scroll-behavior:auto!important;
        transition:none!important;
        animation:none!important;
    }
}
@media(forced-colors:active){
    .verification,.dossier-index article {
        border:1px solid CanvasText;
    }
}