/* Adapted from Honeydew's guide-page--release and Orbital Focus's blog templates. */
body.page-editorial { --ink:#4a342a; --gray:#6b645b; --paper:#f6f0e2; --accent:#9c5b47; --line:rgba(74,52,42,.14); background:radial-gradient(ellipse at 0 15%,#edddc7,transparent 55%),var(--paper); }
.page-editorial .site-nav { border:0; }
.page-editorial .site-header.is-scrolled .site-nav,.page-editorial .site-header.is-menu-open .site-nav { background:rgba(246,240,226,.78); }
.page-editorial .nav-action,.page-editorial .button { background:#000; color:#fff; }
.blog-heading { padding-top:190px; padding-bottom:56px; text-align:center; }
.blog-heading h1 { margin:14px 0 20px; font-size:clamp(28px,4vw,44px); letter-spacing:-.04em; }
.blog-heading > p:last-child { font-size:clamp(18px,2.5vw,23px); line-height:1.5; color:var(--gray); }
.blog-list { padding-bottom:110px; max-width:1080px; }
.blog-feature { overflow:hidden; background:rgba(255,255,255,.55); border:1px solid var(--line); border-radius:30px; }
.blog-feature-image { display:block; }
.blog-feature-copy { padding:36px 42px 42px; }
.blog-feature-copy h2 { margin:18px 0 14px; font-size:clamp(27px,4vw,40px); letter-spacing:-.035em; }
.blog-feature-copy p { max-width:660px; color:var(--gray); font-size:18px; line-height:1.6; }
.blog-read { display:inline-flex; gap:20px; margin-top:16px; font-weight:750; border-bottom:1px solid var(--ink); padding-bottom:5px; }
.release-page { max-width:1120px; padding-top:165px; padding-bottom:80px; }
.release-back { display:flex; gap:16px; max-width:960px; margin:0 auto 52px; font-size:14px; color:var(--gray); }
.release-header { max-width:760px; margin:0 auto 42px; }
.release-meta { display:flex; flex-wrap:wrap; gap:18px; align-items:center; font-size:13px; color:var(--gray); }
.release-meta > span { text-transform:uppercase; font-weight:800; letter-spacing:.13em; color:var(--accent); font-size:11px; }
.release-header h1 { margin:26px 0 18px; font-size:clamp(32px,4vw,46px); line-height:1.1; letter-spacing:-.04em; }
.release-dek { margin:0; font-size:clamp(23px,3vw,32px); line-height:1.4; font-weight:600; }
.release-figure { margin:0 0 clamp(48px,7vw,88px); }
.release-art { position:relative; overflow:hidden; isolation:isolate; background:#8c7a5b; aspect-ratio:1.6; }
.release-figure .release-art { border-radius:28px; }
.release-art img { width:100%; height:100%; object-fit:cover; }
.release-art-label { position:absolute; bottom:7%; left:7%; color:#fff4df; font-size:clamp(9px,1.2vw,13px); font-weight:750; letter-spacing:.2em; }
.release-figure figcaption { margin-top:14px; color:var(--gray); font-size:12px; text-align:center; }
/* Honeydew release reading column and introductory paragraph scale. */
.release-body { width:min(100%,720px); margin-inline:auto; }
.release-prose { font-size:clamp(17px,2vw,19px); line-height:1.78; }
.release-prose > p:first-child { font-size:clamp(23px,3vw,28px); font-weight:620; line-height:1.45; letter-spacing:-.025em; }
.release-prose h2 { margin:50px 0 16px; font-size:24px; line-height:1.3; letter-spacing:-.025em; }
.release-prose p { margin:0 0 22px; }
.release-prose a { text-decoration:underline; text-decoration-color:#9c5b47; text-underline-offset:4px; }
.release-cta { margin-top:64px; padding:38px; border:1px solid var(--line); border-radius:24px; background:#ebdcc6; }
.release-cta h2 { margin:10px 0 16px; font-size:clamp(28px,4vw,40px); letter-spacing:-.04em; line-height:1.12; }
.release-cta > p:not(.eyebrow) { color:var(--gray); line-height:1.6; }
.release-cta .button { margin-top:12px; }
.release-all { display:block; max-width:720px; margin:48px auto 0; font-weight:650; }
@media(max-width:640px) { .release-page { padding-top:145px; }.release-back { margin-bottom:32px; }.release-figure .release-art { border-radius:16px; }.blog-feature-copy { padding:24px; }.blog-heading { padding-top:155px; }.release-cta { padding:26px; }.release-meta { gap:12px; } }

.page-editorial .announce-copy a,.page-editorial .announce-new { color:#d97757; }

.release-cta-icon { display:block; width:64px; height:64px; border-radius:17px; margin-bottom:24px; box-shadow:0 5px 16px rgba(74,52,42,.12); }

/* Match Honeydew's release author row, including the shared author portrait. */
.release-byline { display:flex; flex-wrap:wrap; align-items:center; gap:.6rem 1.35rem; margin:1.65rem 0 0; color:var(--gray); font-size:.84rem; }
.release-byline > span { display:inline-flex; align-items:center; gap:.4rem; }
.release-byline .release-byline-author { gap:.7rem; color:var(--ink); font-weight:650; }
.release-byline-author > img { width:44px; height:44px; flex:0 0 auto; border:2px solid var(--paper); border-radius:50%; object-fit:cover; box-shadow:0 5px 15px rgba(74,52,42,.14); }
.release-byline-role { color:var(--gray); }
@media(max-width:560px) { .release-byline { align-items:flex-start; }.release-byline-author { width:100%; } }

.blog-directory { max-width:980px; padding-top:190px; padding-bottom:110px; min-height:70vh; }
.blog-search { display:flex; align-items:center; gap:12px; width:min(100%,670px); margin-inline:auto; padding:7px 7px 7px 20px; border:1px solid var(--line); border-radius:999px; background:rgba(255,255,255,.55); box-shadow:0 4px 18px rgba(74,52,42,.04); }
.blog-search svg { flex-shrink:0; color:var(--gray); }
.blog-search input { flex:1; min-width:0; border:0; outline:0; background:transparent; color:var(--ink); font:inherit; font-size:15px; }
.blog-search:focus-within { outline:2px solid var(--accent); outline-offset:3px; }
.blog-search button,.blog-search-empty button { border:0; border-radius:999px; padding:15px 30px; background:var(--ink); color:var(--paper); font:inherit; font-size:14px; font-weight:750; cursor:pointer; }
.blog-search-hint { margin:16px 0 60px; text-align:center; color:var(--gray); font-size:12px; }
.blog-list-heading { border-bottom:1px solid var(--line); padding-bottom:20px; }
.blog-list-heading h1 { margin:0; font-size:clamp(25px,3vw,34px); letter-spacing:-.04em; line-height:1.2; }
.blog-row { display:grid; grid-template-columns:160px minmax(0,1fr); gap:24px; padding:28px 0; border-bottom:1px solid var(--line); align-items:center; }
.blog-row[hidden],.blog-search-empty[hidden] { display:none; }
.blog-row-image { display:block; border-radius:14px; overflow:hidden; }
.blog-row-image img { display:block; width:100%; height:auto; aspect-ratio:1.4; object-fit:cover; }
.blog-row-category { margin:0 0 8px; color:var(--accent); text-transform:uppercase; letter-spacing:.12em; font-size:11px; font-weight:800; }
.blog-row-copy h2 { margin:0 0 8px; font-size:20px; letter-spacing:-.025em; }
.blog-row-copy h2 a:hover { text-decoration:underline; text-underline-offset:4px; }
.blog-row-description { margin:0 0 12px; color:var(--gray); font-size:15px; line-height:1.6; }
.blog-row-meta { margin:0; color:var(--gray); font-size:12px; font-weight:600; }
.blog-search-status { color:var(--gray); font-size:13px; }
.blog-search-status:empty { display:none; }
.blog-search-empty { padding:36px 0; }
.blog-search-empty p { color:var(--gray); }
@media(max-width:640px) { .blog-directory { padding-top:155px; padding-bottom:70px; }.blog-search { gap:8px; padding-left:14px; }.blog-search input { font-size:13px; }.blog-search button { padding:13px 18px; }.blog-search-hint { margin-bottom:42px; }.blog-row { grid-template-columns:100px minmax(0,1fr); gap:16px; align-items:start; }.blog-row-copy h2 { font-size:18px; }.blog-row-description { font-size:13px; }.blog-row-image { border-radius:10px; } }

.release-cta { display:grid; grid-template-columns:64px minmax(0,1fr) auto; align-items:center; gap:22px; padding:32px; }
.release-cta .release-cta-icon { margin:0; }
.release-cta-copy h2 { font-size:24px; line-height:1.15; margin:10px 0; }
.release-cta-copy > p:last-child { margin:0; color:var(--gray); font-size:14px; line-height:1.6; }
.release-cta .button { margin:0; white-space:nowrap; font-size:13px; }
@media(max-width:640px) { .release-cta { grid-template-columns:56px minmax(0,1fr); padding:24px; gap:18px; }.release-cta .release-cta-icon { width:56px; height:56px; border-radius:15px; }.release-cta-copy h2 { font-size:22px; }.release-cta .button { grid-column:1 / -1; justify-self:start; } }