.journal-all{display:table;margin:2.2rem 0 0 auto}
.blog-hero{padding:9vw 7vw 7vw;border-bottom:1px solid var(--line)}
.blog-hero .eyebrow{color:var(--stone)}
.blog-hero h1,.article-header h1{font-family:"Italiana",serif;font-weight:400;line-height:.98;letter-spacing:-.035em}
.blog-hero h1{font-size:clamp(4.2rem,8vw,8rem);margin:1rem 0 1.5rem}
.blog-hero h1 em,.article-header h1 em{font-weight:400;color:var(--stone)}
.blog-hero>p:last-child{max-width:620px;font-size:1.08rem;line-height:1.7}
.blog-list{padding:7vw;display:grid;gap:1px;background:var(--line)}
.blog-list .journal-card{background:var(--ivory);min-height:330px}
.blog-list .journal-card:hover{background:var(--paper)}
.article-header{padding:8vw 7vw 6vw;border-bottom:1px solid var(--line)}
.article-header-inner{max-width:1050px}
.article-header h1{font-size:clamp(3.4rem,7vw,7rem);margin:1rem 0 2rem}
.article-meta{display:flex;gap:1.5rem;flex-wrap:wrap;color:var(--stone);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}
.article-layout{display:grid;grid-template-columns:minmax(180px,26%) minmax(0,740px);gap:7vw;padding:7vw;justify-content:center}
.article-aside{align-self:start;position:sticky;top:120px;border-top:1px solid var(--line);padding-top:1.2rem}
.article-aside p{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--stone)}
.article-aside a{display:block;padding:.65rem 0;font-size:.88rem}
.article-body{font-size:1.06rem;line-height:1.8}
.article-body>p:first-child{font-size:1.28rem;line-height:1.65}
.article-body h2{font-family:"Italiana",serif;font-size:clamp(2.2rem,4vw,3.6rem);font-weight:400;line-height:1.08;margin:4rem 0 1.3rem}
.article-body h3{font-size:1rem;letter-spacing:.08em;text-transform:uppercase;margin:2.4rem 0 .8rem}
.article-body ul{padding-left:1.2rem}.article-body li{margin:.65rem 0}
.article-note{margin:3rem 0;padding:2rem;border-left:2px solid var(--stone);background:var(--paper)}
.article-figure{margin:3rem 0 4rem}
.article-figure img{width:100%;height:auto;object-fit:contain;background:var(--paper)}
.article-figure figcaption{padding:.85rem 0;border-bottom:1px solid var(--line);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--stone)}
.article-cta{margin-top:5rem;padding:3rem;background:var(--ink);color:var(--ivory)}
.article-cta h2{margin-top:0}.article-cta p{color:#c8c1b7}
.breadcrumbs{font-size:.74rem;color:var(--stone);margin-bottom:2rem}
.breadcrumbs a{text-decoration:underline;text-underline-offset:4px}
@media(min-width:900px){.blog-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.blog-hero,.article-header{padding:18vw 7vw 12vw}.article-layout{grid-template-columns:1fr;padding:14vw 7vw}.article-aside{display:none}.blog-list{padding:12vw 7vw}.article-cta{padding:2rem}.journal-all{margin-left:0}}
@media(max-width:900px){.header-cta{display:block;font-size:.62rem;max-width:42%;text-align:right}}

@media (max-width: 620px) {
  html,body{width:100%;max-width:100%;overflow-x:clip}
  main,.blog-hero,.blog-hero>*,.blog-list,.blog-list>*,.article-header,.article-header-inner,.article-layout,.article-body,.article-cta{min-width:0;max-width:100%}
  .blog-hero h1{font-size:clamp(2.2rem,10.4vw,3.15rem);line-height:.98}
  .article-header h1{font-size:clamp(2.15rem,10vw,3rem);line-height:1}
  .blog-hero>p:last-child,.article-body,.article-body>p:first-child{max-width:100%}
  .instagram-float,.whatsapp-float{max-width:calc(100vw - 2rem)}
}