/* =========================================================================
   NAUA STEM Academy — Inner page styles (About, Contact, Resources, Join Us)
   Ported from the approved full-site mockup, scoped under .naua-home.
   Loaded alongside naua-home.css on those pages.
   ========================================================================= */

/* ---------- shared bits ---------- */
.naua-home .section.tint { background:var(--off); }
.naua-home .k,
.naua-home .section-head .k { font-family:var(--display); font-weight:600; font-size:12px; letter-spacing:.24em; text-transform:uppercase; color:var(--green); display:block; margin-bottom:12px; }
.naua-home .note { text-align:center; color:var(--muted); font-size:14px; margin-top:22px; font-style:italic; }
.naua-home nav.menu a.active { color:var(--green-deep); font-weight:600; }
.naua-home nav.menu a.active::after { width:100%; }

/* ---------- page header ---------- */
.naua-home .pagehead { background:radial-gradient(120% 90% at 50% -10%,var(--off),#fff 60%); padding:58px 0 48px; text-align:center; }
.naua-home .pagehead h1 { font-size:clamp(28px,4.4vw,46px); font-weight:700; max-width:22ch; margin:0 auto 16px; }
.naua-home .pagehead .lede { font-size:clamp(16px,2vw,18.5px); color:var(--muted); max-width:64ch; margin:0 auto; }

/* ---------- ABOUT: mission / vision ---------- */
.naua-home .mv { display:grid; grid-template-columns:1fr; gap:22px; max-width:900px; margin:0 auto; }
.naua-home .panel { background:#fff; border:1px solid var(--line); border-radius:18px; padding:38px 34px; position:relative; }
.naua-home .panel .tag { font-family:var(--display); font-weight:700; font-size:13px; letter-spacing:.14em; text-transform:uppercase; color:var(--green-fresh); margin-bottom:14px; }
.naua-home .panel h3 { font-size:23px; font-weight:600; margin-bottom:12px; }
.naua-home .panel p { color:var(--muted); font-size:16px; }
.naua-home .panel::before { content:""; position:absolute; left:0; top:34px; bottom:34px; width:4px; border-radius:4px; background:linear-gradient(var(--green-fresh),var(--green)); }

/* ---------- ABOUT: connect model ---------- */
.naua-home .model-grid { display:grid; grid-template-columns:1fr auto 1fr; gap:20px; align-items:stretch; }
.naua-home .side { background:#fff; border:1px solid var(--line); border-radius:18px; padding:34px 30px; }
.naua-home .side h3 { font-size:20px; font-weight:600; margin-bottom:8px; }
.naua-home .side .who { color:var(--green); font-weight:600; font-size:13px; letter-spacing:.04em; text-transform:uppercase; margin-bottom:16px; display:block; }
.naua-home .side ul { list-style:none; margin-top:6px; }
.naua-home .side li { position:relative; padding-left:26px; margin-bottom:11px; color:var(--muted); font-size:15px; }
.naua-home .side li::before { content:""; position:absolute; left:0; top:9px; width:9px; height:9px; border-radius:50%; background:var(--green-fresh); }
.naua-home .side .sub2 { margin-top:20px; padding-top:18px; border-top:1px dashed var(--line); }
.naua-home .side .sub2 b { color:var(--green-deep); font-family:var(--display); font-size:14px; }
.naua-home .connector { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; min-width:96px; }
.naua-home .connector .ring { width:74px; height:74px; border-radius:50%; background:var(--green-deep); color:#fff; display:grid; place-items:center; font-family:var(--display); font-weight:700; font-size:12px; text-align:center; line-height:1.25; }
.naua-home .connector .flow { width:2px; flex:1; background:linear-gradient(var(--green-fresh),transparent); }

/* ---------- ABOUT: 2050 roadmap ---------- */
.naua-home .init-head { text-align:center; max-width:60ch; margin:0 auto 44px; position:relative; z-index:1; }
.naua-home .init-head .k { color:var(--green-glow); }
.naua-home .init-head h2 { color:#fff; font-size:clamp(25px,3.6vw,36px); margin-bottom:14px; }
.naua-home .init-head p { color:#d7ecd9; font-size:17px; }
.naua-home .roadmap { position:relative; display:grid; grid-template-columns:repeat(3,1fr); gap:24px; z-index:1; }
.naua-home .rail { position:absolute; left:8%; right:8%; top:40px; height:2px; background:rgba(255,255,255,.18); }
.naua-home .rail .spark { position:absolute; top:-2px; left:0; width:70px; height:6px; border-radius:6px; background:linear-gradient(90deg,transparent,var(--green-glow),transparent); filter:blur(1px); }
.naua-home .phase { position:relative; text-align:center; }
.naua-home .dot { width:20px; height:20px; border-radius:50%; background:var(--green-fresh); border:4px solid #123314; margin:30px auto 20px; box-shadow:0 0 0 3px rgba(124,240,138,.35); }
.naua-home .phase.soon .dot { background:#5b7a5e; box-shadow:none; }
.naua-home .phase .pk { font-family:var(--display); font-weight:700; font-size:12px; letter-spacing:.18em; text-transform:uppercase; color:var(--green-glow); margin-bottom:6px; }
.naua-home .phase.soon .pk { color:#9db69f; }
.naua-home .phase h3 { color:#fff; font-size:20px; margin-bottom:8px; }
.naua-home .phase p { color:#cfe0d1; font-size:14.5px; max-width:32ch; margin:0 auto; }
.naua-home .badge { display:inline-block; margin-top:12px; font-size:11px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; padding:4px 12px; border-radius:20px; }
.naua-home .phase.now .badge { background:var(--green-fresh); color:#0f2e12; }
.naua-home .phase.soon .badge { background:rgba(255,255,255,.12); color:#cfe0d1; }

/* ---------- ABOUT: partners / people / trust ---------- */
.naua-home .logos { display:grid; grid-template-columns:repeat(5,1fr); gap:18px; }
.naua-home .logo { height:88px; border:1px dashed #cfe0d1; border-radius:14px; display:grid; place-items:center; background:#fff; color:#9bb59e; font-family:var(--display); font-weight:600; font-size:13px; }
.naua-home .people { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
.naua-home .person { text-align:center; }
.naua-home .avatar { width:96px; height:96px; border-radius:50%; margin:0 auto 16px; display:grid; place-items:center; font-family:var(--display); font-weight:700; font-size:26px; color:#fff; background:linear-gradient(135deg,var(--green),var(--green-deep)); }
.naua-home .person h3 { font-size:18px; font-weight:600; margin-bottom:3px; }
.naua-home .person .role { color:var(--green); font-size:14px; font-weight:500; }
.naua-home .trust { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.naua-home .tcard { background:#fff; border:1px solid var(--line); border-radius:16px; padding:30px 26px; }
.naua-home .tcard .ic { width:48px; height:48px; border-radius:12px; background:var(--off); display:grid; place-items:center; margin-bottom:16px; }
.naua-home .tcard .ic svg { width:24px; height:24px; stroke:var(--green); fill:none; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.naua-home .tcard h3 { font-size:18px; font-weight:600; margin-bottom:8px; }
.naua-home .tcard p { color:var(--muted); font-size:14.5px; }
.naua-home .status { display:inline-block; margin-top:14px; font-size:11px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; padding:4px 12px; border-radius:20px; background:#fff3dc; color:#8a5b00; border:1px solid #f3d79a; }

/* ---------- FORMS ---------- */
.naua-home .form-card { background:#fff; border:1px solid var(--line); border-radius:18px; padding:36px 34px; }
.naua-home .field { margin-bottom:20px; }
.naua-home .field label { display:block; font-family:var(--display); font-weight:600; font-size:14px; color:var(--green-deep); margin-bottom:7px; }
.naua-home .field .hint { font-size:12.5px; color:var(--muted); font-weight:400; margin-top:5px; display:block; font-family:var(--body); }
.naua-home input[type=text], .naua-home input[type=email], .naua-home input[type=tel], .naua-home select, .naua-home textarea { width:100%; padding:12px 14px; border:1px solid #d5e3d7; border-radius:9px; font-family:var(--body); font-size:15px; color:var(--ink); background:#fff; transition:border-color .15s ease, box-shadow .15s ease; }
.naua-home input:focus, .naua-home select:focus, .naua-home textarea:focus { outline:none; border-color:var(--green-fresh); box-shadow:0 0 0 3px rgba(76,175,80,.16); }
.naua-home textarea { min-height:120px; resize:vertical; }
.naua-home .two { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.naua-home .check { display:flex; gap:11px; align-items:flex-start; padding:14px 16px; border:1px solid #d5e3d7; border-radius:10px; background:var(--off); }
.naua-home .check input { margin-top:3px; width:17px; height:17px; accent-color:var(--green); }
.naua-home .check label { font-family:var(--body); font-weight:500; font-size:14.5px; color:var(--ink); margin:0; }
.naua-home .gate { border-color:#f3d79a; background:#fffaf0; }
.naua-home .conditional { display:none; border-left:3px solid var(--green-fresh); padding-left:20px; margin:22px 0; }
.naua-home .conditional.show { display:block; animation:naua-fade .25s ease; }
@keyframes naua-fade { from{opacity:0;transform:translateY(-4px)} to{opacity:1;transform:none} }
.naua-home .alert { display:none; border-radius:10px; padding:16px 18px; margin-bottom:20px; font-size:14.5px; border:1px solid; }
.naua-home .alert.show { display:block; }
.naua-home .alert-warn { background:#fffaf0; border-color:#f3d79a; color:#7a5100; }
.naua-home .alert-info { background:#eef7ef; border-color:#c9e4cb; color:#1f5223; }
.naua-home .alert b { font-family:var(--display); }
.naua-home .seg { display:flex; gap:10px; flex-wrap:wrap; margin-bottom:8px; }
.naua-home .seg button { font-family:var(--display); font-weight:600; font-size:14px; padding:11px 20px; border-radius:9px; border:2px solid #d5e3d7; background:#fff; color:var(--muted); cursor:pointer; transition:all .16s ease; }
.naua-home .seg button:hover { border-color:var(--green-fresh); }
.naua-home .seg button.sel { background:var(--green); border-color:var(--green); color:#fff; }
.naua-home .legal-line { font-size:12.5px; color:var(--muted); margin-top:16px; line-height:1.55; }

/* ---------- RESOURCES ---------- */
.naua-home .filters { display:flex; gap:10px; flex-wrap:wrap; justify-content:center; margin-bottom:34px; }
.naua-home .filters button { font-family:var(--display); font-weight:600; font-size:13.5px; padding:9px 17px; border-radius:20px; border:1px solid #d5e3d7; background:#fff; color:var(--muted); cursor:pointer; transition:all .16s ease; }
.naua-home .filters button:hover { border-color:var(--green-fresh); color:var(--green-deep); }
.naua-home .filters button.sel { background:var(--green-deep); border-color:var(--green-deep); color:#fff; }
.naua-home .res-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.naua-home .res { background:#fff; border:1px solid var(--line); border-radius:16px; padding:28px 26px; display:flex; flex-direction:column; transition:transform .18s ease, box-shadow .22s ease; }
.naua-home .res:hover { transform:translateY(-3px); box-shadow:0 14px 32px rgba(27,94,32,.09); }
.naua-home .res .rtype { font-family:var(--display); font-weight:600; font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:var(--green-fresh); margin-bottom:10px; }
.naua-home .res h3 { font-size:18px; font-weight:600; margin-bottom:9px; line-height:1.3; }
.naua-home .res p { color:var(--muted); font-size:14.5px; flex:1; margin-bottom:18px; }
.naua-home .res .dl { display:inline-flex; align-items:center; gap:8px; align-self:flex-start; font-family:var(--display); font-weight:600; font-size:14px; color:var(--green-deep); border-bottom:2px solid var(--green-fresh); padding-bottom:2px; }
.naua-home .res .dl:hover { color:var(--green); }
.naua-home .res .lock { font-size:11px; background:var(--off); color:var(--muted); padding:3px 9px; border-radius:12px; font-weight:600; margin-left:8px; }

/* ---------- CONTACT ---------- */
.naua-home .contact-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:26px; align-items:start; }
.naua-home .infocard { background:var(--green-deep); color:#fff; border-radius:18px; padding:34px 30px; }
.naua-home .infocard h3 { color:#fff; font-size:20px; margin-bottom:18px; }
.naua-home .infocard .row { display:flex; gap:13px; align-items:flex-start; margin-bottom:18px; }
.naua-home .infocard .row svg { width:19px; height:19px; stroke:var(--green-glow); fill:none; stroke-width:1.8; flex:0 0 auto; margin-top:3px; }
.naua-home .infocard .row div { font-size:14.5px; color:#d7ecd9; }
.naua-home .infocard .row b { display:block; color:#fff; font-family:var(--display); font-size:14px; margin-bottom:2px; }
.naua-home .advisors { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; }
.naua-home .adv { background:#fff; border:1px solid var(--line); border-radius:14px; padding:24px; display:flex; gap:16px; align-items:center; }
.naua-home .adv .av { width:56px; height:56px; border-radius:50%; flex:0 0 auto; display:grid; place-items:center; font-family:var(--display); font-weight:700; color:#fff; background:linear-gradient(135deg,var(--green),var(--green-deep)); font-size:17px; }
.naua-home .adv h3 { font-size:16.5px; font-weight:600; margin-bottom:3px; }
.naua-home .adv .role { color:var(--green); font-size:13px; font-weight:500; }
.naua-home .adv .field2 { color:var(--muted); font-size:13px; }
.naua-home .faq { max-width:820px; margin:0 auto; }
.naua-home .qa { border-bottom:1px solid var(--line); padding:20px 0; }
.naua-home .qa h3 { font-size:17px; font-weight:600; margin-bottom:8px; }
.naua-home .qa p { color:var(--muted); font-size:15px; }

/* ---------- JOIN: paths + roles board ---------- */
.naua-home .paths { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-bottom:14px; }
.naua-home .path { background:#fff; border:2px solid var(--line); border-radius:18px; padding:32px 28px; text-align:center; cursor:pointer; transition:all .18s ease; }
.naua-home .path:hover { border-color:var(--green-fresh); transform:translateY(-3px); }
.naua-home .path.sel { border-color:var(--green); background:var(--off); box-shadow:0 12px 30px rgba(27,94,32,.10); }
.naua-home .path .ic { width:56px; height:56px; border-radius:14px; background:var(--off); display:grid; place-items:center; margin:0 auto 16px; }
.naua-home .path.sel .ic { background:#fff; }
.naua-home .path .ic svg { width:28px; height:28px; stroke:var(--green); fill:none; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.naua-home .path h3 { font-size:19px; font-weight:600; margin-bottom:8px; }
.naua-home .path p { color:var(--muted); font-size:14.5px; }
.naua-home .roles { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.naua-home .role { background:#fff; border:1px solid var(--line); border-radius:16px; padding:26px 24px; display:flex; flex-direction:column; transition:transform .18s ease, box-shadow .22s ease, border-color .2s ease; }
.naua-home .role:hover { transform:translateY(-3px); box-shadow:0 14px 32px rgba(27,94,32,.10); border-color:#cfe3d2; }
.naua-home .role .rhead { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; margin-bottom:14px; }
.naua-home .role h3 { font-size:17.5px; font-weight:600; line-height:1.3; }
.naua-home .rb { font-size:10px; font-weight:700; letter-spacing:.07em; text-transform:uppercase; padding:4px 10px; border-radius:20px; white-space:nowrap; flex:0 0 auto; }
.naua-home .rb.open { background:#fff3dc; color:#8a5b00; border:1px solid #f3d79a; }
.naua-home .rb.some { background:#eef7ef; color:#1f5223; border:1px solid #c9e4cb; }
.naua-home .rb.full { background:var(--off); color:var(--muted); border:1px solid var(--line); }
.naua-home .slots { margin-bottom:8px; }
.naua-home .slotrow { display:flex; justify-content:space-between; align-items:center; font-size:13.5px; color:var(--muted); margin-bottom:7px; }
.naua-home .slotrow b { font-family:var(--display); color:var(--green-deep); font-size:13px; font-weight:600; }
.naua-home .pips { display:flex; gap:5px; margin:4px 0 14px; }
.naua-home .pip2 { width:100%; height:6px; border-radius:6px; background:#e6efe7; }
.naua-home .pip2.on { background:var(--green-fresh); }
.naua-home .role .why { font-size:13.5px; color:var(--muted); flex:1; margin-bottom:16px; }
.naua-home .role .go { align-self:flex-start; font-family:var(--display); font-weight:600; font-size:14px; color:#fff; background:var(--green); padding:9px 18px; border-radius:8px; cursor:pointer; }
.naua-home .role .go:hover { background:var(--green-deep); }
.naua-home .founding { display:inline-flex; align-items:center; gap:8px; background:var(--green-deep); color:#fff; font-family:var(--display); font-weight:600; font-size:13px; padding:8px 16px; border-radius:20px; margin-bottom:16px; }
.naua-home .founding .dotp { width:7px; height:7px; border-radius:50%; background:var(--green-glow); }
@media(prefers-reduced-motion:no-preference){ .naua-home .founding .dotp { animation:naua-pulse 2s ease-in-out infinite; } .naua-home .rail .spark { animation:naua-run 4s linear infinite; } }
@keyframes naua-run { from{left:-8%} to{left:100%} }

/* ---------- EVENTS list rows (shared) ---------- */
.naua-home .ev-list { display:flex; flex-direction:column; gap:16px; }
.naua-home .evrow { display:grid; grid-template-columns:96px 1fr auto; gap:22px; align-items:center; background:#fff; border:1px solid var(--line); border-radius:14px; padding:22px 24px; }
.naua-home .evrow .d { text-align:center; background:var(--off); border-radius:11px; padding:10px 6px; }
.naua-home .evrow .d .m { font-family:var(--display); font-weight:700; font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:var(--green); }
.naua-home .evrow .d .n { font-family:var(--display); font-weight:700; font-size:24px; color:var(--green-deep); line-height:1.1; }
.naua-home .evrow h3 { font-size:17.5px; font-weight:600; margin-bottom:5px; }
.naua-home .evrow .meta { color:var(--muted); font-size:13.5px; }
.naua-home .evrow .tagp { display:inline-block; font-size:10.5px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; padding:3px 9px; border-radius:12px; background:var(--off); color:var(--green); margin-left:8px; }

/* ---------- RESPONSIVE ---------- */
@media(max-width:900px){
	.naua-home .res-grid, .naua-home .trust, .naua-home .paths, .naua-home .roles { grid-template-columns:1fr; }
	.naua-home .logos, .naua-home .people, .naua-home .advisors { grid-template-columns:1fr 1fr; }
	.naua-home .model-grid, .naua-home .contact-grid { grid-template-columns:1fr; }
	.naua-home .connector { flex-direction:row; min-width:0; }
	.naua-home .connector .flow { width:60px; height:2px; background:linear-gradient(90deg,var(--green-fresh),transparent); }
	.naua-home .roadmap { grid-template-columns:1fr; } .naua-home .rail { display:none; }
	.naua-home .two { grid-template-columns:1fr; }
	.naua-home .evrow { grid-template-columns:70px 1fr; gap:16px; }
	.naua-home .evrow .btn { grid-column:1/-1; }
}
@media(max-width:560px){
	.naua-home .logos, .naua-home .people, .naua-home .advisors { grid-template-columns:1fr; }
}

/* ---------- IMAGE PLACEHOLDERS + SPLIT HERO + PHOTO BAND ---------- */
.naua-home .imgph { position:relative; background:linear-gradient(135deg,#e9f3ea,#d5e8d7); border:1px dashed #b6d0b9; border-radius:16px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; color:#6b866f; text-align:center; padding:26px; min-height:190px; overflow:hidden; }
.naua-home .imgph::after { content:""; position:absolute; inset:0; background:repeating-linear-gradient(45deg,rgba(255,255,255,.22) 0 11px,transparent 11px 22px); opacity:.4; pointer-events:none; }
.naua-home .imgph svg { width:36px; height:36px; stroke:#88a98c; fill:none; stroke-width:1.4; position:relative; z-index:1; }
.naua-home .imgph .cap { font-family:var(--display); font-size:12.5px; font-weight:600; line-height:1.45; max-width:34ch; position:relative; z-index:1; }
.naua-home .imgph .tg { position:absolute; top:11px; left:11px; font-size:9px; font-weight:700; letter-spacing:.09em; text-transform:uppercase; background:rgba(27,94,32,.82); color:#fff; padding:3px 9px; border-radius:20px; z-index:2; }
.naua-home .hero-split { display:grid; grid-template-columns:1.05fr .95fr; gap:44px; align-items:center; }
.naua-home .hero-split .htext { text-align:left; }
.naua-home .pagehead.img { padding:52px 0; }
.naua-home .pagehead.img .htext h1 { margin-left:0; margin-right:0; }
.naua-home .pagehead.img .htext .lede { margin-left:0; }
.naua-home .hero-split .imgph { min-height:330px; }
.naua-home .photoband { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.naua-home .domain .imgph { min-height:118px; margin-bottom:16px; border-radius:12px; }
.naua-home .domain .imgph .cap { font-size:11px; }
.naua-home .card .imgph { min-height:120px; margin:-6px 0 16px; border-radius:11px; }
.naua-home .card .imgph .cap { font-size:11px; }

/* ---------- 2050 FULL-BLEED HERO ---------- */
.naua-home .hero-full { position:relative; min-height:500px; display:flex; align-items:center; justify-content:center; text-align:center; overflow:hidden; background:linear-gradient(135deg,#123314,#1B5E20 55%,#0d260f); }
.naua-home .hero-full::before { content:""; position:absolute; inset:0; background:repeating-linear-gradient(45deg,rgba(255,255,255,.05) 0 14px,transparent 14px 28px); opacity:.5; }
.naua-home .hero-full::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(10,30,12,.30),rgba(10,30,12,.70)); }
.naua-home .hero-full .inner { position:relative; z-index:2; max-width:840px; padding:74px 28px; color:#fff; }
.naua-home .hero-full .k { color:var(--green-glow); }
.naua-home .hero-full h1 { color:#fff; font-size:clamp(32px,5vw,56px); margin-bottom:18px; }
.naua-home .hero-full .lede { color:#e5f2e6; font-size:clamp(16px,2vw,19px); max-width:66ch; margin:0 auto 28px; }
.naua-home .hero-full .imgtag { position:absolute; top:16px; left:16px; z-index:3; font-size:10px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; background:rgba(255,255,255,.16); color:#fff; padding:5px 12px; border-radius:20px; }

/* ---------- 2050 INITIATIVE PAGE ---------- */
.naua-home .domains { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.naua-home .domain { background:#fff; border:1px solid var(--line); border-radius:16px; padding:26px 22px; position:relative; transition:transform .18s ease, box-shadow .22s ease; }
.naua-home .domain:hover { transform:translateY(-3px); box-shadow:0 14px 30px rgba(27,94,32,.09); }
.naua-home .domain.active { border-color:var(--green); box-shadow:0 10px 26px rgba(27,94,32,.10); }
.naua-home .domain .verb { font-family:var(--display); font-weight:700; color:var(--green-fresh); font-size:12px; letter-spacing:.12em; text-transform:uppercase; margin-bottom:9px; }
.naua-home .domain h3 { font-size:18px; font-weight:600; margin-bottom:9px; }
.naua-home .domain p { color:var(--muted); font-size:14px; }
.naua-home .domain .flag { display:inline-block; margin-top:14px; font-size:10px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; padding:4px 11px; border-radius:20px; }
.naua-home .domain.active .flag { background:var(--green-fresh); color:#0f2e12; }
.naua-home .domain.road .flag { background:var(--off); color:var(--muted); border:1px solid var(--line); }
.naua-home .loadlist { max-width:820px; margin:0 auto; list-style:none; }
.naua-home .loadlist li { position:relative; padding:16px 0 16px 44px; border-bottom:1px solid var(--line); color:var(--ink); font-size:15.5px; }
.naua-home .loadlist li:last-child { border-bottom:0; }
.naua-home .loadlist li b { color:var(--green-deep); font-family:var(--display); }
.naua-home .loadlist li::before { content:""; position:absolute; left:8px; top:22px; width:14px; height:14px; border-radius:50%; background:var(--green-fresh); box-shadow:0 0 0 4px rgba(76,175,80,.15); }
.naua-home .bigline { text-align:center; max-width:64ch; margin:0 auto; font-family:var(--display); font-weight:600; font-size:clamp(19px,2.6vw,25px); color:var(--green-deep); line-height:1.35; }
.naua-home .pillars3 { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.naua-home .pillar { background:#fff; border:1px solid var(--line); border-radius:16px; padding:30px 26px; }
.naua-home .pillar h3 { font-size:19px; margin-bottom:10px; }
.naua-home .pillar p { color:var(--muted); font-size:15px; }

/* ---------- responsive for new components ---------- */
@media(max-width:900px){
	.naua-home .hero-split { grid-template-columns:1fr; gap:26px; }
	.naua-home .hero-split .htext { text-align:center; }
	.naua-home .photoband { grid-template-columns:1fr; }
	.naua-home .domains { grid-template-columns:1fr 1fr; }
	.naua-home .pillars3 { grid-template-columns:1fr; }
}
@media(max-width:560px){
	.naua-home .domains { grid-template-columns:1fr; }
}

/* ---------- EVENTS PAGE CALENDAR ---------- */
.naua-home .cal { background:#fff; border:1px solid var(--line); border-radius:18px; padding:28px; margin-bottom:34px; }
.naua-home .cal-top { display:flex; align-items:center; justify-content:space-between; margin-bottom:20px; flex-wrap:wrap; gap:12px; }
.naua-home .cal-top h3 { font-size:20px; }
.naua-home .cal-nav { display:flex; gap:8px; }
.naua-home .cal-nav button { width:34px; height:34px; border-radius:8px; border:1px solid #d5e3d7; background:#fff; cursor:pointer; color:var(--green-deep); font-size:15px; }
.naua-home .cal-nav button:hover { border-color:var(--green-fresh); }
.naua-home .cal-grid { display:grid; grid-template-columns:repeat(7,1fr); gap:6px; }
.naua-home .cal-grid .dow { text-align:center; font-family:var(--display); font-weight:600; font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--muted); padding:6px 0; }
.naua-home .day { aspect-ratio:1; border-radius:9px; border:1px solid #edf3ee; display:flex; flex-direction:column; padding:6px; font-size:12.5px; color:var(--ink); }
.naua-home .day.out { color:#c3d2c5; border-color:#f5f8f5; }
.naua-home .day.has { background:var(--off); border-color:#cfe4d1; }
.naua-home .day .pip { margin-top:auto; height:5px; border-radius:5px; background:var(--green-fresh); }
.naua-home .day.big .pip { background:var(--green-deep); }
.naua-home .subscribe { display:flex; gap:12px; align-items:center; flex-wrap:wrap; justify-content:center; margin-top:26px; padding-top:24px; border-top:1px solid var(--line); }
.naua-home .subscribe p { color:var(--muted); font-size:14.5px; }

/* ---------- ROLE DESCRIPTIONS (accordion) ---------- */
.naua-home .roledesc { max-width:820px; margin:0 auto; display:flex; flex-direction:column; gap:16px; }
.naua-home .acc { background:#fff; border:1px solid var(--line); border-radius:16px; overflow:hidden; transition:border-color .2s ease, box-shadow .22s ease; }
.naua-home .acc.open { border-color:#cfe3d2; box-shadow:0 14px 32px rgba(27,94,32,.10); }
.naua-home .acc-head { width:100%; margin:0; text-align:left; background:none; border:0; cursor:pointer; display:flex; align-items:center; gap:16px; padding:22px 24px; font-family:var(--body); color:var(--ink); }
.naua-home .acc-head:focus-visible { outline:2px solid var(--green); outline-offset:-3px; border-radius:16px; }
.naua-home .acc-title { flex:1; display:flex; flex-direction:column; gap:5px; min-width:0; }
.naua-home .acc-role { font-family:var(--display); font-weight:600; font-size:18px; color:var(--green-deep); line-height:1.3; }
.naua-home .acc-vol { font-weight:500; color:var(--muted); font-size:14px; }
.naua-home .acc-sum { font-size:14.5px; color:var(--muted); line-height:1.45; }
.naua-home .acc-ico { flex:0 0 auto; width:28px; height:28px; border-radius:50%; background:var(--off); display:grid; place-items:center; color:var(--green); transition:transform .24s ease, background .2s ease, color .2s ease; }
.naua-home .acc-ico svg { width:15px; height:15px; display:block; }
.naua-home .acc.open .acc-ico { transform:rotate(180deg); background:var(--green); color:#fff; }
.naua-home .acc-panel { padding:0 24px; }
.naua-home .acc-panel[hidden] { display:none; }
.naua-home .acc-body { padding:2px 0 26px; border-top:1px solid var(--line); }
.naua-home .acc-body p { font-size:15px; line-height:1.65; color:var(--ink); margin:16px 0 0; }
.naua-home .acc-body .acc-sub { font-family:var(--display); font-weight:600; font-size:14px; color:var(--green-deep); margin-top:18px; }
.naua-home .acc-body ul { margin:8px 0 0; padding-left:20px; list-style:disc; }
.naua-home .acc-body li { font-size:14.5px; line-height:1.6; color:var(--muted); margin:5px 0; }
.naua-home .acc-body li::marker { color:var(--green-fresh); }
.naua-home .acc-cta { margin-top:24px; }
@media(prefers-reduced-motion:no-preference){
	.naua-home .acc-panel:not([hidden]) .acc-body { animation:naua-accin .28s ease; }
}
@keyframes naua-accin { from { opacity:0; transform:translateY(-5px); } to { opacity:1; transform:none; } }
@media(max-width:640px){
	.naua-home .acc-head { padding:18px 18px; gap:12px; }
	.naua-home .acc-panel { padding:0 18px; }
	.naua-home .acc-role { font-size:16.5px; }
	.naua-home .acc-body p { font-size:14.5px; }
}