/* ===== About — Prosto.Film brandbook v1 (reuses services.css kit) ===== */
.about-page .svc-hero h1{white-space:normal}

/* hero: text + halftone portrait */
.about-hero{display:grid;grid-template-columns:1fr auto;gap:clamp(20px,4vw,48px);
  align-items:center;padding:22px 0 8px}
.about-hero-txt{min-width:0}
.about-hero-txt h1{font-family:'Unbounded',sans-serif;font-weight:800;
  font-size:clamp(30px,6vw,64px);line-height:1.02;letter-spacing:-1.5px;text-transform:uppercase}
.about-role{font-size:clamp(13px,2.1vw,16px);color:var(--sand);margin-top:18px;line-height:1.5}
.about-since{font-size:clamp(13px,2.1vw,16px);color:var(--paper);margin-top:6px;font-weight:700}
.about-photo{margin:0;flex:0 0 auto}
.about-photo img{display:block;width:clamp(180px,21vw,270px);height:auto;aspect-ratio:1/1;
  object-fit:cover;filter:saturate(1.05)}
@media(max-width:640px){
  .about-hero{grid-template-columns:1fr}
  .about-photo{order:-1;justify-self:start}
  .about-photo img{width:clamp(150px,42vw,200px)}
}

/* stat row — always two tidy rows */
.stat-row{display:grid;grid-template-columns:repeat(4,1fr);
  gap:1px;background:var(--bdr);border:1px solid var(--bdr);margin-top:30px}
@media(max-width:680px){ .stat-row{grid-template-columns:repeat(2,1fr)} }
.stat{background:var(--panel);padding:20px 18px;display:flex;flex-direction:column;gap:6px;min-width:0}
.stat .num{font-family:'Unbounded',sans-serif;font-weight:800;font-size:clamp(26px,3.6vw,40px);
  line-height:1;color:var(--paper)}
.stat .num.txt{font-size:clamp(19px,2.5vw,30px);letter-spacing:-.5px}
.stat .num.kp{font-size:clamp(16px,2.1vw,26px);word-break:break-word;line-height:1.05}
.stat .num .u{color:var(--red)}
.stat .lbl{font-family:'JetBrains Mono',monospace;font-size:11px;line-height:1.45;
  color:var(--mut);letter-spacing:.3px}
a.stat-link{text-decoration:none;transition:background .15s}
a.stat-link:hover{background:#2b2621}
a.stat-link .slink{color:var(--red)}
a.stat-link:hover .num{color:var(--red)}

/* bio prose */
.bio{margin-top:40px;display:grid;grid-template-columns:1fr 1fr;gap:26px 44px;max-width:none}
@media(max-width:720px){ .bio{grid-template-columns:1fr;gap:18px} }
.bio p{font-size:14px;line-height:1.7;color:var(--sand)}
.bio p b{color:var(--paper);font-weight:700}
.bio .lead{grid-column:1/-1;font-size:clamp(15px,2.2vw,19px);line-height:1.55;color:var(--paper);
  font-weight:500;max-width:none}
.bio .lead .hl{background:var(--red);color:var(--paper);padding:0 .09em;
  -webkit-box-decoration-break:clone;box-decoration-break:clone}

/* skill columns */
.skill-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}
@media(max-width:560px){ .skill-cols{grid-template-columns:1fr} }
.skill-card{background:var(--panel);border:1px solid var(--bdr);padding:20px}
.skill-card h3{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:2px;
  text-transform:uppercase;color:var(--mut);font-weight:500;margin-bottom:12px;
  display:flex;align-items:center;gap:9px}
.skill-card h3::before{content:"";width:8px;height:8px;background:var(--red);flex:0 0 auto}
.skill-card p{font-size:13px;line-height:1.65;color:var(--sand)}
.skill-card p b{color:var(--paper);font-weight:700}

/* chips (brands) */
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.chip{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.5px;
  color:var(--paper);background:var(--panel);border:1px solid var(--bdr);padding:9px 14px}

/* awards */
.awards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-top:16px}
.award{background:var(--panel);border:1px solid var(--bdr);padding:18px 20px;
  border-left:3px solid var(--red)}
.award .a-t{font-family:'Unbounded',sans-serif;font-weight:700;font-size:15px;line-height:1.2}
.award .a-d{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--mut);margin-top:6px;line-height:1.5}

/* filmography — collapsible */
.filmo{margin-top:16px;background:var(--panel);border:1px solid var(--bdr)}
.filmo summary{list-style:none;cursor:pointer;padding:16px 20px;display:flex;align-items:center;
  justify-content:space-between;gap:12px;font-family:'JetBrains Mono',monospace;font-size:13px;
  letter-spacing:.4px;color:var(--paper);user-select:none}
.filmo summary::-webkit-details-marker{display:none}
.filmo summary:hover{color:var(--red)}
.filmo .chev{color:var(--red);font-size:16px;transition:transform .2s}
.filmo[open] .chev{transform:rotate(180deg)}
.filmo-body{display:grid;grid-template-columns:1fr 1fr;gap:22px 44px;
  padding:6px 20px 22px;border-top:1px solid var(--bdr)}
@media(max-width:640px){ .filmo-body{grid-template-columns:1fr;gap:18px} }
.filmo-col h4{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:2px;
  text-transform:uppercase;color:var(--mut);font-weight:500;margin:14px 0 10px;
  display:flex;align-items:center;gap:9px}
.filmo-col h4::before{content:"";width:8px;height:8px;background:var(--red);flex:0 0 auto}
.filmo-col ul{list-style:none;display:flex;flex-direction:column;gap:8px}
.filmo-col li{font-size:13px;line-height:1.5;color:var(--sand)}
.filmo-col .fy{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--mut)}
.filmo-col .frole{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--red);
  display:block;margin-top:1px}
.filmo-col .fmore{color:var(--mut);font-style:italic}