.top nav a.active{color:#b47289;font-weight:700}

.blogHero{min-height:560px;position:relative;background:url('assets/blog-hero.png') center/cover no-repeat;display:flex;align-items:center;padding:70px 6%;overflow:hidden}
.blogHeroShade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(251,246,242,.95) 0%,rgba(251,246,242,.82) 30%,rgba(251,246,242,.25) 55%,rgba(251,246,242,0) 74%)}
.blogHeroCopy{position:relative;z-index:2;max-width:670px}
.blogHero h1{font:72px/.98 Italiana,serif;margin:14px 0 22px;color:#24191f}
.blogHero h1 em{font-style:italic;color:#b86f89}
.blogHeroCopy>p:not(.eyebrow){max-width:610px;line-height:1.75;color:#493941;font-size:14px}
.blogHero .outline{border-color:#9e7c89;color:#5f4550;background:rgba(255,255,255,.38)}
.blogHeroNote{position:absolute;right:11%;top:50%;transform:translateY(-50%);z-index:2;font:italic 29px/1.45 Italiana,serif;color:#fff;text-shadow:0 3px 18px rgba(48,32,40,.25)}

.blogCategories{padding-top:28px;padding-bottom:28px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;border-bottom:1px solid #eadde0}
.blogCategories span,.blogTopicList span{padding:11px 17px;border:1px solid #dfcbd2;border-radius:999px;background:#fffaf7;color:#54414a;font-size:11px}

.blogSoon{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center;padding-top:82px;padding-bottom:82px}
.blogSoonVisual{position:relative;min-height:610px;overflow:hidden;border-radius:28px}
.blogSoonVisual img{height:100%;min-height:610px;object-fit:cover}
.blogSoonVisual:after{content:"";position:absolute;inset:auto 0 0 0;height:40%;background:linear-gradient(transparent,rgba(42,29,36,.17))}
.blogSoonCopy h2,.blogTopics h2,.blogBridge h2{font:58px/1.02 Italiana,serif;margin:14px 0 22px}
.blogSoonCopy>p{line-height:1.82;color:#4e3f47;max-width:760px}
.blogPromise{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:30px 0}
.blogPromise article{background:#fff;border:1px solid #eadde1;border-radius:18px;padding:20px;box-shadow:0 12px 28px rgba(73,50,61,.05)}
.blogPromise span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#f5e6eb;color:#b47289;font:18px Italiana,serif;margin-bottom:13px}
.blogPromise h3{font-size:14px;margin:0 0 7px}
.blogPromise p{font-size:11px;line-height:1.65;color:#74646d;margin:0}

.blogTopics{display:grid;grid-template-columns:.78fr 1.22fr;gap:70px;align-items:center;background:#f7ecef;border-top:1px solid #eadde0;border-bottom:1px solid #eadde0}
.blogTopicsIntro p{line-height:1.7;color:#5b4a53;max-width:520px}
.blogTopicList{display:flex;flex-wrap:wrap;gap:12px}
.blogTopicList span{background:rgba(255,255,255,.75)}

.blogBridge{padding:72px 6%;background:url('assets/silk.png') center/cover no-repeat;display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}
.blogBridge p{max-width:760px;line-height:1.75;color:#4f3f48}
.blogBridge .actions{justify-self:end;flex-wrap:wrap}
.blogBridge .outline.dark{background:rgba(255,255,255,.72)}

.blog-reveal{opacity:0;transform:translateY(30px);transition:opacity .85s ease,transform 1s cubic-bezier(.16,.84,.22,1)}
.blog-reveal.left{transform:translateX(-60px)}
.blog-reveal.right{transform:translateX(60px)}
.blog-reveal.up{transform:translateY(34px)}
.blog-reveal.in{opacity:1;transform:translate3d(0,0,0)}

@media(max-width:900px){
  .blogHero{min-height:620px;padding:70px 24px;background-position:63% center;align-items:flex-end}
  .blogHeroShade{background:linear-gradient(90deg,rgba(251,246,242,.96) 0%,rgba(251,246,242,.78) 58%,rgba(251,246,242,.18) 100%)}
  .blogHero h1{font-size:52px}
  .blogHeroNote{display:none}
  .blogSoon,.blogTopics,.blogBridge{grid-template-columns:1fr}
  .blogSoon{gap:32px;padding:62px 22px}
  .blogSoonVisual{min-height:420px}
  .blogSoonVisual img{min-height:420px}
  .blogSoonCopy h2,.blogTopics h2,.blogBridge h2{font-size:42px}
  .blogPromise{grid-template-columns:1fr}
  .blogTopics{padding:60px 22px;gap:28px}
  .blogBridge{padding:58px 22px;gap:28px}
  .blogBridge .actions{justify-self:start}
}