/* Personal stories, not another collection of project cards. */
.outside-intro { display: grid; grid-template-columns: 1fr 1.1fr; align-items: center; gap: clamp(28px, 4vw, 56px); padding-bottom: clamp(44px, 7vw, 80px); }
.outside-intro-copy > .eyebrow,
.outside-interest .eyebrow,
.outside-journal > div > .eyebrow { color: var(--muted); font-size: 13px; }
.outside-intro h1 { margin-top: 22px; font-size: clamp(42px, 5.7vw, 72px); line-height: 1.08; letter-spacing: -.045em; }
.outside-intro-copy > p { max-width: 46ch; margin-top: 26px; color: var(--muted); font-size: 17px; line-height: 1.7; }
.outside-hero-photo { margin: 0; min-width: 0; }
.outside-hero-photo a { display: block; border-radius: var(--radius-frame); overflow: hidden; }
.outside-hero-photo img { display: block; width: 100%; height: auto; }
.outside-hero-photo figcaption { display: block; margin-top: 12px; color: var(--muted); font-size: 12px; }
.outside-interest,
.outside-journal { display: grid; grid-template-columns: .9fr 1.3fr; gap: clamp(32px, 6vw, 80px); padding-block: clamp(32px, 5vw, 60px); border-top: 1px solid var(--line); scroll-margin-top: 12px; }
.outside-interest h2,
.outside-journal h2 { margin-top: 14px; font-size: clamp(30px, 3.4vw, 42px); line-height: 1.16; letter-spacing: -.035em; }
.outside-copy > p { margin-top: 24px; }
.outside-interest:not(:has(.outside-gallery)) > div:last-child { padding-top: 28px; }
.outside-interest p,
.outside-journal p { color: var(--muted); line-height: 1.8; }
.outside-interest p + p { margin-top: 16px; }
.outside-interest .text-link { margin-top: 22px; }
.outside-journal { padding-block: 48px 64px; }
.outside-journal > div > p { margin-top: 20px; max-width: 30ch; font-size: 15px; }
.outside-journal .cs-journal-profile { margin-top: 24px; }
.outside-journal .cs-external-note { margin-top: 16px; font-size: 12px; }
.outside-gallery .visual-track { aspect-ratio: 1 / 1; background: var(--surface); border-radius: var(--radius-frame); }
.outside-gallery .visual-slide { position: relative; }
.outside-gallery .visual-image { position: absolute; inset: 0; width: 100%; height: 100%; aspect-ratio: auto; padding: 0; border: 0; border-radius: 0; background: transparent; }
.outside-gallery .visual-image img { position: absolute; inset: 0; margin: auto; width: auto; height: auto; max-width: 100%; max-height: 100%; object-fit: contain; object-position: center; border-radius: var(--radius-frame); }
.outside-gallery .outside-photo-caption { margin-top: 10px; font-size: 12px; line-height: 1.6; }
.visual-viewer[data-media-kind='photo'] .visual-viewer-track { background: transparent; border: 0; }
.visual-viewer[data-media-kind='photo'] .visual-viewer-slide { position: relative; overflow: hidden; }
.visual-viewer[data-media-kind='photo'] .visual-viewer-slide > img { position: absolute; inset: 0; margin: auto; width: auto; height: auto; max-width: 100%; max-height: 100%; object-fit: contain; border-radius: var(--radius-frame); }
@media (max-width: 720px) {
  .outside-intro { grid-template-columns: 1fr; gap: 28px; }
  .outside-intro h1 { font-size: clamp(44px, 8.4vw, 60px); }
  .outside-interest,
  .outside-journal { grid-template-columns: 1fr; gap: 20px; }
  .outside-interest:not(:has(.outside-gallery)) > div:last-child { padding-top: 0; }
  .outside-journal .cs-outside-copy { padding-top: 0; }
}