/* AMIA · READ — shared pillar/list stylesheet (CI v2.0) */
:root{
  --bg:#000;--s1:#050505;--s2:#0a0a0a;--s3:#101010;--s4:#171717;
  --t1:#ededeb;--t2:#a0a09e;--t3:#4a4a4a;
  --gold:#fcee0a;--cyan:#00f0ff;--pink:#ff003c;--green:#00ff66;--red:#ff2d00;--purple:#b000ff;
  --acc:#fcee0a; /* per-page accent, override in page head */
  --g-gold:0 0 24px rgba(252,238,10,.55),0 0 60px rgba(252,238,10,.18);
  --g-cyan:0 0 24px rgba(0,240,255,.5),0 0 60px rgba(0,240,255,.15);
  --b1:rgba(255,255,255,.06);--b2:rgba(255,255,255,.13);
  --display:'Rajdhani',sans-serif;--body:'Sora',system-ui,sans-serif;--mono:'JetBrains Mono',monospace;
  --skew:-12deg;--ease:cubic-bezier(.16,1,.3,1);
  --clip-sm:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);
  --clip-md:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;background:#000;}
body{background:#000;color:var(--t1);font-family:var(--body);font-size:1rem;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden;}
a{color:inherit;text-decoration:none;}
img,svg{display:block;max-width:100%;}
::selection{background:var(--gold);color:#000;}
body::after{content:'';position:fixed;inset:0;z-index:9999;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.05) 3px,rgba(0,0,0,.05) 4px);}

/* NAV */
nav{position:sticky;top:0;z-index:100;height:64px;background:rgba(0,0,0,.98);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--b1);}
.nav-inner{max-width:1320px;margin:0 auto;padding:0 48px;height:64px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:32px;}
.nav-logo{display:inline-flex;align-items:center;font-family:var(--display);font-weight:700;font-size:1.5rem;letter-spacing:.06em;line-height:1;text-transform:uppercase;}
.nav-logo .am,.nav-logo .me{color:var(--t1);}
.nav-logo .ia{color:var(--gold);text-shadow:0 0 12px rgba(252,238,10,.4);position:relative;}
.nav-logo .ia .i{position:relative;display:inline-block;}
.nav-logo .ia .i::before{content:'';position:absolute;top:-7px;left:50%;transform:translateX(-50%) skewX(var(--skew));width:9px;height:5px;background:var(--cyan);box-shadow:0 0 6px var(--cyan);}
.nav-logo .slash{display:inline-block;width:13px;height:18px;background:var(--gold);margin:0 6px;transform:skewX(var(--skew));}
.nav-logo .read{font-family:var(--mono);font-weight:700;font-size:.6rem;letter-spacing:.18em;color:var(--cyan);margin-left:10px;border-left:1px solid var(--b2);padding-left:10px;align-self:center;}
.nav-links{display:flex;justify-self:start;gap:2px;flex-wrap:nowrap;}
.nav-links a{padding:0 14px;height:34px;display:inline-flex;align-items:center;font-family:var(--mono);font-weight:500;font-size:.7rem;letter-spacing:.1em;color:rgba(255,255,255,.5);text-transform:uppercase;transition:all .15s;border-radius:3px;}
.nav-links a:hover,.nav-links a.on{color:var(--gold);background:rgba(252,238,10,.05);}
.nav-right{display:flex;gap:12px;align-items:center;}
.lang{display:flex;gap:1px;background:var(--s3);border:1px solid var(--b1);clip-path:var(--clip-sm);}
.lang a{font-family:var(--mono);font-size:.62rem;font-weight:700;padding:8px 11px;color:rgba(255,255,255,.45);letter-spacing:.1em;text-transform:uppercase;}
.lang a.on{background:var(--gold);color:#000;}

/* PILLAR / PAGE HERO */
.p-hero{position:relative;padding:96px 48px 64px;overflow:hidden;background:var(--bg);border-bottom:1px solid var(--b1);}
.p-hero::before{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:repeating-linear-gradient(135deg,var(--acc) 0,var(--acc) 16px,#000 16px,#000 32px);}
.p-hero-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,transparent,rgba(0,0,0,.7) 30%,rgba(0,0,0,.7) 80%,transparent);}
.p-hero-inner{position:relative;max-width:1320px;margin:0 auto;z-index:2;}
.breadcrumb{display:flex;gap:8px;align-items:center;font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;color:var(--t3);text-transform:uppercase;margin-bottom:28px;}
.breadcrumb a{color:var(--t2);}
.breadcrumb a:hover{color:var(--gold);}
.breadcrumb .sep{color:var(--acc);}
.p-badge{font-family:var(--mono);font-weight:700;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--acc);display:inline-flex;align-items:center;gap:8px;margin-bottom:20px;padding:6px 14px 6px 10px;background:color-mix(in srgb,var(--acc) 8%,transparent);border-left:2px solid var(--acc);}
.p-h1{font-family:var(--display);font-weight:700;font-size:clamp(2.8rem,7vw,6rem);line-height:.95;letter-spacing:.02em;text-transform:uppercase;color:var(--t1);margin-bottom:18px;}
.p-h1 .em{color:var(--acc);}
.p-sub{font-family:var(--body);font-size:clamp(1rem,1.3vw,1.2rem);color:var(--t2);max-width:680px;line-height:1.7;}
.p-sub strong{color:var(--t1);}

