.landing{overflow:clip}
.evidence-world{--world-bg:#232c28;--world-cream:#f1ede3;--world-paper:#ede4d4;--world-board:#c8d1c4;--world-note:#f4e6a0;--world-height:clamp(840px,100svh,1120px);--world-scroll:145svh;position:relative;isolation:isolate;height:calc(var(--world-height) + var(--world-scroll));background:var(--world-bg);color:var(--world-cream)}
.evidence-world:before{content:"";position:absolute;z-index:2;left:0;right:0;top:-25px;height:35px;background:var(--world-bg);clip-path:polygon(0 55%,8% 46%,17% 57%,28% 45%,41% 54%,55% 42%,69% 54%,81% 43%,92% 51%,100% 40%,100% 100%,0 100%);pointer-events:none}
.world-sticky{position:sticky;top:0;height:var(--world-height);isolation:isolate}
.world-scene{position:relative;width:min(100%,1740px);height:100%;margin:0 auto;overflow:clip;container-type:inline-size;perspective:1500px;--world-pointer-x:0;--world-pointer-y:0}
.world-back-shape{position:absolute;left:17%;top:4%;width:67%;height:84%;background:#dcff3006;clip-path:polygon(51% 0,80% 0,29% 100%,0 100%);pointer-events:none}
.world-back-shape:after{content:"";position:absolute;inset:0;background:#dcff3006;clip-path:polygon(80% 0,100% 0,55% 100%,35% 100%)}
.world-title{position:absolute;z-index:3;left:4.5%;top:9%;margin:0;font:950 8.05cqw/.83 var(--display);letter-spacing:-.09em;pointer-events:none}
.world-title>span{display:block;white-space:nowrap}
.world-title>span+span{margin-top:.04em}
.world-lime{color:#dcff30}
.world-title svg{display:block;overflow:visible;width:61%;height:28px;color:var(--red);margin:12px 0 0 4%}
.world-intro{position:absolute;z-index:3;left:4.7%;top:34%;width:25.2%;margin:0;font:400 1.35cqw/1.4 var(--body);letter-spacing:-.02em}
.world-shelf{position:absolute;z-index:0;left:-4%;right:-4%;bottom:6%;height:11%;transform:rotate(1.4deg);background:#514d3c;border-top:2px solid #988d70;box-shadow:0 15px 0 #141f19,0 24px 30px #101a1755;clip-path:polygon(3% 0,100% 26%,99% 100%,0 58%)}
.world-shelf span{position:absolute;inset:0;background:repeating-linear-gradient(3deg,transparent 0 6px,#d4c19925 7px 8px,transparent 9px 18px);opacity:.65}
.world-folder-anchor{position:absolute;z-index:1;left:36%;top:60%;width:50%;height:25%;perspective:1200px}
.world-folder{position:relative;width:100%;height:100%;transform:rotate(-6deg);transform-style:preserve-3d}
.world-folder-back{position:absolute;inset:0;background:#bbae86;border:2px solid #3e4938;border-radius:10px 12px 5px 6px;box-shadow:5px 8px 0 #101a1780,12px 24px 25px #101a1740;clip-path:polygon(0 8%,5% 1%,30% 1%,34% 8%,98% 8%,100% 100%,0 100%)}
.world-folder-spine{position:absolute;inset:84% -1% -5% 0;background:#8a8162;border:2px solid #3b4434;transform:skewX(-7deg)}
.world-folder-flap{position:absolute;inset:13% 1% 0 0;transform:rotateX(-74deg);transform-origin:50% 100%;background:#d1c59e;border:2px solid #494f3c;border-radius:5px 5px 9px 8px;box-shadow:0 6px 0 #80795f;backface-visibility:visible}
.world-folder-flap>span{position:absolute;left:8%;top:20%;font:700 1.5cqw/1.2 var(--mono);letter-spacing:-.06em;color:#384030}
.world-folder-flap strong{font-size:3cqw}
.world-asset-anchor{position:absolute}
.world-parallax{width:100%;height:100%;transition:transform .3s ease-out}
.world-parallax--middle{transform:translate(calc(var(--world-pointer-x) * 4px),calc(var(--world-pointer-y) * 3px))}
.world-parallax--board{transform:translate(calc(var(--world-pointer-x) * 5px),calc(var(--world-pointer-y) * 4px))}
.world-parallax--front{transform:translate(calc(var(--world-pointer-x) * 8px),calc(var(--world-pointer-y) * 6px))}
.world-object{position:relative;display:block;width:100%;height:100%;padding:0;margin:0;color:#232c28;isolation:isolate;transition:transform .23s ease-out,box-shadow .23s ease-out}
.world-object:focus-visible,.world-node:focus-visible{outline:3px solid #dcff30;outline-offset:8px}
.world-browser-anchor{z-index:2;right:4%;top:12%;width:47%;aspect-ratio:1.73}
.world-browser{background:var(--world-paper);border:2px solid #46503c;border-radius:24px 25px 12px 15px;box-shadow:6px 10px 0 #9c9f8880,15px 25px 32px #101a1766;transform:rotate(7deg);text-align:left;overflow:hidden}
.world-browser-chrome{display:flex;align-items:center;gap:9px;height:14%;padding:1% 4%;border-bottom:1px solid #7b806c66;color:#232c28}
.world-browser-chrome>i{display:block;flex:none;width:12px;height:12px;border-radius:50%;background:#f04428;box-shadow:inset 1px 1px 0 #ffffff66}
.world-browser-chrome>i:nth-child(2){background:#e3b63d}.world-browser-chrome>i:nth-child(3){background:#7d9856}
.world-browser-chrome>span{margin-left:auto;margin-right:13%;font:400 1.05cqw/1.2 var(--mono);letter-spacing:-.03em}
.world-browser-content{display:flex;align-items:center;justify-content:space-between;gap:4%;height:86%;padding:4% 5% 5%}
.world-browser-copy{display:block;flex:1;min-width:0}
.world-browser-copy>strong{display:block;font:950 italic 3.15cqw/.91 var(--display);letter-spacing:-.065em}
.world-browser-copy>span{display:block;margin-top:15px;padding-top:13px;border-top:1px solid #232c28;font:400 1.02cqw/1.35 var(--mono);letter-spacing:-.04em}
.world-house-picture{position:relative;display:block;flex:none;width:43%;height:100%;overflow:hidden;background:#b5c0a9;transform:rotate(-1deg)}
.world-house-picture>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease-out}
.world-house-picture>svg{position:absolute;inset:0;width:100%;height:100%;color:var(--red);overflow:visible}
.world-receipt-anchor{z-index:5;left:32%;top:48%;width:17%;height:43%}
.world-receipt{border:0;background:var(--world-paper);padding:12% 10% 14%;transform:rotate(-12deg);box-shadow:7px 12px 0 #101a1766;clip-path:polygon(0 0,100% 0,100% 96%,95% 100%,90% 96%,85% 100%,80% 96%,75% 100%,70% 96%,65% 100%,60% 96%,55% 100%,50% 96%,45% 100%,40% 96%,35% 100%,30% 96%,25% 100%,20% 96%,15% 100%,10% 96%,5% 100%,0 96%);text-align:left}
.world-receipt-caption{display:block;text-align:center;font:700 .89cqw/1.2 var(--mono);letter-spacing:-.05em;white-space:nowrap}
.world-receipt-time{position:relative;display:block;text-align:center;margin:9% 0 13%;font:950 4.1cqw/.95 var(--display);letter-spacing:-.08em}
.world-receipt-time>svg{position:absolute;inset:-28% -10%;width:120%;height:150%;color:var(--red);overflow:visible}
.world-receipt-row{display:flex;justify-content:space-between;gap:8px;padding:8% 0 4%;border-bottom:1px dashed #7d826b;font:400 .87cqw/1.1 var(--mono);letter-spacing:-.05em}
.world-receipt-row b{font-weight:700;white-space:nowrap}
.world-receipt>em{display:block;margin-top:13%;text-align:center;font:italic 1.8cqw/1.05 Georgia,serif;letter-spacing:-.035em}
.world-board-anchor{z-index:4;left:46%;top:55%;width:37%;aspect-ratio:1.8}
.world-board{background:var(--world-board);border:2px solid #66745e;border-radius:13px 9px 14px 10px;padding:4% 4% 5%;transform:rotate(-7deg);box-shadow:6px 10px 0 #829078,14px 24px 26px #101a1780}
.world-board>h3{margin:0;padding:0 0 2% 12%;border-bottom:1px solid #596851;font:700 1.05cqw/1.2 var(--mono);letter-spacing:-.02em}
.world-board-materials{position:absolute;inset:16% 2% 4%;isolation:isolate}
.world-node{position:absolute;z-index:1;width:25%;height:73%;border:0;padding:4px 5px 8px;background:#eee6d4;color:#232c28;box-shadow:3px 5px 0 #26332255;transform:rotate(-3deg);transition:transform .2s ease-out,box-shadow .2s;display:flex;flex-direction:column;gap:7px;align-items:stretch;justify-content:space-between}
.world-node--messages{left:6%;top:11%;transform:rotate(-6deg)}
.world-node--time{left:37%;top:18%;transform:rotate(3deg)}
.world-node--suspect{left:68%;top:8%;transform:rotate(-3deg)}
.world-node>strong{font:700 .8cqw/1 var(--mono);letter-spacing:-.04em;white-space:nowrap}
.world-polaroid-image{position:relative;display:block;width:100%;min-height:0;flex:1;background:#a9b4a1;overflow:hidden}
.world-polaroid-image>img,.world-polaroid-image>svg{display:block;width:100%;height:100%;object-fit:cover}
.world-polaroid-phone>svg{position:absolute;top:2%;left:20%;height:110%;width:69%;transform:rotate(-15deg)}
.world-polaroid-phone>span{position:absolute;top:45%;left:29%;width:46%;height:15%;background:#c8d1b8;border-radius:3px;transform:rotate(-15deg)}
.world-threads{position:absolute;inset:0;width:100%;height:100%;z-index:3;overflow:visible;pointer-events:none}
.world-thread{stroke:var(--red);stroke-width:6;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;transition:stroke-width .2s}
.world-thread-shadow{stroke:#18302166;stroke-width:8;stroke-linecap:round;vector-effect:non-scaling-stroke;transform:translateY(3px)}
.world-pin{position:absolute;z-index:4;width:17px;height:17px;border:2px solid #b63621;border-radius:50%;background:var(--red);box-shadow:inset 1px 2px 0 #ffba9b,2px 4px 0 #24302155;pointer-events:none}
.world-pin--one{left:17.5%;top:23%}.world-pin--two{left:49%;top:67%}.world-pin--three{left:80.5%;top:20%}
.world-note-anchor{z-index:6;right:3%;top:50.5%;width:17%;height:31%}
.world-note{border:1px solid #d4c779;background:var(--world-note);padding:12% 10%;transform:rotate(-4deg);box-shadow:5px 8px 0 #101a1750;text-align:left}
.world-note-caption{display:block;font:700 .91cqw/1 var(--mono);letter-spacing:-.05em;white-space:nowrap}
.world-note>em{display:block;margin-top:15%;font:italic 2.45cqw/.96 Georgia,serif;letter-spacing:-.045em}
.world-note>svg{display:block;width:95%;height:21px;margin-top:5px;color:var(--red);overflow:visible}
.world-discovery-line{position:absolute;inset:0;z-index:7;width:100%;height:100%;overflow:visible;pointer-events:none}
.world-discovery-path{fill:none;stroke:var(--red);stroke-width:3;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .35s ease-out}
.evidence-world[data-focus] .world-discovery-path{stroke-dashoffset:0}
.world-object:hover:not(:disabled),.world-object:focus-visible{box-shadow:8px 15px 0 #101a1770,13px 26px 24px #101a1755}
.world-browser:hover:not(:disabled),.world-browser:focus-visible,.evidence-world[data-focus="time"] .world-browser{transform:translateY(-5px) rotate(5.5deg)}
.world-browser:hover:not(:disabled) .world-house-picture>img,.evidence-world[data-selected="browser"] .world-house-picture>img{transform:scale(1.055)}
.world-receipt:hover:not(:disabled),.world-receipt:focus-visible,.evidence-world[data-selected="receipt"] .world-receipt{transform:translateY(-9px) rotate(-9deg)}
.world-note:hover:not(:disabled),.world-note:focus-visible,.evidence-world[data-selected="note"] .world-note{transform:translateY(-6px) rotate(-1deg)}
.world-node:hover:not(:disabled),.world-node:focus-visible{transform:translateY(-5px) rotate(0) scale(1.035);box-shadow:4px 9px 0 #26332266}
.evidence-world[data-focus="time"] .world-node--time,.evidence-world[data-focus="suspect"] .world-node--suspect,.evidence-world[data-focus="messages"] .world-node--messages{transform:translateY(-5px) rotate(0) scale(1.04);box-shadow:4px 8px 0 #26332266}
.evidence-world[data-focus="time"] .world-thread,.evidence-world[data-focus="suspect"] .world-thread--second,.evidence-world[data-focus="messages"] .world-thread--first{stroke-width:8}
.world-object:disabled,.world-node:disabled{cursor:default}
@media(min-width:1800px){.world-title{font-size:7.9cqw}.world-intro{top:36%;font-size:1.3cqw}.world-browser-anchor{top:13%}.world-receipt-anchor{top:48%}}
@media(min-width:768px) and (max-width:1100px){
  .evidence-world{--world-height:1060px;--world-scroll:120svh}
  .world-title{top:6%;font-size:10.5cqw;left:5%}
  .world-intro{top:25%;width:38%;font-size:clamp(16px,1.9cqw,21px);left:5%}
  .world-browser-anchor{right:5%;top:37%;width:54%}
  .world-browser-copy>strong{font-size:3.5cqw}
  .world-browser-copy>span{font-size:clamp(12px,1.4cqw,17px);margin-top:10px;padding-top:10px}
  .world-browser-chrome>span{font-size:clamp(12px,1.35cqw,16px)}
  .world-receipt-anchor{left:8%;top:50%;width:25%;height:35%}
  .world-receipt-caption{font-size:clamp(11px,1.3cqw,16px)}
  .world-receipt-time{font-size:6cqw}
  .world-receipt-row{font-size:clamp(11px,1.25cqw,16px)}
  .world-receipt>em{font-size:2.4cqw}
  .world-board-anchor{left:35%;top:68%;width:52%}
  .world-board>h3{font-size:clamp(12px,1.45cqw,17px)}
  .world-node>strong{font-size:clamp(10px,1.15cqw,14px)}
  .world-node{gap:5px}
  .world-note-anchor{right:3%;top:51%;width:22%;height:20%}
  .world-note-caption{font-size:clamp(11px,1.2cqw,15px)}
  .world-note>em{font-size:3cqw}
  .world-folder-anchor{left:20%;top:65%;width:70%;height:23%}
  .world-folder-flap>span{font-size:2cqw}
  .world-shelf{bottom:4%;height:9%}
}
@media(max-width:767px){
  .evidence-world{--world-height:1600px;height:var(--world-height)}
  .world-sticky{position:relative;height:100%}
  .world-title{left:5%;top:5%;font-size:13cqw}
  .world-title svg{height:23px;margin-top:8px}
  .world-intro{left:7%;top:15.3%;width:84%;font-size:clamp(16px,4.2cqw,23px);line-height:1.4}
  .world-browser-anchor{left:7%;right:auto;top:27%;width:85%;aspect-ratio:1.35}
  .world-browser{transform:rotate(4deg);border-radius:15px}
  .world-browser-chrome{gap:7px;padding-left:6%}
  .world-browser-chrome>i{width:9px;height:9px}
  .world-browser-chrome>span{font-size:3.25cqw;margin-right:6%}
  .world-browser-content{gap:3%;padding:5%}
  .world-browser-copy>strong{font-size:6.6cqw}
  .world-browser-copy>span{font-size:clamp(12px,3.2cqw,16px);line-height:1.35;margin-top:12px;padding-top:10px;letter-spacing:-.045em}
  .world-house-picture{width:40%}
  .world-receipt-anchor{left:10%;top:51%;width:42%;height:22%}
  .world-receipt{transform:rotate(-7deg)}
  .world-receipt-caption{font-size:clamp(10px,2.75cqw,14px);white-space:normal}
  .world-receipt-time{font-size:10.6cqw;margin:12% 0 15%}
  .world-receipt-row{font-size:clamp(10px,2.8cqw,14px);padding-top:8%;padding-bottom:5%}
  .world-receipt>em{font-size:clamp(18px,5cqw,26px);margin-top:14%}
  .world-note-anchor{right:5%;top:54%;width:40%;height:14%}
  .world-note{padding:13% 10%;transform:rotate(4deg)}
  .world-note-caption{font-size:clamp(10px,2.55cqw,14px)}
  .world-note>em{font-size:6.5cqw;margin-top:15%}
  .world-note>svg{height:16px}
  .world-board-anchor{left:6%;top:77%;width:88%;aspect-ratio:1.55}
  .world-board{transform:rotate(-3deg);border-radius:9px}
  .world-board>h3{font-size:clamp(12px,3.25cqw,17px);padding-bottom:3%;padding-left:0}
  .world-node{padding:4px 4px 7px;gap:5px}
  .world-node>strong{font-size:clamp(10px,2.15cqw,13px);letter-spacing:-.08em}
  .world-pin{width:12px;height:12px}
  .world-thread{stroke-width:3}
  .world-thread-shadow{stroke-width:4}
  .evidence-world[data-focus="time"] .world-thread,.evidence-world[data-focus="suspect"] .world-thread--second,.evidence-world[data-focus="messages"] .world-thread--first{stroke-width:4}
  .world-folder-anchor{left:10%;top:36%;width:80%;height:15%}
  .world-folder-flap>span{font-size:4.5cqw}
  .world-folder-flap strong{font-size:8cqw}
  .world-shelf{bottom:5%;height:6%}
  .world-browser:hover:not(:disabled),.world-browser:focus-visible,.evidence-world[data-focus="time"] .world-browser{transform:translateY(-4px) rotate(2deg)}
  .world-receipt:hover:not(:disabled),.world-receipt:focus-visible,.evidence-world[data-selected="receipt"] .world-receipt{transform:translateY(-5px) rotate(-4deg)}
  .world-note:hover:not(:disabled),.world-note:focus-visible,.evidence-world[data-selected="note"] .world-note{transform:translateY(-4px) rotate(2deg)}
  .world-parallax{transform:none!important}
}
@media(min-width:501px) and (max-width:767px){.evidence-world{--world-height:2000px}.world-intro{font-size:3.4cqw;top:17%}.world-browser-anchor{top:29%}.world-receipt-anchor{top:53%;height:23%}.world-note-anchor{top:56%;height:16%}.world-board-anchor{top:77%}}
@media(max-width:380px){.evidence-world{--world-height:1480px}.world-intro{font-size:16px;top:14%}.world-browser-anchor{top:27%}.world-receipt-anchor{top:49%;height:21%}.world-note-anchor{top:52%;height:13%}.world-board-anchor{top:76%}}
@media(prefers-reduced-motion:reduce){
  .evidence-world{height:var(--world-height)}
  .world-sticky{position:relative}
  .world-parallax{transform:none!important}
  .world-object:hover:not(:disabled),.world-object:focus-visible{transform:none}
}
