/* Only the homepage About screen. The full introduction and archives keep their styles. */
#about-screen[data-mode="summary"] {--acid:#c8f35b;height:auto;scroll-margin-top:0;}
#about-screen[data-mode="summary"] .about-viewport {height:100svh;min-height:0;padding:1.38vh 2.27vw;display:flex;align-items:center;justify-content:center;}
#about-screen[data-mode="summary"] .about-frame {width:100%;height:auto;aspect-ratio:1598/915;max-width:calc(97.24svh * 1.74645);min-height:0;padding:0;border-radius:2.5vw;}
#about-screen[data-mode="summary"] .about-environment {inset:0;height:100%;}
#about-screen[data-mode="summary"] .environment-plate {object-fit:fill;filter:none;}
#about-screen[data-mode="summary"] .about-person,#about-screen[data-mode="summary"] .about-title-art {display:block;inset:0;opacity:1;transform:none;}
#about-screen[data-mode="summary"] .about-person {mask-image:linear-gradient(#000 0 93%,transparent 95%);}
#about-screen[data-mode="summary"] .about-title-art img {mask-image:url('assets/about/title-summary-mask.svg');}
#about-screen[data-mode="summary"] .ambient-light,#about-screen[data-mode="summary"] .mist,#about-screen[data-mode="summary"] .background-word {display:none;}
#about-screen[data-mode="summary"] .reading-shade {background:linear-gradient(90deg,#02050418,transparent 48%),linear-gradient(0deg,#02050488,transparent 20%);}
#about-screen[data-mode="summary"] .summary-portrait,#about-screen[data-mode="summary"] .about-badge {display:none;}
#about-screen[data-mode="summary"] .about-badge-art {display:block;position:absolute;inset:0;pointer-events:none;z-index:4;}
#about-screen[data-mode="summary"] .about-badge-art img {position:absolute;left:-2.38%;top:-1.4%;width:104.76%;height:103.25%;object-fit:fill;max-width:none;mask:url('assets/about/badge-mask.svg') center/100% 100% no-repeat;}
#about-screen[data-mode="summary"] .neon-header {display:flex;align-items:center;height:10.25%;min-height:0;max-height:none;padding:0 3.4%;gap:3.8%;}
#about-screen[data-mode="summary"] .neon-navigation {display:grid;grid-template-columns:.82fr repeat(6,1.05fr);grid-template-rows:minmax(0,1fr);height:58%;width:auto;overflow:visible;flex-basis:auto;align-self:auto;}
#about-screen[data-mode="summary"] .neon-nav-item {min-width:0;min-height:0;padding:0 2cqw;height:100%;}
#about-screen[data-mode="summary"] .neon-nav-item:first-child {padding-left:0;}
#about-screen[data-mode="summary"] .neon-brand {width:20.2%;height:auto;gap:1.3cqw;margin-bottom:0;}
#about-screen[data-mode="summary"] .neon-brand>span {font:400 3.8cqw/.9 Georgia,serif;}
#about-screen[data-mode="summary"] .neon-brand>small {font:1.12cqw/1.2 Arial,sans-serif;}
#about-screen[data-mode="summary"] .neon-nav-top {font-size:1.4cqw;height:1.8cqw;gap:.45cqw;}
#about-screen[data-mode="summary"] .neon-nav-top svg {width:1.5cqw;height:1.5cqw;}
#about-screen[data-mode="summary"] .neon-nav-item strong {font-size:1.3cqw;}
#about-screen[data-mode="summary"] .neon-nav-item small {font-size:.95cqw;}
#about-screen[data-mode="summary"] .neon-nav-item.is-active:after {height:3px;bottom:-26%;right:2.7cqw;}
#about-screen[data-mode="summary"] .story-panels {position:absolute;inset:0;padding:0;max-width:none;}
#about-screen[data-mode="summary"] .story-scene {position:absolute;left:3.55%;top:30.4%;width:46%;max-width:none;min-height:0;padding:0;border:0;margin:0;opacity:1;filter:none;transform:none;}
#about-screen[data-mode="summary"] .intro-kicker {font-size:2.12cqw;white-space:nowrap;line-height:1.4;letter-spacing:-.005em;margin:0 0 .2cqw;}
#about-screen[data-mode="summary"] .story-scene .intro-title {font-size:3.96cqw;line-height:1.18;white-space:nowrap;text-wrap:nowrap;letter-spacing:-.01em;max-width:none;}
#about-screen[data-mode="summary"] .intro-body {font-size:1.25cqw;line-height:1.42;margin-top:.7cqw;letter-spacing:-.02em;}
#about-screen[data-mode="summary"] .intro-body:before {left:-1.12cqw;top:.3cqw;height:12.45cqw;}
#about-screen[data-mode="summary"] .intro-body p {margin:.64cqw 0;}
#about-screen[data-mode="summary"] .intro-body .intro-hi {font-size:1.34cqw;margin:0 0 .68cqw;white-space:nowrap;}
#about-screen[data-mode="summary"] .intro-body br {display:initial;}
#about-screen[data-mode="summary"] .intro-body .intro-identity {margin-top:.9cqw;}
#about-screen[data-mode="summary"] .intro-body .intro-role {font-size:2.72cqw;line-height:1.05;letter-spacing:0;margin:.25cqw 0 .6cqw;flex-wrap:nowrap;}
#about-screen[data-mode="summary"] .intro-role i {display:block;}
#about-screen[data-mode="summary"] .intro-body .intro-method {font-size:1.22cqw;}
#about-screen[data-mode="summary"] .scene-intro blockquote {font-size:1.68cqw;line-height:1.25;margin:1.5cqw 0 0 3.7cqw;}
#about-screen[data-mode="summary"] .scene-intro blockquote:before {display:block;font-size:8cqw;left:-3.9cqw;top:-1.2cqw;}
#about-screen[data-mode="summary"] .scene-intro blockquote:after {display:block;}
#about-screen[data-mode="summary"] .creative-equation {display:block;top:26%;right:3.2%;font-size:.57cqw;}
#about-screen[data-mode="summary"] .story-progress {display:flex;top:46%;right:2%;font-size:1.1cqw;}
#about-screen[data-mode="summary"] .summary-progress-arrow {font-size:.65cqw;}
#about-screen[data-mode="summary"] .summary-more {position:absolute;left:75%;top:87%;z-index:6;display:flex;align-items:center;gap:.8cqw;min-height:44px;color:var(--acid);font:500 clamp(12px,.85cqw,14px)/1.4 'Microsoft YaHei',sans-serif;}
#about-screen[data-mode="summary"] .summary-more span {font-size:1.1em;transition:transform .2s;}
#about-screen[data-mode="summary"] .summary-more:hover span {transform:translate(2px,-2px);}
#about-screen[data-mode="summary"] .story-scroll {display:flex;right:1.9%;bottom:7.5%;font-size:1cqw;gap:1.2cqw;}
#about-screen[data-mode="summary"] .about-dock {position:absolute;left:3.55%;bottom:7.65%;width:58%;margin:0;grid-template-columns:repeat(6,1fr);gap:1.25cqw;}
#about-screen[data-mode="summary"] .about-dock a {min-height:44px;}
#about-screen[data-mode="summary"] .about-dock i {width:3.1cqw;height:3.1cqw;}
#about-screen[data-mode="summary"] .about-dock svg {width:1.7cqw;height:1.7cqw;}
#about-screen[data-mode="summary"] .about-dock span {font-size:.96cqw;}
#about-screen[data-mode="summary"] .about-dock small {font-size:.57cqw;}
#about-screen[data-mode="summary"] .about-footer {position:absolute;left:3.5%;right:3.5%;bottom:2.9%;margin:0;}
#about-screen[data-mode="summary"] .about-footer span {font-size:.57cqw;white-space:nowrap;letter-spacing:.35em;}
body.about-screen-in-view .work-nav {visibility:hidden;pointer-events:none;}
/* Keep the reference composition on laptops; give phones a readable compact summary. */
@media(max-width:699px) {
 #about-screen[data-mode="summary"] .about-viewport {height:auto;padding:10px;}
 #about-screen[data-mode="summary"] .about-frame {aspect-ratio:auto;max-width:none;min-height:0;height:auto;border-radius:24px;}
 #about-screen[data-mode="summary"] .neon-header {height:64px;padding:0 22px;}
 #about-screen[data-mode="summary"] .neon-navigation {display:none;}
 #about-screen[data-mode="summary"] .neon-brand {width:auto;gap:12px;}
 #about-screen[data-mode="summary"] .neon-brand>span {font-size:34px;}
 #about-screen[data-mode="summary"] .neon-brand>small {font-size:11px;}
 #about-screen[data-mode="summary"] .about-title-art,#about-screen[data-mode="summary"] .about-person,#about-screen[data-mode="summary"] .about-badge-art {display:none;}
 #about-screen[data-mode="summary"] .about-badge {display:flex;position:absolute;left:22px;top:92px;margin:0;height:auto;visibility:visible;flex-direction:column;align-items:flex-start;}
 #about-screen[data-mode="summary"] .about-badge>span {font:italic 85px/.95 Impact,'Arial Black',sans-serif;letter-spacing:-4px;padding:0 20px 0 0;min-width:140px;white-space:nowrap;transform:none;}
 #about-screen[data-mode="summary"] .about-badge>i {font-size:35px;position:static;transform:rotate(-7deg);}
 #about-screen[data-mode="summary"] .summary-portrait {display:block;position:absolute;right:-8%;top:68px;width:77%;height:240px;mask-image:linear-gradient(#000 65%,transparent);pointer-events:none;}
 #about-screen[data-mode="summary"] .summary-portrait img {width:100%;height:100%;object-fit:contain;object-position:right bottom;}
 #about-screen[data-mode="summary"] .reading-shade {background:linear-gradient(0deg,#030805 45%,#03080522 90%);}
 #about-screen[data-mode="summary"] .story-panels {position:relative;inset:auto;padding:215px 22px 18px;}
 #about-screen[data-mode="summary"] .story-scene {position:relative;inset:auto;width:100%;}
 #about-screen[data-mode="summary"] .intro-kicker {font-size:13px;white-space:normal;margin-bottom:8px;}
 #about-screen[data-mode="summary"] .story-scene .intro-title {font-size:clamp(28px,7.1vw,44px);white-space:normal;text-wrap:balance;line-height:1.24;}
 #about-screen[data-mode="summary"] .intro-body {font-size:14px;line-height:1.65;margin-top:17px;}
 #about-screen[data-mode="summary"] .intro-body:before {left:-10px;height:100%;}
 #about-screen[data-mode="summary"] .intro-body .intro-hi {font-size:14px;white-space:normal;margin-bottom:14px;}
 #about-screen[data-mode="summary"] .intro-background,#about-screen[data-mode="summary"] .intro-identity {display:none;}
 #about-screen[data-mode="summary"] .intro-body .intro-role {font-size:clamp(24px,6.5vw,35px);margin:12px 0;gap:4px;}
 #about-screen[data-mode="summary"] .intro-role i {display:none;}
 #about-screen[data-mode="summary"] .intro-body .intro-method {font-size:13px;margin:0;}
 #about-screen[data-mode="summary"] .scene-intro blockquote {font-size:14px;line-height:1.6;margin:18px 0 0 18px;}
 #about-screen[data-mode="summary"] .scene-intro blockquote:before {font-size:65px;left:-20px;top:-8px;}
 #about-screen[data-mode="summary"] .scene-intro blockquote:after {display:none;}
 #about-screen[data-mode="summary"] .creative-equation,#about-screen[data-mode="summary"] .story-progress,#about-screen[data-mode="summary"] .story-scroll {display:none;}
 #about-screen[data-mode="summary"] .summary-more {position:relative;inset:auto;margin:0 22px 20px;min-height:44px;justify-content:space-between;padding:11px 15px;border:1px solid #c7ff2f66;border-radius:8px;background:#c7ff2f10;font-size:14px;}
 #about-screen[data-mode="summary"] .about-dock {position:relative;inset:auto;width:auto;margin:0 22px 22px;grid-template-columns:repeat(3,1fr);gap:14px 8px;}
 #about-screen[data-mode="summary"] .about-dock a {gap:6px;}
 #about-screen[data-mode="summary"] .about-dock a:after {display:none;}
 #about-screen[data-mode="summary"] .about-dock i {width:30px;height:30px;flex-shrink:0;}
 #about-screen[data-mode="summary"] .about-dock svg {width:17px;height:17px;}
 #about-screen[data-mode="summary"] .about-dock span {font-size:10px;}
 #about-screen[data-mode="summary"] .about-dock small {font-size:7px;}
 #about-screen[data-mode="summary"] .about-footer {display:none;}
}
@media(prefers-reduced-motion:reduce) {#about-screen[data-mode="summary"] .summary-more span {transition:none;}}