@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--green:#173f35;--deep:#12382f;--gold:#d9bb7c;--ink:#203b32;--muted:#6d776f;--paper:#faf9f5;--line:#e1e4da}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font:15px 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{ -webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #b9934c;outline-offset:5px}.topline{background:var(--deep);color:#dce4dd;padding:11px 6%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.5px}.topline a{letter-spacing:.3px}.topline a span{margin-left:20px}header{display:flex;align-items:center;justify-content:space-between;padding:22px 6%;background:var(--paper);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:17px;line-height:1.2}.brand strong{font-weight:700}.seal{display:grid;place-items:center;border:1px solid #9caa97;border-radius:50%;width:49px;height:49px;font-size:29px}nav{display:flex;gap:29px;align-items:center;font-size:13px}nav a:hover{color:#a67f3b}.nav-cta{border:1px solid #bcc7bb;padding:12px 18px}.menu{display:none}.hero{background:var(--green);color:#fff;display:grid;grid-template-columns:1.25fr 1fr;min-height:560px;padding:65px 6% 40px;position:relative;overflow:hidden}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;color:#d8c8a4;display:flex;align-items:center;gap:10px}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:var(--gold)}h1,h2,h3,p{margin-top:0}h1{font-family:'Manrope',Arial,sans-serif;font-weight:500;font-size:clamp(38px,4.4vw,68px);line-height:1.2;letter-spacing:-2.5px;margin:26px 0 24px}em{font-family:Georgia,serif;font-weight:400;color:#aa8b50}h1 em{color:#dfc58f}.hero-copy>p{max-width:460px;color:#c1d0c6;line-height:1.85;font-size:15px}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:17px 22px;border:0;background:var(--green);color:white;font-weight:600;font-size:13px}.gold{background:var(--gold);color:#193a2e}.button:hover{filter:brightness(1.08)}.text-link{font-size:13px;border-bottom:1px solid #698174;padding:8px 0;display:inline-flex;gap:20px}.hero-foot{margin-top:45px;display:flex;gap:13px;color:#b8c8bd;font-size:10px;line-height:1.8}.hero-foot b{font-weight:500;color:#e1e6dd}.tiny-mark{font-size:34px;color:var(--gold)}.hero-art{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-left:24px;border-left:1px solid #ffffff15}.hero-art svg{width:100%;max-width:430px;z-index:1}.art-label{font-size:8px;letter-spacing:3px;color:#bca97d}.art-bottom{display:flex;justify-content:space-between;width:85%;font-size:8px;letter-spacing:2px;color:#bdc7b7;margin-top:12px}.orbit{position:absolute;border:1px solid #ffffff08;width:400px;height:400px;border-radius:50%}.o2{width:500px;height:500px}.values{padding:25px 6%;display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);gap:30px;font-size:13px}.values span{display:flex;justify-content:space-between;border-right:1px solid var(--line);padding-right:30px}.values span:last-child{border:0}.values i{color:#9f8652;font-style:normal}.section{padding:85px 6%;scroll-margin-top:10px}h2{font-family:Manrope,Arial,sans-serif;font-size:38px;font-weight:500;line-height:1.3;letter-spacing:-1.4px;margin:18px 0 25px}.dark{color:#77856d}.about{display:grid;grid-template-columns:1fr 1fr;gap:12%}.about p{line-height:1.8;color:var(--muted)}.about .lead{font-size:21px;line-height:1.55;color:var(--ink)}.mission{border-top:1px solid var(--line);padding-top:22px;display:flex;gap:22px;margin-top:24px}.mission>span{font-size:25px;color:#a48b55}.mission h3{font-size:15px;margin:0 0 8px}.mission p{font-size:13px;margin:0}.directions{background:#eef0e8}.section-head{display:flex;align-items:center;justify-content:space-between;gap:30px}.section-head p{font-size:13px;line-height:1.8;color:var(--muted)}.note{font-size:12px;line-height:1.7;color:#798176;max-width:740px;margin-bottom:26px}.direction-grid{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid #cdd5c6;border-top:1px solid #cdd5c6}.direction{background:transparent;text-align:left;border:0;border-right:1px solid #cdd5c6;border-bottom:1px solid #cdd5c6;padding:27px;color:var(--ink);transition:background .2s}.direction:hover{background:#e3e8dc}.direction-top{display:flex;justify-content:space-between;color:#9c875c;margin-bottom:30px;font-size:12px}.direction-top b{font-size:25px;font-weight:400}.direction h3{font-size:18px;font-weight:500;margin-bottom:12px}.direction p{font-size:13px;color:var(--muted);line-height:1.7;margin-bottom:15px}.direction .more{font-size:11px;color:#4d6655}.outline-label{font-size:11px;border:1px solid var(--line);padding:10px 16px}.filters{display:flex;gap:8px;margin:4px 0 20px;flex-wrap:wrap}.filters button{border:1px solid var(--line);padding:10px 19px;background:transparent;border-radius:25px;color:var(--muted);font-size:12px}.filters .active{background:var(--green);border-color:var(--green);color:white}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.work{padding:0;border:1px solid var(--line);background:transparent;text-align:left;color:var(--ink)}.work-image{height:190px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:#e4e8dd}.work-image span{font-family:Georgia,serif;font-size:90px;letter-spacing:-5px;color:#799077}.work-image:after{content:'';position:absolute;inset:20px;border:1px solid #83977855}.work:nth-child(2) .work-image{background:#ded5c3}.work:nth-child(2) .work-image span{color:#9c865c}.work:nth-child(3) .work-image{background:#d8e2df}.work-body{padding:23px}.work-meta{font-size:9px;letter-spacing:1.5px;color:#8a947e;margin-bottom:14px}.work h3{font-size:20px;line-height:1.45;font-weight:500;min-height:58px}.work-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;font-size:11px;color:var(--muted)}.quote{background:var(--green);text-align:center;padding:60px 6%;color:white}.quote .eyebrow{justify-content:center}.quote p{font-size:37px;font-weight:400;line-height:1.45;margin:23px 0}.quote em{color:var(--gold)}.quote>span{font-size:8px;letter-spacing:3px;color:#b4c1b5}.member-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.avatar{height:220px;background:#e7e9e0;position:relative;display:flex;align-items:center;justify-content:center;font:70px Georgia;color:#b0b9a8;overflow:hidden}.avatar:after{content:'';position:absolute;width:180px;height:180px;border:1px solid #b3beaa;border-radius:50%;top:20px;left:calc(50% - 90px)}.avatar span{position:absolute;bottom:15px;right:15px;font:9px Arial;letter-spacing:2px}.second{background:#e8e3d9;color:#b8ac96}.third{background:#dde6e1;color:#9db2a7}.member small{display:block;font-size:8px;letter-spacing:1.5px;color:#8a927f;margin-top:22px}.member h3{font-size:18px;margin:9px 0;font-weight:500}.member p{font-size:11px;color:var(--muted)}.join-card{background:#e8eddf;padding:26px;display:flex;flex-direction:column;justify-content:space-between}.join-card>span{font-size:43px;color:#9e8754}.join-card h3{font-size:24px;line-height:1.4;font-weight:500;margin:25px 0}.join-card a{border-top:1px solid #c9d3c0;padding-top:20px;font-size:12px;display:flex;justify-content:space-between}.faq{padding-top:25px;display:grid;grid-template-columns:1fr 1.15fr;gap:60px}details{border-bottom:1px solid var(--line);padding:21px 0}summary{cursor:pointer;font-size:14px}details p{font-size:13px;color:var(--muted);line-height:1.8;margin:20px 0 0}.contact{background:var(--deep);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:12%}.contact h2{font-size:44px}.contact em{color:var(--gold)}.contact p{font-size:13px;line-height:1.8;color:#b8c9be}.contact-info{border-top:1px solid #ffffff25;margin-top:35px;padding-top:23px;font-size:13px;line-height:2}.contact-info span{font-size:11px;color:#93ac9f}form label{display:block;font-size:11px;color:#c8d6cd}input,select,textarea{display:block;width:100%;padding:13px 12px;background:#ffffff07;border:1px solid #ffffff25;color:#fff;border-radius:0;margin-top:9px;margin-bottom:20px;font-size:12px}input::placeholder,textarea::placeholder{color:#90a89b}input:focus,textarea:focus,select:focus{outline:1px solid var(--gold)}select option{background:var(--deep)}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}form .button{width:100%}.contact .form-note{font-size:10px;margin:12px 0 0}#form-status{color:#e5cc98}footer{display:flex;justify-content:space-between;align-items:center;padding:40px 6%;gap:20px}footer p,footer>a:last-child{font-size:11px;color:var(--muted);margin:0}.footer-bottom{padding:19px 6%;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:9px;color:#83907e}dialog{border:0;background:var(--paper);color:var(--ink);padding:40px;max-width:560px;width:calc(100% - 32px)}dialog::backdrop{background:#0b261ecc;backdrop-filter:blur(4px)}dialog h2{font-size:30px}dialog p{line-height:1.8;color:var(--muted)}dialog small{font-size:10px;color:#8e784a;letter-spacing:1.5px}.close{position:absolute;right:15px;top:10px;background:none;border:0;font-size:29px;color:var(--ink)}@media(min-width:1500px){body{max-width:1600px;margin:auto}}@media(max-width:950px){nav{gap:16px}.hero{grid-template-columns:1.2fr 1fr;padding-top:45px}.hero-actions{gap:15px;flex-wrap:wrap}h1{font-size:46px}.member-grid{grid-template-columns:repeat(2,1fr)}.direction-grid{grid-template-columns:repeat(2,1fr)}.contact{gap:6%}.values{gap:15px}.values span{padding-right:12px;font-size:11px}.section{padding:60px 6%}h2{font-size:31px}.hero-art{margin-left:0}.work-grid{gap:14px}.work-body{padding:16px}}@media(max-width:650px){.topline{font-size:7px;padding:10px 5%}.topline a{display:none}header{padding:15px 5%}.brand{font-size:15px}.seal{width:40px;height:40px;font-size:24px}.menu{display:block;border:1px solid #cdd5c8;background:none;padding:7px 11px;color:var(--green);font-size:21px}nav{display:none;position:absolute;left:0;right:0;top:100%;padding:20px 6%;background:var(--paper);box-shadow:0 12px 15px #0001}nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}nav a{padding:14px}.hero{grid-template-columns:1fr;padding:40px 6% 25px}.hero-copy>p{font-size:14px}h1{font-size:42px;letter-spacing:-1.8px}.hero-art{margin-top:35px;border:0;max-height:320px}.hero-art svg{max-width:310px}.art-label{font-size:7px}.art-bottom{font-size:7px}.hero-foot{margin-top:30px}.orbit{width:280px;height:280px}.o2{width:330px;height:330px}.hero-actions{gap:22px}.hero-actions .button{padding:15px}.values{grid-template-columns:repeat(2,1fr);row-gap:20px;padding:23px 6%}.values span:nth-child(2){border:0}.section{padding:48px 6%}.about,.faq,.contact{grid-template-columns:1fr;gap:25px}.section-head{display:block}.section-head>p{display:none}h2{font-size:30px;letter-spacing:-1px}.direction-grid{grid-template-columns:1fr}.direction{padding:23px}.direction-top{margin-bottom:17px}.work-grid{grid-template-columns:1fr}.work-image{height:200px}.work h3{min-height:0}.outline-label{display:none}.quote p{font-size:27px}.member-grid{gap:20px 14px}.avatar{height:170px}.avatar:after{width:140px;height:140px;top:15px;left:calc(50% - 70px)}.member h3{font-size:16px}.join-card{padding:20px}.join-card h3{font-size:20px}.join-card>span{font-size:30px}.contact h2{font-size:38px}.form-row{grid-template-columns:1fr;gap:0}footer{flex-wrap:wrap;padding:30px 6%}footer p{display:none}.footer-bottom{gap:15px;flex-direction:column}.note{font-size:11px}.faq{padding-top:15px}dialog{padding:30px 25px}dialog h2{font-size:26px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Council identity and activity directions */
.council-logo{width:64px;height:64px;object-fit:contain;border-radius:50%;flex-shrink:0}.direction-grid{border:0;gap:20px}.direction{border:1px solid #dce2d5;border-radius:16px;background:#fff;padding:25px;box-shadow:0 3px 10px #173f3505}.direction:hover{background:#fff;border-color:var(--accent);box-shadow:0 5px 20px #173f3510}.direction-heading{display:flex;align-items:flex-start;gap:14px;min-height:89px}.direction-heading:before{content:'';width:5px;min-width:5px;height:52px;border-radius:5px;background:var(--accent)}.direction-heading h3{font-size:16px;font-weight:700;line-height:1.55;margin:0;flex:1}.direction-arrow{background:#f0f3ee;border-radius:9px;padding:5px 10px;font-size:22px;color:#7c8c7b}.progress-row{display:flex;align-items:center;gap:12px;margin:20px 0 24px}.progress-track{height:7px;background:#edf1e9;border-radius:9px;flex:1;overflow:hidden}.progress-track>span{height:100%;display:block;background:linear-gradient(90deg,#1d6ae6,#35bce8);border-radius:9px}.progress-row strong{font-size:12px;min-width:33px}.direction-status{display:flex;flex-wrap:wrap;gap:7px;align-items:center;font-size:11px;color:#6b7b74}.badge{border-radius:20px;padding:4px 8px;font-weight:700}.planned{background:#edf0f5;color:#64748b}.ongoing{background:#e9f0ff;color:#2563eb}.done{background:#e5f7ec;color:#168744}@media(max-width:1100px){.direction-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.direction-grid{grid-template-columns:1fr}.direction-heading{min-height:0}.direction{padding:22px}.council-logo{width:49px;height:49px}.progress-row{margin:24px 0 20px}}

.direction{cursor:default}.direction-heading{min-height:0;align-items:center}.direction:hover{background:#fff;border-color:#dce2d5;box-shadow:0 3px 10px #173f3505}
/* Reference design: blue academic identity */
:root{--green:#2563eb;--deep:#122c5a;--gold:#2563eb;--ink:#162238;--muted:#677793;--paper:#fff;--line:#e3e9f3}
body{background:#fff;color:var(--ink);font-family:'DM Sans',Arial,sans-serif}.topline{display:none}header{padding:20px 4%;background:#fff;border-bottom:1px solid #e4eaf5;gap:28px}.brand{gap:18px;color:#163463;line-height:1.3}.brand strong{font-size:24px;white-space:nowrap;font-weight:800}.brand small{display:block;font-size:15px;color:#677793;font-weight:500;margin-top:3px}.council-logo{width:76px;height:76px}.nav-cta{background:#2563eb;color:white;border-color:#2563eb;border-radius:10px}nav{gap:20px;font-weight:600;font-size:12px}nav a:hover{color:#3b82f6}.nav-cta:hover{color:white;background:#1d4ed8}
.hero{display:block;min-height:650px;padding:100px 10% 70px;background-color:#eef3fc;background-image:linear-gradient(#7290bd0b 1px,transparent 1px),linear-gradient(90deg,#7290bd0b 1px,transparent 1px),radial-gradient(ellipse at 28% 15%,#bfcef0 0%,#d5e1f6 42%,#f6f9ff 82%);background-size:100px 100px,100px 100px,100% 100%;color:#152137}.hero-copy{max-width:1150px;margin:auto}.hero .eyebrow{display:inline-flex;gap:10px;padding:11px 20px;background:#ffffffb8;border:1px solid #dfe7f7;border-radius:50px;letter-spacing:0;color:#23334d;font-size:16px;font-weight:500}.hero .eyebrow>span{font-size:25px;color:#2563eb;display:inline;background:none;width:auto;height:auto}.hero h1{font-size:clamp(46px,6.7vw,92px);line-height:1.1;font-weight:800;letter-spacing:-3.8px;margin:35px 0 30px;color:#142137;max-width:1100px}.hero h1 em{font:inherit;background:linear-gradient(100deg,#00a8ef,#507eff 70%,#8672f6);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-copy>p{max-width:850px;color:#677793;font-size:22px;line-height:1.75}.hero-actions{margin-top:32px;gap:28px}.button{background:#2563eb;color:#fff;border-radius:10px;font-size:14px;padding:17px 23px;box-shadow:0 5px 15px #2563eb12}.gold{background:#2563eb;color:white}.text-link{color:#2455a0;border-color:#b4c6e8}.hero-foot{color:#6d7f9d;margin-top:36px}.hero-foot b{color:#395578}.tiny-mark{color:#3b82f6}.values{background:#fff;color:#4c6386;border-color:#e3e9f3}.values i{color:#3b82f6}.section{padding-top:75px;padding-bottom:75px}h2{font-weight:750;letter-spacing:-1.2px;font-size:38px;color:#172b4b}em{font-family:inherit;font-style:normal;color:#3478ec;font-weight:inherit}.eyebrow.dark{color:#3978d2}.about .lead{color:#243c60}.mission>span{color:#3b82f6}.mission{border-color:#e2e9f5}.directions{background:#f3f6fc}.section-head p{color:#6e7f9a}.direction{border-color:#e1e7f2;box-shadow:0 3px 12px #203f6e06;padding:28px}.direction-heading h3{color:#25334b;font-size:17px}.direction:hover{border-color:#e1e7f2;box-shadow:0 3px 12px #203f6e06}.filters button{border-color:#dce5f2}.filters .active{background:#2563eb;border-color:#2563eb}.work{border-radius:15px;overflow:hidden;border-color:#e1e7f2;background:white}.work-image{background:#e3ecfc}.work-image span{color:#638cc9}.work-image:after{border-color:#9cb7df66}.work:nth-child(2) .work-image{background:#ede9fb}.work:nth-child(2) .work-image span{color:#9a8acb}.work:nth-child(3) .work-image{background:#e0f2fc}.work:nth-child(3) .work-image span{color:#65a9d0}.work-meta{color:#6d84a6}.quote{background:linear-gradient(120deg,#e6efff,#f0f6ff);color:#1c3b6c}.quote .eyebrow{color:#4b80cf}.quote p{font-weight:650}.quote em{color:#3478ec}.quote>span{color:#7a91b3}.avatar{background:#e8effa;color:#a4b8d8;border-radius:15px}.avatar:after{border-color:#bbcae2}.second{background:#eeebfa;color:#b2a7d2}.third{background:#e2f0fb;color:#9cbed9}.member small{color:#7490b7}.join-card{background:#edf3ff;border-radius:15px}.join-card>span{color:#3b82f6}.join-card a{border-color:#d5e1f6}.contact{background:#f0f5fe;color:#203858;border-top:1px solid #e2eafa}.contact h2{color:#17345d}.contact em{color:#3478ec}.contact .eyebrow{color:#407bc6}.contact p{color:#6b7f9d}.contact-info{border-color:#d6e2f4}.contact-info span{color:#7488a5}form label{color:#435c7e;font-weight:600}input,select,textarea{background:white;border:1px solid #d7e2f2;border-radius:9px;color:#21395c}input::placeholder,textarea::placeholder{color:#90a0b8}select option{background:white;color:#21395c}#form-status{color:#2462b4}footer{background:#fff}.footer-bottom{color:#8392aa}dialog{border-radius:20px}dialog::backdrop{background:#0f2348a8}.close{color:#1d3d6c}
@media(min-width:1500px){body{max-width:none}.section,header,footer,.footer-bottom,.values{padding-left:max(6%,calc((100vw - 1400px)/2));padding-right:max(6%,calc((100vw - 1400px)/2))}}@media(max-width:1150px){header{flex-wrap:wrap;gap:16px}.brand strong{font-size:23px}nav{margin-left:auto}.hero{padding:75px 7%}.hero h1{font-size:68px}.hero-copy>p{font-size:20px}}@media(max-width:650px){header{padding:14px 5%;gap:12px;flex-wrap:nowrap}.brand{gap:10px;min-width:0}.brand strong{font-size:17px;white-space:normal}.brand small{font-size:10px;line-height:1.4}.council-logo{width:54px;height:54px}.menu{flex-shrink:0;border-color:#dbe5f6;border-radius:8px;color:#255da7}.hero{padding:55px 6% 42px;min-height:0}.hero .eyebrow{font-size:13px;padding:8px 14px}.hero h1{font-size:44px;line-height:1.14;letter-spacing:-1.8px;margin:28px 0 24px;overflow-wrap:break-word}.hero-copy>p{font-size:17px;line-height:1.7}.hero-actions{gap:20px}.hero-foot{margin-top:29px}.section{padding-top:48px;padding-bottom:48px}h2{font-size:29px}.contact h2{font-size:36px}.direction-heading h3{font-size:16px}footer .brand strong{font-size:16px}footer .brand small{font-size:10px}.quote p{font-size:27px}.nav-cta{margin-top:10px}nav{margin:0}}