body.jnp{--pg:#F7F3EC;--ink:#1F1B17;--ink2:#655C52;--acc:#A4552F;--rule:rgba(31,27,23,.16)}
.jn-mast{padding-block:var(--s4) var(--s3);border-bottom:3px double var(--ink);display:grid;gap:.6rem;text-align:center}
.jn-mast .row{display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink2);border-bottom:1px solid var(--rule);padding-bottom:.6rem}
.jn-mast h1{font-size:clamp(3.4rem,2rem + 7vw,9rem);line-height:.86;letter-spacing:-.02em}
.jn-mast p{font-family:var(--serif);font-style:italic;font-size:1.15rem;color:var(--ink2)}
.jn-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:.4rem;padding-block:1rem;border-bottom:1px solid var(--rule)}
.jn-nav button{border:0;background:none;padding:.5rem .9rem;font-size:.82rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink2);cursor:pointer;border-bottom:2px solid transparent}
.jn-nav button[aria-pressed="true"]{color:var(--ink);border-bottom-color:var(--acc)}
.jn-lead{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:var(--s4);align-items:center;padding-block:var(--s5);border-bottom:1px solid var(--rule)}
.jn-lead .im{aspect-ratio:8/5;overflow:hidden;border-radius:2px}
.jn-lead img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.jn-lead:hover img{transform:scale(1.03)}
.jn-lead h2{font-size:clamp(2rem,1.3rem + 2.4vw,3.4rem);line-height:1.02}
.jn-k{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--acc);display:flex;flex-wrap:wrap;gap:.2rem .6rem;align-items:center}
.jn-k time{color:var(--ink2);font-weight:600}
.jn-lead p.ex{font-size:1.06rem;color:var(--ink2);max-width:52ch}
.jn-lead .tx{display:grid;gap:1rem}
.jn-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s4) var(--s3);padding-block:var(--s5)}
.jn-post{display:grid;gap:.7rem;align-content:start;animation:jnin .5s var(--ease) both}
@keyframes jnin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.jn-post .im{display:block;aspect-ratio:8/5;overflow:hidden;border-radius:2px}
.jn-post img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
.jn-post:hover img{transform:scale(1.04)}
.jn-post h3{font-family:var(--serif);font-weight:400;font-size:1.45rem;line-height:1.1}
.jn-post p{font-size:.9rem;color:var(--ink2)}
.jn-post.wide{grid-column:span 2;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s3);align-items:center}
.jn-post.wide h3{font-size:2rem}
.jn-read{font-weight:700;font-size:.85rem;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--acc)}
.jn-shop{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:.7rem;align-items:center;border-top:1px solid var(--rule);padding-top:.7rem;margin-top:.2rem}
.jn-shop img{width:52px;height:52px;object-fit:cover;border-radius:50%;background:#fff}
.jn-shop span{font-size:.8rem;line-height:1.3}
.jn-shop small{display:block;color:var(--ink2)}
.jn-shop button{min-height:36px;padding:.3rem .8rem;border-radius:999px;border:1px solid var(--ink);background:transparent;color:var(--ink);font-weight:700;font-size:.74rem;cursor:pointer}
.jn-shop button:hover{background:var(--ink);color:var(--pg)}
@media (max-width:999px){.jn-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.jn-post.wide{grid-column:span 2}}
@media (max-width:700px){.jn-lead{grid-template-columns:1fr;padding-block:var(--s4)}.jn-grid{grid-template-columns:1fr}.jn-post.wide{grid-column:auto;grid-template-columns:1fr}.jn-post.wide h3{font-size:1.45rem}.jn-mast .row span:nth-child(2){display:none}}
.jn-sign{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s4);align-items:center;background:#1F1B17;color:#F7F3EC;border-radius:6px;padding:var(--s4);margin-top:var(--s3)}
.jn-sign h2{font-size:clamp(1.8rem,1.2rem + 2vw,2.8rem);line-height:1.02}
.jn-sign p{color:rgba(247,243,236,.72)}
.jn-sign form{display:flex;gap:.5rem;flex-wrap:wrap}
.jn-sign input{flex:1 1 220px;min-height:50px;border-radius:6px;border:1px solid rgba(247,243,236,.3);background:transparent;color:#F7F3EC;padding:0 1rem;font:inherit}
.jn-sign .mx-btn{background:#F7F3EC;color:#1F1B17;border-color:#F7F3EC}
@media (max-width:760px){.jn-sign{grid-template-columns:1fr;padding:var(--s3)}}