/* ================= JURNAL CARTIER PAGE ================= */
.jr-hero{padding:130px 24px 40px;text-align:center}
.jr-hero .inner{width:var(--shell);max-width:640px;margin:0 auto}
.jr-hero h1{font-weight:400;font-size:clamp(30px,5vw,50px);line-height:1.16;letter-spacing:-.02em;margin:18px 0 14px}
.jr-hero p{font-family:var(--public);color:var(--muted);font-size:16px;line-height:1.7}

.jr-search{margin:28px auto 0;position:relative;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.05);
  border:1px solid var(--line);border-radius:14px;padding:0 16px;height:54px;max-width:560px}
.jr-search svg{width:19px;height:19px;color:var(--faint);flex:0 0 auto}
.jr-search input{flex:1;background:none;border:0;color:#fff;font-family:var(--public);font-size:15px;height:100%;outline:none}
.jr-search input::placeholder{color:var(--faint)}
.jr-search button{flex:0 0 auto;color:var(--faint);display:grid;place-items:center;width:28px;height:28px;border-radius:50%;transition:background .2s var(--ease),color .2s var(--ease)}
.jr-search button:hover{background:rgba(255,255,255,.08);color:#fff}
.jr-search button svg{width:15px;height:15px}

.jr-browser{padding:0 0 clamp(60px,9vh,100px)}
.jr-browser .in{width:var(--shell);margin:0 auto}

.jr-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:30px}
.jr-crumbs button{font-family:var(--public);font-size:.86rem;color:var(--faint);font-weight:600;transition:color .2s var(--ease)}
.jr-crumbs button:hover{color:#fff}
.jr-crumbs button.active{color:var(--rose);pointer-events:none}
.jr-crumbs .sep{color:var(--faint);opacity:.5;font-size:.8rem}

.jr-loading{display:flex;align-items:center;gap:10px;font-family:var(--public);color:var(--muted);font-size:14px;padding:40px 0;justify-content:center}
.jr-loading .spin{width:18px;height:18px;border-radius:50%;border:2px solid var(--line);border-top-color:var(--rose);animation:jrspin .7s linear infinite}
@keyframes jrspin{to{transform:rotate(360deg)}}
.jr-empty{text-align:center;font-family:var(--public);color:var(--faint);padding:50px 0}
.jr-notice{font-family:var(--public);color:var(--faint);padding:20px 0}

.jr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.jr-card{text-align:left;border:1px solid var(--line-soft);border-radius:18px;overflow:hidden;background:rgba(255,255,255,.025);
  transition:transform .3s var(--ease),border-color .3s var(--ease)}
.jr-card:hover{transform:translateY(-5px);border-color:var(--wine)}
.jr-card .jr-img{display:block;aspect-ratio:16/10;overflow:hidden}
.jr-card .jr-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s var(--ease)}
.jr-card:hover .jr-img img{transform:scale(1.06)}
.jr-card .jr-body{display:block;padding:18px 20px 20px}
.jr-card h3{font-weight:700;font-size:1.05rem;margin-bottom:6px}
.jr-card .jr-count{font-family:var(--public);color:var(--faint);font-size:.8rem}

.jr-posts{grid-template-columns:repeat(3,1fr)}
.jr-post{display:block;border:1px solid var(--line-soft);border-radius:18px;overflow:hidden;background:rgba(255,255,255,.025);
  transition:transform .3s var(--ease),border-color .3s var(--ease)}
.jr-post:hover{transform:translateY(-5px);border-color:var(--wine)}
.jr-post .jr-img{display:block;aspect-ratio:16/10;overflow:hidden}
.jr-post .jr-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s var(--ease)}
.jr-post:hover .jr-img img{transform:scale(1.06)}
.jr-post .jr-body{display:block;padding:18px 20px 20px}
.jr-post .jr-date{font-family:var(--public);color:var(--rose);font-size:.76rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.jr-post h3{font-weight:700;font-size:1.02rem;margin:8px 0 8px}
.jr-post p{font-family:var(--public);color:var(--muted);font-size:14px;line-height:1.6}

@media(max-width:980px){.jr-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.jr-grid{grid-template-columns:1fr}.jr-hero{padding:110px 20px 30px}}