/*
Theme Name: Empyre Communications
Theme URI: https://empyrecommunications.com/
Author: Empyre Communications
Description: Constrained custom theme scaffold for the approved Empyre Communications frontend.
Version: 0.3.12
Requires at least: 6.6
Requires PHP: 8.1
Text Domain: empyre-theme
*/

:root {
  --empyre-ink: #0b0a09;
  --empyre-paper: #f4f0e8;
  --empyre-stone: #a79a86;
  --empyre-champagne: #c7aa7a;
  --empyre-content: min(100% - 2rem, 86rem);
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--empyre-ink); color: var(--empyre-paper); font-family: Arial, sans-serif; }
a { color: inherit; }
img { display: block; max-width: 100%; height: auto; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.screen-reader-text:focus { position: fixed; z-index: 99999; top: 1rem; left: 1rem; width: auto; height: auto; padding: .75rem 1rem; clip: auto; background: var(--empyre-paper); color: var(--empyre-ink); }
.site-header, .site-footer, .site-main > section, .content-shell { width: var(--empyre-content); margin-inline: auto; }
.site-header { display: flex; align-items: center; justify-content: space-between; min-height: 5rem; }
.site-nav ul { display: flex; gap: 1.25rem; margin: 0; padding: 0; list-style: none; }
.site-main > section { padding-block: clamp(4rem, 9vw, 9rem); }
.hero { min-height: 72vh; display: grid; align-content: center; }
.hero h1 { max-width: 13ch; margin: 0; font-family: Georgia, serif; font-size: clamp(3.5rem, 10vw, 9rem); font-weight: 400; line-height: .9; }
.hero__lead { max-width: 42rem; font-size: clamp(1.05rem, 2vw, 1.4rem); line-height: 1.6; }
.content-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr)); gap: 1.5rem; }
.content-card { padding: 1.5rem; border: 1px solid color-mix(in srgb, var(--empyre-paper) 24%, transparent); }
.site-footer { padding-block: 3rem; border-top: 1px solid color-mix(in srgb, var(--empyre-paper) 20%, transparent); }
:focus-visible { outline: 2px solid var(--empyre-champagne); outline-offset: 4px; }
.cookie-banner { position: fixed; z-index: 1200; left: 50%; bottom: 1.5rem; width: min(47.5rem, calc(100% - 2.5rem)); padding: 1.5rem; transform: translateX(-50%); border: 1px solid rgba(217,201,172,.34); background: rgba(8,7,6,.98); box-shadow: 0 1.4rem 4.4rem rgba(0,0,0,.48); color: var(--empyre-paper); }
.cookie-banner[hidden] { display: none; }
.cookie-banner h2, .cookie-dialog h2 { margin: 0; font-family: Georgia, serif; font-size: clamp(1.6rem,3vw,2.15rem); font-weight: 400; }
.cookie-banner p, .cookie-dialog p { margin: .65rem 0 0; font-size: .75rem; line-height: 1.7; color: rgba(244,240,232,.68); }
.cookie-actions { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: 1.25rem; }
.cookie-btn { min-height: 2.75rem; padding: .7rem 1rem; border: 1px solid rgba(244,240,232,.22); background: transparent; color: inherit; font: 600 .62rem/1 Arial,sans-serif; letter-spacing: .12em; text-transform: uppercase; cursor: pointer; }
.cookie-btn-primary { background: var(--empyre-paper); color: var(--empyre-ink); }
.cookie-dialog { width: min(38.75rem, calc(100% - 2.5rem)); padding: 1.75rem; border: 1px solid rgba(217,201,172,.34); background: #0b0a09; color: var(--empyre-paper); }
.cookie-dialog::backdrop { background: rgba(0,0,0,.72); backdrop-filter: blur(5px); }
.cookie-option { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 1.25rem; align-items: center; margin-top: 1.5rem; padding: 1.1rem 0; border-block: 1px solid rgba(244,240,232,.14); }
.cookie-option strong, .cookie-option span { display: block; }
.cookie-option span { margin-top: .3rem; font-size: .7rem; line-height: 1.5; color: rgba(244,240,232,.58); }
.cookie-preferences-link { padding: 0; border: 0; background: none; color: inherit; font: inherit; letter-spacing: inherit; text-transform: inherit; cursor: pointer; }

@media (max-width: 48rem) {
  .site-nav ul { gap: .75rem; font-size: .85rem; }
  .cookie-banner { bottom: .75rem; width: calc(100% - 1.5rem); padding: 1.25rem; }
  .cookie-actions { display: grid; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}