/* SECTION + GRID */
.section{padding:72px 48px;}
.section-inner{max-width:1320px;margin:0 auto;}
.section-num{font-family:var(--mono);font-size:.62rem;letter-spacing:.18em;color:var(--gold);text-transform:uppercase;margin-bottom:36px;display:flex;align-items:center;gap:8px;}
.section-num::after{content:'';flex:1;height:1px;background:var(--b1);max-width:120px;}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.article-card{background:var(--s2);border:1px solid var(--b1);overflow:hidden;clip-path:var(--clip-md);transition:transform .3s var(--ease),border-color .3s;display:flex;flex-direction:column;}
.article-card:hover{transform:translateY(-3px);border-color:var(--cyan);}
.article-card.soon{opacity:.62;cursor:default;}
.article-card.soon:hover{transform:none;border-color:var(--b1);}
.thumb{position:relative;aspect-ratio:16/9;overflow:hidden;}
.thumb.gold{background:linear-gradient(135deg,rgba(252,238,10,.22) 0%,rgba(0,0,0,.8) 100%),#0a0a0a;}
.thumb.pink{background:linear-gradient(135deg,rgba(255,0,60,.22) 0%,rgba(0,0,0,.8) 100%),#0a0a0a;}
.thumb.cyan{background:linear-gradient(135deg,rgba(0,240,255,.22) 0%,rgba(0,0,0,.8) 100%),#0a0a0a;}
.thumb.green{background:linear-gradient(135deg,rgba(0,255,102,.2) 0%,rgba(0,0,0,.8) 100%),#0a0a0a;}
.thumb.purple{background:linear-gradient(135deg,rgba(176,0,255,.22) 0%,rgba(0,0,0,.8) 100%),#0a0a0a;}
.thumb::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:24px 24px;}
.thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;}
.thumb .mark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--display);font-weight:700;font-size:3.5rem;color:rgba(255,255,255,.95);text-shadow:0 0 24px rgba(0,0,0,.5);letter-spacing:.04em;text-transform:uppercase;line-height:1;z-index:1;text-align:center;}
.thumb .pill-tag{position:absolute;top:12px;left:12px;font-family:var(--mono);font-weight:700;font-size:.55rem;letter-spacing:.16em;padding:4px 9px;clip-path:var(--clip-sm);text-transform:uppercase;z-index:2;}
.pill-tag.t-gold{background:var(--gold);color:#000;}
.pill-tag.t-pink{background:var(--pink);color:#fff;}
.pill-tag.t-cyan{background:var(--cyan);color:#000;}
.pill-tag.t-green{background:var(--green);color:#000;}
.pill-tag.t-purple{background:var(--purple);color:#fff;}
.thumb .soon-tag{position:absolute;top:12px;right:12px;font-family:var(--mono);font-weight:700;font-size:.5rem;letter-spacing:.16em;padding:4px 8px;background:rgba(0,0,0,.7);border:1px solid var(--b2);color:var(--t2);text-transform:uppercase;z-index:2;}
.thumb .corner{position:absolute;width:14px;height:14px;z-index:2;}
.thumb .corner.br{bottom:10px;right:10px;border-bottom:1.5px solid var(--gold);border-right:1.5px solid var(--gold);opacity:.6;}
.article-card .body{padding:22px;flex:1;display:flex;flex-direction:column;gap:10px;}
.article-card h3{font-family:var(--display);font-weight:700;font-size:1.25rem;line-height:1.15;letter-spacing:.03em;color:var(--t1);text-transform:uppercase;}
.article-card .lead{color:var(--t2);font-size:.88rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1;}
.article-card .meta{display:flex;gap:12px;font-family:var(--mono);font-size:.58rem;letter-spacing:.12em;color:var(--t3);text-transform:uppercase;padding-top:12px;border-top:1px dashed var(--b1);align-items:center;}
.article-card .meta .dot{width:3px;height:3px;background:var(--t3);border-radius:50%;}

/* FOOTER */
footer{padding:60px 48px 36px;border-top:1px solid var(--b1);background:var(--s1);position:relative;margin-top:48px;}
footer::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:repeating-linear-gradient(135deg,var(--gold) 0,var(--gold) 12px,#000 12px,#000 24px);}
.footer-inner{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;padding-bottom:36px;border-bottom:1px solid var(--b1);}
.footer-col h4{font-family:var(--mono);font-weight:700;font-size:.6rem;letter-spacing:.18em;color:var(--gold);text-transform:uppercase;margin-bottom:14px;}
.footer-col ul{list-style:none;font-family:var(--mono);font-size:.78rem;color:var(--t2);line-height:2;}
.footer-col li a:hover{color:var(--gold);}
.footer-col p{color:var(--t2);font-size:.85rem;line-height:1.6;}
.footer-meta{max-width:1320px;margin:24px auto 0;display:flex;justify-content:space-between;font-family:var(--mono);font-size:.6rem;color:var(--t3);letter-spacing:.1em;text-transform:uppercase;}
.footer-meta strong{color:var(--gold);}

@media (max-width:1080px){
  .nav-inner{gap:20px;padding:0 32px;}
  .nav-links{display:none;}
  .grid{grid-template-columns:repeat(2,1fr);}
  .footer-inner{grid-template-columns:1fr 1fr;}
}
@media (max-width:680px){
  .p-hero{padding:64px 24px 48px;}
  .section{padding:48px 24px;}
  .nav-inner{padding:0 24px;}
  footer{padding:48px 24px 32px;}
  .grid{grid-template-columns:1fr;}
  .footer-inner{grid-template-columns:1fr;gap:32px;}
}
