/* v5 founder: Home founder note (index.html) and About founder section + contact sheet (about.html). Prefix fd- */

/* ---------- Home: founder section ---------- */
.fd-home{padding-top:clamp(40px,7vw,110px)}
.fd-grid{display:grid;align-items:center;gap:0}
.fd-grid>*{min-width:0}
.fd-port{position:relative;width:min(100%,460px);margin:0 auto;padding:8% 7% 10%}
.fd-shape{position:absolute;left:-2%;top:0;width:76%;aspect-ratio:1;border-radius:50%;background:var(--lav)}
.fd-shape::after{content:"";position:absolute;right:-30%;bottom:-62%;width:34%;aspect-ratio:1;border-radius:50%;background:var(--mint)}
.fd-main{position:relative;z-index:1;margin:0;aspect-ratio:4/5;border-radius:999px 999px var(--r-l) var(--r-l);overflow:hidden;box-shadow:0 26px 60px rgba(30,27,75,.22);background:var(--ink)}
.fd-main img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.fd-port .hv-stk{z-index:3}
.fd-s1{left:0;top:3%;background:var(--ink);color:#fff;transform:rotate(-6deg)}
.fd-s2{right:0;top:13%;background:var(--paper);color:var(--ink);transform:rotate(5deg)}
.fd-pol{position:absolute;z-index:2;margin:0;background:var(--paper);padding:7px 7px 3px;border-radius:8px;box-shadow:0 16px 34px rgba(30,27,75,.25)}
.fd-pol img{display:block;width:100%;height:auto;border-radius:4px}
.fd-pol figcaption{font-size:clamp(15px,3.6vw,20px);text-align:center;color:var(--ink);padding:4px 0 2px;line-height:1.1}
.fd-p1{left:-3%;bottom:0;width:36%;transform:rotate(-5deg)}
.fd-p2{right:-4%;bottom:12%;width:33%;transform:rotate(5deg)}
.fd-home .fd-note{margin:28px 0 0}
.fd-letter p{max-width:60ch}

.fd-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-top:clamp(28px,5vw,72px);padding-bottom:clamp(40px,7vw,110px)}
.fd-tile{position:relative;margin:0;aspect-ratio:4/5;border-radius:var(--r-m);overflow:hidden;background:var(--ink);min-width:0}
.fd-tile img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 25%}
.fd-tile figcaption{position:absolute;left:10px;bottom:10px;z-index:2;background:var(--paper);color:var(--ink);border-radius:999px;padding:6px 11px;font-size:13px;font-weight:600;line-height:1.2}
.fd-cut{background:var(--mint)}
.fd-cut::before{content:"";position:absolute;left:12%;top:10%;width:76%;aspect-ratio:1;border-radius:50%;background:var(--lime)}
.fd-cut img{position:relative;z-index:1;object-fit:contain;object-position:50% 100%;padding-top:8%}

@media (min-width:640px){
  .fd-strip{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (min-width:1000px){
  .fd-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(40px,5vw,110px)}
  .fd-port{width:min(100%,700px)}
  .fd-home .fd-note{margin:0}
  .fd-letter p{font-size:clamp(18px,1.2vw,22px)}
  .fd-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
  .fd-tile figcaption{left:14px;bottom:14px;font-size:14px}
}

/* ---------- About: founder section ---------- */
.fd-ab{display:grid;gap:clamp(28px,4vw,72px);align-items:center}
.fd-ab>*{min-width:0}
.fd-ab-ph{position:relative;width:min(100%,440px);margin:0 auto;padding:6% 6% 4%}
.fd-ab-ph .fd-shape{background:var(--sun);left:auto;right:-2%;width:72%}
.fd-ab-ph .fd-shape::after{background:var(--lav);right:auto;left:-120%;bottom:-70%}
.fd-ab-ph .hv-stk{z-index:3}
.fd-ab-txt p{max-width:62ch}
.fd-facts{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.fd-facts li{background:var(--fog);border-radius:999px;padding:8px 14px;font-weight:600;font-size:14px}

.fd-sheet{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:clamp(32px,5vw,64px);counter-reset:fr}
.fd-sheet .fd-tile{counter-increment:fr;background:var(--ink-2)}
.fd-sheet .fd-tile::after{content:"0" counter(fr);position:absolute;right:10px;top:10px;z-index:2;font-family:var(--f-m);font-size:12px;color:#fff;background:rgba(30,27,75,.55);border-radius:6px;padding:2px 6px}
.fd-wide{grid-column:span 2;aspect-ratio:3/2}
.fd-sheet .fd-cut{background:var(--lime)}
.fd-sheet .fd-cut::before{background:var(--sun)}
.fd-sheet .fd-cut::after{color:var(--ink);background:rgba(255,255,255,.7)}

@media (max-width:899px){.fd-ab-ph .fd-shape::after{left:-34%;bottom:-36%}}
@media (min-width:900px){
  .fd-ab{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
  .fd-ab-ph{width:min(100%,560px)}
}
@media (min-width:1100px){
  .fd-sheet{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
  .fd-sheet .fd-wide{aspect-ratio:auto}
  .fd-sheet .fd-wide img{position:absolute;inset:0}
}
@media (min-width:1400px){
  .fd-ab-ph{width:min(100%,640px)}
  .fd-ab-txt .lead{font-size:clamp(20px,1.3vw,25px);max-width:64ch}
  .fd-facts li{font-size:16px;padding:10px 18px}
}