
:root{font-family:-apple-system,"SF Pro Text","PingFang SC","Noto Sans SC",sans-serif;color:#17191a;background:#eee9de}*{box-sizing:border-box}body{margin:0;min-width:320px}a{color:inherit}.page{max-width:1600px;margin:auto;padding:0 clamp(20px,6vw,90px) 100px}.top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 0}.back{text-decoration:none;font-size:12px;font-weight:800}.back span{color:#d93630;font-size:23px;vertical-align:-2px;margin-right:8px}.top-meta{font-size:10px;letter-spacing:.16em;color:#77736c;font-weight:800}.intro{display:grid;grid-template-columns:1fr minmax(280px,380px);gap:35px;align-items:end;padding:clamp(45px,8vh,100px) 0 45px}.eyebrow{font-size:11px;letter-spacing:.18em;color:#d93630;font-weight:900}h1{font-size:clamp(85px,12vw,175px);letter-spacing:-.11em;line-height:.93;margin:13px 0 0}h1 b{color:#d93630}.intro p{font-size:15px;line-height:1.8;color:#5d5952;margin:0 0 7px}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:baseline;border-top:2px solid #17191a;padding:15px 0 23px}.section-head h2{margin:0;font-size:21px;letter-spacing:-.04em}.section-head small{font-size:11px;color:#716c64}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:75px}.grid .scene{min-height:420px}.scene{min-width:0;min-height:350px;display:flex;flex-direction:column;background:#f7f3eb;border:1px solid #a9a196;position:relative;overflow:hidden}.scene:before{content:"";height:8px;background:var(--signal)}.scene.active{--signal:#d93630;background:#fbf8f0;box-shadow:0 9px 0 #d9363018}.scene.active .state{background:#d93630;color:#fff}.scene.stale{--signal:#a58d68;background:repeating-linear-gradient(135deg,#f1eadf 0 12px,#eee6d9 12px 24px)}.scene.stale .state{background:#a58d68;color:#fff}.scene.ended{--signal:#4b7778;background:#e7eeee}.scene.ended .state{background:#4b7778;color:#fff}.scene.dead{--signal:#212426;background:#272b2b;color:#f5f0e6}.scene.dead .state{color:#f5f0e6;border-color:#7d8480}.scene.dead p,.scene.dead .scene-index,.scene.dead .scene-stat small,.scene.dead .note-count{color:#b6bcb8}.scene.dead .scene-stat,.scene.dead .scene-actions{border-color:#67716e}.scene.dead .scene-actions a+a{border-color:#67716e}.scene-body{display:flex;flex-direction:column;flex:1;padding:25px 25px 23px}.scene-top{display:flex;justify-content:space-between;gap:10px;align-items:start}.scene-index{font-size:10px;font-weight:800;letter-spacing:.15em;color:#817c73}.state{font-size:11px;font-weight:900;color:var(--signal);border:1px solid currentColor;padding:5px 7px;white-space:nowrap}.scene h3{font-size:clamp(26px,2.7vw,40px);line-height:1.18;letter-spacing:-.065em;margin:38px 0 12px}.scene p{font-size:13px;line-height:1.7;color:#625e57;margin:0 0 24px;max-width:340px}.scene-stat{border-top:1px solid #b9b1a7;padding-top:15px;margin-top:auto;display:flex;justify-content:space-between;gap:12px;align-items:end}.scene-stat strong{display:block;font-size:32px;letter-spacing:-.06em}.scene-stat small{display:block;font-size:10px;color:#777168;line-height:1.5}.scene-stat .note-count{font-size:11px;font-weight:700;white-space:nowrap;color:#5c5851}.scene-actions{display:flex;border-top:1px solid #b9b1a7}.scene-actions a{display:block;flex:1;padding:15px 25px;text-decoration:none;font-size:12px;font-weight:800}.scene-actions a+a{border-left:1px solid #b9b1a7}.scene-actions a:hover,.scene-actions a:focus-visible{background:#181c1e;color:white}.scene-actions .work-link{color:#246b71}.archive{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:65px}.archive.stale-list{grid-template-columns:1fr}.stale-list .scene{min-height:270px}.stale-list .scene h3{margin-top:18px}.archive .scene{min-height:290px}.archive .scene h3{margin-top:25px;font-size:clamp(24px,2.2vw,33px)}.archive .scene-stat strong{font-size:15px;letter-spacing:0}.demo-note{font-size:11px;color:#777168;border-top:1px solid #aaa297;padding:16px 0;margin:0;line-height:1.6}.notes-view{max-width:950px;margin:40px auto 0}.notes-back{display:inline-block;text-decoration:none;font-size:12px;font-weight:800;color:#d93630;margin:0 0 50px}.notes-kicker{font-size:11px;font-weight:900;letter-spacing:.18em;color:#d93630}.notes-view h1{font-size:clamp(54px,8vw,105px);line-height:1.08;margin:14px 0 30px}.notes-summary{font-size:15px;line-height:1.8;color:#625d56;max-width:680px;margin-bottom:50px}.notes-row{display:grid;grid-template-columns:125px 1fr auto;gap:20px;align-items:baseline;padding:22px 2px;border-top:1px solid #aaa297}.notes-row:first-child{border-top:2px solid #17191a}.notes-row time,.notes-row small{font-size:11px;color:#777168}.notes-row strong{font-size:clamp(19px,2.3vw,29px);letter-spacing:-.04em}.notes-empty{padding:30px 0;border-top:2px solid #17191a;color:#68645c}.notes-related{display:inline-block;margin-top:40px;color:#246b71;font-size:13px;font-weight:800}.page-foot{height:110px;background:#0b0e11;position:relative;overflow:hidden}.page-foot:before{content:"";position:absolute;left:0;top:0;width:52%;height:100%;background:#eee9de;clip-path:polygon(0 0,100% 0,94% 100%,0 100%)}.page-foot:after{content:"";position:absolute;right:17%;top:30%;width:28px;height:28px;border-radius:50%;background:#e03630;box-shadow:-90px 38px 0 -8px #e03630}[hidden]{display:none!important}@media(max-width:950px){.archive{grid-template-columns:repeat(2,minmax(0,1fr))}.intro{grid-template-columns:1fr}.intro p{max-width:520px}}@media(max-width:600px){.top-meta{display:none}.intro{padding:55px 0 45px}h1{font-size:94px}.grid,.archive{grid-template-columns:1fr}.scene,.grid .scene{min-height:310px}.scene h3{margin-top:30px}.section-head{display:block}.section-head small{display:block;margin-top:8px}.notes-row{grid-template-columns:1fr auto;gap:6px 10px}.notes-row strong{grid-column:1/-1;grid-row:2}.notes-view{margin-top:20px}}


.empty-state{margin:-15px 0 65px;padding:28px 0;color:#777168;font-size:13px}[hidden]{display:none!important}
