:root {
    --accent: #9a4d43;
    --accent-alt: #3f6d8b;
    --background: #f7efed;
    --surface: #ffffff;
    --text: #2f2220;
    --font-body: "PT Serif", serif;
    --font-display: "PT Serif", serif;
    --card-radius: 1.25rem;
    --button-radius: .5rem;
    --mark-radius: 50%;
    --card-tilt: -1deg;
}

.hero h1 { font-weight: 840; }
.pillar-card:nth-child(even) { transform: translateY(5px); }
body.layout-photo-contact-sheet { --background: #171616; --surface: #242121; --text: #f6f0ec; --accent: #e67c66; --accent-alt: #6ba4c5; color-scheme: dark; }
body.layout-photo-contact-sheet { --on-accent: #171616; }
body.layout-photo-contact-sheet .site-header { background: var(--background); }
body.layout-photo-contact-sheet .pillar-card, body.layout-photo-contact-sheet .article-card { border-radius: .15rem; box-shadow: none; outline: 1px solid #494242; outline-offset: -.45rem; }
body.layout-photo-contact-sheet .article-grid { gap: .35rem; }
body.layout-photo-contact-sheet .widget-card { border: .4rem solid color-mix(in srgb, var(--text) 25%, var(--surface)); }

@media (max-width: 820px) {
    body.layout-photo-contact-sheet .hero-grid,
    body.layout-photo-contact-sheet .pillar-grid,
    body.layout-photo-contact-sheet .article-grid { grid-template-columns: 1fr; }
    body.layout-photo-contact-sheet .pillar-card { transform: none; }
    body.layout-photo-contact-sheet .pillar-card::after { display: none; }
}