.board-shell { max-width: 1540px; padding: 50px clamp(22px, 4.5vw, 72px) 30px; margin-inline: auto; }
.board-heading { display: flex; align-items: end; justify-content: space-between; gap: 40px; padding-bottom: 38px; }
.board-heading h1 { font-family: var(--serif); font-size: clamp(2.5rem, 4.5vw, 4.2rem); line-height: 1.08; letter-spacing: -.045em; margin-top: 14px; }
.board-heading h1 em { color: #64764c; }
.board-heading > div > p:not(.section-number) { font-size: .9375rem; color: var(--muted); }
.board-home { display: inline-block; margin-top: 18px; padding-bottom: 5px; border-bottom: 1px solid #879375; font-size: .875rem; }
.header-studies { display: grid; gap: 35px; }
.study-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 13px; }
.study-heading > div { display: flex; align-items: center; flex-wrap: wrap; gap: 11px; }
.study-letter { width: 28px; height: 28px; display: grid; place-items: center; border: 1px solid #b4bda8; border-radius: 50%; font-size: .75rem; }
.study-heading h2 { font-size: 1.0625rem; font-weight: 600; }
.recommendation { font-size: .75rem; padding: 5px 10px; border-radius: 20px; background: #e2e9d3; color: #485b34; }
.study-heading > a { flex-shrink: 0; font-size: .875rem; padding-block: 10px; text-decoration: underline; text-underline-offset: 4px; }
.header-study { position: relative; min-height: 285px; overflow: hidden; color: var(--white); background: linear-gradient(90deg, #13251d92, #13251d12), url('assets/brume.jpg') center 48% / cover; border-radius: 10px; }
.header-study .site-header { top: 25px; width: calc(100% - 60px); }
.study-tagline { position: absolute; bottom: 38px; left: 40px; font-family: var(--serif); font-size: clamp(2.4rem, 4vw, 4rem); letter-spacing: -.035em; line-height: 1.15; }
.study-caption { position: absolute; right: 32px; bottom: 41px; font-size: .75rem; letter-spacing: .11em; }
.study-description { margin-top: 12px; max-width: 960px; color: #5b6753; font-size: .9375rem; line-height: 1.7; }
.logo-studies { margin-top: 60px; padding-top: 40px; border-top: 1px solid var(--line); }
.logo-heading h2 { font-family: var(--serif); font-size: clamp(2.4rem, 3.7vw, 3.5rem); line-height: 1.15; letter-spacing: -.04em; margin-top: 14px; }
.logo-heading > p:last-child { color: var(--muted); font-size: .9375rem; margin-top: 15px; }
.logo-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; margin-top: 28px; }
.logo-sample { height: 185px; background: #e6e9dc; color: #2c3a2e; display: flex; align-items: center; justify-content: center; border-radius: 8px; margin-bottom: 23px; }
.logo-sample-wordmark { font-family: var(--serif); font-size: clamp(1.6rem, 2.7vw, 2.8rem); letter-spacing: -.055em; }
.offset-hyphen { display: inline-block; transform: translateY(-5px); margin-inline: 2px; }
.sample-dot { color: #728849; }
.logo-sample-monogram { font-family: var(--serif); font-size: 5rem; letter-spacing: -.07em; }
.logo-sample-monogram > span { font-size: 3.5rem; font-style: italic; margin-inline: 2px 6px; color: #80955e; }
.logo-sample-seal { width: 136px; height: 136px; border-radius: 50%; border: 1px solid #536847; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 1.4rem; letter-spacing: .11em; line-height: 1.25; }
.logo-sample-seal > small { font-size: .75rem; margin-top: 12px; letter-spacing: .01em; }
.logo-card h3 { font-family: var(--serif); font-size: 1.8rem; line-height: 1.15; letter-spacing: -.035em; margin-top: 12px; }
.logo-card > p { color: #5b6753; font-size: .9375rem; margin-top: 13px; }
.logo-card > p.logo-use { font-size: .8125rem; color: #405334; padding-top: 12px; border-top: 1px solid var(--line); }
.identity-note { font-size: .8125rem; color: var(--muted); margin-top: 27px; max-width: 920px; }
.board-footer { margin-top: 48px; border-top: 1px solid var(--line); padding-top: 24px; display: flex; justify-content: space-between; align-items: center; gap: 30px; font-size: .875rem; }
.board-footer > a { flex-shrink: 0; text-decoration: underline; text-underline-offset: 5px; }
@media (max-width: 1100px) {
  .header-study .site-header { width: calc(100% - 36px); }
  .header-study .navigation { gap: 17px; font-size: .8125rem; }
  .header-study .site-header .wordmark { font-size: 1.5rem; }
  .header-study .nav-cta { padding-inline: 12px; gap: 8px; }
  .header-study[data-header='islands'] .navigation { padding-left: 16px; }
  .header-study[data-header='islands'] .site-header > .wordmark { padding-inline: 12px; }
  .study-caption { display: none; }
}
@media (max-width: 900px) {
  .board-heading { display: block; }
  .board-heading > div + div { margin-top: 22px; }
  .header-study .site-header { display: flex; align-items: center; justify-content: space-between; }
  .header-study .navigation { display: none; }
  .header-study .menu-toggle { display: flex; align-items: center; gap: 12px; min-height: 44px; font-size: .875rem; }
  .header-study[data-header='islands'] .menu-toggle { background: #25342be6; border-radius: 30px; padding: 0 16px; }
  .header-study[data-header='editorial'] .site-header { padding-bottom: 14px; }
  .logo-grid { gap: 20px; }
}
@media (max-width: 650px) {
  .board-shell { padding-top: 30px; }
  .study-heading { display: block; }
  .study-heading > a { display: inline-block; margin-top: 5px; }
  .header-study { min-height: 265px; }
  .header-study .site-header { top: 20px; }
  .study-tagline { left: 22px; right: 22px; bottom: 30px; font-size: 2.7rem; max-width: 250px; }
  .header-studies { gap: 30px; }
  .logo-grid { grid-template-columns: 1fr; gap: 35px; }
  .logo-sample-wordmark { font-size: 2.9rem; }
  .logo-sample { margin-bottom: 18px; }
  .logo-studies { margin-top: 40px; }
  .board-footer { align-items: start; flex-direction: column; gap: 18px; }
}