@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700&family=Space+Mono:wght@400;700&display=swap');
:root{--bg:#101312;--panel:#151917;--ink:#f2f2eb;--muted:#a5a89f;--acid:#c8ff18;--line:#353b36;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,"PingFang SC","Microsoft YaHei",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.wrap{width:min(calc(100% - 48px),var(--max));margin:auto}.nav{height:92px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{font:700 14px "Space Mono",monospace;letter-spacing:.12em}.brand i,.section-head span,.eyebrow,.next>span{color:var(--acid);font-style:normal}.back{font-size:13px;border:1px solid var(--line);border-radius:999px;padding:12px 18px}.hero{padding:108px 0 92px;min-height:600px;display:flex;flex-direction:column;justify-content:flex-end}.eyebrow,.section-head span,.next>span{font:12px "Space Mono",monospace;letter-spacing:.08em}.hero h1{font-size:clamp(58px,8.5vw,126px);line-height:.9;letter-spacing:-.065em;margin:28px 0}.summary{font-size:19px;line-height:1.8;color:#c2c5bc;max-width:820px}.statement{border-top:1px solid var(--line);padding:110px 0}.statement .wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:end}.statement h2{font-size:clamp(42px,5.5vw,78px);line-height:1.06;letter-spacing:-.05em;margin:0}.statement h2 span{color:var(--acid)}.statement p{color:var(--muted);font-size:17px;line-height:1.85}.feature-strip{border-top:1px solid var(--line);padding:0}.feature-strip .wrap{display:grid;grid-template-columns:repeat(5,1fr);border-left:1px solid var(--line)}.feature-strip p{margin:0;padding:30px 22px;border-right:1px solid var(--line);color:var(--muted);line-height:1.7;font-size:14px}.section{padding:112px 0;border-top:1px solid var(--line)}.media{background:linear-gradient(180deg,rgba(200,255,24,.035),transparent 45%)}.section-head{display:grid;grid-template-columns:.72fr 1.28fr;gap:50px;align-items:end;margin-bottom:48px}.section-head h2{font-size:clamp(42px,5vw,72px);letter-spacing:-.05em;line-height:1;margin:12px 0 0}.section-head>p{color:var(--muted);font-size:17px;line-height:1.75;max-width:720px}.gallery{border:1px solid #566339;background:#0b0e0c;padding:16px;box-shadow:0 30px 90px rgba(0,0,0,.3)}.gallery-stage{aspect-ratio:16/9;background:#171b18;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line)}.gallery-stage img,.gallery-stage video{width:100%;height:100%;object-fit:contain;display:block}.gallery-controls{display:flex;align-items:center;justify-content:space-between;padding-top:14px;color:var(--muted);font-size:13px}.gallery-controls button{width:44px;height:44px;border:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer}.gallery-controls button:hover{background:var(--acid);color:var(--bg)}.cap-grid{display:grid;grid-template-columns:repeat(2,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line)}.cap-grid article,.role-grid article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:34px;min-height:230px}.cap-grid small,.role-grid small,.result-grid small{font:11px "Space Mono",monospace;color:var(--acid)}.cap-grid h3,.role-grid h3{font-size:25px;margin:44px 0 12px}.cap-grid p,.role-grid p{color:var(--muted);line-height:1.75}.role-grid{display:grid;grid-template-columns:1fr 1fr;border-left:1px solid var(--line);border-top:1px solid var(--line)}.role-grid a{display:inline-block;margin-top:20px;color:var(--acid);font-size:13px}.result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));border:1px solid var(--line)}.result-grid article{padding:32px 24px;min-height:180px;border-right:1px solid var(--line)}.result-grid article:last-child{border-right:0}.result-grid strong{display:block;color:var(--acid);font-size:clamp(24px,3vw,42px);line-height:1.1;margin-top:50px}.evidence{margin-top:24px;border-left:2px solid var(--acid);padding:6px 0 6px 20px}.evidence p{color:var(--muted);line-height:1.7}.next{padding:110px 0;text-align:center}.next h2{font-size:clamp(42px,6vw,78px);margin:14px 0 16px;letter-spacing:-.05em}.next p{color:var(--muted)}.next a{display:inline-flex;border:1px solid var(--line);padding:15px 22px;margin-top:22px}.footer{border-top:1px solid var(--line);padding:32px 0 42px;display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.reveal{opacity:0;transform:translateY(22px);transition:.65s ease}.reveal.in{opacity:1;transform:none}
@media(max-width:800px){.wrap{width:min(calc(100% - 28px),var(--max))}.nav{height:74px}.hero{padding:76px 0 64px;min-height:auto}.hero h1{font-size:51px;line-height:.98}.summary{font-size:16px}.statement,.section{padding:76px 0}.statement .wrap,.section-head{grid-template-columns:1fr;gap:18px}.statement h2,.section-head h2{font-size:44px}.feature-strip .wrap{grid-template-columns:1fr;border-top:1px solid var(--line)}.feature-strip p{border-bottom:1px solid var(--line)}.cap-grid,.role-grid{grid-template-columns:1fr}.gallery{padding:8px}.result-grid{grid-template-columns:1fr}.result-grid article{border-right:0;border-bottom:1px solid var(--line);min-height:140px}.result-grid article:last-child{border-bottom:0}.result-grid strong{margin-top:28px}.footer{gap:12px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}

/* Keep display statements balanced and prevent orphaned single-character lines. */
.statement h2{text-wrap:balance;line-break:strict;word-break:normal;overflow-wrap:normal}
@media(max-width:800px){
  .statement h2{font-size:clamp(30px,9.2vw,40px);line-height:1.14;letter-spacing:-.04em;max-width:100%}
  .statement h2 br{display:none}
  .statement h2 span{display:inline}
}

/* Highlighted phrases move as a whole, so punctuation or one CJK character is never orphaned. */
.statement h2 span{display:inline-block;white-space:nowrap;max-width:100%}
@media(max-width:520px){.statement h2{font-size:clamp(29px,8.7vw,34px)}}

/* Exactly two semantic lines: neither CJK characters nor punctuation may split away. */
.statement .wrap{grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr)}
.statement h2{font-size:clamp(24px,5vw,58px)}
.statement h2 .statement-line{display:block;white-space:nowrap;max-width:100%;color:inherit}
.statement h2 .statement-line.accent{color:var(--acid)}
@media(max-width:1180px){.statement .wrap{grid-template-columns:1fr;gap:28px}.statement h2{font-size:clamp(24px,7.5vw,60px)}}
@media(max-width:520px){.statement h2{font-size:clamp(23px,7.45vw,32px);letter-spacing:-.05em}}

/* Keep the Jiaxuan and Duanshu display titles on one clear desktop line. */
@media(min-width:801px){
  body[data-case="jiaxuan"] .hero h1{font-size:clamp(52px,6.3vw,94px);white-space:nowrap}
  body[data-case="duanshu"] .role-section .section-head{grid-template-columns:1fr}
  body[data-case="duanshu"] .role-section .section-head h2{font-size:clamp(36px,4.1vw,58px);white-space:nowrap}
}