.editorial-site-header { position: sticky; top: 0; z-index: 20; background: color-mix(in oklab, var(--color-surface) 92%, transparent); border-bottom: 1px solid var(--color-outline); backdrop-filter: blur(14px); }
.editorial-header-inner { max-width: 72rem; margin: 0 auto; padding: 1rem 1.5rem; display: flex; gap: 1.5rem; align-items: center; justify-content: space-between; }
.editorial-brand { display: inline-flex; align-items: center; gap: .75rem; font-family: var(--font-family-heading); font-weight: 700; letter-spacing: .04em; }
.editorial-brand-mark { display: grid; width: 2.25rem; height: 2.25rem; place-items: center; color: var(--color-surface); background: var(--color-primary); border-radius: 50%; }
.editorial-nav { display: flex; flex-wrap: wrap; gap: .55rem .9rem; align-items: center; justify-content: flex-end; font-size: clamp(.68rem, .72vw, .76rem); text-transform: uppercase; letter-spacing: .055em; }
.editorial-nav a:hover { color: var(--color-accent); }
.editorial-page { max-width: 72rem; margin: 0 auto; padding: 4rem 1.5rem 6rem; }
.editorial-hero { display: grid; grid-template-columns: 1.15fr .85fr; gap: 2rem; align-items: end; padding: 3rem 0 4rem; border-bottom: 1px solid var(--color-outline); }
.editorial-kicker { color: var(--color-accent); font-size: .78rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.editorial-hero h1 { max-width: 12ch; margin-top: .65rem; font-family: var(--font-family-heading); font-size: clamp(2.8rem, 8vw, 6.4rem); line-height: .92; text-transform: uppercase; }
.editorial-hero-copy { max-width: 42rem; font-size: 1.15rem; line-height: 1.7; }
.editorial-section { padding: 4rem 0; border-bottom: 1px solid color-mix(in oklab, var(--color-outline) 55%, transparent); }
.editorial-section h2 { margin: .5rem 0 1.25rem; font-family: var(--font-family-heading); font-size: clamp(1.8rem, 4vw, 3.2rem); text-transform: uppercase; }
.editorial-intro { max-width: 48rem; font-size: 1.08rem; line-height: 1.75; }
.editorial-feature { display: grid; grid-template-columns: minmax(13rem, .8fr) 1.2fr; gap: 2rem; align-items: center; }
.editorial-feature img, .editorial-card img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; border-radius: var(--border-radius-sm); }
.editorial-feature h3, .editorial-card h3 { margin: .8rem 0 .45rem; font-family: var(--font-family-heading); font-size: 1.45rem; }
.editorial-feature p, .editorial-card p { line-height: 1.65; }
.editorial-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; }
.editorial-card { padding: 1rem; background: color-mix(in oklab, var(--color-surface) 78%, var(--color-primary) 22%); border: 1px solid color-mix(in oklab, var(--color-outline) 50%, transparent); border-radius: var(--border-radius-sm); }
.editorial-card img { aspect-ratio: 4 / 3; }
.editorial-card .editorial-card-meta { color: var(--color-on-surface-secondary); font-size: .86rem; }
.editorial-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin-top: 1.5rem; padding: 0; list-style: none; }
.editorial-list li { padding: 1rem 1.1rem; border-left: 3px solid var(--color-accent); background: color-mix(in oklab, var(--color-surface) 88%, var(--color-accent) 12%); }
.editorial-cta { margin-top: 1.5rem; }
.editorial-site-footer { padding: 2rem 1.5rem; background: var(--color-primary); color: var(--color-on-primary); }
.editorial-site-footer__inner { max-width: 72rem; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 1rem 2rem; justify-content: space-between; align-items: center; }
.editorial-site-footer nav { display: flex; flex-wrap: wrap; gap: .8rem 1.2rem; font-size: .85rem; }
.editorial-site-footer a:hover { color: var(--color-accent); }
@media (max-width: 800px) { .editorial-header-inner, .editorial-hero, .editorial-feature { grid-template-columns: 1fr; } .editorial-header-inner { align-items: flex-start; flex-direction: column; } .editorial-nav { justify-content: flex-start; } .editorial-card-grid, .editorial-list { grid-template-columns: 1fr; } .editorial-page { padding: 2.5rem 1rem 4rem; } }