/* Scene direction: product planes -> evidence rail -> human judgment -> next problem.
   Adapted from Project-030 motion-gallery 01/08/09/12/16/19/20.
   The existing v5 palette remains authoritative; no parallel visual system. */
@font-face{font-family:"Noto MeJn";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/noto-sc-mejn-400.woff2?v=5.5.2") format("woff2")}
@font-face{font-family:"Noto MeJn";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/noto-sc-mejn-700.woff2?v=5.5.2") format("woff2")}
@font-face{font-family:"Noto MeJn";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/noto-sc-mejn-500.woff2?v=5.5.2") format("woff2")}
:root{--font-cn:"Noto MeJn","PingFang SC","Microsoft YaHei",system-ui,sans-serif;--scene-perspective:1600px;--scene-duration:.9s}
body{overflow-x:clip}
.hero{padding-top:clamp(52px,6vw,84px);overflow:visible}
.hero-layout{grid-template-columns:1.16fr .94fr;gap:52px;align-items:center}
.hero-copy{position:relative;z-index:4}
.hero-title{font-family:var(--font-cn);font-size:clamp(58px,6.7vw,96px);font-weight:700;line-height:1.18;letter-spacing:-.025em;perspective:1000px}
.hero-title>[data-track-only=fde]{font-size:.88em}
.motion-line{display:block;position:relative;overflow:visible;transform-style:preserve-3d}
.motion-glyph{display:inline-block;transform-origin:50% 100%;backface-visibility:hidden;will-change:auto}
.motion-glyph.whitespace{white-space:pre}
.hero-lead{font-size:16px;line-height:1.95;max-width:35em;margin-top:30px}
html[data-track] .hero-lead .lead-mobile{display:none}
.hero-actions{margin-top:32px}
.hero-role{font-size:14px;letter-spacing:.04em}
.hero-context{font-size:12px;line-height:1.9}
.availability{font-size:13px}
.proof-deck{position:relative;perspective:var(--scene-perspective);isolation:isolate;margin:35px -14px 30px 5px;transform-style:preserve-3d}
.proof-deck .proof-console{position:relative;z-index:3;transform:rotateY(-5deg) rotateX(3deg);transform-origin:50% 55%;border-radius:var(--radius-surface);box-shadow:0 25px 65px -30px rgba(24,33,34,.45);padding:20px;will-change:auto}
.proof-sheet{position:absolute;inset:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-surface);padding:14px 14px 42px;box-shadow:0 24px 55px -30px rgba(24,33,34,.35);pointer-events:none;transform-origin:50% 50%;overflow:hidden}
.proof-sheet img{width:100%;height:100%;object-fit:cover;object-position:top}
.proof-sheet>span{position:absolute;bottom:13px;left:17px;font-size:11px;color:var(--ink-2)}
.sheet-back{z-index:1;transform:translate(40px,-25px) rotate(7deg) scale(.91);background:var(--cobalt-soft)}
.sheet-middle{z-index:2;transform:translate(-23px,18px) rotate(-5deg) scale(.96);background:var(--signal-soft)}
.deck-anchor{position:absolute;z-index:5;display:flex;align-items:center;gap:7px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-control);padding:12px 16px;box-shadow:0 9px 22px -12px rgba(24,33,34,.35);font-size:12px;font-weight:700;pointer-events:none;transform:translateZ(50px)}
.deck-anchor .ic{width:17px;height:17px;color:var(--signal-cobalt)}
.anchor-field{top:-26px;left:26px;transform:rotate(-4deg)}
.anchor-verify{bottom:13px;right:-30px;transform:rotate(3deg)}
.proof-screen{position:relative;overflow:hidden;transform-style:preserve-3d;border-radius:var(--radius-control)}
.proof-console .proof-caption h2{font-size:21px;letter-spacing:-.025em}
.proof-console .proof-caption p{font-size:13px;line-height:1.8}
.proof-selector button{min-height:41px;font-size:12px;position:relative;overflow:hidden}
.proof-links{font-size:11px}
.proof-switching .proof-selector{pointer-events:none}
.hero-route{position:relative;margin-top:36px;padding-bottom:6px}
.hero-signal{width:100%;height:40px;overflow:visible}
.hero-signal-base{fill:none;stroke:var(--line);stroke-width:1}
.hero-signal-run{fill:none;stroke:var(--signal-cobalt);stroke-width:2}
.hero-signal-dot{fill:var(--signal-cobalt)}
.hero-route-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--ink-2);letter-spacing:.035em}
.hero-route-labels i{font-family:var(--font-mono);color:var(--signal-cobalt);margin-right:8px}
.hero-foot{margin-top:32px;padding-top:24px;padding-bottom:24px}
.spine{padding-top:54px;padding-bottom:64px}
.spine-step{transition:border-color .25s}
.spine-step.is-phase{border-color:var(--signal-cobalt)}
.spine-step.is-phase::before{background:var(--signal-cobalt);border-color:var(--signal-cobalt);box-shadow:0 0 0 5px var(--cobalt-soft)}
.spine-step.is-phase .spine-word{color:var(--signal-cobalt)}
.spine-step h2{font-size:21px}
.spine-step p{font-size:14px}
.spine-step a{font-size:12px}
.section-heading h2,.trace-intro h2{font-size:clamp(40px,4.1vw,60px);font-weight:700;letter-spacing:-.025em}
.section-heading p{font-size:16px;line-height:1.9}
.case-index{font-size:13px}
.case{position:relative;padding-top:64px;padding-bottom:72px}
.case-title{font-size:clamp(31px,3.5vw,51px);font-weight:700}
.case-line{font-size:16px}.case-role{font-size:12px}.case-status{font-size:12px}
.case-layout{gap:52px;perspective:1600px}
.case-evidence{position:sticky;top:116px;padding-bottom:8px}
.evidence-window{transform-origin:50% 20%;border-radius:var(--radius-surface);box-shadow:0 22px 55px -38px rgba(24,33,34,.3)}
.window-bar{min-height:40px}.window-label,.window-bar>span{font-size:10px}.evidence-window figcaption{font-size:12px;line-height:1.8}
.decision-title{font-size:25px;font-weight:700;line-height:1.5}
.decision-summary{font-size:16px;line-height:1.9}
.proof-field{padding:28px 0;min-height:116px;transition:background-color .35s}
.proof-field dt{font-family:var(--font-cn);font-size:12px;letter-spacing:0;padding-top:3px;transition:color .25s}
.proof-field dd{font-size:15px;line-height:1.95}
.proof-field.is-reading{background:var(--signal-soft)}
.proof-field.is-reading dt{color:var(--signal-cobalt)}
.proof-field.limit.is-reading{background:var(--warm-soft)}
.evidence-reading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px;border-top:1px solid var(--line);background:var(--signal-soft);color:var(--signal);font-size:12px}
.evidence-reading.is-limit{background:var(--warm-soft);color:var(--warm)}
.evidence-reading-title{font-weight:700}
.evidence-reading-track{display:flex;gap:6px}
.evidence-reading-track i{width:21px;height:3px;background:var(--line);transition:background .25s}
.evidence-reading-track i.active{background:currentColor}
.evidence-scan{height:2px;width:100%;position:absolute;left:0;top:42px;background:var(--signal-cobalt);pointer-events:none;opacity:0}
.case-details>summary{font-size:13px}
.pane-lead,.pane-note,.strict-item span{font-size:15px;line-height:1.9}
.case-detail-link{font-size:13px}
.decision-picker button{min-height:44px;font-size:13px}
.decision-record{position:relative;overflow:hidden}
.decision-record .decision-detail h3{font-size:clamp(24px,2.4vw,34px);font-weight:700}
.decision-flow-item p{font-size:15px;line-height:1.9}
.record-label,.evidence-source{font-size:12px}
.debug-record h3{font-size:28px}.debug-record>p{font-size:15px;line-height:1.9}
.decision-stamp{position:absolute;right:24px;bottom:24px;border:1px solid var(--signal);color:var(--signal);padding:7px 11px;letter-spacing:.12em;font-size:11px;transform:rotate(-7deg);pointer-events:none;background:var(--signal-soft)}
.timeline-entry p{font-size:15px;line-height:1.9}
/* Clip the decorative wordmark without creating a hidden scroll container.
   Footer hashes and keyboard focus must only scroll the document. */
