:root { --background: #f2ebdd; --foreground: #1c1a16; --primary: #a63a32; --primary-foreground: #fff9ef; --border: #d8cebd; }

@media (max-width: 700px) {
  .mobile-menu:not([open]) .primary-nav--mobile {
    display: none !important;
  }
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--background); }
body { margin: 0; min-width: 320px; background: var(--background); color: var(--foreground); font-family: "Manrope", sans-serif; font-size: 15px; line-height: 1.6; }
button, input, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
h1, h2, h3, p { margin: 0; }
h1, h2, h3 { font-family: "DM Serif Display", Georgia, serif; font-weight: 400; line-height: 0.98; letter-spacing: -0.03em; }

.sale-rail { background: #a63a32; color: #fff7ec; position: relative; z-index: 30; }
.sale-rail__inner { width: min(1280px, calc(100% - 40px)); margin: 0 auto; min-height: 38px; display: flex; align-items: center; justify-content: space-between; gap: 20px; font-size: 11px; letter-spacing: .015em; }
.sale-rail__inner b { letter-spacing: .08em; text-transform: uppercase; }
.sale-rail__cta { display: inline-flex; align-items: center; gap: 5px; flex: none; font-weight: 800; border-bottom: 1px solid rgba(255,255,255,.55); }
.site-header { position: sticky; top: 0; z-index: 50; background: rgba(242,235,221,.96); border-bottom: 1px solid #d8cebd; backdrop-filter: blur(10px); }
.site-header__inner { width: min(1280px, calc(100% - 40px)); height: 76px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.site-logo { display: inline-flex; align-items: center; gap: 8px; flex: none; }
.site-logo img { width: 33px; height: 33px; object-fit: contain; }
.site-logo__word { font-family: "DM Serif Display", Georgia, serif; font-size: 29px; line-height: 1; letter-spacing: -0.06em; }
.site-header .site-logo { gap: 12px; }
.site-header .site-logo img { width: 49.5px; height: 49.5px; }
.site-header .site-logo__word { font-size: 43.5px; }
.site-logo__word span { color: #a63a32; font-size: .6em; letter-spacing: -.04em; }
.site-logo--inverted { color: #f2ebdd; }
.primary-nav { display: flex; align-items: center; gap: 25px; font-size: 12px; font-weight: 800; letter-spacing: .055em; text-transform: uppercase; }
.primary-nav a { position: relative; padding: 8px 0; }
.primary-nav a:not(.primary-nav__mail)::after { content: ""; position: absolute; left: 0; bottom: 2px; width: 0; height: 2px; background: #a63a32; transition: width 180ms cubic-bezier(.23,1,.32,1); }
.primary-nav a:hover::after, .primary-nav .is-active::after { width: 100%; }
.primary-nav__mail { display: inline-flex; align-items: center; gap: 6px; color: #a63a32; }
.nav-toggle { display: none; border: 0; background: none; color: #1c1a16; padding: 5px; }

.hero { min-height: min(690px, calc(100vh - 114px)); position: relative; background: #151412; color: #fff8ed; display: grid; align-items: end; }
.hero__image, .hero__veil { position: absolute; inset: 0; width: 100%; height: 100%; }
.hero__image { object-fit: cover; object-position: center; filter: saturate(.82) contrast(1.08); }
.hero__veil { background: linear-gradient(90deg, rgba(16,15,13,.94) 0%, rgba(16,15,13,.72) 43%, rgba(16,15,13,.25) 79%, rgba(16,15,13,.36) 100%), linear-gradient(0deg, rgba(16,15,13,.70), transparent 55%); }
.hero__layout { position: relative; z-index: 1; width: min(1280px, calc(100% - 40px)); margin: 0 auto; padding: 98px 0 66px; display: grid; grid-template-columns: minmax(0, 1.1fr) 245px; gap: 60px; align-items: end; }
.eyebrow { display: inline-flex; gap: 8px; align-items: center; font-size: 10px; line-height: 1.2; font-weight: 800; text-transform: uppercase; letter-spacing: .16em; }
.eyebrow span { display: inline-block; width: 25px; height: 2px; background: #a63a32; }
.hero .eyebrow { color: #d9c3aa; }
.hero h1 { font-size: clamp(58px, 7.6vw, 114px); max-width: 760px; margin: 18px 0 21px; }
.hero h1 em { color: #e4b461; font-style: italic; }
.hero__copy > p { max-width: 560px; color: #e6ddd0; font-size: 17px; line-height: 1.65; }
.hero__actions { display: flex; align-items: center; flex-wrap: wrap; gap: 26px; margin-top: 30px; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 45px; padding: 0 19px; background: #a63a32; color: #fffaf1; font-size: 11px; letter-spacing: .04em; text-transform: uppercase; font-weight: 800; border: 1px solid #a63a32; transition: transform 160ms cubic-bezier(.23,1,.32,1), background 160ms; }
.button:hover { transform: translateY(-2px); background: #852a25; }
.button:active { transform: scale(.97); }
.button--light { background: #f2ebdd; color: #1c1a16; border-color: #f2ebdd; }
.button--outline { background: transparent; color: #1c1a16; border-color: #1c1a16; }
.text-link { display: inline-flex; align-items: center; gap: 6px; color: #a63a32; font-size: 11px; text-transform: uppercase; letter-spacing: .08em; font-weight: 800; border-bottom: 1px solid currentColor; padding-bottom: 3px; }
.text-link--light { color: #f8efdf; }
.hero__note { border-left: 2px solid #d0a04c; padding: 12px 0 12px 18px; background: rgba(21,20,18,.50); }
.kicker { display: block; color: #a63a32; font-size: 10px; line-height: 1.25; letter-spacing: .16em; font-weight: 800; text-transform: uppercase; }
.hero__note .kicker { color: #d8c4a7; }
.hero__note strong { display: block; color: #e4b461; font-family: "DM Serif Display", Georgia, serif; font-size: 34px; margin-top: 8px; }
.hero__note p { font-family: "DM Serif Display", Georgia, serif; font-size: 22px; line-height: 1.05; margin: 7px 0 12px; }
.hero__note a { font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }

.content-section { width: min(1280px, calc(100% - 40px)); margin: 0 auto; padding: 98px 0; }
.content-section--paper { width: 100%; max-width: none; background: #e7ddcc; padding-left: max(20px, calc((100% - 1280px)/2)); padding-right: max(20px, calc((100% - 1280px)/2)); }
.content-section--ink { width: 100%; max-width: none; background: #1b1a17; color: #f2ebdd; padding-left: max(20px, calc((100% - 1280px)/2)); padding-right: max(20px, calc((100% - 1280px)/2)); }
.signal-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; padding: 0; border-bottom: 1px solid #d8cebd; }
.signal-row > div { display: flex; gap: 13px; align-items: center; padding: 25px 22px; border-right: 1px solid #d8cebd; font-size: 13px; color: #5d564d; }
.signal-row > div:first-child { padding-left: 0; }.signal-row > div:last-child { border-right: 0; }.signal-row svg { color: #a63a32; flex: none; }.signal-row b { display: block; color: #1c1a16; font-weight: 800; }
.editorial-grid { display: grid; grid-template-columns: .88fr 1.25fr .76fr; gap: 37px; align-items: start; }
.editorial-grid__intro h2, .section-heading h2, .directory-home__copy h2, .repertory-home h2, .home-cta h2 { font-size: clamp(38px, 4vw, 57px); margin: 13px 0 17px; }
.editorial-grid__intro > p { max-width: 360px; color: #605a52; }.editorial-grid__intro .text-link { margin-top: 25px; }
.editorial-grid__feature { position: relative; min-height: 475px; background: #1b1a17; color: #f6eee2; display: flex; align-items: end; }
.editorial-grid__feature::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(11,10,9,.91), transparent 65%); }.editorial-grid__feature img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: saturate(.7); }.editorial-grid__feature > div { position: relative; z-index: 1; padding: 28px; }.archive-mark { color: #a63a32; display: block; font-size: 10px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }.editorial-grid__feature .archive-mark { color: #e4b461; }.editorial-grid__feature h3 { font-size: 35px; margin: 10px 0 15px; }.editorial-grid__feature a { display: inline-flex; align-items: center; gap: 8px; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.editorial-grid__list { padding-top: 11px; }.editorial-grid__list .kicker { margin-bottom: 12px; }.editorial-grid__list a { display: grid; grid-template-columns: 27px 1fr; gap: 10px; padding: 17px 0; border-bottom: 1px solid #d8cebd; font-family: "DM Serif Display", Georgia, serif; font-size: 19px; line-height: 1.1; transition: color 160ms; }.editorial-grid__list a:hover { color: #a63a32; }.editorial-grid__list b { color: #a63a32; font-family: "Manrope", sans-serif; font-size: 10px; padding-top: 4px; }
.section-heading { display: flex; justify-content: space-between; gap: 35px; align-items: end; margin-bottom: 36px; }.section-heading h2 { max-width: 580px; }.section-heading p { max-width: 560px; color: #6b645b; margin-top: 10px; }.content-section--ink .section-heading p { color: #cbbfab; }.content-section--ink .text-link { color: #f2ebdd; }
.agenda-home__layout { display: grid; grid-template-columns: 1.2fr .8fr; gap: 56px; }.agenda-home__aside { padding: 30px; background: #d5c9b5; align-self: stretch; }.agenda-home__aside svg { color: #a63a32; }.agenda-home__aside h3 { font-size: 32px; margin: 19px 0 10px; }.agenda-home__aside p { color: #625a50; margin-bottom: 25px; }
.event-card { display: grid; grid-template-columns: 79px 1fr 42px; gap: 18px; align-items: center; padding: 24px 0; border-top: 1px solid #cbbfab; }.event-card__date { border-right: 1px solid #bcae99; padding-right: 12px; text-align: center; }.event-card__date strong { display: block; font-family: "DM Serif Display", Georgia, serif; font-size: 31px; letter-spacing: -.06em; line-height: .9; }.event-card__date span { font-size: 10px; letter-spacing: .12em; font-weight: 800; color: #a63a32; }.event-card h3 { font-size: 25px; margin: 4px 0 7px; transition: color 160ms; }.event-card h3:hover { color: #a63a32; }.event-card__info p { display: flex; align-items: center; gap: 5px; color: #625a50; font-size: 12px; }.meta-sep { margin: 0 3px; }.round-link { display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid #8d8173; border-radius: 50%; transition: background 160ms, color 160ms; }.round-link:hover { background: #a63a32; color: #fff9ef; border-color: #a63a32; }
.directory-home { display: grid; grid-template-columns: 1fr 1fr; padding: 0; width: 100%; max-width: none; background: #292723; color: #f2ebdd; }.directory-home__image { min-height: 540px; }.directory-home__image img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.68); }.directory-home__copy { display: flex; flex-direction: column; justify-content: center; padding: 75px min(8vw, 115px); }.directory-home__copy .eyebrow { color: #dcccb7; }.directory-home__copy h2 { max-width: 470px; }.directory-home__copy p { max-width: 420px; color: #cfc1ad; }.directory-home__copy .button { align-self: start; margin-top: 27px; }.stat-line { display: flex; gap: 28px; flex-wrap: wrap; margin-top: 28px; font-size: 12px; color: #d4c6b4; }.stat-line b { display: block; color: #e4b461; text-transform: uppercase; letter-spacing: .08em; font-size: 10px; }
.repertory-home { display: grid; grid-template-columns: .92fr 1.08fr; gap: 72px; }.repertory-home__mast h2 { max-width: 470px; }.repertory-home__mast p { max-width: 405px; color: #cbbfab; margin-bottom: 22px; }.repertory-home__songs { border-top: 1px solid #5b554d; }.repertory-home__songs a { display: grid; grid-template-columns: 115px 1fr 24px; gap: 15px; align-items: center; padding: 17px 0; border-bottom: 1px solid #5b554d; transition: color 160ms, padding 160ms; }.repertory-home__songs a:hover { color: #e4b461; padding-left: 7px; }.repertory-home__songs span { color: #e4b461; font-family: "DM Serif Display", Georgia, serif; font-size: 29px; }.repertory-home__songs em { font-size: 12px; font-style: normal; color: #cbbfab; }
.article-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 21px; }.article-card { background: #f2ebdd; border-top: 3px solid #a63a32; display: flex; flex-direction: column; min-height: 315px; }.article-card__image { height: 200px; }.article-card__image img { width: 100%; height: 100%; object-fit: cover; }.article-card__body { display: flex; flex-direction: column; flex: 1; padding: 22px; }.article-card h3 { font-size: 30px; margin: 11px 0; }.article-card h3 a:hover { color: #a63a32; }.article-card p { color: #6b645b; font-size: 13px; }.card-meta { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-top: auto; padding-top: 22px; color: #776d61; font-size: 10px; text-transform: uppercase; letter-spacing: .08em; font-weight: 800; }.card-meta a { color: #a63a32; }
.magazine-home { padding-bottom: 105px; }.home-cta { padding: 95px max(20px, calc((100% - 880px)/2)); text-align: center; background: #a63a32; color: #fff8ed; }.home-cta .kicker { color: #f0d2ad; }.home-cta h2 { margin-left: auto; margin-right: auto; max-width: 850px; }.home-cta p { color: #f5d9bc; margin: 15px auto 28px; }.home-cta .button { border-color: #f2ebdd; }

.page-masthead { min-height: 415px; position: relative; display: flex; align-items: end; padding: 70px max(20px, calc((100% - 1280px)/2)); color: #f2ebdd; background: #1b1a17; }.page-masthead__mark { position: absolute; top: 28px; right: max(20px, calc((100% - 1280px)/2)); color: #a63a32; font-family: "DM Serif Display", Georgia, serif; font-size: clamp(170px, 23vw, 350px); line-height: .7; opacity: .9; }.page-masthead__content { position: relative; max-width: 800px; }.page-masthead .eyebrow { color: #d8cbb7; }.page-masthead h1 { font-size: clamp(57px, 7.5vw, 108px); margin: 15px 0 18px; }.page-masthead p { color: #c8bdab; max-width: 640px; font-size: 16px; }
.agenda-layout { display: grid; grid-template-columns: .76fr 1.24fr; gap: 70px; }.agenda-aside h2 { font-size: 51px; margin: 13px 0; }.agenda-aside > p { color: #665f55; max-width: 320px; }.agenda-aside__image { margin-top: 28px; height: 250px; }.agenda-aside__image img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.68); }.agenda-list__top { display: flex; justify-content: space-between; gap: 20px; align-items: center; padding-bottom: 14px; font-size: 11px; text-transform: uppercase; font-weight: 800; letter-spacing: .1em; }.filter-button { display: inline-flex; align-items: center; gap: 6px; border: 0; background: transparent; color: #a63a32; font-weight: 800; font-size: 10px; text-transform: uppercase; letter-spacing: .1em; }.schedule-strip { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; border-top: 1px solid #d8cebd; }.schedule-strip h2 { font-size: 42px; margin-top: 10px; }.schedule-strip__steps { display: flex; flex-direction: column; gap: 17px; padding-top: 25px; }.schedule-strip__steps span { font-family: "DM Serif Display", Georgia, serif; font-size: 20px; border-bottom: 1px solid #d8cebd; padding-bottom: 12px; }.schedule-strip__steps b { color: #a63a32; font-family: "Manrope", sans-serif; font-size: 10px; margin-right: 11px; }
.directory-lead { display: grid; grid-template-columns: .9fr 1.1fr; gap: 60px; align-items: center; }.directory-copy h2 { font-size: clamp(45px, 5vw, 69px); margin: 13px 0; }.directory-copy > p { color: #645d54; max-width: 460px; }.directory-image { margin: 0; position: relative; }.directory-image img { width: 100%; height: 430px; object-fit: cover; filter: saturate(.68); }.directory-image figcaption, .repertory-feature__image figcaption, .story-page__image figcaption { padding: 8px 0 0; color: #7a7166; font-size: 10px; text-transform: uppercase; letter-spacing: .1em; }.directory-stats { display: flex; gap: 22px; flex-wrap: wrap; margin-top: 30px; }.directory-stats span { font-size: 11px; color: #645d54; }.directory-stats b { color: #a63a32; font-family: "DM Serif Display", Georgia, serif; font-size: 28px; margin-right: 4px; }.directory-toolbar { display: flex; justify-content: space-between; align-items: end; gap: 24px; margin-bottom: 37px; }.directory-toolbar h2 { font-size: 43px; margin-top: 7px; }.city-pills { display: flex; gap: 6px; flex-wrap: wrap; }.city-pills button { border: 1px solid #c6b9a4; background: transparent; padding: 9px 11px; color: #5e564c; font-size: 10px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }.city-pills .is-selected { background: #1b1a17; color: #f2ebdd; border-color: #1b1a17; }.group-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: #c6b9a4; }.group-card { display: flex; flex-direction: column; gap: 16px; min-height: 260px; padding: 22px; background: #e7ddcc; }.group-card__seal { display: grid; place-items: center; width: 47px; height: 47px; color: #f2ebdd; background: #a63a32; border-radius: 50%; font-family: "DM Serif Display", Georgia, serif; font-size: 20px; }.group-card__seal--1 { background: #1b1a17; }.group-card__seal--2 { background: #9c783d; }.group-card h3 { font-size: 26px; margin: 10px 0 8px; }.group-card p { color: #6b6359; font-size: 12px; }.group-card .text-link { margin-top: auto; align-self: start; }.directory-cta { width: min(1280px, calc(100% - 40px)); margin: 0 auto; padding: 55px 0; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 23px; }.directory-cta svg { color: #a63a32; }.directory-cta h2 { font-size: 35px; }.directory-cta p { color: #665f55; max-width: 580px; }
.repertory-feature { display: grid; grid-template-columns: 1fr .95fr; gap: 75px; align-items: center; }.repertory-feature__copy h2 { font-size: clamp(47px, 5.4vw, 71px); margin: 13px 0; }.repertory-feature__copy p { color: #655e55; max-width: 470px; margin-bottom: 26px; }.repertory-feature__image { margin: 0; }.repertory-feature__image img { width: 100%; height: 480px; object-fit: cover; }.repertory-categories .section-heading h2 { color: #f2ebdd; }.song-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid #5a554d; }.song-card { min-height: 200px; position: relative; padding: 22px; border-right: 1px solid #5a554d; border-bottom: 1px solid #5a554d; transition: background 160ms, color 160ms; }.song-card:nth-child(3n) { border-right: 0; }.song-card:hover { color: #1b1a17; background: #d8c3a1; }.song-card > span { color: #cc9a44; font-size: 10px; font-weight: 800; letter-spacing: .1em; }.song-card h3 { font-size: 34px; margin: 18px 0 7px; }.song-card p { color: #c8bdab; font-size: 12px; max-width: 220px; }.song-card:hover p { color: #51483c; }.song-card svg { position: absolute; right: 20px; bottom: 20px; }.listening-note { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 22px; border-bottom: 1px solid #d8cebd; }.listening-note svg { color: #a63a32; }.listening-note h2 { font-size: 34px; margin-top: 8px; max-width: 680px; }
.magazine-lead { display: grid; grid-template-columns: 1fr 1fr .42fr; min-height: 530px; padding: 0; width: 100%; max-width: none; background: #dcd0be; }.magazine-lead__story { padding: 78px clamp(25px, 7vw, 110px); align-self: center; }.magazine-lead__story h2 { font-size: clamp(43px, 4.5vw, 67px); margin: 14px 0; }.magazine-lead__story p { color: #60594f; margin-bottom: 28px; }.magazine-lead__image img { width: 100%; height: 100%; min-height: 530px; object-fit: cover; filter: grayscale(.3) sepia(.1); }.magazine-lead__aside { background: #1b1a17; color: #eadfce; padding: 55px 29px; display: flex; flex-direction: column; justify-content: center; gap: 23px; }.magazine-lead__aside .kicker { color: #e4b461; }.magazine-lead__aside p { padding-bottom: 18px; border-bottom: 1px solid #4d4840; font-family: "DM Serif Display", Georgia, serif; font-size: 21px; line-height: 1.08; }
.guide-path { display: grid; grid-template-columns: .35fr 1fr; gap: 70px; }.guide-path__sidebar { display: flex; flex-direction: column; align-items: start; gap: 12px; padding-top: 10px; }.guide-path__sidebar a { font-size: 11px; font-weight: 800; letter-spacing: .035em; color: #625a51; }.guide-path__sidebar a:hover { color: #a63a32; }.guide-path__content { border-top: 1px solid #d8cebd; }.guide-path__content article { display: grid; grid-template-columns: 83px 1fr; gap: 20px; padding: 36px 0; border-bottom: 1px solid #d8cebd; }.guide-path__content article > span { color: #a63a32; font-size: 11px; font-weight: 800; letter-spacing: .1em; }.guide-path__content h2 { font-size: 39px; margin-bottom: 10px; }.guide-path__content p { grid-column: 2; color: #635c53; max-width: 630px; }.faq-section h2 { color: #f2ebdd; }.faq-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; border-top: 1px solid #5a554d; }.faq-grid > div { padding: 26px 25px 6px 0; margin-right: 22px; border-right: 1px solid #5a554d; }.faq-grid > div:last-child { border-right: 0; }.faq-grid h3 { color: #eadfce; font-size: 29px; margin-bottom: 11px; }.faq-grid p { color: #c8bdab; font-size: 13px; }
.project-hero { min-height: 560px; background: #a63a32; color: #fff8ed; position: relative; padding: 90px max(20px, calc((100% - 1280px)/2)); display: flex; align-items: center; }.project-hero__content { position: relative; z-index: 1; max-width: 760px; }.project-hero .eyebrow { color: #f5d1ae; }.project-hero h1 { font-size: clamp(55px, 7vw, 98px); margin: 15px 0; }.project-hero p { color: #f7deca; max-width: 620px; font-size: 16px; margin-bottom: 27px; }.project-hero .button { border-color: #f2ebdd; }.project-hero__mark { position: absolute; right: 8%; bottom: -45px; color: rgba(95, 24, 21, .34); font-family: "DM Serif Display", Georgia, serif; font-size: 350px; line-height: .51; letter-spacing: -.14em; }.project-hero__mark i { margin-left: 115px; font-size: 85px; font-style: normal; }.investment-thesis { display: grid; grid-template-columns: .65fr 1.35fr; gap: 65px; }.investment-thesis h2 { font-size: 53px; margin-top: 12px; }.thesis-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 36px 30px; }.thesis-grid svg { color: #a63a32; width: 26px; }.thesis-grid h3 { font-size: 30px; margin: 12px 0 8px; }.thesis-grid p { color: #625b51; font-size: 13px; }.project-roadmap { display: grid; grid-template-columns: .75fr 1.25fr; gap: 70px; }.project-roadmap h2 { font-size: 48px; margin: 13px 0; }.project-roadmap__intro p { color: #635c53; max-width: 420px; }.project-roadmap ol { list-style: none; margin: 0; padding: 0; border-top: 1px solid #d8cebd; }.project-roadmap li { display: grid; grid-template-columns: 54px 140px 1fr; gap: 12px; align-items: baseline; border-bottom: 1px solid #d8cebd; padding: 21px 0; }.project-roadmap li b { color: #a63a32; font-size: 10px; letter-spacing: .1em; }.project-roadmap li span { font-family: "DM Serif Display", Georgia, serif; font-size: 29px; }.project-roadmap li p { color: #635c53; font-size: 13px; }.contact-panel { display: flex; gap: 30px; justify-content: space-between; align-items: center; padding: 72px max(20px, calc((100% - 1080px)/2)); background: #1b1a17; color: #f2ebdd; }.contact-panel h2 { font-size: 49px; margin: 10px 0; }.contact-panel p { color: #c9bdab; }.contact-panel p a { color: #e4b461; border-bottom: 1px solid currentColor; }
.story-page { max-width: 1040px; margin: 0 auto; padding: 94px 20px 0; }.story-page__header { max-width: 890px; }.story-page__header h1 { font-size: clamp(57px, 7vw, 100px); margin: 16px 0 20px; }.standfirst { max-width: 700px; font-family: "DM Serif Display", Georgia, serif; font-size: 27px; line-height: 1.17; color: #5c554c; }.story-byline { display: flex; gap: 8px; margin-top: 26px; color: #766e64; font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }.story-page__image { margin: 52px 0; }.story-page__image img { width: 100%; height: min(520px, 55vw); object-fit: cover; filter: grayscale(.36) sepia(.11); }.story-page__body { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 70px; padding-bottom: 90px; }.story-page__body aside { display: flex; flex-direction: column; align-items: start; gap: 8px; height: fit-content; position: sticky; top: 104px; }.story-page__body aside a { color: #655d53; font-size: 11px; font-weight: 800; }.story-page__body > div { max-width: 660px; }.story-page__body p { color: #524c44; margin-bottom: 23px; font-size: 16px; }.story-page__body .lead { font-family: "DM Serif Display", Georgia, serif; font-size: 28px; line-height: 1.18; color: #28251f; }.story-page__body h2 { font-size: 47px; margin: 42px 0 13px; }.story-page blockquote { margin: 30px 0; padding: 16px 0 16px 22px; border-left: 2px solid #a63a32; font-family: "DM Serif Display", Georgia, serif; font-size: 31px; line-height: 1.08; }
.profile-hero { display: grid; grid-template-columns: 145px 1fr; gap: 45px; padding: 95px max(20px, calc((100% - 1050px)/2)); background: #1b1a17; color: #f2ebdd; }.profile-hero__crest { display: grid; place-items: center; width: 125px; height: 125px; border: 1px solid #d9b36f; border-radius: 50%; color: #e4b461; font-family: "DM Serif Display", Georgia, serif; font-size: 53px; }.profile-hero .eyebrow { color: #cfbfaa; }.profile-hero h1 { font-size: clamp(49px, 6vw, 82px); margin: 14px 0; max-width: 850px; }.profile-hero p { max-width: 680px; color: #c8bdab; }.profile-tags { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 22px; }.profile-tags span { padding: 5px 8px; border: 1px solid #5c554b; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }.profile-grid { display: grid; grid-template-columns: 1fr .55fr; gap: 75px; }.profile-main h2 { font-size: 56px; margin: 12px 0; }.profile-main > p { color: #635c53; max-width: 600px; }.profile-facts { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 31px; border-top: 1px solid #cbbfab; }.profile-facts span { padding: 13px 15px 0 0; color: #625b52; font-size: 12px; }.profile-facts b { display: block; color: #a63a32; text-transform: uppercase; font-size: 10px; letter-spacing: .1em; }.profile-side { padding: 27px; align-self: start; background: #d8cbb7; }.profile-side p { font-family: "DM Serif Display", Georgia, serif; font-size: 27px; line-height: 1.08; margin: 15px 0; }.related-strip { border-top: 1px solid #d8cebd; }.related-strip__links { display: grid; grid-template-columns: repeat(3, 1fr); gap: 17px; }.related-strip__links a { display: flex; justify-content: space-between; gap: 10px; align-items: center; padding: 18px 0; border-top: 1px solid #d8cebd; font-family: "DM Serif Display", Georgia, serif; font-size: 22px; }.not-found { width: min(800px, calc(100% - 40px)); margin: 0 auto; padding: 140px 0; }.not-found h1 { font-size: 77px; margin: 15px 0; }.not-found p { color: #625a51; margin-bottom: 27px; }
.site-footer { background: #11100e; color: #f2ebdd; padding: 65px max(20px, calc((100% - 1280px)/2)) 20px; }.site-footer__top { display: grid; grid-template-columns: 1.3fr .7fr .7fr; gap: 55px; padding-bottom: 60px; }.site-footer__top > div:first-child p { max-width: 380px; margin-top: 16px; color: #beb3a2; }.footer-links { display: flex; flex-direction: column; align-items: start; gap: 8px; font-size: 12px; }.footer-links a:hover { color: #e4b461; }.footer-links .kicker { color: #d5c5ae; margin-bottom: 8px; }.footer-note { display: inline-flex; gap: 7px; align-items: center; color: #d9aa5b; margin-top: 6px; font-size: 10px; text-transform: uppercase; letter-spacing: .1em; font-weight: 800; }.site-footer__bottom { display: flex; justify-content: space-between; gap: 20px; border-top: 1px solid #3d3932; padding-top: 18px; color: #928979; font-size: 10px; text-transform: uppercase; letter-spacing: .09em; }

@media (max-width: 920px) { .primary-nav { gap: 14px; }.hero__layout { grid-template-columns: 1fr 190px; gap: 25px; }.editorial-grid { grid-template-columns: .72fr 1.15fr; }.editorial-grid__list { grid-column: span 2; display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }.editorial-grid__list .kicker { display: none; }.editorial-grid__list a { font-size: 17px; }.agenda-layout, .repertory-feature, .investment-thesis, .project-roadmap { gap: 40px; }.directory-cta { grid-template-columns: auto 1fr; }.directory-cta .button { grid-column: 2; justify-self: start; }.magazine-lead { grid-template-columns: 1fr 1fr; }.magazine-lead__aside { grid-column: span 2; flex-direction: row; align-items: start; }.magazine-lead__aside p { width: 33%; }.group-grid { grid-template-columns: repeat(2, 1fr); }.profile-grid { gap: 45px; } }
@media (max-width: 700px) { .sale-rail__inner { width: calc(100% - 28px); min-height: 38px; font-size: 9px; line-height: 1.25; }.sale-rail__detail { display: none; }.sale-rail__cta { font-size: 9px; }.site-header__inner { height: 67px; width: calc(100% - 28px); }.site-logo img { width: 29px; height: 29px; }.site-logo__word { font-size: 26px; }.site-header .site-logo { gap: 10px; }.site-header .site-logo img { width: 43.5px; height: 43.5px; }.site-header .site-logo__word { font-size: 39px; }.nav-toggle { display: grid; place-items: center; }.primary-nav { display: none; position: absolute; top: 67px; left: 0; right: 0; padding: 17px 14px 22px; background: #f2ebdd; border-bottom: 1px solid #d8cebd; flex-direction: column; align-items: stretch; gap: 0; }.primary-nav--open { display: flex; }.primary-nav a { padding: 11px 0; }.hero { min-height: 610px; }.hero__image { object-position: 62% center; }.hero__veil { background: linear-gradient(90deg, rgba(16,15,13,.93), rgba(16,15,13,.46)), linear-gradient(0deg, rgba(16,15,13,.73), transparent 55%); }.hero__layout { width: calc(100% - 28px); padding: 70px 0 32px; grid-template-columns: 1fr; }.hero h1 { font-size: 57px; }.hero__copy > p { font-size: 14px; }.hero__note { display: none; }.content-section { width: calc(100% - 28px); padding: 66px 0; }.content-section--paper, .content-section--ink { width: 100%; padding-left: 14px; padding-right: 14px; }.signal-row { width: 100%; grid-template-columns: 1fr; }.signal-row > div, .signal-row > div:first-child { padding: 15px 14px; border-right: 0; border-bottom: 1px solid #d8cebd; }.editorial-grid, .agenda-home__layout, .directory-home, .repertory-home, .agenda-layout, .directory-lead, .repertory-feature, .investment-thesis, .project-roadmap, .guide-path, .profile-grid { grid-template-columns: 1fr; gap: 30px; }.editorial-grid__list { grid-column: auto; grid-template-columns: 1fr 1fr; }.editorial-grid__feature { min-height: 400px; }.section-heading { flex-direction: column; align-items: start; margin-bottom: 27px; }.section-heading h2, .editorial-grid__intro h2, .directory-home__copy h2, .repertory-home h2, .home-cta h2 { font-size: 43px; }.agenda-home__aside { padding: 25px; }.event-card { grid-template-columns: 64px 1fr 35px; gap: 12px; }.event-card h3 { font-size: 22px; }.event-card__info p { flex-wrap: wrap; }.directory-home__image { min-height: 320px; }.directory-home__copy { padding: 55px 28px; }.article-grid, .faq-grid, .thesis-grid, .song-grid { grid-template-columns: 1fr; }.article-card { min-height: 250px; }.repertory-home__songs a { grid-template-columns: 95px 1fr 24px; }.group-grid { grid-template-columns: 1fr; }.directory-toolbar { align-items: start; flex-direction: column; }.directory-cta { width: calc(100% - 28px); padding: 42px 0; grid-template-columns: auto 1fr; }.directory-cta .button { grid-column: span 2; }.page-masthead { min-height: 360px; padding: 56px 14px; }.page-masthead h1 { font-size: 57px; }.page-masthead__mark { right: 14px; font-size: 190px; top: 55px; }.agenda-aside h2 { font-size: 42px; }.schedule-strip { grid-template-columns: 1fr; gap: 18px; }.repertory-feature__image img { height: 370px; }.song-card { min-height: 160px; border-right: 0; }.magazine-lead { grid-template-columns: 1fr; }.magazine-lead__story { padding: 60px 28px; }.magazine-lead__image img { min-height: 380px; }.magazine-lead__aside { grid-column: auto; flex-direction: column; }.magazine-lead__aside p { width: auto; }.guide-path__sidebar { display: none; }.guide-path__content article { grid-template-columns: 45px 1fr; }.guide-path__content h2 { font-size: 36px; }.faq-grid > div { margin-right: 0; padding: 22px 0; border-right: 0; border-bottom: 1px solid #5a554d; }.project-hero { min-height: 510px; padding: 60px 14px; }.project-hero h1 { font-size: 56px; }.project-hero__mark { font-size: 210px; right: 2%; bottom: 20px; }.project-hero__mark i { margin-left: 72px; font-size: 55px; }.investment-thesis h2, .project-roadmap h2 { font-size: 43px; }.project-roadmap li { grid-template-columns: 39px 1fr; }.project-roadmap li p { grid-column: 2; }.contact-panel { padding: 52px 14px; flex-direction: column; align-items: start; }.contact-panel h2 { font-size: 43px; }.story-page { padding: 64px 14px 0; }.story-page__header h1 { font-size: 58px; }.standfirst { font-size: 25px; }.story-page__body { grid-template-columns: 1fr; gap: 25px; }.story-page__body aside { position: static; flex-direction: row; flex-wrap: wrap; }.story-page__body h2 { font-size: 39px; }.profile-hero { grid-template-columns: 1fr; padding: 66px 14px; gap: 25px; }.profile-hero__crest { width: 85px; height: 85px; font-size: 38px; }.profile-facts { grid-template-columns: 1fr; }.related-strip__links { grid-template-columns: 1fr; }.site-footer { padding: 52px 14px 20px; }.site-footer__top { grid-template-columns: 1fr; gap: 31px; }.site-footer__bottom { flex-direction: column; }.not-found { padding: 90px 0; }.not-found h1 { font-size: 55px; } }
@media (prefers-reduced-motion: no-preference) { .article-card, .group-card, .editorial-grid__feature, .directory-image, .repertory-feature__image { animation: reveal-up .48s cubic-bezier(.23,1,.32,1) both; }.article-card:nth-child(2), .group-card:nth-child(2) { animation-delay: .06s; }.article-card:nth-child(3), .group-card:nth-child(3) { animation-delay: .12s; } @keyframes reveal-up { from { opacity: 0; transform: translateY(15px); } to { opacity: 1; transform: translateY(0); } } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; } }


/* Reglas exclusivas de la versión HTML pura. */
.static-icon { display:inline-grid; place-items:center; width:1.2em; height:1.2em; color:currentColor; font-style:normal; vertical-align:-.2em; }
.static-icon svg,.inline-svg { width:100%; height:100%; }
.inline-arrow { width:1.05em; height:1.05em; vertical-align:-.16em; }
.repertory-home__songs i { font-style:normal; }
.city-pills span { border:1px solid #c6b9a4; background:transparent; padding:9px 11px; color:#5e564c; font-size:10px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.city-pills .is-selected { background:#1b1a17; color:#f2ebdd; border-color:#1b1a17; }
.mobile-menu { display:none; }
@font-face { font-family: "DM Serif Display"; src: url("../fonts/dm-serif-display.ttf") format("truetype"); font-style:normal; font-weight:400; font-display:swap; }
@font-face { font-family: "DM Serif Display"; src: url("../fonts/dm-serif-display-italic.ttf") format("truetype"); font-style:italic; font-weight:400; font-display:swap; }
@font-face { font-family: "Manrope"; src: url("../fonts/manrope-400.ttf") format("truetype"); font-style:normal; font-weight:400; font-display:swap; }
@font-face { font-family: "Manrope"; src: url("../fonts/manrope-500.ttf") format("truetype"); font-style:normal; font-weight:500; font-display:swap; }
@font-face { font-family: "Manrope"; src: url("../fonts/manrope-600.ttf") format("truetype"); font-style:normal; font-weight:600; font-display:swap; }
@font-face { font-family: "Manrope"; src: url("../fonts/manrope-700.ttf") format("truetype"); font-style:normal; font-weight:700; font-display:swap; }
@font-face { font-family: "Manrope"; src: url("../fonts/manrope-800.ttf") format("truetype"); font-style:normal; font-weight:800; font-display:swap; }
@media (max-width:700px) { .primary-nav--desktop { display:none; } .mobile-menu { display:block; position:static; } .mobile-menu summary { display:grid; place-items:center; width:30px; height:30px; list-style:none; color:#1c1a16; font-size:22px; line-height:1; cursor:pointer; } .mobile-menu summary::-webkit-details-marker { display:none; } .mobile-menu__close { display:none; font-size:29px; line-height:.8; } .mobile-menu[open] .mobile-menu__open { display:none; } .mobile-menu[open] .mobile-menu__close { display:inline; } .mobile-menu .primary-nav--mobile { display:flex; position:absolute; top:67px; right:14px; left:14px; width:auto; max-width:none; max-height:calc(100dvh - 112px); overflow-x:hidden; overflow-y:auto; padding:17px 14px 22px; background:#f2ebdd; border:1px solid #d8cebd; border-top:0; box-shadow:0 14px 24px rgba(28,26,22,.15); flex-direction:column; align-items:stretch; gap:0; } .mobile-menu .primary-nav--mobile a { min-width:0; overflow-wrap:anywhere; padding:11px 0; } }