@charset "UTF-8";
:root{color-scheme:light;--ink:#27221d;--paper:#f1e8da;--muted:#4e4439;--line:#ae9f8d;--gutter:clamp(1.25rem,4.2vw,4.5rem)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:1rem;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #666;outline-offset:4px}::selection{background:#d7bb95;color:#111}p,h1,h2,h3{margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:1rem;left:1rem;padding:1rem;background:#fff;color:#111;z-index:10;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}
.backdrop{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#e4d4be}.backdrop picture{display:block;width:100%;height:100%}.backdrop img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:left center}.backdrop::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 35%,rgba(246,237,223,.62) 49%,rgba(246,237,223,.54) 100%)}.content{position:relative;z-index:1;width:46%;max-width:45rem;margin-left:48%;padding:5.5rem 0 2rem}.intro{padding-bottom:3.5rem;text-align:center}.intro h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(3rem,6.1vw,6rem);font-weight:900;line-height:1;letter-spacing:-.065em;white-space:normal}.intro p{margin-top:1rem;font-family:Arial,Helvetica,sans-serif;font-size:1.25rem;line-height:1.4;font-style:normal;color:var(--muted)}.intro .genres{margin-top:1.3rem;font-size:.875rem;letter-spacing:.035em;line-height:1.6}
.track-list{border-top:1px solid var(--line);height:35rem;overflow-y:auto;overflow-x:hidden;padding-inline:.4rem .85rem;scrollbar-width:thin;scrollbar-color:var(--muted) transparent;scrollbar-gutter:stable}.track-list:focus-visible{outline:2px solid var(--ink);outline-offset:5px}.track-list::-webkit-scrollbar{width:6px}.track-list::-webkit-scrollbar-thumb{background:var(--muted);border-radius:3px}.track-scroll-hint{display:flex;justify-content:flex-end;gap:.6rem;margin-top:.85rem;color:var(--muted);font-size:.8125rem;line-height:1.5}.track{display:grid;grid-template-columns:2.75rem minmax(0,1fr);gap:.55rem 1rem;align-items:center;padding:1.15rem 0;border-bottom:1px solid var(--line)}.track-play{width:2.75rem;height:2.75rem;border:1px solid var(--ink);border-radius:50%;background:transparent;color:var(--ink);display:grid;place-items:center;cursor:pointer;transition:background .2s,color .2s}.track-play:hover,.track[data-state="playing"] .track-play{background:var(--ink);color:var(--paper)}.track-play svg{width:1.2rem;height:1.2rem}.track-play .icon-play{margin-left:2px}.icon-pause,.icon-loading{display:none}.track[data-state="playing"] .icon-play,.track[data-state="loading"] .icon-play{display:none}.track[data-state="playing"] .icon-pause{display:block}.track[data-state="loading"] .icon-loading{display:block;width:1.1rem;height:1.1rem;border:2px solid #aaa;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}.track h3{font-size:1.1875rem;line-height:1.3;font-weight:500;letter-spacing:-.015em}.track-info p{font-size:.8125rem;line-height:1.5;color:var(--muted);margin-top:.15rem}.track-info p span[aria-hidden]{padding-inline:.3rem}.track-info a{text-decoration:underline;text-decoration-color:#a58e70;text-underline-offset:.2em}.track-info a:hover{color:var(--ink)}.track-timeline{grid-column:2;display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem}.track-seek{width:100%;height:1rem;margin:0;display:block;accent-color:var(--ink);cursor:pointer;background:transparent}.track-seek:disabled{cursor:default;opacity:.45}.track-time{display:flex;gap:.4rem;font-size:.75rem;color:var(--muted);font-variant-numeric:tabular-nums;line-height:1.5}.track-time::before{content:"";display:none}.track-elapsed::after{content:" /";margin-left:.35rem}.track-status{grid-column:2;font-size:.875rem;color:var(--muted);line-height:1.5}.track-status:empty{display:none}.audio-engine{position:fixed;left:-10000px;bottom:0;width:1px;height:1px;border:0;pointer-events:none}.noscript-note{margin-top:1rem;color:var(--muted);line-height:1.5}@keyframes spin{to{transform:rotate(360deg)}}
.contact{margin-top:4.5rem}.contact h2{font-family:Georgia,'Times New Roman',serif;font-size:2.4rem;font-weight:400;line-height:1.2}.contact-email{display:inline-block;color:var(--muted);font-size:.9375rem;margin-block:.8rem 2rem}.contact-email:hover{text-decoration:underline;text-underline-offset:.25rem}.form-fields{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.field{margin-bottom:1.25rem;min-width:0}.field label{display:block;font-size:.875rem;line-height:1.4;margin-bottom:.5rem}.field input,.field textarea{width:100%;min-height:2.9rem;padding:.7rem .8rem;border:1px solid #a49787;border-radius:0;background:rgba(255,253,249,.32);color:var(--ink)}.field textarea{resize:vertical;min-height:8rem;line-height:1.5}.send-button{display:flex;align-items:center;justify-content:space-between;gap:2.5rem;min-height:3rem;background:var(--ink);color:var(--paper);border:0;padding:.85rem 1.3rem;cursor:pointer;font-size:.9375rem}.send-button:hover{background:#444}.form-note,.form-status{font-size:.8125rem;line-height:1.5;color:var(--muted);margin-top:.8rem}.form-status:empty{display:none}.footer{display:flex;justify-content:space-between;gap:1rem;align-items:center;font-size:.8125rem;line-height:1.5;color:var(--muted);padding-top:4rem}.footer>div{display:flex;gap:1rem}.footer a{padding:.5rem 0}.footer a:hover{text-decoration:underline;text-underline-offset:.2rem}
@media(min-width:1800px){.content{margin-left:50%}}
@media(max-width:1000px) and (min-width:701px){.content{width:50%;margin-left:46%;padding-top:4rem}.backdrop img{height:100%}.intro h1{font-size:clamp(2.75rem,6.1vw,4rem)}.form-fields{grid-template-columns:1fr;gap:0}.track-timeline{gap:.5rem}}
@media(min-width:701px) and (max-aspect-ratio:4/3){.backdrop::after{background:linear-gradient(90deg,transparent 22%,rgba(246,237,223,.86) 46%,rgba(246,237,223,.92))}}
@media(max-width:700px){:root{--muted:#27221d;--line:#8a7964}.backdrop img{object-position:40% 20%}.backdrop::after{background:linear-gradient(180deg,rgba(245,234,218,.60),rgba(245,234,218,.65) 40%,rgba(245,234,218,.72))}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline-color:var(--ink)}.content{width:auto;max-width:32rem;margin-inline:auto;padding:3.5rem 1.5rem 2rem}.intro{padding-bottom:2.5rem}.intro h1{font-size:clamp(2.25rem,9vw,3.9rem);letter-spacing:-.065em}.intro p{font-size:1.125rem}.intro .genres{font-size:.875rem}.contact{margin-top:3.25rem}.contact h2{font-size:2rem}.form-fields{grid-template-columns:1fr;gap:0}.footer{align-items:flex-start;flex-direction:column;gap:.4rem;padding-top:3rem}.track-timeline{gap:.5rem}.track-time{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

.contact-icons{display:flex;align-items:center;gap:.85rem;margin-block:1.2rem 2rem;flex-wrap:wrap}.contact-icon{width:2.75rem;height:2.75rem;display:grid;place-items:center;border-radius:50%;color:var(--ink);transition:background .2s}.contact-icon svg{width:1.4rem;height:1.4rem}.contact-icon:hover{background:rgba(164,126,77,.18)}

.track-spotify{display:block}.spotify-player{width:100%;min-height:152px}.spotify-player iframe{display:block;width:100%;height:152px;border:0}.spotify-link,.spotify-status{font-size:.8125rem;line-height:1.5;color:var(--muted);margin-top:.6rem}.spotify-link a{text-decoration:underline;text-decoration-color:#a58e70;text-underline-offset:.2em}.spotify-status:empty{display:none}.spotify-retry{margin-top:.6rem;padding:.5rem .8rem;border:1px solid var(--ink);background:transparent;color:var(--ink);cursor:pointer}