/* 2026-08-13: compact hero channels, one media stream, concise profile and documentary awards. */

/* The four official channels belong to the identity block, not a separate section. */
.hero { min-height:100svh; }
.herotext {
  left:50% !important;
  width:min(1180px,calc(100% - 56px)) !important;
  max-width:none !important;
  transform:translate(-50%,-50%) !important;
  padding:84px 0 28px !important;
}
.herotext .avatar { width:72px; height:72px; margin-bottom:8px; }
.herotext h1 { margin-top:5px; font-size:clamp(2.7rem,5.3vw,4.8rem) !important; }
.herotext #t-tag { margin-top:7px; font-size:clamp(.82rem,1vw,.98rem); }
.hero-focus { margin-top:12px; }
.hero-social-grid {
  width:100%;
  margin:20px auto 0;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.hero-social-grid .social-card,
.hero-social-grid .social-card--instagram,
.hero-social-grid .social-card--youtube,
.hero-social-grid .social-card--x,
.hero-social-grid .social-card--threads {
  grid-column:auto;
  grid-template-columns:84px minmax(0,1fr);
  min-height:112px;
  border-color:rgba(255,255,255,.25);
  background:rgba(4,11,16,.88);
  backdrop-filter:blur(9px);
}
.hero-social-grid .social-card figure { padding:6px; border-right:1px solid rgba(255,255,255,.14); }
.hero-social-grid .social-card img { width:100%; height:auto !important; max-height:98px; object-fit:contain !important; }
.hero-social-grid .social-card__copy {
  display:grid;
  grid-template-columns:24px minmax(0,1fr);
  align-content:center;
  gap:2px 8px;
  padding:11px 12px;
  border:0;
}
.hero-social-grid .social-card__index { display:none; }
.hero-social-grid .social-card__icon { grid-row:1/3; width:22px; height:22px; margin:0; }
.hero-social-grid .social-card h3 { margin:0; font-family:var(--sans); font-size:.83rem; line-height:1.15; }
.hero-social-grid .social-card b { margin:0; color:#8ff8e9; font-size:.63rem; line-height:1.25; letter-spacing:.015em; overflow-wrap:anywhere; }
.hero-social-grid .social-card p { grid-column:1/-1; margin:7px 0 0; color:#c1d0d4; font-size:.65rem; line-height:1.35; }
.hero-social-grid .social-card__action { grid-column:1/-1; margin-top:7px; padding:6px 0 0; font-size:.61rem; line-height:1.2; letter-spacing:.04em; }
.hero-social-grid .social-card:hover { transform:translateY(-3px); }

/* One chronological visual field: major appearances first, QuizKnock closes the grid. */
#news { min-height:0; padding-block:clamp(82px,9vw,132px); }
#news .wrap { width:min(1480px,calc(100% - 64px)); }
.media-heading .sectitle { font-size:clamp(2.6rem,5.2vw,5.5rem); }
.trustlead { max-width:72ch; margin:20px 0 34px; font-size:clamp(.94rem,1.12vw,1.08rem); line-height:1.85; }
.media-card-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:16px; }
.unified-media-card {
  grid-column:span 2;
  display:flex;
  min-width:0;
  flex-direction:column;
  color:inherit;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(7,14,20,.82);
  transition:transform .28s ease,border-color .28s ease,background .28s ease;
}
.unified-media-card figure { display:grid; place-items:center; min-height:0; margin:0; padding:10px; border-bottom:1px solid rgba(255,255,255,.12); background:#0c151d; }
.unified-media-card img { display:block; width:100%; height:auto !important; max-height:330px; object-fit:contain !important; }
.unified-media-copy { display:flex; flex:1; flex-direction:column; padding:18px 18px 16px; }
.unified-media-copy>span { color:var(--teal); font-size:.65rem; line-height:1.35; letter-spacing:.1em; }
.unified-media-copy h3 { margin:8px 0 0; font-size:clamp(.98rem,1.25vw,1.25rem); line-height:1.45; }
.unified-media-copy p { margin:10px 0 0; color:var(--muted); font-size:.79rem; line-height:1.65; }
.unified-media-copy small { display:block; margin-top:auto; padding-top:15px; border-top:1px solid rgba(255,255,255,.16); color:#effbf9; font-size:.68rem; letter-spacing:.04em; }
.unified-media-card:nth-child(4) { grid-column:2 / span 2; }
.unified-media-card.is-quiz { grid-column:span 3; background:linear-gradient(145deg,rgba(70,230,211,.1),rgba(7,14,20,.9)); }
.unified-media-card:hover { transform:translateY(-4px); border-color:var(--teal); background:#0d1a22; }
.unified-media-card:focus-visible { outline:3px solid var(--gold); outline-offset:5px; }

/* A shorter, readable biography: the rule remains separate from all copy. */
#profile { min-height:0; }
.profile-opening { margin-bottom:34px; }
.life-list { width:min(1180px,100%); margin-inline:auto; }
.life-list::before { left:132px !important; }
.life-event {
  grid-template-columns:108px minmax(0,1fr) !important;
  gap:42px !important;
  padding:28px 0 !important;
}
.life-body { padding-left:20px; }
.life-body h3 { margin-bottom:8px; font-size:clamp(1.08rem,1.55vw,1.45rem); }
.life-body p { font-size:.92rem; line-height:1.75; }
.life-body figure { width:min(340px,100%) !important; }

/* Keep adjacent paragraphs apart throughout the lead paragraph's entrance motion. */
.research-copy .research-long,
#bansou-area .bansou-summary { margin-top:44px !important; }

/* Awards use genuine documents as evidence without turning them into oversized posters. */
#works { min-height:0 !important; padding-block:clamp(76px,9vw,128px); }
#works .sectitle { font-size:clamp(2.6rem,5.4vw,5.8rem) !important; }
.works-mast { font-size:clamp(4rem,11vw,11rem) !important; opacity:.045; }
#works-area { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:38px; }
.award-row.award-card {
  display:grid !important;
  grid-template-columns:minmax(130px,.42fr) minmax(0,.58fr) !important;
  gap:0 !important;
  min-height:190px;
  padding:0 !important;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(7,14,20,.82);
}
.award-card figure { display:grid !important; place-items:center; margin:0; padding:10px !important; border-right:1px solid rgba(255,255,255,.13); background:#d9d6ce !important; }
.award-card figure img { display:block; width:100%; height:auto !important; max-height:230px; object-fit:contain !important; }
.award-copy { display:flex !important; min-width:0; flex-direction:column; justify-content:center; gap:7px !important; padding:20px !important; }
.award-copy .award-no { color:var(--teal); font-size:.66rem; letter-spacing:.15em; }
.award-copy b { font-size:clamp(.95rem,1.2vw,1.18rem) !important; line-height:1.5; }
.award-copy>span:not(.award-no) { color:var(--muted); font-size:.8rem; line-height:1.65; }
.award-copy small { margin-top:8px; padding-top:10px; border-top:1px solid rgba(255,255,255,.16); color:#effbf9; }
.award-row.award-card.award-card--text { grid-template-columns:1fr !important; }
.award-card:focus-visible { outline:3px solid var(--gold); outline-offset:5px; }

@media (max-width:1000px) {
  .hero-social-grid { grid-template-columns:repeat(2,minmax(0,1fr)); width:min(680px,100%); }
  .media-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .unified-media-card,.unified-media-card:nth-child(4),.unified-media-card.is-quiz { grid-column:auto; }
}

@media (max-width:760px) {
  .hero { min-height:100svh; }
  .herotext { top:50% !important; left:50% !important; width:calc(100% - 28px) !important; padding:82px 0 20px !important; transform:translate(-50%,-50%) !important; }
  .herotext .avatar { width:58px; height:58px; margin-bottom:5px; }
  .herotext h1 { font-size:clamp(2.05rem,10.5vw,3rem) !important; }
  .herotext #t-tag { margin-top:5px; font-size:.73rem; }
  .hero-focus { margin-top:9px; font-size:.56rem; }
  .hero-social-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; margin-top:13px; }
  .hero-social-grid .social-card,
  .hero-social-grid .social-card--instagram,
  .hero-social-grid .social-card--youtube,
  .hero-social-grid .social-card--x,
  .hero-social-grid .social-card--threads { grid-template-columns:52px minmax(0,1fr); min-height:82px; }
  .hero-social-grid .social-card figure { padding:4px; }
  .hero-social-grid .social-card img { max-height:72px; }
  .hero-social-grid .social-card__copy { grid-template-columns:18px minmax(0,1fr); padding:8px; gap:1px 6px; }
  .hero-social-grid .social-card__icon { width:18px; height:18px; }
  .hero-social-grid .social-card h3 { font-size:.68rem; }
  .hero-social-grid .social-card b { font-size:.53rem; }
  .hero-social-grid .social-card p { display:none; }
  .hero-social-grid .social-card__action { margin-top:5px; padding-top:4px; font-size:.51rem; }
  #news .wrap,#works .wrap { width:calc(100% - 32px); }
  .media-card-grid { grid-template-columns:1fr; gap:12px; }
  .unified-media-card { display:grid; grid-template-columns:minmax(118px,.44fr) minmax(0,.56fr); }
  .unified-media-card figure { border-right:1px solid rgba(255,255,255,.12); border-bottom:0; padding:7px; }
  .unified-media-card img { max-height:190px; }
  .unified-media-copy { padding:13px; }
  .unified-media-copy h3 { font-size:.91rem; line-height:1.4; }
  .unified-media-copy p { font-size:.7rem; }
  .unified-media-copy small { font-size:.61rem; padding-top:10px; }
  .life-list::before { display:none; }
  .life-event { grid-template-columns:1fr !important; gap:8px !important; padding:24px 0 !important; }
  .life-body { padding-left:0; }
  .research-copy .research-long { margin-top:44px !important; }
  #bansou-area .bansou-summary { margin-top:44px !important; }
  .life-list { display:grid !important; grid-template-columns:1fr; gap:10px; }
  .life-event,.life-event:nth-child(odd),.life-event:nth-child(even) {
    display:grid !important;
    min-height:0 !important;
    padding:18px !important;
    border:1px solid rgba(255,255,255,.15);
    background:rgba(7,12,21,.76);
  }
  .life-meta { text-align:left !important; }
  .life-body:has(figure) { display:grid; grid-template-columns:1fr !important; gap:16px !important; }
  .life-body figure { grid-column:1 !important; grid-row:auto !important; }
  #works-area { grid-template-columns:1fr; gap:10px; }
  .award-row.award-card { grid-template-columns:112px minmax(0,1fr) !important; min-height:152px; }
  .award-row.award-card.award-card--text { grid-template-columns:1fr !important; }
  .award-copy { padding:15px !important; }
  .award-copy b { font-size:.91rem !important; }
}

@media (max-height:720px) and (min-width:761px) {
  .herotext .avatar { width:56px; height:56px; }
  .herotext h1 { font-size:clamp(2.3rem,4.5vw,3.8rem) !important; }
  .hero-social-grid { margin-top:11px; }
  .hero-social-grid .social-card { min-height:94px; }
  .hero-social-grid .social-card p { display:none; }
}

@media (prefers-reduced-motion:reduce) {
  .hero-social-grid .social-card,.unified-media-card { opacity:1 !important; transform:none !important; transition:none !important; }
}