/* Plum & Sugar — shared styles for secondary content pages
   (About, Contact, Journal, Experts, Gallery, Book) */

.page-hero{padding-top:calc(var(--nav-h) + clamp(32px,5vw,64px));padding-bottom:clamp(40px,6vw,72px)}
.page-hero.bg-2{background:var(--blush)}
.page-hero .breadcrumb{font-size:13px;color:var(--muted);margin-bottom:24px}
.page-hero .breadcrumb a{color:var(--muted)}
.page-hero .breadcrumb .sep{margin-inline:8px;opacity:.5}
.page-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,56px);align-items:center}
.gold-frame{box-shadow:0 28px 72px -20px rgba(74,25,66,.26);border:1px solid var(--line-gold)}
.visual{aspect-ratio:4/3}
.split-media{aspect-ratio:4/3;box-shadow:0 28px 72px -20px rgba(74,25,66,.22)}

.values{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.value{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:clamp(24px,3vw,36px)}
.value .sym{font-family:var(--serif);font-size:40px;color:var(--gold);margin-bottom:14px;font-style:italic}
.value h4{font-size:18px;margin-bottom:10px}
.value p{font-size:14px;color:var(--text-2);line-height:1.65;margin:0}

.cta-band{background:var(--plum);border-radius:var(--radius-lg);padding:clamp(40px,6vw,80px) clamp(28px,5vw,64px);text-align:center;position:relative;overflow:hidden}
.cta-band::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 80% -20%,rgba(201,169,110,.2) 0%,transparent 65%);pointer-events:none}
.cta-band h2{color:#fff;position:relative}
.cta-band p{color:rgba(255,255,255,.72);max-width:46ch;margin:14px auto 0;position:relative}

@media (max-width:768px){
  .page-hero-grid{grid-template-columns:1fr}
  .values{grid-template-columns:1fr}
}