.connect{position:relative;isolation:isolate;overflow:clip;background:var(--ink);color:var(--on-dark)}
.connect::before{content:"MeJn";position:absolute;left:10%;bottom:-.2em;color:transparent;-webkit-text-stroke:1px var(--dark-line);font-family:var(--font-disp);font-weight:700;font-size:clamp(180px,35vw,530px);line-height:1;z-index:-1;pointer-events:none;opacity:.48}
.connect .wrap{position:relative;padding-top:94px;padding-bottom:28px}
.connect-layout{grid-template-columns:1.26fr .9fr;gap:72px}
.connect-heading h2{font-size:clamp(54px,6.9vw,96px);line-height:1.2;font-weight:700;letter-spacing:-.025em}
.connect-heading p,.connect .availability{color:var(--on-dark-muted);font-size:15px}
.connect-heading p{margin-top:24px;line-height:1.9}
.connect .availability{margin-top:0;font-size:13px}
.connect .status-dot{background:var(--on-dark)}
.connect .contact-label{color:var(--on-dark-muted);font-size:12px}
.connect .contact-value{color:var(--on-dark);font-size:clamp(18px,1.6vw,24px)}
.connect .contact-item{border-color:var(--dark-line)}
.connect .button-primary{background:var(--signal-soft);color:var(--signal);border-color:var(--signal-soft)}
.connect .button-secondary{color:var(--on-dark);border-color:var(--dark-line)}
.connect .button-secondary:hover{background:var(--dark-panel);color:var(--on-dark)}
.connect .site-footer{border-color:var(--dark-line);color:var(--on-dark-muted);font-size:11px}
.connect .site-footer a{color:var(--on-dark-muted)}
.contact-list{position:relative;padding-top:32px}
.close-signal{position:absolute;left:0;top:0;width:64px;height:3px;background:var(--signal-cobalt);transform-origin:left}
.button,.resume-link{will-change:auto}
.pr-root{will-change:clip-path}
.noanim .hero-signal-run{stroke-dasharray:none!important;stroke-dashoffset:0!important}
.noanim .proof-deck .proof-console{transform:none!important}
@media(min-width:1800px){.hero-title{font-size:100px}}
@media(max-width:1100px){.hero-layout{gap:32px;grid-template-columns:1.08fr 1fr}.hero-title{font-size:clamp(56px,6.1vw,76px)}.proof-deck{margin-left:0;margin-right:6px}.anchor-field{left:10px}.anchor-verify{right:-9px}.case-layout{gap:32px}.proof-field{padding:24px 0;min-height:112px}.connect-layout{gap:40px}}
@media(max-width:850px){.hero-layout{grid-template-columns:1fr 1fr;gap:28px}.hero-title{font-size:clamp(42px,6.4vw,60px)}.hero-lead{font-size:15px;line-height:1.85}.proof-deck{margin-top:24px}.proof-deck .proof-console{padding:14px}.proof-console .proof-caption h2{font-size:18px}.hero-route{margin-top:26px}.deck-anchor{padding:8px 11px;font-size:11px}.sheet-back{transform:translate(14px,-16px) rotate(5deg) scale(.9)}.sheet-middle{transform:translate(-8px,10px) rotate(-4deg) scale(.96)}.anchor-verify{right:-8px;bottom:0}.hero-context{font-size:11px}.case-evidence{position:relative;top:auto}.case-layout{grid-template-columns:1fr}.case-reading{max-width:none}.proof-field{min-height:0;padding:24px 0}.connect-layout{grid-template-columns:1fr;gap:40px}.connect-heading h2{font-size:70px}}
@media(max-width:640px){.hero{padding-top:38px}.hero-layout{display:block}.hero-title{font-size:clamp(43px,11.8vw,66px);line-height:1.22;letter-spacing:-.025em}.hero-title>[data-track-only=fde]{font-size:.86em}.hero-copy{padding-bottom:18px}.hero-lead{font-size:15px;line-height:1.95;margin-top:24px}.hero-role{font-size:12px}.hero-context{font-size:12px}.hero-actions{margin-top:25px}.proof-deck{margin:42px 5px 22px}.proof-deck .proof-console{padding:17px;transform:rotateY(-2deg) rotateX(2deg)}.proof-console .proof-caption h2{font-size:19px}.proof-console .proof-caption p{font-size:13px}.sheet-back{transform:translate(12px,-14px) rotate(4deg) scale(.93)}.sheet-middle{transform:translate(-8px,7px) rotate(-3deg) scale(.96)}.anchor-field{left:14px;top:-22px}.anchor-verify{right:-5px;bottom:13px}.hero-route-labels{font-size:9px;letter-spacing:0}.hero-route-labels i{margin-right:2px}.hero-route{margin-top:34px}.hero-foot{margin-top:22px}.spine{padding-top:40px;padding-bottom:48px}.spine-step p{font-size:13px}.section-heading h2,.trace-intro h2{font-size:36px}.section-heading p{font-size:15px}.case{padding-top:42px;padding-bottom:48px}.case-title{font-size:29px}.case-line{font-size:15px}.case-role{font-size:12px}.case-status{font-size:11px}.case-layout{margin-top:26px;gap:25px}.decision-title{font-size:22px}.decision-summary{font-size:15px}.proof-field{grid-template-columns:76px 1fr;gap:12px;padding:22px 0}.proof-field dd{font-size:14px}.proof-field dt{font-size:12px}.evidence-reading{font-size:11px}.window-bar>span{font-size:9px}.evidence-window figcaption{font-size:11px}.decision-picker{gap:4px;flex-wrap:wrap}.decision-picker button{font-size:12px;min-height:43px;padding:9px 11px}.decision-record .decision-detail h3{font-size:24px}.decision-flow-item p{font-size:14px}.decision-stamp{right:18px;bottom:16px}.connect .wrap{padding-top:64px}.connect-heading h2{font-size:clamp(49px,12.7vw,76px)}.contact-list{padding-top:10px}.connect .contact-value{font-size:18px}.connect .site-footer{font-size:10px}}
@media(prefers-reduced-motion:reduce){.proof-console,.proof-sheet,.motion-glyph{will-change:auto}.hero-signal-run{stroke-dashoffset:0!important}.proof-deck .proof-console{transform:none}}
@media(max-width:640px){html[data-track=pm] .hero-lead .lead-mobile[data-track-only=pm],html[data-track=fde] .hero-lead .lead-mobile[data-track-only=fde]{display:inline}html[data-track] .hero-lead .lead-desktop{display:none}.hero-context{display:none}.availability{margin-bottom:18px}.hero-lead{margin-top:20px}.proof-deck{margin-top:30px}.hero-actions{margin-top:22px}}