/* A personal introduction: one photographic spread, not stacked cards. */
.travel-home .founder.founder-profile {
  position:relative; padding:var(--founder-spacing) var(--founder-gutter) 0;
  background:var(--founder-paper); color:var(--founder-ink); overflow:hidden;
}
.founder-profile .founder-spread {
  display:grid; grid-template-columns:1fr 1fr; grid-template-rows:auto 1fr;
  column-gap:clamp(40px,5vw,80px); max-width:var(--founder-width); margin:auto;
}
.founder-profile .founder-heading { grid-column:2; grid-row:1; padding-top:24px; }
.founder-profile .founder-kicker {
  margin:0 0 24px; color:var(--founder-muted);
  font:600 11px/1.5 var(--catalog-reading); letter-spacing:.16em;
}
.founder-profile #founder-title {
  margin:0 0 16px; color:var(--founder-ink);
  font:400 var(--founder-title)/.98 var(--catalog-display); letter-spacing:-.055em;
  text-transform:uppercase;
}
.founder-profile .founder-role {
  margin:0; font:500 13px/1.5 var(--catalog-reading); color:var(--founder-muted);
}
.founder-profile .founder-portrait {
  grid-column:1; grid-row:1/3; position:relative; align-self:stretch; margin:0;
  min-height:var(--founder-portrait-height); isolation:isolate;
}
.founder-profile .founder-portrait img {
  display:block; position:absolute; bottom:0; left:50%; transform:translateX(-50%);
  width:110%; height:100%; max-width:none; object-fit:contain; object-position:center bottom;
}
.founder-profile .founder-seal {
  position:absolute; left:-10px; bottom:52px; width:var(--founder-stamp-size); aspect-ratio:1;
  display:grid; place-content:center; gap:7px; text-align:center;
  border:1px solid var(--founder-line); outline:1px solid var(--founder-line); outline-offset:-7px;
  border-radius:50%; background:var(--founder-paper); transform:rotate(-12deg);
  color:var(--founder-muted); font:500 9px/1.5 var(--catalog-reading); letter-spacing:.12em;
}
.founder-profile .founder-seal strong { font:400 15px/1.4 var(--catalog-display); letter-spacing:.04em; }
.founder-profile .founder-story {
  grid-column:2; grid-row:2; padding:34px 0 var(--founder-spacing);
  color:var(--founder-body); font:400 var(--founder-reading)/1.7 var(--catalog-reading);
}
.founder-profile .founder-story p { margin:0 0 18px; max-width:49ch; }
.founder-profile .founder-story .founder-intro {
  margin-bottom:24px; color:var(--founder-ink);
  font:600 var(--founder-heading)/1.4 var(--catalog-reading); max-width:30ch;
}
.founder-profile .founder-story strong { color:var(--founder-ink); font-weight:600; }
.founder-profile .founder-note {
  margin:28px 0 0; padding:22px 0 0; border-top:1px solid var(--founder-line);
  color:var(--founder-ink); font:italic 400 26px/1.4 var(--display);
}
.founder-profile .founder-note p { margin:0; }
@media(max-width:700px) {
  .founder-profile .founder-spread { grid-template-columns:1fr; row-gap:0; }
  .founder-profile .founder-heading { grid-column:1; grid-row:1; padding:0; position:relative; z-index:1; }
  .founder-profile #founder-title { font-size:clamp(45px,12.6vw,72px); line-height:1; margin-bottom:12px; }
  .founder-profile .founder-kicker { margin-bottom:20px; font-size:10px; }
  .founder-profile .founder-role { font-size:12px; }
  .founder-profile .founder-portrait { grid-column:1; grid-row:2; height:var(--founder-mobile-portrait); min-height:0; margin-top:12px; }
  .founder-profile .founder-portrait img { width:100%; mask-image:linear-gradient(#000 88%,transparent 100%); }
  .founder-profile .founder-seal { left:0; bottom:28px; --founder-stamp-size:94px; font-size:8px; }
  .founder-profile .founder-seal strong { font-size:12px; }
  .founder-profile .founder-story { grid-column:1; grid-row:3; padding-top:30px; font-size:15px; }
  .founder-profile .founder-story .founder-intro { font-size:22px; margin-bottom:20px; }
  .founder-profile .founder-note { font-size:24px; margin-top:24px; padding-top:20px; }
}
@media(min-width:701px) and (max-width:1000px) {
  .founder-profile { --founder-title:52px; --founder-portrait-height:590px; }
  .founder-profile .founder-spread { column-gap:32px; }
  .founder-profile .founder-portrait img { object-position:center top; mask-image:linear-gradient(#000 60%,transparent 84%); }
  .founder-profile .founder-seal { top:350px; bottom:auto; }
}