/* Lillian's design, exact palette read from the live site on 2026-10-12 */
@font-face{font-family:"Playfair Display";font-weight:500 600;font-display:swap;src:url(fonts/playfair-display.woff2) format("woff2")}
@font-face{font-family:Inter;font-weight:500 700;font-display:swap;src:url(fonts/inter.woff2) format("woff2")}
@font-face{font-family:Lato;font-weight:400;font-display:swap;src:url(fonts/lato.woff2) format("woff2")}
:root{--brown:#2C1810;--gold:#DAA83D;--gold-dark:#A67F2E;--teal:#1D4E4E;--cream:#F5E6D3;--saddle:#8B4513;--bar:#0B0604;--tan:#EFD7A5}
*{box-sizing:border-box}
body{margin:0;background:var(--cream);color:var(--brown);font:500 15px/25px Inter,system-ui,sans-serif}
h1,h2,h3{font-family:"Playfair Display",Playfair,Georgia,serif;font-weight:500;margin:0 0 .5em;line-height:1.2}
h1{font-size:33px}h2{font-size:32px}
a{color:var(--saddle)}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.skip{position:absolute;left:-999px;top:0;background:var(--bar);color:var(--gold);padding:8px 12px;z-index:10}
.skip:focus{left:0}
.bar{background:var(--bar);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:0 24px;min-height:81px}
.bar ul,.foot ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.brand{margin:0;font:500 22px/1 "Playfair Display",Playfair,Georgia,serif;letter-spacing:2px;text-transform:uppercase}
.brand a{color:var(--gold);text-decoration:none}
.bar nav a{font-size:12px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold);text-decoration:none;padding:6px}
.bar nav a:hover,.bar nav a[aria-current]{text-decoration:underline}
.hero{height:344px;background-size:cover;background-position:center}
.wrap{max-width:1140px;margin:0 auto;padding:32px 24px}
.release{display:grid;grid-template-columns:1fr minmax(220px,40%);gap:32px;align-items:start}
.release img{width:100%;height:auto}
.kicker{font-family:"Playfair Display",Playfair,Georgia,serif;font-size:20px;color:var(--teal);margin:0}
.lead{font-family:"Playfair Display",Playfair,Georgia,serif;font-size:22px;font-weight:600;color:var(--teal)}
.button{display:inline-block;background:var(--brown);color:var(--cream);font:500 14px/14px Lato,Inter,sans-serif;padding:12px 24px;border:0;text-decoration:none;cursor:pointer}
.button:hover{background:var(--saddle)}
.frame{position:relative;aspect-ratio:16/9;max-width:800px}
.frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.band{padding:24px 0}
.band.dark{background:var(--brown);color:var(--cream)}
.band.teal{background:var(--teal);color:var(--cream)}
.band h2{color:var(--cream)}
form label{display:block;margin-bottom:4px}
input[type=email]{font:inherit;padding:10px;min-width:260px;max-width:100%;margin-right:8px;border:1px solid var(--tan)}
.band .button{background:var(--gold);color:var(--brown)}
.foot{background:var(--brown);color:var(--cream);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:16px 24px}
.foot p{margin:0}
.foot a{color:var(--gold)}
.foot a,.crumbs a,.meta a{display:inline-block;padding:4px 2px;min-height:24px;box-sizing:border-box}
@media (max-width:700px){.release{grid-template-columns:1fr}.hero{height:200px}}
.titleband{background-color:var(--teal);background-size:cover;background-position:center;min-height:300px;display:flex;align-items:center;justify-content:center}
.titleband h1{color:var(--cream);font-size:49px;font-weight:600;line-height:49px;text-align:center;margin:0}
.about{display:grid;grid-template-columns:minmax(180px,225px) 1fr;gap:32px;align-items:start}
.about img{width:100%;height:auto}
.quote blockquote{margin:0;max-width:800px}
.quote footer{font-weight:700;margin-top:8px}
.band strong{font-family:"Playfair Display",Playfair,Georgia,serif;font-size:22px;color:var(--gold)}
@media (max-width:700px){.about{grid-template-columns:1fr}}
.tracks{list-style:none;margin:0;padding:0}
.tracks li{margin-bottom:24px}
.tracks h3{font-size:22px;margin-bottom:4px}
.tracks p{margin:0 0 8px}
audio{width:100%;max-width:600px;display:block}
.credits{padding-left:20px}
.credits li{margin-bottom:6px}
.work{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.band h3{color:var(--cream)}
.services{padding-left:20px}
.contact label{display:block;margin-bottom:4px}
.contact input[type=text],.contact input[type=email],.contact textarea{font:inherit;width:100%;padding:10px;border:1px solid var(--tan);margin:0}
.contact .button{background:var(--gold);color:var(--brown)}
@media (max-width:700px){.work{grid-template-columns:1fr}}
.tiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,246px));gap:32px}
.tiles a{display:block;text-decoration:none;color:var(--brown)}
.tiles img{width:100%;height:auto;display:block}
.tiles h2{font-size:22px;margin:8px 0 0}
.tiles a:hover h2,.tiles a:focus-visible h2{text-decoration:underline}
.crumbs p{margin:0 0 16px}
.product{display:grid;grid-template-columns:minmax(200px,40%) 1fr;gap:32px;align-items:start}
.product-pic img{width:100%;height:auto;display:block}
.product h1{color:var(--teal);font-size:40px}
.price{font-size:22px;font-weight:700}
.product-desc{grid-column:1/-1}
.meta{font-size:13px}
.tiles span{display:block}
button[aria-disabled=true]{opacity:.7;cursor:not-allowed}
@media (max-width:700px){.product{grid-template-columns:1fr}}
.trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}