.blog-hero:before{content:none}.blog-hero>.container{padding-top:22%;padding-bottom:5%}.blog-hero h1{font-size:52px;max-width:900px}.hero-post-author{margin-top:10px;font-family:var(--font-heading);font-size:15px;font-weight:600}.wave{display:block;width:107%;margin-left:-3.5%;height:60px}.post-layout{padding-top:3%;padding-bottom:5%;display:flex;gap:50px;align-items:flex-start}.post-article{flex:1;min-width:0;display:flex;flex-direction:column;gap:22px}.post-p-sm{font-size:15px}.post-when{font-family:var(--font-heading);font-size:15px;font-weight:600}.post-h2{font-size:26px;font-weight:600}.post-h3{margin-top:6px;font-size:20px;font-weight:600}.post-list{margin:0;padding-left:24px;display:flex;flex-direction:column;gap:4px}.post-hr{width:100%;border:none;border-top:1px solid var(--color-border);margin:20px 0}.post-figure{display:flex;justify-content:center}.workshop{display:flex;gap:40px;align-items:flex-start}.workshop-copy{flex:1;display:flex;flex-direction:column;gap:16px}.workshop-img{flex:0 0 36%;aspect-ratio:3 / 4}.btn-dark{background:var(--color-black);color:var(--color-white)}.btn-dark:hover{background:var(--color-primary);color:var(--color-black)}.post-nav{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:18px 0;margin-top:14px}.post-nav a{display:flex;align-items:center;gap:10px;color:var(--color-text);min-width:0;transition:color .3s}.post-nav a:hover{color:var(--color-primary)}.post-nav a:hover .post-nav-arrow{transform:translate(-3px)}.post-nav a.post-nav-next:hover .post-nav-arrow{transform:translate(3px)}.post-nav-next{text-align:right}.post-nav-arrow{font-size:26px;transition:transform .3s}.post-nav-txt{display:flex;flex-direction:column;gap:4px}.post-nav-next .post-nav-txt{align-items:flex-end}.post-nav-label{font-family:var(--font-heading);font-size:14px;font-weight:600;color:var(--color-dark-grey)}.post-nav-title{font-size:17px;font-weight:600}.post-sidebar{flex:0 0 300px;position:sticky;top:180px;background:#aff7ff66;border-radius:var(--radius);padding:22px;display:flex;flex-direction:column;gap:18px}.sidebar-title{font-size:18px;font-weight:600}.recent-post{display:flex;gap:12px;align-items:flex-start;color:var(--color-text)}.recent-thumb{flex:none;width:56px;height:44px;border-radius:4px;background:repeating-linear-gradient(45deg,#e2eef2,#e2eef2 8px,#d5e6ec 8px,#d5e6ec 16px)}.recent-txt{display:flex;flex-direction:column;gap:4px;min-width:0}.recent-title{font-family:var(--font-heading);font-size:13px;font-weight:600;line-height:1.3;color:var(--color-secondary)}.recent-date{font-size:12px;color:#5c5c5c}.post-content{display:flex;flex-direction:column;gap:22px}.post-img{max-width:min(560px,100%);height:auto;border-radius:6px}.post-img--portrait{max-width:min(360px,100%)}img.workshop-img{object-fit:cover;border-radius:6px;min-width:0}img.recent-thumb{object-fit:cover}[data-post-recent]{display:flex;flex-direction:column;gap:18px}.post-notfound{flex:1;padding:60px 0;display:flex;flex-direction:column;gap:16px;align-items:flex-start}.post-notfound[hidden]{display:none}@media(max-width:1024px){.post-layout{flex-direction:column}.post-sidebar{flex:1 1 auto;width:100%}}@media(max-width:767px){.blog-hero h1{font-size:42px}.workshop{flex-direction:column}.workshop-img{flex:1 1 auto;width:100%}}
