*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--chrome-z:300;--chrome-bottom:0px;--color-paper:#efece4;--color-ink:#3a3934;--paper:#efece4;--paper-sheet:#f4f1ea;--seam:#46403612;--stone-dark:#3a3934;--stone-mid:#66645c;--stone-faint:#8a887f;--accent:#8e5b45;--serif:var(--font-cormorant), "Cormorant Garamond", "Garamond", serif;--panel-w:440px;--ease-out:cubic-bezier(.22, 1, .36, 1);--noise-wall:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='0' intercept='1'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E");--noise-near:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.6' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='0' intercept='1'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E")}html,body{background:var(--paper);width:100%;height:100%;color:var(--stone-dark);font-family:var(--serif);overscroll-behavior:none;-webkit-font-smoothing:antialiased;font-variant-numeric:lining-nums;font-feature-settings:"lnum" 1;overflow:hidden}a{color:inherit;text-decoration:none}img{display:block}.paper{z-index:0;background:var(--paper);position:fixed;inset:0}.paper>*{position:absolute;inset:0}.grain{pointer-events:none;z-index:40;mix-blend-mode:overlay;opacity:.28;background-repeat:repeat;background-image:var(--noise-wall);position:fixed;inset:-200px}.wall{z-index:10;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;position:fixed;inset:0;overflow:hidden}.wall.dragging{cursor:grabbing}.lattice{will-change:transform;position:absolute;top:0;left:0}.tile{box-shadow:inset -1px -1px 0 var(--seam), inset 1px 1px 0 #ffffff73;outline:none;place-items:center;display:grid;position:absolute;top:0;left:0}.tile:focus-visible{outline:1.5px solid var(--accent);outline-offset:-12px}.plaque{z-index:1;filter:drop-shadow(0 1px 1px #322d261a)drop-shadow(0 16px 26px #322d2629);transition:transform .9s var(--ease-out), filter .9s ease;position:relative}.plaque img{object-fit:fill;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.plaque .relief{opacity:1}.plaque .paint{opacity:0;transition:opacity .7s}.plaque:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 1px 1px #ffffffb3,inset -1px -1px #322d261a}.tile.lit .plaque .paint,.tile:focus-visible .plaque .paint{opacity:1}.tile.lit .plaque{filter:drop-shadow(0 2px 2px #322d261a)drop-shadow(0 22px 34px #322d2633);cursor:pointer;transform:translateY(-3px)}.tile-name{text-align:center;opacity:0;pointer-events:none;color:var(--stone-mid);text-shadow:0 1px #ffffffb3;padding:0 8%;transition:opacity .45s,color .45s;position:absolute;bottom:6.5%;left:0;right:0}.tile-name span{letter-spacing:.26em;text-transform:uppercase;font-size:14px;font-weight:400;line-height:1.5;display:block}.tile.lit .tile-name,.tile:focus-visible .tile-name{opacity:1}.veil{z-index:150;opacity:0;pointer-events:none;will-change:opacity;background:#efece4f2;transition:opacity .7s;position:fixed;inset:0}.veil.show{opacity:1;pointer-events:auto}.focus{z-index:160;opacity:0;cursor:zoom-out;transition:opacity .8s ease, transform 1.25s var(--ease-out);will-change:transform, opacity;position:fixed;transform:translate(-50%,-50%)scale(.86)}.focus.show{opacity:1;transform:translate(-50%,-50%)scale(1)}.focus .plaque{filter:drop-shadow(0 2px 2px #322d261a)drop-shadow(0 34px 60px #322d263d);width:100%;height:100%}.focus .plaque .paint{transition:opacity 1.3s .45s}.focus.show .plaque .paint{opacity:1}.grain-focus{pointer-events:none;z-index:170;mix-blend-mode:overlay;opacity:0;background-repeat:repeat;background-image:var(--noise-near);transition:opacity .7s;position:fixed;inset:0}.veil.show~.grain-focus{opacity:.22}.panel{width:var(--panel-w);z-index:200;transition:transform 1.05s var(--ease-out);will-change:transform;background:linear-gradient(270deg,#f4f1ea 55%,#f4f1eaf7 75%,#f4f1eae0 90%,#f4f1ea00);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden;transform:translate(105%);-webkit-mask-image:linear-gradient(90deg,#0000,#0006 60px,#000 130px);mask-image:linear-gradient(90deg,#0000,#0006 60px,#000 130px)}.panel.open{transform:translate(0)}.panel:after{content:"";pointer-events:none;z-index:5;mix-blend-mode:overlay;opacity:.3;background-repeat:repeat;background-image:var(--noise-near);position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 70px,#000 210px);mask-image:linear-gradient(90deg,#0000 70px,#000 210px)}.panel-head{flex-shrink:0;justify-content:flex-end;align-items:center;padding:60px 40px 0 88px;display:flex}.panel-x{cursor:pointer;color:var(--stone-mid);background:0 0;border:none;padding:4px 2px;line-height:0;transition:color .25s}.panel-x svg{fill:currentColor;filter:drop-shadow(0 1px #ffffffb3);width:15px;height:15px}.panel-x:hover{color:var(--accent)}.panel-body{scrollbar-width:thin;scrollbar-color:#3a393426 transparent;flex:1;padding:24px 40px 40px 88px;overflow-y:auto}.panel-body::-webkit-scrollbar{width:3px}.panel-body::-webkit-scrollbar-thumb{background:#3a393426}.r-rule{align-items:center;gap:10px;max-width:230px;margin:30px auto 26px;display:flex}.panel-body>.r-rule:first-child{margin-top:0}.r-rule:before,.r-rule:after{content:"";border-top:1px solid #3a393421;border-bottom:1px solid #fff9;flex:1;height:2px}.r-rule i{background:var(--accent);opacity:.75;border-radius:50%;flex-shrink:0;width:5px;height:5px}.r-rule span{letter-spacing:.3em;text-transform:uppercase;color:var(--accent);text-shadow:0 1px #ffffffb3;white-space:nowrap;font-size:12px;font-weight:500}.r-name{color:#3a3934d9;text-shadow:0 1px #ffffffbf;text-align:center;margin-bottom:2px;font-size:28px;font-weight:400;line-height:1.12}.r-era,.r-series{letter-spacing:.16em;text-transform:uppercase;color:var(--stone-mid);text-align:center;white-space:pre-wrap;margin:10px 0 0;font-size:11px}.r-series{text-transform:none;letter-spacing:.04em;margin-top:6px;font-size:13px;font-style:italic}.r-intro{color:var(--stone-dark);margin:26px 0 34px;font-size:16px;font-weight:300;line-height:1.8}.r-quote{color:var(--stone-dark);text-align:center;margin-bottom:36px;padding:2px 18px;font-size:17.5px;font-style:italic;font-weight:300;line-height:1.7}.tl{margin-bottom:34px;margin-left:10px;padding-left:30px;position:relative}.tl:before{content:"";border-left:1px solid #3a393424;border-right:1px solid #ffffffa6;width:2px;position:absolute;top:6px;bottom:6px;left:0}.tl-item{margin-bottom:22px;position:relative}.tl-item:before{content:"";background:#8a887f66;border-radius:50%;width:6px;height:6px;position:absolute;top:10px;left:-29px;transform:translate(-50%,-50%);box-shadow:inset .5px 1px 1.5px #3a393473,0 1px #ffffffbf}.tl-item.major:before{background:#8e5b458c;width:10px;height:10px;box-shadow:inset 1px 1.5px 2px #3a261c80,inset -.5px -1px 1px #ffffff40,0 1px #ffffffbf}.tl-year{color:var(--stone-mid);text-shadow:0 1px #ffffffb3;letter-spacing:.04em;font-size:12.5px;font-weight:500;line-height:1.2}.tl-item.major .tl-year{color:var(--accent)}.tl-text{color:var(--stone-dark);margin-top:3px;font-size:14.5px;font-weight:400;line-height:1.6}.btn-talk{cursor:pointer;letter-spacing:.26em;text-transform:uppercase;width:fit-content;color:var(--stone-mid);text-shadow:0 1px #ffffffb3;background:#ece8df8c;border:1px solid #3a393429;border-radius:3px;margin:46px auto 12px;padding:11px 30px;font-size:13px;font-weight:500;transition:color .3s,border-color .3s;display:block;box-shadow:inset 1px 1px 2px #3a393412,1px 1px #ffffffb3}.btn-talk:hover{color:var(--accent);border-color:#8e5b4573}.panel-credit{letter-spacing:.26em;text-transform:uppercase;color:var(--stone-faint);text-shadow:0 1px #ffffffb3;flex-shrink:0;padding:14px 40px 24px 88px;font-size:11px;font-weight:400;transition:color .3s;display:block}.panel-credit:hover{color:var(--accent)}@media (min-width:1600px){:root{--panel-w:520px}.r-name{font-size:32px}.r-era{font-size:12.5px}.r-intro{font-size:18px}.r-quote{font-size:20px}.r-rule span{font-size:13.5px}.tl-year{font-size:15px}.tl-text{font-size:16.5px}.btn-talk{font-size:14.5px}.tile-name span{font-size:16px}}@media (min-width:1920px){:root{--panel-w:580px}}@media (max-width:768px){:root{--panel-w:100vw}.panel{background:#f4f1eafa;border-radius:18px 18px 0 0;width:100vw;height:62vh;inset:auto 0 0;transform:translateY(105%);box-shadow:0 -4px 30px #00000014;-webkit-mask-image:none;mask-image:none}.panel.open{transform:translateY(0)}.panel:after{-webkit-mask-image:none;mask-image:none}.panel-head{padding:14px 16px 0 20px}.panel-body{padding:12px 16px 30px 20px}.panel-credit{padding:10px 16px 20px 20px}.tile-name{bottom:5%}.tile-name span{letter-spacing:.18em;font-size:10.5px}.r-name{font-size:22px}.r-intro{font-size:14.5px}.r-quote{padding:2px 8px;font-size:15.5px}.tl-year{font-size:12.5px}.tl-text{font-size:13px}}