.serenity-journal { --sj-navy:#082c54; --sj-blue:#124e8e; --sj-gold:#d4ad2c; --sj-soft:#f4f8fb; --sj-ink:#102c4c; background:var(--sj-soft); color:var(--sj-ink); }
.journal-kicker { color:#e2c65b; font-size:12px; font-weight:900; letter-spacing:.16em; text-transform:uppercase; }
.journal-hero { position:relative; padding:110px 0; overflow:hidden; background:linear-gradient(90deg,#061f3ef7 0 48%,#124e8ed9 70%,#124e8e55),url('../img/banner/banner.jpg') center/cover; color:#fff; }
.journal-hero::after { content:''; position:absolute; width:520px; height:520px; right:-210px; top:-230px; border:1px solid #ffffff35; border-radius:50%; box-shadow:0 0 0 80px #ffffff0a,0 0 0 160px #ffffff08; }
.journal-hero>.container { position:relative; z-index:1; display:grid; grid-template-columns:1.35fr .65fr; align-items:end; gap:90px; }
.journal-hero h1 { margin:18px 0 22px; color:#fff; font-size:clamp(50px,6vw,82px); line-height:.98; letter-spacing:-.035em; }
.journal-hero h1 em { color:#e2c65b; font-style:normal; }
.journal-hero-copy>p { max-width:680px; color:#dbe7f2; font-size:18px; line-height:1.75; }
.journal-hero-actions { display:flex; gap:12px; margin-top:32px; flex-wrap:wrap; }
.journal-hero-actions a { padding:13px 18px; border-radius:7px; background:var(--sj-gold); color:#fff; font-weight:800; }
.journal-hero-actions a.outline { border:1px solid #ffffff55; background:#082c5466; }
.journal-promise { padding:30px; border:1px solid #ffffff30; border-top:4px solid var(--sj-gold); border-radius:4px 4px 14px 14px; background:#061f3ebf; backdrop-filter:blur(10px); }
.journal-promise>span { width:52px; height:52px; display:grid; place-items:center; margin-bottom:22px; border-radius:50%; color:var(--sj-navy); background:#e2c65b; font-size:22px; }
.journal-promise small { color:#e2c65b; font-weight:800; text-transform:uppercase; }
.journal-promise h2 { margin:10px 0; color:#fff; font-size:25px; line-height:1.25; }
.journal-promise p { margin:0; color:#d7e3ee; font-size:14px; line-height:1.7; }
.journal-featured { padding:90px 0 45px; }
.journal-featured>.container { display:grid; grid-template-columns:1.12fr .88fr; min-height:480px; padding:0; overflow:hidden; border-radius:15px; background:#fff; box-shadow:0 22px 60px #082c5415; }
.featured-visual { position:relative; display:block; min-height:480px; overflow:hidden; }
.featured-visual::after { content:''; position:absolute; inset:0; background:linear-gradient(0deg,#082c5485,transparent 55%); }
.featured-visual img { width:100%; height:100%; object-fit:cover; transition:.6s ease; }
.featured-visual:hover img { transform:scale(1.035); }
.featured-visual span { position:absolute; z-index:1; left:25px; bottom:25px; padding:8px 12px; border-radius:4px; color:var(--sj-navy); background:#e2c65b; font-size:11px; font-weight:900; text-transform:uppercase; }
.journal-featured article { display:flex; padding:55px; flex-direction:column; justify-content:center; }
.article-meta { display:flex; align-items:center; gap:15px; flex-wrap:wrap; }
.article-meta span { color:var(--sj-gold); font-size:12px; font-weight:900; text-transform:uppercase; }
.article-meta small { color:#758698; }
.journal-featured h2 { margin:18px 0; color:var(--sj-navy); font-size:clamp(32px,3vw,45px); line-height:1.12; }
.journal-featured p { color:#647689; font-size:16px; line-height:1.8; }
.journal-read { margin-top:10px; color:var(--sj-blue); font-weight:850; }
.journal-read i,.journal-card-copy>a i { margin-left:7px; color:var(--sj-gold); transition:.2s; }
.journal-read:hover i,.journal-card-copy>a:hover i { transform:translateX(5px); }
.journal-library { padding:70px 0 105px; }
.library-heading { display:grid; grid-template-columns:1fr .75fr; align-items:end; gap:80px; }
.library-heading .journal-kicker { color:var(--sj-gold); }
.library-heading h2 { margin:12px 0 0; color:var(--sj-navy); font-size:clamp(38px,4vw,54px); line-height:1.05; }
.library-heading p { color:#657789; line-height:1.8; }
.journal-tools { display:flex; align-items:center; justify-content:space-between; gap:25px; margin:38px 0; }
.journal-filters { display:flex; gap:8px; overflow:auto; padding-bottom:4px; }
.journal-filters button { flex:0 0 auto; padding:9px 15px; border:1px solid #d6e2ec; border-radius:99px; color:#607487; background:#fff; font-weight:750; cursor:pointer; }
.journal-filters button:hover,.journal-filters button.active { border-color:var(--sj-blue); color:#fff; background:var(--sj-blue); }
.journal-search { width:290px; flex:0 0 290px; display:flex; align-items:center; padding:0 15px; border:1px solid #d5e1ec; border-radius:8px; color:var(--sj-blue); background:#fff; }
.journal-search input { width:100%; padding:12px; border:0; outline:0; background:transparent; }
.journal-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:26px; }
.journal-card { overflow:hidden; border:1px solid #dfe8f0; border-radius:11px; background:#fff; box-shadow:0 10px 35px #082c540b; transition:.3s ease; animation:journalReveal .35s ease; }
.journal-card:hover { transform:translateY(-7px); border-bottom-color:var(--sj-gold); box-shadow:0 20px 48px #082c5418; }
.journal-card[hidden] { display:none; }
.journal-card-image { position:relative; display:block; height:235px; overflow:hidden; }
.journal-card-image::after { content:''; position:absolute; inset:0; background:linear-gradient(0deg,#082c5470,transparent 60%); }
.journal-card-image img { width:100%; height:100%; object-fit:cover; transition:.5s; }
.journal-card:hover img { transform:scale(1.045); }
.journal-card-image span { position:absolute; z-index:1; left:17px; bottom:17px; padding:7px 10px; border-radius:4px; color:var(--sj-navy); background:#fff; font-size:11px; font-weight:900; }
.journal-card-copy { padding:25px; }
.journal-card-copy small { color:var(--sj-blue); font-weight:700; }
.journal-card-copy h3 { margin:13px 0 11px; font-size:21px; line-height:1.35; }
.journal-card-copy h3 a { color:var(--sj-navy); }
.journal-card-copy p { color:#68798a; font-size:14px; line-height:1.7; }
.journal-card-copy>a { color:var(--sj-blue); font-size:13px; font-weight:850; }
.journal-empty { padding:70px; text-align:center; color:#697b8d; }
.journal-empty i { color:var(--sj-gold); font-size:35px; }
.journal-empty h3 { margin:12px 0 5px; color:var(--sj-navy); }
.journal-services { padding:80px 0; background:var(--sj-navy); }
.journal-services>.container { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }
.journal-services article { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:20px; padding:28px; border:1px solid #ffffff1f; border-radius:10px; background:#ffffff0a; }
.journal-services article>i { color:#e2c65b; font-size:30px; }
.journal-services small { color:#aac0d4; }
.journal-services h2 { margin:4px 0 0; color:#fff; font-size:21px; }
.journal-services a { color:#e2c65b; font-weight:800; white-space:nowrap; }
@keyframes journalReveal { from{opacity:0;transform:translateY(12px)} to{opacity:1;transform:none} }
@media(max-width:991px){.journal-hero>.container,.journal-featured>.container,.library-heading{grid-template-columns:1fr}.journal-grid{grid-template-columns:repeat(2,1fr)}.journal-tools{align-items:stretch;flex-direction:column}.journal-search{width:100%;flex-basis:auto}.journal-services>.container{grid-template-columns:1fr}}
@media(max-width:767px){.journal-hero{padding:75px 0;background-position:62% center}.journal-hero>.container{gap:40px}.journal-featured{padding-top:55px}.featured-visual{min-height:310px}.journal-featured article{padding:30px}.journal-grid{grid-template-columns:1fr}.journal-card-image{height:260px}.journal-services article{grid-template-columns:auto 1fr}.journal-services article>a{grid-column:2}.journal-library{padding:60px 0 75px}}