.jp-s1-story{padding-block:clamp(3rem,7vw,7rem);background:var(--jp-ink,#090b0d);color:var(--jp-ivory,#f4f0e6)}
.jp-s1-story__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,6vw,7rem);align-items:center}
.jp-s1-story__portrait{position:relative;display:block;overflow:hidden;aspect-ratio:4/5;background:#181818;color:#fff;text-decoration:none}
.jp-s1-story__portrait img{display:block;width:100%;height:100%;object-fit:contain}
.jp-s1-story__portrait>span{position:absolute;bottom:0;left:0;right:0;padding:1rem 1.4rem;background:#df292e;font:800 .8rem/1.4 var(--jp-body,var(--font-body--family));letter-spacing:.1em;text-transform:uppercase}
.jp-s1-story__copy{min-width:0}
.jp-s1-story__eyebrow{margin:0 0 1.2rem;color:#fb6467;font:800 .72rem/1.5 var(--jp-body,var(--font-body--family));letter-spacing:.14em;text-transform:uppercase}
.jp-s1-story h2{margin:0 0 1.5rem;font-family:var(--jp-display,var(--font-heading--family));font-size:clamp(2.5rem,5vw,5.5rem);line-height:1;letter-spacing:-.045em;font-weight:900;text-transform:uppercase;overflow-wrap:normal}
.jp-s1-story__epithet{margin:0 0 1.5rem;max-width:34rem;font-size:clamp(1.1rem,1.8vw,1.5rem);line-height:1.4;font-weight:700}
.jp-s1-story__body{margin:0 0 2rem;max-width:36rem;color:#d0cdc6;font:400 1rem/1.75 var(--jp-body,var(--font-body--family))}
.jp-s1-story__facts{margin:0 0 2rem;border-top:1px solid #4a4945}
.jp-s1-story__facts>div{display:grid;grid-template-columns:5.5rem minmax(0,1fr);gap:1rem;padding:.85rem 0;border-bottom:1px solid #4a4945}
.jp-s1-story__facts dt{color:#a9a59b;font-size:.65rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.jp-s1-story__facts dd{margin:0;font-size:.85rem;line-height:1.5;font-weight:700}
.jp-s1-story__link{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:3.5rem;padding:1rem 1.2rem;background:#df292e;color:#fff;text-decoration:none;font-size:.8rem;line-height:1.5;font-weight:800}
.jp-s1-story__collection{display:inline-flex;align-items:center;gap:1rem;margin-top:1rem;min-height:2.75rem;color:inherit;font-size:.75rem;font-weight:700;text-underline-offset:.3em}
.jp-s1-story a:focus-visible{outline:3px solid #f4f0e6;outline-offset:5px}
.jp-s1-story__link:hover{background:#b41f25}
@media(max-width:749px){.jp-s1-story__layout{grid-template-columns:minmax(0,1fr);gap:2.2rem}.jp-s1-story__portrait{aspect-ratio:1/1}.jp-s1-story h2{font-size:clamp(2.4rem,11vw,4.4rem)}.jp-s1-story__facts>div{grid-template-columns:4.5rem minmax(0,1fr)}}

@media(max-width:749px){
  .jp-s1-story{padding-block:32px}
  .jp-s1-story__layout{width:calc(100% - 32px);gap:24px}
  .jp-s1-story__portrait>span{padding:12px 14px;font-size:13px;letter-spacing:.06em}
  .jp-s1-story__eyebrow{font-size:12px;line-height:1.5;letter-spacing:.07em;margin-bottom:16px}
  .jp-s1-story__epithet{font-size:19px;line-height:1.45}
  .jp-s1-story__body{font-size:16px;line-height:1.65;margin-bottom:24px}
  .jp-s1-story__facts>div{grid-template-columns:66px minmax(0,1fr);gap:12px;padding:14px 0}
  .jp-s1-story__facts dt{font-size:12px;line-height:1.5;letter-spacing:.04em}
  .jp-s1-story__facts dd{font-size:15px;line-height:1.5}
  .jp-s1-story__link{min-height:52px;font-size:15px;padding:14px}
  .jp-s1-story__collection{min-height:44px;font-size:14px}
}