/* Журнал: список (A) + стаття (A) */
.j-meta{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gray)}
.j-head .j-h1{min-height:240px;display:flex;flex-direction:column;justify-content:space-between;gap:24px}
.j-head .j-h2{display:flex;align-items:flex-end}
.j-head .count{font:700 .3em/1 var(--mono);color:var(--acid);vertical-align:super}
.j-cats{display:flex;overflow-x:auto;scrollbar-width:none;background:rgba(11,11,11,.72);backdrop-filter:blur(14px)}
.j-cats a{flex:0 0 auto;border-right:1px solid var(--line);padding:16px 20px;font:600 13px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);display:flex;gap:8px;align-items:baseline;cursor:pointer}
.j-cats a em{font-style:normal;color:var(--gray);font-size:11px}
.j-cats a[aria-current]{background:var(--acid);color:#000;box-shadow:var(--acid-glow)}
.j-cats a[aria-current] em{color:#000}
.j-cats a:not([aria-current]):hover{color:var(--acid)}
.j-cats.sm{background:none;backdrop-filter:none;margin-top:24px;border:1px solid var(--line)}

/* A: featured + grid */
.j-feat{display:grid;grid-template-columns:1.25fr 1fr;min-height:480px}
.j-feat-ph{position:relative}
.j-feat-in{display:flex;flex-direction:column;justify-content:flex-end;gap:18px;background:var(--panel);border-left:1px solid var(--line)}
.j-feat-in .chip{align-self:flex-start}
.j-feat-in .big{font-size:clamp(34px,3.6vw,60px)}
.j-feat-in .btn{align-self:flex-start}
.j-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.j-card{display:flex;flex-direction:column;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--panel)}
.j-card:nth-child(3n){border-right:0}
.j-ph{aspect-ratio:4/3;position:relative}
.j-card>.j-ph{overflow:hidden}

.j-card{overflow:hidden}
.j-in{display:flex;flex-direction:column;gap:12px;padding:20px 22px 24px;flex:1;position:relative;background:var(--panel)}
.j-in .k,.jb-row .k{font-size:10px;letter-spacing:.16em;color:var(--acid);text-transform:uppercase}
.j-in .mid{font-size:clamp(20px,1.7vw,26px);line-height:1.05}
.j-in .j-meta{margin-top:auto}
.j-card:hover .mid{color:var(--acid)}
.j-more{display:flex;justify-content:center;padding-block:36px}

/* article */
.rd-bar{position:fixed;left:0;right:0;top:0;height:3px;z-index:120;pointer-events:none}
.rdp{display:block;height:100%;background:var(--acid);box-shadow:var(--acid-glow);transform-origin:0 50%;transform:scaleX(0)}
.crumbs{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gray)}
.crumbs a:hover{color:var(--acid)}.crumbs span{color:var(--ink)}
.aa-hero{min-height:calc(88svh - 72px)}
.aa-img{position:absolute;inset:0}
.aa-h{font:900 clamp(40px,5.6vw,96px)/.92 var(--display);text-transform:uppercase;margin:0}
.aa-hero .chero-in{align-self:end;max-width:980px}
.aa-body{display:grid;grid-template-columns:280px minmax(0,680px);gap:clamp(24px,5vw,80px);justify-content:center;padding:64px 22px 80px}
.aa-sticky{position:sticky;top:96px;display:flex;flex-direction:column;gap:14px}
.aa-toc{margin:0;padding:0;list-style:none;counter-reset:t;display:flex;flex-direction:column;border-top:1px solid var(--line)}
.aa-toc li{counter-increment:t;border-bottom:1px solid var(--line)}
.aa-toc a{display:flex;gap:10px;padding:12px 0;font-size:13px;color:var(--ink-dim)}
.aa-toc a::before{content:counter(t,decimal-leading-zero);color:var(--gray)}
.aa-toc a:hover{color:var(--acid)}
.aa-card{display:flex;flex-direction:column;gap:10px;padding:26px 18px 18px;margin-top:18px}
.aa-prod{aspect-ratio:1;background:center/cover no-repeat}
.aa-card b{font:800 18px/1.1 var(--display);text-transform:uppercase}
.aa-text{font-size:16px;line-height:1.75;color:var(--ink-dim)}
.aa-text>*{margin:0 0 22px}
.aa-text .lead{font-size:19px;color:var(--ink)}
.aa-text h2{font:800 clamp(26px,2.4vw,36px)/1.05 var(--display);text-transform:uppercase;color:var(--ink);margin:44px 0 16px;scroll-margin-top:90px}
.aa-text figure{margin:32px 0}
.aa-text .fig{aspect-ratio:16/10;background:center/cover no-repeat;border:1px solid var(--line)}
.aa-text figcaption{font-size:12px;letter-spacing:.08em;color:var(--gray);margin-top:10px;text-transform:uppercase}
.aa-text blockquote{margin:36px 0;padding:6px 0 6px 22px;border-left:3px solid var(--acid);font:800 clamp(22px,2.2vw,32px)/1.15 var(--display);text-transform:uppercase;color:var(--ink)}
.aa-text blockquote cite{display:block;margin-top:10px;font:400 12px/1 var(--mono);letter-spacing:.14em;color:var(--gray);font-style:normal}
.aa-text ul{padding-left:0;list-style:none}
.aa-text li{padding-left:22px;position:relative;margin-bottom:8px}
.aa-text li::before{content:"+";position:absolute;left:0;color:var(--acid)}
.aa-cta{display:flex;flex-direction:column;gap:10px;padding:28px 22px 22px;margin-top:40px}
.aa-cta b{font:800 22px/1.1 var(--display);text-transform:uppercase;color:var(--ink)}
.aa-cta .btn{align-self:flex-start;margin-top:6px}
.aa-rel .pad{padding-block:28px}


