:root{--ink:#191b1a;--paper:#fff;--red:#921e2a;--mint:#e4efeb;--line:#d5d9d6;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.65 Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-underline-offset:.25em}button{font:inherit;cursor:pointer}img{display:block;width:100%;height:100%;object-fit:cover}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #bd5661;outline-offset:5px}.skip{position:fixed;top:-100px;left:20px;background:white;padding:12px;z-index:100}.skip:focus{top:15px}header{height:100px;padding:0 5%;display:flex;align-items:center;gap:40px;border-bottom:1px solid var(--line);background:white}.wordmark{font-weight:900;line-height:.92;font-size:1.45rem;letter-spacing:-.06em;text-decoration:none}.wordmark span{display:block}nav{display:flex;gap:28px;margin-left:auto;font-size:.875rem}nav a{text-decoration:none}nav a:hover{color:var(--red)}.language{display:flex;gap:8px;align-items:center;font-size:.875rem}.language button{border:0;background:none;padding:8px 3px;color:#686b68}.language button[aria-pressed=true]{color:var(--red);font-weight:700}.language span{color:#c3c6c3}.hero{padding:75px 5% 0;display:grid;grid-template-columns:.9fr 1.1fr;gap:35px;overflow:hidden}.eyebrow{font-weight:700;font-size:.75rem;letter-spacing:.16em;margin:0 0 27px;line-height:1.6;color:var(--red)}h1,h2,h3,p,figure{margin-top:0}h1{font:normal clamp(3rem,5vw,5.15rem)/1.03 var(--serif);letter-spacing:-.055em;margin-bottom:28px}h2{font:normal clamp(2.4rem,4vw,4.2rem)/1.08 var(--serif);letter-spacing:-.045em;margin-bottom:38px}h3{font:normal 1.85rem/1.2 var(--serif);letter-spacing:-.03em;margin:26px 0 7px}.intro{max-width:440px;font-size:1.05rem;line-height:1.7;margin-bottom:32px}.button{display:inline-block;background:var(--red);color:white;text-decoration:none;padding:14px 23px;font-size:.875rem;font-weight:700}.button:hover{background:#741824}.text-link{display:block;width:max-content;margin-top:17px;font-size:.875rem}.hero-portraits{display:grid;grid-template-columns:repeat(3,1fr);align-items:start;gap:10px;margin:0 -4vw 0 0;padding:7px 0 42px}.hero-person{height:420px;margin:0;position:relative;background:#222;overflow:hidden}.hero-person:nth-child(2){margin-top:55px}.hero-person:nth-child(3){margin-top:25px}.hero-person img{object-position:50% 35%;filter:grayscale(1)}.hero-person:first-child img{object-position:50% 30%}.hero-person figcaption{position:absolute;left:16px;bottom:15px;color:white;font:italic 1.45rem var(--serif);text-shadow:0 1px 7px black}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;padding:25px 0;border-top:1px solid var(--line);font-size:.75rem;letter-spacing:.11em;gap:20px}.section{padding:95px 7%;scroll-margin-top:20px}.story{background:var(--ink);color:white;display:grid;grid-template-columns:.8fr 1.2fr;gap:35px 75px}.story .eyebrow{color:#e8a9b1}.story h2{margin-bottom:0}.story-copy{max-width:620px}.story-copy p{color:#d2d7d3;line-height:1.8}.story-copy .lead{font-size:1.3rem;color:white;line-height:1.6}.story blockquote{grid-column:1/-1;font:italic clamp(1.65rem,2.5vw,2.5rem)/1.4 var(--serif);max-width:900px;margin:15px auto 0;text-align:center;padding-top:45px;border-top:1px solid #444845}.band{background:var(--mint)}.members{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-top:50px}.portrait{aspect-ratio:4/5;position:relative;overflow:hidden;background:#d1e0da}.portrait img{object-position:50% 22%;transition:transform .4s}.portrait:hover img{transform:scale(1.025)}.number{position:absolute;top:15px;left:15px;background:var(--ink);color:white;padding:6px 12px;font:italic 1rem var(--serif)}.role{font-size:.875rem;color:var(--red);font-weight:700}.short{margin:17px 0 24px}details{border-top:1px solid #b8c8c1}summary{display:flex;justify-content:space-between;align-items:center;gap:15px;list-style:none;padding:15px 0;cursor:pointer;font-size:.875rem;font-weight:700}summary::-webkit-details-marker{display:none}.plus{font-size:1.6rem;font-weight:400;line-height:1}details[open] .plus{transform:rotate(45deg)}.bio{font-size:.95rem;line-height:1.75}.bio p{margin-bottom:18px}.gallery-heading{display:flex;align-items:baseline;justify-content:space-between;gap:30px}.gallery-heading p{color:#606660}.gallery{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.gallery-item{grid-column:span 2;aspect-ratio:1;background:#e9eaea;padding:0;border:0;position:relative;overflow:hidden}.gallery-item:first-child{grid-column:span 3;grid-row:span 2;aspect-ratio:1}.gallery-item:nth-child(2),.gallery-item:nth-child(3){grid-column:span 3;aspect-ratio:2.06}.gallery-item:nth-child(4),.gallery-item:nth-child(5){grid-column:span 3}.gallery-item span{position:absolute;right:14px;bottom:14px;border-radius:50%;height:32px;width:32px;background:white;color:var(--ink);font-size:1.5rem;line-height:30px}.gallery-item img{transition:transform .4s}.gallery-item:hover img{transform:scale(1.025)}.contact{background:var(--red);color:white;display:grid;grid-template-columns:1.1fr 1fr;gap:65px}.contact .eyebrow{color:#f2c3ca}.contact h2{font-size:clamp(2.6rem,4.3vw,4.8rem)}.contact p:not(.eyebrow){max-width:475px;color:#f8e7ea}.contact-links{align-self:center}.contact-links .eyebrow{margin:35px 0 10px}.contact-links a{font:normal clamp(1.25rem,2.3vw,2.2rem)/1.4 var(--serif);overflow-wrap:anywhere}.contact-links a:hover{color:#eac3c9}footer{padding:30px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:.8rem}footer a{font-weight:800;text-decoration:none}footer p{margin:0}footer span{color:#636763}dialog{border:0;padding:0;background:none;max-width:90vw;max-height:90vh;overflow:visible}dialog::backdrop{background:#000d}dialog img{width:auto;height:auto;max-width:90vw;max-height:85vh;object-fit:contain}#close-photo{position:absolute;right:0;top:-40px;border:0;width:36px;height:36px;font-size:1.8rem;color:white;background:transparent;line-height:1}
@media(min-width:1500px){header,.hero,.section,footer{padding-left:max(5%,calc((100vw - 1400px)/2));padding-right:max(5%,calc((100vw - 1400px)/2))}.hero-portraits{margin-right:0}.hero-person{height:490px}}
@media(max-width:1050px){header{gap:22px}nav{gap:18px}.hero{gap:24px;padding-top:55px}.hero-person{height:370px}.hero-portraits{gap:6px}.section{padding:75px 5%}.members{gap:22px}.story{gap:30px 45px}.contact{gap:40px}.hero h1{font-size:3.5rem}}
@media(max-width:760px){html{scroll-padding-top:20px}header{height:auto;min-height:90px;flex-wrap:wrap;padding:22px 5% 16px;gap:20px}.wordmark{font-size:1.3rem}.language{margin-left:auto}nav{order:3;width:100%;margin:0;justify-content:space-between;gap:10px;font-size:.875rem}.hero{grid-template-columns:1fr;gap:30px;padding-top:40px}.hero h1{font-size:clamp(2.7rem,9.5vw,4rem)}.hero-copy{max-width:570px}.intro{max-width:100%}.hero-portraits{margin:0;padding:0 0 25px;gap:8px}.hero-person{height:clamp(245px,63vw,400px)}.hero-person:nth-child(2){margin-top:25px}.hero-person:nth-child(3){margin-top:10px}.hero-person figcaption{font-size:1.15rem;left:9px;bottom:10px}.hero-bottom{font-size:.65rem;letter-spacing:.07em}.hero-bottom span:last-child{display:none}.section{padding:60px 6%}.story{grid-template-columns:1fr;gap:28px}.story h2{margin-bottom:0}.story blockquote{grid-column:auto;margin-top:0;padding-top:25px;font-size:1.6rem}.members{grid-template-columns:1fr;gap:45px;margin-top:30px}.portrait{aspect-ratio:4/4.5}.members article{max-width:480px;width:100%;margin:auto}h3{margin-top:20px}.gallery-heading{display:block}.gallery{grid-template-columns:repeat(2,1fr);gap:10px}.gallery-item,.gallery-item:first-child,.gallery-item:nth-child(2),.gallery-item:nth-child(3),.gallery-item:nth-child(4),.gallery-item:nth-child(5){grid-column:span 1;grid-row:auto;aspect-ratio:1}.gallery-item:first-child{grid-column:span 2}.contact{grid-template-columns:1fr;gap:5px}.contact h2{margin-bottom:24px}.contact-links a{font-size:clamp(1.2rem,6vw,1.8rem)}footer{flex-wrap:wrap;padding:25px 6%;gap:10px}footer p{width:100%;order:3}footer span{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
