/* PAGE LAYOUT */
.page-hero {
  background: var(--green);
  padding: calc(var(--nav-h) + 3rem) 1.5rem 3rem;
  text-align: center; position: relative; overflow: hidden;
}
.page-hero::before {
  content: ''; position: absolute; inset: 0;
  background: radial-gradient(ellipse 80% 60% at 50% 40%, rgba(36,222,103,0.1) 0%, transparent 70%);
  pointer-events: none;
}
.page-hero-eyebrow { font-size:0.68rem; font-weight:800; letter-spacing:0.22em; text-transform:uppercase; color:var(--green-br); margin-bottom:0.5rem; }
.page-hero-title { font-family:'Youth','Mona Sans',sans-serif; font-size:clamp(2.5rem,7vw,5rem); font-weight:900; line-height:0.9; letter-spacing:-0.03em; text-transform:uppercase; color:var(--white); margin-bottom:0.8rem; }
.page-hero-title em { font-style:italic; color:var(--green-br); }
.page-hero-sub { font-size:1rem; color:rgba(255,255,255,0.55); max-width:480px; margin:0 auto; line-height:1.6; }
.breadcrumb { display:flex; align-items:center; gap:0.4rem; justify-content:center; margin-top:1.5rem; font-size:0.72rem; color:rgba(255,255,255,0.35); letter-spacing:0.06em; }
.breadcrumb a { color:rgba(255,255,255,0.45); text-decoration:none; }
.breadcrumb a:hover { color:var(--green-br); }
.page-content { max-width:860px; margin:0 auto; padding:4rem 1.5rem; }
.page-section { margin-bottom:3.5rem; }
.page-section-title { font-family:'Youth','Mona Sans',sans-serif; font-size:clamp(1.4rem,3vw,2rem); font-weight:900; letter-spacing:-0.02em; text-transform:uppercase; color:var(--green); margin-bottom:1rem; padding-bottom:0.6rem; border-bottom:2px solid var(--line); }
.page-section p { font-size:0.95rem; line-height:1.8; color:var(--mid); margin-bottom:1rem; }
.page-section p strong { color:var(--black); font-weight:800; }
.info-block { background:var(--cream2); border-radius:12px; padding:1.5rem; margin-bottom:1rem; border-left:3px solid var(--green); }
.info-block p { margin:0.2rem 0; }
.info-grid-2 { display:grid; grid-template-columns:1fr 1fr; gap:1.2rem; margin-bottom:1.5rem; }
.info-grid-3 { display:grid; grid-template-columns:1fr 1fr 1fr; gap:1rem; margin:1.5rem 0; }
@media (max-width:680px) {
  .page-hero { padding: calc(var(--nav-h) + 2rem) 1rem 2rem; }
  .page-content { padding: 2.5rem 1rem; }
  .info-grid-2, .info-grid-3 { grid-template-columns: 1fr; }
}