:root{--navy:#086697;--deep:#084e78;--blue:#0078b3;--gold:#f5af08;--ink:#203c50;--muted:#627886;--paper:#f2f5f8;--line:#dce5ec}body{background:var(--paper)}.container{width:min(1260px,calc(100% - 64px))}.utility{background:#075883;letter-spacing:.8px}.utility>.container{padding-block:7px}.utility .container>div{display:flex;gap:24px}header{background:white}.masthead{display:flex;justify-content:space-between;align-items:center;min-height:118px;gap:30px}.youth-brand{gap:14px;color:#05628f}.youth-brand>span{border:0;padding:0}.youth-brand small{font-size:11px;font-weight:600;letter-spacing:2px}.youth-brand b{font-size:29px;letter-spacing:.5px;line-height:1.35}.youth-brand strong{font-size:12px;font-weight:500;letter-spacing:.4px;color:#778995}.youth-logo-slot:empty{display:none}.youth-brand .youth-logo-slot{display:flex;align-items:center}.youth-logo-slot img{width:100px;height:90px;object-fit:contain}.municipal-brand{display:flex;align-items:center;gap:12px;font-size:12px;line-height:1.45;letter-spacing:.6px}.municipal-brand img{width:56px;height:56px;object-fit:contain}.nav-bar{border-top:1px solid #eaf0f4;border-bottom:3px solid var(--blue)}.nav-bar nav{display:flex;justify-content:flex-start;gap:0;min-height:53px}.nav-bar nav a{font-size:14px;padding:15px 24px;position:relative}.nav-bar nav a:first-child{padding-left:0;padding-right:35px}.nav-bar nav a:after{content:'';position:absolute;bottom:0;left:24px;right:24px;height:3px;background:var(--gold);transform:scaleX(0);transition:transform .25s}.nav-bar nav a:hover:after{transform:scaleX(1)}.nav-bar nav a:hover{color:var(--blue)}.portal-opening{padding-top:23px}.opening-line{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.opening-line>span{font-size:11px;font-weight:800;letter-spacing:1.3px;color:var(--blue)}.opening-line p{font-size:12px;color:var(--muted);margin:0}.portal-grid{display:grid;grid-template-columns:2.1fr 1fr;gap:24px}.news-carousel{min-height:480px;position:relative;overflow:hidden;border-radius:14px;background:#0b4468;isolation:isolate;touch-action:pan-y}.news-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .8s ease,visibility .8s}.news-slide.current{opacity:1;visibility:visible}.news-slide>img{width:100%;height:100%;object-position:center;transition:transform 7s linear;transform:scale(1.02)}.news-slide.current>img{transform:scale(1.075)}.news-slide:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#062b4200 20%,#062b4250 43%,#052941ef 96%)}.slide-copy{position:absolute;left:35px;right:35px;bottom:82px;z-index:1;color:white;transform:translateY(15px);transition:transform .8s}.current .slide-copy{transform:translateY(0)}.slide-copy>span{display:inline-block;background:#ffffffed;color:#075a85;font-size:11px;font-weight:700;border-radius:3px;padding:4px 10px;margin-right:10px}.slide-copy time{font-size:12px;color:#e0e8ef}.slide-copy h1{font-size:36px;line-height:1.2;letter-spacing:-1px;margin:15px 0 12px;max-width:640px}.slide-copy p{font-size:14px;line-height:1.6;margin:0 0 17px;max-width:560px;color:#e6eef6}.slide-copy>a{font-size:13px;font-weight:700;display:inline-block;border-bottom:1px solid #ffffff90;padding-bottom:3px}.slider-controls{position:absolute;z-index:3;bottom:22px;left:35px;right:35px;display:flex;justify-content:space-between;align-items:center;color:white;border-top:1px solid #ffffff40;padding-top:13px;gap:10px}.slider-controls>div{display:flex;gap:10px}.slider-controls button{border:0;color:white;background:transparent;font-size:11px;padding:6px 4px}.slide-dots button{color:#cedce8;font-size:14px;padding:3px 9px;border-bottom:2px solid transparent;transition:color .3s,border-color .3s}.slide-dots button.active{color:var(--gold);border-color:var(--gold)}.slide-progress{height:3px;position:absolute;bottom:0;left:0;background:var(--gold);width:0}.slide-progress.running{animation:slide-time 7s linear infinite}@keyframes slide-time{from{width:0}to{width:100%}}.opening-aside{display:grid;grid-template-rows:1.5fr 1fr;gap:20px}.council-intro{padding:27px 30px;border-radius:14px;background:#087aaf;color:white;position:relative;overflow:hidden}.council-intro:before{content:'';position:absolute;right:-48px;top:35px;width:160px;height:160px;border:1px solid #ffffff35;transform:rotate(35deg);transition:transform .8s}.council-intro:hover:before{transform:rotate(65deg)}.council-intro>span,.opening-contact>span{font-size:10px;letter-spacing:1.5px;font-weight:700}.council-intro h2{font-size:33px;line-height:1.15;letter-spacing:-.8px;margin:13px 0}.council-intro p{color:#e2f0f7;font-size:13px;max-width:250px;margin:12px 0}.council-intro b,.opening-contact b{font-size:12px;border-bottom:1px solid #ffffff70;padding-bottom:3px}.opening-contact{padding:23px 30px;border-radius:14px;background:white;border:1px solid var(--line)}.opening-contact>span{color:var(--blue)}.opening-contact strong{display:block;font-size:21px;margin:7px 0}.opening-contact p{font-size:13px;color:var(--muted);margin:6px 0 12px}.opening-contact b{color:var(--blue);border-color:#b2cbdc}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-top:28px}.service-card{position:relative;padding:27px 30px;min-height:228px;overflow:hidden;border-radius:13px;background:#e1eef4;transition:transform .35s,box-shadow .35s}.service-card:after{content:'';position:absolute;width:190px;height:190px;right:-65px;top:15px;border:35px solid #ffffff55;transform:rotate(32deg);transition:transform .7s}.service-card:hover{transform:translateY(-5px);box-shadow:0 12px 26px #133e6112}.service-card:hover:after{transform:rotate(48deg)}.service-org{background:#e1f0ef}.service-publications{background:#e8edf8}.tile-index{font-size:10px;letter-spacing:1.1px;font-weight:600;color:#4e788d}.service-card h2{font-size:27px;letter-spacing:-.8px;margin:15px 0 8px;line-height:1.15;position:relative;z-index:1}.service-card p{font-size:13px;color:#576e7c;margin:8px 0 16px;position:relative;z-index:1}.tile-action{font-size:12px;font-weight:700;position:relative;z-index:1;color:var(--deep)}.section{padding-block:65px}.section-head{margin-bottom:27px}.section-head h2{font-size:34px;letter-spacing:-1px}.section-head h2 span{color:var(--blue)}.section-head .eyebrow{font-size:10px}.section-head>p{font-size:14px}h2{font-size:38px;letter-spacing:-1px}.news-search{display:flex;align-items:center;gap:25px;margin-bottom:19px}.news-search span{font-size:14px;font-weight:700}.news-search input{border:1px solid var(--line);border-radius:6px;min-height:46px;padding:10px 16px;width:min(450px,100%);font:inherit;font-size:14px;background:white;color:var(--ink)}.news-search input:focus{outline:2px solid var(--blue);outline-offset:2px}.filters{gap:8px}.filters button{border-radius:5px;font-size:14px;padding:9px 17px}.project-grid{gap:24px}.project-card{border-radius:12px;overflow:hidden;background:white;border:1px solid #e1e8ee;padding-bottom:25px;transition:transform .3s,box-shadow .3s}.project-card:hover{transform:translateY(-5px);box-shadow:0 13px 30px #14345110}.project-card h3,.project-card>p,.project-card>.read-link,.project-card>.card-meta{margin-left:23px;margin-right:23px}.project-card h3{font-size:21px}.project-card>p{font-size:16px;line-height:1.7}.card-meta{font-size:12px}.card-meta>span{font-size:10px}.card-image>span{font-size:12px;border-radius:3px}.read-link{font-size:14px}.about{background:white;padding-block:65px}.about-grid{gap:65px}.about-image{height:550px;border-radius:13px;overflow:hidden}.image-note{font-size:18px;border-radius:12px 0 0 0}.about-copy>p:not(.eyebrow){font-size:16px}.principles p{font-size:14px}.participation{background:#076b9f;padding-block:65px}.participation h2{font-size:38px}.participation .eyebrow{font-size:11px}.participation-steps{gap:45px;margin-top:35px}.participation-steps p{font-size:16px}.participation-bottom .gold{border-radius:5px}.faq-section{background:var(--paper)}.faq details p{font-size:16px}.contact{background:#e5edf4;padding-block:65px}.contact p{font-size:16px}.contact h2{font-size:38px}.footer-top{padding-block:37px}.footer-links{display:flex;flex-direction:column;gap:8px;font-size:13px}footer{background:#084e78}.footer-top .municipal-brand{color:white}.footer-top .municipal-brand img{background:white;border-radius:50%;padding:3px}.footer-top p{color:#c3d8e6}.footer-bottom{color:#c3d8e6}.mobile-dock{display:none}.detail-heading{background:#075e8c;padding-bottom:70px}.detail-heading h1{font-size:48px}.detail-photo img{border-radius:12px}.detail-body aside{border:1px solid var(--line);background:white;border-radius:12px;top:205px}.detail-body aside .button{font-size:14px;border-radius:5px}.detail-body dd{font-size:16px}.related>a{font-size:18px}.sources{background:white;padding-inline:30px}.sources h1{font-size:40px}.sources h2{font-size:28px}.reveal{transition:opacity .7s,transform .7s cubic-bezier(.2,.7,.2,1)}.project-card.is-pending{transform:translateY(25px)}#no-results{padding:30px;background:white;border:1px solid var(--line);border-radius:8px}
@media(max-width:1050px){.container{width:calc(100% - 48px)}.masthead{min-height:105px}.youth-brand b{font-size:25px}.portal-grid{grid-template-columns:1.8fr 1fr;gap:18px}.news-carousel{min-height:475px}.slide-copy{left:25px;right:25px}.slide-copy h1{font-size:30px}.slider-controls{left:25px;right:25px}.council-intro,.opening-contact{padding:24px}.council-intro h2{font-size:28px}.service-card{padding:24px}.service-card h2{font-size:25px}.service-grid{gap:18px}.nav-bar nav a{padding-inline:18px;font-size:13px}.nav-bar nav a:first-child{padding-right:25px}.about-grid{gap:40px}.project-grid{gap:18px}.project-card h3{font-size:20px}}
@media(max-width:740px){body{padding-bottom:80px}.container{width:calc(100% - 36px)}html{scroll-padding-top:120px}.utility>.container{padding-block:7px}.utility .container>span{font-size:8px;letter-spacing:.7px}.utility .container>div{gap:10px}.utility .container>div>a:first-child{display:none}.masthead{min-height:91px;gap:10px}.youth-brand small{font-size:8px;letter-spacing:.9px}.youth-brand b{font-size:18px;letter-spacing:0}.youth-brand strong{font-size:9px;letter-spacing:0}.youth-brand{gap:8px;min-width:0}.youth-brand .youth-logo-slot img{width:53px;height:59px}.municipal-brand{gap:5px}.masthead .municipal-brand span{display:none}.municipal-brand img{width:43px;height:43px}.masthead .menu-toggle{display:none}.nav-bar{border-top:0;border-bottom-width:2px}.nav-bar nav{display:none;position:absolute;top:100%;left:0;right:0;width:100%;background:white;padding:16px 22px;box-shadow:0 15px 25px #103e6025;border-radius:0 0 12px 12px}.nav-bar nav.open{display:flex;flex-direction:column;align-items:stretch}.nav-bar nav a,.nav-bar nav a:first-child{font-size:15px;padding:12px;border-bottom:1px solid var(--line)}.mobile-dock{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);bottom:0;left:0;right:0;z-index:30;background:#fff;box-shadow:0 -3px 20px #073e6515;border-top:1px solid var(--line);padding:0 0 env(safe-area-inset-bottom)}.mobile-dock>a,.mobile-dock>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:11px 4px;border:0;border-right:1px solid #eef1f5;background:white;color:#677e8d;font-size:11px;font-weight:600;min-height:67px}.mobile-dock svg{width:22px;height:22px}.mobile-dock>a.active,.mobile-dock>button.active{background:var(--blue);color:white}.opening-line{margin-bottom:13px}.opening-line>span{font-size:9px;letter-spacing:.5px}.opening-line p{display:none}.portal-opening{padding-top:18px}.portal-grid{grid-template-columns:1fr;gap:18px}.news-carousel{min-height:420px;border-radius:12px}.slide-copy{left:23px;right:23px;bottom:78px}.slide-copy h1{font-size:28px;line-height:1.18;letter-spacing:-.7px}.slide-copy p{font-size:14px;margin-bottom:12px}.slide-copy>span{font-size:10px;padding:4px 8px}.slide-copy time{font-size:10px}.slider-controls{left:23px;right:23px;bottom:16px}.slider-controls>div{gap:7px}.slider-controls button{font-size:10px}.slide-dots button{font-size:13px}.slider-controls .slide-prev{display:none}.opening-aside{grid-template-columns:1fr;grid-template-rows:auto;gap:18px}.council-intro{padding:28px;min-height:215px}.council-intro h2{font-size:33px;max-width:280px;margin-block:12px}.council-intro h2 br:last-of-type{display:none}.council-intro p{max-width:340px;font-size:14px}.council-intro b{font-size:14px}.opening-contact{display:none}.service-grid{grid-template-columns:1fr;padding-top:18px;gap:18px}.service-card{min-height:210px;padding:28px;border-radius:12px}.service-card h2{font-size:32px;max-width:240px;margin-top:20px}.service-card h2 br{display:none}.service-card p{font-size:14px}.tile-index{font-size:10px}.tile-action{font-size:14px}.service-card:after{right:-20px;top:0;width:220px;height:220px;border-width:45px}.section{padding-block:45px}.section-head h2{font-size:29px}.section-head>p{font-size:14px}.news-search{display:block}.news-search span{display:block;margin-bottom:8px}.news-search input{width:100%;font-size:16px}.filters{gap:7px}.filters button{font-size:12px;padding:10px 12px}.project-grid{grid-template-columns:1fr;gap:20px}.card-meta>span{font-size:10px}.project-card h3{font-size:23px}.project-card>p{font-size:16px}.about{padding-block:45px}.about-grid{gap:30px}.about-image{height:370px}.about-copy h2{font-size:34px}.participation{padding-block:45px}.participation h2{font-size:32px}.participation .section-head>p{font-size:16px}.participation-steps{gap:20px}.faq-section h2{font-size:31px}.faq summary{font-size:15px}.contact{padding-block:45px}.contact h2{font-size:33px}.footer-top{gap:25px}.footer-top .municipal-brand span{display:block}.footer-links{flex-direction:row;gap:15px;flex-wrap:wrap}.detail-heading{padding-top:25px;padding-bottom:40px}.detail-heading h1{font-size:35px}.detail-photo img{border-radius:0}.detail-body{gap:25px}.detail-body aside{top:auto}.sources h1{font-size:34px}.sources{padding-inline:0;background:transparent}.footer-bottom{font-size:11px}.button{font-size:14px}}
@media(prefers-reduced-motion:reduce){.news-slide,.news-slide>img,.slide-copy,.service-card,.service-card:after{transition:none!important;transform:none!important}.slide-progress{display:none}.reveal.is-pending{opacity:1;transform:none}}
@media(max-width:740px){.mobile-dock{top:auto;width:100%;border-radius:0;margin:0}.mobile-dock a{border:0;border-right:1px solid #eef1f5}.youth-brand>span:last-child{min-width:0}.youth-brand strong{font-size:8px}}
/* Keep the council emblem crisp while removing the square profile-photo edge. */
.youth-brand .youth-logo-slot{overflow:hidden;width:90px;height:90px;flex:0 0 90px;background:#fff;border-radius:50%}
.youth-logo-slot img{width:90px;height:90px;max-width:none;object-fit:contain;clip-path:circle(45% at 50% 50%);filter:brightness(1.065);transform:scale(1.12)}
@media(max-width:740px){.youth-brand .youth-logo-slot{width:55px;height:55px;flex-basis:55px}.youth-brand .youth-logo-slot img{width:55px;height:55px}}
