/* ATTUNEA · approved personal visual system, 7 November 2026. */
body.at-personal {
  --at-surface: #FBFAF6;
  --at-paper: #EDF2E6;
  --at-card: #F2F3EA;
  --at-title-font: var(--wp--preset--font-family--playfair, 'Playfair Display', Georgia, serif);
  background: var(--at-surface);
}
.at-personal .av-nav-pill.wp-block-group { border-radius: 22px; border-color: #DDE3D6; }
.at-personal :is(.av-button,.wp-block-button__link) { border-radius: 14px !important; }
.at-personal .av-nav-book { border-radius: 14px; }

/* The factual headline stays in DM Sans; a short photographic note adds handwriting. */
.at-personal .av-home .av-hero { background: linear-gradient(120deg,#D0E3C4 0%,#EDF2E6 55%,#FBFAF6 100%); padding-top: 176px; }
.at-personal .av-hero-grid { grid-template-columns: 1.12fr 1fr; gap: 72px; }
.at-personal .av-home .av-hero h1 { font-size: clamp(40px,4.35vw,60px); font-weight: 500; line-height: 1.1; letter-spacing: -.048em; }
.at-personal .av-home .av-hero-lead { max-width: 490px; font-size: 17px; line-height: 1.8; }
.at-personal .av-hero-visual { min-height: 540px; }
.at-personal .av-photo-main { left: 8%; height: 450px; border-radius: 120px 22px 22px 22px; }
.at-personal .av-photo-main > img { filter: none; }
.at-personal .av-photo-small { width: 42%; height: 158px; border: 6px solid #FBFAF6; border-radius: 20px; }
.at-personal .av-photo-small img { filter: none; }
.at-personal .av-photo-note { right: 0; bottom: 0; padding: 0 0 4px 12px; max-width: 53%; transform: rotate(-3deg); }
.at-personal .av-photo-note p { font: 400 26px/1.22 var(--at-title-font); letter-spacing: 0; }
.at-personal .av-photo-note strong { font-weight: 400; }
.at-personal .av-index { border-bottom-color: #C7D3BE; }
.at-personal .av-index a { padding-block: 24px; }
.at-personal .av-index span { color: #76636F; font-size: 11px; }

/* Handwritten editorial headings and names; reading text and controls remain in DM Sans. */
.at-personal .av-home .av-manifesto h2,
.at-personal .av-journal-header :is(h1,.wp-block-query-title),
.at-personal .av-newsletter h2 {
  font-family: var(--at-title-font);
  font-size: clamp(38px,4.1vw,56px);
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: -.015em;
  text-wrap: balance;
}
.at-personal .av-home .av-manifesto h2 { max-width: 430px; }
.at-personal .av-team-card :is(h2,h3),
.at-personal .av-bio-hero h1 {
  font-family: var(--at-title-font);
  font-size: clamp(32px,3.2vw,42px) !important;
  font-weight: 400;
  line-height: 1.15;
  letter-spacing: 0;
}
.at-personal .av-team-card > figure { border-radius: 72px 20px 20px 20px; }
.at-personal .av-bio-hero { background: linear-gradient(125deg,#E2EDD9,#F5F5EC); border-radius: 28px; }
.at-personal .av-bio-hero figure img { border-radius: 80px 18px 18px 18px; }
.at-personal .av-team-card > div { padding-top: 24px; }
.at-personal .av-team-card .av-team-role { margin-top: 12px; }

/* Calm surfaces and clear space around original photography and existing content. */
.at-personal .av-home :is(.av-manifesto,.av-contact,.av-newsletter) { border-radius: 28px; }
.at-personal .av-home .av-manifesto { background: #EBF1E4; gap: 24px 72px; }
.at-personal .av-service > figure { border-radius: 24px; }
.at-personal .av-service-copy { padding-top: 28px; }
.at-personal .av-network { background: #EDF2E6; border-radius: 24px; }
.at-personal .av-resource-item { border-radius: 24px; background: #F1F2E9; }
.at-personal .av-journal-query .wp-block-post:first-child .av-journal-card { background: #EAF0E1; border-radius: 28px; }
.at-personal .av-journal-query .wp-block-post:first-child .av-journal-copy { padding: 44px; }
.at-personal .av-journal-query .wp-block-post-featured-image { border-radius: 20px; }
.at-personal .av-journal-query .wp-block-post-title { font-weight: 500; }
.at-personal .av-newsletter { background: linear-gradient(120deg,#D0E3C4,#F1F4E9 80%); }
.at-personal .av-contact-form { background: #FEFEFC; border-radius: 22px; }
.at-personal .wp-site-blocks > footer > .av-footer { background: linear-gradient(125deg,#D0E3C4,#E9F0E1 65%,#F4F6EC) !important; }

@media (max-width:1120px) {
  .at-personal .av-hero-grid { gap: 40px; }
  .at-personal .av-photo-note p { font-size: 24px; }
  .at-personal .av-journal-query .wp-block-post:first-child .av-journal-copy { padding: 32px; }
}
@media (max-width:900px) {
  .at-personal .av-home .av-hero { padding-top: 140px; }
  .at-personal .av-hero-grid { grid-template-columns: 1fr; gap: 40px; }
  .at-personal .av-home .av-hero h1 { max-width: 720px; font-size: clamp(40px,6.6vw,58px); }
  .at-personal .av-hero-visual { min-height: 540px; }
  .at-personal .av-photo-main { left: 12%; right: 3%; height: 440px; }
  .at-personal .av-photo-small { width: 34%; height: 175px; }
  .at-personal .av-photo-note { right: 3%; max-width: 52%; }
  .at-personal .av-photo-note p { font-size: 28px; }
  .at-personal .av-home .av-manifesto { gap: 24px; }
}
@media (max-width:600px) {
  .at-personal .av-home .av-hero { padding-top: 120px; }
  .at-personal .av-home .av-hero h1 { font-size: clamp(35px,9vw,48px); line-height: 1.12; }
  .at-personal .av-home .av-hero-lead { font-size: 16px; }
  .at-personal .av-hero-grid { gap: 36px; }
  .at-personal .av-hero-visual { min-height: 450px; }
  .at-personal .av-photo-main { left: 7%; right: 0; height: 325px; border-top-left-radius: 88px; }
  .at-personal .av-photo-small { width: 42%; height: 126px; border-width: 5px; border-radius: 16px; }
  .at-personal .av-photo-note { right: 0; max-width: 51%; padding-left: 10px; }
  .at-personal .av-photo-note p { font-size: 23px; }
  .at-personal .av-home :is(.av-manifesto,.av-contact,.av-newsletter) { border-radius: 22px; }
  .at-personal .av-home .av-manifesto h2,
  .at-personal .av-journal-header :is(h1,.wp-block-query-title),
  .at-personal .av-newsletter h2 { font-size: 40px; }
  .at-personal .av-team-card :is(h2,h3),
  .at-personal .av-bio-hero h1 { font-size: 34px !important; }
  .at-personal .av-journal-query .wp-block-post:first-child .av-journal-copy { padding: 28px; }
}
@media (max-width:359px) {
  .at-personal .av-photo-note p { font-size: 21px; }
  .at-personal .av-hero-visual { min-height: 430px; }
  .at-personal .av-photo-main { height: 310px; }
  .at-personal .av-photo-small { height: 116px; }
}

/* A restrained handwriting for section headings and every blog title. */
body.at-personal main h2:not(.wp-block-post-title),
body.at-personal main h3:not(.wp-block-post-title) {
  font-family: var(--at-title-font);
  font-weight: 400;
  line-height: 1.28;
  letter-spacing: -.012em;
  text-wrap: pretty;
  overflow-wrap: anywhere;
  hyphens: auto;
}
body.at-personal .av-network h2 { font-family: var(--at-title-font) !important; font-weight: 400 !important; }
body.at-personal main h2:not(.wp-block-post-title) { font-size: clamp(32px,3.4vw,44px); }
body.at-personal main h3:not(.wp-block-post-title) { font-size: clamp(27px,2.5vw,32px); }
body.at-personal main :is(h2,h3) strong { font-weight: inherit; }
/* Keep reading typography in paragraphs nested inside headings in legacy imported HTML. */
body.at-personal main :is(h2,h3) p { font: 400 clamp(17px,1.4vw,18px)/1.85 var(--av-font); letter-spacing: normal; }
body.at-personal main .wp-block-post-title { font-family: var(--at-title-font); font-weight: 400; letter-spacing: -.012em; }
body.at-personal.single main > .wp-block-group:first-child .wp-block-post-title { font-size: clamp(34px,4.1vw,50px); line-height: 1.2; }
body.at-personal .av-journal-query .wp-block-post-title { font-size: 27px; line-height: 1.32; }
body.at-personal .av-journal-query .wp-block-post:first-child .wp-block-post-title { font-size: clamp(30px,3vw,38px); line-height: 1.25; }
body.at-personal .av-related-query .wp-block-post-title { font: 400 23px/1.4 var(--at-title-font); letter-spacing: -.012em; }
body.at-personal .av-team-card :is(h2,h3) { font-size: clamp(32px,3.2vw,42px); }
body.at-personal .av-newsletter h2 { font-size: clamp(40px,4vw,54px); }
@media (max-width:700px) {
  body.at-personal .av-journal-query .wp-block-post:first-child .wp-block-post-featured-image,
  body.at-personal .av-journal-query .wp-block-post:first-child .wp-block-post-featured-image a { height: auto; }
}
@media (max-width:600px) {
  body.at-personal main h2:not(.wp-block-post-title) { font-size: 34px; }
  body.at-personal main h3:not(.wp-block-post-title) { font-size: 28px; }
  body.at-personal .av-team-card :is(h2,h3) { font-size: 34px; }
  body.at-personal .av-newsletter h2 { font-size: 42px; }
  body.at-personal .av-journal-query .wp-block-post-title { font-size: 26px; }
  body.at-personal .av-related-query .wp-block-post-title { font-size: 23px; }
}
@media (max-width:359px) {
  body.at-personal main h2:not(.wp-block-post-title) { font-size: 30px; }
  body.at-personal main h3:not(.wp-block-post-title) { font-size: 26px; }
}