:root{color-scheme:dark;--ink:#f5ecd9;--muted:#b6a38a;--gold:#d6b473;--line:#c49a574d;--bg:#18110c;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100svh;background-color:var(--bg);background-image:linear-gradient(#0b0806b8,#0b0806d4),url('dark-teak.jpg');background-size:auto,960px auto;color:var(--ink);padding:32px 24px 22px}main{max-width:1000px;margin:auto}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #f5dc9c;outline-offset:6px}button:disabled{opacity:.55;cursor:default}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.masthead{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:0 3px 24px}.artist{font:16px Georgia,serif;letter-spacing:.03em;text-decoration:none}.artist span{display:block;margin-top:8px;font:9px Arial,sans-serif;letter-spacing:.23em;text-transform:uppercase;color:var(--muted)}.place{font-size:9px;letter-spacing:.14em;color:var(--muted);text-transform:uppercase}.listening-room{position:relative;padding:34px 48px 28px;background:linear-gradient(135deg,#100b078c,#0b0908cc);border:1px solid #b38a493f;box-shadow:0 0 0 5px #1e140e75,0 0 0 6px #c5a0651c,0 26px 80px #0008,inset 0 1px 0 #e3c38815}.listening-room:before,.listening-room:after{content:'';position:absolute;width:5px;height:5px;background:radial-gradient(circle at 30% 30%,#ead095,#8f6b36 70%);box-shadow:0 1px 4px #000;top:12px;left:12px;border-radius:50%}.listening-room:after{left:auto;right:12px}.title-row{text-align:center;border-bottom:1px solid var(--line);padding-bottom:27px}.eyebrow{font-size:9px;letter-spacing:.34em;color:var(--gold);text-transform:uppercase;margin:0 0 14px}h1{font:normal clamp(52px,7.5vw,82px)/1.05 Georgia,serif;letter-spacing:-.035em;margin:0;color:#f5e7c9;text-shadow:0 2px 10px #0008}.subtitle{font:italic 15px Georgia,serif;letter-spacing:.015em;color:var(--muted);margin:16px 0 0}.player-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:60px;align-items:center;padding:35px 0 28px}.artwork-wrap{text-align:center}.artwork-frame{padding:7px;border:1px solid #d1a96a8c;background:linear-gradient(140deg,#735527,#1a130c 35%,#b18a43 65%,#251a10);box-shadow:0 8px 26px #000a,inset 0 0 0 2px #25190e}.cover-art{display:block;width:100%;height:auto;border:1px solid #be9b5d66}.artwork-signature{font:italic 14px Georgia,serif;color:var(--muted);margin:17px 0 0}.player{min-width:0;text-align:center}.player-eyebrow{font-size:8px;text-transform:uppercase;letter-spacing:.25em;color:var(--muted);margin:0 0 9px}.track-title{font:normal 30px Georgia,serif;margin:0 0 8px}.track-artist{font-size:11px;color:var(--muted);letter-spacing:.06em;margin:0}audio{display:none}.transport{display:flex;align-items:center;justify-content:center;gap:28px;margin:23px 0 14px}.play-button{width:92px;height:92px;flex-shrink:0;display:grid;place-items:center;position:relative;border:1px solid #f5d595;border-radius:50%;color:#2b1c0e;background:conic-gradient(from 20deg,#c99f5c,#f4d497 22%,#ac7f3e 48%,#eac684 75%,#c99f5c);box-shadow:0 6px 22px #0009,inset 0 0 0 5px #1b130e,inset 0 0 0 6px #e4bd7780;transition:filter .18s,transform .18s}.play-button:before{content:'';position:absolute;inset:10px;border-radius:50%;border:1px solid #fff3}.play-button:hover{filter:brightness(1.1);transform:translateY(-1px)}.play-button:active{transform:translateY(1px)}.play-button svg{width:30px;height:30px;fill:currentColor;position:relative}.play-symbol{margin-left:4px}.pause-symbol{display:none}.is-playing .play-symbol{display:none}.is-playing .pause-symbol{display:block}.skip-button{width:44px;height:44px;position:relative;border:0;background:transparent;color:var(--gold);display:grid;place-items:center;padding:6px}.skip-button svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.skip-button span{position:absolute;font-size:8px;bottom:15px}.skip-button:hover{color:#f5d595}.play-status{font-size:10px;color:var(--muted);margin:0 0 18px;letter-spacing:.025em;min-height:12px}.timeline{max-width:360px;margin:auto}.time-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;font-variant-numeric:tabular-nums;margin-top:7px}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:24px;margin:0;cursor:pointer;background:transparent;--fill:50%}input[type=range]::-webkit-slider-runnable-track{height:3px;background:linear-gradient(to right,#c5a15f var(--fill),#4b3a25 var(--fill));border:0;box-shadow:0 1px 0 #fff1}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-5.5px;border:1px solid #ffe3a4;border-radius:50%;background:linear-gradient(135deg,#f1d295,#a27a39);box-shadow:0 1px 5px #000a}input[type=range]::-moz-range-track{height:3px;background:#4b3a25}input[type=range]::-moz-range-progress{height:3px;background:#c5a15f}input[type=range]::-moz-range-thumb{width:13px;height:13px;border:1px solid #ffe3a4;border-radius:50%;background:linear-gradient(135deg,#f1d295,#a27a39)}#seek{--fill:0%}#seek::-webkit-slider-thumb{width:9px;height:9px;margin-top:-3px}#seek::-moz-range-thumb{width:9px;height:9px}#spectrum{display:block;width:100%;height:25px;max-width:360px;margin:16px auto 0;opacity:.7}.sound{border-top:1px solid var(--line);padding-top:20px}.sound-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;color:var(--gold);font-size:9px;letter-spacing:.18em;text-transform:uppercase}.quiet-button{background:transparent;color:var(--muted);border:1px solid #b695593f;padding:8px 13px;font-size:9px;letter-spacing:.04em;min-height:36px}.quiet-button:hover{color:var(--ink);border-color:var(--gold)}.tones{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}.tones label{display:grid;grid-template-columns:1fr auto;gap:6px;font-size:10px;letter-spacing:.04em;color:#dac9ae}.tones output{font-size:9px;color:var(--muted);font-variant-numeric:tabular-nums}.tones input{grid-column:1/-1}#soundNotice{font:italic 11px Georgia,serif;color:var(--muted);margin:12px 0 18px;text-align:center}.install-row{display:flex;justify-content:space-between;align-items:center;gap:18px;border-top:1px solid var(--line);padding-top:18px}.install-row>span{font:italic 13px Georgia,serif;color:var(--muted)}.install-button{background:linear-gradient(135deg,#d4b16d,#f0d298 45%,#c19954);color:#271c10;border:1px solid #e9c887;font-size:10px;letter-spacing:.06em;min-height:42px;padding:11px 20px;box-shadow:0 2px 8px #0005,inset 0 1px 0 #fff5}.install-button:hover{filter:brightness(1.08)}.san-diego-photo{width:min(85%,460px);margin:30px auto 24px;text-align:center}.photo-frame{padding:5px;border:1px solid #b9925378;background:linear-gradient(135deg,#b9995b,#35251a 30%,#634a2b 65%,#bda26a);box-shadow:0 10px 30px #0008}.san-diego-photo img{display:block;width:100%;height:auto;aspect-ratio:2.6/1;object-fit:cover;object-position:center 69%;border:1px solid #20190f;border-radius:0}.san-diego-photo figcaption{font:italic 14px Georgia,serif;color:#d2ba91;margin:14px 0 0}.san-diego-photo figcaption span{display:block;font:8px Arial,sans-serif;letter-spacing:.17em;text-transform:uppercase;color:var(--muted);margin-top:7px}.recording-notes{border-top:1px solid #b9945433;border-bottom:1px solid #b9945433;color:var(--muted);font-size:11px}.recording-notes summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:15px 0;list-style:none}.recording-notes summary::-webkit-details-marker{display:none}.recording-notes summary span{font-size:16px;color:var(--gold)}.recording-notes[open] summary span{transform:rotate(45deg)}.recording-notes>div{font-size:12px;line-height:1.7;padding:0 0 12px}.liner{display:flex;justify-content:space-between;gap:24px;align-items:center;font-size:9px;color:var(--muted);padding-top:20px;letter-spacing:.04em}.liner a{text-decoration:none;color:var(--gold)}.liner a:hover{text-decoration:underline}#error{font-size:12px;color:#eeb69a;line-height:1.6}#error a{color:inherit}dialog{max-width:min(430px,calc(100% - 32px));background:#1a120d;color:var(--ink);border:1px solid var(--gold);padding:28px;box-shadow:0 20px 90px #000a}dialog::backdrop{background:#000c}dialog h2{font:normal 28px Georgia,serif;margin:0 0 15px}dialog p{font-size:13px;line-height:1.8;color:var(--muted)}dialog .install-note{font-size:11px}dialog form{display:flex;justify-content:flex-end;margin-top:20px}
@media(max-width:700px){body{padding:23px 18px}.masthead{padding-bottom:22px}.artist{font-size:14px}.place{font-size:8px;max-width:100px;text-align:right;line-height:1.8}.listening-room{padding:29px 24px 22px}.player-layout{grid-template-columns:170px minmax(0,1fr);gap:28px}.transport{gap:12px}.play-button{width:78px;height:78px}.tones{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px}.track-title{font-size:25px}.artwork-signature{font-size:12px}}@media(max-width:520px){body{padding:23px 16px 20px}.masthead{gap:12px}.artist span{font-size:8px}.listening-room{padding:28px 22px 21px}h1{font-size:clamp(43px,12vw,66px)}.title-row{padding-bottom:23px}.eyebrow{font-size:8px}.subtitle{font-size:13px;margin-top:12px}.player-layout{grid-template-columns:1fr;padding:26px 0 23px;gap:24px}.artwork-wrap{width:154px;margin:auto}.artwork-signature{font-size:11px;margin-top:11px}.track-title,.track-artist,.player-eyebrow{display:none}.transport{margin:0 0 13px;gap:28px}.play-button{width:82px;height:82px}.play-status{font-size:10px}.sound-heading{font-size:8px;letter-spacing:.12em}.quiet-button{min-height:36px}.install-row{flex-direction:column;gap:13px}.install-button{width:100%;min-height:44px}.san-diego-photo{width:100%;max-width:340px;margin-top:28px}.san-diego-photo img{aspect-ratio:2.4/1}.liner{font-size:8px;gap:14px}.place{font-size:7px}.time-labels{font-size:9px}}@media(max-width:340px){body{padding:18px 12px}.listening-room{padding:25px 16px 20px}.place{display:none}.transport{gap:19px}.tones{gap:13px 17px}.artwork-wrap{width:135px}.liner{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}
.listening-room{background-image:linear-gradient(135deg,#170d065c,#0d090773),url(dark-teak.jpg);background-size:auto,900px auto}
.san-diego-photo{width:min(100%,560px);max-width:560px}.cabana-scene{position:relative;border:1px solid #bd995e6b;box-shadow:0 12px 35px #0009}.san-diego-photo .cabana-setting{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;object-position:center;border:0}.cabana-scene .photo-frame{position:absolute;left:17.5%;top:23.5%;width:65%;padding:4px;box-shadow:0 4px 12px #0004}.cabana-scene .photo-frame img{aspect-ratio:2.6/1;object-position:center 69%}@media(max-width:520px){.san-diego-photo{max-width:380px}.cabana-scene .photo-frame{padding:2px}}