.blog-detail-hero-section{--blog-detail-nav-offset:clamp(5rem,12vh,7.5rem);--blog-detail-inline-pad:clamp(1.25rem,4vw,3.75rem);--blog-detail-bottom-pad:clamp(2rem,6vh,3.75rem);--blog-detail-top-extra:clamp(.75rem,2vh,1.5rem);--blog-detail-inner-gap:clamp(1.5rem,3vw,2.5rem);width:100%;padding:calc(var(--blog-detail-nav-offset) + var(--blog-detail-top-extra))var(--blog-detail-inline-pad)var(--blog-detail-bottom-pad);box-sizing:border-box;background:#061532;justify-content:center;align-self:stretch;align-items:center;display:flex}.blog-detail-hero-inner{--blog-detail-hero-media-height:clamp(360px,42vw,600px);justify-content:space-between;align-items:stretch;gap:var(--blog-detail-inner-gap);box-sizing:border-box;width:100%;max-width:1392px;margin:0 auto;display:flex}.blog-detail-hero-content{min-width:0;max-width:620px;height:var(--blog-detail-hero-media-height);min-height:var(--blog-detail-hero-media-height);box-sizing:border-box;flex-direction:column;flex:auto;justify-content:space-between;align-items:flex-start;display:flex}.blog-detail-hero-body{flex-direction:column;align-items:flex-start;gap:24px;width:100%;min-width:0;display:flex}.blog-detail-hero-inner--no-image .blog-detail-hero-content{justify-content:flex-start;gap:24px;height:auto;min-height:0}.blog-back-btn{box-sizing:border-box;color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff12;border-radius:8px;justify-content:center;align-items:center;gap:5px;padding:8px;font-family:Geist Mono,monospace;font-size:clamp(11px,1vw,12px);font-style:normal;font-weight:400;line-height:normal;text-decoration:none;display:flex}.blog-back-btn:hover{background:#ffffff1f;border:1px solid #ffffff26}.blog-detail-hero-top-spacer{box-sizing:border-box;visibility:hidden;pointer-events:none;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:5px;padding:8px;font-family:Geist Mono,monospace;font-size:clamp(11px,1vw,12px);font-weight:400;line-height:normal;display:inline-flex}.blog-detail-meta-row{box-sizing:border-box;align-items:center;gap:10px;display:flex}.blog-detail-meta-icon{box-sizing:border-box;background:#fff;flex-shrink:0;width:8px;height:8px}.blog-detail-meta-text{color:#fff;font-family:var(--font-geist-mono),monospace;font-size:clamp(14px,1.4vw,16px);font-weight:400;line-height:1.4}.blog-detail-meta-text .separator{color:#fff3}.blog-detail-hero-title{color:#fff;width:100%;font-family:var(--font-geist-sans),sans-serif;font-size:var(--pytact-detail-hero-title-size);letter-spacing:-.02em;margin:0;font-weight:400;line-height:1.2}.blog-detail-hero-description{color:#ffffffd9;width:100%;font-family:var(--font-geist-sans),sans-serif;font-size:var(--pytact-detail-hero-description-size);margin:0;font-weight:400;line-height:1.5}.blog-detail-hero-image-wrap{width:100%;max-width:666px;height:var(--blog-detail-hero-media-height);min-height:var(--blog-detail-hero-media-height);box-sizing:border-box;background:0 0;flex-shrink:0;position:relative;overflow:visible}.blog-detail-hero-image-wrap:before,.blog-detail-hero-image-wrap:after{content:"";z-index:0;pointer-events:none;background:#0161fe;width:24px;height:24px;position:absolute}.blog-detail-hero-image-wrap:before{top:0;left:0}.blog-detail-hero-image-wrap:after{bottom:0;right:0}.blog-detail-hero-image{z-index:1;object-fit:cover;object-position:center;background:#d3d3d3;width:calc(100% - 24px);height:calc(100% - 24px);margin:12px;display:block;position:relative;overflow:hidden}@media (max-width:1024px){.blog-detail-hero-section{padding:calc(var(--blog-detail-nav-offset) + 16px)40px 56px}.blog-detail-hero-inner{--blog-detail-hero-media-height:clamp(320px,50vw,480px);flex-direction:column;align-items:stretch;gap:32px}.blog-detail-hero-content{justify-content:flex-start;gap:24px;max-width:100%;height:auto;min-height:0}.blog-detail-hero-top-spacer{display:none}.blog-detail-hero-image-wrap{max-width:100%}}@media (min-width:1025px){.blog-detail-hero-section{min-height:var(--pytact-hero-min-height,100dvh);min-height:100svh;padding:calc(var(--blog-detail-nav-offset) + var(--blog-detail-top-extra))var(--blog-detail-inline-pad)var(--blog-detail-bottom-pad);align-items:center}.blog-detail-hero-inner{--blog-detail-hero-media-height:clamp(360px,calc(100svh - var(--blog-detail-nav-offset) - var(--blog-detail-bottom-pad) - 4rem),600px);gap:var(--blog-detail-inner-gap)}}@media (max-width:767px){.blog-detail-hero-section{--blog-detail-nav-offset:5.5rem;--pytact-detail-hero-title-size:32px;--pytact-detail-hero-description-size:16px;padding:calc(var(--blog-detail-nav-offset) + 8px)24px 48px}.blog-back-btn{display:none}.blog-detail-hero-inner{gap:24px}.blog-detail-hero-content,.blog-detail-hero-body{gap:16px}.blog-detail-hero-section h1.blog-detail-hero-title{font-size:32px;line-height:1.2}.blog-detail-hero-section p.blog-detail-hero-description{font-size:16px;line-height:1.5}}@media (min-width:1025px) and (max-width:1366px){.blog-detail-hero-section{min-height:100svh;padding:calc(var(--blog-detail-nav-offset) + var(--blog-detail-top-extra))var(--blog-detail-inline-pad)var(--blog-detail-bottom-pad)}.blog-detail-hero-inner{--blog-detail-hero-media-height:clamp(360px,calc(100svh - 230px),520px);gap:32px}.blog-detail-hero-content{max-width:min(540px,46vw)}.blog-detail-hero-image-wrap{max-width:min(560px,48vw)}}@media (min-width:1025px) and (max-height:900px){.blog-detail-hero-section{min-height:var(--pytact-hero-min-height,100dvh);min-height:100svh;padding:calc(var(--blog-detail-nav-offset) + var(--blog-detail-top-extra))var(--blog-detail-inline-pad)var(--blog-detail-bottom-pad);align-items:center}.blog-detail-hero-inner{--blog-detail-hero-media-height:clamp(360px,calc(100svh - var(--blog-detail-nav-offset) - var(--blog-detail-bottom-pad) - 4rem),600px);gap:var(--blog-detail-inner-gap);align-items:stretch}.blog-detail-hero-content{height:var(--blog-detail-hero-media-height);min-height:var(--blog-detail-hero-media-height);max-width:min(560px,46vw)}.blog-detail-hero-body{gap:18px}.blog-detail-hero-title{font-size:clamp(2.1rem,3.2vw,3.4rem);line-height:1.12}.blog-detail-hero-description{font-size:clamp(.95rem,1.2vw,1.1rem);line-height:1.45}.blog-detail-meta-text{font-size:clamp(.8rem,1vw,.95rem)}.blog-detail-hero-image-wrap{max-width:min(600px,48vw);height:var(--blog-detail-hero-media-height);min-height:var(--blog-detail-hero-media-height)}}