.blog-post-page__hero{width:100%;min-height:clamp(360px,52vw,640px);padding:0;position:relative;overflow:hidden}.blog-post-page__hero-image{object-fit:cover;width:100%;height:clamp(360px,52vw,640px);display:block}.blog-post-page__hero-overlay{background:linear-gradient(120deg,#0e1827b8 12%,#0e182773 50%,#0e182733 100%),radial-gradient(circle at 22% 32%,#f1990b42,#0000 54%);position:absolute;inset:0}.blog-post-page__hero-content{z-index:2;justify-content:flex-end;align-items:flex-start;padding-top:6rem;padding-bottom:clamp(1.2rem,5vw,2.8rem);display:flex;position:absolute;inset:0}.blog-post-page__hero-card{background-color:#0000002b;border-color:#afafafa0;border-radius:34px;width:min(920px,100%);padding:2rem}@media (max-width:500px){.blog-post-page__hero-card{padding:1.4rem}}.blog-post-page__tag{color:#fff;background-color:#f1990b4d;border-radius:14px;align-items:center;margin-bottom:clamp(.6em,3vw,.9em);padding:.3em .9em;font-size:1.5rem;font-weight:500;line-height:1;display:inline-flex}.blog-post-page__title{color:#fff;text-shadow:0 .2em .6em #0006;margin:0;font-size:clamp(1.8rem,5vw,2.9rem);font-weight:600;line-height:1.2}.blog-post-page__breadcrumbs{white-space:nowrap;align-items:center;gap:10px;min-width:0;margin-bottom:2.9em;font-size:clamp(.7rem,1.8vw,1rem);display:flex}.blog-post-page__breadcrumbs-link{font-weight:500;text-decoration:none;transition:color .2s}.blog-post-page__breadcrumbs-link:hover{color:#b7b7b7}.blog-post-page__breadcrumbs-link--active{color:var(--text-secondary);font-weight:400}.blog-post-page__breadcrumbs-separator{color:var(--text-secondary)}.blog-post-page__breadcrumbs-current{color:#000;text-overflow:ellipsis;overflow:hidden}.blog-post-page__meta{flex-wrap:wrap;align-items:center;gap:14px;margin-top:clamp(.9rem,3vw,1.3rem);display:flex}.blog-post-page__meta-item{color:#b8b8b8;border-radius:12px;align-items:center;gap:8px;padding:.6em .9em;font-size:clamp(.8rem,2.2vw,1.3rem);line-height:1;display:inline-flex}.blog-post-page__description{color:#000;margin:0;font-size:1.5rem;line-height:1.5}.blog-post-page__body{gap:18px;margin-top:1.1rem;display:grid}.blog-post-page__paragraph{color:#4a5568;margin:0;font-size:1rem;line-height:1.65}.blog-post-page__actions-row{justify-content:space-between;align-items:center;gap:18px;width:100%;margin-top:2.5rem;display:flex}.blog-post-page__share-wrap{width:fit-content;position:relative}.blog-post-page__share-button{color:var(--text);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:.3em 0;font-size:clamp(.8rem,2vw,1rem);font-weight:500;display:inline-flex;position:relative}.blog-post-page__share-button:after{content:"";background:var(--primary);transform-origin:0;width:100%;height:2px;transition:transform .24s;position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.blog-post-page__share-button:hover:after,.blog-post-page__share-button:focus-visible:after{transform:scaleX(1)}.blog-post-page__share-button:focus-visible{outline:none}.blog-post-page__back-button{color:var(--text);align-items:center;padding:.3em 0;font-size:clamp(.8rem,2vw,1rem);font-weight:500;text-decoration:none;display:inline-flex;position:relative}.blog-post-page__back-button:after{content:"";background:var(--primary);transform-origin:0;width:100%;height:2px;transition:transform .24s;position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.blog-post-page__back-button:hover:after,.blog-post-page__back-button:focus-visible:after{transform:scaleX(1)}.blog-post-page__back-button:focus-visible{outline:none}.blog-post-page__share-toast{color:#fff;white-space:nowrap;pointer-events:none;background:#0f172ae6;border:1px solid #fff3;border-radius:10px;padding:.6em .9em;font-size:.7rem;line-height:1.2;animation:.22s share-toast-in;position:absolute;bottom:calc(100% + 12px);left:0}@keyframes share-toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.blog-post-page__hero-content{padding-top:5rem;padding-bottom:1.1rem}.blog-post-page__hero-card{border-radius:22px}.blog-post-page__tag{padding:.4em .9em;font-size:1.1rem}}@media (max-width:620px){.blog-post-page__hero{min-height:310px}.blog-post-page__hero-image{height:310px}.blog-post-page__hero-content{padding-top:4.1rem;padding-bottom:.8rem}.blog-post-page__title{font-size:1.7rem}.blog-post-page__meta-item{font-size:.8rem}.blog-post-page__breadcrumbs{margin-bottom:.7rem}.blog-post-page__share-toast{left:auto;right:0}.blog-post-page__actions-row{flex-wrap:wrap;justify-content:space-between}}