@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;900&display=swap");.blog-detail-page{margin:0;padding:0;background-color:rgb(17,17,18);color:rgb(17,17,18);font-family:Inter,Inter Placeholder,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}.blog-detail-page *{box-sizing:border-box}.hero-section{position:sticky;top:0;width:100%;height:100vh;min-height:600px;max-height:915.28125px;overflow:hidden;z-index:0}@media (max-width:768px){.hero-section{min-height:500px}}.hero-background,.hero-image-wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.hero-image-wrapper{will-change:transform}.hero-bg-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-texture-overlay{background-image:url(https://framerusercontent.com/images/rR6HYXBrMmX4cRpXfXUOvpvpB0.png);background-repeat:repeat;background-size:auto;background-position:0 0;opacity:.096;mix-blend-mode:screen;z-index:1}.hero-gradient-overlay,.hero-texture-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.hero-gradient-overlay{background:linear-gradient(180deg,rgba(17,17,18,0),rgba(17,17,18,.2) 50%,rgba(17,17,18,.8));z-index:2}.hero-content{position:absolute;bottom:80px;left:50%;transform:translateX(-50%);width:100%;max-width:1200px;padding:0 20px;z-index:3}@media (min-width:768px){.hero-content{padding:0 60px}}.hero-meta{display:flex;align-items:center;gap:12px;margin-bottom:24px;font-size:14px;font-weight:600;line-height:14px;letter-spacing:-.7px;color:rgba(255,255,255,.6);text-transform:uppercase}.meta-separator{opacity:.4}.hero-title{margin:0;font-size:clamp(40px,8vw,92px);font-weight:500;line-height:.96;letter-spacing:-.07em;color:rgb(255,255,255);max-width:900px}.main-content{position:relative;background-color:rgb(255,255,255);min-height:100vh;padding:120px 0 160px;display:flex;flex-direction:column;align-items:center;z-index:1;margin-top:-1px}.content-wrapper{width:100%;max-width:1208px;display:flex;gap:40px;align-items:flex-start;position:relative;padding:0 20px}@media (max-width:1024px){.content-wrapper{flex-direction:column}}.article-container{width:100%;max-width:564px;display:flex;flex-direction:column;gap:60px;flex-shrink:0}@media (max-width:1024px){.article-container{max-width:100%}}.intro-section{display:flex;flex-direction:column;gap:40px;padding-right:0}.intro-text{margin:0;font-size:36px;font-weight:500;line-height:39.6px;letter-spacing:-1.8px;color:rgb(17,17,18)}.article-image{width:100%;height:auto;overflow:hidden;border-radius:0}.article-image img{width:100%;height:auto;display:block;object-fit:cover}.article-body{display:flex;flex-direction:column;gap:32px;padding-right:0}.article-body h2{margin:40px 0 0;font-size:40px;font-weight:500;line-height:42px;letter-spacing:-2.8px;color:rgb(17,17,18)}.article-body h2:first-child{margin-top:0}.article-body h3{margin:32px 0 0;font-size:30px;font-weight:500;line-height:33px;letter-spacing:-1.5px;color:rgb(17,17,18)}.article-body p{margin:0;font-size:20px;font-weight:500;line-height:28px;letter-spacing:-1px;color:rgba(17,17,18,.6)}.tips-list{margin:0;padding:0 0 0 24px;list-style:none;display:flex;flex-direction:column;gap:16px}.tips-list li{position:relative;font-size:20px;font-weight:500;line-height:28px;letter-spacing:-1px;color:rgba(17,17,18,.6);padding-left:8px}.tips-list li:before{content:"•";position:absolute;left:-16px;color:rgba(17,17,18,.4)}.left-sidebar{width:282px;position:sticky;top:36px;height:fit-content;gap:36px;flex-shrink:0}.author-info,.left-sidebar{display:flex;flex-direction:column}.author-info{gap:16px;align-items:flex-start}.author-avatar{width:70px;height:70px;border-radius:10px;overflow:hidden;flex-shrink:0}.author-avatar img{width:100%;height:100%;object-fit:cover}.author-name{margin:0;font-size:20px;font-weight:500;line-height:28px;letter-spacing:-1px;color:rgb(17,17,18)}.author-title{margin:0;font-size:16px;font-weight:400;line-height:24px;letter-spacing:-.8px;color:rgba(17,17,18,.6)}.contact-link{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:400;line-height:12px;letter-spacing:-.6px;color:rgb(17,17,18);text-decoration:none;transition:opacity .2s ease}.contact-link:hover{opacity:.7}.contact-link svg{width:13px;height:13px;flex-shrink:0}.contact-link-wrapper{position:relative;display:flex;align-items:center}.contact-line{position:absolute;left:calc(100% + 16px);top:50%;transform:translateY(-50%);width:40px;height:1px;background-color:rgba(17,17,18,.12)}.right-sidebar{width:282px;position:sticky;top:36px;height:fit-content;flex-shrink:0}.related-posts{display:flex;flex-direction:column;gap:40px}.related-post-wrapper{position:relative}.related-post-line{position:absolute;right:calc(100% + 40px);top:40px;width:60px;height:1px;background-color:rgba(17,17,18,.12)}.related-post{display:flex;gap:16px;align-items:flex-start;text-decoration:none;color:inherit;cursor:pointer;transition:opacity .2s ease}.related-post:hover{opacity:.8}.related-post-image{width:80px;height:80px;flex-shrink:0;border-radius:8px;overflow:hidden}.related-post-image img{width:100%;height:100%;object-fit:cover}.related-post-content{flex:1;display:flex;flex-direction:column;gap:8px}.related-post-date{font-size:12px;font-weight:400;line-height:12px;letter-spacing:-.6px;color:rgba(17,17,18,.6)}.related-post-title{margin:0;font-size:16px;font-weight:500;line-height:20px;letter-spacing:-.8px;color:rgb(17,17,18)}@media (max-width:1280px){.content-wrapper{width:100%;max-width:1208px;padding:0 36px}}@media (max-width:1024px){.left-sidebar,.right-sidebar{display:none}.content-wrapper{justify-content:center}}@media (max-width:768px){.hero-content{padding:0 24px}.hero-title{font-size:56px;line-height:56px;letter-spacing:-3.92px}.article-container{width:100%;padding:0 24px}.article-body,.intro-section{padding-right:0}.intro-text{font-size:28px;line-height:32px;letter-spacing:-1.4px}.article-body h2{font-size:32px;line-height:36px;letter-spacing:-2.24px}.article-body h3{font-size:24px;line-height:28px;letter-spacing:-1.2px}.article-body p,.tips-list li{font-size:18px;line-height:26px;letter-spacing:-.9px}}