/* ═══ VITALIS — article layout ═══ */
.art-hero{position:relative;height:62vh;min-height:440px;overflow:hidden;display:flex;align-items:flex-end;z-index:2}
.art-hero .bg{position:absolute;inset:0;z-index:0}
.art-hero .bg .mesh{position:absolute;inset:0;background:radial-gradient(60% 60% at 25% 25%,rgba(79,212,228,.4),transparent 60%),radial-gradient(50% 50% at 80% 70%,rgba(26,147,168,.5),transparent 60%),linear-gradient(135deg,#081722,#0c2231)}
.art-hero .bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5}
.art-hero::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(5,11,18,.4),rgba(5,11,18,.2) 40%,rgba(5,11,18,.95))}
.art-hero .inner{position:relative;z-index:2;padding:0 clamp(18px,5vw,64px) clamp(40px,6vh,70px);max-width:1000px;margin:0 auto;width:100%}
.art-hero .tag{font-family:var(--mono);font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--cyan)}
.art-hero h1{font-family:var(--serif);font-weight:600;color:var(--white);font-size:clamp(38px,6.4vw,86px);line-height:1;margin:18px 0 20px;letter-spacing:-.01em}
.art-hero .meta{font-family:var(--mono);font-size:12px;letter-spacing:.1em;color:var(--steel);display:flex;gap:20px;flex-wrap:wrap}
.article{max-width:760px;margin:0 auto;padding:clamp(56px,9vh,110px) clamp(18px,5vw,20px) 40px;position:relative;z-index:2}
.article .lede{font-family:var(--serif);font-style:italic;font-weight:500;font-size:clamp(21px,3vw,30px);line-height:1.4;color:var(--ice);margin-bottom:40px}
.article p{font-size:18px;line-height:1.78;color:#c3d6dd;margin-bottom:24px}
.article p.drop::first-letter{font-family:var(--display);font-weight:700;float:left;font-size:4.1em;line-height:.72;padding:.06em .18em 0 0;color:var(--cyan)}
.article h2{font-family:var(--display);font-weight:600;font-size:clamp(24px,3.4vw,34px);color:var(--white);line-height:1.15;margin:52px 0 18px;letter-spacing:-.01em}
.article h3{font-family:var(--display);font-weight:600;font-size:20px;color:var(--cyan);margin:36px 0 12px}
.article b,.article strong{color:var(--ice)}
.article .pull{font-family:var(--serif);font-style:italic;font-weight:500;font-size:clamp(24px,4vw,38px);line-height:1.2;color:var(--white);
  border-left:2px solid var(--cyan);padding:8px 0 8px 28px;margin:44px 0}
.article .callout{border:1px solid var(--line);border-radius:6px;background:linear-gradient(160deg,var(--panel),var(--deep));padding:30px 32px;margin:40px 0}
.article .callout .ck{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--cyan);margin-bottom:14px}
.article .callout h4{font-family:var(--display);font-weight:600;font-size:20px;color:var(--white);margin-bottom:10px}
.article .callout p{font-size:16px;margin-bottom:12px}
.article .peps{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}
.article .peps a{font-family:var(--mono);font-size:12px;color:var(--ice);border:1px solid var(--teal);border-radius:2px;padding:8px 13px;background:rgba(26,147,168,.1);transition:.25s}
.article .peps a:hover{background:var(--grad);color:var(--void);border-color:transparent}
.article figure{margin:44px 0}
.article figure .fimg{border-radius:6px;overflow:hidden;height:340px;position:relative;background:linear-gradient(135deg,#0c2231,#1a93a8)}
.article figure .fimg .mesh{position:absolute;inset:0;background:radial-gradient(60% 60% at 30% 30%,rgba(79,212,228,.4),transparent 60%),linear-gradient(135deg,#081722,#0c2231)}
.article figure .fimg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.88}
.article figure figcaption{font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--steel);margin-top:12px;text-align:center}
.article .adisc{margin-top:56px;padding:20px 22px;border:1px solid var(--line);border-radius:4px;background:rgba(8,23,34,.6);
  font-family:var(--mono);font-size:11.5px;letter-spacing:.02em;line-height:1.85;color:var(--steel)}
.article .backlink{display:inline-flex;gap:9px;align-items:center;font-family:var(--mono);font-size:12px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--cyan);margin-top:44px}
.article .signoff{margin-top:40px;padding-top:26px;border-top:1px solid var(--line);font-family:var(--serif);font-style:italic;font-size:20px;color:var(--ice)}