/* About Hila: large black-and-white portrait beside a readable column, credentials as a plain list. */
.story{background:var(--bg-2)}
.story-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(40px,7vw,120px);align-items:start}
.story-figure{position:sticky;top:calc(var(--nav-h) + 32px)}
.story-figure img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:var(--radius);filter:grayscale(1)}
.story-body{max-width:640px}
.story-body .title{margin-bottom:32px}
.story-body p{color:var(--ink-soft)}
.story-body p+p{margin-top:18px}
.story-turn{font-size:var(--fs-lg)!important;line-height:1.55;color:var(--ink)!important;font-weight:500;padding-inline-start:22px;border-inline-start:2px solid var(--clay)}
.creds{margin-top:44px;padding-top:28px;border-top:1px solid var(--line)}
.creds h3{font-size:1rem;font-weight:500;color:var(--clay-deep);margin-bottom:14px}
.creds ul{list-style:none;columns:2;column-gap:32px}
.creds li{break-inside:avoid;padding:6px 0;font-size:1.02rem!important}
.creds li::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--clay);margin-inline-end:10px;vertical-align:middle}

@media (max-width:860px){
  .story-grid{grid-template-columns:1fr;gap:32px}
  .story-figure{position:static;max-width:420px}
  .story-figure img{aspect-ratio:4/4.4}
  .creds ul{columns:1}
}