
.inner-hero {background:#f1eae2;padding:82px 0 76px;border-bottom:1px solid #ddcbb9}
.inner-hero h1 {font-size:clamp(36px,4.5vw,64px);max-width:1000px;line-height:1.15;margin:22px 0}
.inner-hero p:not(.eyebrow) {max-width:780px;font-size:18px}
.crumb {font-size:14px!important;color:#665d54}
.inner-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:32px}
.inner-card {border:1px solid #e8dfd6;background:white;border-radius:4px;overflow:hidden;transition:transform .3s,box-shadow .3s}
.inner-card:hover {transform:translateY(-7px);box-shadow:0 18px 38px #33271814}
.inner-card img {width:100%;height:270px;object-fit:cover;background:#f5efe8}
.inner-card a>div {padding:26px}
.inner-card h3 {font-size:23px;line-height:1.35}
.info-box {background:#f7f3ee;padding:30px;border-top:3px solid #9b6c43}
.info-box h3 {font-size:23px;line-height:1.35}
.detail-layout {display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;margin-top:32px}
.detail-image {width:100%;height:440px;object-fit:cover;background:#f7f3ee}
.lead {font-size:21px;line-height:1.8}
.reading {max-width:860px;font-size:18px;line-height:1.9}
.reading li {margin-bottom:14px}
.article {margin:auto}
.article section {padding:20px 0;scroll-margin-top:130px}
.article h2 {font-size:34px}
.article-cover {width:100%;max-height:440px;object-fit:cover;margin:25px 0}
.article-toc {display:grid;gap:8px;padding:26px;background:#f7f3ee;margin:32px 0}
.article-toc a {text-decoration:underline;text-underline-offset:4px}
.blog-search {display:block;max-width:560px;margin:28px 0}
.blog-search input {display:block;width:100%;padding:15px;border:1px solid #d5c5b5;margin-top:10px}
#mainNav {gap:18px}
#mainNav a {font-size:14px}
a:focus-visible,button:focus-visible,input:focus-visible {outline:3px solid #9b6c43;outline-offset:4px}
.floating-contact {position:fixed;bottom:22px;right:22px;display:grid;gap:8px;z-index:90}
.floating-contact a {background:#25231f;color:#fff;padding:11px 19px;border-radius:30px;box-shadow:0 5px 20px #0002}
.floating-contact a:last-child {background:#277a46}
@media(max-width:1000px){.inner-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-layout{gap:28px}.header-cta{display:none}}
@media(max-width:640px){.inner-grid,.detail-layout{grid-template-columns:1fr}.inner-hero{padding:48px 0}.detail-image{height:300px}.inner-card img{height:245px}.reading{font-size:16px}.inner-hero h1{font-size:38px}.floating-contact{right:12px;bottom:12px}.floating-contact a{font-size:13px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}.reveal{opacity:1!important;transform:none!important}}
