.place-reader{position:fixed;inset:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;padding:0;overflow-y:auto;overscroll-behavior:contain;background:var(--paper);scroll-padding-top:100px}.place-reader article{max-width:1000px;margin:auto;padding-top:24px}.place-reader[open]{animation:reader-in .25s ease-out}.place-reader .case-header{padding-bottom:4px}.place-reader h1{font-size:clamp(40px,5vw,62px);font-weight:600;line-height:1.1;letter-spacing:-.05em;margin:0 0 22px}.place-intro{max-width:39rem;font-size:1.2rem;line-height:1.65;color:var(--muted);margin:0 0 36px}.place-caption{font-size:.8125rem;line-height:1.65;color:var(--muted);max-width:38rem;margin:18px 0 0}.place-story{margin:54px 0}.place-story>p:not(.eyebrow){font-size:1.0625rem;line-height:1.7}.place-story h2{margin-top:12px}.place-status{font-size:.8125rem;line-height:1.5;min-height:1.5em;color:var(--ink);margin:18px 0}.sky-viewfinder{height:365px;position:relative;overflow:hidden;border-radius:12px;background:#bedbdc}#sky-scene{width:100%;height:100%}#sky-scene canvas{width:100%;height:100%;display:block}.viewfinder-corner{position:absolute;width:36px;height:36px;pointer-events:none;border-color:#fff9ed;border-style:solid;border-width:0}.viewfinder-corner.top-left{left:25px;top:25px;border-left-width:2px;border-top-width:2px}.viewfinder-corner.bottom-right{right:25px;bottom:25px;border-right-width:2px;border-bottom-width:2px}.viewfinder-label{position:absolute;bottom:22px;left:25px;background:#ffffffc9;padding:7px 10px;border-radius:5px;font-size:10px;font-weight:600;letter-spacing:.13em;color:#345c5d}.camera-controls{display:flex;justify-content:space-between;gap:20px;margin-top:18px}.camera-controls>div{display:flex;gap:10px}.camera-controls button[data-pan]{border-radius:50%;height:48px;width:48px;font-size:24px;color:var(--ink);background:#e8ecdf}.camera-controls button[data-pan]:hover{background:#d7dfcc}#postcard-result{margin:28px 0 48px;background:#eeefe5;padding:20px;border-radius:10px}#postcard-image{display:block;width:100%;height:auto}#postcard-result figcaption{font-size:.8125rem;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;line-height:1.6;margin-top:18px}#download-postcard{color:var(--ink);font-weight:600;text-underline-offset:4px;min-height:28px}.sky-fallback{background:radial-gradient(ellipse at 70% 45%,#fff8ee 0 12%,transparent 13%),radial-gradient(ellipse at 40% 30%,#fff8ee 0 16%,transparent 17%),#bedbdc}.music-playground{border-radius:12px;background:#f2e5da;overflow:hidden}.sound-art{height:260px;position:relative;display:flex;align-items:center;justify-content:center;gap:60px;padding-bottom:18px}.record-disc{width:168px;height:168px;border-radius:50%;background:repeating-radial-gradient(circle,#335e51 0 1px,#284a40 2px 4px);box-shadow:12px 12px 0 #d8c9b9;display:grid;place-items:center}.record-disc>span{height:58px;width:58px;border-radius:50%;background:#dc8265;position:relative}.record-disc>span:after{content:'';position:absolute;inset:24px;background:#f2e5da;border-radius:50%}.sound-lines{display:flex;height:80px;gap:9px;align-items:center}.sound-lines i{height:24px;width:8px;border-radius:8px;background:#b56b51}.sound-lines i:nth-child(2),.sound-lines i:nth-child(4){height:45px}.sound-lines i:nth-child(3){height:72px}.sound-art.playing .sound-lines i{animation:sound-pulse .65s ease-in-out infinite alternate}.sound-art.playing .sound-lines i:nth-child(2){animation-delay:-.3s}.sound-art.playing .sound-lines i:nth-child(3){animation-delay:-.1s}.sound-art.playing .sound-lines i:nth-child(4){animation-delay:-.45s}.music-art-note{position:absolute;bottom:18px;font-size:10px;font-weight:600;letter-spacing:.15em;color:#724e3e}.music-controls{display:flex;justify-content:center;gap:12px;margin:10px 24px 22px}.quiet-button{min-height:48px;padding:12px 24px;background:#fffbf2;border-radius:30px;color:var(--ink)}.quiet-button:disabled{cursor:default;opacity:.5}.note-buttons{display:flex;border-top:1px solid #cbae9855}.note-buttons button{flex:1;padding:18px 20px;min-height:58px;background:transparent;border-right:1px solid #cbae9855;color:#385c4c;font-size:11px;text-align:left}.note-buttons button:last-child{border:0}.note-buttons button:hover{background:#ead5c4}.note-buttons span{font-size:14px;font-weight:600;margin-left:15px}.places-guide{padding:14px 0!important;margin:8px 0 18px}.places-guide summary{font-size:14px;min-height:40px;align-items:center}.place-shortcuts{display:grid;grid-template-columns:1fr;gap:8px;margin-top:10px}.place-shortcuts button{min-height:44px;display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:#e8ecdf;border-radius:8px;color:var(--ink);text-align:left;font-size:14px}.place-shortcuts button:hover{background:#dbe4d0}.place-shortcuts .place-read-link{background:transparent;font-size:12px;text-decoration:underline;text-underline-offset:3px}.places-guide p{padding-left:0!important}.direct-stories{display:flex;gap:18px;flex-wrap:wrap}.direct-stories .text-button{margin:0;font-size:13px}.place-reader .case-footer{margin-top:48px}@keyframes sound-pulse{to{transform:scaleY(.35)}}@media(max-width:700px){.place-reader article{padding:18px 24px 45px}.place-reader h1{font-size:42px;line-height:1.13}.place-intro{font-size:1.0625rem;margin-bottom:28px}.sky-viewfinder{height:280px}.camera-controls{gap:12px;align-items:center}.camera-controls .primary{font-size:12px;padding:12px 17px;gap:10px}.camera-controls>div{gap:6px}.camera-controls button[data-pan]{width:44px;height:44px}.sound-art{height:225px;gap:27px}.record-disc{width:140px;height:140px}.sound-lines{gap:6px}.sound-lines i{width:6px}.note-buttons button{padding:17px 14px}.note-buttons span{margin-left:8px;font-size:13px}.music-controls{margin-left:15px;margin-right:15px}.music-controls .primary{font-size:12px;padding:12px 18px;gap:16px}.quiet-button{padding:12px 20px}.place-story>p:not(.eyebrow){font-size:1rem}.place-story h2{font-size:27px}}@media(max-width:360px){.place-reader h1{font-size:36px}.camera-controls .primary{font-size:11px;padding:12px}.camera-controls>div{gap:5px}.sound-art{gap:20px}.record-disc{width:125px;height:125px}.place-shortcuts button{font-size:13px}}@media(prefers-reduced-motion:reduce){.sound-art.playing .sound-lines i{animation:none}}
