:root{--ink:#2f2927;--muted:#77706a;--beige:#e2cba7;--sand:#f7f3ed;--red:#ad453a;--deep:#31201d}
/* Signup concert crowd: photo by Filip Andrejevic, Unsplash License (QmX5lw8StoQ). */
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"DM Sans",Arial,sans-serif;font-size:16px;line-height:1.65;background:#fff}a{color:inherit}button,input{font:inherit}img{max-width:100%;display:block}.shell{max-width:1160px;margin-inline:auto}.sr-only{position:absolute;clip:rect(0,0,0,0);height:1px;width:1px;overflow:hidden;white-space:nowrap}.skip-link{position:absolute;left:-9999px;top:12px}.skip-link:focus{left:12px;z-index:99;background:#fff;padding:12px}.eyebrow{font-size:.69rem!important;font-weight:700;letter-spacing:.22em;line-height:1.4!important;text-transform:uppercase;margin:0 0 15px;color:var(--red)}h1,h2,h3,p{margin-top:0}h1,h2,.logo,.story-aside h3{font-family:"Playfair Display",Georgia,serif;font-weight:500}h2{font-size:clamp(2.15rem,4.5vw,3.55rem);line-height:1.17}h3{line-height:1.25}p{line-height:1.75}
.site-header{height:82px;max-width:1160px;padding:0 4px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:28px}.site-header .logo{flex:none}.logo{font-size:25px;text-decoration:none;font-weight:700;line-height:1;letter-spacing:-1px;color:#8e302b}.logo em{color:var(--ink);font-weight:400}.logo small{display:block;font:600 9px/1.5 "DM Sans",sans-serif;letter-spacing:.19em;color:#70645a;text-transform:uppercase;margin-top:5px}.site-header nav{display:flex;align-items:center;gap:24px}.site-header nav a{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;text-decoration:none;white-space:nowrap}.site-header nav a:hover,.footer a:hover{color:var(--red)}.book-link{border:1px solid #b9a58f;padding:10px 16px}.menu-toggle{display:none}
.hero{display:grid;grid-template-columns:40% 60%;min-height:646px;background:var(--beige)}.hero-left{padding:55px 46px 45px;text-align:center;display:flex;align-items:center;flex-direction:column}.hero-left h1{font-size:clamp(3.15rem,5vw,4.9rem);line-height:.95;margin:8px 0 20px;letter-spacing:-2.5px}.hero-left h1 em{display:block;color:#a13b34}.lead{font-size:15px;line-height:1.65;margin-bottom:21px}.hire{font-size:18px;line-height:1.55;margin:0}.hire a{text-decoration:none;font-size:20px}.hire a:hover{text-decoration:underline}.hero-rule{height:2px;width:70px;background:#45352b;margin:22px auto 33px}.snapshot{width:100%;height:190px;object-fit:cover;object-position:top}.signup-prompt{font-size:27px;line-height:1.18;letter-spacing:-1px;margin:27px 0 0;text-decoration:none}.signup-prompt span{color:#a13b34}.hero-photo{position:relative;min-height:646px;overflow:hidden}.hero-photo img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center center}
.subscribe{background:linear-gradient(rgba(26,13,31,.63),rgba(26,13,31,.72)),url("/assets/signup-three-sisters.webp") center/cover;min-height:390px;display:grid;place-items:center;text-align:center;color:#fff}.subscribe-content{padding:66px 20px;width:100%;max-width:700px}.subscribe h2{margin-bottom:8px}.subscribe p{margin-bottom:27px}.subscribe .eyebrow{color:#eed8c3}.subscribe form{display:flex;gap:9px;max-width:590px;margin:0 auto}.subscribe input{flex:1;min-width:0;background:#fff;border:1px solid #fff;border-radius:0;padding:14px 17px;color:#28211d}.subscribe button{border:1px solid #b43f38;background:#b43f38;color:white;font-weight:700;cursor:pointer;padding:13px 21px;white-space:nowrap}.subscribe button:hover{background:#91362d}.setup-note{font-size:12px!important;line-height:1.5!important;opacity:.78;max-width:650px;margin:20px auto 0!important}.setup-note.dark{color:#817568;text-align:center;margin-top:30px!important}
.subscribe{background:linear-gradient(rgba(26,13,31,.63),rgba(26,13,31,.72)),url("/assets/signup-three-sisters.webp") center/cover;min-height:390px;display:grid;place-items:center;text-align:center;color:#fff}.subscribe-content{padding:66px 20px;width:100%;max-width:700px}.subscribe h2{margin-bottom:8px}.subscribe p{margin-bottom:27px}.subscribe .eyebrow{color:#eed8c3}.subscribe .brevo-signup-form{display:block;width:540px;max-width:100%;height:580px;margin:22px auto 0;background:#fff;border:0}.setup-note{font-size:12px!important;line-height:1.5!important;opacity:.78;max-width:650px;margin:20px auto 0!important}.setup-note.dark{color:#817568;text-align:center;margin-top:30px!important}
.section{padding-top:98px;padding-bottom:100px}.section-title{text-align:center;margin-bottom:47px}.section-title h2{margin-bottom:17px}.section-title>span{display:block;height:2px;width:68px;background:var(--ink);margin:0 auto}.section-title>p:last-child:not(.eyebrow){color:#736b64;margin:20px 0 0}.gig-list{border-top:1px solid #ded9d3}.gig{display:grid;grid-template-columns:122px 1fr 176px;gap:35px;padding:26px 6px;border-bottom:1px solid #ded9d3;align-items:center}.gig-date{display:flex;flex-direction:column;line-height:1.05}.gig-date small{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#8a8179}.gig-date strong{font-size:47px;font-weight:400;letter-spacing:-2px;line-height:1.2}.gig-info h3{font-size:21px;font-weight:600;margin-bottom:5px}.gig-info p{color:#5b514a;margin:0 0 6px;font-size:14px;line-height:1.55}.gig-info small{color:#847970;font-size:12px}.gig time{font-size:14px;color:#4f443d;text-align:right;align-self:start;padding-top:10px;font-weight:600;white-space:nowrap}
.calendar-embed-wrap{max-width:970px;margin:0 auto;border:1px solid #ded9d3;background:#fff;overflow:hidden}.calendar-embed{display:block;width:100%;height:600px;border:0}
.about{background:#f8f6f1}.about .section-title{margin-bottom:55px}.story{display:grid;grid-template-columns:36% 1fr;gap:75px;margin-bottom:50px}.story-aside h3{font-size:clamp(2.3rem,4vw,3.7rem);line-height:1.16;margin-bottom:32px}.story-aside p{color:var(--red);font-size:18px;font-family:"Playfair Display",Georgia,serif;font-style:italic;max-width:330px}.story-copy p{margin-bottom:17px;font-size:16px}.bios{display:grid;grid-template-columns:repeat(3,1fr);gap:27px}.bios article{background:white;padding:29px 30px 34px;border-top:3px solid #aa4b41}.bios b{display:block;color:#ad8877;font-size:12px;letter-spacing:.16em;margin-bottom:30px}.bios h3{font:500 26px/1.15 "Playfair Display",serif;margin-bottom:14px}.bios .role{color:var(--red);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;line-height:1.5;min-height:39px}.bios article>p:last-child{color:#59524b;font-size:14px;line-height:1.75}
.video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px 24px}.video-frame{aspect-ratio:16/9;background:#151515;overflow:hidden}.video-frame iframe{border:0;width:100%;height:100%}.video-grid h3{font-size:19px;margin:13px 0 0}.video-grid p{color:var(--muted);margin:1px 0 0;font-size:14px}
.photos{background:#f8f6f1}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.gallery button{padding:0;border:0;background:#ded1c0;cursor:zoom-in;aspect-ratio:1/1.08;overflow:hidden}.gallery button:nth-child(1),.gallery button:nth-child(6){grid-column:span 2;aspect-ratio:2/1.08}.gallery img{height:100%;width:100%;object-fit:cover;transition:transform .35s ease}.gallery button:hover img{transform:scale(1.055)}.gallery button:focus-visible{outline:4px solid var(--red);outline-offset:3px}
/* A saved photo framing choice affects the tile, never the full-size lightbox. */
.gallery img{transform:scale(var(--photo-zoom,1));transition:transform .3s ease,filter .2s ease}
.gallery button:hover img{transform:scale(var(--photo-zoom,1));filter:brightness(.96)}
.audio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.audio-card{display:grid;grid-template-columns:78px 1fr;gap:25px;padding:31px;background:#faf8f5;border:1px solid #ece5dd}.audio-card .eyebrow{font-size:10px!important}.audio-card h3{font:500 27px/1.2 "Playfair Display",serif;margin-bottom:8px}.audio-card p:not(.eyebrow){font-size:13px;color:#746d65;margin-bottom:20px}.audio-card iframe{border:0;width:100%;height:160px}.record{border-radius:50%;width:75px;height:75px;background:repeating-radial-gradient(circle at center,#302622 0 3px,#1f1b1a 3px 5px,#302622 5px 8px);position:relative;box-shadow:0 2px 5px #c5b3a2}.record:after{content:"";background:#c2604f;width:23px;height:23px;border:5px solid #a84439;border-radius:50%;position:absolute;top:26px;left:26px}
.audio-card audio{width:100%;max-width:100%;min-height:54px;display:block;accent-color:#a84236}
.contact{background:#392321;color:#fff}.contact-inner{padding-top:79px;padding-bottom:79px;display:flex;justify-content:space-between;align-items:center;gap:45px}.contact .eyebrow{color:#d9af9d}.contact h2{margin-bottom:12px}.contact p{color:#e8dad4;margin:0}.contact-links{display:flex;flex-direction:column;align-items:flex-start;min-width:250px;gap:8px}.contact-links a{text-decoration:none}.contact-links a:hover{text-decoration:underline}.contact-button{padding:13px 24px;background:#c55a4b;margin-bottom:10px;font-weight:700}.footer{padding:36px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer p,.footer a{font-size:12px;color:#776f68;text-decoration:none;margin:0}.footer .logo{font-size:21px}
.contact-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}.contact .contact-actions .contact-button{display:inline-flex;align-items:center;justify-content:center;margin:0;border:0;border-radius:3px;color:#fff;text-decoration:none;cursor:pointer;min-height:49px}.contact-actions .contact-text-button{background:#8e514b}.contact .contact-actions .contact-button:hover{background:#ae4739;text-decoration:none}.contact .contact-actions .contact-button:focus-visible{outline:3px solid #fff;outline-offset:3px}
#contact-dialog{position:fixed;border:0;border-radius:5px;background:#fffaf5;color:#392321;max-width:min(92vw,530px);width:100%;padding:36px;box-shadow:0 20px 70px #0005}#contact-dialog .eyebrow{color:#ad493e;margin-bottom:9px}#contact-dialog h2{font-size:32px;margin-bottom:16px}#contact-dialog p{margin-bottom:12px}#contact-dialog .contact-dialog-address{font-size:20px;font-weight:700;overflow-wrap:anywhere;color:#682e29}#contact-dialog .contact-dialog-tip{font-size:13px;color:#66544a;margin:19px 0 0}#contact-dialog .contact-dialog-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}#contact-dialog .contact-dialog-actions a,#contact-dialog .contact-dialog-actions button{display:inline-block;border:1px solid #b74e43;padding:11px 14px;cursor:pointer;text-decoration:none;border-radius:3px;font-size:14px;font-weight:700}#contact-dialog .contact-dialog-email{background:#b74e43;color:white}#copy-contact-email{background:white;color:#8e362c}#contact-dialog .contact-dialog-close{position:absolute;right:10px;top:8px;border:0;background:none;font-size:30px;color:#5a3a34;cursor:pointer;line-height:1;padding:4px 8px}
dialog::backdrop{background:rgba(20,15,15,.85)}#lightbox{position:fixed;border:0;background:#211b1a;padding:16px;max-width:min(92vw,960px);max-height:92vh}#lightbox img{max-height:80vh;max-width:85vw;object-fit:contain}#lightbox-close{position:absolute;right:12px;top:5px;background:rgba(0,0,0,.6);border:none;color:#fff;cursor:pointer;font-size:36px;width:45px;height:45px;line-height:1}
@media(max-width:1200px){.shell,.site-header{margin-left:24px;margin-right:24px}.site-header{padding:0}.hero-left{padding-left:30px;padding-right:30px}}
@media(max-width:850px){.site-header{height:72px}.menu-toggle{display:block;border:0;background:transparent;color:var(--ink);font-size:27px;cursor:pointer}.site-header nav{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;box-shadow:0 10px 25px #0002;z-index:10;padding:22px 28px;flex-direction:column;align-items:stretch;gap:13px}.site-header nav.open{display:flex}.hero{grid-template-columns:46% 54%;min-height:550px}.hero-photo{min-height:550px}.hero-left{padding:25px 20px}.hero-left h1{font-size:50px}.snapshot{height:155px}.hire,.hire a{font-size:15px}.signup-prompt{font-size:22px}.story{gap:35px}.bios article{padding:21px}.bios h3{font-size:21px}.gig{grid-template-columns:93px 1fr 125px;gap:20px}}
@media(max-width:650px){.shell,.site-header{margin-left:15px;margin-right:15px}.hero{display:flex;flex-direction:column-reverse}.hero-photo{height:330px;min-height:0}.hero-photo img{object-position:center 32%}.hero-left{padding:28px 25px 40px}.hero-left h1{font-size:50px}.hero-rule{margin:17px auto}.snapshot{max-width:310px;height:180px}.signup-prompt{margin-top:20px}.subscribe .brevo-signup-form{height:680px}.section{padding-top:65px;padding-bottom:70px}.section-title{margin-bottom:35px}.gig{grid-template-columns:65px 1fr;gap:16px;padding:21px 0}.gig-date strong{font-size:37px}.gig-date small{font-size:9px}.gig-info h3{font-size:17px}.gig time{grid-column:2;text-align:left;padding:0;margin-top:-8px;font-size:13px}.story{display:block}.story-aside h3{font-size:35px;margin-bottom:13px}.story-aside p{margin-bottom:23px}.bios,.video-grid,.audio-grid{grid-template-columns:1fr}.gallery{grid-template-columns:repeat(2,1fr);gap:8px}.gallery button:nth-child(1),.gallery button:nth-child(6){grid-column:span 2}.contact-inner{display:block;padding-top:60px;padding-bottom:70px}.contact-links{margin-top:30px}.footer{flex-wrap:wrap;gap:14px;padding:26px 0}.footer p{order:3;width:100%}}
@media(max-width:650px){.calendar-embed{height:560px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.gallery img{transition:none}}

/* Keep the opening photo and introduction tightly grouped. */
.hero{min-height:0}
.hero-photo{min-height:0}
.hero-left{padding-top:25px;padding-bottom:22px}
.hero-left h1{margin-top:4px;margin-bottom:12px}
.hero-left .lead{margin-bottom:10px}
.hero-left .hero-rule{margin:12px auto 16px}
.hero-left .snapshot{height:140px}
.hero-left .signup-prompt{font-size:23px;margin-top:12px}
@media(max-width:850px){
  .hero{display:flex;flex-direction:column-reverse;min-height:0}
  .hero-photo{height:60vw;min-height:0;width:100%}
  .hero-photo img{height:86vw;object-position:center top}
  .hero-left{padding:18px 22px 25px}
  .hero-left .hero-rule{margin:12px auto 16px}
  .hero-left .snapshot{height:145px}
  .hero-left .signup-prompt{margin-top:12px}
}

/* A warmer, more musical type style without sacrificing readability. */
.hero-left .snapshot-frame{width:100%;height:140px;overflow:hidden;background:#ded1c0}
.hero-left .snapshot{width:100%;height:100%;max-width:none;transform:scale(var(--photo-zoom,1))}
.hero-photo img{transform:scale(var(--photo-zoom,1))}
@media(max-width:850px){.hero-left .snapshot-frame{height:145px}}
@media(max-width:650px){.hero-left .snapshot-frame{max-width:310px}}
body{font-family:"Nunito Sans",Arial,sans-serif}
h1,h2,.logo,.story-aside h3,.bios h3,.bios-heading{font-family:"Fraunces",Georgia,serif}
.hero-left h1{line-height:1.08;letter-spacing:-1.5px}
.hero-left h1 em,.logo em{font-family:"Kaushan Script",cursive;font-style:normal;font-weight:400;letter-spacing:-.035em}
.hero-left h1 em{margin-top:-.04em}
.logo em{margin-left:.12em}
/* Use the same red script for both words of the band name. */
.hero-left h1,.hero-left h1 em,.logo,.logo em{font-family:"Kaushan Script",cursive;font-weight:400;font-style:normal;color:#a13b34;letter-spacing:-.035em}
.bios-heading{font-size:clamp(1.8rem,3vw,2.4rem);font-weight:500;text-align:center;margin:0 0 25px}
.bios article>p:last-child{font-size:15px;line-height:1.7}
@media(max-width:850px){
  .menu-toggle{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
  .menu-toggle span{font-size:26px;line-height:1}
}

/* More prominent gig signup and story introduction. */
.hero-left .signup-prompt{font-size:clamp(1.9rem,2.65vw,2.3rem);font-weight:700;line-height:1.15;letter-spacing:-.04em;color:#982f2a;max-width:440px;margin-top:17px}
.hero-left .signup-prompt:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.hero-left .signup-prompt span{color:inherit;white-space:nowrap}
.about .section-title .eyebrow{font-size:clamp(1.35rem,2vw,1.7rem)!important;line-height:1.25!important;letter-spacing:.12em;margin-bottom:15px}

/* Each gig is easy to scan: written-out date, venue, and a separate address line. */
.gig-cards{max-width:970px;margin-inline:auto;border-top:1px solid #d9d0c6}
.gig-card{display:grid;grid-template-columns:minmax(220px,30%) 1fr;gap:35px;padding:29px 22px 30px;border-bottom:1px solid #d9d0c6;align-items:start}
.gig-card:nth-child(odd){background:#fcfaf7}
.gig-card-date{font:600 clamp(1.24rem,2vw,1.55rem)/1.32 "Fraunces",Georgia,serif;color:#94372e;margin:0}
.gig-card-name{font:600 clamp(1.35rem,2.3vw,1.75rem)/1.3 "Fraunces",Georgia,serif;margin:0 0 8px}
.gig-card-address{margin:0;font-size:16px;line-height:1.65;color:#5a524b;white-space:pre-line}
.gig-card-time{font-size:14px;color:#75695f;margin:8px 0 0}
.gig-card-description{font-size:15px;line-height:1.6;color:#463b36;background:#f4ede5;border-left:3px solid #aa4b41;padding:13px 16px;margin:15px 0 0;white-space:pre-line}
.gig-loading,.gig-empty{padding:38px 22px;text-align:center;color:#645a50;margin:0}
.calendar-embed-wrap[hidden]{display:none}
@media(max-width:650px){
  .hero-left .signup-prompt{font-size:clamp(1.85rem,7vw,2.15rem)}
  .gig-card{grid-template-columns:1fr;gap:10px;padding:26px 19px}
  .gig-card-name{margin-bottom:6px}
}
