/* The photograph and the following invitation share one native sticky stage.
   The reading runway sits behind that complete composition, never between
   the photograph and Meet the curator. No scroll interception or extra pin. */
#view-about,#view-about #founder-words{overflow:visible}
#view-about #founder-words{padding-bottom:0}
#view-about #founder-words .fw-scroll{padding-bottom:0}
#view-about #founder-words .fw-layout{position:relative;display:block;margin:0;padding:0;min-height:0}
#view-about #founder-words .fw-composition{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:0;align-items:start;isolation:isolate;min-height:0;aspect-ratio:2550 / 1434;width:calc(min(100%,var(--w)) - var(--gutter)*2);max-width:calc((100vh - 140px) * 1.778243);max-width:calc((100svh - 140px) * 1.778243);margin-inline:auto;padding:0}
#view-about #founder-words .fw-image{position:absolute;inset:0;z-index:0;width:100%;height:100%;max-width:none;aspect-ratio:auto;margin:0;border-radius:0;overflow:hidden}
#view-about #founder-words .fw-image img{display:block;width:100%;height:auto;max-height:none;max-width:none;margin:0;object-fit:contain;transform:none}
#view-about #founder-words .fw-story{position:relative;grid-area:1 / 1;z-index:1;align-self:start;width:100%;min-width:0;padding:16px 32px 24px;text-align:center;background:linear-gradient(180deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.89) 72%,rgba(255,255,255,0) 100%)}
#view-about #founder-words .fw{margin:0}
#view-about #founder-words .fw-quote{font-size:clamp(26px,2vw,34px);line-height:1.2;min-height:2.4em;max-width:56ch;margin-inline:auto;padding-inline:16px;color:var(--ink);text-wrap:balance}
#view-about #founder-words .fw-quote::before,#view-about #founder-words .fw-quote::after{position:static;display:inline;inset:auto;color:var(--crimson);font:inherit}
#view-about #founder-words .fw-quote::before{content:"\201C";margin-right:.08em}
#view-about #founder-words .fw-quote::after{content:"\201D";margin-left:.03em}
#view-about #founder-words .fw-attr{margin-top:10px;min-height:1.6em;padding:0;font-size:13px;line-height:1.6;letter-spacing:.02em;text-transform:none;color:var(--ink)}
#view-about #founder-words .fw-name{text-transform:uppercase;letter-spacing:.12em}
#view-about #founder-words .fw-attr a{color:var(--crimson);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
#view-about #founder-words .fw-attr a:focus-visible{outline:2px solid var(--crimson);outline-offset:5px}
#view-about #founder-words .fw-next{margin:0}
/* The narrow layout leaves the full house below a separate, legible quote.
   Its invitation is attached directly beneath the photo, even during the hold. */
@media(max-width:1100px),(max-height:719px){
  #view-about #founder-words .fw-composition{aspect-ratio:auto;max-width:none}
  #view-about #founder-words .fw-story{padding:16px 0 24px;background:var(--paper)}
  #view-about #founder-words .fw-image{position:relative;inset:auto;grid-area:2 / 1;aspect-ratio:2550 / 1434;height:auto}
  #view-about #founder-words .fw-quote{font-size:clamp(25px,3.5vw,32px);line-height:1.25;min-height:3.75em;padding:0;max-width:40ch}
  #view-about #founder-words .fw-attr{min-height:3.2em}
}
@media(max-width:700px){
  #view-about #founder-words .fw-quote{font-size:clamp(25px,6.7vw,30px);min-height:5em}
}
@media(max-width:360px){
  #view-about #founder-words .fw-quote{min-height:6.25em}
}
/* Keep the existing bounded reading time and unchanged four-second clock. */
@media screen and (prefers-reduced-motion:no-preference) and (min-width:1101px) and (min-height:720px),screen and (prefers-reduced-motion:no-preference) and (max-width:520px) and (min-height:620px),screen and (prefers-reduced-motion:no-preference) and (min-width:521px) and (max-width:1100px) and (min-height:820px){
  #view-about #founder-words .fw-scroll::after{content:"";display:block;background:var(--ink);height:clamp(640px,105vh,1050px);height:clamp(640px,105svh,1050px)}
  #view-about #founder-words .fw-layout{position:sticky;top:112px}
  #view-about #founder-words .fw-composition{aspect-ratio:2550 / 1320}
}
@media screen and (prefers-reduced-motion:no-preference) and (max-width:520px) and (min-height:620px),screen and (prefers-reduced-motion:no-preference) and (min-width:521px) and (max-width:1100px) and (min-height:820px){
  #view-about #founder-words .fw-layout{top:104px}
  #view-about #founder-words .fw-composition{aspect-ratio:auto}
  #view-about #founder-words .fw-image{aspect-ratio:2550 / 1320}
}
/* A keyboard jump to the invitation must not leave its focused link below a
   tall held composition. Release only that stage for its native focus scroll;
   focusing the quote's source link retains the reading position and pause. */
#view-about #founder-words .fw-layout:has(.fw-next :focus-visible){position:relative;top:auto}
#view-about #founder-words .fw-next .btn{scroll-margin-block:120px}
@media print{
  #view-about #founder-words .fw-layout{position:static}
  #view-about #founder-words .fw-composition{display:block;width:100%;min-height:0;max-width:none;aspect-ratio:auto;padding:0}
  #view-about #founder-words .fw-image{position:static;aspect-ratio:2550 / 1434;height:auto;overflow:visible}
  #view-about #founder-words .fw-image img{height:auto;transform:none!important}
  #view-about #founder-words .fw-story{padding:0 0 24px;background:none}
  #view-about #founder-words .fw-quote{min-height:0}
}