/* A quieter personal introduction, using the site's existing type and paper. */
@font-face {
 font-family:'Special Elite';
 src:url('/assets/fonts/special-elite-400.woff2') format('woff2');
 font-style:normal;
 font-weight:400;
 font-display:swap;
}
.editorial.type-pairing.about-page main .about-lead {
 font-family:'Special Elite','Courier New',monospace;
 font-size:23px;
 font-weight:400;
 line-height:1.6;
 letter-spacing:normal;
 text-wrap:pretty;
}
@media(max-width:700px) {
 .editorial.type-pairing.about-page main .about-lead { font-size:21px; }
}
.about-page .wordmark { font-size:39px; }
.editorial.about-page main { max-width:1100px; padding-top:42px; }
.about-intro { display:grid; grid-template-columns:1.1fr 1fr; gap:64px; align-items:center; padding:8px 0 32px; }
.editorial.about-page main .about-intro h1 { font-size:clamp(44px,4.7vw,62px); line-height:1.15; letter-spacing:-.8px; text-transform:none; margin:0; text-wrap:initial; }
.editorial.about-page main .about-lead { font-family:RobotoCondensed,Arial,sans-serif; font-size:23px; line-height:1.6; margin:20px 0 0; max-width:39ch; }
.about-lead strong { font-weight:700; }
.about-nav { display:flex; flex-wrap:wrap; gap:10px 30px; border-bottom:1px solid var(--line); padding:0 0 20px; }
.about-nav a { display:inline-flex; align-items:center; min-height:44px; font-family:RobotoCondensed,Arial,sans-serif; font-size:18px; text-decoration-color:var(--accent); text-underline-offset:6px; }
.about-nav a:hover { color:var(--accent); }
.about-section { display:grid; grid-template-columns:200px minmax(0,1fr); gap:0 50px; padding:38px 0; border-bottom:1px solid var(--line); scroll-margin-top:24px; }
.about-section>.eyebrow { padding-top:8px; }
.about-copy { min-width:0; max-width:720px; }
.editorial.about-page main .about-copy h2 { font-family:RobotoCondensed,Arial,sans-serif; font-size:34px; line-height:1.2; letter-spacing:-.5px; margin:0 0 18px; }
.editorial.about-page main .about-copy p { font-size:17px; line-height:1.8; max-width:68ch; margin:0 0 17px; }
.editorial.about-page main .about-copy>p:last-child { margin-bottom:0; }
.about-details { border-top:1px solid var(--line); border-bottom:0; padding:0; margin-top:22px; }
.about-details summary { font-family:RobotoCondensed,Arial,sans-serif; font-size:18px; font-weight:600; padding:14px 0; line-height:1.5; cursor:pointer; }
.about-details[open] summary { color:var(--accent); }
.about-details .detail-copy { border-left:2px solid var(--line); padding:3px 0 0 20px; margin-bottom:8px; }
.editorial.about-page main .detail-copy p { font-size:16px; padding-top:0; }
.about-copy a { text-decoration-color:var(--accent); text-underline-offset:3px; }
.about-concert { position:relative; grid-column:1 / -1; margin:24px 0 0; }
.about-concert img { width:100%; height:clamp(170px,19vw,230px); object-fit:cover; object-position:center 55%; display:block; }
.about-concert figcaption { position:absolute; left:30px; top:50%; transform:translateY(-50%); max-width:44%; font-family:RobotoCondensed,Arial,sans-serif; color:#fff; font-size:clamp(22px,2.6vw,32px); line-height:1.3; }
.about-page .next-step { margin-top:32px; border-top:0; padding-top:8px; }
.about-page main :focus-visible { outline:2px solid #a92e25; outline-offset:5px; }
@media(max-width:850px) {
 .about-intro { gap:32px; }
 .editorial.about-page main .about-lead { font-size:21px; }
 .about-section { grid-template-columns:160px minmax(0,1fr); gap:0 28px; }
}
@media(max-width:600px) {
 .about-page .wordmark { font-size:28px; }
 .editorial.about-page main { width:88%; padding-top:24px; padding-bottom:38px; }
 .about-intro { display:block; padding:0 0 18px; }
 .editorial.about-page main .about-intro h1 { font-size:clamp(36px,9.5vw,48px); letter-spacing:-.4px; }
 .editorial.about-page main .about-lead { font-size:20px; line-height:1.5; margin:18px 0 0; }
 .about-nav { gap:0 21px; padding-bottom:13px; }
 .about-nav a { font-size:16px; }
 .about-section { display:block; padding:27px 0; }
 .about-section>.eyebrow { padding:0; margin-bottom:12px; }
 .editorial.about-page main .about-copy h2 { font-size:29px; margin-bottom:14px; }
 .editorial.about-page main .about-copy p { font-size:16px; line-height:1.75; }
 .about-details summary { font-size:17px; }
 .about-details .detail-copy { padding-left:14px; }
 .about-concert { margin-top:20px; }
 .about-concert img { height:175px; object-position:65% center; }
 .about-concert figcaption { position:static; transform:none; max-width:none; color:var(--ink); font-size:21px; padding-top:12px; }
}