/* Approved Option 3 heading; source monogram geometry remains untouched. */
.atelier-notes-page .notes-identity { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 44px; padding-block: 22px 40px; }
.notes-identity .official-mark { display: block; flex: 0 0 auto; position: relative; width: 116px; aspect-ratio: 815 / 862; }
.notes-identity .official-mark::before, .notes-identity .official-mark::after { content: ''; position: absolute; inset: 0; mask: url('/assets/invitation/official-monogram-mask.png') center / contain no-repeat; -webkit-mask: url('/assets/invitation/official-monogram-mask.png') center / contain no-repeat; }
.notes-identity .official-mark::before { background: var(--teal); }
.notes-identity .official-mark::after { background: linear-gradient(120deg,#d7bd80,#947035); clip-path: inset(79% 35% 9% 52%); }
.notes-identity .studio-name { font-size: 14px; letter-spacing: .17em; color: #8a6832; margin: 0 0 16px; line-height: 1.8; }
.atelier-notes-page .notes-identity h1 { font: 400 76px/1 'Cormorant Garamond',serif; color: var(--teal); letter-spacing: -.02em; margin: 0; }
.notes-identity .editorial-subtitle { font: italic 400 27px/1.4 'Cormorant Garamond',serif; color: var(--muted); margin: 20px 0 0; }
@media (max-width:760px) {
 .atelier-notes-page .notes-identity { gap: 20px; align-items: flex-start; padding-block: 12px 28px; }
 .notes-identity .official-mark { width: 62px; margin-top: 6px; }
 .notes-identity .heading-copy { min-width: 0; }
 .notes-identity .studio-name { font-size: 11.2px; letter-spacing: .08em; margin-bottom: 14px; max-width: 170px; }
 .atelier-notes-page .notes-identity h1 { font-size: clamp(36px,9vw,49px); }
 .notes-identity .editorial-subtitle { font-size: 23px; margin-top: 16px; }
}

/* Original monogram, slim gold divider, and aligned title/subtitle. */
.atelier-notes-page .notes-identity { gap: 30px; align-items: center; }
.notes-identity .heading-copy { border-left: 1px solid var(--gold); padding-left: 30px; min-width: 0; }
.notes-identity .editorial-subtitle { margin-top: 14px; }
@media(max-width:760px) {
 .atelier-notes-page .notes-identity { gap: 18px; align-items: center; }
 .notes-identity .official-mark { margin-top: 0; }
 .notes-identity .heading-copy { padding-left: 18px; }
 .notes-identity .editorial-subtitle { margin-top: 12px; }
}