.mech-silk{color:#f4ecd6;touch-action:none;-webkit-user-select:none;user-select:none;background:#15121c;position:absolute;inset:0;overflow:hidden}.mech-silk-bg{filter:blur(7px)brightness(.42)saturate(.85);will-change:transform;background:url(/house/plates/hardy/corridor-1440.webp) 50%/cover;transition:filter 4s;position:absolute;inset:-4%;transform:scale(1.12)}.mech-silk.is-paper .mech-silk-bg{filter:blur(7px)brightness(.5)saturate(.7)sepia(.25)}.mech-silk-canvas{cursor:grab;width:100%;height:100%;position:absolute;inset:0}.mech-silk-canvas:active{cursor:grabbing}.mech-silk-hint{font-family:var(--font-title);color:#2a1d12;text-align:center;text-shadow:0 0 12px #fff8e6e6;pointer-events:none;margin:0;padding:.4rem 1.2rem;font-size:clamp(1.3rem,1rem + 1.4vw,2rem);transition:opacity 2s;animation:5s ease-in-out infinite hardy-silk-breathe;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)}.mech-silk-hint.is-gone{opacity:0;animation:none}@keyframes hardy-silk-breathe{50%{opacity:.6}}.mech-silk-line{text-align:center;pointer-events:none;opacity:0;width:min(38rem,100% - 2.5rem);margin:0;transition:opacity 2.2s;position:absolute;top:4.5vh;left:50%;transform:translate(-50%)}.mech-silk-line.is-shown{opacity:1}.mech-silk-line p{font-family:var(--font-body);text-shadow:0 1px 3px #000,0 0 18px #000000e6;margin:0;font-size:clamp(1rem,.92rem + .45vw,1.28rem);font-style:italic;line-height:1.5}.mech-silk-line cite{font-family:var(--font-uncial);letter-spacing:.06em;color:#e8c77a;margin-top:.35rem;font-size:.78rem;font-style:normal;display:block}.mech-silk-letter{color:#2a2420;pointer-events:none;opacity:0;background:linear-gradient(#f4ecd8,#ebe0c6);border:1px solid #c9a22799;width:min(30rem,100% - 2.5rem);margin:0;padding:1.1rem 1.5rem .9rem;transition:opacity 1.6s,transform 1.6s;position:absolute;top:calc(47% + min(15vh,21vw,150px) + 2.8rem);left:50%;transform:translate(-50%,.6rem)rotate(-.6deg);box-shadow:0 12px 30px #0000008c}.mech-silk-letter.is-shown{opacity:1;transform:translate(-50%)rotate(-.6deg)}.mech-silk-letter p{font-family:var(--font-title);color:#2e3b5e;margin:0;font-size:clamp(1.05rem,.95rem + .5vw,1.35rem);line-height:1.45}.mech-silk-letter figcaption{font-family:var(--font-body);color:#2a2420b3;margin-top:.6rem;font-size:.78rem;font-style:italic}.mech-silk-panel{background:#121018d1;border:1px solid #c9a22773;border-radius:6px;width:min(23rem,100% - 2.2rem);padding:.75rem .95rem .6rem;font-size:.88rem;transition:opacity 1.2s;position:absolute;bottom:1.1rem;left:1.1rem}.mech-silk.has-letter .mech-silk-panel{opacity:.35}.mech-silk-panel h2{font-family:var(--font-title);color:#e8c77a;margin:0 0 .4rem;font-size:1rem;font-weight:400}.mech-silk-panel ul{margin:0;padding:0;list-style:none}.mech-silk-panel li{grid-template-columns:1.6rem 1fr 2rem;align-items:center;gap:.45rem;line-height:1.25;display:grid}.mech-silk-panel li img{object-fit:contain;width:1.5rem;height:1.5rem}.mech-silk-panel li small{color:#f4ecd699}.mech-silk-panel .n{text-align:right;font-variant-numeric:tabular-nums;font-size:1rem}.mech-silk-panel .pci{color:#b9cf9c;min-height:1.2em;margin:.35rem 0 .25rem}.mech-silk-panel .decades{align-items:stretch;gap:.3rem;height:2.4rem;margin:.2rem 0 .4rem;display:flex}.mech-silk-panel .decades span{opacity:.55;background:#8fa3b8;border:1px solid #0000;border-radius:2px;flex:1;position:relative}.mech-silk-panel .decades span.is-here{opacity:1;border-color:#e8c77a}.mech-silk-panel .decades b{background:#d98a3a;position:absolute;bottom:0;left:0;right:0}.mech-silk-panel .decades em{text-align:center;color:#f4ecd6b3;font-size:.68rem;font-style:normal;position:absolute;bottom:-1.05rem;left:0;right:0}.mech-silk-panel .caveat{color:#f4ecd6b8;margin:1.1rem 0 0;font-size:.74rem;font-style:italic;line-height:1.35}.mech-silk-panel .key{margin-top:.2rem;font-style:normal;display:block}.mech-silk-panel .key b{vertical-align:-.05rem;width:.65rem;height:.65rem;margin:0 .2rem 0 .35rem;display:inline-block}.mech-silk-panel .key b:first-child{margin-left:0}.mech-silk-panel .k-fin{background:#d98a3a}.mech-silk-panel .k-hel{background:#8fa3b8}.mech-silk-controls{color:#f4ecd6e0;flex-direction:column;align-items:flex-end;gap:.55rem;font-size:.95rem;display:flex;position:absolute;bottom:1.1rem;right:1.1rem}.mech-silk-controls button{font:inherit;color:#f4ecd6;cursor:pointer;background:#14161cc7;border:1px solid #d9a44180;border-radius:999px;padding:.45rem 1.1rem}.mech-silk-controls .walk{font-family:var(--font-title);touch-action:none;padding:.85rem 1.6rem;font-size:1.15rem}.mech-silk-controls .walk:active{background:#d9a44159}.mech-silk-controls .onward{font-family:var(--font-title);background:#785a1e99;font-size:1.1rem}.mech-silk-controls label{cursor:pointer;text-shadow:0 1px 3px #000;align-items:center;gap:.4rem;display:flex}@media (width<=700px){.mech-silk-line{top:2.5vh}.mech-silk-hint{top:40%}.mech-silk-letter{top:calc(40% + min(15vh,21vw) + 2.6rem)}.mech-silk.is-paper .mech-silk-panel{opacity:0;pointer-events:none}.mech-silk-panel{padding:.55rem .7rem .45rem;font-size:.8rem;top:calc(40% + min(15vh,21vw) + 2.6rem);bottom:auto}.mech-silk-panel .decades,.mech-silk-panel .caveat .key{display:none}.mech-silk-panel .caveat{margin-top:.3rem}.mech-silk-controls{flex-flow:wrap;justify-content:flex-end;align-items:center;left:1.1rem}.mech-silk-controls .walk{padding:.7rem 1.2rem}}@media (prefers-reduced-motion:reduce){.mech-silk-hint{animation:none}.mech-silk-letter{transition:opacity .6s}}