/*!
 * Atrium — Main frontend styles
 * Bone surfaces · concrete grays · ink type · terracotta accent
 */

/* ------------------------------------------------------------
 * 1. Layout primitives
 * ---------------------------------------------------------- */
.atrium-container { max-width: 1480px; margin-inline: auto; padding-inline: var(--wp--preset--spacing--md, 2rem); }
.atrium-main { min-height: 60vh; }
.atrium-main:focus { outline: none; }

/* ------------------------------------------------------------
 * 2. Pagination + page links
 * ---------------------------------------------------------- */
.atrium-pagination .nav-links { display: flex; gap: 0.5rem; align-items: center; justify-content: space-between; padding-block: var(--wp--preset--spacing--md); border-top: 1px solid var(--wp--preset--color--border); font-family: var(--wp--preset--font-family--mono); font-size: 0.75rem; letter-spacing: 0.12em; text-transform: uppercase; }
.atrium-pagination a, .atrium-pagination span { padding: 0.5rem 0.875rem; border: 1px solid var(--wp--preset--color--border); text-decoration: none; }
.atrium-pagination a:hover, .atrium-pagination .current { background: var(--wp--preset--color--ink); color: var(--wp--preset--color--bone); border-color: var(--wp--preset--color--ink); }

.atrium-page-links { display: flex; gap: 0.5rem; align-items: center; padding-block: var(--wp--preset--spacing--sm); font-size: 0.85rem; font-family: var(--wp--preset--font-family--mono); }
.atrium-page-links span { padding: 0.25rem 0.5rem; border: 1px solid var(--wp--preset--color--border); }
.atrium-page-links a span { border-color: transparent; }

/* ------------------------------------------------------------
 * 3. Search form
 * ---------------------------------------------------------- */
.atrium-search-form { display: flex; gap: 0.5rem; max-width: 560px; }
.atrium-search-form__input { flex: 1; padding: 0.875rem 1rem; background: var(--wp--preset--color--bone); color: var(--wp--preset--color--ink); border: 1px solid var(--wp--preset--color--border); font-size: 0.95rem; }
.atrium-search-form__input:focus { outline: 2px solid var(--wp--preset--color--terracotta); outline-offset: 1px; }
.atrium-search-form__submit { padding: 0.875rem 1.25rem; background: var(--wp--preset--color--ink); color: var(--wp--preset--color--bone); border: 0; cursor: pointer; font-weight: 500; }

/* ------------------------------------------------------------
 * 4. Post cards
 * ---------------------------------------------------------- */
.atrium-post-card img { width: 100%; height: auto; display: block; }
.atrium-post-card a { text-decoration: none; }
.atrium-post-card .wp-block-post-title { letter-spacing: -0.015em; }

/* ------------------------------------------------------------
 * 5. Block: atrium/project-card
 * ---------------------------------------------------------- */
.atrium-project-card { background: transparent; color: var(--wp--preset--color--ink); display: flex; flex-direction: column; gap: 0.875rem; }
.atrium-project-card__media { display: block; overflow: hidden; background: var(--wp--preset--color--bone-soft); }
.atrium-project-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform 800ms var(--atrium-ease, ease); }
.atrium-project-card:hover .atrium-project-card__media img { transform: scale(1.03); }
.atrium-project-card__placeholder { display: block; width: 100%; height: 100%; background: repeating-linear-gradient(135deg, var(--wp--preset--color--bone-soft), var(--wp--preset--color--bone-soft) 12px, var(--wp--preset--color--bone-deep) 12px, var(--wp--preset--color--bone-deep) 13px); }
.atrium-project-card__body { display: flex; flex-direction: column; gap: 0.25rem; }
.atrium-project-card__kicker { margin: 0; font-family: var(--wp--preset--font-family--mono); font-size: 0.7rem; letter-spacing: 0.16em; text-transform: uppercase; color: var(--wp--preset--color--terracotta); }
.atrium-project-card__title { margin: 0; font-size: 1.375rem; font-weight: 500; line-height: 1.2; letter-spacing: -0.015em; }
.atrium-project-card__title a { color: inherit; text-decoration: none; background-image: linear-gradient(currentColor, currentColor); background-position: 0 100%; background-repeat: no-repeat; background-size: 0 1px; transition: background-size 220ms var(--atrium-ease, ease); }
.atrium-project-card__title a:hover { background-size: 100% 1px; }
.atrium-project-card__meta { margin: 0; display: flex; gap: 0.5rem; align-items: baseline; font-family: var(--wp--preset--font-family--mono); font-size: 0.75rem; letter-spacing: 0.04em; color: var(--wp--preset--color--ink-muted); }
.atrium-project-card__year::before { content: "·"; margin-right: 0.5rem; }

