/* SACHI Lounge and navigation. */
.sachi-nav-start{display:flex;align-items:center;gap:clamp(12px,1.5vw,24px);min-width:0}
.sachi-lounge-note{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;color:var(--ink);border-radius:50%;transition:background .2s}
.sachi-lounge-note:hover{background:var(--parchment)}
.sachi-lounge-note svg,.sachi-lounge-mobile svg{width:23px;height:23px}
.sachi-lounge-note:focus-visible,.sachi-lounge button:focus-visible{outline:2px solid var(--bronze);outline-offset:4px}
.sachi-lounge-mobile{display:flex!important;align-items:center;gap:16px;margin:24px 0}
.sachi-lounge{max-width:1320px}
.lounge-intro{max-width:760px;margin-bottom:56px}
.lounge-intro h1{margin:20px 0 24px;font-size:clamp(48px,6vw,86px);line-height:1.08}
.lounge-copy{font-size:19px;line-height:1.7;max-width:52ch}
.lounge-grid{display:grid;grid-template-columns:minmax(0, .85fr) minmax(0,1.15fr);gap:clamp(28px,5vw,72px);align-items:start}
.lounge-player{background:var(--ink);color:var(--ivory);padding:36px;border-radius:20px;position:sticky;top:100px;text-align:center}
.lounge-player h2{color:var(--ivory);font-size:27px;margin:18px 0 24px;line-height:1.3}
.lounge-player .eyebrow{color:var(--gold);justify-content:center}
.lounge-record{width:min(230px,80%);aspect-ratio:1;margin:0 auto 30px;border-radius:50%;background:repeating-radial-gradient(circle,#302b57 0px,#302b57 2px,#211d46 3px,#211d46 5px);display:grid;place-items:center;border:1px solid #6a627d;box-shadow:0 12px 30px #0003}
.lounge-record span{display:flex;flex-direction:column;justify-content:center;aspect-ratio:1;width:43%;border-radius:50%;background:#d8bf91;color:#171348;font-size:22px;letter-spacing:2px}
.lounge-record small{font-size:9px;margin-top:8px;letter-spacing:3px}
.lounge-player audio{width:100%;display:block}
.lounge-controls{display:flex;justify-content:space-between;gap:16px;margin:16px 0}
.lounge-controls button{border:1px solid #ffffff55;background:transparent;color:inherit;border-radius:24px;padding:10px 16px;min-height:44px;cursor:pointer;font:inherit}
.lounge-controls button:disabled{opacity:.4;cursor:default}
#lounge-status{font-size:14px;min-height:1.5em;color:#e4cda8}
.lounge-tip{font-size:14px;line-height:1.6;margin:24px 0}
.lounge-player .btn{color:var(--ivory);border-color:#ffffff66;font-size:11px;padding:16px}
.lounge-list-heading{margin-bottom:24px}
.lounge-list-heading h2{font-size:clamp(28px,3vw,40px);margin:0 0 12px}
.lounge-list-heading p{color:var(--muted)}
.lounge-playlist ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--hairline)}
.lounge-playlist li{border-bottom:1px solid var(--hairline)}
.lounge-track{width:100%;display:grid;grid-template-columns:28px minmax(0,1fr) 26px;gap:16px;align-items:center;padding:24px 12px;min-height:78px;border:0;text-align:left;background:transparent;color:var(--ink);font:inherit;cursor:pointer;border-radius:8px}
.lounge-track:hover,.lounge-track[aria-pressed="true"]{background:#ede5d6}
.lounge-track-number{font-size:12px;color:#77674e}
.lounge-track-title{font-size:18px;line-height:1.4;overflow-wrap:anywhere}
.lounge-track-icon{font-size:15px;text-align:center}
@media(max-width:1100px) and (min-width:861px){.sachi-nav-start{gap:4px}.sachi-nav-start .nav-links{gap:12px}.sachi-nav-start .nav-link{letter-spacing:1px}}
@media(max-width:860px){.sachi-nav-start{display:none}.lounge-grid{grid-template-columns:1fr}.lounge-player{position:static}.lounge-intro{margin-bottom:32px}.lounge-player{padding:28px 20px}.lounge-track{gap:10px;padding:20px 6px}.lounge-record{width:170px}.lounge-copy{font-size:17px}}