/* Shared proposal navigation, outside the public band content. */
.proposal-bar{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:10px 5%;background:#171717;color:#fff;font-size:.875rem;border-bottom:1px solid #555}.proposal-bar>a{text-decoration:none}.proposal-bar>span{opacity:.8}.proposal-bar>div{display:flex;gap:8px}.proposal-bar>div a{display:grid;place-items:center;width:30px;height:30px;text-decoration:none;border:1px solid #606060}.proposal-bar a[aria-current]{background:#fff;color:#171717;border-color:white}.brand-logo{display:block;width:78px;height:78px;flex-shrink:0}.brand-logo img{object-fit:contain}.variant header{min-height:105px;height:auto;padding-top:12px;padding-bottom:12px}.variant article[id]{scroll-margin-top:35px}.hero-logo{display:none}.variant footer>a{letter-spacing:.06em}.variant .hero-person figcaption{font-family:Georgia,serif}
/* 01: an understated salon, with the deep red of the supplied mark. */
.salon{--red:#62071b;--mint:#f3f3f1}.salon .hero-person{height:440px}.salon .hero-portraits{margin-right:0;gap:12px}.salon .hero-person:nth-child(2){margin-top:45px}.salon .hero-person:nth-child(3){margin-top:85px}.salon .hero{grid-template-columns:1fr 1.1fr;padding-top:55px}.salon .story{background:#62071b}.salon .story-copy p{color:#f0dce0}.salon .story blockquote{border-color:#ad6573}.salon .portrait img{filter:grayscale(1)}.salon .contact{background:#191b1a}
/* 02: a broad, bright photographic journal; content reads like an editorial. */
.journal{--red:#244f49;--mint:#e4efeb}.journal .hero{display:flex;flex-direction:column;padding-top:45px;gap:10px;background:var(--mint)}.journal .hero-copy{display:grid;grid-template-columns:1.2fr 1fr;gap:15px 70px;align-items:start}.journal .hero-copy .eyebrow{grid-column:1/-1;margin:0 0 8px}.journal h1{font-size:clamp(3.3rem,6vw,6rem);grid-row:2/5;margin:0}.journal .intro{max-width:520px;margin:0}.journal .button{justify-self:start;margin-top:10px}.journal .text-link{margin-top:0}.journal .hero-portraits{margin:25px 0 0;gap:1px;padding:0;height:440px}.journal .hero-person,.journal .hero-person:nth-child(n){height:440px;margin:0;background:#d4e2dd}.journal .hero-person img{filter:none;object-position:50% 15%;object-fit:contain}.journal .hero-person figcaption{background:#fff;color:#244f49;text-shadow:none;bottom:18px;left:20px;padding:6px 16px;font-style:normal;font-size:1.2rem}.journal .hero-bottom{border-color:#b3c8bf;margin-top:15px}.journal .story{background:white;color:var(--ink);grid-template-columns:.65fr 1.35fr}.journal .story .eyebrow{color:#244f49}.journal .story-copy p{color:#4c5952}.journal .story-copy .lead{color:#17271f}.journal .story blockquote{text-align:left;margin:0;max-width:100%;border-color:#c5d2cb;padding-left:25%;font-style:normal}.journal .band{background:white;border-top:1px solid #b6ccc1}.journal .members{gap:45px}.journal .portrait{aspect-ratio:4/4.8}.journal .number{background:white;color:#244f49;font-family:Arial;font-weight:700}.journal .gallery-item span{color:#244f49}.journal .contact{background:#244f49}.journal .contact .eyebrow{color:#c5e3d9}.journal footer{background:#e4efeb}
/* 03: evening club, a restrained geometric Art Deco frame and photographic strip. */
.night{--ink:#f4ead4;--paper:#151214;--red:#edcf96;--mint:#211b1e;background:#151214;color:var(--ink)}.night header{background:#151214;border-color:#5a4042}.night nav a:hover{color:#edcf96}.night .language button{color:#c1b7b0}.night .language button[aria-pressed=true]{color:#edcf96}.night .hero{padding:55px 7% 0;grid-template-columns:.8fr 1.2fr;gap:40px 65px}.night .hero-logo{display:block;border:1px solid #a47d4e;padding:12px;aspect-ratio:1;max-width:370px;align-self:center;margin:0 auto;width:100%}.night .hero-logo img{object-fit:contain}.night .hero-copy{align-self:center}.night h1{font-size:clamp(2.8rem,4.5vw,4.8rem)}.night .intro{color:#d8cec3}.night .button{background:#edcf96;color:#271118}.night .button:hover{background:#f7e2b9}.night .hero-portraits{grid-column:1/-1;margin:0;padding:0;gap:16px}.night .hero-person,.night .hero-person:nth-child(n){height:340px;margin-top:0;border:1px solid #694d47}.night .hero-person img{object-position:50% 27%}.night .hero-bottom{border-color:#5a4042}.night .story{background:#430d1b;position:relative}.night .story:before{content:'';position:absolute;inset:20px;border:1px solid #8d6554;pointer-events:none}.night .story .eyebrow{color:#edcf96}.night .story-copy p{color:#e0c9c8}.night .story-copy .lead{color:#f4ead4}.night .story blockquote{border-color:#a77566;color:#edcf96}.night .band{background:#151214}.night .portrait{border:1px solid #8d6554}.night .portrait img{filter:grayscale(1)}.night .number{background:#edcf96;color:#430d1b}.night details{border-color:#72574c}.night .role{color:#edcf96}.night .photos{background:#211b1e}.night .gallery-heading p{color:#e0c9c8}.night .gallery-item span{color:#430d1b}.night .contact{background:#430d1b}.night .contact .eyebrow{color:#edcf96}.night .contact-links a:hover{color:#edcf96}.night footer span{color:#cec3b3}
/* 04: a typeset gig poster, with bold colour blocks and offbeat portrait placement. */
.poster{--red:#650b21;--ink:#24141a;--mint:#f4e6bd}.poster header{background:#f4e6bd;border:0}.poster .hero{background:#650b21;color:#f4e6bd;display:grid;grid-template-columns:1.25fr 1fr;gap:0;padding:35px 5% 0}.poster .hero-copy{display:grid;grid-template-columns:150px 1fr;gap:20px;align-items:center}.poster .hero-logo{display:block;width:150px;height:150px;grid-column:1;grid-row:1}.poster .hero-logo img{object-fit:contain}.poster .hero-copy .eyebrow{grid-column:2;grid-row:1;margin:0;color:#f4e6bd;font-size:1rem;letter-spacing:.07em;border-left:1px solid #be7a86;padding:20px}.poster h1{grid-column:1/-1;font:900 clamp(4rem,6.5vw,7.5rem)/.94 Arial,sans-serif;text-transform:uppercase;letter-spacing:-.065em;margin:0 0 15px}.poster .intro{grid-column:1/-1;max-width:530px;font-size:1rem;margin:0 0 12px}.poster .button{background:#f4e6bd;color:#650b21;grid-column:1/-1;justify-self:start}.poster .text-link{grid-column:1/-1;margin:0 0 10px}.poster .hero-portraits{display:flex;flex-wrap:wrap;position:relative;align-content:center;justify-content:center;gap:0;margin:0 0 0 15px;padding:0 0 45px}.poster .hero-person,.poster .hero-person:nth-child(n){width:46%;height:270px;border:9px solid #f4e6bd;margin:0;box-shadow:5px 8px 0 #300414}.poster .hero-person img{filter:none;object-position:50% 15%}.poster .hero-person:nth-child(1){transform:rotate(-7deg);z-index:2}.poster .hero-person:nth-child(2){transform:rotate(9deg) translateY(38px);z-index:1}.poster .hero-person:nth-child(3){transform:rotate(-4deg);margin-top:-15px;z-index:3}.poster .hero-person figcaption{color:#650b21;background:#f4e6bd;padding:3px 9px;left:0;bottom:0;text-shadow:none;font:bold 1rem Arial}.poster .hero-bottom{border-color:#be7a86;padding-top:20px;margin-top:40px}.poster .story{background:#f4e6bd;color:#24141a;grid-template-columns:1fr 1fr;gap:45px}.poster h2{font:bold clamp(2.5rem,4.7vw,5rem)/1 Arial,sans-serif;text-transform:uppercase;letter-spacing:-.05em}.poster .story .eyebrow{color:#650b21}.poster .story-copy p,.poster .story-copy .lead{color:#24141a}.poster .story blockquote{font:bold clamp(1.7rem,3vw,3rem)/1.18 Arial,sans-serif;border:0;border-top:3px solid #650b21;text-align:left;color:#650b21;max-width:100%}.poster .band{background:#fff}.poster .members{gap:25px}.poster .portrait{border-bottom:12px solid #650b21}.poster h3{font-weight:bold;font-family:Arial;letter-spacing:-.05em}.poster .number{background:#650b21;font-family:Arial}.poster .photos{background:#f4e6bd}.poster .gallery{gap:20px}.poster .gallery-item{border:7px solid white}.poster .contact{background:#650b21}.poster .contact h2{font-family:Arial}.poster footer{background:#f4e6bd}
/* 05: three solos; the reader can give one of the band members the spotlight. */
.solos{--red:#62071b;--mint:#e4efeb}.solos header{border-bottom:0}.solos .hero{padding:30px 5% 0;display:block}.solo-heading{display:grid;grid-template-columns:1.4fr 1fr;gap:5px 45px;align-items:end}.solo-heading .eyebrow{grid-column:1/-1;margin-bottom:8px}.solo-heading h1{font-size:clamp(2.8rem,4.5vw,5rem);margin:0}.solo-heading>p:last-child{margin:0 0 10px;color:#52605b}.solo-stage{display:flex;gap:10px;margin:35px 0 0;min-height:440px}.solo-card{flex:1;min-width:0;background:#e4efeb;transition:flex .45s ease;position:relative;overflow:hidden}.solo-card.active{flex:1.65}.solo-card:nth-child(2){background:#d2e1da}.solo-card:nth-child(3){background:#c0d4ca}.solo-select{width:100%;height:440px;display:block;padding:0;border:0;background:transparent;position:relative;text-align:left;color:#fff;overflow:hidden}.solo-select:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#17251ad9);pointer-events:none}.solo-select img{object-fit:contain;object-position:center bottom;transition:filter .4s;filter:grayscale(1)}.solo-card.active img{filter:none}.solo-name{position:absolute;bottom:48px;left:25px;z-index:1;font:italic clamp(2.3rem,4.5vw,4.4rem)/1 Georgia,serif;letter-spacing:-.05em}.solo-role{position:absolute;bottom:22px;left:25px;z-index:1;font-size:.875rem}.solo-info{padding:20px 25px;color:#253b30;min-height:135px}.solo-info p{font-size:.95rem;margin-bottom:10px;line-height:1.55}.solo-info a{font-size:.875rem;font-weight:bold}.solo-card.active .solo-info{background:#62071b;color:#fff}.solo-intro{padding:28px 0;display:flex;align-items:center;gap:40px;justify-content:space-between;border-bottom:1px solid #c1d0c8}.solo-intro .intro{max-width:680px;margin:0;font-size:1rem}.solo-intro .button{flex-shrink:0}.solos .story{background:white;color:#17251a}.solos .story .eyebrow{color:#62071b}.solos .story-copy p{color:#405447}.solos .story-copy .lead{color:#17251a}.solos .story blockquote{border-color:#c1d0c8;color:#62071b}.solos .band{background:#17251a;color:white}.solos .role{color:#ecc8ce}.solos details{border-color:#789183}.solos .number{background:white;color:#17251a}.solos .contact{background:#62071b}
@media(min-width:1500px){.poster .hero-portraits{max-width:650px}.poster .hero-person,.poster .hero-person:nth-child(n){height:310px}}
@media(max-width:1000px){.poster .hero{grid-template-columns:1.1fr 1fr}.poster .hero-copy{grid-template-columns:120px 1fr}.poster .hero-logo{width:120px;height:120px}.poster .hero-person,.poster .hero-person:nth-child(n){height:210px}.poster h1{font-size:4.5rem}.solo-select{height:380px}.solo-name{left:15px}.solo-role{left:15px}.solo-info{padding:20px 15px}.night .hero{gap:30px}.journal .hero-copy{gap:15px 35px}}
@media(max-width:760px){.proposal-bar{padding:10px 5%;flex-wrap:wrap;gap:8px;font-size:.75rem}.proposal-bar>span{order:3;width:100%}.proposal-bar>div{margin-left:auto}.proposal-bar>div a{width:27px;height:27px}.variant header{padding-top:12px;min-height:0}.brand-logo{width:65px;height:65px}.salon .hero{grid-template-columns:1fr;padding-top:35px}.salon .hero-person,.salon .hero-person:nth-child(n){height:clamp(220px,65vw,390px)}.salon .hero-person:nth-child(2){margin-top:25px}.salon .hero-person:nth-child(3){margin-top:45px}.journal .hero-copy{display:block}.journal h1{margin:20px 0 25px;font-size:clamp(2.8rem,10vw,4.3rem)}.journal .intro{margin-bottom:20px}.journal .text-link{margin-top:15px}.journal .hero-portraits,.journal .hero-person,.journal .hero-person:nth-child(n){height:280px}.journal .hero-person figcaption{font-size:.95rem;padding:4px 8px;left:8px;bottom:8px}.journal .story{grid-template-columns:1fr}.journal .story blockquote{padding-left:0}.night .hero{grid-template-columns:1fr;padding:30px 6% 0;gap:30px}.night .hero-logo{max-width:240px}.night .hero-copy{text-align:center}.night .intro{margin-left:auto;margin-right:auto}.night .text-link{margin-left:auto;margin-right:auto}.night .hero-portraits{gap:7px;grid-column:auto}.night .hero-person,.night .hero-person:nth-child(n){height:230px}.night .story:before{inset:12px}.poster .hero{grid-template-columns:1fr;padding-top:25px;gap:25px}.poster .hero-copy{grid-template-columns:95px 1fr;gap:18px}.poster .hero-logo{width:95px;height:95px}.poster .hero-copy .eyebrow{font-size:.8rem;padding:15px}.poster h1{font-size:clamp(3.2rem,11vw,5rem);margin-top:10px}.poster .hero-portraits{flex-wrap:nowrap;gap:6px;margin:0;padding:25px 0 30px}.poster .hero-person,.poster .hero-person:nth-child(n){width:33.33%;height:230px;margin:0;border-width:5px;box-shadow:3px 5px 0 #300414}.poster .hero-person:nth-child(2){transform:rotate(5deg) translateY(15px)}.poster .hero-person figcaption{font-size:.875rem;padding:3px 5px}.poster .hero-bottom{margin-top:0}.poster .story{grid-template-columns:1fr;gap:25px}.poster .story blockquote{font-size:1.8rem}.poster .gallery{gap:12px}.solo-heading{display:block}.solo-heading>p:last-child{margin:20px 0}.solo-stage{flex-direction:column;margin-top:25px;gap:12px}.solo-card{display:grid;grid-template-columns:1fr 1fr;flex:auto}.solo-card.active{flex:auto}.solo-select{height:300px}.solo-name{font-size:2.5rem;bottom:44px;left:12px}.solo-role{font-size:.8rem;bottom:17px;left:12px;right:5px}.solo-info{align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding:20px}.solo-card.active .solo-info{background:#62071b}.solo-intro{display:block;padding:25px 0}.solo-intro .button{margin-top:20px}.solo-heading h1{font-size:clamp(2.8rem,10vw,4rem)}.solos .hero{padding-top:25px}}
@media(max-width:400px){.solo-select{height:270px}.solo-info{padding:15px}.solo-name{font-size:2.25rem}.poster .hero-person,.poster .hero-person:nth-child(n){height:190px}.night .hero-person,.night .hero-person:nth-child(n){height:200px}}
@media(prefers-reduced-motion:reduce){.solo-card,.solo-select img{transition:none}}