:root{--paper:#f4eddf;--paper2:#fffaf0;--ink:#101c2d;--navy:#173b61;--blue:#315879;--red:#a9233d;--red-dark:#671426;--cream:#f9e8cf;--line:#bcb09e;--muted:#6c665e;font-family:"Avenir Next","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 82% 14%,rgba(169,35,61,.08),transparent 27%),linear-gradient(90deg,rgba(16,28,45,.025) 1px,transparent 1px),linear-gradient(rgba(16,28,45,.025) 1px,transparent 1px),var(--paper);background-size:auto,30px 30px,30px 30px}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--red);outline-offset:4px}.page{min-height:100vh;overflow:hidden}.top{position:relative;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:13px clamp(22px,4vw,64px);border-bottom:1.5px solid var(--ink);background:color-mix(in srgb,var(--paper) 93%,transparent);backdrop-filter:blur(14px)}.brand{min-height:52px;display:flex;align-items:center;gap:12px}.brand img{width:58px;height:58px;object-fit:contain;filter:drop-shadow(2px 3px 0 rgba(16,28,45,.16))}.brand strong{display:block;font-size:24px;line-height:1.05}.brand small{display:block;margin-top:5px;color:var(--red);font:850 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.15em}.top-nav{display:flex;align-items:center;gap:8px}.top-nav a{min-height:42px;display:flex;align-items:center;padding:9px 14px;border:1.5px solid var(--ink);border-radius:4px;font-size:13px;font-weight:800}.top-nav a:hover{background:var(--cream)}.top-nav .current,.top-nav .enter{background:var(--ink);color:var(--paper2)}
.story{max-width:1800px;margin:auto;padding:0 clamp(22px,4vw,64px)}.story-body{display:grid;grid-template-columns:minmax(0,.88fr) minmax(540px,1.12fr);align-items:center;gap:clamp(36px,5vw,82px);min-height:calc(100svh - 222px);padding:25px 0 18px}.copy-column{position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:11px;margin:0 0 25px;color:var(--red);font-size:12px;font-weight:850;letter-spacing:.13em}.eyebrow span{width:28px;height:2px;background:var(--red)}.copy-stage{position:relative;min-height:470px}.copy{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;opacity:0;pointer-events:none;transform:translateY(16px);transition:opacity .32s ease,transform .5s cubic-bezier(.2,.75,.2,1)}.copy.is-current{opacity:1;pointer-events:auto;transform:none}.chapter{margin:0 0 17px;color:var(--muted);font:800 12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em}h1{max-width:670px;margin:0;font-size:clamp(39px,4.05vw,68px);line-height:1.08;letter-spacing:-.065em;font-weight:900;text-wrap:balance}h1 em{display:block;color:var(--red);font-style:normal}.description{max-width:620px;margin:24px 0 0;color:#3c424b;font-size:17px;line-height:1.72;text-wrap:pretty}.outcome{max-width:650px;display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:25px 0 0}.outcome div{padding:14px 15px;border-top:2px solid var(--ink);background:rgba(255,250,240,.6)}.outcome dt{margin-bottom:7px;color:var(--red);font:850 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.09em}.outcome dd{margin:0;font-size:13px;line-height:1.55}.copy blockquote{max-width:635px;margin:22px 0 0;padding:12px 0 12px 18px;border-left:4px solid var(--red);font-size:14px;font-weight:800;line-height:1.7}.product-link{display:inline-flex;align-items:center;gap:16px;align-self:flex-start;margin-top:16px;padding:10px 14px;background:var(--red);color:#fff;font-size:13px;font-weight:850}.product-link span{font-size:18px}
.evidence-desk{position:relative;margin:0}.desk-topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;color:var(--ink);font:800 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}.desk-window{position:relative;min-height:550px;overflow:hidden;border:1.5px solid var(--ink);background:linear-gradient(135deg,rgba(255,250,240,.92),rgba(225,216,202,.88));box-shadow:11px 11px 0 var(--ink)}.desk-window:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,28,45,.035) 1px,transparent 1px),linear-gradient(rgba(16,28,45,.035) 1px,transparent 1px);background-size:24px 24px}.desk-window:after{content:"EVIDENCE DESK  /  04";position:absolute;z-index:1;right:16px;bottom:13px;color:rgba(16,28,45,.33);font:800 9px/1 ui-monospace,monospace;letter-spacing:.13em}.pin{position:absolute;z-index:20;width:20px;height:20px;border:2px solid var(--ink);border-radius:50%;background:var(--cream);box-shadow:1px 3px 0 rgba(16,28,45,.22)}.pin i{position:absolute;inset:5px;border-radius:50%;background:var(--red)}.pin-main{left:50%;top:20px;transform:translateX(-50%)}
.mask-wrap{position:absolute;z-index:4;left:50%;top:50%;width:390px;height:390px;transform:translate(-50%,-52%);transition:transform .75s cubic-bezier(.18,.8,.2,1),opacity .4s ease,filter .4s ease}.mask-wrap img{position:relative;z-index:2;width:100%;height:100%;object-fit:contain;filter:drop-shadow(12px 15px 0 rgba(16,28,45,.16));transition:transform .75s cubic-bezier(.18,.8,.2,1),filter .45s ease}.mask-halo{position:absolute;inset:12%;border:1px solid var(--line);border-radius:50%;box-shadow:0 0 0 22px rgba(169,35,61,.055),0 0 0 46px rgba(23,59,97,.035)}.cracks{position:absolute;z-index:5;inset:0;width:100%;height:100%;opacity:0;transition:opacity .25s ease}.cracks path{fill:none;stroke:var(--paper2);stroke-width:6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:420;stroke-dashoffset:420;filter:drop-shadow(0 0 2px var(--ink));transition:stroke-dashoffset 1s ease}
.transcript{position:absolute;z-index:7;left:4%;bottom:7%;width:58%;padding:15px 16px 13px;border:1.5px solid var(--ink);background:rgba(255,250,240,.96);box-shadow:6px 7px 0 rgba(16,28,45,.2);transform:rotate(-1.1deg);transition:opacity .4s ease,transform .65s cubic-bezier(.18,.8,.2,1)}.transcript header{display:flex;justify-content:space-between;padding-bottom:8px;border-bottom:1px solid var(--line);font:800 9px/1 ui-monospace,monospace;letter-spacing:.07em}.transcript header b{color:var(--red)}.line{display:flex;gap:10px;margin:10px 0 0;font-size:11px;line-height:1.35}.line time{flex:none;color:var(--red);font:800 9px/1.5 ui-monospace,monospace}.line span{padding:2px 4px}.wave{display:flex;align-items:center;gap:3px;height:26px;margin-top:9px;padding-top:6px;border-top:1px solid var(--line)}.wave i{width:3px;height:var(--h,9px);border-radius:3px;background:var(--navy);animation:pulse 1.3s ease-in-out infinite}.wave i:nth-child(2n){--h:18px}.wave i:nth-child(3n){--h:12px}.wave i:nth-child(5n){--h:22px}.wave i:nth-child(7n){--h:15px}@keyframes pulse{50%{transform:scaleY(.48);opacity:.65}}
.clue{position:absolute;z-index:11;display:grid;grid-template-columns:auto 1fr;gap:3px 9px;min-width:190px;padding:10px 12px;border:1.5px solid var(--red-dark);background:var(--paper2);box-shadow:5px 5px 0 var(--red);opacity:0;transform:translateX(22px) scale(.92);transition:opacity .3s ease,transform .5s cubic-bezier(.18,.8,.2,1)}.clue span{grid-row:1/3;align-self:center;padding:5px;background:var(--red);color:#fff;font:800 9px/1 ui-monospace,monospace}.clue b{font-size:12px}.clue small{font-size:9px;color:var(--muted)}.clue-a{right:4%;top:16%}.clue-b{right:3%;top:43%}.clue-c{right:5%;top:69%}.threads{position:absolute;z-index:3;inset:0;width:100%;height:100%;opacity:0;transition:opacity .4s ease}.thread{fill:none;stroke:var(--red);stroke-width:2;stroke-dasharray:6 8;stroke-linecap:round}.pattern-card,.evidence-board{position:absolute;z-index:15;opacity:0;pointer-events:none;transition:opacity .36s ease,transform .65s cubic-bezier(.18,.8,.2,1)}.pattern-card{left:9%;right:9%;top:11%;padding:23px;border:1.5px solid var(--ink);background:var(--paper2);box-shadow:12px 12px 0 var(--navy);transform:translateY(30px) scale(.96)}.pattern-card header,.evidence-board header{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--line);font:800 9px/1 ui-monospace,monospace;letter-spacing:.09em}.pattern-card header b{color:var(--red)}.pattern-card h2{margin:22px 0 18px;font-size:27px;letter-spacing:-.04em}.pattern-card ol{list-style:none;margin:0;padding:0}.pattern-card li{display:grid;grid-template-columns:100px 1fr;gap:18px;align-items:center;min-height:54px;border-top:1px solid #d9cfc0}.pattern-card li:before{content:"";position:absolute;width:8px;height:8px;margin-left:87px;border-radius:50%;background:var(--red);box-shadow:0 0 0 4px rgba(169,35,61,.13)}.pattern-card time{font:800 10px/1 ui-monospace,monospace}.pattern-card li span{font-size:13px;font-weight:800}.pattern-card p{margin:17px 0 0;padding:11px;background:#ece4d8;font-size:11px}.pattern-card strong{color:var(--red)}
.evidence-board{inset:6%;padding:24px;border:1.5px solid var(--ink);background:var(--paper2);box-shadow:12px 12px 0 var(--red);transform:translateY(28px)}.evidence-board header div span,.evidence-board header div b{display:block}.evidence-board header div span{color:var(--red)}.evidence-board header div b{margin-top:7px;color:var(--ink);font:900 18px/1.1 "Avenir Next","PingFang SC",sans-serif;letter-spacing:-.02em}.evidence-board header i{padding:7px 9px;background:var(--ink);color:#fff;font-style:normal}.source-quote{margin-top:18px;padding:17px;border-left:5px solid var(--red);background:#f1e7d7}.source-quote span,.source-quote q{display:block}.source-quote span,.basis span{color:var(--red);font:800 9px/1 ui-monospace,monospace;letter-spacing:.08em}.source-quote q{margin:10px 0;font-size:18px;font-weight:850}.source-quote button{padding:7px 9px;border:1px solid var(--ink);background:var(--paper2);font-size:10px;font-weight:800}.basis{margin-top:13px;padding:16px;border:1px solid var(--line)}.basis b,.basis small{display:block}.basis b{margin-top:9px;font-size:14px}.basis small{margin-top:8px;color:var(--muted);font-size:10px}.evidence-board footer{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:16px}.evidence-board footer span,.evidence-board footer strong{padding:9px 5px;text-align:center;border:1px solid var(--ink);font-size:9px}.evidence-board footer strong{background:var(--red);color:#fff}.sample-note{position:absolute;z-index:25;left:13px;bottom:10px;color:rgba(16,28,45,.58);font-size:9px}figcaption{display:flex;align-items:center;gap:9px;margin-top:13px;color:var(--muted);font-size:12px}.caption-dot{width:8px;height:8px;border-radius:50%;background:var(--red)}
.story[data-step="1"] .mask-wrap{transform:translate(-67%,-54%) rotate(-2deg)}.story[data-step="1"] .mask-wrap img{filter:drop-shadow(12px 15px 0 rgba(16,28,45,.22)) saturate(.82)}.story[data-step="1"] .cracks{opacity:1}.story[data-step="1"] .cracks path{stroke-dashoffset:0}.story[data-step="1"] .transcript{transform:translateX(-3%) rotate(-2deg)}.story[data-step="1"] .line span{background:rgba(169,35,61,.13)}.story[data-step="1"] .clue{opacity:1;transform:none}.story[data-step="1"] .clue-b{transition-delay:.12s}.story[data-step="1"] .clue-c{transition-delay:.24s}.story[data-step="2"] .mask-wrap{opacity:.17;filter:grayscale(.5);transform:translate(-68%,-53%) scale(.91)}.story[data-step="2"] .transcript{opacity:.18;transform:translateX(-8%) rotate(-2deg) scale(.94)}.story[data-step="2"] .threads{opacity:1}.story[data-step="2"] .clue{opacity:.28;transform:scale(.88)}.story[data-step="2"] .pattern-card{opacity:1;pointer-events:auto;transform:none}.story[data-step="3"] .mask-wrap,.story[data-step="3"] .transcript,.story[data-step="3"] .clue,.story[data-step="3"] .pattern-card,.story[data-step="3"] .threads{opacity:0}.story[data-step="3"] .evidence-board{opacity:1;pointer-events:auto;transform:none}
.story-controls{display:grid;grid-template-columns:auto minmax(260px,560px) auto;align-items:center;justify-content:center;gap:clamp(18px,4vw,60px);padding-top:14px;border-top:1px solid var(--line)}.step-arrow{min-width:96px;min-height:42px;display:flex;align-items:center;justify-content:center;gap:9px;border:0;background:transparent;font-weight:850;cursor:pointer}.step-arrow span{font-size:22px}.step-arrow:disabled{opacity:.24;cursor:default}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.steps button{position:relative;min-height:40px;padding:0 0 9px;border:0;border-bottom:2px solid var(--line);background:transparent;text-align:left;font:800 11px/1 ui-monospace,monospace;cursor:pointer}.steps button i{position:absolute;left:0;bottom:-2px;width:0;height:3px;background:var(--red);transition:width .35s ease}.steps button[aria-current="step"]{color:var(--red)}.steps button[aria-current="step"] i{width:100%}.interaction-hint{display:flex;justify-content:center;gap:18px;margin:9px 0 15px;color:var(--muted);font-size:11px}.interaction-hint b{color:var(--red)}.touch-hint{display:none}.noscript-note{margin:20px;padding:16px;border:1px solid var(--ink)}
@media(max-height:820px) and (min-width:821px){.story-body{min-height:calc(100svh - 202px);padding:11px 0 8px}.eyebrow{margin-bottom:10px}.copy-stage{min-height:415px}h1{font-size:clamp(37px,3.55vw,59px)}.description{margin-top:16px;font-size:15px;line-height:1.58}.outcome{margin-top:16px}.outcome div{padding:10px 12px}.copy blockquote{margin-top:13px;padding-top:7px;padding-bottom:7px}.product-link{margin-top:10px}.desk-window{min-height:448px}.mask-wrap{width:325px;height:325px}.transcript{padding:11px 13px}.clue{min-width:175px;padding:8px 10px}.pattern-card{top:7%;padding:18px}.pattern-card h2{margin:15px 0 12px}.pattern-card li{min-height:45px}.evidence-board{padding:18px}.source-quote{margin-top:12px;padding:12px}.basis{padding:12px}.story-controls{padding-top:8px}.interaction-hint{margin:5px 0 7px}}
@media(max-width:1080px){.story-body{grid-template-columns:minmax(0,.78fr) minmax(510px,1.22fr);gap:27px}.outcome{grid-template-columns:1fr}.outcome div{padding:10px 12px}.copy-stage{min-height:500px}.description{font-size:15px}}
@media(max-width:820px){.page{overflow:visible}.top{align-items:flex-start;flex-wrap:wrap;padding:10px 18px}.brand img{width:48px;height:48px}.brand strong{font-size:21px}.top-nav{width:100%;overflow-x:auto;padding-bottom:3px}.top-nav a{white-space:nowrap;min-height:39px;padding:8px 11px}.story{padding:0 17px}.story-body{display:block;min-height:auto;padding:24px 0 16px}.eyebrow{margin-bottom:15px}.copy-stage{min-height:440px}.copy{justify-content:flex-start}.chapter{margin-bottom:10px}h1{font-size:clamp(37px,10vw,55px)}.description{margin-top:17px;line-height:1.6}.outcome{grid-template-columns:1fr 1fr;margin-top:18px}.outcome div{padding:10px}.evidence-desk{margin-top:8px}.desk-window{min-height:510px;box-shadow:7px 7px 0 var(--ink)}.story-controls{grid-template-columns:48px 1fr 48px;gap:8px;padding-top:13px}.step-arrow{min-width:44px}.step-arrow small{display:none}.interaction-hint{margin-bottom:20px}.desktop-hint{display:none}.touch-hint{display:inline}}
@media(max-width:520px){.top{gap:7px}.brand img{width:43px;height:43px}.brand strong{font-size:19px}.top-nav{gap:5px}.top-nav a{font-size:10px;padding:7px 9px}.top-nav .current{display:none}.story-body{padding-top:20px}.eyebrow{font-size:10px}.copy-stage{min-height:560px}h1{font-size:39px}.description{font-size:15px}.outcome{grid-template-columns:1fr;gap:7px}.outcome dd{font-size:12px}.copy blockquote{font-size:12px}.desk-window{min-height:455px}.mask-wrap{width:290px;height:290px}.transcript{left:3%;width:72%;padding:10px}.line{font-size:9px}.clue{min-width:152px;padding:7px}.clue small{display:none}.clue-a{top:14%}.clue-b{top:42%}.clue-c{top:70%}.pattern-card{left:5%;right:5%;top:8%;padding:16px}.pattern-card h2{margin:15px 0;font-size:22px}.pattern-card li{grid-template-columns:80px 1fr;min-height:50px}.pattern-card li:before{margin-left:69px}.evidence-board{inset:4%;padding:15px}.evidence-board header div b{font-size:15px}.source-quote q{font-size:15px}.evidence-board footer{grid-template-columns:1fr 1fr}.sample-note{max-width:245px}.desk-topline{font-size:9px}.interaction-hint{font-size:10px}}
@media(prefers-reduced-motion:reduce){.copy,.mask-wrap,.mask-wrap img,.cracks,.cracks path,.transcript,.clue,.threads,.pattern-card,.evidence-board,.steps button i{transition:none}.wave i{animation:none}}