/* ------------------------------------------------------------
 * 6. Block: atrium/project-grid
 * ---------------------------------------------------------- */
.atrium-project-grid { padding-block: var(--wp--preset--spacing--md); }
.atrium-project-grid__filter { display: flex; gap: 1.5rem; flex-wrap: wrap; padding-bottom: var(--wp--preset--spacing--md); border-bottom: 1px solid var(--wp--preset--color--border); margin-bottom: var(--wp--preset--spacing--md); font-family: var(--wp--preset--font-family--mono); font-size: 0.75rem; letter-spacing: 0.12em; text-transform: uppercase; }
.atrium-project-grid__filter-link { color: var(--wp--preset--color--ink-muted); text-decoration: none; padding-bottom: 4px; border-bottom: 1px solid transparent; }
.atrium-project-grid__filter-link:hover, .atrium-project-grid__filter-link.is-active { color: var(--wp--preset--color--ink); border-bottom-color: var(--wp--preset--color--terracotta); }
.atrium-project-grid__list { list-style: none; padding: 0; margin: 0; display: grid; gap: var(--atrium-grid-gap, 1.25rem) var(--wp--preset--spacing--md); }
.atrium-project-grid--cols-1 .atrium-project-grid__list { grid-template-columns: 1fr; }
.atrium-project-grid--cols-2 .atrium-project-grid__list { grid-template-columns: repeat(2, 1fr); }
.atrium-project-grid--cols-3 .atrium-project-grid__list { grid-template-columns: repeat(3, 1fr); }
.atrium-project-grid--cols-4 .atrium-project-grid__list { grid-template-columns: repeat(4, 1fr); }
@media (max-width: 900px) {
	.atrium-project-grid--cols-3 .atrium-project-grid__list,
	.atrium-project-grid--cols-4 .atrium-project-grid__list { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
	.atrium-project-grid--cols-2 .atrium-project-grid__list,
	.atrium-project-grid--cols-3 .atrium-project-grid__list,
	.atrium-project-grid--cols-4 .atrium-project-grid__list { grid-template-columns: 1fr; }
}

/* ------------------------------------------------------------
 * 7. Block: atrium/project-facts
 * ---------------------------------------------------------- */
.atrium-facts { padding: var(--wp--preset--spacing--md) 0; position: sticky; top: 80px; }
.atrium-facts__title { margin: 0 0 1rem; font-family: var(--wp--preset--font-family--mono); font-size: 0.7rem; font-weight: 500; letter-spacing: 0.18em; text-transform: uppercase; color: var(--wp--preset--color--terracotta); padding-bottom: 1rem; border-bottom: 1px solid var(--wp--preset--color--border); }
.atrium-facts__list { margin: 0; padding: 0; display: flex; flex-direction: column; }
.atrium-facts__row { display: grid; grid-template-columns: 7rem 1fr; gap: 1rem; padding: 0.625rem 0; border-bottom: 1px solid var(--wp--preset--color--border-soft); }
.atrium-facts__row:last-child { border-bottom: 0; }
.atrium-facts__label { margin: 0; font-family: var(--wp--preset--font-family--mono); font-size: 0.7rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--wp--preset--color--ink-subtle); padding-top: 0.125rem; }
.atrium-facts__value { margin: 0; font-size: 0.95rem; line-height: 1.55; color: var(--wp--preset--color--ink); }

/* ------------------------------------------------------------
 * 8. Block: atrium/team-grid
 * ---------------------------------------------------------- */
