/* Distinct Heroes & Memoir Layouts - Giovanna Romano */
body:is(.page-id-35,.page-id-41){background-color:#FAF7F2!important}

/* =========================================================
   KEYFRAME ANIMATIONS (LOADER / ENTRANCE & PARTICLES)
========================================================= */
@keyframes grFadeInUp {
  from {
    opacity: 0;
    transform: translateY(24px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes grScaleIn {
  from {
    opacity: 0;
    transform: scale(0.93) translateY(20px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

@keyframes grSparkleFloat {
  0%, 100% {
    transform: translateY(0) scale(1);
    opacity: 0.6;
  }
  50% {
    transform: translateY(-8px) scale(1.18);
    opacity: 1;
  }
}

/* =========================================================
   PAGE 41 (LIBRI)
========================================================= */
.page-id-41 .bk-hero{position:relative;padding-top:72px;padding-bottom:70px;gap:80px;background:radial-gradient(ellipse at 80% 45%,#ead3af55,transparent 58%)}
.bk-library-index{display:flex;align-items:center;gap:16px;color:#9e6535;font-size:10px;letter-spacing:2px;text-transform:uppercase;margin-bottom:24px}
.bk-library-index::after{content:'';width:70px;height:1px;background:#c6a277}
.page-id-41 .bk-hero h1{font-size:clamp(42px,4.6vw,70px);line-height:1.08;color:#2E211A}
.bk-library-seal{position:absolute;top:-12px;right:4px;width:86px;height:86px;border:1px solid #b78b53;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9e6535;background:#faf7f2;z-index:5;box-shadow:0 0 0 6px #faf7f2,0 0 0 7px #dac3a4}
.bk-library-seal strong{font:500 30px/1 var(--font-heading)}
.bk-library-seal span{font-size:8px;letter-spacing:2px;margin-top:7px;text-transform:uppercase}
.page-id-41 .bk-shelf{padding:20px 0 50px;min-height:445px}
.page-id-41 .bk-shelf::before{inset:-15px 6% 40px;border:1px solid #caa57170;border-radius:50% 50% 8px 8px;background:repeating-linear-gradient(0deg,transparent 0 50px,#caa57114 50px 51px),radial-gradient(ellipse at 50% 65%,#e2c29755,transparent 70%)}
.page-id-41 .bk-shelf::after{content:'';position:absolute;bottom:38px;left:0;right:0;height:12px;border-top:1px solid #bd925e;border-bottom:1px solid #d6bb97;background:linear-gradient(#f3e5cf,#e6cfae);box-shadow:0 16px 20px #73502117;border-radius:3px}
.page-id-41 .bk-shelf-caption{bottom:0;font-size:10px;letter-spacing:1.4px;text-transform:uppercase}

/* =========================================================
   PAGE 35 (CHI SONO) - WIDENED & INVERTED HERO
========================================================= */
.page-id-35 .gr-confession-page {
  max-width: 1180px;
  margin: 0 auto;
  padding: 30px 24px 100px;
  position: relative;
  z-index: 2;
}

/* Sparkles / Particles over Hero Section */
.gr-hero-sparkles {
  position: absolute;
  inset: -20px 0 0 0;
  pointer-events: none;
  overflow: hidden;
  z-index: 1;
}

.gr-sparkle-dot {
  position: absolute;
  color: #B87D4B;
  animation: grSparkleFloat 4s ease-in-out infinite;
  filter: drop-shadow(0 0 6px rgba(184, 125, 75, 0.5));
}
.gr-sparkle-dot.s1 { top: 12%; left: 8%; animation-delay: 0s; font-size: 19px; }
.gr-sparkle-dot.s2 { top: 18%; left: 48%; animation-delay: 1.4s; font-size: 14px; }
.gr-sparkle-dot.s3 { top: 76%; left: 6%; animation-delay: 2.2s; font-size: 21px; }
.gr-sparkle-dot.s4 { top: 10%; left: 86%; animation-delay: 0.8s; font-size: 17px; }
.gr-sparkle-dot.s5 { top: 72%; left: 92%; animation-delay: 1.9s; font-size: 20px; }
.gr-sparkle-dot.s6 { top: 44%; left: 52%; animation-delay: 2.7s; font-size: 15px; }

/* INVERTED HERO: PHOTO ON LEFT (0.95fr), TEXT ON RIGHT (1.25fr) */
.page-id-35 .gr-letter-intro.gr-about-hero-final {
  width: calc(100vw - 80px);
  max-width: 1260px;
  left: 50%;
  translate: -50% 0;
  display: grid;
  grid-template-columns: 0.92fr 1.25fr;
  align-items: center;
  gap: 65px;
  padding: 35px 0 55px;
  margin-bottom: 50px;
  border-bottom: 1px solid #d9bf9e;
  background: radial-gradient(ellipse at 15% 55%, #ead7b94d, transparent 65%);
  position: relative;
  text-align: left;
}

/* Portrait on Left */
.gr-about-hero-final .gr-diary-portrait {
  width: 100%;
  max-width: 420px;
  margin: 0 auto;
  padding: 10px;
  background: #f5ecdf;
  border: 1px solid #d5b78f;
  border-radius: 145px 145px 22px 22px;
  box-shadow: -12px 16px 0 #eadbc355;
  transform: none;
  animation: grScaleIn 0.85s cubic-bezier(0.16, 1, 0.3, 1) both;
  box-sizing: border-box;
  position: relative;
}
.gr-about-hero-final .gr-diary-portrait::before {
  content: '✦';
  position: absolute;
  top: -26px;
  left: calc(50% - 9px);
  color: #b78c44;
  font-size: 24px;
}
.gr-about-hero-final .gr-diary-portrait img {
  display: block;
  width: 100%;
  aspect-ratio: 1/1.04;
  object-fit: cover;
  object-position: 70% center;
  border-radius: 137px 137px 15px 15px;
}

/* Text on Right */
.gr-about-hero-final .gr-diary-opening {
  border: 0;
  background: none;
  padding: 20px 0;
  animation: grFadeInUp 0.85s cubic-bezier(0.16, 1, 0.3, 1) 0.15s both;
}

.gr-about-hero-final .gr-diary-number {
  font-size: 11px;
  letter-spacing: 2.7px;
  margin-bottom: 24px;
  color: #a36635;
  display: flex;
  gap: 16px;
  align-items: center;
}
.gr-about-hero-final .gr-diary-number::before {
  content: '';
  width: 38px;
  height: 1px;
  background: #b87d4b;
}

/* All Titles in SIGNATURE BROWN #2E211A */
.gr-about-hero-final .gr-letter-main-title,
.gr-about-hero-final .gr-letter-main-title em,
.gr-letter-main-title,
.gr-chapter-heading,
.gr-confession-page h1,
.gr-confession-page h2,
.gr-confession-page h3,
.gr-confession-page h4 {
  color: #2E211A !important;
}

.gr-about-hero-final .gr-letter-main-title {
  font-family: var(--font-heading);
  font-size: clamp(38px, 4.2vw, 60px);
  line-height: 1.08;
  letter-spacing: -1.5px;
  margin-bottom: 24px;
}
.gr-about-hero-final .gr-letter-main-title em {
  font-style: normal;
}

.gr-about-hero-final .gr-letter-subtitle {
  font-size: 18px;
  line-height: 1.85;
  color: var(--text-muted);
  max-width: 540px;
  margin: 0 0 16px;
}

.gr-about-hero-note {
  font-size: 14.5px;
  line-height: 1.9;
  color: #82634c;
  margin: 14px 0 28px;
  max-width: 500px;
}

.gr-about-story-link {
  display: inline-flex;
  align-items: center;
  gap: 20px;
  color: #2E211A;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .4px;
  text-decoration: none;
  border-bottom: 1.5px solid #bd9467;
  padding: 0 0 10px;
  min-height: 44px;
  transition: color 0.25s ease, border-color 0.25s ease;
}
.gr-about-story-link:hover {
  color: #B87D4B;
  border-color: #B87D4B;
}
.gr-about-story-link span {
  transition: transform .25s;
}
.gr-about-story-link:hover span {
  transform: translateY(4px);
}

/* =========================================================
   WIDENED CARDS & CENTERED TEXT FORMATTING
========================================================= */

/* Opening Lead Box - Wider & Centered */
.page-id-35 .gr-story-opening {
  display: block;
  max-width: 1100px;
  margin: 0 auto 55px;
  padding: 44px 54px;
  background: linear-gradient(135deg, rgba(243, 230, 209, 0.75), #ffffff);
  border-radius: 24px;
  border: 1.5px solid var(--border-gold);
  border-top: 3.5px solid #b87d4b;
  box-shadow: 0 14px 38px rgba(46, 33, 26, 0.08);
  text-align: center;
  animation: grFadeInUp 0.85s ease 0.2s both;
}

.gr-confession-lead-text {
  font-size: 18px;
  line-height: 2.0;
  color: var(--text-main);
  text-align: center;
  max-width: 920px;
  margin: 0 auto;
}
.gr-confession-lead-text p {
  margin: 0 0 18px;
}
.gr-confession-lead-text p:last-child {
  margin-bottom: 0;
}

/* Memoir Chapters - Wider Cards, Centered Text, No side line */
.gr-memoir-chapter {
  position: relative;
  max-width: 1100px;
  margin: 0 auto 55px;
  padding: 52px 64px;
  background: #FFFFFF;
  border: 1.5px solid var(--border-light);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-sm);
  text-align: center;
  border-left: 1.5px solid var(--border-light) !important;
  transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
  animation: grFadeInUp 0.85s ease both;
}
.gr-memoir-chapter:hover {
  border-color: var(--accent);
  box-shadow: var(--shadow-md);
  transform: translateY(-3px);
}

.page-id-35 #la-mia-storia {
  scroll-margin-top: 110px;
}

.gr-chapter-number {
  font-family: var(--font-heading);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2.8px;
  color: #a36635;
  margin: 0 auto 16px;
  display: inline-block;
  padding: 5px 18px;
  background: rgba(184, 125, 75, 0.1);
  border-radius: 999px;
  border: 1px dashed rgba(184, 125, 75, 0.4);
}

.gr-chapter-heading {
  font-family: var(--font-heading);
  font-size: clamp(26px, 3.2vw, 38px);
  font-weight: 700;
  color: #2E211A !important; /* Signature brown */
  line-height: 1.25;
  margin: 0 auto 28px;
  text-align: center;
  max-width: 860px;
}

.gr-memoir-prose {
  font-size: 17.5px;
  line-height: 2.05;
  color: var(--text-main);
  text-align: center;
  max-width: 880px;
  margin: 0 auto;
}
.gr-memoir-prose p {
  margin: 0 0 22px;
}
.gr-memoir-prose p:last-child {
  margin-bottom: 0;
}

/* Raw Quote Callout - Wider & Centered */
.gr-raw-quote {
  max-width: 1100px;
  margin: 55px auto;
  padding: 52px 64px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(245, 237, 226, 0.88));
  border: 1.5px solid var(--accent);
  border-radius: var(--radius-xl);
  box-shadow: 0 16px 42px rgba(46, 33, 26, 0.08);
  text-align: center;
  animation: grFadeInUp 0.85s ease both;
}

.gr-raw-quote-mark {
  font-family: var(--font-heading);
  font-size: 64px;
  line-height: 30px;
  color: var(--accent);
  opacity: 0.65;
  margin-bottom: 14px;
}

.gr-raw-quote-body {
  font-family: var(--font-heading);
  font-size: clamp(21px, 2.6vw, 30px);
  font-weight: 600;
  font-style: italic;
  line-height: 1.52;
  color: #2E211A !important; /* Signature brown */
  margin: 0 auto 20px;
  max-width: 940px;
}

.gr-raw-quote-context {
  font-size: 13.5px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: var(--accent);
}

/* Chapter 3 - 3 Truths Cards Wider & Centered */
.gr-three-truths-wrap {
  margin: 32px auto 0;
  display: flex;
  flex-direction: column;
  gap: 22px;
  max-width: 900px;
}

.gr-truth-item {
  background: #FAF7F2;
  padding: 26px 32px;
  border-radius: var(--radius-md);
  border: 1px solid var(--border-gold);
  border-top: 3px solid var(--accent);
  box-shadow: var(--shadow-sm);
  text-align: center;
  transition: transform 0.3s ease;
}
.gr-truth-item:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}
.gr-truth-item strong {
  font-family: var(--font-heading);
  font-size: 19px;
  color: #2E211A !important;
  display: block;
  margin-bottom: 8px;
}
.gr-truth-item span {
  font-size: 16px;
  color: var(--text-muted);
  line-height: 1.8;
  display: block;
}

/* Journal Polaroid Section */
.gr-journal-photos {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  max-width: 1100px;
  margin: 40px auto 65px;
}

.gr-journal-polaroid {
  background: #FFFFFF;
  padding: 14px 14px 20px;
  border-radius: 12px;
  box-shadow: 0 14px 32px rgba(46, 33, 26, 0.1);
  border: 1px solid rgba(212, 198, 182, 0.65);
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}
.gr-journal-polaroid:hover {
  transform: rotate(0deg) translateY(-6px);
  box-shadow: 0 22px 48px rgba(46, 33, 26, 0.16);
}

.gr-journal-note {
  font-family: var(--font-heading);
  font-size: 13.5px;
  font-weight: 600;
  color: #2E211A;
  text-align: center;
  padding-top: 14px;
  line-height: 1.45;
  font-style: italic;
}

/* Letter to Reader - Wider & Centered */
.gr-letter-to-reader {
  max-width: 1100px;
  margin: 60px auto 70px;
  background: #FFFFFF;
  border: 1.5px solid var(--border-gold);
  border-radius: var(--radius-xl);
  padding: 60px clamp(32px, 6vw, 76px);
  box-shadow: var(--shadow-lg);
  text-align: center;
  animation: grFadeInUp 0.85s ease both;
}

.gr-letter-to-reader .gr-letter-salutation {
  font-family: var(--font-heading);
  font-size: 28px;
  font-weight: 700;
  color: #2E211A !important;
  margin-bottom: 26px;
  text-align: center;
}

.gr-letter-body-prose {
  font-size: 17.5px;
  line-height: 2.05;
  color: var(--text-main);
  text-align: center;
  max-width: 880px;
  margin: 0 auto;
}
.gr-letter-body-prose p {
  margin: 0 0 20px;
}
.gr-letter-body-prose p:last-child {
  margin-bottom: 0;
}

.gr-letter-signature-wrap {
  margin-top: 42px;
  padding-top: 28px;
  border-top: 1px solid rgba(212, 198, 182, 0.6);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.gr-letter-farewell {
  font-style: italic;
  font-size: 17px;
  color: var(--text-muted);
}

.gr-letter-signature-name {
  font-family: var(--font-heading);
  font-size: 34px;
  font-weight: 700;
  color: #2E211A !important;
  letter-spacing: -0.5px;
}

/* Responsive adjustments */
@media(max-width:1060px){
  .page-id-35 .gr-letter-intro.gr-about-hero-final{
    gap: 40px;
    grid-template-columns: 0.95fr 1.15fr;
    width: calc(100vw - 60px);
  }
}

@media(max-width:767px){
  .page-id-35 .gr-confession-page {
    padding-top: 15px;
    padding-left: 16px;
    padding-right: 16px;
  }
  .page-id-35 .gr-letter-intro.gr-about-hero-final {
    width: 100%;
    left: auto;
    translate: none;
    grid-template-columns: 1fr;
    gap: 32px;
    padding: 15px 0 35px;
    text-align: center;
  }
  .gr-about-hero-final .gr-diary-opening {
    text-align: center;
    padding: 0;
  }
  .gr-about-hero-final .gr-diary-number {
    justify-content: center;
    margin-bottom: 18px;
  }
  .gr-about-hero-final .gr-letter-subtitle {
    margin: 0 auto 16px;
  }
  .gr-about-hero-note {
    margin: 14px auto 24px;
  }
  .gr-about-hero-final .gr-diary-portrait {
    max-width: 320px;
  }
  .page-id-35 .gr-story-opening {
    padding: 30px 20px;
  }
  .gr-memoir-chapter {
    padding: 36px 22px;
  }
  .gr-raw-quote {
    padding: 36px 22px;
  }
  .gr-letter-to-reader {
    padding: 40px 22px;
  }
  .gr-journal-photos {
    grid-template-columns: 1fr;
  }
}

/* Author page titles in the site copper-beige accent. */
body.page-id-35 main :is(h1,h2,h3),body.page-id-35 main :is(h1,h2,h3) :is(em,span,strong){color:#B87D4B!important}

body.page-id-35 main #diary-title,body.page-id-35 main #diary-title *{color:#B87D4B!important;-webkit-text-fill-color:#B87D4B!important}

/* Requested finishing details on Chi Sono. */
body.page-id-35 main .gr-about-hero-final .gr-diary-portrait{max-width:460px}
body.page-id-35 main .gr-confession-lead-text>p:first-child,body.page-id-35 main .gr-confession-lead-text>p:first-child strong,
body.page-id-35 main .gr-truth-item>strong,body.page-id-35 main .gr-letter-to-reader .gr-letter-salutation,body.page-id-35 main .gr-letter-signature-name{color:#B87D4B!important}
body.page-id-35 main :is(.gr-confession-lead-text,.gr-confession-lead-text p,.gr-memoir-prose,.gr-memoir-prose p,.gr-letter-body-prose,.gr-letter-body-prose p){color:#2E211A;font-weight:500}
body.page-id-35 main .gr-truth-item>span{font-weight:500;color:#3d2e26}
body.page-id-35 main .gr-raw-quote-body{color:#2E211A!important}
body.page-id-35 main :is(.gr-raw-quote-body,.gr-letter-body-prose) .gr-ink-accent{color:#B87D4B!important;font-weight:700}
body.page-id-35 .gr-gentle-actions .gr-btn-dark,body.page-id-35 .gr-gentle-actions .gr-btn-dark:visited{background:#B87D4B!important;border-color:#B87D4B!important;color:#fff!important;box-shadow:0 8px 22px #b87d4b33}
body.page-id-35 .gr-gentle-actions .gr-btn-dark:hover,body.page-id-35 .gr-gentle-actions .gr-btn-dark:focus-visible{background:#9E6535!important;border-color:#9E6535!important}
@media(max-width:767px){body.page-id-35 main .gr-about-hero-final .gr-diary-portrait{max-width:350px}}