.blogPage{min-height:100vh;display:flex;flex-direction:column;background:#fffcf9;color:var(--ink)}
.blogPage main{flex:1}
.blogPage [aria-current="page"]{color:var(--orange)}
.blogPage :is(a,button):focus-visible{outline:2px solid #bb4420;outline-offset:5px}
.blogHero{position:relative;isolation:isolate;overflow:hidden;padding:56px 0 52px;background:radial-gradient(ellipse at 93% 15%,#fce8da99,transparent 42%)}
.blogHero::before{content:"";position:absolute;z-index:-1;width:350px;height:330px;left:-170px;top:-105px;border-radius:50%;background:linear-gradient(150deg,#fbe5d880,#fdf4ed30)}
.blogHeroInner{text-align:center}
.blogHero .sectionKicker{margin:0 0 16px;color:var(--orange);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.blogHero h1{margin:0;font-family:var(--serif);font-size:clamp(38px,4.5vw,60px);font-weight:400;line-height:1.12;letter-spacing:-.045em;text-wrap:balance}
.blogHeroInner>p:last-child{max-width:650px;margin:18px auto 0;color:#514e60;font-size:16px;line-height:1.6;text-wrap:pretty}
.blogHeroNote{position:absolute;right:max(30px,calc((100vw - 1180px)/2 - 8px));top:64px;color:#817369;font-family:var(--serif);font-style:italic;font-size:19px;line-height:1.2;text-align:center;transform:rotate(-8deg)}
.blogHeroNote>span{display:block;margin-top:9px;color:var(--orange);font-size:29px}
.blogIndex{padding:12px 0 54px}
.blogSectionHeading{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:20px}
.blogIndex h2{margin:0;font-family:var(--serif);font-size:38px;font-weight:400;line-height:1.15;letter-spacing:-.035em}
.featuredGuide{overflow:hidden;border:1px solid #e9e0da;border-radius:16px;background:#fffdfb;box-shadow:0 10px 32px #6b433009}
.featuredGuideLink{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);color:inherit;text-decoration:none;border-radius:inherit}
.blogCardLink{display:flex;flex:1;flex-direction:column;min-width:0;padding:8px;color:inherit;text-decoration:none;border-radius:inherit}
.blogPage :is(.featuredGuideLink,.blogCardLink):focus-visible{outline:2px solid #bb4420;outline-offset:-3px}
.featuredGuideImage,.blogGuideImage{display:block;overflow:hidden;background:#f6eee8}
.featuredGuideImage{align-self:stretch;min-height:100%;aspect-ratio:3/2}
.featuredGuideImage img,.blogGuideImage img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .35s ease}
.featuredGuideLink:hover img,.blogCardLink:hover img{transform:scale(1.025)}
.featuredGuideCopy{align-self:center;padding:34px 36px}
.blogArticleMeta{margin:0 0 14px;color:#e85b2e;font-size:10px;font-weight:700;line-height:1.5;letter-spacing:.14em;text-transform:uppercase}
.featuredGuideCopy h3,.blogGuideCopy h3{margin:0;font-family:var(--serif);font-weight:400;letter-spacing:-.032em;text-wrap:pretty}
.featuredGuideCopy h3{font-size:clamp(29px,2.9vw,39px);line-height:1.08}
.featuredGuideCopy h3,.blogGuideCopy h3{transition:color .2s ease}
.featuredGuideLink:hover h3,.blogCardLink:hover h3{color:#b14525}
.featuredGuideCopy>p:not(.blogArticleMeta,.blogByline),.blogGuideCopy>p:not(.blogArticleMeta){color:#5f5968;font-size:15px;line-height:1.65}
.featuredGuideCopy>p:not(.blogArticleMeta,.blogByline){margin:20px 0 25px}
.blogPage .featuredGuideCopy .button{min-height:46px;padding:0 26px;border-radius:12px;font-size:13px;box-shadow:0 6px 15px #ea683625}
.blogByline{display:flex;align-items:center;flex-wrap:wrap;gap:5px 0;color:#928b93;font-size:11px;line-height:1.6}
.blogByline>*+*::before{content:"·";margin:0 9px}
.featuredGuideCopy>.blogByline{margin:20px 0 0}
.blogPage .textLink{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;color:#e95324;font-size:13px;font-weight:600;text-decoration:none}
.blogPage .textLink>span{transition:transform .2s ease}
.blogPage .textLink:hover>span,.blogCardLink:hover .textLink>span{transform:translateX(3px)}
.blogMoreGuides{margin-top:58px;scroll-margin-top:100px}
.blogMoreGuides>h2{margin-bottom:20px}
.blogContentSection{margin-top:62px;scroll-margin-top:100px}
.blogSectionIntro{max-width:610px;margin:10px 0 0;color:#6b6470;font-size:15px;line-height:1.6}
.blogEssential .blogGuideGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.blogEssential .blogGuideCopy h3{font-size:24px}
.blogTopicGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.blogTopicCard{min-width:0;overflow:hidden;border:1px solid #e7ddd5;border-radius:15px;background:#fffdfb;box-shadow:0 8px 24px #6b433006;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.blogTopicCard:hover{border-color:#e0cdbf;box-shadow:0 14px 32px #6b433012;transform:translateY(-3px)}
.blogTopicCardLink{display:flex;height:100%;flex-direction:column;color:inherit;text-decoration:none}
.blogTopicImage{aspect-ratio:16/9;overflow:hidden;background:#f6eee8}
.blogTopicImage img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.blogTopicCard:hover .blogTopicImage img{transform:scale(1.025)}
.blogTopicCopy{display:flex;flex:1;flex-direction:column;padding:19px 18px 17px}
.blogTopicCopy .blogArticleMeta{margin-bottom:9px}
.blogTopicCopy h3{margin:0;font-family:var(--serif);font-size:27px;font-weight:400;line-height:1.12;letter-spacing:-.032em}
.blogTopicCopy>p:not(.blogArticleMeta){margin:10px 0 18px;color:#625b68;font-size:14px;line-height:1.55}
.blogTopicFooter{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;color:#8b7f83;font-size:12px}
.blogTopicFooter .textLink{font-size:12px}
.blogTopicSection{margin-top:58px;padding-top:4px}
.blogTopicSection+.blogTopicSection{border-top:1px solid #eee4dd;padding-top:48px}
.blogTopicSection .blogSectionHeading{margin-bottom:8px}
.blogTopicSection .blogArticleMeta{margin:0 0 8px}
.blogTopicSection h2{margin:0;font-family:var(--serif);font-size:34px;font-weight:400;line-height:1.15;letter-spacing:-.035em}
.blogTopicSectionIntro{margin:0 0 20px;color:#6b6470;font-size:15px;line-height:1.6}
.blogTopicSection .blogGuideGrid,.blogTopicStart .blogGuideGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.blogTopicSection .blogGuideCopy h3,.blogTopicStart .blogGuideCopy h3{font-size:24px}
.blogLatest .blogGuideGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.blogLatest .blogGuideCopy h3{font-size:24px}
.blogPageCta{margin-top:48px}
.blogTopicHero{padding:48px 0 42px;background:radial-gradient(ellipse at 93% 15%,#fce8da99,transparent 42%)}
.blogBreadcrumb{display:inline-flex;margin-bottom:30px;color:#8a7066;font-size:13px;text-decoration:none}
.blogBreadcrumb:hover{color:var(--orange)}
.blogTopicHero .sectionKicker{margin:0 0 14px;color:var(--orange);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.blogTopicHero h1{margin:0;font-family:var(--serif);font-size:clamp(42px,5vw,66px);font-weight:400;line-height:1.1;letter-spacing:-.045em}
.blogTopicHero .wrap>p:last-child{max-width:720px;margin:19px 0 0;color:#5f5968;font-size:17px;line-height:1.7}
.blogTopicIndex{padding:10px 0 58px}
.blogTopicStart,.blogTopicAll,.blogRelatedTopics{margin-top:46px}
.blogTopicAll{border-top:1px solid #eee4dd;padding-top:44px}
.blogTopicAll .blogGuideGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.blogTopicAll .blogGuideCopy h3{font-size:24px}
.blogRelatedLinks{display:flex;flex-wrap:wrap;gap:16px 26px}
.blogGuideGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.blogGuideCard{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #ece4de;border-radius:15px;background:#fffdfb;box-shadow:0 8px 24px #6b433006;transition:box-shadow .25s ease,border-color .25s ease}
.blogGuideCard:hover{border-color:#e4d3c7;box-shadow:0 12px 30px #6b43300d}
.blogGuideImage{aspect-ratio:16/9;border-radius:10px}
.blogGuideImageTop img{object-position:center top}
.blogGuideCopy{flex:1;display:flex;flex-direction:column;padding:23px 15px 16px}
.blogGuideCopy>.blogArticleMeta{margin-bottom:12px}
.blogGuideCopy h3{font-size:28px;line-height:1.16}
.blogGuideCopy>p:not(.blogArticleMeta){margin:12px 0 25px}
.blogCardFooter{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-top:auto;padding-top:6px}
.blogCardFooter .blogByline{margin:0;font-size:10px}
.blogCardNote{margin:0;color:#90848a;font-size:11px;line-height:1.5}
.blogPage .blogCta{margin-top:48px}
.blogPage .siteFooter{border-top:1px solid #eee6e0;background:#fffdfb}
@media(max-width:1199px){
  .blogHeroNote{display:none}
  .featuredGuideCopy{padding:28px}
  .featuredGuideCopy h3{font-size:32px}
  .blogGuideCopy h3{font-size:26px}
  .blogTopicGrid,.blogEssential .blogGuideGrid,.blogTopicSection .blogGuideGrid,.blogTopicStart .blogGuideGrid,.blogLatest .blogGuideGrid,.blogTopicAll .blogGuideGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .featuredGuideCopy{padding:25px}
  .featuredGuideCopy h3{font-size:29px}
  .featuredGuideCopy>p:not(.blogArticleMeta,.blogByline){font-size:14px;margin:16px 0 20px}
  .blogGuideCopy{padding:20px 12px 14px}
  .blogGuideCopy h3{font-size:25px}
}
@media(max-width:700px){
  .blogHero{padding:38px 0 38px}
  .blogHero h1{font-size:40px;line-height:1.1}
  .blogHero .sectionKicker{font-size:10px;letter-spacing:.14em}
  .blogHeroInner>p:last-child{font-size:15px;margin-top:16px}
  .blogIndex{padding:10px 0 36px}
  .blogIndex h2{font-size:31px}
  .blogSectionHeading{gap:10px;margin-bottom:17px}
  .blogSectionHeading .textLink{font-size:11px}
  .featuredGuide{border-radius:13px}
  .featuredGuideLink{grid-template-columns:1fr}
  .featuredGuideImage{min-height:0;aspect-ratio:16/9}
  .featuredGuideCopy{padding:25px 23px}
  .featuredGuideCopy h3{font-size:30px;line-height:1.12}
  .featuredGuideCopy>p:not(.blogArticleMeta,.blogByline){font-size:15px}
  .blogMoreGuides{margin-top:36px}
  .blogGuideGrid{grid-template-columns:1fr;gap:22px}
  .blogContentSection{margin-top:42px}
  .blogTopicGrid,.blogEssential .blogGuideGrid,.blogTopicSection .blogGuideGrid,.blogTopicStart .blogGuideGrid,.blogLatest .blogGuideGrid,.blogTopicAll .blogGuideGrid{grid-template-columns:1fr;gap:18px}
  .blogTopicCopy{padding:17px 15px 15px}
  .blogTopicCopy h3{font-size:25px}
  .blogTopicSection{margin-top:42px}
  .blogTopicSection+.blogTopicSection{padding-top:36px}
  .blogTopicSection h2{font-size:30px}
  .blogTopicSection .blogSectionHeading{align-items:flex-start;flex-direction:column;gap:10px}
  .blogTopicHero{padding:34px 0 34px}
  .blogTopicHero h1{font-size:42px}
  .blogTopicHero .wrap>p:last-child{font-size:15px}
  .blogTopicIndex{padding-bottom:38px}
  .blogRelatedLinks{flex-direction:column;gap:13px}
  .blogGuideCopy{padding:22px 14px 18px}
  .blogGuideCopy h3{font-size:26px}
  .blogPage .blogCta{margin-top:32px}
  .blogPage .footerGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 20px}
  .blogPage .footerBrand{grid-column:1/-1}
}
@media(prefers-reduced-motion:reduce){
  .blogPage *, .blogPage *::before, .blogPage *::after{scroll-behavior:auto;transition:none}
}