/* Words first. A quiet asymmetry, restrained linework, no ornamental frames. */
#about{background:#fdfdfc;color:#50565a}
#about .about-head{padding:24px 5%;background:none}
#about .about-head h1{font-size:10px;letter-spacing:.16em;color:#858b8e}
#about .about-head button{font-size:10px;color:#6f777c;min-height:44px}
#about .about-index,#about .about-trace,#about-message-frame{display:none}
#about #company-profile-open{right:5%;top:76px;font-size:10px;letter-spacing:.12em}
#about .about-center{left:9%;top:48%;width:48%;padding:0;transform:translateY(-50%);text-align:left}
#about #about-keyword,#about[data-chapter="3"] #about-keyword{display:inline-flex;font-size:clamp(44px,6.5vw,92px);font-weight:400;letter-spacing:.025em;line-height:1.2;padding:0 0 24px;transform:none;max-width:100%;color:#50565a}
#about #about-keyword:before{display:none}
#about .about-copy{max-width:540px;min-height:166px;margin:0;padding:25px 0 0;border:0;border-top:1px solid #8a969b26;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;transform:translateY(calc((1 - var(--message-reveal))*5px));color:#777e82}
#about .about-kicker{font-size:11px;letter-spacing:.12em;line-height:1.8;min-height:22px;color:#5e6a70}
#about .about-copy .about-body{margin-top:17px;font-size:14px;line-height:1.95;letter-spacing:.014em;white-space:pre-line;max-width:510px}
#about .is-typing:after{height:.8em;opacity:.4;animation:none;background:#7196a5}
#about .about-foot{left:5%;right:5%;bottom:max(22px,env(safe-area-inset-bottom));flex-direction:row;gap:20px}
#about .about-chapters{gap:24px}
#about .about-chapters small{display:none}
#about .about-chapters button{font-size:10px;letter-spacing:.12em;color:#91979a}
#about .about-chapters button[aria-pressed=true]{color:#505f67}
#about .about-chapters button:before{background:#7195a5;height:1px;bottom:6px}
#about .about-playback{width:auto;gap:22px}
#about .about-playback button{font-size:10px;color:#858d91}
#about #about-sound-line{width:56px;opacity:.5}
#about[data-chapter="4"] .about-center{left:50%;top:48%;width:min(760px,86%);transform:translate(-50%,-50%);text-align:center}
#about[data-chapter="4"] #about-keyword{display:block;width:100%;max-width:100%;margin:0;padding:28px 0;font-size:clamp(19px,2.5vw,30px);letter-spacing:.02em;line-height:1.8;min-height:120px;white-space:normal;background:none;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
@media(max-width:900px){#about .about-chapters{gap:15px}#about .about-playback{gap:14px}#about #about-sound-line{display:none}}
@media(max-width:699px){#about .about-head{padding:15px 22px}#about .about-head h1{font-size:9px;max-width:72%}#about #company-profile-open{right:22px;top:65px;font-size:9px}#about .about-center{left:9%;top:48%;width:82%;transform:translateY(-20%)}#about #about-keyword,#about[data-chapter="3"] #about-keyword{font-size:clamp(34px,9vw,55px);padding-bottom:18px}#about .about-copy{padding-top:18px;min-height:160px;max-width:100%;text-align:left}#about .about-copy .about-body{font-size:12px;line-height:1.9;margin-top:12px}#about .about-kicker{font-size:10px;letter-spacing:.07em}#about .about-foot{left:22px;right:22px;flex-direction:column;gap:8px;bottom:max(14px,env(safe-area-inset-bottom))}#about .about-chapters{width:100%;justify-content:space-between;gap:8px}#about .about-chapters button{font-size:9px;min-height:44px;padding:8px 0}#about .about-playback{width:100%;justify-content:space-between}#about .about-playback button{font-size:9px}#about[data-chapter="4"] .about-center{top:47%;left:50%;width:82%;transform:translate(-50%,-50%)}#about[data-chapter="4"] #about-keyword{font-size:21px;padding:20px 0}}
@media(max-height:650px) and (max-width:699px){#about .about-center{top:39%;transform:none}#about #about-keyword,#about[data-chapter="3"] #about-keyword{font-size:30px;padding-bottom:12px}#about .about-copy{padding-top:12px;min-height:120px}#about .about-copy .about-body{font-size:11px;line-height:1.65;margin-top:8px}#about .about-foot{gap:0}#about-field{opacity:.45}}
@media(max-height:500px) and (min-width:700px){#about .about-center{top:50%;width:55%}#about #about-keyword,#about[data-chapter="3"] #about-keyword{font-size:40px;padding-bottom:14px}#about .about-copy{min-height:110px;padding-top:14px}#about .about-copy .about-body{font-size:12px;line-height:1.7;margin-top:8px}}
@media(prefers-reduced-motion:reduce){#about .about-copy{transform:none}}