/* One Trinity - Blog shared design system (matches onetrinity.co noir/gold) */
:root{
  --bg:#070708; --bg2:#0c0d10; --surf:#111318; --ink:#ECEAE4; --mut:#909298; --faint:#74757b;
  --gold:#E9C99B; --gold2:#F4E6CB; --gold-d:#c9a86f; --plasma:#7fd4ff; --ok:#7fc79b; --berry:#c58be0;
  --line:rgba(255,255,255,.09); --line2:rgba(255,255,255,.14);
  --disp:'Fraunces',Georgia,serif; --sans:'Inter',system-ui,sans-serif;
  --ease:cubic-bezier(.16,1,.3,1); --maxw:1140px; --measure:720px; --r:14px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--sans);background:var(--bg);color:var(--ink);line-height:1.62;font-size:16px;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 26px}
h1,h2,h3,h4{font-family:var(--disp);font-weight:400;line-height:1.14;letter-spacing:-.01em;text-wrap:balance}
p{text-wrap:pretty}
a{color:inherit;text-decoration:none}
.eye{font:600 11.5px var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--gold-d)}
.js .reveal{opacity:0;transform:translateY(14px)}
.reveal{transition:opacity .7s var(--ease),transform .7s var(--ease)}
.reveal.in{opacity:1;transform:none}

.b{display:inline-flex;align-items:center;gap:8px;font:600 14.5px var(--sans);padding:13px 22px;border-radius:999px;white-space:nowrap;transition:.25s var(--ease);cursor:pointer;border:1px solid transparent}
.b.g{background:linear-gradient(180deg,var(--gold2),var(--gold));color:#1a1408}
.b.g:hover{filter:brightness(1.06);transform:translateY(-1px)}
.b.o{border-color:var(--line2);color:var(--ink)}
.b.o:hover{border-color:var(--gold);color:var(--gold2)}
.b svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}
@media(max-width:420px){.b{white-space:normal;text-align:center}.acta .b{width:100%;justify-content:center}}

