.blog-post-page #main-nav .lang-toggle{display:none}.blog-post-page .nav-mobile-lang{display:none!important}#main-nav .nav-active{color:var(--black)}.post-header{padding:140px 0 40px}.post-back{display:inline-flex;align-items:center;gap:6px;font-family:DM Mono,monospace;font-size:var(--t-label);text-transform:uppercase;letter-spacing:.1em;color:var(--grey3);text-decoration:none;margin-bottom:40px;transition:color .2s}.post-back:hover{color:var(--black)}.post-back svg{width:12px;height:12px}.post-header-meta{display:flex;align-items:center;gap:14px;margin-bottom:24px;flex-wrap:wrap}.post-author{display:flex;align-items:center;gap:8px}.author-avatar{width:32px;height:32px;border-radius:50%;background:var(--grey1);border:var(--frame);overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center}.author-avatar-initials{font-family:DM Mono,monospace;font-size:9px;color:var(--grey4);letter-spacing:.05em}.post-author-name{font-size:var(--t-body-sm);color:var(--grey4)}.post-date,.post-read-time{font-family:DM Mono,monospace;font-size:var(--t-micro);color:var(--grey3);text-transform:uppercase;letter-spacing:.08em}.meta-dot{width:3px;height:3px;border-radius:50%;background:var(--grey3);flex-shrink:0}.post-tags{display:flex;gap:6px;flex-wrap:wrap}.post-tag{font-family:DM Mono,monospace;font-size:var(--t-label);text-transform:uppercase;letter-spacing:.08em;border:var(--frame);padding:3px 8px;border-radius:2px;color:var(--grey4)}.post-header-content{max-width:748px;margin-left:auto;margin-right:auto}.post-title{font-size:clamp(28px,3.8vw,52px);font-weight:300;line-height:1.1;margin-bottom:20px}.post-subtitle{font-size:var(--t-body-lg);color:var(--grey4);line-height:var(--lh-body)}#post-title-nav{position:fixed;top:84px;left:var(--mg);right:var(--mg);z-index:90;background:var(--white);border-top:var(--frame);border-bottom:var(--frame);height:48px;padding:0 var(--cp);display:flex;align-items:center;opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .25s ease,transform .25s ease,top .32s cubic-bezier(.4,0,.2,1)}#post-title-nav.nav-gone{top:0}#post-title-nav.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.post-title-nav-text{font-family:DM Mono,monospace;font-size:var(--t-label);text-transform:uppercase;letter-spacing:.08em;color:var(--grey4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post-hero-img{width:100%;aspect-ratio:21/8;overflow:hidden;background:var(--grey1);margin-bottom:0}.post-hero-img img{width:100%;height:100%;object-fit:cover;display:block}.post-hero-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#ede8df,#ddd6c8,#ccc4b2);display:flex;align-items:center;justify-content:center}.post-hero-placeholder svg{opacity:.12;width:80px;height:80px}.post-hero-caption{padding:10px var(--cp);font-family:DM Mono,monospace;font-size:var(--t-micro);color:var(--grey3);letter-spacing:.06em;border-bottom:var(--frame)}.post-body-wrap{padding:64px 0 var(--section-py)}.post-body{max-width:748px;margin-left:auto;margin-right:auto}.post-body p{font-size:16px;font-weight:300;line-height:1.85;color:var(--black);margin-bottom:24px}.post-body h2{font-size:clamp(18px,2vw,24px);font-weight:400;line-height:1.25;margin:48px 0 16px;color:var(--black)}.post-body h3{font-size:16px;font-weight:500;line-height:1.3;margin:32px 0 10px;color:var(--black)}.post-body ul,.post-body ol{padding-left:20px;margin-bottom:24px}.post-body li{font-size:16px;font-weight:300;line-height:1.75;margin-bottom:6px;color:var(--black)}.post-body a{color:var(--black);text-decoration:underline;text-underline-offset:3px}.post-body strong{font-weight:500}.post-callout{border:var(--frame);border-left:3px solid var(--black);background:var(--off);border-radius:0 4px 4px 0;padding:20px 24px;margin:32px 0}.post-callout-text{font-size:15px;font-weight:300;line-height:1.7;color:var(--black);margin:0}.post-callout-text strong{font-weight:500}.post-callout.accent-red{border-left-color:var(--red);background:#fdf5f5}.post-callout.accent-blue{border-left-color:var(--blue);background:#f3f9fb}.post-callout.accent-yellow{border-left-color:var(--yellow);background:#fefdf0}.post-pullquote{border-top:1px solid var(--grey2);border-bottom:1px solid var(--grey2);padding:32px 0;margin:48px 0}.post-pullquote blockquote{font-size:clamp(18px,2.2vw,26px);font-weight:300;line-height:1.45;font-style:italic;color:var(--black)}.post-img-block{margin:40px 0;border-radius:4px;overflow:hidden;border:var(--frame)}.post-img-block img{width:100%;display:block}.post-img-placeholder{width:100%;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center}.post-img-placeholder.warm{background:linear-gradient(135deg,#f0ebe3,#ddd6c8)}.post-img-placeholder.cool{background:linear-gradient(135deg,#e3ecf0,#cce0e8)}.post-img-caption{display:block;padding:10px 14px;margin:0;line-height:1.4;background:var(--off);font-family:DM Mono,monospace;font-size:var(--t-micro);color:var(--grey3);letter-spacing:.06em;border-top:var(--frame)}.post-code{margin:32px 0;border-radius:4px;overflow:hidden;border:var(--frame)}.post-code-header{display:flex;align-items:center;justify-content:space-between;background:var(--off);border-bottom:var(--frame);padding:7px 14px}.post-code-lang{font-family:DM Mono,monospace;font-size:var(--t-micro);text-transform:uppercase;letter-spacing:.1em;color:var(--grey3)}.post-code-copy{font-family:DM Mono,monospace;font-size:var(--t-micro);text-transform:uppercase;letter-spacing:.08em;color:var(--grey4);background:transparent;border:var(--frame);border-radius:2px;padding:2px 9px;cursor:pointer;transition:background .15s,color .15s}.post-code-copy:hover{background:var(--black);color:var(--white);border-color:var(--black)}.post-code-copy.copied{color:var(--grey3);border-color:var(--grey3)}.post-code-scroll{max-height:300px;overflow-y:auto;overflow-x:auto}.post-code pre[class*=language-]{margin:0;border-radius:0;border:none;background:#f6f6f4;padding:18px 20px;font-size:13.5px;line-height:1.75}.post-code code[class*=language-],.post-code :not(pre)>code[class*=language-]{font-family:DM Mono,monospace;white-space:pre!important;background:none!important;border:none!important;padding:0!important;border-radius:0!important;box-shadow:none!important;text-shadow:none!important}.post-code pre[class*=language-],.post-code code[class*=language-]{text-shadow:none!important}.post-code .token{background:none!important;border:none!important;box-shadow:none!important;text-shadow:none!important;padding:0!important;border-radius:0!important}.post-rule{border:none;border-top:var(--frame);margin:48px 0}.post-footer-bar{padding:32px 0 0;border-top:var(--frame);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.post-footer-label{font-family:DM Mono,monospace;font-size:var(--t-label);text-transform:uppercase;letter-spacing:.1em;color:var(--grey3);margin-right:10px}.post-share{display:flex;align-items:center;gap:8px}.post-share a{font-family:DM Mono,monospace;font-size:var(--t-label);text-transform:uppercase;letter-spacing:.08em;color:var(--grey4);text-decoration:none;border:var(--frame);padding:4px 12px;border-radius:2px;transition:background .15s,color .15s}.post-share a:hover{background:var(--black);color:var(--white);border-color:var(--black)}.newsletter-section{padding:var(--section-py) 0;background:var(--off);background-image:var(--grid-img);background-size:var(--grid-size)}.newsletter-inner{display:flex;align-items:center;justify-content:space-between;gap:48px}.newsletter-copy{max-width:460px}.newsletter-title{font-size:clamp(20px,2.2vw,28px);font-weight:300;line-height:1.3;margin-bottom:12px}.newsletter-desc{font-size:var(--t-body-sm);color:var(--grey4);line-height:var(--lh-body)}.newsletter-form{display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px}.newsletter-input{font-family:Poppins,sans-serif;font-size:var(--t-body-sm);font-weight:300;border:var(--frame);background:var(--white);padding:10px 16px;outline:none;width:260px;border-radius:2px;color:var(--black);transition:border-color .2s;cursor:none}.newsletter-input::placeholder{color:var(--grey3)}.newsletter-input:focus{border-color:var(--black)}.newsletter-submit{font-family:DM Mono,monospace;font-size:var(--t-label);text-transform:uppercase;letter-spacing:.1em;border:1px solid var(--black);background:var(--black);color:var(--white);padding:10px 20px;border-radius:2px;cursor:none;transition:background .2s,color .2s}.newsletter-submit:hover{background:transparent;color:var(--black)}.related-section{padding:var(--section-py) 0;background:var(--white)}.related-section .sec-title-wrap{--sec-title-bg: var(--white)}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--grey2);border:1px solid var(--grey2);border-radius:4px;overflow:hidden}.related-card{background:var(--white);text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:background .2s}.related-card:hover{background:var(--grey1)}.related-card-img{width:100%;aspect-ratio:16/9;overflow:hidden}.related-card-img-ph{width:100%;height:100%}.related-card-img-ph.c1{background:linear-gradient(135deg,#f0ebe3,#e0d8cc)}.related-card-img-ph.c2{background:linear-gradient(135deg,#e3ecf0,#cce0e8)}.related-card-img-ph.c3{background:linear-gradient(135deg,#ece3f0,#daccec)}.related-card-body{padding:20px 20px 24px;flex-grow:1;display:flex;flex-direction:column}.related-card-meta{display:flex;align-items:center;gap:8px;margin-bottom:10px}.related-card-title{font-size:15px;font-weight:400;line-height:1.35;color:var(--black);flex-grow:1}.related-card-tag{font-family:DM Mono,monospace;font-size:var(--t-label);text-transform:uppercase;letter-spacing:.08em;color:var(--grey3);margin-top:14px}@media (max-width: 900px){.post-header{padding:120px 0 32px}.post-hero-img{aspect-ratio:16/7}.post-body,.post-header-content{max-width:100%}.newsletter-inner{flex-direction:column;gap:28px}.newsletter-copy{max-width:100%}.newsletter-form{width:100%}.newsletter-input{width:100%;flex:1}.related-grid{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.post-header{padding:100px 0 28px}.post-header-meta{gap:10px}.post-tags{display:none}#post-title-nav{left:0;right:0;padding:0 20px}.post-hero-img{aspect-ratio:3/2}.post-hero-caption{padding:8px 20px}.post-body-wrap{padding:40px 0 var(--section-py)}.post-body p{font-size:15px;line-height:1.8;margin-bottom:20px}.post-body h2{font-size:20px;margin:36px 0 12px}.post-body h3{font-size:15px;margin:24px 0 8px}.post-img-block{margin:28px 0}.post-pullquote{padding:24px 0;margin:36px 0}.post-pullquote blockquote{font-size:18px}.post-callout{padding:16px 18px;margin:24px 0}.post-code{margin:24px 0}.post-code pre[class*=language-]{font-size:12px;padding:14px 16px}.post-footer-bar{flex-direction:column;align-items:flex-start;gap:16px;padding-top:24px}.post-tags{display:flex}.newsletter-section{padding:48px 0}.newsletter-title{font-size:20px}.newsletter-form{flex-direction:column;width:100%}.newsletter-input{width:100%;box-sizing:border-box}.newsletter-submit{width:100%;text-align:center}.related-grid{grid-template-columns:1fr}.related-card-body{padding:16px 16px 20px}}@media (max-width: 480px){.post-title{font-size:26px}.post-hero-img{aspect-ratio:4/3}.post-header-meta{flex-wrap:wrap;gap:8px}.post-header-meta .meta-dot:nth-child(4),.post-header-meta .meta-dot:nth-child(6){display:none}.post-share{flex-wrap:wrap}}
