/* A room for memories: art carries the atmosphere; real pages stay readable. */
body[data-world="blog"] { background: #2b141d; }
body[data-world="blog"] .inner-shell { overflow: clip; }
.journal-hero { position: relative; isolation: isolate; grid-template-columns: .86fr 1.14fr; gap: 30px; min-height: 650px; padding: 10px 0 74px; }
.journal-landscape { position: absolute; z-index: -1; pointer-events: none; inset: -50px -11vw 0 22%; overflow: hidden; mask-image: linear-gradient(90deg,transparent,#000 20%,#000 91%,transparent); }
.journal-landscape img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 60% 43%; mask-image: linear-gradient(0deg,transparent,#000 18%,#000 87%,transparent); transform: translate(var(--journal-drift-x,0px),var(--journal-drift-y,0px)) scale(1.03); transition: transform .7s ease; }
.journal-intro { align-self: center; padding-bottom: 55px; }
.journal-intro h2 { font-size: clamp(64px,6.5vw,96px); margin: 25px 0 27px; }
.journal-intro > p:not(.journal-kicker) { max-width: 315px; }
.journal-invitation { gap: 24px; margin-top: 32px; }
.journal-scene { padding: 200px 0 18px; min-height: 566px; align-self: end; }
.journal-memory, .journal-scene::before { display: none; }
.journal-feature { width: 73%; max-width: 430px; margin-left: 23%; padding: 27px 30px 22px; min-height: 310px; transform: rotate(-4deg); border-radius: 3px 18px 18px 3px; background: linear-gradient(100deg,#dbc9b9 0,#f6ebdd 9px,#f6ebdd 70%,#ecddcb); box-shadow: 0 20px 48px #14060e66; }
.journal-sheet { width: 73%; max-width: 430px; margin-left: 24%; background: #8e434e; border-color: #e39d8d55; transform: rotate(4deg) translate(8px,3px); }
.journal-feature h3 { font-size: clamp(27px,2.65vw,37px); margin: 22px 0 16px; }
.journal-feature-excerpt { font-size: 18px; -webkit-line-clamp: 3; margin-bottom: 22px; }
.journal-feature-foot { gap: 9px; }
.journal-feature:hover, .journal-feature:focus-visible { transform: rotate(-1deg) translateY(-5px); }
.journal-archive { position: relative; padding-top: 38px; border-top-color: #e4b5ad36; }
.journal-archive::before { content: ""; position: absolute; top: -3px; left: 0; width: 5px; height: 5px; border-radius: 50%; background: #e99092; box-shadow: 0 0 18px #ec788238; }
.journal-tools { margin-top: 30px; margin-bottom: 27px; }
.journal-tools :is(input,select) { background-color: #ebc0b306; border-color: #e4b5ad3d; }
.journal-tools :is(input,select):focus { border-color: #e6b2a4; }
.journal-grid { column-gap: 40px; row-gap: 20px; }
.journal-card, .journal-card:nth-child(3n+2), .journal-card:nth-child(3n) { background: transparent; border: 0; border-top: 1px solid #e0a8ad38; border-radius: 0; min-height: 320px; padding: 24px 14px 29px; position: relative; }
.journal-card::before { content: ""; position: absolute; top: -1px; left: 0; width: 34px; height: 1px; background: #df8c8e; transform-origin: left; transition: width .4s ease; }
.journal-card:hover, .journal-card:focus-visible { transform: translateY(-3px); background: #e58c9607; border-color: #d9859366; }
.journal-card:hover::before, .journal-card:focus-visible::before { width: 100%; }
.journal-card-top { margin-bottom: 25px; color: #df9da0; }
.journal-card-number { font-size: 29px; }
.journal-card-trace { opacity: .8; }
.journal-card h4 { margin-top: 15px; }
.journal-card-bottom { padding-top: 18px; border-top: 1px solid #e0a8ad16; }
.journal-more { margin-top: 25px; }
@media(min-width:1601px) { .journal-landscape { inset-inline-end: -100px; } }
@media(min-width:801px) and (max-width:1100px) {
  .journal-hero { gap: 14px; min-height: 620px; }
  .journal-intro h2 { font-size: 65px; }
  .journal-intro > p:not(.journal-kicker) { font-size: 14px; max-width: 280px; }
  .journal-scene { padding-top: 210px; min-height: 555px; }
  .journal-feature, .journal-sheet { width: 90%; margin-left: 7%; }
  .journal-feature { padding: 25px; }
  .journal-landscape { left: 15%; }
  .journal-grid { gap: 20px; }
}
@media(max-width:800px) {
  .journal-hero { display: block; padding: 38px 0 40px; min-height: 0; }
  .journal-intro { padding: 0; }
  .journal-intro h2 { font-size: clamp(54px,11vw,72px); line-height: .97; margin: 21px 0 24px; }
  .journal-intro > p:not(.journal-kicker) { max-width: 340px; }
  .journal-invitation { margin-top: 26px; gap: 21px; }
  .journal-landscape { inset: auto -60px 166px -60px; height: 360px; mask-image: linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); }
  .journal-landscape img { object-position: 62% center; mask-image: linear-gradient(0deg,transparent,#000 20%,#000 85%,transparent); }
  .journal-scene { padding-top: 155px; margin-top: 15px; margin-bottom: 0; min-height: 0; padding-bottom: 15px; }
  .journal-feature, .journal-sheet { width: 87%; margin-left: 7%; max-width: none; }
  .journal-feature { min-height: 270px; padding: 23px 24px; transform: rotate(-3deg); }
  .journal-sheet { transform: rotate(3deg) translate(5px,2px); }
  .journal-feature h3 { font-size: 29px; margin-block: 18px 13px; }
  .journal-feature-excerpt { font-size: 17px; -webkit-line-clamp: 2; margin-bottom: 18px; }
  .journal-feature-foot { flex-wrap: wrap; gap: 8px; }
  .journal-feature-foot > svg { width: 23px; flex-basis: 23px; }
  .journal-archive { padding-top: 30px; }
  .journal-tools { margin-block: 25px; }
  .journal-grid { gap: 15px 25px; }
  .journal-card, .journal-card:nth-child(3n+2), .journal-card:nth-child(3n) { padding: 25px 4px 29px; min-height: 285px; }
  .journal-card-top { margin-bottom: 23px; }
}
@media(max-width:480px) {
  .journal-card h4 { font-size: 30px; max-width: 330px; }
  .journal-card-excerpt { max-width: 350px; }
  .journal-card, .journal-card:nth-child(3n+2), .journal-card:nth-child(3n) { min-height: 0; padding-bottom: 28px; }
}
@media(prefers-reduced-motion:reduce) {
  .journal-landscape img { transform: none; transition: none; }
  .journal-feature:hover, .journal-feature:focus-visible { transform: rotate(-4deg); }
  .journal-card:hover, .journal-card:focus-visible { transform: none; }
}