/* A quiet, image-led reading collection with two clear editorial shelves. */
#journal-invite.hp-journal{background:#f6f3ed;color:#292620;padding-block:clamp(64px,6.7vw,96px);scroll-margin-top:90px}
#journal-invite.hp-journal .hp-journal-wrap{width:min(1160px,calc(100% - 64px));margin-inline:auto}
#journal-invite.hp-journal .hp-journal-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px 40px;margin-bottom:clamp(38px,4vw,56px)}
#journal-invite.hp-journal .hp-journal-heading-copy{min-width:0;max-width:760px}
#journal-invite.hp-journal .hp-journal-eyebrow{margin:0 0 13px;color:#927c59;font-size:10px;font-weight:500;line-height:1.5;letter-spacing:.2em}
#journal-invite.hp-journal h2{margin:0;font-family:var(--mincho);font-size:clamp(25px,2.7vw,35px);font-weight:400;line-height:1.65;letter-spacing:.045em;color:#292620}
#journal-invite.hp-journal .hp-journal-intro{margin:18px 0 0;font-size:13px;line-height:2;color:#716b61;letter-spacing:.025em}
#journal-invite.hp-journal .hp-journal-all{display:inline-flex;align-items:center;justify-content:space-between;flex-shrink:0;gap:22px;min-height:44px;border-bottom:1px solid #cfc5b4;color:#292620;font-size:12px;font-weight:400;line-height:1.7;text-decoration:none;transition:border-color 160ms ease,color 160ms ease}
#journal-invite.hp-journal .hp-journal-all>span:last-child{color:#927c59;font-size:16px}
#journal-invite.hp-journal .hp-journal-columns{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,4.8vw,72px);align-items:stretch}
#journal-invite.hp-journal .hp-journal-columns::before{content:"";position:absolute;inset-block:0;left:50%;border-left:1px solid #ddd5c9;pointer-events:none}
#journal-invite.hp-journal .hp-journal-collection{display:grid;grid-template-rows:auto 1fr;min-width:0}
#journal-invite.hp-journal .hp-journal-collection-heading{display:flex;align-items:baseline;gap:14px;margin-bottom:22px;padding-bottom:14px;border-bottom:1px solid #d8d0c4}
#journal-invite.hp-journal .hp-journal-collection-eyebrow{margin:0;color:#927c59;font-size:9px;font-weight:500;line-height:1.5;letter-spacing:.18em;white-space:nowrap}
#journal-invite.hp-journal .hp-journal-collection-heading h3{margin:0;font-family:var(--mincho);font-size:21px;font-weight:400;line-height:1.5;letter-spacing:.045em;color:#292620}
#journal-invite.hp-journal .hp-journal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:30px 20px;align-items:stretch}
#journal-invite.hp-journal .hp-journal-card{min-width:0;margin:0;padding:0;border:0;background:transparent;box-shadow:none;border-radius:0}
#journal-invite.hp-journal .hp-journal-card-link{display:flex;flex-direction:column;height:100%;color:#292620;text-decoration:none;border:0;background:transparent;box-shadow:none;border-radius:0}
#journal-invite.hp-journal .hp-journal-image{margin:0;background:#fff;aspect-ratio:750/460;overflow:hidden}
#journal-invite.hp-journal .hp-journal-image img{display:block;width:100%;height:100%;aspect-ratio:750/460;object-fit:cover;border-radius:0;transition:transform 400ms cubic-bezier(.22,.61,.36,1)}
#journal-invite.hp-journal .hp-journal-card-copy{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding-top:16px}
#journal-invite.hp-journal .hp-journal-category{margin:0 0 8px;color:#927c59;font-size:10px;font-weight:400;line-height:1.7;letter-spacing:.06em}
#journal-invite.hp-journal .hp-journal-card-copy h3{margin:0 0 20px;font-family:var(--mincho);font-size:16px;font-weight:400;line-height:1.8;letter-spacing:.015em;overflow-wrap:anywhere;text-decoration-color:transparent;text-underline-offset:.24em;text-decoration-thickness:1px;transition:color 160ms ease,text-decoration-color 160ms ease}
#journal-invite.hp-journal .hp-journal-card-action{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;margin-top:auto;padding-bottom:5px;border-bottom:1px solid #dcd6ca;color:#716b61;font-size:11px;font-weight:400;line-height:1.8;transition:border-color 160ms ease,color 160ms ease}
#journal-invite.hp-journal .hp-journal-card-action>span:last-child{color:#927c59;font-size:14px;transition:transform 160ms ease}
#journal-invite.hp-journal a:focus-visible{outline:2px solid #927c59;outline-offset:6px}
@media(hover:hover){
  #journal-invite.hp-journal .hp-journal-card-link:hover h3{color:#745e3c;text-decoration-line:underline;text-decoration-color:#bbaa8e}
  #journal-invite.hp-journal .hp-journal-card-link:hover .hp-journal-image img{transform:scale(1.025)}
  #journal-invite.hp-journal .hp-journal-card-link:hover .hp-journal-card-action,#journal-invite.hp-journal .hp-journal-all:hover{color:#745e3c;border-color:#927c59}
  #journal-invite.hp-journal .hp-journal-card-link:hover .hp-journal-card-action>span:last-child{transform:translate(2px,-2px)}
}
@media(max-width:1000px){
  #journal-invite.hp-journal .hp-journal-heading{align-items:flex-start;flex-direction:column;gap:16px}
  #journal-invite.hp-journal .hp-journal-columns{gap:44px}
  #journal-invite.hp-journal .hp-journal-collection-heading{flex-direction:column;align-items:flex-start;gap:7px}
}
@media(max-width:700px){
  #journal-invite.hp-journal{padding-block:58px}
  #journal-invite.hp-journal .hp-journal-wrap{width:calc(100% - 40px)}
  #journal-invite.hp-journal .hp-journal-heading{margin-bottom:36px;gap:12px}
  #journal-invite.hp-journal h2{font-size:25px;line-height:1.65;letter-spacing:.025em}
  #journal-invite.hp-journal .hp-journal-intro{font-size:12px;margin-top:16px;line-height:2}
  #journal-invite.hp-journal .hp-journal-all{font-size:11px;gap:20px}
  #journal-invite.hp-journal .hp-journal-columns{grid-template-columns:minmax(0,1fr);gap:44px}
  #journal-invite.hp-journal .hp-journal-columns::before{display:none}
  #journal-invite.hp-journal .hp-journal-collection-heading{margin-bottom:18px;padding-bottom:12px}
  #journal-invite.hp-journal .hp-journal-collection-heading h3{font-size:19px}
  #journal-invite.hp-journal .hp-journal-grid{gap:28px 16px}
  #journal-invite.hp-journal .hp-journal-card-copy{padding-top:12px}
  #journal-invite.hp-journal .hp-journal-category{font-size:9px;letter-spacing:.025em;margin-bottom:6px}
  #journal-invite.hp-journal .hp-journal-card-copy h3{font-size:14px;line-height:1.8;letter-spacing:0;margin-bottom:15px}
  #journal-invite.hp-journal .hp-journal-card-action{font-size:10px;gap:18px}
}
@media(prefers-reduced-motion:reduce){
  #journal-invite.hp-journal *,#journal-invite.hp-journal *::before,#journal-invite.hp-journal *::after{animation:none!important;transition:none!important}
  #journal-invite.hp-journal .hp-journal-card-link:hover .hp-journal-card-action>span:last-child{transform:none}
}

/* Articles published inside the official site (2026-09-26): a quiet marker after the category. */
.hp-journal-card-site .hp-journal-category::after{content:"公式サイト内";margin-left:10px;padding-left:10px;border-left:1px solid var(--line-2,#D6CCBE);font-size:10px;letter-spacing:.14em;color:var(--gold-ink,#7E6228)}
html[lang^="en"] .hp-journal-card-site .hp-journal-category::after{content:"ON THIS SITE"}