/*
Theme Name: Calm Editorial
Theme URI: https://example.com/calm-editorial
Author: OpenAI
Description: A warm, editorial WordPress block theme with spacious layouts, quiet typography, reusable page patterns, and flexible global styles.
Version: 1.0.0
Requires at least: 6.5
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: calm-editorial
*/

:root {
  --ce-transition: 220ms ease;
}

html { scroll-behavior: smooth; }
body { text-rendering: optimizeLegibility; }
a { text-underline-offset: .18em; }

.wp-site-blocks { overflow: clip; }
.ce-section { padding-top: clamp(4rem, 8vw, 8rem); padding-bottom: clamp(4rem, 8vw, 8rem); }
.ce-section-tight { padding-top: clamp(2.5rem, 5vw, 5rem); padding-bottom: clamp(2.5rem, 5vw, 5rem); }
.ce-eyebrow { letter-spacing: .16em; text-transform: uppercase; font-size: .75rem; }
.ce-display { max-width: 13ch; }
.ce-copy-narrow { max-width: 42rem; }
.ce-rule { border-top: 1px solid var(--wp--preset--color--line); }

.ce-link a,
a.ce-link,
.wp-block-button.is-style-outline .wp-block-button__link {
  transition: opacity var(--ce-transition), transform var(--ce-transition);
}
.ce-link a:hover,
a.ce-link:hover,
.wp-block-button.is-style-outline .wp-block-button__link:hover {
  opacity: .62;
}

.ce-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ce-image-portrait img { aspect-ratio: 4 / 5; }
.ce-image-landscape img { aspect-ratio: 16 / 11; }
.ce-image-square img { aspect-ratio: 1; }

.ce-card {
  height: 100%;
  border-top: 1px solid var(--wp--preset--color--line);
  padding-top: 1.5rem;
}
.ce-card-number { font-family: var(--wp--preset--font-family--sans); font-size: .72rem; letter-spacing: .12em; }

.ce-header {
  border-bottom: 1px solid var(--wp--preset--color--line);
  background: color-mix(in srgb, var(--wp--preset--color--canvas) 92%, transparent);
  backdrop-filter: blur(12px);
  position: relative;
  z-index: 20;
}
.ce-header .wp-block-navigation { font-size: .76rem; letter-spacing: .10em; text-transform: uppercase; }
.ce-header .wp-block-navigation a { text-decoration: none; }

.ce-hero-media { min-height: clamp(26rem, 56vw, 46rem); }
.ce-hero-media img { min-height: inherit; object-fit: cover; }
.ce-hero-copy { padding: clamp(2rem, 6vw, 6rem); }

.ce-quote { font-style: italic; }
.ce-footer { border-top: 1px solid var(--wp--preset--color--line); }

@media (max-width: 781px) {
  .ce-section { padding-top: 3.75rem; padding-bottom: 3.75rem; }
  .ce-hero-copy { padding: 2rem 0 0; }
  .ce-header-inner { padding-top: 1.1rem !important; padding-bottom: 1.1rem !important; }
}