.atrium-team { padding-block: var(--wp--preset--spacing--lg); }
.atrium-team__head { margin-bottom: var(--wp--preset--spacing--md); padding-bottom: var(--wp--preset--spacing--sm); border-bottom: 1px solid var(--wp--preset--color--border); }
.atrium-team__title { margin: 0; font-family: var(--wp--preset--font-family--mono); font-size: 0.7rem; font-weight: 500; letter-spacing: 0.18em; text-transform: uppercase; color: var(--wp--preset--color--terracotta); }
.atrium-team__list { list-style: none; padding: 0; margin: 0; display: grid; gap: var(--wp--preset--spacing--md); }
.atrium-team--cols-2 .atrium-team__list { grid-template-columns: repeat(2, 1fr); }
.atrium-team--cols-3 .atrium-team__list { grid-template-columns: repeat(3, 1fr); }
.atrium-team--cols-4 .atrium-team__list { grid-template-columns: repeat(4, 1fr); }
.atrium-team--cols-5 .atrium-team__list { grid-template-columns: repeat(5, 1fr); }
.atrium-team--cols-6 .atrium-team__list { grid-template-columns: repeat(6, 1fr); }
.atrium-team__member { display: flex; flex-direction: column; gap: 0.5rem; }
.atrium-team__portrait { background: var(--wp--preset--color--bone-soft); overflow: hidden; }
.atrium-team__portrait img { width: 100%; height: 100%; object-fit: cover; display: block; }
.atrium-team__placeholder { display: block; width: 100%; height: 100%; background: linear-gradient(135deg, var(--wp--preset--color--bone-soft), var(--wp--preset--color--concrete-soft)); }
.atrium-team__name { margin: 0; font-size: 1rem; font-weight: 500; letter-spacing: -0.005em; }
.atrium-team__role { margin: 0; font-family: var(--wp--preset--font-family--mono); font-size: 0.7rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--wp--preset--color--ink-subtle); }

@media (max-width: 900px) {
	.atrium-team--cols-4 .atrium-team__list,
	.atrium-team--cols-5 .atrium-team__list,
	.atrium-team--cols-6 .atrium-team__list { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 560px) {
	.atrium-team__list { grid-template-columns: repeat(2, 1fr) !important; }
}

/* ------------------------------------------------------------
 * 9. Block: atrium/journal-strip
 * ---------------------------------------------------------- */
.atrium-journal { padding-block: var(--wp--preset--spacing--lg); }
.atrium-journal__head { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; padding-bottom: var(--wp--preset--spacing--sm); margin-bottom: var(--wp--preset--spacing--md); border-bottom: 1px solid var(--wp--preset--color--border); }
.atrium-journal__title { margin: 0; font-family: var(--wp--preset--font-family--mono); font-size: 0.7rem; font-weight: 500; letter-spacing: 0.18em; text-transform: uppercase; color: var(--wp--preset--color--terracotta); }
.atrium-journal__all { color: var(--wp--preset--color--ink); text-decoration: none; font-family: var(--wp--preset--font-family--mono); font-size: 0.7rem; letter-spacing: 0.12em; text-transform: uppercase; }
.atrium-journal__all:hover { color: var(--wp--preset--color--terracotta); }
.atrium-journal__list { list-style: none; padding: 0; margin: 0; display: grid; gap: var(--wp--preset--spacing--md); }
.atrium-journal--cols-2 .atrium-journal__list { grid-template-columns: repeat(2, 1fr); }
.atrium-journal--cols-3 .atrium-journal__list { grid-template-columns: repeat(3, 1fr); }
.atrium-journal--cols-4 .atrium-journal__list { grid-template-columns: repeat(4, 1fr); }
.atrium-journal__card { display: flex; flex-direction: column; gap: 0.625rem; }
.atrium-journal__media { display: block; overflow: hidden; background: var(--wp--preset--color--bone-soft); }
.atrium-journal__media img { width: 100%; height: 100%; object-fit: cover; transition: transform 600ms var(--atrium-ease, ease); }
.atrium-journal__card:hover .atrium-journal__media img { transform: scale(1.03); }
.atrium-journal__placeholder { display: block; width: 100%; height: 100%; background: linear-gradient(135deg, var(--wp--preset--color--bone-soft), var(--wp--preset--color--concrete-soft)); }
.atrium-journal__date { margin: 0; font-family: var(--wp--preset--font-family--mono); font-size: 0.7rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--wp--preset--color--ink-subtle); }
.atrium-journal__title-card { margin: 0; font-size: 1.25rem; font-weight: 500; letter-spacing: -0.01em; line-height: 1.25; }
.atrium-journal__title-card a { color: inherit; text-decoration: none; }
.atrium-journal__title-card a:hover { color: var(--wp--preset--color--terracotta); }
.atrium-journal__excerpt { margin: 0; font-size: 0.9rem; line-height: 1.55; color: var(--wp--preset--color--ink-muted); }

