/* Album sleeves, member portraits and restrained archive typography. */
:root{--ochre:#baa882;--rust:#a26043}
.masthead{border-bottom-color:#414737}.brand img{border:1px solid #777b68}.brand-word{letter-spacing:.09em}#main-nav a{position:relative}#main-nav a:after{content:"";position:absolute;left:0;bottom:1px;width:70px;max-width:100%;height:1px;background:var(--acid);opacity:0;}#main-nav a:hover:after,#main-nav a[aria-current=page]:after{opacity:1;}
.hero{border-bottom:0}.hero-code{border-left:1px solid #7f8664;padding-left:22px}.hero-actions .btn{min-width:158px}.btn.primary:after{content:"↗";font-size:20px;font-weight:400;margin-left:22px}.btn:not(.primary):hover{background:#d5ed490a}.text-link{display:inline-flex;align-items:center;gap:15px;}.text-link:after{content:"↗";font-size:16px}.ticker{gap:42px;padding-top:11px;padding-bottom:11px;font-weight:600}.ticker span:before{content:"·";font-size:20px;line-height:10px;vertical-align:middle}.section-head .section-no{padding-left:11px;border-left:2px solid var(--acid);line-height:1.1}.section-head h2{letter-spacing:-.02em}.section-head .text-link{font-size:12px;letter-spacing:.04em}.section{padding-top:92px;padding-bottom:92px}.tag{border-color:#666f46;letter-spacing:.05em}.page-intro{position:relative;padding-top:65px;padding-bottom:58px}.page-intro .breadcrumbs{font-family:monospace;letter-spacing:.03em}.page-intro .eyebrow{display:flex;align-items:center;gap:12px}.page-intro .eyebrow:before{content:"";width:21px;border-top:1px solid var(--acid)}.page-intro .lead{max-width:760px}.page-intro h1{position:relative;z-index:1}.page-intro .lead{position:relative;z-index:1}

/* Static album covers. */
.record-link{display:block;min-width:0;padding:5px 0 12px}.record-sleeve{position:relative;width:100%;max-width:510px}.record-sleeve .cover{position:relative;z-index:1;box-shadow:9px 9px 0 #05070550,0 12px 35px #0005;border-color:#5d614d}.sleeve-code{position:absolute;z-index:2;right:-12px;bottom:28px;background:var(--paper);color:var(--ink);border:1px solid #9ba08a;padding:5px 12px;font:11px/1.6 monospace;letter-spacing:.16em;transform:rotate(-3deg);box-shadow:2px 3px 0 #0003}.album-list{gap:64px}.album-list>article{min-width:0}.album-list>article>.meta{border-top:1px solid var(--line);padding-top:22px;margin-top:22px;font-size:11px;letter-spacing:.1em}.album-list h2{font-family:Impact,'Arial Narrow',sans-serif;font-weight:400;font-size:52px;letter-spacing:.02em}.album-list .btn{margin-top:12px}.album-sidebar .cover{box-shadow:8px 8px 0 #080a0740;border-color:#565d47}.album-sidebar .credits-grid{padding-top:20px;border-top:1px solid var(--line)}.album-sidebar .tag{margin-top:5px}.album-info .facts dd{font-family:monospace}.song-track.is-playing{border-top-color:#8d9d48}.song-track.is-playing .song-heading>.meta:first-child{color:var(--acid)}.song-lyrics[open]{border-bottom:1px dashed var(--line);padding-bottom:8px}.song-lyrics[open]>.lyrics-toggle{color:var(--paper)}

/* Five profiles, five numbered specimen labels. */
.portrait-frame{position:relative;border:1px solid #747a63;padding:5px;background:#20251b;isolation:isolate}.portrait-frame:before,.portrait-frame:after{content:"";position:absolute;width:17px;height:17px;z-index:2;pointer-events:none;border-color:var(--paper);border-style:solid;opacity:.8}.portrait-frame:before{top:-1px;left:-1px;border-width:2px 0 0 2px}.portrait-frame:after{right:-1px;bottom:-1px;border-width:0 2px 2px 0}.specimen-tab{position:absolute;right:10px;bottom:-12px;z-index:3;padding:3px 10px;background:var(--paper);color:var(--ink);border:1px solid #929983;font:12px/1.6 monospace;transform:rotate(-4deg)}.member-card .member-caption{padding-top:8px}.member-card .member-caption h3{font-size:20px;line-height:1.4}.member-card .member-bottom{display:flex;justify-content:space-between;align-items:center;letter-spacing:.07em;color:#9eaa76}.member-bottom span{font-size:20px;color:var(--acid);}.portrait-row{gap:64px;padding:58px 0}.portrait-row .portrait-frame img{width:100%;max-width:none}.portrait-row .portrait-frame{max-width:400px}.portrait-row h2{font-size:38px;letter-spacing:.02em}.portrait-row .specimen-tab{font-size:18px;padding:4px 14px;bottom:-14px;right:15px}.portrait-row .specimen-facts{border-top:1px solid var(--line);padding-top:20px;margin-top:23px}.portrait-row .prose p{line-height:1.95}

/* Posters sit in ticket stubs, with their original art intact. */
.show-row{padding-right:10px}.show-row:hover{background:#d5ed4906}.show-date{border-right:1px dashed #666e50;padding-right:15px}.show-row .status{border:0;border-bottom:1px solid #687445;padding:4px 0;color:var(--acid)}.event-card{position:relative;background:#191d16;border:1px solid #3f4832;padding-bottom:10px}.event-card>a{display:block;overflow:hidden}.event-card>h2,.event-card>p,.event-card>details{margin-left:18px;margin-right:18px}.event-date{position:relative;border-top:1px dashed #788360;margin:17px 18px 0;padding-top:18px;gap:8px}.event-date:before,.event-date:after{content:"";position:absolute;top:-7px;width:12px;height:12px;border:1px solid #414a35;border-radius:50%;background:var(--bg)}.event-date:before{left:-25px}.event-date:after{right:-25px}.event-card h2{line-height:1.4}.event-card summary{display:flex;align-items:center;justify-content:space-between;font-size:13px}.event-card summary:after{content:"↙";font-size:20px;color:var(--ochre);}.event-card details[open] summary:after{transform:rotate(180deg)}.event-card .credits-grid{grid-template-columns:80px minmax(0,1fr);gap:12px;font-size:13px}.event-detail .btn{min-height:44px;font-size:12px;padding:8px 11px}.toolbar .filter{min-width:65px}

/* Biology shares the site's dark ground and uses type and rules for structure. */
.field-teaser{background:var(--bg);color:var(--text)}.field-teaser .section-no,.field-teaser .field-grid .eyebrow{color:var(--acid)}.field-teaser .text-link{color:var(--text)}.field-teaser .field-grid p,.field-teaser .note{color:var(--muted)}.field-teaser .taxonomy{border-color:var(--line)}.field-teaser .taxonomy dt,.field-teaser .taxonomy dd{border-color:var(--line)}.field-teaser .taxonomy dt{color:var(--muted)}
.field-article #biology{padding:0 0 42px;background:transparent;color:var(--text)}.field-article #biology h2{font-size:36px}.field-article #biology p{line-height:1.9}.field-article #biology .story-meta{color:var(--ochre);font-size:11px;letter-spacing:.1em}.field-article #biology h3{font-size:18px;margin-top:32px;border-top:1px solid var(--line);padding-top:20px}.field-article #biology .taxonomy{grid-template-columns:70px minmax(0,1fr)}.field-article #biology .species-list>div{border:0;border-top:1px solid var(--line);font-size:13px;padding:14px 0}.field-article #biology .species-list em{font-size:18px}
.field-article>section:not(#biology){padding-top:5px}.field-article>section:not(#biology)>.story-meta{font:11px/1.8 monospace;color:var(--ochre);letter-spacing:.1em;margin-bottom:19px}.field-article>section:not(#biology)>h2{font-size:30px}.field-article>section:not(#biology)>p{line-height:2}
.footer{border-top:1px solid var(--line);margin-top:0}.footer-name{font-size:50px;letter-spacing:.01em}.footer-bottom a{display:inline-flex;align-items:center;gap:10px}
@media(max-width:1100px){.portrait-row{gap:36px}.album-list{gap:45px}}
@media(max-width:900px){#main-nav a:after{left:auto;right:0;bottom:15px;width:40px}.field-layout{gap:32px}}
@media(max-width:700px){.section{padding-top:56px;padding-bottom:56px}.hero-actions .btn{min-width:0}.hero-actions .btn.primary:after{margin-left:12px}.hero-code{display:none}.section-head .section-no{font-size:10px;letter-spacing:.1em}.section-head h2{font-size:27px}.page-intro{padding-top:37px;padding-bottom:37px}.page-intro h1{font-size:43px}.page-intro .lead{font-size:15px}.record-link{padding-bottom:4px}.sleeve-code{font-size:9px;bottom:20px;padding:4px 9px;right:-9px}.album-info h2{font-size:54px}.album-list{gap:44px}.album-list h2{font-size:43px}.album-list>article>.meta{font-size:10px;letter-spacing:.04em}.member-card .member-caption h3{font-size:18px}.member-card:last-child{align-items:center}.member-card:last-child .member-caption{padding-top:0}.member-card .portrait-frame{padding:4px}.member-card:last-child .portrait-frame{height:auto}.portrait-row{padding:36px 0;gap:27px}.portrait-row h2{font-size:32px}.portrait-row .portrait-frame{max-width:340px}.portrait-row .specimen-facts{margin-top:18px}.specimen-tab{right:8px;font-size:10px;padding:2px 7px}.field-article #biology h2{font-size:28px}.field-article #biology p{font-size:15px}.field-article #biology .taxonomy{grid-template-columns:55px minmax(0,1fr);font-size:13px}.field-article #biology .species-list em{font-size:17px}.field-article>section:not(#biology)>h2{font-size:27px}.event-grid{gap:28px 17px}.event-card>h2,.event-card>p,.event-card>details{margin-left:16px;margin-right:16px}.event-date{margin-left:16px;margin-right:16px}.event-date:before{left:-23px}.event-date:after{right:-23px}.show-date{padding-right:8px}.footer-name{font-size:44px}.footer-top>div+div{margin-top:25px}}
@media(max-width:360px){.page-intro h1{font-size:38px}.field-article #biology .taxonomy dd{overflow-wrap:anywhere}.event-grid{grid-template-columns:1fr}.song-heading{grid-template-columns:20px minmax(0,1fr) 38px 72px;gap:6px}}


/* The original Papio artwork stays visible without a dark overlay over the face. */
.hero{min-height:660px}.hero-visual{position:absolute;z-index:-2;top:0;right:0;bottom:0;width:72%;overflow:hidden}.hero-visual .hero-art{width:100%;height:auto;max-width:none;top:-8%;right:0;opacity:1;object-fit:initial;object-position:initial}.hero:after{background:linear-gradient(90deg,var(--bg) 1%,rgba(17,19,16,.9) 20%,rgba(17,19,16,.2) 45%,transparent 61%)}.hero .wrap{padding-top:66px;padding-bottom:52px}.hero-code{display:none}.page-band .intro-grid .facts{grid-template-columns:repeat(2,1fr)}
.field-preview{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:40px}.field-preview h2{font-size:32px}.field-preview .big-latin{margin:0 0 12px;font-size:48px}.field-preview-genus p{font-size:13px;color:var(--muted)}.field-preview>.text-link{justify-self:end}
@media(min-width:1500px){.hero{min-height:740px}.hero-visual{width:68%}}
@media(max-width:1000px) and (min-width:701px){.hero-visual{width:80%;right:-12%}.hero:after{background:linear-gradient(90deg,var(--bg) 0%,rgba(17,19,16,.85) 18%,transparent 67%)}}
@media(max-width:700px){.hero{min-height:0;--hero-art-height:min(80vw,390px)}.hero-visual{width:100%;height:var(--hero-art-height);bottom:auto}.hero-visual .hero-art{width:min(100%,510px);top:0;left:50%;right:auto;transform:translateX(-50%);opacity:1}.hero:after{background:linear-gradient(0deg,var(--bg) 0%,var(--bg) calc(100% - var(--hero-art-height)),transparent calc(100% - var(--hero-art-height) + 30px))}.hero .wrap{padding-top:24px;padding-bottom:40px}.hero h1{margin-top:clamp(220px,calc(80vw - 30px),360px);font-size:clamp(74px,20vw,120px)}.hero .eyebrow{position:relative;z-index:1}.hero-copy{margin-top:16px}.field-preview{grid-template-columns:1fr 1fr;gap:28px 20px}.field-preview h2{font-size:28px}.field-preview .big-latin{font-size:43px}.field-preview-genus p{font-size:11px}.field-preview>.text-link{grid-column:1/-1;justify-self:start}}.footer-bottom{flex-wrap:wrap;gap:12px 24px}

/* Reading layouts after removing playback and the field index. */
.song-heading{grid-template-columns:32px minmax(0,1fr) 48px}.field-layout{display:block;max-width:940px}.field-article{width:100%}@media(max-width:700px){.song-heading{grid-template-columns:23px minmax(0,1fr) 40px;gap:8px}}