body[data-page="blog"]{background:#0a0a0a}body[data-page="blog"] h1,body[data-page="blog"] h2{font-family:var(--font);font-weight:800;text-transform:uppercase;line-height:1.2}body[data-page="blog"] .header__nav{margin-left:38px}body[data-page="blog"] .header__menu{gap:22px}.blog-hero{padding:270px 20px 175px;text-align:center;background:radial-gradient(ellipse at 62% 0%,#ffffff17,transparent 65%),linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:auto,100px 100px,100px 100px}.blog-hero h1{font-size:40px;max-width:700px;margin:auto}.blog-hero p{font-size:18px;line-height:1.5;color:#929292;max-width:680px;margin:24px auto 38px}.blog-hero .btn,.article-back .btn{font-family:var(--font);font-size:16px;font-weight:700;min-height:70px}.blog-list{margin-top:-15px;padding-bottom:90px}.blog-list h2,.related h2{font-size:38px;margin-bottom:44px}.blog-filters{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:54px}.blog-filters nav{display:flex;gap:8px;flex-wrap:wrap}.filter,.blog-filters select,.sort-submit{font:inherit;font-size:14px;border:1px solid #2b2b2b;color:#969696;background:#121212;border-radius:40px;padding:11px 17px}.filter.active{color:#151515;background:white}.blog-filters form{display:flex;gap:6px}.sort-submit{padding:10px}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}.blog-card img{width:100%;height:auto;object-fit:contain;border-radius:20px;background:#222;transition:filter .2s}.blog-card a:hover img{filter:brightness(1.12)}.blog-card h3{font-size:23px;font-weight:600;line-height:1.3;text-transform:uppercase;margin:24px 0 10px;overflow-wrap:anywhere}.blog-card p{color:#929292;font-size:16px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-empty{border:1px solid #292929;border-radius:20px;padding:65px 20px;text-align:center;color:#aaa}.blog-empty h3{margin-bottom:14px;color:white}.pagination{display:flex;justify-content:center;gap:10px;align-items:center;margin:55px 0 0}.pagination a{display:grid;place-items:center;min-width:44px;height:44px;border:1px solid #333;border-radius:50%}.pagination a[aria-current]{background:var(--orange);border-color:var(--orange)}.blog-article{padding-top:265px}.article-heading{text-align:center}.article-heading h1{font-size:40px;max-width:960px;margin:auto;overflow-wrap:anywhere}.article-subtitle{color:#969696;line-height:1.6;max-width:850px;margin:24px auto}.article-meta{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin:40px 0 24px;color:#969696;font-size:14px}.article-meta>*{padding:6px 17px;border:1px solid #888;border-radius:30px}.article-cover{width:100%;height:auto;object-fit:contain;border-radius:24px}.article-body{margin-top:72px;border-block:1px solid #444;padding:66px max(0px,calc((100% - 900px)/2));font-size:18px;line-height:1.6;color:#aaa;overflow-wrap:anywhere}.article-body h2{font-size:38px;color:#fff;margin:0 0 34px}.article-body h3{font-size:28px;color:#fff;margin:28px 0 18px}.article-body h4{font-size:22px;color:white}.article-body p,.article-body ul,.article-body ol,.article-body blockquote,.article-body pre{margin-bottom:28px}.article-body ul{list-style:disc;padding-left:28px}.article-body ol{padding-left:28px}.article-body a{color:#ff6666;text-decoration:underline}.article-body blockquote{border-left:3px solid white;background:linear-gradient(120deg,#ffffff02,#ffffff0a);padding:24px 28px;border-radius:0 10px 10px 0;font-size:21px;max-width:580px}.article-body pre{background:#181818;overflow:auto;padding:20px}.article-body img{border-radius:12px;max-width:100%;height:auto}.article-body strong{color:#eee}.article-back{text-align:center;margin:32px 0 115px}.related{padding-bottom:150px}.related h2{text-align:center}.ql-align-center{text-align:center}.ql-align-right{text-align:right}.ql-align-justify{text-align:justify}.ql-indent-1{padding-left:2em}.ql-indent-2{padding-left:4em}.ql-indent-3{padding-left:6em}.preview-banner{position:fixed;bottom:0;background:#ffd467;color:#111;width:100%;z-index:100;text-align:center;padding:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #ff7777;outline-offset:4px}
body[data-page="blog"] h1,body[data-page="blog"] h2{font-family:var(--display);font-weight:900}body[data-page="blog"] .header__link--active{color:var(--orange)}.blog-hero h1{font-size:48px}.blog-list h2,.related h2{font-size:48px}.blog-hero .btn,.article-back .btn{font-family:var(--display);font-size:18px}.article-heading{background:radial-gradient(ellipse at top,#ffffff09,transparent 70%)}
@media(max-width:1100px){body[data-page="blog"] .header__nav{margin-left:22px}body[data-page="blog"] .header__menu{gap:14px}.blog-filters{align-items:start;flex-direction:column}.blog-card h3{font-size:20px}}
@media(max-width:767px){.blog-hero{padding:200px 0 110px}.blog-hero h1,.article-heading h1{font-size:28px}.blog-hero p{font-size:16px}.blog-list h2,.related h2,.article-body h2{font-size:28px}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.blog-card h3{font-size:18px;margin-top:16px}.blog-card p{font-size:14px}.blog-filters{margin-bottom:30px}.filter{padding:9px 13px;font-size:13px}.blog-article{padding-top:190px}.article-body{padding:35px 0;font-size:16px;margin-top:40px}.article-meta{gap:10px;font-size:12px}.article-cover{border-radius:16px}.article-back{margin-bottom:75px}.related{padding-bottom:80px}.article-body blockquote{font-size:18px}.blog-list{padding-bottom:35px}}
.blog-article>.article-subtitle{max-width:900px;margin:32px auto;font-size:18px;line-height:1.6;color:#fff}.article-subtitle+.article-body{margin-top:32px}
@media(max-width:480px){.blog-grid{grid-template-columns:1fr}.blog-hero h1,.article-heading h1{font-size:26px}.blog-hero{padding-bottom:85px}.blog-list h2{font-size:27px}.article-meta{margin-top:25px}.blog-article>.article-subtitle{font-size:16px}}