/* ==========================================================================
   SKYBOUND SCALING - founder.css  (v5, quiet)
   The founder, presented as part of the page rather than an event.

   Two placements:
     .fdr           (about page)  - label, name, portrait, short copy
     .fdr.fdr-band  (home page)   - one compact row with a small portrait

   v5 retires the dark room entirely. Both sections sit on the site's own
   paper ground, use the site's heading voice and blue full stop, and move
   only through core.js's .rv fades. No dark card, no display type, no
   custom script. The single orange word in the quote is the one accent.
   ========================================================================== */

.fdr{padding:clamp(64px,9vh,120px) var(--pad)}

.fdr-label{color:rgba(10,10,12,.45);margin-bottom:clamp(18px,2.6vh,28px)}

.fdr-title{
  font-size:clamp(30px,3.1vw,46px);
  font-weight:700;letter-spacing:-.012em;line-height:1.05;
}
.fdr-title .punct{color:var(--blue)}
.fdr-role{color:rgba(10,10,12,.45);margin-top:10px}

.fdr-lede{
  max-width:52ch;
  margin-top:clamp(20px,3vh,30px);
  font-size:clamp(16px,1.25vw,19px);
  line-height:1.6;color:var(--ink-soft);
}
.fdr-lede b{font-weight:640}
.fdr-body{
  max-width:56ch;
  margin-top:1em;
  font-size:clamp(14.5px,1.05vw,16px);
  line-height:1.7;color:rgba(10,10,12,.62);
}
.fdr-quote{
  max-width:36ch;
  margin-top:clamp(26px,4vh,40px);
  font-size:clamp(17px,1.5vw,22px);
  font-weight:560;letter-spacing:-.006em;line-height:1.4;
}
.fdr-quote em{font-style:normal;color:var(--orange)}
.fdr-meta{color:rgba(10,10,12,.4);margin-top:clamp(22px,3.4vh,34px)}

.fdr-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:clamp(40px,6vw,110px);
  align-items:center;
}
.fdr-portrait{
  width:min(38vw,300px);height:auto;display:block;
  border-radius:18px;
  box-shadow:0 0 0 1px var(--line), 0 24px 60px rgba(10,20,40,.14);
}

/* ---- home band: one quiet row ---- */
.fdr-band{padding-top:clamp(48px,7vh,88px);padding-bottom:clamp(48px,7vh,88px)}
.fdr-band-in{
  display:flex;align-items:center;gap:clamp(24px,3.4vw,44px);
  padding-top:clamp(28px,4vh,44px);
  border-top:1px solid var(--line);
}
.fdr-avatar{
  width:clamp(88px,9vw,116px);height:auto;aspect-ratio:4/5;
  object-fit:cover;object-position:50% 12%;
  border-radius:16px;flex:none;
  box-shadow:0 0 0 1px var(--line), 0 14px 34px rgba(10,20,40,.12);
}
.fdr-band .fdr-title{font-size:clamp(22px,2vw,30px)}
.fdr-band .fdr-label{margin-bottom:10px}
.fdr-band .fdr-lede{margin-top:10px;font-size:clamp(14.5px,1.05vw,16px);max-width:58ch;line-height:1.55}
.fdr-link{
  display:inline-block;margin-top:14px;
  color:var(--ink);
  border-bottom:1px solid var(--line-strong);padding-bottom:2px;
  transition:color .3s ease,border-color .3s ease;
}
.fdr-link:hover{color:var(--blue);border-color:var(--blue)}

/* ---- responsive ---- */
@media (max-width:820px){
  .fdr-grid{grid-template-columns:1fr}
  .fdr-portrait{width:min(64vw,300px);order:-1}
}
@media (max-width:600px){
  .fdr-band-in{align-items:flex-start}
  .fdr-avatar{width:84px}
}