.eyebrow{
      display:inline-flex;
      align-items:center;
      gap:10px;
      color:var(--forest-700);
      font-size:0.875rem;
      font-weight:800;
      letter-spacing:.13em;
      text-transform:uppercase;
    }
.eyebrow::before{
      content:"";
      width:26px;height:2px;
      background:var(--gold-500);
      border-radius:999px;
    }
.section-title{
      margin-top:13px;
      font-family:"DM Serif Display",serif;
      font-size:clamp(2.1rem,4.4vw,4rem);
      line-height:1.03;
      font-weight:400;
      color:var(--forest-950);
      text-wrap:balance;
    }
.section-intro{
      margin-top:17px;
      max-width:790px;
      color:var(--ink-700);
      font-size:clamp(.98rem,1.5vw,1.08rem);
    }
.page-hero{
      position:relative;
      min-height:600px;
      display:flex;
      align-items:center;
      color:#fff;
      overflow:hidden;
      isolation:isolate;
      background:
        radial-gradient(circle at 80% 30%,rgba(217,164,65,.14),transparent 24%),
        linear-gradient(110deg,#071b14 0%,#0d3024 58%,#184635 100%);
    }
.page-hero::before{
      content:"";
      position:absolute;inset:0;z-index:-1;
      opacity:.25;
      background-image:
        linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
      background-size:48px 48px;
    }
.page-hero::after{
      content:"";
      position:absolute;z-index:-1;
      width:470px;height:470px;
      right:-190px;bottom:-210px;
      border:1px solid rgba(255,255,255,.1);
      border-radius:50%;
      box-shadow:0 0 0 70px rgba(255,255,255,.02),0 0 0 140px rgba(255,255,255,.014);
    }
.hero-content{padding-top:var(--header-h);max-width:900px}
.breadcrumbs{
      display:flex;flex-wrap:wrap;gap:8px;align-items:center;
      color:rgba(255,255,255,.58);
      font-size:1.0rem;font-weight:700;
    }
.hero-badge{
      margin-top:25px;
      display:inline-flex;
      align-items:center;
      gap:9px;
      padding:9px 13px;
      border-radius:999px;
      border:1px solid rgba(255,255,255,.15);
      background:rgba(255,255,255,.08);
      color:rgba(255,255,255,.9);
      font-size:1.0rem;font-weight:800;
      letter-spacing:.055em;text-transform:uppercase;
    }
.hero-badge i{color:var(--gold-400)}
.page-hero h1{
      margin-top:20px;
      font-family:"DM Serif Display",serif;
      font-size:clamp(3.2rem,7vw,6.2rem);
      line-height:.93;
      font-weight:400;
      text-wrap:balance;
    }
.page-hero h1 span{color:var(--gold-400)}
.hero-copy{
      margin-top:21px;
      max-width:760px;
      color:rgba(255,255,255,.75);
      font-size:clamp(1.0rem,1.7vw,1.15rem);
    }
.intro{padding:95px 0 85px}
.intro-grid{
      display:grid;
      grid-template-columns:1.05fr .95fr;
      gap:65px;
      align-items:start;
    }
.norm-card{
      padding:29px;
      border:1px solid rgba(18,51,40,.08);
      border-radius:var(--radius-md);
      background:#fff;
      box-shadow:var(--shadow-sm);
    }
.norm-card h3{
      font-family:"DM Serif Display",serif;
      font-size:2.0rem;
      font-weight:400;
      line-height:1.07;
      color:var(--forest-950);
    }
.norm-card p{margin-top:12px;color:var(--ink-700);font-size:1.0rem}
.norm-list{margin-top:20px;display:grid;gap:9px;list-style:none}
.norm-list li{
      display:flex;
      gap:11px;
      align-items:flex-start;
      padding:11px 12px;
      border-radius:12px;
      background:var(--cream-100);
      color:var(--ink-700);
      font-size:1.0rem;
    }
.norm-list i{margin-top:3px;color:var(--forest-700)}
.principles{padding:0 0 100px}
.principle-grid{
      margin-top:38px;
      display:grid;
      grid-template-columns:repeat(5,1fr);
      gap:12px;
    }
.principle{
      padding:23px;
      background:#fff;
      border:1px solid rgba(18,51,40,.08);
      border-radius:18px;
      box-shadow:var(--shadow-sm);
    }
.principle i{
      width:41px;height:41px;
      display:grid;place-items:center;
      border-radius:12px;
      color:var(--forest-800);
      background:#e7efe3;
    }
.principle h3{margin-top:17px;color:var(--forest-950);font-size:1.0rem}
.principle p{margin-top:7px;color:var(--ink-700);font-size:1.0rem;line-height:1.48}
.cycle{
      padding:100px 0;
      color:#fff;
      background:var(--forest-950);
    }
.cycle .eyebrow{color:var(--leaf-300)}
.cycle .section-title{color:#fff}
.cycle .section-intro{color:rgba(255,255,255,.65)}
.cycle-grid{
      margin-top:38px;
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:14px;
    }
.cycle-card{
      padding:26px;
      border:1px solid rgba(255,255,255,.11);
      border-radius:20px;
      background:rgba(255,255,255,.055);
    }
.cycle-card .when{
      color:var(--gold-400);
      font-size:1.0rem;
      font-weight:800;
      text-transform:uppercase;
      letter-spacing:.08em;
    }
.cycle-card h3{
      margin-top:8px;
      font-family:"DM Serif Display",serif;
      font-size:1.75rem;
      font-weight:400;
      line-height:1.05;
    }
.cycle-card ul{
      margin-top:15px;
      padding-left:18px;
      color:rgba(255,255,255,.68);
      font-size:1.0rem;
    }
.cycle-card li{margin-bottom:7px}
.agreements{padding:100px 0}
.accordion-list{margin-top:38px;display:grid;gap:11px}
details.accordion{
      overflow:hidden;
      border:1px solid rgba(18,51,40,.08);
      border-radius:18px;
      background:#fff;
      box-shadow:var(--shadow-sm);
    }
.accordion summary{
      min-height:78px;
      padding:17px 20px;
      display:grid;
      grid-template-columns:auto 1fr auto;
      gap:14px;
      align-items:center;
      cursor:pointer;
      list-style:none;
    }
.accordion summary::-webkit-details-marker{display:none}
.acc-icon{
      width:45px;height:45px;
      display:grid;place-items:center;
      border-radius:13px;
      color:var(--forest-800);
      background:#e7efe3;
    }
.acc-title strong{display:block;color:var(--forest-950);font-size:1.0rem}
.acc-title span{display:block;margin-top:3px;color:var(--ink-700);font-size:1.0rem}
.chevron{
      width:34px;height:34px;
      display:grid;place-items:center;
      border-radius:50%;
      color:var(--forest-700);
      background:var(--cream-100);
      transition:transform .2s ease;
    }
details[open] .chevron{transform:rotate(180deg)}
.acc-body{
      padding:0 22px 23px 81px;
      border-top:1px solid rgba(18,51,40,.08);
    }
.acc-body p{
      padding-top:18px;
      color:var(--ink-700);
      font-size:1.0rem;
    }
.acc-list{
      margin-top:13px;
      display:grid;
      gap:8px;
      list-style:none;
    }
.acc-list li{
      position:relative;
      padding:10px 12px 10px 34px;
      border-radius:12px;
      background:var(--cream-100);
      color:var(--ink-700);
      font-size:1.0rem;
    }
.acc-list li::before{
      content:"\f00c";
      position:absolute;
      left:12px;top:11px;
      font-family:"Font Awesome 6 Free";
      font-weight:900;
      color:var(--forest-700);
    }
.attendance{
      padding:100px 0;
      color:#fff;
      background:var(--forest-950);
    }
.attendance .eyebrow{color:var(--leaf-300)}
.attendance .section-title{color:#fff}
.attendance .section-intro{color:rgba(255,255,255,.65)}
.attendance-stats{
      margin-top:38px;
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:12px;
    }
.attendance-card{
      min-height:180px;
      padding:23px;
      border:1px solid rgba(255,255,255,.11);
      border-radius:18px;
      background:rgba(255,255,255,.055);
    }
.attendance-card strong{
      display:block;
      color:var(--gold-400);
      font-family:"DM Serif Display",serif;
      font-size:2.5rem;
      line-height:1;
      font-weight:400;
    }
.attendance-card h3{margin-top:13px;font-size:1.0rem}
.attendance-card p{margin-top:7px;color:rgba(255,255,255,.64);font-size:1.0rem;line-height:1.48}
.attendance-details{
      margin-top:18px;
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:12px;
    }
.attendance-box{
      padding:24px;
      border:1px solid rgba(255,255,255,.1);
      border-radius:18px;
      background:rgba(255,255,255,.04);
    }
.attendance-box h3{font-family:"DM Serif Display",serif;font-size:1.55rem;font-weight:400}
.attendance-box ul{
      margin-top:13px;
      padding-left:18px;
      color:rgba(255,255,255,.67);
      font-size:1.0rem;
    }
.attendance-box li{margin-bottom:7px}
.cic{padding:100px 0}
.cic-grid{
      display:grid;
      grid-template-columns:.88fr 1.12fr;
      gap:60px;
      align-items:start;
    }
.cic-card{
      padding:30px;
      border:1px solid rgba(18,51,40,.08);
      border-radius:var(--radius-md);
      background:#fff;
      box-shadow:var(--shadow-sm);
    }
.cic-card h3{
      font-family:"DM Serif Display",serif;
      color:var(--forest-950);
      font-size:2.0rem;
      font-weight:400;
    }
.cic-card p{margin-top:12px;color:var(--ink-700);font-size:1.0rem}
.cic-members{
      margin-top:18px;
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:8px;
    }
.member{
      padding:10px 11px;
      border-radius:11px;
      background:var(--cream-100);
      color:var(--ink-700);
      font-size:1.0rem;
      font-weight:700;
    }
.review-note{
      margin-top:16px;
      padding:17px 19px;
      border-left:3px solid var(--gold-500);
      background:#fff;
      border-radius:0 14px 14px 0;
      color:var(--ink-700);
      font-size:1.0rem;
      box-shadow:var(--shadow-sm);
    }
.review-note strong{color:var(--forest-900)}
[data-reveal]{opacity:0;transform:translateY(22px);transition:.6s ease}
[data-reveal].revealed{opacity:1;transform:none}
@media(max-width:1050px){
.intro-grid,.cic-grid{grid-template-columns:1fr;gap:44px}
.principle-grid{grid-template-columns:repeat(3,1fr)}
.attendance-stats{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:720px){
.page-hero{min-height:590px;align-items:flex-end;padding:115px 0 72px}
.hero-content{padding-top:0}
.page-hero h1{font-size:clamp(3.1rem,15vw,4.8rem)}
.hero-copy{font-size:1.0rem}
.intro{padding:80px 0 70px}
.principles{padding-bottom:80px}
.principle-grid{grid-template-columns:1fr 1fr}
.principle:last-child{grid-column:1/-1}
.cycle{padding:80px 0}
.cycle-grid{grid-template-columns:1fr}
.agreements{padding:80px 0}
.accordion summary{padding:14px}
.acc-body{padding:0 15px 18px}
.acc-icon{width:42px;height:42px}
.attendance{padding:80px 0}
.attendance-stats{grid-template-columns:1fr 1fr}
.attendance-details{grid-template-columns:1fr}
.cic{padding:80px 0}
.cic-members{grid-template-columns:1fr}
}
@media(max-width:430px){
.principle-grid,.attendance-stats{grid-template-columns:1fr}
.principle:last-child{grid-column:auto}
}
@media(prefers-reduced-motion:reduce){
*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
[data-reveal]{opacity:1;transform:none}
}