.editorial-page { background: #fff; color: var(--deep); }
.editorial-hero, .editorial-profile-hero { padding: clamp(72px, 11vw, 144px) 0; background: var(--deep); color: #fff; }
.editorial-hero h1 { max-width: 780px; margin: 14px 0 20px; font-size: clamp(2.7rem, 6vw, 5.4rem); line-height: .98; letter-spacing: -.06em; }
.editorial-hero > .container > p:last-child, .editorial-intro { max-width: 700px; color: #c6d4d7; font-size: 1.08rem; line-height: 1.7; }
.editorial-list, .editorial-profile-body { padding: clamp(64px, 8vw, 112px) 0; }
.editorial-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.editorial-card { overflow: hidden; border: 1px solid var(--line); border-radius: 24px; background: var(--cream); }
.editorial-card a { display: block; min-height: 100%; padding: 22px; color: inherit; text-decoration: none; }
.editorial-photo, .editorial-profile-photo { display: grid; place-items: center; overflow: hidden; background: #dce9e5; color: #087f84; font-weight: 800; }
.editorial-photo { aspect-ratio: 16 / 9; margin-bottom: 22px; border-radius: 16px; }
.editorial-photo img, .editorial-profile-photo img { width: 100%; height: 100%; object-fit: cover; }
.editorial-photo span, .editorial-profile-photo span { padding: 18px; text-align: center; }
.editorial-card p { margin: 0 0 8px; color: #087f84; font-size: .7rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.editorial-card h2 { margin: 0 0 7px; font-size: 1.35rem; }
.editorial-card strong { display: block; margin-bottom: 14px; color: var(--muted); font-size: .9rem; }
.editorial-card div { color: var(--muted); font-size: .92rem; line-height: 1.6; }
.editorial-card > a > span:last-child { display: block; margin-top: 20px; color: var(--deep); font-size: .8rem; font-weight: 850; }
.editorial-profile-grid { display: grid; grid-template-columns: minmax(180px, .38fr) minmax(0, 1fr); align-items: center; gap: clamp(36px, 7vw, 92px); }
.editorial-profile-photo { aspect-ratio: 1; border-radius: 28px; }
.editorial-back { color: #c8ed4d; font-size: .82rem; font-weight: 800; text-decoration: none; }
.editorial-profile-hero h1 { margin: 15px 0 10px; font-size: clamp(2.7rem, 5.4vw, 4.8rem); letter-spacing: -.055em; }
.editorial-role { color: #c8ed4d; font-weight: 750; }
.editorial-socials { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 25px; }
.editorial-socials a { border: 1px solid rgba(255,255,255,.26); border-radius: 999px; padding: 8px 13px; color: #fff; font-size: .78rem; font-weight: 800; text-decoration: none; }
.editorial-profile-content { display: grid; max-width: 820px; gap: 34px; }
.editorial-profile-content h2 { margin: 0 0 13px; font-size: clamp(1.65rem, 3vw, 2.55rem); letter-spacing: -.04em; }
.editorial-profile-content p, .editorial-profile-content div { color: var(--muted); line-height: 1.75; }
.author-box h2 a { color: inherit; text-decoration: none; }
.author-box .author-avatar { overflow: hidden; }
.author-box .author-avatar img { width: 100%; height: 100%; object-fit: cover; }
.author-box small { color: var(--muted); }
.editorial-author-card { display: grid; grid-template-columns: 112px minmax(0, 1fr); gap: 24px; margin: 30px 0; border: 1px solid var(--line); border-radius: 22px; padding: 24px; background: var(--cream); }
.editorial-author-card-pending { display: none; }
.editorial-author-card-photo { width: 112px; height: 112px; overflow: hidden; border-radius: 18px; background: #dce9e5; }
.editorial-author-card-photo img { width: 100%; height: 100%; object-fit: cover; }
.editorial-author-card-content > p:first-child { margin: 0 0 7px; color: #087f84; font-size: .7rem; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }
.editorial-author-card h2 { margin: 0 0 5px; font-size: 1.35rem; }
.editorial-author-card h2 a { color: var(--deep); text-decoration: none; }
.editorial-author-card strong { color: var(--muted); font-size: .86rem; }
.editorial-author-card-content > p:not(:first-child) { margin: 12px 0 0; color: var(--muted); font-size: .9rem; line-height: 1.6; }
.editorial-author-card-links { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 17px; }
.editorial-author-card-links a { border: 1px solid #aebfc0; border-radius: 999px; padding: 7px 11px; color: var(--deep); font-size: .76rem; font-weight: 800; text-decoration: none; }
@media (max-width: 480px) { .editorial-author-card { grid-template-columns: 1fr; } .editorial-author-card-photo { width: 88px; height: 88px; } }
@media (max-width: 780px) { .editorial-grid, .editorial-profile-grid { grid-template-columns: 1fr; } .editorial-profile-photo { max-width: 260px; } }
