/* Six paper windows, drawn in the study's own ink. */
.echo-main{padding-bottom:65px}.echo-crumb{display:flex;gap:12px;padding-top:26px;font:12px/1.8 var(--sans);color:var(--muted)}.echo-crumb a{text-decoration:underline;text-underline-offset:4px}.echo-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:46px 0 42px}.echo-kicker{font:10px/1.8 var(--sans);letter-spacing:.18em;color:var(--muted)}.echo-heading h1{font:clamp(38px,5.1vw,63px)/1.3 var(--serif);color:var(--heading);letter-spacing:.07em;margin:17px 0 20px}.echo-heading p{font:15px/2 var(--serif);color:var(--muted)}.echo-date{border-top:2px solid var(--accent);border-bottom:1px solid var(--rose);padding:15px 22px;text-align:center;transform:rotate(4deg);color:var(--heading);margin-right:22px}.echo-date span{display:block;font:15px var(--serif);letter-spacing:.4em}.echo-date strong{display:block;font:72px/1.3 Georgia,serif}.echo-date small{display:block;font:10px/2 var(--sans);letter-spacing:.12em}
.echo-desk{display:grid;grid-template-columns:minmax(0,1.17fr) minmax(0,1fr);align-items:stretch;gap:36px}.echo-view{position:relative;isolation:isolate;overflow:hidden;background:#343142;color:#eee0cf;border:8px solid var(--paper);outline:1px solid var(--rose);box-shadow:0 8px 30px var(--shadow)}.echo-view-top{position:relative;z-index:1;display:flex;justify-content:space-between;gap:12px;margin:22px 24px 0;font:9px/1.5 var(--sans);letter-spacing:.12em;color:#d0c0c4}.echo-sky{position:absolute;inset:0;overflow:hidden;background:linear-gradient(170deg,#343345,#504153 74%,#705258);z-index:-1}.echo-moon{position:absolute;top:55px;right:48px;width:30px;height:30px;border-radius:50%;box-shadow:8px 6px 0 0 #f9dfbc;transform:rotate(-18deg)}.echo-sky>i{position:absolute;left:16%;top:16%;width:2px;height:2px;background:#f4dbbd;box-shadow:110px 16px #f4dbbd,210px -20px #ead2c4,267px 66px #f4dbbd}.echo-sky>i:nth-of-type(2){top:50%;left:3%}.echo-skyline{position:absolute;bottom:0;left:0;right:0;height:36%;background:repeating-linear-gradient(90deg,#322c3a 0 55px,transparent 55px 70px);opacity:.32}
.echo-windows{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 17px;padding:36px 25px 29px}.echo-window{appearance:none;min-width:0;padding:7px 1px 8px;color:#deccd0;background:transparent;border:0;text-align:center;cursor:pointer;border-radius:3px}.echo-window-frame{position:relative;display:block;height:104px;width:75%;margin:0 auto 12px;border:6px solid #968181;border-bottom-width:9px;border-radius:44px 44px 0 0;background:#272938;box-shadow:0 0 0 1px #211f2c,0 7px 0 -3px #b6a093;overflow:hidden;transition:background .35s,box-shadow .35s}.echo-window-frame::before,.echo-window-frame::after{content:"";position:absolute;background:#968181;z-index:2}.echo-window-frame::before{width:4px;height:100%;left:calc(50% - 2px);top:0}.echo-window-frame::after{height:4px;left:0;right:0;top:48%}.echo-window-frame i,.echo-window-frame b{position:absolute;top:0;bottom:0;width:50%;background:repeating-linear-gradient(90deg,#5d4c5d 0 7px,#675365 7px 10px);transition:transform .45s cubic-bezier(.2,.8,.2,1);z-index:1}.echo-window-frame i{left:0}.echo-window-frame b{right:0}.echo-window strong{display:block;font:14px/1.7 var(--serif);font-weight:400}.echo-window small{display:block;margin-top:2px;font:8px/1.8 var(--sans);letter-spacing:.04em;color:#bcadb8}.echo-window.is-seen .echo-window-frame{background:#bb936b}.echo-window.is-seen .echo-window-frame i{transform:translateX(-27%)}.echo-window.is-seen .echo-window-frame b{transform:translateX(27%)}.echo-window.is-selected .echo-window-frame{background:linear-gradient(#f8d8a3,#dfa277);box-shadow:0 0 24px #f4bc6c44,0 7px 0 -3px #b6a093}.echo-window.is-selected .echo-window-frame i{transform:translateX(-75%)}.echo-window.is-selected .echo-window-frame b{transform:translateX(75%)}.echo-window.is-selected strong{color:#ffe3b8}.echo-window:hover .echo-window-frame{outline:1px solid #edc8b1;outline-offset:4px}.echo-window:focus-visible{outline:2px solid #ffe3b8;outline-offset:5px}.echo-sill{position:relative;min-height:98px;background:#bca399;color:#473642;display:flex;align-items:center;gap:19px;padding:22px 25px;border-top:7px solid #dbc3b1}.echo-sill p{font:12px/1.8 var(--serif);margin:0}.echo-sill p span{font:10px/1.8 var(--sans);color:#59434b}.echo-sill-sign{margin-left:auto;font:italic 14px Georgia,serif;white-space:nowrap}.echo-cup{position:relative;display:block;width:28px;height:31px;border:2px solid #7e5a60;border-top:5px solid #7e5a60;border-radius:2px 2px 10px 10px;background:#e5b3b4;flex-shrink:0}.echo-cup::after{content:"";position:absolute;width:11px;height:15px;border:2px solid #7e5a60;border-left:0;border-radius:0 8px 8px 0;top:0;right:-12px}
.echo-paper{position:relative;min-width:0;background:var(--paper);border:1px solid var(--line);padding:32px 31px 23px;margin:15px 0 8px;box-shadow:3px 5px 0 var(--paper-alt),4px 6px 0 var(--line);display:flex;flex-direction:column;transform:rotate(.7deg)}.echo-paper-tape{position:absolute;top:-14px;left:calc(50% - 35px);height:25px;width:70px;background:#c9a6a67a;transform:rotate(-5deg);border-left:2px dotted var(--paper);border-right:2px dotted var(--paper)}.echo-paper-top{display:flex;justify-content:space-between;gap:10px;font:10px/1.8 var(--sans);letter-spacing:.06em;color:var(--muted)}.echo-number{margin:27px 0 8px;font:clamp(30px,4vw,47px)/1.3 Georgia,var(--serif);letter-spacing:.03em;color:var(--accent-strong);min-height:61px}.echo-paper h2{font:23px/1.6 var(--serif);color:var(--heading);margin:0 0 17px}.echo-paper-copy p{font:14px/1.95 var(--serif);margin:0 0 14px;color:var(--ink)}.echo-paper-note{font:10px/1.9 var(--sans);color:var(--muted);margin:7px 0 23px}.echo-paper-bottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:18px;border-top:1px dashed var(--rose)}.echo-paper-bottom>span{font:italic 13px Georgia,serif;color:var(--muted)}.echo-next{display:flex;align-items:center;gap:9px;color:var(--accent-strong);background:transparent;border:0;min-height:44px;font:12px var(--serif);cursor:pointer}.echo-next svg,.echo-story-card a svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.5;fill:none}.echo-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:6px 0 17px;padding:13px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:7px}.echo-stats[hidden]{display:none}.echo-stats div{min-width:0}.echo-stats dt{font:9px/1.8 var(--sans);color:var(--muted)}.echo-stats dd{margin:3px 0 0;font:17px/1.3 Georgia,serif;color:var(--heading)}
.echo-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px 20px;padding:26px 0 0}.echo-actions>p:first-child{flex:1;font:12px/1.9 var(--serif);color:var(--muted);min-width:180px}.echo-actions>button{font:13px var(--serif);min-height:44px;padding:11px 20px;border:1px solid var(--rose);color:var(--heading);border-radius:30px;background:var(--paper);cursor:pointer}.echo-actions>button[aria-pressed="true"]{background:var(--accent-strong);color:var(--paper)}.echo-actions>p:last-child{flex-basis:100%;text-align:right;font:10px/1.8 var(--sans);color:var(--muted);margin:0}.echo-after{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:78px 0 50px}.echo-story-card{padding:4px 0}.echo-story-card h2{font:35px/1.5 var(--serif);letter-spacing:.08em;color:var(--heading);margin:15px 0}.echo-story-card>p{font:14px/2 var(--serif);color:var(--muted)}.echo-story-card>a{display:inline-flex;align-items:center;gap:16px;font:13px/1.8 var(--serif);color:var(--accent-strong);border-bottom:1px solid var(--rose);padding:13px 0 7px}.echo-story-card>small{display:block;font:10px/1.8 var(--sans);color:var(--muted);margin-top:14px}.echo-envelope{position:relative;align-self:start;background:var(--paper-alt);border:1px solid var(--rose);padding:31px 28px;box-shadow:3px 4px 0 var(--line);margin-top:18px}.echo-envelope-to{font:10px/1.8 var(--sans);letter-spacing:.1em;color:var(--muted)}.echo-envelope summary{position:relative;list-style:none;cursor:pointer;padding:21px 35px 16px 0;font:22px/1.6 var(--serif);color:var(--heading);min-height:80px}.echo-envelope summary::-webkit-details-marker{display:none}.echo-envelope summary>span{display:block;font:11px/1.9 var(--serif);color:var(--muted);margin-top:9px}.echo-envelope summary>svg{position:absolute;right:0;top:36px;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .2s}.echo-envelope details[open] summary>svg{transform:rotate(180deg)}.echo-letter{padding:13px 0 28px;border-top:1px dashed var(--rose)}.echo-letter p{font:14px/2 var(--serif);color:var(--ink);margin:12px 0}.echo-letter>span{font:15px/2 var(--serif);display:block;text-align:right;color:var(--accent-strong)}.echo-envelope-seal{display:grid;place-items:center;position:absolute;bottom:-17px;left:calc(50% - 17px);width:34px;height:34px;border-radius:50%;background:var(--accent-strong);color:var(--paper);font:italic 19px Georgia,serif;border:3px double var(--rose)}.echo-room-links{display:flex;flex-wrap:wrap;gap:15px 30px;padding:23px 0 0;border-top:1px dashed var(--rose)}.echo-room-links a{font:12px/1.9 var(--serif);color:var(--accent-strong);text-decoration:underline;text-underline-offset:5px}.echo-noscript{padding:25px 0;font:13px/1.9 var(--serif)}
/* A small, matching entrance on the original home page. */
.echo-invite{position:relative;display:flex;align-items:center;gap:38px;margin-top:35px;margin-bottom:46px;padding:30px 36px;border:1px solid var(--rose);background:var(--paper);box-shadow:4px 4px 0 var(--paper-alt);color:var(--ink)}.echo-invite-art{display:grid;grid-template-columns:repeat(3,26px);gap:9px;padding:22px 24px;background:#3c3346;transform:rotate(-4deg);flex-shrink:0}.echo-invite-art i{display:block;width:26px;height:44px;border:3px solid #a99091;border-radius:18px 18px 0 0;background:linear-gradient(90deg,transparent 44%,#a99091 44% 56%,transparent 56%),linear-gradient(0deg,transparent 45%,#a99091 45% 54%,transparent 54%),#e7b37c}.echo-invite-art i:nth-child(2){background-color:#bb8e78}.echo-invite-art i:nth-child(3){background-color:#846674}.echo-invite-copy{flex:1;min-width:0}.echo-invite-copy h2{font:27px/1.5 var(--serif);letter-spacing:.05em;color:var(--heading);margin:8px 0}.echo-invite-copy p{font:13px/1.9 var(--serif);color:var(--muted);margin:0}.echo-invite-open{display:inline-block;font:12px/1.8 var(--serif);color:var(--accent-strong);margin-top:14px;border-bottom:1px solid var(--rose)}.echo-invite:focus-visible,.echo-next:focus-visible,.echo-actions button:focus-visible,.echo-envelope summary:focus-visible{outline:2px solid var(--accent-strong);outline-offset:5px}
@media(max-width:900px){.echo-desk{gap:23px;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}.echo-windows{gap:20px 10px;padding:33px 14px 25px}.echo-window-frame{width:84%;height:95px}.echo-window strong{font-size:12px}.echo-view-top{margin-left:16px;margin-right:16px;font-size:8px}.echo-view-top span:last-child{display:none}.echo-paper{padding:28px 23px 20px}.echo-paper h2{font-size:21px}.echo-paper-copy p{font-size:13px}.echo-sill-sign{display:none}.echo-after{gap:35px}.echo-stats dd{font-size:15px}}
@media(max-width:670px){.echo-main{padding-bottom:25px}.echo-heading{padding:31px 0 33px}.echo-heading h1{font-size:43px;margin-top:14px}.echo-heading p{font-size:13px}.echo-heading p br{display:none}.echo-kicker{font-size:9px}.echo-date{display:none}.echo-desk{grid-template-columns:1fr;gap:29px}.echo-view{border-width:6px}.echo-view-top{margin:19px 20px 0}.echo-view-top span:last-child{display:block}.echo-windows{padding:29px 22px 25px;gap:20px 18px}.echo-window-frame{width:71%;height:97px;max-width:79px}.echo-window strong{font-size:13px}.echo-window small{font-size:8px}.echo-sill{padding:18px 24px;min-height:83px}.echo-sill-sign{display:inline;font-size:12px}.echo-paper{margin:8px 4px;padding:28px 26px 20px;transform:rotate(.4deg)}.echo-number{font-size:40px;min-height:53px;margin-top:23px}.echo-paper-copy p{font-size:14px}.echo-paper h2{font-size:23px}.echo-paper-note{margin-bottom:17px}.echo-paper-top{font-size:9px}.echo-actions{padding-top:17px;gap:10px}.echo-actions>p:first-child{flex-basis:100%;margin:0;font-size:11px}.echo-actions>p:last-child{text-align:left;flex:1;min-width:105px}.echo-actions>button{padding:10px 16px;font-size:12px}.echo-after{grid-template-columns:1fr;gap:30px;padding:53px 0 43px}.echo-story-card h2{font-size:30px}.echo-envelope{margin-top:0;padding:26px 24px}.echo-room-links{gap:11px;flex-direction:column}.echo-invite{gap:19px;padding:24px 21px;margin-top:27px;margin-bottom:32px}.echo-invite-art{grid-template-columns:repeat(2,22px);padding:17px 14px;gap:8px}.echo-invite-art i{width:22px;height:39px}.echo-invite-art i:last-child{display:none}.echo-invite-copy h2{font-size:22px}.echo-invite-copy p{font-size:12px}.echo-invite-copy .echo-kicker{font-size:8px}}
@media(max-width:360px){.echo-windows{padding-left:12px;padding-right:12px;gap:20px 10px}.echo-window-frame{width:77%;height:89px}.echo-sill-sign{display:none}.echo-paper{padding-left:20px;padding-right:20px}.echo-stats{gap:4px}.echo-stats dd{font-size:14px}.echo-invite-art{display:none}}
@media(prefers-reduced-motion:reduce){.echo-window-frame,.echo-window-frame i,.echo-window-frame b,.echo-envelope summary>svg{transition:none}}