.blog-body{background:#f3f0e9}.blog-header{position:sticky}.blog-hero{background:#0b0c0e;color:#fff;padding:170px var(--pad) 100px}.blog-hero-inner,.blog-main,.article-main{max-width:var(--max);margin:auto}.blog-hero h1{font-size:clamp(4.5rem,10vw,9rem);margin:0;letter-spacing:-.075em}.blog-hero h1 em{color:#ffd325}.blog-hero-copy{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-top:45px;border-top:1px solid rgba(255,255,255,.18);padding-top:28px}.blog-hero-copy p{max-width:600px;color:#aaa;font-size:1.05rem;margin:0}.blog-main{padding:90px var(--pad) 140px}.blog-featured{display:grid;grid-template-columns:1.1fr .9fr;background:#ffd325;min-height:460px;margin-bottom:90px}.blog-featured-visual{background:#111;position:relative;overflow:hidden}.blog-featured-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1);opacity:.85}.blog-featured-copy{padding:clamp(36px,5vw,70px);display:flex;flex-direction:column;justify-content:center}.blog-date{font-size:.7rem;letter-spacing:.14em;font-weight:800}.blog-featured h2{font-size:clamp(2.5rem,4.5vw,4.8rem);margin:25px 0;letter-spacing:-.055em}.blog-featured p{font-size:1rem}.blog-read{margin-top:25px;font-weight:800;border-bottom:2px solid;width:max-content}.archive-title{display:flex;align-items:end;justify-content:space-between;gap:30px;border-bottom:1px solid #aaa;padding-bottom:20px;margin-bottom:0}.archive-title h2{font-size:clamp(2.3rem,4vw,4rem);margin:0}.archive-title p{max-width:440px;color:#666}.post-list{list-style:none;padding:0;margin:0}.post-item{display:grid;grid-template-columns:150px 1fr 40px;gap:35px;padding:34px 0;border-bottom:1px solid #bbb;align-items:center}.post-item time{font-size:.75rem;font-weight:700;color:#666}.post-item h3{font-size:clamp(1.35rem,2vw,2rem);margin:0 0 8px}.post-item p{margin:0;color:#666}.post-item .status{font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:#777}.article-hero{background:#0b0c0e;color:white;padding:170px var(--pad) 100px}.article-hero-inner{max-width:1050px;margin:auto}.article-hero h1{font-size:clamp(3.8rem,8vw,8rem);margin:22px 0 35px}.article-deck{font-size:clamp(1.15rem,2vw,1.55rem);max-width:750px;color:#bbb}.article-main{max-width:900px;padding:90px var(--pad) 140px}.article-main p,.article-main li{font-size:clamp(1.05rem,1.6vw,1.2rem);line-height:1.85;color:#292929}.article-main h2{font-size:clamp(2.1rem,4vw,3.6rem);margin:80px 0 25px}.article-main h3{font-size:1.5rem;margin:45px 0 12px}.article-lead:first-letter{font-family:Manrope,sans-serif;font-size:6rem;line-height:.75;float:left;margin:14px 14px 0 0;font-weight:800}.article-quote{background:#ffd325;padding:clamp(32px,5vw,65px);font-family:Manrope,sans-serif;font-size:clamp(1.8rem,3.5vw,3rem);font-weight:700;line-height:1.25;margin:70px 0}.article-footer{border-top:1px solid #bbb;padding-top:35px;margin-top:80px}.article-back{font-weight:800}.blog-footer{margin-top:0}
.article-image{margin:70px 0}.article-image img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}.article-image figcaption{font-size:.72rem;line-height:1.5;color:#777;margin-top:12px}.article-rules{counter-reset:rules;list-style:none;padding:0;margin:45px 0}.article-rules li{counter-increment:rules;display:grid;grid-template-columns:55px 1fr;gap:18px;padding:24px 0;border-top:1px solid #bbb}.article-rules li:last-child{border-bottom:1px solid #bbb}.article-rules li:before{content:"0" counter(rules);font-family:Manrope,sans-serif;font-size:.8rem;font-weight:800;color:#777;padding-top:5px}.article-rules strong{display:block;font-family:Manrope,sans-serif;font-size:1.35rem;line-height:1.25;margin-bottom:6px}.article-rules span{color:#555}
.blog-tools{display:flex;align-items:center;gap:16px}.blog-lang{display:flex;gap:8px;font-size:.72rem;font-weight:800}.blog-lang a{color:#777}.blog-lang a.active{color:#ffd325}.blog-lang i{color:#555;font-style:normal}.blog-featured-copy h2 a,.post-item h3 a{color:inherit}
@media(max-width:760px){.blog-hero{padding-top:130px}.blog-hero-copy,.blog-featured{grid-template-columns:1fr}.blog-featured-visual{min-height:360px}.archive-title{align-items:start;flex-direction:column}.post-item{grid-template-columns:1fr;gap:8px}.post-item .status{margin-top:8px}.article-hero{padding-top:130px}.article-hero h1{font-size:clamp(3.2rem,15vw,5.5rem)}.blog-tools .button{display:none}.blog-lang{font-size:.7rem}}
