/*
Theme Name: Сила — Кир Пономарёв
Description: Личный сайт Кира Пономарёва. Тёмный лендинг с новостями.
Version: 1.0.0
Text Domain: sila
*/
@font-face{font-family:Golos;src:url('assets/golos.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--bg:#141414;--surface:#1c1c1c;--text:#f2f2f2;--muted:#b6b6b6;--line:#373737}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font-family:Golos,Helvetica,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible{outline:2px solid #fff;outline-offset:5px}img{max-width:100%;height:auto;display:block}button{font:inherit}.wrap{width:min(1160px,calc(100% - 64px));margin:auto}.skip{position:absolute;left:20px;top:-100px;padding:12px;background:#fff;color:#111;z-index:10}.skip:focus{top:10px}.header{border-bottom:1px solid var(--line)}.header-inner{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:20px;font-weight:650;letter-spacing:-.5px}.nav{display:flex;align-items:center;gap:26px;font-size:14px}.nav a{padding:10px 0}.menu-toggle{display:none;background:transparent;border:1px solid var(--line);color:#fff;padding:8px 12px}.news{padding:28px 0 30px;border-bottom:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:20px}.section-heading h2{margin:0;font-size:24px;font-weight:600}.section-heading a{font-size:14px;color:var(--muted)}.news-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.news-item{border-top:1px solid #515151;padding-top:14px}.news-item time{font-size:13px;color:var(--muted)}.news-item h3{font-size:18px;line-height:1.4;font-weight:500;margin:8px 0 0}.news-empty{margin:0;color:var(--muted);font-size:14px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:650px}.hero-copy{padding:72px 50px 60px 0;display:flex;flex-direction:column;justify-content:center}.hero h1{font-size:clamp(52px,6.5vw,86px);line-height:.99;font-weight:800;letter-spacing:-3px;margin:0 0 32px;overflow-wrap:normal}.hero-lead{color:#c8c8c8;font-size:19px;line-height:1.6;max-width:380px;margin:0 0 32px}.hero-photo{width:100%;height:650px;object-fit:cover;object-position:center 39%;background:#111}.button{display:inline-block;padding:14px 20px;background:#eee;color:#171717;font-size:14px;font-weight:550;align-self:flex-start}.button:hover{background:#fff;text-decoration:none}.section{padding:64px 0;border-top:1px solid var(--line)}.section-grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:56px}.section h2{margin:0;font-size:34px;font-weight:600;line-height:1.2;letter-spacing:-1px}.prose{max-width:750px;overflow-wrap:anywhere}.prose p:first-child{margin-top:0}.prose p:last-child{margin-bottom:0}.prose a{text-decoration:underline;text-underline-offset:4px}.prose h2,.prose h3{margin:28px 0 12px;font-size:25px}.prose ul{padding-left:22px}.prose img{height:auto}.prose iframe{max-width:100%}.prose figure{margin:24px 0}.prose .wp-block-gallery{display:flex;gap:16px;flex-wrap:wrap}.prose .wp-block-gallery figure{flex:1 1 200px;margin:0}.event-list{display:grid;gap:20px}.event-item{padding:20px 0;border-bottom:1px solid var(--line)}.event-item:first-child{padding-top:0}.event-item time{color:var(--muted);font-size:14px}.event-item h3{margin:6px 0;font-size:22px;font-weight:500}.event-item p{margin:6px 0;color:var(--muted)}.empty{color:var(--muted);margin:0}.contact-name{font-size:24px;margin:8px 0 16px;line-height:1.4}.contact-label{color:var(--muted);margin:0}.contact-links{display:flex;gap:28px;flex-wrap:wrap}.contact-links a{font-size:20px}.footer{border-top:1px solid var(--line);padding:30px 0}.support{display:flex;align-items:center;gap:20px;color:#ccc;font-size:14px;max-width:600px}.support img{width:64px;height:64px;flex-shrink:0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-name{font-size:13px;color:var(--muted)}.article{padding:64px 0;min-height:60vh}.article .prose{margin:32px auto}.article-header{max-width:750px;margin:auto}.article h1{font-size:clamp(30px,5vw,52px);line-height:1.15;letter-spacing:-1px;margin:20px 0}.article time{color:var(--muted);font-size:14px}.back-link{font-size:14px;color:var(--muted)}.post-cover{margin:24px 0}.post-list{max-width:750px;margin:auto}.post-list article{padding:26px 0;border-bottom:1px solid var(--line)}.post-list h2{font-size:24px;line-height:1.35;margin:8px 0}.post-list time{color:var(--muted);font-size:14px}.pagination{margin:32px 0}.pagination .page-numbers{padding:8px 12px;border:1px solid var(--line);display:inline-block}.pagination .current{background:#eee;color:#111}
@media(max-width:900px){.wrap{width:calc(100% - 40px)}.nav{gap:16px}.hero{min-height:540px}.hero-photo{height:540px}.hero-copy{padding-right:24px}.hero h1{font-size:58px;letter-spacing:-2px}.section-grid{grid-template-columns:200px minmax(0,1fr);gap:32px}}
@media(max-width:640px){.wrap{width:calc(100% - 36px)}.header-inner{min-height:76px;flex-wrap:wrap;gap:12px}.brand{font-size:18px}.menu-toggle{display:block;min-height:44px}.nav{display:none;width:100%;flex-wrap:wrap;padding-bottom:16px;gap:8px 22px}.nav.is-open{display:flex}.nav a{padding:8px 0}.news{padding:22px 0}.section-heading h2{font-size:22px}.news-list{grid-template-columns:1fr;gap:16px}.news-item{padding-top:10px}.news-item h3{font-size:17px;margin-top:4px}.hero{grid-template-columns:1fr}.hero-copy{padding:40px 0 32px}.hero h1{font-size:clamp(42px,12vw,66px);letter-spacing:-2px;margin-bottom:22px}.hero-lead{font-size:17px;margin-bottom:24px}.hero-photo{height:460px;object-position:center 35%}.section{padding:40px 0}.section-grid{grid-template-columns:1fr;gap:24px}.section h2{font-size:29px}.contact-name{font-size:22px}.contact-links{gap:12px;flex-direction:column}.contact-links a{font-size:19px}.footer-inner{align-items:flex-start;flex-direction:column;gap:24px}.support img{width:56px;height:56px}.article{padding-top:40px}.support{font-size:13px}.button{min-height:48px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(min-width:641px) and (max-width:900px){.header-inner{flex-wrap:wrap;padding:18px 0}.nav{width:100%;justify-content:space-between;gap:12px}.hero h1{font-size:clamp(38px,6vw,54px);letter-spacing:-1.5px}.hero-copy{padding-right:18px}.button{max-width:100%}.hero-lead{font-size:17px}}