/* parallax photos: the image is taller than its frame and drifts on scroll */
[data-px]{overflow:hidden}
[data-px]>i{position:absolute;left:0;right:0;top:-10%;bottom:-10%;background:center/cover no-repeat;will-change:transform;transition:scale 1s cubic-bezier(.2,.7,.2,1)}
.j-card:hover [data-px]>i,.j-feat:hover [data-px]>i{scale:1.04}
.aa-body.solo{grid-template-columns:minmax(0,680px)}
.j-pages{display:flex;justify-content:center;align-items:center;gap:18px;padding-block:36px}
.aa-card{color:inherit}
.aa-text a{color:var(--acid);text-decoration:underline;text-underline-offset:3px}
.aa-text img{max-width:100%;height:auto;border:1px solid var(--line)}
.aa-text .wp-block-image,.aa-text figure{margin:32px 0}
.aa-text figcaption,.aa-text .wp-element-caption{font-size:12px;letter-spacing:.08em;color:var(--gray);margin-top:10px;text-transform:uppercase}
.aa-text h3{font:800 20px/1.1 var(--display);text-transform:uppercase;color:var(--ink);margin:30px 0 12px}
@media (max-width:980px){
  .j-head .j-h1{min-height:170px}
  .j-feat{grid-template-columns:1fr;min-height:0}
  .j-feat-ph{aspect-ratio:4/3}
  .j-feat-in{border-left:0}
  .j-grid{grid-template-columns:1fr 1fr}
  .j-card:nth-child(3n){border-right:1px solid var(--line)}
  .j-card:nth-child(2n){border-right:0}
  .aa-body{grid-template-columns:1fr;padding:36px 16px 56px}
  .aa-side{order:2}
  .aa-sticky{position:static}
  .aa-hero{min-height:78svh}
}
@media (max-width:600px){ .j-grid{grid-template-columns:1fr} .j-card{border-right:0!important} }

/* more air (25.09): cards float apart, bigger insets and vertical rhythm */
.j-head .j-h1{min-height:300px}
.j-grid{gap:clamp(20px,2.6vw,44px);padding:clamp(32px,4.5vw,72px) clamp(16px,4.5vw,72px)}
.j-card,.j-card:nth-child(3n),.j-card:nth-child(2n){border:1px solid var(--line)}
.j-card:hover{border-color:var(--line-2)}
.j-in{gap:16px;padding:28px 26px 32px}
.j-in .mid{font-size:clamp(20px,1.6vw,26px);line-height:1.1}
.j-feat{min-height:560px}
.j-feat-in{gap:24px;padding:clamp(32px,4.5vw,72px)!important}
.j-feat-in .lead{max-width:42ch}
.j-pages{padding-block:24px 72px}
.aa-body{padding-block:clamp(56px,7vw,112px) clamp(64px,8vw,128px)}
.aa-text{line-height:1.85}
.aa-text>*{margin-bottom:28px}
.aa-text h2{margin-top:64px;margin-bottom:20px}
.aa-text figure,.aa-text .wp-block-image{margin:48px 0}
.aa-rel .pad{padding-top:clamp(40px,5vw,72px);padding-bottom:0}
@media (max-width:980px){
  .j-grid{grid-template-columns:1fr 1fr;gap:18px;padding:28px 16px}
  .j-head .j-h1{min-height:190px}
  .j-feat-in{padding:28px 16px 36px!important}
  .aa-body{padding:44px 16px 64px}
}
@media (max-width:600px){ .j-grid{grid-template-columns:1fr;gap:20px} .j-in{padding:22px 18px 26px} }
/* content spans edge to edge like the header */
body.page main.page{padding-inline:0}