.spyder-journey{--paper:#f1f3ee;--ink:#252064;--muted:#605d76;--line:#b9bcc4;--accent:#382ac1;--figure:#fafbf8;color:var(--ink);background:var(--paper);font-synthesis:none;color-scheme:light;font-family:Inter,Arial,sans-serif}.spyder-journey *{box-sizing:border-box}.spyder-journey{scroll-behavior:smooth;margin:0;scroll-padding-top:6rem;font-size:16px;line-height:1.6}.spyder-journey a{color:inherit;text-underline-offset:.25em}.spyder-journey button,.spyder-journey input{font:inherit}.spyder-journey button{color:inherit;cursor:pointer}.spyder-journey button:focus-visible,.spyder-journey a:focus-visible,.spyder-journey input:focus-visible,.spyder-journey summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.spyder-journey h1,.spyder-journey h2,.spyder-journey h3,.spyder-journey p,.spyder-journey figure,.spyder-journey blockquote{margin:0}.spyder-journey h1,.spyder-journey h2,.spyder-journey h3{letter-spacing:-.035em;font-weight:500;line-height:1.15}.spyder-journey img,.spyder-journey video,.spyder-journey svg{max-width:100%;display:block}.spyder-journey img{height:auto}.spyder-journey [hidden]{display:none!important}.spyder-journey .wrap{width:min(1216px,100% - 64px);margin-inline:auto}.spyder-journey .topline{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;min-height:78px;font-size:.875rem;display:flex}.spyder-journey .topline nav{align-items:center;gap:1.5rem;display:flex}.spyder-journey .topline a{text-decoration:none}.spyder-journey .topline a:hover{text-decoration:underline}.spyder-journey .draft{color:var(--muted)}.spyder-journey .skip{z-index:50;background:var(--ink);color:var(--paper);padding:10px 20px;position:absolute;top:10px;left:20px;transform:translateY(-150%)}.spyder-journey .skip:focus{transform:none}.spyder-journey .masthead{grid-template-columns:1fr 1.4fr;align-items:end;gap:48px;padding:32px 0 24px;display:grid}.spyder-journey .masthead h1{letter-spacing:-.055em;font-size:clamp(2.5rem,5vw,4rem)}.spyder-journey .masthead .expansion{color:var(--muted);margin-top:8px;font-size:.875rem}.spyder-journey .masthead .deck{max-width:39ch;font-size:clamp(1.125rem,2vw,1.4rem);line-height:1.45}.spyder-journey .byline{color:var(--muted);max-width:60ch;margin-top:14px;font-size:.875rem}.spyder-journey .chapters{border-block:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px;padding-block:12px;display:grid}.spyder-journey .chapters a{align-items:center;gap:12px;min-height:44px;font-size:.875rem;text-decoration:none;display:flex}.spyder-journey .chapters small{color:var(--muted);font-variant-numeric:tabular-nums}.spyder-journey .chapters a[aria-current=step]{text-underline-offset:7px;text-decoration:underline 2px}.spyder-journey .journey{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);align-items:start;gap:48px;display:grid}.spyder-journey .story{min-width:0}.spyder-journey .beat{min-height:80svh;padding:12svh 0 10svh;scroll-margin-top:9rem}.spyder-journey .beat h2{max-width:17ch;margin-bottom:24px;font-size:clamp(1.6rem,2.5vw,2.2rem)}.spyder-journey .beat p{max-width:40ch;margin-top:16px}.spyder-journey .beat blockquote{letter-spacing:-.02em;border-left:2px solid var(--ink);margin:25px 0;padding-left:20px;font-size:1.2rem;line-height:1.5}.spyder-journey .beat .note{color:var(--muted);font-size:.875rem}.spyder-journey .beat .count{color:var(--muted);font-variant-numeric:tabular-nums;margin-bottom:16px;font-size:.875rem;display:block}.spyder-journey .stage{min-width:0;padding-bottom:24px;position:sticky;top:28px}.spyder-journey .plate{aspect-ratio:1;background:var(--figure);position:relative;overflow:hidden}.spyder-journey .scene{position:absolute;inset:0}.spyder-journey .scene>svg,.spyder-journey .scene>img,.spyder-journey .scene>video{object-fit:contain;width:100%;height:100%}.spyder-journey .reference{background:#aa2220}.spyder-journey .reference>svg{width:100%;height:100%}.spyder-journey .vectors{background:var(--figure)}.spyder-journey .vectors .drawing{opacity:1}.spyder-journey .vectors .photo-layer{opacity:0}.spyder-journey .vectors svg{width:100%;height:100%}.spyder-journey .stage-caption{max-width:64ch;min-height:44px;margin-top:14px;font-size:.875rem}.spyder-journey .stage-controls{min-height:66px;margin-top:8px}.spyder-journey .compare-row{grid-template-columns:1fr;gap:3px;display:grid}.spyder-journey .compare-row label{justify-content:space-between;gap:12px;font-size:.875rem;display:flex}.spyder-journey .compare-row input{width:100%;min-height:40px;accent-color:var(--ink);margin:0}.spyder-journey .compare-row .ends{color:var(--muted);justify-content:space-between;font-size:.8rem;display:flex}.spyder-journey .video-note{color:var(--muted);font-size:.875rem}.spyder-journey .stage-status{background:var(--paper);color:var(--ink);z-index:2;padding:5px 10px;font-size:.8rem;position:absolute;top:16px;left:16px}.spyder-journey .mobile-media{display:none}.spyder-journey .noscript-note{background:var(--figure);padding:12px}.spyder-journey .result{border-block:1px solid var(--line);grid-template-columns:1fr 1.4fr;gap:48px;margin-top:32px;padding:48px 0;display:grid}.spyder-journey .result h2{max-width:15ch;font-size:2rem}.spyder-journey .result p+p{margin-top:16px}.spyder-journey .result strong{font-weight:600}.spyder-journey .result ul{padding-left:20px}.spyder-journey .credits{grid-template-columns:1fr 1.4fr;gap:48px;padding:36px 0;font-size:.875rem;display:grid}.spyder-journey .credits h3{margin-bottom:14px;font-size:1.1rem}.spyder-journey .credits p+p{margin-top:10px}.spyder-journey .evidence{margin-top:24px}.spyder-journey .evidence summary{cursor:pointer;min-height:44px;display:list-item}.spyder-journey .evidence table{border-collapse:collapse;width:100%;margin:12px 0;font-size:.875rem}.spyder-journey .evidence th,.spyder-journey .evidence td{border-top:1px solid var(--line);text-align:left;vertical-align:top;padding:12px 0}.spyder-journey .evidence th{width:50%;padding-right:24px;font-weight:500}.spyder-journey .footer{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:16px;padding:24px 0 48px;font-size:.875rem;display:flex}.spyder-journey .footer a{align-items:center;min-height:44px;display:inline-flex}.spyder-journey .sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.spyder-journey .map-title{padding:48px 0 28px}.spyder-journey .map-title h1{margin-bottom:20px;font-size:clamp(2rem,4vw,3rem)}.spyder-journey .map-title p{max-width:62ch}.spyder-journey .story-map{margin:24px 0 60px}.spyder-journey .project-story{border-top:1px solid var(--line);grid-template-columns:1fr 2fr;gap:40px;padding:32px 0;display:grid}.spyder-journey .project-story h2{font-size:1.5rem}.spyder-journey .project-story h3{margin-bottom:14px;font-size:1.05rem}.spyder-journey .project-story p{max-width:65ch}.spyder-journey .project-story .proof{color:var(--muted);margin-top:14px;font-size:.875rem}.spyder-journey .project-story .next{margin-top:10px;font-size:.875rem}.spyder-journey .intro-small{color:var(--muted);font-size:.875rem;margin-top:20px!important}@media (width>=821px){.spyder-journey .stage .plate{width:min(100%,max(320px,100svh - 440px));margin-inline:auto}}.spyder-journey .topline,.spyder-journey .topline nav{flex-wrap:wrap}.spyder-journey .topline{padding-block:12px}.spyder-journey .topline>*{min-width:0}.spyder-journey .topline nav{max-width:100%}.spyder-journey .chapters{grid-template-columns:repeat(4,minmax(0,1fr))}.spyder-journey .chapters a{overflow-wrap:anywhere;min-width:0}.spyder-journey .evidence table{table-layout:fixed}.spyder-journey .evidence th,.spyder-journey .evidence td{overflow-wrap:anywhere}@media (width>=1500px){.spyder-journey .stage{top:8svh}.spyder-journey .beat{min-height:78svh}}@media (height<=660px) and (width>=821px){.spyder-journey .stage{top:12px}.spyder-journey .plate{aspect-ratio:1;max-height:70svh;margin-inline:auto}.spyder-journey .stage-caption{min-height:0;margin-top:8px}.spyder-journey .stage-controls{min-height:44px;margin-top:3px}.spyder-journey .beat{padding-block:9svh}}@media (width<=820px){.spyder-journey .wrap{width:calc(100% - 40px)}.spyder-journey .topline{min-height:64px}.spyder-journey .topline nav{gap:14px}.spyder-journey .masthead{grid-template-columns:1fr;gap:20px;padding-top:32px}.spyder-journey .masthead .deck{max-width:40ch}.spyder-journey .chapters{gap:8px;margin-bottom:0}.spyder-journey .chapters a{flex-direction:column;align-items:flex-start;gap:1px;font-size:.8rem}.spyder-journey .journey{display:block}.spyder-journey .stage{display:none}.spyder-journey .beat{border-bottom:1px solid var(--line);min-height:0;padding:40px 0 50px;scroll-margin-top:20px}.spyder-journey .beat h2{max-width:25ch;margin-bottom:18px}.spyder-journey .beat p{max-width:65ch}.spyder-journey .mobile-media{margin-top:25px;display:block}.spyder-journey .mobile-media .plate{max-width:600px}.spyder-journey .mobile-media figcaption{margin-top:10px;font-size:.875rem}.spyder-journey .result,.spyder-journey .credits{grid-template-columns:1fr;gap:24px}.spyder-journey .result{border-top:0;margin-top:0}.spyder-journey .result h2{max-width:25ch}.spyder-journey .project-story{grid-template-columns:1fr;gap:20px}.spyder-journey .footer{padding-bottom:30px}.spyder-journey .evidence th{width:48%}.spyder-journey .byline{font-size:.875rem}}@media (prefers-reduced-motion:reduce){.spyder-journey{scroll-behavior:auto}}@media (width<=820px){.spyder-journey .masthead .byline{display:none}.spyder-journey .chapters{grid-template-columns:repeat(2,minmax(0,1fr))}.spyder-journey .chapters a{font-size:.875rem;display:block}.spyder-journey .chapters small{margin-right:8px}.spyder-journey .mobile-media{margin-bottom:24px}.spyder-journey .compare-row label{flex-wrap:wrap}.spyder-journey .topline nav{gap:10px 14px}}@media print{.spyder-journey .stage,.spyder-journey .chapters,.spyder-journey .stage-controls,.spyder-journey .topline nav{display:none}.spyder-journey .wrap{width:100%}.spyder-journey .journey{display:block}.spyder-journey .beat{break-inside:avoid;min-height:0;padding:25px 0}.spyder-journey .mobile-media{max-width:320px;display:block}.spyder-journey .result,.spyder-journey .credits{display:block}.spyder-journey .result h2,.spyder-journey .credits h3{margin-bottom:20px}.spyder-journey video{display:none}}.spyder-journey .result>*,.spyder-journey .credits>*,.spyder-journey .masthead>*{overflow-wrap:anywhere;min-width:0}