/* Longevity: approved page-specific composition and responsive placement. */
.kj-longevity .long-opening{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(700px,53vw,840px)}
.kj-longevity .long-text{position:relative;z-index:1;margin-left:var(--gutter);padding-top:clamp(100px,10vw,150px);width:33%;max-width:460px;display:flex;flex-direction:column;gap:32px}
.kj-longevity .long-text h1{font-size:clamp(48px,5.4vw,76px);line-height:1.04}
.kj-longevity .long-art{position:absolute;top:0;bottom:0;right:-9%;width:88%;pointer-events:none;mask-image:linear-gradient(to right,transparent,#000 24%),linear-gradient(to bottom,transparent,#000 10%,#000 83%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent,#000 24%),linear-gradient(to bottom,transparent,#000 10%,#000 83%,transparent);-webkit-mask-composite:source-in}
.kj-longevity .long-art img{position:absolute;right:0;bottom:0;width:100%;height:auto}
@media(min-width:821px){.kj-longevity .long-art img{mask-image:linear-gradient(to bottom,transparent,#000 12%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 12%)}}
.kj-longevity .long-pause{height:128px}
.kj-longevity .long-note{margin:48px 0 0;font-size:13px;color:var(--ink-faint)}
@media(min-width:821px) and (max-width:1100px){.kj-longevity .long-text{width:38%;padding-top:96px}.kj-longevity .long-art{width:96%;right:-20%}}
@media(max-width:820px){
 .kj-longevity .long-opening{min-height:0;display:flex;flex-direction:column}
 .kj-longevity .long-text{margin:0;padding:48px var(--gutter) 0;width:100%;max-width:none;gap:24px}
 .kj-longevity .long-text h1{font-size:clamp(44px,8vw,58px)}
 .kj-longevity .long-art{position:relative;inset:auto;flex:none;width:100%;height:83vw;max-height:590px;margin-top:40px;overflow:hidden;mask-image:linear-gradient(to bottom,transparent,#000 10%,#000 87%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 10%,#000 87%,transparent);mask-composite:add;-webkit-mask-composite:source-over}
 .kj-longevity .long-art img{width:154%;height:auto;right:-25%;bottom:auto;top:0}
 .kj-longevity .long-pause{height:96px}
}
@media(max-width:340px){.kj-longevity .long-pause{height:76px}}


@media (min-width: 821px) {
  .kj-longevity .long-art {
    transform: translateX(30px);
  }
}