/* Postcard theme — global layout pieces. Component styles (postcards, player,
   phone, tablet) ship with the Postcard Kit plugin. */

body { -webkit-font-smoothing: antialiased; }
h1, h2, h3 { text-wrap: balance; }
:focus-visible { outline: 3px solid var(--wp--preset--color--sky); outline-offset: 3px; }

/* ---------- header ---------- */
.pc-header { position: sticky; top: 0; z-index: 50; background: rgba(255,255,255,.92); backdrop-filter: blur(12px); border-bottom: 1px solid var(--wp--preset--color--line); }
.admin-bar .pc-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .pc-header { top: 46px; } }
.pc-header .wp-block-site-logo img { height: 60px; width: auto; }
.pc-header .wp-block-navigation a { padding: 8px 10px; border-radius: 999px; color: var(--wp--preset--color--ink-2); }
.pc-header .wp-block-navigation .current-menu-item > a,
.pc-header .wp-block-navigation a[aria-current="page"] { color: var(--wp--preset--color--ink); background: var(--wp--preset--color--mist); }
.pc-header .wp-block-navigation .pc-nav-cta > a { background: var(--wp--preset--color--lime); color: var(--wp--preset--color--night); font-weight: 700; padding: 12px 18px; }

/* ---------- eyebrow ---------- */
.is-style-eyebrow { font-size: 12px !important; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; line-height: 1.2; color: var(--wp--preset--color--lime-deep); }
.has-night-background-color .is-style-eyebrow,
.wp-block-cover .is-style-eyebrow { color: var(--wp--preset--color--lime); }

/* ---------- cinematic cover (heroes) ---------- */
.wp-block-cover.is-style-cinematic { min-height: clamp(560px, 76vh, 760px) !important; align-items: flex-end; overflow: hidden; }
.wp-block-cover.is-style-cinematic img.wp-block-cover__image-background { animation: pc-drift 26s ease-in-out infinite alternate; }
.wp-block-cover.is-style-cinematic .wp-block-cover__background { background: linear-gradient(90deg, rgba(8,24,34,.72) 0%, rgba(8,24,34,.35) 48%, rgba(8,24,34,0) 75%), linear-gradient(0deg, rgba(8,24,34,.55), rgba(8,24,34,0) 40%) !important; opacity: 1 !important; }
@keyframes pc-drift { from { transform: scale(1.02); } to { transform: scale(1.1) translate(-2%, -1.5%); } }
.wp-block-cover.is-style-cinematic h1 em, .pc-accent { font-style: normal; color: var(--wp--preset--color--lime); }

/* ---------- tiles ---------- */
.wp-block-cover.is-style-tile { border-radius: 20px; overflow: hidden; aspect-ratio: 4 / 5; min-height: 0 !important; align-items: flex-end; }
.wp-block-cover.is-style-tile img { transition: transform .6s ease; }
.wp-block-cover.is-style-tile:hover img { transform: scale(1.05); }
.wp-block-cover.is-style-tile .wp-block-cover__background { background: linear-gradient(0deg, rgba(8,24,34,.75), rgba(8,24,34,0) 55%) !important; opacity: 1 !important; }
@media (max-width: 781px) { .wp-block-cover.is-style-tile { aspect-ratio: 16 / 11; } }

/* ---------- buttons ---------- */
.wp-block-button.is-style-ghost .wp-block-button__link { background: rgba(255,255,255,.14); color: #fff; box-shadow: inset 0 0 0 1.5px rgba(255,255,255,.7); backdrop-filter: blur(6px); }
.wp-block-button.is-style-ink .wp-block-button__link { background: var(--wp--preset--color--ink); color: #fff; }
.wp-block-button__link { transition: transform .2s ease, background .2s ease; }
.wp-block-button__link:hover { transform: translateY(-2px); }

/* ---------- footer ---------- */
.pc-footer { font-size: 15px; }
.pc-footer a { text-decoration: none; color: #c9d6db; }
.pc-footer a:hover { color: #fff; }
.pc-footer h2 { font-family: var(--wp--preset--font-family--body); font-size: 12px; letter-spacing: .16em; text-transform: uppercase; font-weight: 700; }
.pc-footer ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.pc-footer .pc-legal { border-top: 1px solid #213847; font-size: 13px; color: #8fa4ad; }

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