.journal-page{--ink:#151329;--muted:#69667c;background:#faf9ff;color:var(--ink)}
.journal-hero{position:relative;overflow:hidden;padding:8rem 0 5.5rem;background:linear-gradient(145deg,#15102e 0%,#2d1e68 52%,#5d3fd3 100%);color:#fff}.journal-hero:before,.journal-hero:after{content:"";position:absolute;border-radius:50%;opacity:.45}.journal-hero:before{width:28rem;height:28rem;right:-8rem;top:-12rem;background:radial-gradient(circle,#b9a7ff,transparent 68%)}.journal-hero:after{width:22rem;height:22rem;left:-10rem;bottom:-13rem;background:radial-gradient(circle,#4fd1c5,transparent 68%)}
.journal-kicker{display:inline-flex;gap:.55rem;align-items:center;font-size:.75rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#d8ceff}.journal-kicker:before{content:"";width:2rem;height:1px;background:#a78bfa}.journal-title{max-width:800px;margin:1.1rem auto 1rem;font-size:clamp(2.7rem,7vw,5.5rem);font-weight:750;line-height:.96;letter-spacing:-.055em}.journal-lead{max-width:680px;margin:0 auto;color:#d8d4e8;font-size:clamp(1rem,2vw,1.2rem);line-height:1.75}
.filter-shell{position:relative;z-index:3;margin-top:-2rem;background:#fff;border:1px solid rgba(44,35,82,.09);border-radius:1.25rem;padding:.7rem;box-shadow:0 18px 55px rgba(34,24,78,.14)}.filter-shell .form-control,.filter-shell .form-select{min-height:3.5rem;border:0;background:#f5f3fb;border-radius:.85rem;padding-inline:1rem}.filter-shell .form-control:focus,.filter-shell .form-select:focus{background:#fff;box-shadow:0 0 0 3px rgba(114,87,232,.16)}.filter-button{min-height:3.5rem;border:0;border-radius:.85rem;background:linear-gradient(135deg,#7257e8,#5d3fd3);font-weight:700}
.category-navigation{display:flex;align-items:center;gap:.65rem;min-width:0}.category-strip{display:flex;flex:1;min-width:0;gap:.55rem;overflow-x:auto;padding:.35rem .15rem;overscroll-behavior-x:contain}.category-navigation.is-ready .category-strip{scrollbar-width:none}.category-navigation.is-ready .category-strip::-webkit-scrollbar{display:none}.category-scroll-button{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:1px solid #e4e0f0;border-radius:50%;background:#fff;color:#7257e8;box-shadow:0 3px 12px rgba(45,30,104,.06);transition:background .2s,color .2s,border-color .2s}.category-scroll-button[hidden]{display:none}.category-scroll-button:hover:not(:disabled){background:#7257e8;border-color:#7257e8;color:#fff}.category-scroll-button:disabled{opacity:.35;cursor:default;box-shadow:none}.category-scroll-button:focus-visible,.category-pill:focus-visible{outline:3px solid #a997ef;outline-offset:2px}@media(prefers-reduced-motion:reduce){.category-scroll-button,.category-pill{transition:none!important}}.category-pill{flex:none;border:1px solid #e4e0f0;border-radius:999px;padding:.55rem .9rem;background:#fff;color:#514e61;text-decoration:none;font-size:.85rem;transition:.2s ease}.category-pill:hover,.category-pill.active{color:#fff;border-color:#7257e8;background:#7257e8;transform:translateY(-1px)}
.featured-story{overflow:hidden;border:1px solid #e9e5f2;border-radius:1.5rem;background:#fff;box-shadow:0 22px 70px rgba(33,25,72,.09)}.story-visual{min-height:330px;position:relative;display:flex;align-items:flex-end;padding:2rem;background:linear-gradient(145deg,#251853,#7257e8 58%,#b59aff);overflow:hidden}.story-visual:before{content:"AI";position:absolute;right:-.08em;top:-.28em;font-size:15rem;font-weight:900;color:rgba(255,255,255,.075);letter-spacing:-.12em}.story-visual img,.card-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.story-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(16,10,40,.55),transparent 60%)}.visual-label{position:relative;z-index:1;color:#fff;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase}.featured-copy{padding:clamp(2rem,5vw,4.5rem)}
.story-category{color:#7257e8;font-size:.75rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;text-decoration:none}.featured-copy h2{margin:.75rem 0 1rem;font-size:clamp(2rem,4vw,3.25rem);line-height:1.08;letter-spacing:-.04em}.story-excerpt{color:var(--muted);line-height:1.75}.story-meta{display:flex;flex-wrap:wrap;gap:1rem;color:#7d798d;font-size:.82rem}.read-link{display:inline-flex;align-items:center;gap:.55rem;color:#2d1e68;font-weight:750;text-decoration:none}.read-link i{transition:transform .2s}.read-link:hover i{transform:translateX(4px)}
.article-card{height:100%;overflow:hidden;border:1px solid #e8e4f0;border-radius:1.25rem;background:#fff;transition:transform .25s,box-shadow .25s,border-color .25s}.article-card:hover{transform:translateY(-6px);border-color:#cfc5f5;box-shadow:0 20px 50px rgba(39,27,85,.12)}.card-visual{position:relative;height:210px;display:flex;align-items:flex-end;padding:1.25rem;background:linear-gradient(145deg,#1d1738,#4c36a5 60%,#8f79e8);overflow:hidden}.card-visual.alt{background:linear-gradient(145deg,#103a43,#167d82 60%,#62c7be)}.card-visual:before{content:"";position:absolute;width:12rem;height:12rem;border:1px solid rgba(255,255,255,.22);border-radius:50%;right:-3rem;top:-5rem;box-shadow:0 0 0 2.5rem rgba(255,255,255,.035),0 0 0 5rem rgba(255,255,255,.025)}.card-visual img{transition:transform .5s}.article-card:hover img{transform:scale(1.04)}.card-visual .story-category{position:relative;z-index:2;color:#fff;background:rgba(15,10,35,.42);backdrop-filter:blur(7px);padding:.4rem .65rem;border-radius:99px;letter-spacing:.08em}.article-body{display:flex;flex-direction:column;min-height:270px;padding:1.5rem}.article-body h3{font-size:1.35rem;line-height:1.3;letter-spacing:-.025em}.article-body h3 a{color:var(--ink);text-decoration:none}.article-body h3 a:hover{color:#7257e8}.empty-journal{padding:5rem 1rem;text-align:center;border:1px dashed #cec7df;border-radius:1.5rem;background:#fff}.pagination .page-link{border:0;margin:0 .2rem;border-radius:.65rem;color:#5141a6}.pagination .active .page-link{background:#7257e8}
@media(max-width:767px){.journal-hero{padding:6.5rem 0 4.5rem}.filter-shell{margin-top:-1.5rem}.story-visual{min-height:245px}.featured-copy{padding:2rem}}
