.header{position:sticky;top:0;z-index:30;background:var(--paper);height:88px;margin:0;padding:0 5%;border-bottom:1px solid var(--line)}.header nav{gap:28px}.header nav a{font-size:12px}.language-switch{display:flex;align-items:center;gap:3px;background:#e6e2d7;border:1px solid #bdb9aa;padding:4px;white-space:nowrap}.language-switch button{font:600 12px var(--body);border:0;background:none;padding:9px 12px;color:var(--muted);cursor:pointer}.language-switch>span{font-size:10px;color:#a2a092}.language-switch button[aria-pressed=true]{background:var(--ink);color:var(--paper)}button:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.lost-head h1{font-size:clamp(65px,10vw,145px)}.lost-cover{background:#201b17}.lost-cover img{width:100%;height:auto;max-height:670px;object-fit:contain}.project-intro{display:flex;justify-content:space-between;gap:30px;padding:30px 0;border-bottom:1px solid var(--line)}.project-intro>p{font-family:var(--display);font-size:clamp(22px,2.5vw,35px);line-height:1.35;letter-spacing:-.8px;max-width:650px}.project-intro>div{display:flex;flex-direction:column;gap:9px;min-width:160px;font-family:var(--display);font-size:9px;letter-spacing:1px;color:var(--muted)}.long-case{display:grid;grid-template-columns:215px minmax(0,1fr);gap:65px;margin:15px 5% 0;align-items:start}.case-nav{position:sticky;top:120px;max-height:calc(100vh - 145px);overflow:auto;padding-right:10px}.case-nav>.eyebrow{color:var(--muted);display:block;margin-bottom:22px}.case-nav nav{display:flex;flex-direction:column;gap:0}.case-nav nav a{display:flex;gap:11px;padding:10px 0;font-size:11px;line-height:1.65;border-bottom:1px solid var(--line)}.case-nav a>span{font:10px var(--display);color:#88897c;padding-top:3px;min-width:17px}.case-nav nav a:hover,.case-nav a[aria-current]{color:var(--orange)}.case-back{display:block;margin-top:25px;font-size:10px;letter-spacing:.7px}.study-section{scroll-margin-top:115px;padding:30px 0 50px;border-bottom:1px solid var(--line)}.study-section:first-child{padding-top:0}.study-section-head{margin:0 0 42px}.study-section-head>.eyebrow{color:var(--orange)}.study-section h2{font:500 clamp(28px,3vw,42px)/1.2 var(--display);letter-spacing:-1.3px;margin-top:14px;max-width:740px}.study-block{margin-bottom:42px}.study-block:last-child{margin-bottom:0}.study-block h3{font:500 21px/1.5 var(--display);letter-spacing:-.45px;margin-bottom:18px;max-width:760px}.study-block p{font:400 15px/1.95 var(--body);color:#4b4e46;max-width:740px;margin-bottom:17px}.study-block p:last-child{margin-bottom:0}.figure-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px;margin:28px 0 35px}.figure-grid.single{grid-template-columns:1fr}.image-button{position:relative;width:100%;background:#e7e3d9;border:0;padding:0;display:block;cursor:zoom-in}.image-button img{width:100%;height:auto;max-height:480px;object-fit:contain}.figure-grid:not(.single) .image-button{height:280px;display:grid;align-items:center}.figure-grid:not(.single) .image-button img{height:100%;max-height:280px;object-fit:contain}.poster .image-button{max-width:330px;background:transparent}.single .poster{max-width:370px}.poster img{max-height:480px!important;width:auto;margin:0 auto}.study-figure figcaption{font-size:11px!important;line-height:1.7!important;color:var(--muted);padding-top:12px;max-width:620px}.zoom-hint{position:absolute;bottom:10px;right:10px;font:10px var(--display);letter-spacing:.5px;padding:7px 9px;background:#f3f0e8ed;color:var(--ink);opacity:0;transition:opacity .2s}.image-button:hover .zoom-hint,.image-button:focus-visible .zoom-hint{opacity:1}.study-section#playtest .study-block:not(:last-child){border-bottom:1px dashed var(--line);padding-bottom:26px;margin-bottom:28px}.case-end{padding:45px 0 70px}.case-end>.orange{font-size:52px}.case-end p{margin:20px 0 25px;font-size:15px;color:var(--muted)}.image-modal{background:#1e201cf7;color:var(--paper);border:0;padding:45px 30px 25px;max-width:96vw;width:max-content;max-height:95vh;overflow:auto}.image-modal::backdrop{background:#10110fe0}.image-modal figure{margin:0}.image-modal img{max-width:88vw;max-height:78vh;object-fit:contain;margin:auto}.image-modal figcaption{max-width:900px;font:12px/1.6 var(--body);margin-top:17px;color:#e5e2d7}.modal-close{position:absolute;right:10px;top:5px;width:37px;height:37px;font-size:29px;background:transparent;color:white;border:0;cursor:pointer}.image-modal[open]{animation:modal-in .15s ease-out}@keyframes modal-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}html[lang=zh-CN] .study-block p{line-height:2.05}html[lang=zh-CN] .study-section h2{font-family:var(--body);font-size:34px;letter-spacing:0}html[lang=zh-CN] .study-block h3{font-family:var(--body);font-size:20px;letter-spacing:0}
@media(min-width:1450px){.long-case{grid-template-columns:250px minmax(0,1fr);gap:100px}.study-block p{font-size:16px}.figure-grid:not(.single) .image-button{height:340px}.figure-grid:not(.single) .image-button img{max-height:340px}.long-case-body{max-width:1060px}}
@media(max-width:1000px){.long-case{grid-template-columns:170px minmax(0,1fr);gap:30px}.case-nav nav a{font-size:10px}.study-block p{font-size:14px}.figure-grid:not(.single) .image-button{height:210px}.figure-grid:not(.single) .image-button img{max-height:210px}.brand-word{display:none}}
@media(max-width:700px){.header{height:auto;min-height:78px;flex-wrap:wrap;gap:12px;padding-top:12px;padding-bottom:12px}.brand{font-size:30px}.brand-dot{font-size:32px}.header nav{gap:15px;margin-left:auto}.header nav a{font-size:10px}.language-switch{margin-left:0}.language-switch button{padding:7px 9px;font-size:11px}.long-case{display:block;margin-top:0}.case-nav{position:static;max-height:none;overflow:visible;padding:0;margin:0 0 30px;border-bottom:1px solid var(--line)}.case-nav nav{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.case-nav>.eyebrow{margin-bottom:12px}.case-nav nav a{font-size:10px;padding:9px 0}.case-back{display:none}.study-section{padding:28px 0 32px;scroll-margin-top:112px}.study-section-head{margin-bottom:28px}.study-section h2{font-size:29px;letter-spacing:-.6px}.study-block h3{font-size:18px;line-height:1.5}.study-block p{font-size:14px;line-height:1.95}.study-block{margin-bottom:34px}.figure-grid{gap:20px 14px}.figure-grid:not(.single) .image-button{height:200px}.figure-grid:not(.single) .image-button img{max-height:200px}.study-figure figcaption{font-size:10px!important}.project-intro{flex-direction:column;padding:25px 0;gap:20px}.project-intro>div{flex-direction:row;flex-wrap:wrap;font-size:8px;gap:15px}.project-head.lost-head{padding-top:25px}.lost-head h1{font-size:16vw}.lost-head .project-title-line{margin-top:30px}.lost-cover img{min-height:200px}.zoom-hint{opacity:1;font-size:8px;padding:5px}.image-modal{padding:43px 12px 18px}.image-modal img{max-width:87vw}.image-modal figcaption{font-size:11px}.case-end{padding-bottom:25px}html[lang=zh-CN] .study-section h2{font-size:28px}}
@media(max-width:420px){.header nav{order:3;width:100%;justify-content:space-between;margin:0}.language-switch{margin-left:auto}.figure-grid{grid-template-columns:1fr}.figure-grid:not(.single) .image-button{height:auto;max-height:400px}.figure-grid:not(.single) .image-button img{height:auto;max-height:400px}.study-section{scroll-margin-top:125px}.case-nav nav{grid-template-columns:1fr 1fr;gap:0 12px}}
.trigger-script{margin:40px 0 0}.trigger-script-heading{margin-bottom:25px}.trigger-script-heading .eyebrow{color:var(--orange)}.trigger-script-heading h3{font:500 23px/1.4 var(--display);margin-top:10px}.trigger-row{display:grid;grid-template-columns:210px minmax(0,1fr);gap:25px;padding:25px 0;border-top:1px solid var(--line)}.trigger-context{display:flex;flex-direction:column;gap:9px}.trigger-number{font:11px var(--display);color:var(--orange)}.trigger-context strong{font:500 12px/1.7 var(--body)}.trigger-cue{font:11px/1.7 var(--body);color:var(--muted)}.trigger-row blockquote{font:400 16px/1.9 var(--body);margin:0;color:var(--ink);padding-left:18px;border-left:2px solid var(--orange);align-self:center}.trigger-row:last-child{border-bottom:1px solid var(--line)}@media(max-width:1000px){.trigger-row{grid-template-columns:1fr;gap:14px}.trigger-context{gap:5px}.trigger-row blockquote{font-size:14px}.trigger-context strong{font-size:12px}}
.walkthrough-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:30px 0}.walkthrough-stop{display:flex;flex-direction:column;min-width:0}.walkthrough-label{display:flex;align-items:baseline;gap:8px;margin-bottom:12px}.walkthrough-label>span{font:12px var(--display);color:var(--orange)}.walkthrough-label h4{font:500 14px/1.5 var(--display);margin:0}.walkthrough-stop p{font-size:12px!important;line-height:1.7!important;margin:0 0 16px!important}.walkthrough-stop .figure-grid{display:block;margin:0;margin-top:auto}.walkthrough-stop .study-figure figcaption{display:none}.walkthrough-stop .image-button{height:130px;display:flex;align-items:center}.walkthrough-stop .image-button img{height:130px;object-fit:contain}.walkthrough-stop .zoom-hint{font-size:8px;padding:4px;bottom:4px;right:4px}.route-overview .figure-grid{margin-top:24px}.route-overview .image-button img{max-height:none}.route-overview{padding-bottom:5px;border-bottom:1px solid var(--line)}@media(max-width:1100px){.walkthrough-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 20px}.walkthrough-stop .image-button,.walkthrough-stop .image-button img{height:180px}.walkthrough-stop p{font-size:13px!important}}@media(max-width:420px){.walkthrough-strip{grid-template-columns:1fr}.walkthrough-stop .image-button{height:auto}.walkthrough-stop .image-button img{height:auto}.walkthrough-stop p{font-size:14px!important}.walkthrough-label h4{font-size:17px}}
.project-video-wrap{background:#181715}.project-video{width:100%;height:auto;aspect-ratio:31/18;display:block;background:#181715;max-height:76vh;object-fit:contain}.video-caption{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:17px 20px;background:#e7e3d9;font:10px/1.6 var(--display);letter-spacing:.6px}.video-caption span{color:var(--muted)}.video-caption a{border-bottom:1px solid currentColor;padding-bottom:2px}.video-caption a:hover{color:var(--orange)}.card-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none;transition:opacity .25s;z-index:3}.art.is-previewing .card-preview{opacity:1}.preview-label{position:absolute;right:15px;bottom:15px;padding:7px 10px;background:#f3f0e8ed;color:var(--ink);font:9px var(--display);letter-spacing:1px;z-index:4;pointer-events:none}.art.is-previewing .preview-label{opacity:0}.project-card:focus-visible .art{outline:2px solid var(--orange);outline-offset:4px}@media(hover:none){.preview-label{display:none}}@media(max-width:650px){.video-caption{flex-direction:column;align-items:flex-start;padding:13px 15px;font-size:9px;gap:10px}.project-video{max-height:none}}