/* Identity chapter: styles are restricted to Chi siamo's emblem section. */
.gi-emblem-section {
  --emblem-navy: #06285b;
  --emblem-gold: #fcc759;
  --emblem-line: rgba(6, 40, 91, .18);
  padding: clamp(56px, 7vw, 100px) 22px;
  background: #f5f3ee;
  color: #171717;
  scroll-margin-top: 110px;
}
.gi-emblem-section .gi-container { max-width: 1120px; margin: auto; }
.gi-emblem-section :is(h2, h3, .section-eyebrow-bar) { color: var(--emblem-navy); }
.gi-emblem-section h3 { font-family: "Playfair Display", Georgia, serif; font-size: 1.4rem; line-height: 1.25; margin: 0 0 12px; }
.gi-emblem-section p { line-height: 1.65; }
.gi-emblem-section .gi-intro { max-width: 830px; font-size: clamp(1.15rem, 2vw, 1.5rem); margin: 24px 0 40px; }
.gi-emblem-section .gi-emblem-board { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 24px 40px; padding: clamp(20px, 4vw, 44px); background: #fff; border: 1px solid var(--emblem-line); }
.gi-emblem-section .gi-board-label { grid-column: 1 / -1; font-size: .8rem; letter-spacing: .12em; text-transform: uppercase; color: var(--emblem-navy); font-weight: 700; }
.gi-emblem-section .gi-logo-wrap { grid-row: 2 / 5; align-self: center; }
.gi-emblem-section .gi-logo-wrap img { display: block; width: 100%; max-width: 430px; height: auto; margin: auto; clip-path: ellipse(40% 40.4% at 50% 48.2%); }
.gi-emblem-section .callout { border-left: 3px solid var(--emblem-gold); padding-left: 18px; color: var(--emblem-navy); }
.gi-emblem-section .callout .tag { display: inline-grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--emblem-gold); font-weight: 700; margin-bottom: 8px; }
.gi-emblem-section .callout strong { display: block; }
.gi-emblem-section .callout p { margin: 6px 0 0; color: #3a4658; }
.gi-emblem-section .gi-symbol-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin: 28px 0 56px; }
.gi-emblem-section .gi-symbol-card { background: #fff; border-top: 3px solid var(--emblem-gold); padding: 24px; }
.gi-emblem-section .gi-symbol-card .num { display: block; font-size: .75rem; letter-spacing: .1em; color: #54524c; margin-bottom: 12px; }
.gi-emblem-section .gi-symbol-card p { margin: 0; }
.gi-emblem-section .gi-main { display: grid; grid-template-columns: minmax(0, 1.8fr) minmax(0, 1fr); gap: clamp(28px, 5vw, 64px); align-items: start; }
.gi-emblem-section .gi-copy p { margin: 0 0 1.25em; font-size: 1.1rem; }
.gi-emblem-section .gi-copy .lead { font-family: "Playfair Display", Georgia, serif; font-size: 1.35rem; color: var(--emblem-navy); }
.gi-emblem-section .gi-principle { margin: 32px 0; padding: 26px; background: var(--emblem-navy); color: #fff; border-left: 4px solid var(--emblem-gold); }
.gi-emblem-section .gi-principle small { display: block; color: var(--emblem-gold); text-transform: uppercase; letter-spacing: .08em; margin-bottom: 10px; }
.gi-emblem-section .gi-principle strong { font-family: "Playfair Display", Georgia, serif; font-size: clamp(1.45rem, 3vw, 2rem); line-height: 1.25; }
.gi-emblem-section :is(.gi-palette, .gi-rule) { border: 1px solid var(--emblem-line); padding: 22px; margin-bottom: 20px; background: #fff; }
.gi-emblem-section .swatch { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 14px; align-items: center; padding: 12px 0; }
.gi-emblem-section .swatch + .swatch { border-top: 1px solid var(--emblem-line); }
.gi-emblem-section .swatch b { display: block; color: var(--emblem-navy); }
.gi-emblem-section .swatch span { color: #54524c; font-size: .9rem; }
.gi-emblem-section .swatch .dot { display: block; width: 44px; height: 44px; border-radius: 50%; }
.gi-emblem-section .swatch .navy { background: var(--emblem-navy); }
.gi-emblem-section .swatch .gold { background: var(--emblem-gold); }
.gi-emblem-section .gi-final { border-top: 1px solid var(--emblem-line); padding-top: 24px; margin-top: 32px; }
.gi-emblem-section .gi-final p { color: var(--emblem-navy); font-family: "Playfair Display", Georgia, serif; }
.gi-emblem-section .gi-signoff { font-family: "Playfair Display", Georgia, serif; font-weight: 700; font-size: 1.3rem; color: var(--emblem-navy); }
.gi-emblem-section .gi-study { border-top: 1px solid var(--emblem-line); padding-top: 32px; margin-top: 56px; }
.gi-emblem-section .gi-kicker { color: #54524c; font-size: .8rem; text-transform: uppercase; letter-spacing: .1em; margin-bottom: 12px; }
.gi-emblem-section .gi-study-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-top: 24px; align-items: start; }
.gi-emblem-section figure { margin: 0; border: 1px solid var(--emblem-line); background: #fff; }
.gi-emblem-section .gi-study img { display: block; width: 100%; height: auto; }
.gi-emblem-section figcaption { padding: 14px 18px; font-size: .9rem; line-height: 1.5; color: #54524c; }
.gi-emblem-section a:focus-visible { outline: 3px solid var(--emblem-navy); outline-offset: 4px; }
@media (max-width: 760px) {
  .gi-emblem-section :is(.gi-emblem-board, .gi-symbol-grid, .gi-main, .gi-study-grid) { grid-template-columns: minmax(0, 1fr); }
  .gi-emblem-section .gi-logo-wrap { grid-row: auto; }
  .gi-emblem-section .gi-logo-wrap img { max-width: 340px; }
}