/* Blog extends the existing InnoHome palette and locally hosted typography.
   DESIGN_VARIANCE 6 / MOTION_INTENSITY 3 / VISUAL_DENSITY 3. */
.ih-blog .blog-wrap{width:min(1440px,100%);margin-inline:auto;padding-inline:var(--ih-gutter,24px)}
.ih-blog .blog-main{padding-top:140px;padding-bottom:90px}
.ih-blog .blog-breadcrumbs{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;color:#aaa;margin-bottom:32px}
.ih-blog .blog-breadcrumbs a{text-decoration:underline;text-underline-offset:4px}
.ih-blog .blog-intro{padding-bottom:44px;max-width:940px}
.ih-site.ih-blog main h1{font-size:clamp(48px,7vw,100px);line-height:1.02;letter-spacing:-.055em;text-wrap:balance}
.ih-blog .blog-intro p{max-width:620px;margin-top:22px;font-size:18px;color:#b4b4b4}
.ih-blog .blog-feature{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:center;padding-block:28px 64px;border-top:1px solid #343434}
.ih-blog .blog-feature-image{display:block;overflow:hidden;aspect-ratio:4/3;background:#1b1b1b}
.ih-blog .blog-feature-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.ih-blog .blog-feature-image:hover img{transform:scale(1.025)}
.ih-blog .blog-meta{display:flex;flex-wrap:wrap;gap:12px 24px;color:#aaa;font-size:13px;margin-bottom:20px}
.ih-blog .blog-draft{display:inline-block;padding:5px 9px;border:1px solid #555;color:#ccc;font-size:12px;line-height:1.4}
.ih-blog .blog-feature h2{font-size:clamp(28px,3.25vw,46px);line-height:1.12;margin-bottom:22px;letter-spacing:-.04em}
.ih-blog .blog-feature h2 a:hover{color:#bbb}
.ih-blog .blog-feature p{font-size:17px;color:#b4b4b4;max-width:48ch;margin-bottom:28px}
.ih-blog .blog-link{display:inline-flex;align-items:center;gap:14px;padding-block:9px;border-bottom:1px solid #aaa;font-size:15px;min-height:44px}
.ih-blog .blog-caption{font-size:12px;color:#aaa;margin-top:10px}
.ih-blog .blog-feature .blog-caption{font-size:12px;max-width:none;margin-bottom:0;line-height:1.6}
.ih-blog .blog-cta{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:40px 0;border-top:1px solid #343434}
.ih-blog .blog-cta h2{font-size:clamp(24px,3vw,36px);line-height:1.15;margin-bottom:14px}
.ih-blog .blog-cta p{max-width:55ch;color:#b4b4b4;font-size:16px}
.ih-blog .blog-button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;white-space:nowrap;background:#e6e6e6;color:#151515;padding:14px 23px;font-weight:600;font-size:14px;border:1px solid #e6e6e6;transition:background .2s}
.ih-blog .blog-button:hover{background:#ccc}
.ih-blog .blog-article-header{max-width:970px}
.ih-site.ih-blog .blog-article-header{background:none;border:0;backdrop-filter:none}
.ih-site.ih-blog .blog-article-header>div{padding:0;max-width:none}
.ih-site.ih-blog main .blog-article-header h1{font-size:clamp(34px,4.65vw,64px);line-height:1.08;letter-spacing:-.04em}
.ih-blog .blog-article-header .blog-meta{margin-top:25px;margin-bottom:0}
.ih-blog .blog-lead{max-width:760px;font-size:21px;line-height:1.7;color:#c8c8c8;margin-top:26px}
.ih-blog .blog-cover{margin:40px 0 54px}
.ih-blog .blog-cover img{display:block;width:100%;height:auto;max-height:640px;object-fit:cover;aspect-ratio:1.85}
.ih-blog .blog-cover figcaption{margin-top:12px;max-width:75ch;font-size:13px;color:#aaa;line-height:1.6}
.ih-blog .blog-reading{display:grid;grid-template-columns:240px minmax(0,760px);gap:clamp(36px,6vw,100px);align-items:start}
.ih-blog .blog-toc{position:sticky;top:110px;font-size:14px}
.ih-blog .blog-toc p{font-weight:600;margin-bottom:15px;color:#e6e6e6}
.ih-blog .blog-toc ol{list-style:none;padding:0;display:grid;gap:13px}
.ih-blog .blog-toc a{color:#aaa;line-height:1.5;display:block}
.ih-blog .blog-toc a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.ih-blog .blog-copy{font-size:18px;line-height:1.8;color:#bcbcbc}
.ih-blog .blog-copy section{margin-bottom:44px}
.ih-blog .blog-copy h2{font-size:clamp(27px,3vw,36px);line-height:1.2;color:#eee;margin-bottom:20px;letter-spacing:-.035em}
.ih-blog .blog-copy h3{font-size:20px;color:#eee;margin-bottom:10px;line-height:1.3}
.ih-blog .blog-copy p{margin-bottom:18px}
.ih-blog .blog-copy :is(h2,h3,li):target{scroll-margin-top:110px}
.ih-blog .blog-copy a{text-decoration:underline;text-underline-offset:4px;color:#ddd}
.ih-blog .blog-copy ul{list-style:disc;padding-left:23px;display:grid;gap:10px;margin-bottom:20px}
.ih-blog .blog-decisions{display:grid;grid-template-columns:1fr 1fr;gap:25px 30px;margin-top:28px}
.ih-blog .blog-decisions p{font-size:16px}
.ih-blog .blog-checklist{padding:28px;background:#1b1b1b;border-left:2px solid #777}
.ih-blog .blog-sources{border-top:1px solid #444;padding-top:28px;font-size:14px;line-height:1.7}
.ih-blog .blog-sources ol{list-style:decimal;padding-left:20px;display:grid;gap:14px}
.ih-blog .blog-sources small{display:block;color:#aaa}
.ih-blog .blog-related{margin-top:40px}
.ih-blog .blog-related p{display:flex;flex-wrap:wrap;gap:10px 24px;font-size:16px}
.ih-blog .blog-article-cta{margin-top:48px;padding-top:30px;border-top:1px solid #444}
.ih-blog .blog-article-cta p{font-size:17px}
.ih-blog .blog-copy .blog-button{color:#151515;text-decoration:none;margin-block:8px 18px}
.ih-blog .blog-back{margin-top:32px;font-size:15px}
.ih-blog .blog-skip{position:fixed;top:10px;left:10px;z-index:100;background:#eee;color:#111;padding:12px;transform:translateY(-180%)}
.ih-blog .blog-skip:focus{transform:none}
.ih-blog header [x-show]{height:100dvh}
@media(min-width:1280px) and (max-width:1450px){.ih-site header>div{gap:16px;padding-inline:24px}.ih-site header nav{gap:15px}.ih-site header nav>a,.ih-site header .nav-item>a{font-size:12px}}
@media(max-width:900px){.ih-blog .blog-reading{grid-template-columns:1fr;gap:32px}.ih-blog .blog-toc{position:static;border-block:1px solid #444;padding-block:22px}.ih-blog .blog-toc ol{grid-template-columns:1fr 1fr;gap:12px 24px}}
@media(max-width:767px){.ih-blog .blog-main{padding-top:115px;padding-bottom:55px}.ih-blog .blog-intro{padding-bottom:30px}.ih-site.ih-blog main h1{font-size:52px}.ih-blog .blog-intro p{font-size:17px}.ih-blog .blog-feature{grid-template-columns:1fr;gap:26px;padding-bottom:44px}.ih-blog .blog-feature h2{font-size:32px}.ih-blog .blog-feature p{font-size:16px}.ih-blog .blog-cta{display:block;padding-top:30px}.ih-blog .blog-cta .blog-button{margin-top:22px}.ih-site.ih-blog main .blog-article-header h1{font-size:clamp(32px,8vw,45px)}.ih-blog .blog-lead{font-size:18px}.ih-blog .blog-cover{margin:28px 0 32px}.ih-blog .blog-cover img{aspect-ratio:4/3}.ih-blog .blog-copy{font-size:17px}.ih-blog .blog-decisions{grid-template-columns:1fr;gap:15px}.ih-blog .blog-checklist{padding:22px}.ih-blog .blog-toc ol{grid-template-columns:1fr}.ih-blog .blog-breadcrumbs{margin-bottom:25px}.ih-blog .blog-copy h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){.ih-blog *{scroll-behavior:auto!important;transition:none!important}.ih-blog .blog-feature-image:hover img{transform:none}}