/* nav */
.nav{position:sticky;top:0;z-index:40;background:rgba(7,7,8,.72);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav .in{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{display:flex;align-items:center;gap:11px;font:600 14px var(--sans);letter-spacing:.02em}
.brand .mk{width:26px;height:26px;position:relative}
.brand .mk i{position:absolute;top:0;width:16px;height:16px;border-radius:50%;mix-blend-mode:screen;opacity:.92}
.brand .mk i:nth-child(1){left:0;background:var(--gold)}
.brand .mk i:nth-child(2){left:5px;background:var(--plasma)}
.brand .mk i:nth-child(3){left:10px;background:var(--berry)}
.brand b{font-weight:600}.brand .sep{color:var(--faint);font-weight:300;margin:0 2px}
.brand .os{color:var(--gold2)}
.nav .r{display:flex;align-items:center;gap:16px}
.nav .back{font-size:13px;color:var(--mut)}
.nav .back:hover{color:var(--ink)}
@media(max-width:640px){.nav .back{display:none}}

/* listing hero */
.bhero{position:relative;padding:60px 0 40px;overflow:hidden}
.bhero:before{content:"";position:absolute;inset:0;background:
   radial-gradient(60% 55% at 78% 8%,rgba(233,201,155,.14),transparent 60%),
   radial-gradient(50% 50% at 8% 92%,rgba(127,212,255,.06),transparent 60%);pointer-events:none}
.bhero .in{position:relative;max-width:820px}
.bhero h1{font-size:clamp(2rem,1.5rem + 1.8vw,2.9rem);margin:14px 0 14px}
.bhero h1 em{font-style:italic;color:var(--gold2)}
.bhero p{font-size:clamp(1rem,.96rem + .25vw,1.14rem);color:var(--mut);max-width:60ch}

/* news ticker - rotating latest headlines in the hero */
.tk{display:flex;align-items:center;gap:16px;margin-top:34px;max-width:820px;border:1px solid var(--line);border-radius:999px;padding:8px 10px 8px 18px;background:rgba(255,255,255,.02)}
.tk-lbl{flex:none;display:flex;align-items:center;gap:8px;font:700 10.5px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--gold-d)}
.tk-lbl .dot{width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px var(--gold);animation:tkblink 2.2s ease-in-out infinite}
@keyframes tkblink{0%,100%{opacity:1}50%{opacity:.3}}
.tk-track{position:relative;flex:1;min-width:0}
.tk-item{display:none;align-items:center;font:500 13.5px var(--sans);color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tk-item.on{display:flex}
.tk-item:hover{color:var(--gold2)}
.tk-dots{flex:none;display:flex;gap:6px;padding-right:4px}
.tk-dots button{width:6px;height:6px;border-radius:50%;border:0;background:var(--line2);cursor:pointer;padding:0;transition:.25s var(--ease)}
.tk-dots button.on{background:var(--gold);width:16px;border-radius:3px}
@media(max-width:640px){.tk{border-radius:14px;padding:12px 14px;flex-wrap:wrap}.tk-track{width:100%;order:3;flex:none}.tk-item{white-space:normal;line-height:1.4}.tk-dots{padding:8px 0 0}}

/* category filter chips */
.cats{display:flex;gap:9px;flex-wrap:wrap;padding:0 0 34px}
.cats a{display:inline-flex;align-items:center;font:600 12px var(--sans);letter-spacing:.03em;color:var(--mut);border:1px solid var(--line);border-radius:999px;padding:8px 16px;transition:.2s var(--ease)}
.cats a:hover{color:var(--ink);border-color:var(--line2)}
.cats a.on{color:#1a1408;background:var(--gold);border-color:var(--gold)}

/* article grid */
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-bottom:70px}
.pcard{border:1px solid var(--line);border-radius:var(--r);background:var(--surf);overflow:hidden;transition:.3s var(--ease);display:flex;flex-direction:column}
.pcard:hover{border-color:var(--line2);transform:translateY(-3px)}
.pcard .art{position:relative;aspect-ratio:16/10;display:flex;align-items:flex-end;padding:16px;overflow:hidden}
.pcard .art .tag{position:relative;z-index:1;font:700 10px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:#1a1408;background:var(--gold);padding:5px 11px;border-radius:999px}
.pcard .bd{padding:18px 20px 22px;display:flex;flex-direction:column;flex:1}
.pcard h3{font-size:1.24rem;margin-bottom:9px;line-height:1.22}
.pcard .ex{font-size:13.6px;color:var(--mut);line-height:1.56;flex:1;margin-bottom:14px}
.pcard .meta{font:500 11.5px var(--sans);color:var(--faint);display:flex;gap:9px;align-items:center}
.pcard .meta .d{width:3px;height:3px;border-radius:50%;background:var(--faint)}
@media(max-width:980px){.pgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.pgrid{grid-template-columns:1fr}}

/* category art backgrounds - gold system tints, no rainbow */
.art.c-ia{background:radial-gradient(120% 120% at 25% 15%,rgba(127,212,255,.16),transparent 55%),linear-gradient(150deg,#12151c,#191c26 55%,#0b0c0e)}
.art.c-startups{background:radial-gradient(120% 120% at 25% 15%,rgba(233,201,155,.16),transparent 55%),linear-gradient(150deg,#15120c,#1b1712 55%,#0b0c0e)}
.art.c-vale{background:radial-gradient(120% 120% at 25% 15%,rgba(197,139,224,.14),transparent 55%),linear-gradient(150deg,#151220,#1a1626 55%,#0b0c0e)}
.art.c-guias{background:radial-gradient(120% 120% at 25% 15%,rgba(127,199,155,.14),transparent 55%),linear-gradient(150deg,#0f1712,#131e18 55%,#0b0c0e)}

/* ===== article page ===== */
.ahead{padding:52px 0 8px}
.ahead .cat{display:inline-flex;font:700 10.5px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:#1a1408;background:var(--gold);padding:6px 13px;border-radius:999px;margin-bottom:20px}
.ahead h1{font-size:clamp(1.9rem,1.4rem + 2.2vw,3rem);max-width:36ch;margin-bottom:18px}
.ahead h1 em{font-style:italic;color:var(--gold2)}
.ahead .dek{font-size:clamp(1.05rem,1rem + .3vw,1.24rem);color:var(--mut);max-width:68ch;margin-bottom:26px}
.ahead .meta{display:flex;gap:14px;align-items:center;font:500 12.5px var(--sans);color:var(--faint);padding-bottom:34px;border-bottom:1px solid var(--line)}
.ahead .meta b{color:var(--gold-d);font-weight:600}
.ahead .meta .d{width:3px;height:3px;border-radius:50%;background:var(--faint)}

article.body{max-width:var(--measure);margin:0 auto;padding:40px 26px 20px}
article.body p{font-size:1.06rem;color:#dedcd5;margin-bottom:22px;line-height:1.75}
article.body h2{font-size:1.5rem;margin:44px 0 16px}
article.body h3{font-size:1.2rem;margin:32px 0 12px;color:var(--gold2)}
article.body a{color:var(--gold2);border-bottom:1px solid rgba(233,201,155,.35);transition:.2s var(--ease)}
article.body a:hover{border-color:var(--gold)}
article.body ul,article.body ol{margin:0 0 22px 22px;color:#dedcd5}
article.body li{margin-bottom:10px;font-size:1.02rem;line-height:1.6}
article.body blockquote{margin:32px 0;padding:4px 0 4px 22px;border-left:2px solid var(--gold);font-family:var(--disp);font-style:italic;font-size:1.3rem;color:var(--gold2);line-height:1.4}
article.body .lead{font-size:1.18rem;color:var(--ink);font-weight:400;margin-bottom:30px}
article.body strong{color:var(--ink);font-weight:600}
.sources{max-width:var(--measure);margin:20px auto 0;padding:22px 26px;border-top:1px solid var(--line)}
.sources h4{font:600 11px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin-bottom:12px}
.sources ol{margin:0 0 0 18px}
.sources li{font-size:13px;color:var(--mut);margin-bottom:7px}
.sources a{color:var(--gold-d)}

/* contextual CTA inside article */
.acta{max-width:var(--measure);margin:40px auto;padding:30px 28px;border:1px solid rgba(233,201,155,.3);border-radius:var(--r);background:linear-gradient(180deg,rgba(233,201,155,.06),var(--surf))}
.acta .eye{margin-bottom:8px}
.acta h4{font-size:1.3rem;margin-bottom:8px}
.acta p{font-size:.98rem;color:var(--mut);margin-bottom:16px;max-width:52ch}

/* related */
.related{border-top:1px solid var(--line);padding:50px 0 70px}
.related h3{font-size:1.5rem;margin-bottom:24px}
.related .grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
@media(max-width:640px){.related .grid{grid-template-columns:1fr}}

footer{border-top:1px solid var(--line);padding:30px 0;font-size:12.5px;color:var(--faint)}
footer .in{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
footer a{color:var(--mut)}footer a:hover{color:var(--ink)}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}