@media (max-width: 900px) {
	.atrium-journal--cols-3 .atrium-journal__list,
	.atrium-journal--cols-4 .atrium-journal__list { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
	.atrium-journal__list { grid-template-columns: 1fr !important; }
}

/* ------------------------------------------------------------
 * 10. Block: atrium/press-list
 * ---------------------------------------------------------- */
.atrium-press { padding-block: var(--wp--preset--spacing--lg); border-top: 1px solid var(--wp--preset--color--border); }
.atrium-press__title { margin: 0 0 var(--wp--preset--spacing--md); font-family: var(--wp--preset--font-family--mono); font-size: 0.7rem; font-weight: 500; letter-spacing: 0.18em; text-transform: uppercase; color: var(--wp--preset--color--terracotta); }
.atrium-press__list { list-style: none; padding: 0; margin: 0; }
.atrium-press__row { display: grid; grid-template-columns: 4rem 12rem 1fr; gap: 1.5rem; align-items: baseline; padding: 1rem 0; border-bottom: 1px solid var(--wp--preset--color--border-soft); font-size: 0.95rem; }
.atrium-press__date { font-family: var(--wp--preset--font-family--mono); font-size: 0.75rem; letter-spacing: 0.08em; color: var(--wp--preset--color--ink-subtle); }
.atrium-press__publication { font-weight: 500; letter-spacing: -0.005em; }
.atrium-press__headline { color: var(--wp--preset--color--ink-muted); font-family: var(--wp--preset--font-family--serif); font-style: italic; font-size: 1.0625rem; }
.atrium-press__headline a { color: inherit; text-decoration: none; border-bottom: 1px solid transparent; }
.atrium-press__headline a:hover { color: var(--wp--preset--color--terracotta); border-bottom-color: currentColor; }

@media (max-width: 720px) {
	.atrium-press__row { grid-template-columns: 4rem 1fr; }
	.atrium-press__publication { grid-column: 2; }
	.atrium-press__headline   { grid-column: 1 / -1; padding-top: 0.25rem; }
}

/* ------------------------------------------------------------
 * 11. Block: atrium/studio-cta
 * ---------------------------------------------------------- */
.atrium-cta-block { padding: var(--wp--preset--spacing--xl); background: var(--wp--preset--color--ink); color: var(--wp--preset--color--bone); }
.atrium-cta-block__body { display: grid; gap: 1.25rem; }
.atrium-cta-block__title { margin: 0; font-size: clamp(1.75rem, 3.5vw, 2.5rem); font-weight: 500; letter-spacing: -0.02em; color: var(--wp--preset--color--bone); }
.atrium-cta-block__copy { margin: 0; font-size: 1rem; line-height: 1.65; opacity: 0.85; }
.atrium-cta-block__channels { margin: 0; display: grid; gap: 0.75rem; padding-block: 1rem; border-block: 1px solid rgba(250, 250, 247, 0.15); }
.atrium-cta-block__channel { display: grid; grid-template-columns: 5rem 1fr; gap: 1rem; align-items: baseline; margin: 0; }
.atrium-cta-block__channel dt { font-family: var(--wp--preset--font-family--mono); font-size: 0.7rem; letter-spacing: 0.16em; text-transform: uppercase; opacity: 0.6; }
.atrium-cta-block__channel dd { margin: 0; font-size: 1rem; }
.atrium-cta-block__channel a { color: inherit; text-decoration: none; border-bottom: 1px solid currentColor; }
.atrium-cta-block__channel a:hover { color: var(--wp--preset--color--terracotta-soft); }
.atrium-cta-block__button-row { margin: 0; }
.atrium-cta-block__button { display: inline-block; padding: 0.875rem 1.75rem; background: var(--wp--preset--color--terracotta); color: var(--wp--preset--color--bone); text-decoration: none; font-family: var(--wp--preset--font-family--mono); font-size: 0.75rem; letter-spacing: 0.14em; text-transform: uppercase; }
.atrium-cta-block__button:hover { background: var(--wp--preset--color--terracotta-deep); }

/* ------------------------------------------------------------
 * 12. Site header / footer
 * ---------------------------------------------------------- */
.atrium-site-header.atrium-site-header--minimal { border-bottom: 0; }
.atrium--sticky-header .atrium-site-header { position: sticky; top: 0; z-index: 50; backdrop-filter: blur(8px); background-color: rgba(250, 250, 247, 0.92); }
.atrium-site-header.is-scrolled { box-shadow: 0 1px 0 var(--wp--preset--color--border); }

.atrium-site-footer .wp-block-navigation { color: inherit; }
.atrium-site-footer a { text-decoration: none; }
.atrium-site-footer a:hover { color: var(--wp--preset--color--terracotta); }

/* ------------------------------------------------------------
 * 13. Block styles (custom registered styles)
 * ---------------------------------------------------------- */
.is-style-atrium-card     { background: var(--wp--preset--color--bone); border: 1px solid var(--wp--preset--color--border); padding: 1.5rem; }
.is-style-atrium-bone     { background: var(--wp--preset--color--bone-soft); padding: var(--wp--preset--spacing--md); }
.is-style-atrium-concrete { background: var(--wp--preset--color--concrete-soft); color: var(--wp--preset--color--ink); padding: var(--wp--preset--spacing--md); }
.is-style-atrium-section  { padding-block: var(--wp--preset--spacing--xl); padding-inline: var(--wp--preset--spacing--md); }

.wp-block-button.is-style-atrium-ink     .wp-block-button__link { background: var(--wp--preset--color--ink); color: var(--wp--preset--color--bone); border-color: var(--wp--preset--color--ink); }
.wp-block-button.is-style-atrium-clay    .wp-block-button__link { background: var(--wp--preset--color--terracotta); color: var(--wp--preset--color--bone); border-color: var(--wp--preset--color--terracotta); }
.wp-block-button.is-style-atrium-outline .wp-block-button__link { background: transparent; color: currentColor; border: 1px solid currentColor; }
.wp-block-button.is-style-atrium-outline .wp-block-button__link:hover { background: currentColor; color: var(--wp--preset--color--bone); }
.wp-block-button.is-style-atrium-ghost   .wp-block-button__link { background: transparent; color: var(--wp--preset--color--ink); border: 0; padding-inline: 0; }
.wp-block-button.is-style-atrium-ghost   .wp-block-button__link:hover { color: var(--wp--preset--color--terracotta); }

.wp-block-separator.is-style-atrium-rule { border: 0; border-top: 1px solid var(--wp--preset--color--border); max-width: none; margin-inline: 0; }
.wp-block-separator.is-style-atrium-mark { border: 0; height: 1.5rem; background: left center / auto 100% no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 16' fill='none' stroke='%23C2562D' stroke-width='1.5'%3E%3Cpath d='M2 8h28'/%3E%3Ccircle cx='16' cy='8' r='2' fill='%23C2562D' stroke='none'/%3E%3C/svg%3E"); }

.wp-block-image.is-style-atrium-frame img { border: 1px solid var(--wp--preset--color--border); padding: 0.5rem; background: var(--wp--preset--color--bone); }
.wp-block-image.is-style-atrium-plate img { box-shadow: var(--wp--preset--shadow--md); }

.wp-block-quote.is-style-atrium-pull { border-left: 0; padding-left: 0; text-align: center; max-width: 720px; margin-inline: auto; }
.wp-block-quote.is-style-atrium-pull p { font-family: var(--wp--preset--font-family--serif); font-size: clamp(1.5rem, 3vw, 2.5rem); font-style: italic; line-height: 1.3; font-weight: 400; }
.wp-block-quote.is-style-atrium-pull cite { display: block; margin-top: 1rem; font-family: var(--wp--preset--font-family--mono); font-style: normal; font-size: 0.7rem; letter-spacing: 0.18em; text-transform: uppercase; color: var(--wp--preset--color--terracotta); }

/* ------------------------------------------------------------
 * 14. Accessibility helpers
 * ---------------------------------------------------------- */
:focus-visible { outline: 2px solid var(--wp--preset--color--terracotta); outline-offset: 2px; }

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}

/* ------------------------------------------------------------
 * 15. Dark scheme variant (when body.atrium--ink applied)
 * ---------------------------------------------------------- */
body.atrium--ink { background: var(--wp--preset--color--ink); color: var(--wp--preset--color--bone); }
body.atrium--ink .atrium-site-header { background-color: var(--wp--preset--color--ink); border-color: var(--wp--preset--color--ink-soft); }
body.atrium--ink .atrium-project-card__title a { color: var(--wp--preset--color--bone); }
body.atrium--ink .atrium-facts__row { border-color: rgba(250, 250, 247, 0.1); }

/* ------------------------------------------------------------
 * 16. Print
 * ---------------------------------------------------------- */
@media print {
	.atrium-site-header, .atrium-site-footer, .atrium-cta-block { display: none !important; }
	body { background: white !important; color: black !important; }
}

/* === WordPress standard accessibility / alignment / gallery / caption classes (Theme Check required) === */
.screen-reader-text { border: 0; clip: rect(1px,1px,1px,1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important; }
.screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0,0,0,.6); clip: auto !important; clip-path: none; color: #21759b; display: block; font-size: 14px; font-weight: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; }
.alignleft  { float: left;  margin-right: 1.5em; }
.alignright { float: right; margin-left:  1.5em; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignwide { max-width: 100vw; }
.alignfull { max-width: 100vw; }
.sticky { display: block; }
.wp-caption { max-width: 100%; }
.wp-caption-text { font-size: 0.9em; text-align: center; }
.gallery-caption { font-size: 0.85em; }
.bypostauthor { display: block; }