/* inner pages (on top of site.css) */
.crumbs{font-size:14px;color:var(--mut);margin-bottom:26px;display:flex;flex-wrap:wrap;gap:8px}
.crumbs a:hover{color:var(--fg)}
.crumbs span{opacity:.5}

.sub-hero{padding:140px 0 80px;position:relative;overflow:hidden}
.sub-hero .wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center}
.sub-hero h1{font-size:clamp(34px,5vw,62px);font-weight:900;opacity:0;animation:fade 1s .1s forwards}
.sub-hero .lead{color:var(--mut);font-size:19px;max-width:560px;margin:24px 0 30px;opacity:0;animation:fade 1s .3s forwards}
.sub-hero .cta{display:flex;gap:14px;flex-wrap:wrap;opacity:0;animation:fade 1s .5s forwards}
.chip{display:inline-flex;align-items:center;gap:10px;padding:10px 18px;border-radius:999px;background:rgba(255,77,46,.12);border:1px solid rgba(255,77,46,.35);font-weight:700;margin-bottom:26px;opacity:0;animation:fade 1s .2s forwards}
.chip b{font-family:Unbounded;color:var(--acc)}
.sub-photo{border-radius:32px;overflow:hidden;aspect-ratio:4/5;opacity:0;animation:zoomin 1.2s .3s cubic-bezier(.2,.8,.2,1) forwards;box-shadow:0 40px 100px -30px rgba(255,77,46,.4);position:relative}
.sub-photo img{width:100%;height:100%;object-fit:cover;animation:kb 9s linear forwards}
@media(max-width:860px){.sub-hero .wrap{grid-template-columns:1fr}.sub-photo{aspect-ratio:4/3}}

.text{max-width:820px;color:var(--mut);font-size:18px}
.text p{margin-bottom:18px}
.text strong{color:var(--fg)}

.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.cards.two{grid-template-columns:repeat(2,1fr)}
.cd{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:30px;transition:.4s}
.cd:hover{transform:translateY(-6px);border-color:#3a3a46}
.cd .ic{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:rgba(255,77,46,.12);font-size:26px;margin-bottom:20px}
.cd h3{font-size:19px;margin-bottom:10px;line-height:1.25}
.cd p{color:var(--mut);font-size:15.5px}
@media(max-width:960px){.cards{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.cards,.cards.two{grid-template-columns:1fr}}

.steps{display:grid;gap:14px;max-width:900px;position:relative}
.step{display:grid;grid-template-columns:72px 1fr;gap:22px;align-items:start;background:var(--card);border:1px solid var(--line);border-radius:24px;padding:26px 28px}
.step .n{font-family:Unbounded;font-weight:900;font-size:34px;line-height:1;color:transparent;-webkit-text-stroke:1.2px var(--acc)}
.step h3{font-size:19px;margin-bottom:8px}
.step p{color:var(--mut);font-size:15.5px}
.step .t{display:inline-block;font-size:13px;font-weight:700;color:var(--acc2);margin-bottom:6px;letter-spacing:.06em;text-transform:uppercase}
@media(max-width:600px){.step{grid-template-columns:1fr;gap:10px}}

.tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.tags span{padding:10px 16px;border-radius:999px;background:var(--card);border:1px solid var(--line);font-weight:600;font-size:15px}

.info{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.info .pi{flex-direction:column;gap:14px}
@media(max-width:960px){.info{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.info{grid-template-columns:1fr}}


.others.two{grid-template-columns:repeat(2,1fr)}
@media(max-width:860px){.others.two{grid-template-columns:1fr}}

/* articles */
.art{max-width:840px}
.art-hero{padding-bottom:40px}
.art-hero .wrap{display:block}
.art-hero h1{font-size:clamp(30px,4.4vw,52px);line-height:1.12}
.art .eyebrow{display:flex}
.art-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;color:var(--mut);font-size:14px;opacity:0;animation:fade 1s .5s forwards}
.art-meta .av{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-family:Unbounded;font-weight:700;font-size:14px;color:#fff;background:linear-gradient(135deg,var(--acc),var(--acc2))}
.art-meta b{display:block;color:var(--fg);font-size:15px}
.art-img{border-radius:28px;overflow:hidden;margin:10px 0 40px;aspect-ratio:16/9}
.art-img img{width:100%;height:100%;object-fit:cover}
.toc{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:24px 28px;margin-bottom:20px}
.toc b{font-family:Unbounded;font-size:15px;display:block;margin-bottom:12px}
.toc ol{padding-left:22px;color:var(--mut);columns:2;column-gap:30px}
.toc li{padding:4px 0;break-inside:avoid}
.toc a:hover{color:var(--acc)}
@media(max-width:640px){.toc ol{columns:1}}
.prose h2{font-size:clamp(24px,3.2vw,34px);margin:56px 0 18px;line-height:1.2;scroll-margin-top:90px}
.prose p{color:#c9c9d3;font-size:18px;line-height:1.75;margin-bottom:18px}
.prose strong{color:var(--fg)}
.prose a{color:var(--acc);border-bottom:1px solid rgba(255,77,46,.4)}
.prose a:hover{border-color:var(--acc)}
.prose ul{list-style:none;margin:0 0 22px;display:grid;gap:12px}
.prose li{position:relative;padding-left:28px;color:#c9c9d3;font-size:17.5px;line-height:1.65}
.prose li::before{content:"";position:absolute;left:4px;top:11px;width:9px;height:9px;border-radius:50%;background:var(--acc);box-shadow:0 0 10px var(--acc)}
.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:10px 0 28px}
.fact{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:20px}
.fact b{display:block;font-family:Unbounded;font-size:20px;color:var(--acc);margin-bottom:6px;line-height:1.2}
.fact span{color:var(--mut);font-size:14px;line-height:1.4;display:block}
@media(max-width:760px){.facts{grid-template-columns:1fr 1fr}}
.callout{margin:34px 0;padding:22px 26px;border-radius:20px;border:1px solid rgba(255,183,3,.35);background:rgba(255,183,3,.07);color:#ddd;font-size:16px}
.callout b{color:var(--acc2)}
.art-cta{margin-top:50px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:30px;border-radius:26px;background:linear-gradient(135deg,#2a130e,#17171f 70%);border:1px solid var(--acc)}
.art-cta b{display:block;font-family:Unbounded;font-size:20px;margin-bottom:6px}
.art-cta span{color:var(--mut)}

.acards{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.acard{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:28px;overflow:hidden;transition:.4s}
.acard:hover{transform:translateY(-6px);border-color:#3a3a46}
.acard .ai{aspect-ratio:16/9;overflow:hidden}
.acard .ai img{width:100%;height:100%;object-fit:cover;transition:transform 1s}
.acard:hover .ai img{transform:scale(1.06)}
.acard .ab{padding:26px 28px 28px;display:flex;flex-direction:column;gap:10px;flex:1}
.acard .am{color:var(--mut);font-size:13px}
.acard b{font-family:Unbounded;font-size:20px;line-height:1.3}
.acard p{color:var(--mut);font-size:15.5px}
.acard em{font-style:normal;color:var(--acc);font-weight:700;margin-top:auto}
@media(max-width:760px){.acards{grid-template-columns:1fr}}