/* Editorial templates. Typography and colours inherit MoodFramework settings. */
.mir-blog{padding-block:64px 80px;min-height:55vh}
.mir-blog-heading{position:relative;max-width:900px;margin-bottom:48px;padding-bottom:28px}
.mir-blog-heading:after{content:"";display:block;width:110px;height:10px;margin-top:26px;border-bottom:1px solid var(--accent);border-radius:0 0 65% 45%}
.mir-blog h1{font-size:clamp(38px,4.4vw,64px);line-height:1.1;letter-spacing:-.025em;text-transform:none;margin-bottom:22px}
.mir-blog .eyebrow{margin:0 0 14px;font-size:12px;letter-spacing:.13em}
.mir-blog-intro{max-width:690px;font-size:18px;line-height:1.7}
.mir-blog-intro p{margin:0}
.mir-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.mir-blog-card{min-width:0;display:flex;flex-direction:column;background:#ffffff80;border:1px solid var(--line);border-radius:5px;overflow:hidden}
.mir-blog-card-image{display:block;aspect-ratio:3/2;overflow:hidden;background:var(--line)}
.mir-blog-card-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}
.mir-blog-card:hover .mir-blog-card-image img{transform:scale(1.025)}
.mir-blog-card-body{display:flex;flex-direction:column;flex:1;padding:26px}
.mir-blog-meta{display:flex;gap:6px 16px;flex-wrap:wrap;margin:0 0 17px;font-size:11px;line-height:1.6;letter-spacing:.025em}
.mir-blog-meta a{font-weight:600;text-decoration:none}
.mir-blog-meta time{color:var(--muted)}
.mir-blog-card h2{font-size:clamp(25px,2.1vw,31px);line-height:1.23;letter-spacing:-.02em;margin:0 0 18px;text-transform:none}
.mir-blog-card h2 a{text-decoration:none}
.mir-blog-card h2 a:hover,.mir-blog-read:hover{text-decoration:underline}
.mir-blog-excerpt{font-size:15px;line-height:1.75;margin:0 0 28px}
.mir-blog-read{display:flex;justify-content:space-between;gap:12px;margin-top:auto;padding-top:18px;border-top:1px solid var(--line);font-size:13px;font-weight:600;text-decoration:none}
.mir-blog a:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.mir-blog .pagination{margin:48px 0 0}
.mir-blog .nav-links{display:flex;flex-wrap:wrap;gap:10px}
.mir-blog .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px 13px;border:1px solid var(--line);text-decoration:none;font-size:14px}
.mir-blog .page-numbers.current{background:var(--ink);color:#fff}
.mir-blog-empty{padding-block:20px 40px}
.mir-blog-empty h2{font-size:30px}
.mir-blog-shop{display:flex;align-items:center;justify-content:space-between;gap:36px;border-top:1px solid var(--line);margin-top:70px;padding-top:42px;border-radius:35% 3% 0 0 / 16px 5px 0 0}
.mir-blog-shop h2{font-size:clamp(28px,3vw,40px);margin-bottom:14px}
.mir-blog-shop p:last-child{margin-bottom:0;font-size:16px}
.mir-blog-shop .button{flex-shrink:0}
.mir-article-heading{max-width:900px;margin:0 auto 36px}
.mir-blog-back{display:inline-block;font-size:13px;margin-bottom:32px;text-decoration:none}
.mir-article-intro{font-size:clamp(18px,2vw,21px);line-height:1.65;margin:0}
.mir-article-cover{max-width:1120px;margin:0 auto 48px}
.mir-article-cover img{width:100%;height:auto;max-height:600px;object-fit:cover;border-radius:4px}
.mir-article-content{max-width:760px;margin-inline:auto;font-size:18px;line-height:1.85}
.mir-article-content>*{max-width:100%}
.mir-article-content h2{font-size:clamp(29px,3vw,39px);margin:44px 0 20px;line-height:1.22}
.mir-article-content h3{font-size:27px;margin:32px 0 18px;line-height:1.3}
.mir-article-content p{margin:0 0 24px}
.mir-article-content blockquote{margin:32px 0;padding:12px 24px;border-left:2px solid var(--accent);font-family:var(--heading);font-size:25px}
.mir-article-content figure{margin:32px 0}
.mir-article-content figcaption,.mir-article-content .wp-caption-text{font-size:13px;line-height:1.6;color:var(--muted);margin-top:12px}
.mir-article-content iframe,.mir-article-content video{max-width:100%}
.mir-article-content table{display:block;overflow-x:auto}
.mir-article-content pre{overflow-x:auto;padding:20px;background:#fff8}
.mir-article-comments{border-top:1px solid var(--line);padding-top:32px;margin-top:44px}
.mir-article-nav{display:grid;grid-template-columns:1fr 1fr;gap:32px;max-width:900px;margin:56px auto 0;padding-top:28px;border-top:1px solid var(--line)}
.mir-article-nav a{text-decoration:none;font-family:var(--heading);font-size:24px;line-height:1.35}
.mir-article-nav a span{display:block;font-family:var(--body);font-size:11px;letter-spacing:.06em;margin-bottom:12px}
.mir-article-nav>div:last-child{text-align:right}
@media(max-width:1000px){.mir-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.mir-blog-shop{align-items:flex-start;flex-direction:column}}
@media(max-width:640px){.mir-blog{padding-block:38px 55px}.mir-blog-heading{margin-bottom:30px;padding-bottom:10px}.mir-blog-grid{grid-template-columns:1fr}.mir-blog-card-body{padding:23px}.mir-blog-card h2{font-size:28px}.mir-article-cover{margin-bottom:32px}.mir-article-content{font-size:17px;line-height:1.8}.mir-article-nav{grid-template-columns:1fr;gap:24px}.mir-article-nav>div:last-child{text-align:left}.mir-blog-shop{margin-top:48px;padding-top:32px}.mir-blog-shop .button{width:100%}}
@media(prefers-reduced-motion:reduce){.mir-blog-card-image img{transition:none}.mir-blog-card:hover .mir-blog-card-image img{transform:none}}
