.journal-page .jhead{padding:64px 0 30px}.journal-page .jhead__top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:40px;display:flex}.journal-page .jhead h1{letter-spacing:-.03em;color:var(--ink-900);margin:16px 0 0;font-size:clamp(38px,5.2vw,60px);line-height:1.02}.journal-page .jhead__lead{color:var(--slate-600);max-width:540px;margin:18px 0 0;font-size:18px;line-height:1.6}.journal-page .jhead__count{font-family:var(--font-mono);letter-spacing:.06em;color:var(--slate-400);text-transform:uppercase;white-space:nowrap;padding-bottom:8px;font-size:12px}.journal-page .jhead__count b{color:var(--blue-500);font-weight:600}.journal-page .filters{border-bottom:1px solid var(--line);padding:8px 0 0}.journal-page .filters__row{flex-wrap:wrap;gap:8px;padding-bottom:22px;display:flex}.journal-page .fbtn{font-family:var(--font-sans);letter-spacing:.01em;color:var(--slate-600);background:var(--card);border:1px solid var(--line);border-radius:var(--r-1);cursor:pointer;transition:all var(--dur)var(--ease-out);clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,0 100%);align-items:center;gap:8px;padding:9px 16px;font-size:13px;font-weight:600;display:inline-flex}.journal-page .fbtn:hover{border-color:var(--slate-400);color:var(--ink-900)}.journal-page .fbtn .ct{font-family:var(--font-mono);color:var(--slate-400);font-size:11px}.journal-page .fbtn.is-active{background:var(--navy-900);color:#fff;border-color:var(--navy-900)}.journal-page .fbtn.is-active .ct{color:#ffffff8c}.journal-page .feat-wrap{padding:40px 0 8px}.journal-page .featured{background:var(--card);border:1px solid var(--line);border-radius:0 var(--r-card)var(--r-card)var(--r-card);box-shadow:var(--shadow-2);transition:box-shadow var(--dur)var(--ease-out),transform var(--dur)var(--ease-out);grid-template-columns:1.15fr 1fr;gap:0;text-decoration:none;display:grid;position:relative;overflow:hidden}.journal-page .featured:before{content:"";background:var(--blue-500);z-index:3;width:38px;height:3px;position:absolute;top:0;left:0}.journal-page .featured:hover{box-shadow:var(--shadow-3);transform:translateY(-2px)}.journal-page .featured__media{background:repeating-linear-gradient(135deg,var(--slate-100)0 16px,var(--slate-50)16px 32px);border-right:1px solid var(--line);justify-content:center;align-items:center;min-height:380px;display:flex;position:relative}.journal-page .featured__media .tag{font-family:var(--font-mono);letter-spacing:.08em;color:var(--slate-500);text-transform:uppercase;background:var(--card);border:1px solid var(--line);border-radius:var(--r-1);padding:7px 12px;font-size:11px}.journal-page .featured__flag{z-index:2;font-family:var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:#fff;background:var(--navy-900);clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,0 100%);padding:6px 11px;font-size:10.5px;font-weight:600;position:absolute;top:16px;left:16px}.journal-page .featured__glow{filter:blur(12px);background:radial-gradient(#007aff29,#5be0ff0f 50%,#0000 72%);position:absolute;inset:12% 16%}.journal-page .featured__body{flex-direction:column;justify-content:center;align-items:flex-start;padding:44px 46px;display:flex}.journal-page .featured__body h2{letter-spacing:-.02em;color:var(--ink-900);margin:16px 0 0;font-size:clamp(26px,2.6vw,34px);line-height:1.14}.journal-page .featured__body>p{color:var(--slate-600);max-width:46ch;margin:16px 0 0;font-size:16px;line-height:1.62}.journal-page .featured__meta{align-items:center;gap:16px;margin-top:26px;display:flex}.journal-page .byline{align-items:center;gap:10px;display:flex}.journal-page .byline .avatar{width:34px;height:34px;font-size:13px}.journal-page .byline .who{flex-direction:column;line-height:1.3;display:flex}.journal-page .byline .who b{color:var(--ink-900);font-size:13px;font-weight:600}.journal-page .byline .who span{font-family:var(--font-mono);color:var(--slate-400);font-size:11px}.journal-page .featured__meta .dot{background:var(--slate-300);border-radius:50%;width:3px;height:3px}.journal-page .read-min{font-family:var(--font-mono);color:var(--slate-500);font-size:12px}.journal-page .featured__cta{margin-top:28px}.journal-page .featured:hover .link-arrow .ar,.journal-page .post:hover .link-arrow .ar{transform:translate(4px)}.journal-page .post__cat{font-family:var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--navy-900);font-size:11px;font-weight:600}.journal-page .body-grid{grid-template-columns:1fr 304px;align-items:start;gap:48px;padding:44px 0 88px;display:grid}.journal-page .section-label{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.journal-page .section-label h3{letter-spacing:.02em;color:var(--ink-900);align-items:center;gap:10px;font-size:15px;font-weight:600;display:inline-flex}.journal-page .section-label h3:before{content:"";background:var(--blue-500);width:18px;height:2px}.journal-page .section-label .meta{font-family:var(--font-mono);color:var(--slate-400);letter-spacing:.04em;font-size:11px}.journal-page .journal{grid-template-columns:1fr;gap:0;display:grid}.journal-page .post{border-top:1px solid var(--line);grid-template-rows:auto auto auto auto;grid-template-columns:240px 1fr;align-items:start;gap:10px 28px;padding:26px 0;text-decoration:none;display:grid;position:relative}.journal-page .post:first-child{border-top:none;padding-top:4px}.journal-page .post__media{border-radius:0 var(--r-card)var(--r-card)var(--r-card);border:1px solid var(--line);background:repeating-linear-gradient(135deg,var(--slate-100)0 14px,var(--slate-50)14px 28px);height:150px;transition:box-shadow var(--dur)var(--ease-out);grid-area:1/1/5;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.journal-page .post__media:before{content:"";background:var(--blue-500);z-index:2;width:30px;height:3px;position:absolute;top:0;left:0}.journal-page .post__media .tag{font-family:var(--font-mono);letter-spacing:.07em;color:var(--slate-500);text-transform:uppercase;background:var(--card);border:1px solid var(--line);border-radius:var(--r-1);padding:5px 10px;font-size:10.5px}.journal-page .post:hover .post__media{box-shadow:var(--shadow-2)}.journal-page .post__head{grid-area:1/2;align-items:center;gap:10px;display:flex}.journal-page .post h3{color:var(--ink-900);letter-spacing:-.01em;grid-area:2/2;margin:9px 0 0;font-size:21px;line-height:1.26}.journal-page .post:hover h3{color:var(--blue-600)}.journal-page .post__meta{font-family:var(--font-mono);color:var(--slate-400);grid-area:4/2;margin-top:12px;font-size:12px}.journal-page .empty{text-align:center;padding:60px 0}.journal-page .empty p{color:var(--slate-500);font-size:15px}.journal-page .empty button{font:inherit;color:var(--blue-600);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;text-decoration:underline}.journal-page .loadmore{justify-content:center;margin-top:40px;display:flex}.journal-page .side{flex-direction:column;gap:16px;display:flex;position:sticky;top:88px}.journal-page .scard{background:var(--card);border:1px solid var(--line);border-radius:0 var(--r-card)var(--r-card)var(--r-card);box-shadow:var(--shadow-2);padding:22px 22px 24px;position:relative}.journal-page .scard:before{content:"";background:var(--blue-500);width:28px;height:3px;position:absolute;top:0;left:0}.journal-page .scard h4{letter-spacing:.1em;text-transform:uppercase;color:var(--slate-500);margin:0 0 16px;font-size:12px;font-weight:600}.journal-page .topics{flex-wrap:wrap;gap:8px;display:flex}.journal-page .topic{font-family:var(--font-mono);color:var(--slate-700);background:var(--slate-50);border:1px solid var(--line);border-radius:var(--r-1);cursor:pointer;transition:all var(--dur)var(--ease-out);align-items:center;gap:7px;padding:6px 11px;font-size:12px;display:inline-flex}.journal-page .topic:hover{border-color:var(--navy-900);color:var(--ink-900)}.journal-page .topic b{color:var(--slate-400);font-weight:500}.journal-page .poplist{flex-direction:column;display:flex}.journal-page .poplist a{border-top:1px solid var(--line-soft);align-items:flex-start;gap:14px;padding:14px 0;text-decoration:none;display:flex}.journal-page .poplist a:first-child{border-top:none;padding-top:0}.journal-page .poplist .rk{font-family:var(--font-mono);color:var(--blue-500);flex:none;width:18px;font-size:13px;font-weight:600}.journal-page .poplist .pt{flex-direction:column;gap:5px;display:flex}.journal-page .poplist .pt b{color:var(--ink-900);font-size:13.5px;font-weight:600;line-height:1.32}.journal-page .poplist a:hover .pt b{color:var(--blue-600)}.journal-page .poplist .pt span{font-family:var(--font-mono);color:var(--slate-400);font-size:11px}@media (max-width:980px){.journal-page .featured{grid-template-columns:1fr}.journal-page .featured__media{border-right:none;border-bottom:1px solid var(--line);min-height:240px}.journal-page .body-grid{grid-template-columns:1fr;gap:56px}.journal-page .side{position:static}}@media (max-width:620px){.journal-page .post{grid-template-columns:1fr}.journal-page .post__media{grid-row:auto}.journal-page .post__head,.journal-page .post h3,.journal-page .post__meta{grid-column:1}}