:root{--bone:#e9e6d8;--ink:#161b13;--olive:#a1a98a;--line:#49503f;--muted:#9cA28f;--mono:'Courier New',monospace;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--ink);color:var(--bone);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:2px solid var(--bone);outline-offset:7px}button{color:inherit}.skip-link{position:fixed;top:12px;left:12px;z-index:20;padding:14px;background:var(--bone);color:var(--ink);transform:translateY(-180%)}.skip-link:focus{transform:none}.room{position:relative;min-height:780px;height:100svh;max-height:1200px;overflow:hidden;background:#6e7c50}.room-image{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 0%;filter:brightness(.88)}.room-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,21,13,.12) 0%,transparent 40%,rgba(14,19,12,.02) 58%,rgba(14,19,12,.72) 100%)}.header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:34px 4.1%;font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.04em}.wordmark{display:flex;align-items:center;gap:12px}.eyes{display:flex;gap:4px;transform:rotate(4deg)}.eyes i{display:block;width:12px;height:8px;background:var(--bone);border-radius:1px 1px 4px 3px}.record-link{border-bottom:1px solid #e9e6d872;padding:0 0 7px}.record-link span{display:inline-block;margin-left:25px;font-size:18px}.opening-copy{position:absolute;top:21%;left:4.1%;max-width:260px}.opening-copy p{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(27px,2.65vw,42px);line-height:1.12;letter-spacing:-.04em;margin:0 0 22px}.opening-copy>span{font-family:var(--mono);font-size:10px;line-height:1.65;display:block;letter-spacing:.025em;opacity:.8}.room-note{position:absolute;right:4.1%;top:22%;font:10px/1.8 var(--mono);letter-spacing:.08em;text-align:right}.hero-bottom{position:absolute;bottom:0;left:4.1%;right:4.1%}.title-line{display:flex;justify-content:space-between;align-items:center;font:10px var(--mono);letter-spacing:.09em;margin-bottom:13px}.scroll-link{letter-spacing:0}.scroll-link span{margin-left:20px;font-size:18px}h1{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-stretch:condensed;line-height:.83;font-size:20.05vw;font-weight:900;letter-spacing:-.035em;margin:0 0 24px;white-space:nowrap;transform:scaleX(1.035);transform-origin:left bottom}.title-period{display:none}.room-footer{border-top:1px solid #e9e6d83b;display:flex;justify-content:space-between;padding:19px 0 21px;font:8px var(--mono);letter-spacing:.13em}.record{padding:120px 7.5% 0}.record-intro{display:grid;grid-template-columns:1fr 2.1fr 1.25fr;column-gap:30px;align-items:start;margin-bottom:100px}.section-label{font:10px var(--mono);letter-spacing:.1em;display:flex;gap:13px;align-items:center;padding-top:12px}.little-cross{font-size:20px;font-weight:400}.record-intro h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(35px,4.1vw,65px);line-height:1.07;letter-spacing:-.055em;margin:0}.record-intro h2 em{font-weight:400;color:#a8af94}.record-intro>p{font-size:12px;color:#b3b9a7;line-height:1.75;margin:12px 0 0}.casebook{display:grid;grid-template-columns:.85fr 1fr;gap:11%;align-items:start}.case-controls{padding-top:12px}.case-instruction{font:9px/1.5 var(--mono);letter-spacing:.1em;color:var(--muted);margin:0 0 24px;display:block}.case-list{border-top:1px solid var(--line)}.case-button{display:flex;align-items:center;gap:18px;text-align:left;width:100%;padding:25px 0;border:0;border-bottom:1px solid var(--line);background:transparent;cursor:pointer;font-size:clamp(16px,1.6vw,24px);color:#848c78;transition:color .2s,padding .2s}.case-button:hover{color:var(--bone)}.case-button.selected{color:var(--bone)}.case-number{font:10px var(--mono);color:#7d8670}.selected .case-number{color:var(--bone)}.case-arrow{margin-left:auto;font-family:Arial,sans-serif;font-size:23px;opacity:0;transform:translate(-5px,5px);transition:opacity .2s,transform .2s}.selected .case-arrow,.case-button:hover .case-arrow{opacity:1;transform:none}.testimony{margin:52px 0 36px}.testimony .case-instruction{margin-bottom:16px}.testimony>p{font-family:Georgia,'Times New Roman',serif;font-size:24px;line-height:1.4;letter-spacing:-.025em;min-height:68px;margin:0}.download-button{display:flex;align-items:center;justify-content:space-between;gap:40px;border:1px solid #b1b89f;background:var(--bone);color:var(--ink);padding:17px 20px;width:100%;font-size:12px;cursor:pointer;transition:background .15s}.download-button:hover{background:#c8d0b3}.download-button span{font-size:20px;line-height:1}.download-button:disabled{opacity:.65;cursor:wait}.download-note{font:9px var(--mono);color:#929b85;display:block;margin-top:13px}.evidence{margin:0;background:#10130e;box-shadow:0 18px 40px #080a0630;transform:translateY(-4px)}.meme-caption{text-align:center;font-weight:700;font-size:clamp(18px,1.75vw,27px);line-height:1.15;padding:28px 20px 25px;letter-spacing:-.03em;min-height:104px;display:block}.evidence img{display:block;width:100%;height:auto;aspect-ratio:1170/1133;object-fit:cover}.evidence figcaption{padding:15px 18px;display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:.1em;color:#bbc1ac}.record-end{display:flex;align-items:center;gap:22px;margin-top:100px;font:8px var(--mono);letter-spacing:.12em;color:#929c83}.end-line{height:1px;flex:1;background:var(--line)}.footer{padding:64px 7.5% 27px}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-name{font-weight:900;letter-spacing:-.04em;font-size:22px}.footer-main p{font:italic 27px Georgia,serif;color:#a8af94;margin:0}.back-top{font:10px var(--mono)}.back-top span{margin-left:18px}.footer-small{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:22px;margin-top:50px;font:8px/1.6 var(--mono);color:#909982}.record-link:hover,.scroll-link:hover,.back-top:hover{color:#cfd9b7}
@media(min-width:1600px){.room-image{object-position:50% 8%}.record{max-width:1700px;margin:auto}.hero-bottom{left:5%;right:5%}h1{font-size:19.7vw}}
@media(max-width:1050px){.room{min-height:760px;max-height:1050px}.room-image{object-position:50% 0%}.record{padding:90px 5.5% 0}.record-intro{grid-template-columns:1fr 2.2fr;row-gap:25px;margin-bottom:70px}.record-intro>p{grid-column:2}.casebook{gap:7%;grid-template-columns:1fr 1.05fr}.testimony>p{font-size:21px}.case-button{gap:12px}.footer{padding-left:5.5%;padding-right:5.5%}}
@media(max-width:650px){.room{height:94svh;min-height:680px;max-height:900px}.room-image{object-fit:cover;object-position:50% 0%}.header{padding:24px 6%;font-size:9px}.wordmark{gap:9px}.eyes i{width:10px;height:7px}.record-link span{margin-left:11px;font-size:14px}.opening-copy{top:auto;bottom:24%;left:6%;max-width:150px}.opening-copy p{font-size:26px;text-shadow:0 1px 16px #18200faa;margin-bottom:15px}.opening-copy>span{font-size:8px;line-height:1.5;max-width:130px}.room-note{top:16%;right:6%;font-size:8px;line-height:1.6}.room-shade{background:linear-gradient(180deg,#12180c24,transparent 40%,#10160c0d 50%,#10160ca6 100%)}.hero-bottom{left:6%;right:6%}h1{font-size:19.25vw;margin-bottom:20px;transform:scaleX(1.03)}.title-line{font-size:8px;margin-bottom:14px}.scroll-link span{font-size:14px;margin-left:10px}.room-footer{font-size:6px;padding:15px 0 18px;letter-spacing:.07em;gap:10px}.record{padding:65px 6% 0}.record-intro{display:block;margin-bottom:48px}.section-label{font-size:9px;padding:0;margin-bottom:28px}.record-intro h2{font-size:44px}.record-intro>p{font-size:12px;margin-top:25px}.record-intro>p br:nth-of-type(3){display:none}.casebook{display:flex;flex-direction:column;gap:32px}.case-controls{width:100%;padding:0;display:contents}.case-instruction{margin-bottom:17px;font-size:8px}.case-controls>.case-instruction{margin:0 0 -15px}.case-list{width:100%}.case-button{padding:19px 0;font-size:20px}.testimony{margin:0;width:100%;order:1}.testimony>p{font-size:23px;min-height:0}.testimony .case-instruction{margin-bottom:12px}.evidence{width:100%;transform:none;order:2}.meme-caption{font-size:20px;min-height:91px;padding:23px 16px}.evidence figcaption{font-size:7px;padding:13px 15px}.download-area{order:3;width:100%}.download-button{font-size:12px;padding:18px}.download-note{font-size:8px}.record-end{margin-top:56px;font-size:7px;gap:15px}.footer{padding:39px 6% 24px}.footer-main{flex-wrap:wrap;gap:25px}.footer-name{font-size:19px}.footer-main p{font-size:24px}.back-top{width:100%;font-size:9px}.footer-small{margin-top:29px;display:block;font-size:7px}.footer-small span{display:block;margin-top:9px}}
@media(max-width:360px){.room{min-height:620px}.opening-copy{bottom:25%}.opening-copy p{font-size:23px}.room-footer{font-size:5px}.record-intro h2{font-size:38px}.case-button{font-size:18px}.meme-caption{font-size:18px}.footer-main p{font-size:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
.header-links,.footer-links{display:flex;align-items:center;gap:30px}.footer-links .back-top{width:auto}
@media(max-width:650px){.header-links{gap:16px}.footer-links{width:100%;flex-wrap:wrap;gap:18px}}