.blog-page{--black:#0b0b0b;--white:#f2f0eb;--white-soft:#f2f0eb9e;--white-faint:#f2f0eb4d;--line:#f2f0eb1f;--green:#3aff9e;background:var(--black);width:100%;min-height:100vh;color:var(--white);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Glacial Indifference,Arial,sans-serif;font-weight:400;overflow:hidden}.blog-page *,.blog-page :before,.blog-page :after{box-sizing:border-box}.blog-page img{display:block}.blog-page a{color:inherit;text-decoration:none}.blog-hero{width:100%;padding-top:200px}.blog-hero-image{aspect-ratio:8/3;background:#181818;border-radius:4px;width:min(1100px,86vw);height:auto;margin:0 auto 20px;position:relative;overflow:hidden}.blog-hero-image img{object-fit:cover;width:100%;height:100%;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.blog-hero-image:hover img{transform:scale(1.015)}.blog-hero-image:after{content:"";pointer-events:none;background:#0b0b0b1a;position:absolute;inset:0}.blog-header{text-align:center;width:min(1100px,86vw);margin:0 auto;padding:58px 0 35px}.blog-category{color:var(--green);letter-spacing:.14em;text-transform:uppercase;text-align:center;margin:0 0 15px;font-size:11px;line-height:1.2}.blog-header h1{width:100%;color:var(--green);letter-spacing:-.02em;text-align:center;margin:0;font-size:clamp(25px,2.5vw,34px);font-weight:400;line-height:1.1}.blog-intro{width:100%;max-width:900px;color:var(--white);text-align:left;margin:22px auto 0;font-size:15px;line-height:1.7}.blog-content{flex-direction:column;align-items:center;width:min(1100px,86vw);margin:0 auto;padding:30px 0 0;display:flex}.blog-section{text-align:left;flex-direction:column;align-items:flex-start;width:100%;max-width:900px;margin:0 auto;display:flex}.blog-section h2{color:var(--white);letter-spacing:-.015em;text-align:left;width:100%;margin:62px 0 22px;font-size:24px;font-weight:400;line-height:1.2}.blog-section p{max-width:900px;color:var(--white-soft);text-align:left;margin:0;font-size:15px;line-height:1.8}.blog-back{width:min(900px,86vw);color:var(--white-soft);letter-spacing:.06em;text-transform:uppercase;justify-content:flex-start;align-items:center;gap:10px;margin:50px auto 50px 320px;padding-left:0;font-size:12px;line-height:1;transition:color .25s,gap .25s;display:inline-flex}.blog-back:hover{color:var(--green);gap:14px}@media (max-width:900px){.blog-page h1,.blog-page h2,.blog-page h3,.blog-page p{text-wrap:pretty;-webkit-hyphens:none;hyphens:none;word-break:normal;overflow-wrap:break-word;text-align:center}.blog-hero{margin-top:0;padding-top:140px}.blog-hero-image{aspect-ratio:16/10;border-radius:8px;width:calc(100% - 32px);margin-top:70px;margin-bottom:16px}.blog-header{width:92%;margin:0 auto;padding:0 0 20px}.blog-category{letter-spacing:.13em;margin-bottom:14px;font-size:10px}.blog-header h1{letter-spacing:-.01em;font-size:22px;line-height:1.25}.blog-intro{text-align:left;margin-top:16px;font-size:15px;line-height:1.7}.blog-content{width:92%;margin:0 auto;padding-top:20px}.blog-section{text-align:left;align-items:flex-start;width:100%;max-width:100%;margin:0 auto}.blog-section h2{text-align:left;width:100%;margin:50px 0 16px;padding-left:0;font-size:20px;line-height:1.25}.blog-section p{text-align:left;max-width:100%;margin:0;font-size:15px;line-height:1.7}.blog-back{text-align:left;justify-content:flex-start;width:92%;margin:50px auto 80px;padding-left:0;font-size:11px}}@media (max-width:420px){.blog-page{--page-padding:5vw}.blog-page h1,.blog-page h2,.blog-page h3,.blog-page p{text-wrap:pretty;-webkit-hyphens:none;hyphens:none;word-break:normal;overflow-wrap:break-word;text-align:center}.blog-hero{padding-top:112px}.blog-hero-image{aspect-ratio:16/10;border-radius:8px;width:calc(100% - 32px);margin-top:60px}.blog-header{width:92%}.blog-header h1{font-size:20px}.blog-intro{text-align:left;font-size:14px}.blog-content{width:92%}.blog-section h2{text-align:left;margin-top:42px;margin-bottom:14px;font-size:18px}.blog-section p{text-align:left;font-size:14px;line-height:1.7}.blog-back{width:92%;margin-top:20px;margin-bottom:60px;margin-left:15px;font-size:10px}}@media (prefers-reduced-motion:reduce){.blog-page *,.blog-page :before,.blog-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
