/* 認識 UCS (10/20): the founder. Portrait left (square, stays in place while the text scrolls), and
   on the right the role, his name, post-nominals, the lead, three figures and his profile as one piece
   of text. The first of three layouts tried in ../about-lab, chosen by the user. */
.founder{display:grid;grid-template-columns:minmax(0,.56fr) minmax(0,1.44fr);column-gap:clamp(48px,6vw,104px);align-items:start}  /* portrait smaller (user, 10/20) */
.founder__portrait{margin:0;position:sticky;top:110px;grid-row:1 / span 3;aspect-ratio:1;overflow:hidden;border-radius:6px;background:#c9c9d2}
.founder__portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 25%}
.founder__intro .eyebrow{margin:0}
.founder__intro h2{margin:18px 0 0;font-size:clamp(48px,4.6vw,72px);line-height:1.12;letter-spacing:-.02em}
html body .founder__post{margin:14px 0 0;font-family:var(--sans)!important;font-size:15px;font-weight:500;letter-spacing:.22em;color:var(--gold)}
.founder__lead{margin:30px 0 0;font-size:clamp(18px,1.4vw,21px);line-height:1.8;color:#e4e8eb;max-width:32em}
.founder__figures{list-style:none;margin:44px 0 0;padding:28px 0 0;border-top:1px solid rgba(246,245,239,.14);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
html body .founder__figures b{display:block;font-family:var(--serif)!important;font-size:clamp(30px,2.6vw,42px);font-weight:400;line-height:1.1;letter-spacing:-.01em;color:#dcbb78}
.founder__figures span{display:block;margin-top:10px;font-size:13px;line-height:1.6;color:#9aa7b3}
.founder__profile{margin-top:44px;padding-top:32px;border-top:1px solid rgba(246,245,239,.14)}
.founder__profile p{margin:0 0 18px;font-size:15.5px;line-height:1.95;color:#b8c1ca;max-width:40em}
.founder__profile p:last-child{margin-bottom:0;color:#e4e8eb}
/* the company section, set like 資訊保安's service rows (it-security.css): photograph left; heading in
   the site's serif, lead 18px, body 15px, one-line points with 23px gold icons centred on their text */
.story{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(36px,5vw,88px);align-items:center}
.story__photo{margin:0;aspect-ratio:4/3;overflow:hidden;border-radius:12px;background:var(--v4-card,#152431)}
.story__photo img{display:block;width:100%;height:100%;object-fit:cover}
.story__text .eyebrow{margin:0}
.story__text h2{margin:14px 0 0}
.story__lead{margin:20px 0 0;font-size:18px;line-height:1.75;color:#e4e8eb;max-width:30em}
.story__body{margin:12px 0 0;font-size:15px;line-height:1.85;color:#aab6c3;max-width:34em}
.story__points{list-style:none;margin:26px 0 0;padding:22px 0 0;border-top:1px solid rgba(246,245,239,.1);display:grid;gap:14px}
.story__points li{display:flex;align-items:center;gap:12px;margin:0;font-size:15px;line-height:1.5;color:#e4e8eb}
html body .story__points .ucs-icon{flex:none;width:23px;height:23px;color:var(--gold)!important;stroke:var(--gold)!important}
.story__services{margin:22px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.story__service{padding:7px 14px;border:1px solid rgba(246,245,239,.18);border-radius:999px;font-size:13px;line-height:1.4;color:#d6dce1;text-decoration:none;transition:border-color .3s ease,color .3s ease}
.story__service:hover{border-color:var(--gold);color:var(--gold)}
.story__note{margin:22px 0 14px;font-size:13px;line-height:1.7;color:#8d98a4}
@media(max-width:900px){
  .story{grid-template-columns:1fr;gap:28px}
  .founder{grid-template-columns:1fr}
  .founder__portrait{position:static;grid-row:auto;max-width:420px}
  .founder__intro{margin-top:32px}
  .founder__figures{grid-template-columns:1fr;gap:18px}
}