@font-face{font-family:"Maven Pro";src:url("fonts/MavenPro-Variable.ttf") format("truetype");font-style:normal;font-weight:400 900;font-display:swap}
/* OPD's original turquoise / lime / white identity, rebuilt without Joomla. */
:root{--ink:#242424;--text:#333;--muted:#646464;--teal:#00acb6;--teal-dark:#007a81;--lime:#a4c417;--paper:#f5f5f5;--line:#e1e1e1;--radius:3px;--max:1170px;--shadow:0 8px 28px #00000008;--font:"Maven Pro",Arial,sans-serif}
body{font-size:16px;line-height:1.65}
h1,h2,h3,h4{letter-spacing:-.025em;font-weight:500;line-height:1.22}
h1{font-size:clamp(2rem,4vw,3.2rem)}h2{font-size:clamp(1.7rem,2.7vw,2.35rem)}h3{font-size:1.4rem}
.utility{background:#f6f6f6;color:#555;letter-spacing:0;border-bottom:1px solid #e9e9e9}.utility a{color:#444}.utility-inner{min-height:33px}.utility .motion-toggle{font-size:.7rem;text-decoration:none}
.site-header{background:white;border-bottom:3px solid var(--teal);backdrop-filter:none}.header-inner{height:118px;gap:22px}.brand{width:210px;height:110px}.brand img{width:210px;max-height:110px;object-fit:contain}
#primary-nav{gap:0;align-self:stretch;align-items:stretch}#primary-nav>a,.nav-group>summary{font-size:.82rem;font-weight:400;color:#333;text-decoration:none;padding:0 14px;display:flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;cursor:pointer}
#primary-nav>a:hover,.nav-group>summary:hover,.nav-group[open]>summary{background:#f6f6f6;color:var(--teal-dark);text-decoration:none}
#primary-nav .nav-account{border:0;border-radius:0;padding:0 14px;gap:0;color:var(--teal-dark)}
.nav-group{position:relative;display:flex}.nav-group>summary{height:100%;list-style:none}.nav-group>summary::-webkit-details-marker{display:none}.nav-group>summary::after{content:"⌄";font-size:.8rem}.nav-submenu{position:absolute;top:100%;left:0;width:265px;background:white;border-top:3px solid var(--teal);box-shadow:0 8px 24px #0002;padding:8px 0;z-index:40}.nav-group:nth-last-of-type(1) .nav-submenu{left:auto;right:0}.nav-submenu a{display:block;padding:10px 18px;text-decoration:none;font-size:.88rem;color:#333;border-bottom:1px solid #eee}.nav-submenu a:last-child{border:0}.nav-submenu a:hover{background:#f4f4f4;color:var(--teal-dark)}
.site-banner{background:#f4f8e8;border-bottom:1px solid #e3ebca;color:#445117;font-size:.8rem;padding:10px 0}.site-banner strong{color:#34420b}
.button{background:var(--teal);border-color:var(--teal);color:#082f31;border-radius:2px;font-weight:600;font-size:.9rem;gap:18px;min-height:44px;padding:11px 21px}.button:hover{background:#008e97;border-color:#008e97;color:white;transform:none}.button-outline{background:transparent;border-color:#777;color:#333}.button-outline:hover{background:#eee;border-color:#555;color:#222}.button-lime{background:var(--lime);border-color:var(--lime);color:#293000}.button-lime:hover{background:#90ac11;border-color:#90ac11;color:#172000}.button-white{background:white;border-color:white;color:#333}.button-white:hover{background:#f1f1f1;border-color:white;color:#222}.button-danger{background:var(--danger);border-color:var(--danger);color:#fff}
.eyebrow{letter-spacing:.09em;font-size:.73rem}.eyebrow::before{border-radius:0}.section{padding:60px 0}.section-soft{background:#f5f5f5}.section-dark{background:#f1f7df;color:#414831;border-block:1px solid #e5ebd4}.section-dark h2,.section-dark h3{color:#333}.section-dark .eyebrow{color:#52620b}.section-dark .button-outline{color:#333;border-color:#777}
.card{border-radius:2px;box-shadow:none;padding:27px}.card:hover{transform:none;border-color:var(--teal)}.card h3{font-weight:500}.pill{border-radius:2px}.empty-state{border-radius:2px;background:#fafafa;border-style:solid}.page-hero{background:#f5f5f5;padding:40px 0;border-bottom:1px solid #e1e1e1}.page-hero h1{font-weight:400}.breadcrumb{margin-bottom:18px}.prose h2{font-size:1.85rem}.prose h3{font-size:1.4rem}.prose img{border-radius:0}.aside-panel{border-top:3px solid var(--teal)}.pledge-banner{background:#eef4d7;margin-top:0}.pledge-banner h2{font-size:2rem}.large-copy{color:#333!important}.card-icon{color:var(--teal-dark)}
.site-footer{background:#242424;color:#ccc;border-top:5px solid var(--teal)}.site-footer a{color:#ddd}.footer-lead p{font-size:2rem;letter-spacing:-.025em}.footer-wordmark{font-weight:700}.footer-grid h2{color:white}.footer-bottom{color:#ccc}.privacy-dialog::backdrop{background:#0008}.wallet-balance{border-radius:3px}
.original-slideshow{background:#f2f2f2;position:relative;border-bottom:1px solid #dedede}
.slides{position:relative;min-height:430px}.original-slide{position:relative;min-height:430px;display:flex;align-items:center;overflow:hidden;background:#ececec}.original-slide[hidden]{display:none}.slide-image{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}.slide-shade{position:absolute;inset:0;background:linear-gradient(90deg,#ffffffee 0%,#ffffffd9 27%,#ffffff20 62%,transparent 100%)}
.slide-layout{position:relative;padding-block:55px;z-index:1}.slide-copy{max-width:555px}.slide-copy h1,.slide-copy h2{font-size:clamp(2rem,3.6vw,3.2rem);color:#202020;margin-bottom:22px;font-weight:500;line-height:1.16}.slide-copy p{font-size:1.12rem;color:#333;max-width:500px;margin-bottom:25px}.slide-copy .eyebrow{color:var(--teal-dark);font-size:.75rem;margin-bottom:17px}.slide-copy .button-row{gap:10px}
.slide-controls{display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:56px;background:white}.slide-controls[hidden]{display:none}.slide-navigation{display:flex;align-items:center;gap:8px}.slide-arrow{width:35px;height:35px;padding:0;border:1px solid #ddd;background:white;color:#444;font-size:1.4rem;line-height:1}.slide-arrow:hover{background:#e7f5f5;color:#006a71}.slide-dots{display:flex;gap:4px;margin:0 10px}.slide-dot{border:0;background:transparent;padding:10px;display:grid;place-items:center}.slide-dot::before{content:"";display:block;width:10px;height:10px;border:1px solid #777;background:#ddd;border-radius:50%}.slide-dot[aria-current=true]::before{background:var(--teal-dark);border-color:var(--teal-dark)}.slide-counter{font-size:.75rem;color:#666;font-variant-numeric:tabular-nums}.slide-controls .motion-toggle{font-size:.75rem;color:#555;border:0;background:white;padding:10px}
.welcome-heading{text-align:center;max-width:850px;margin:0 auto 42px}.welcome-heading h2{font-size:2.15rem}.welcome-heading .lead{max-width:none;margin-bottom:0}.original-info-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:45px}.original-info-grid h3{padding-bottom:13px;border-bottom:2px solid var(--teal);font-size:1.5rem}.seven-points{padding-left:22px;margin-bottom:25px}.seven-points li{padding:0 0 12px 5px;font-size:.96rem}.seven-points li::marker{font-weight:700;color:var(--teal-dark)}.home-info-panel{padding:26px;background:#f5f5f5;border-top:3px solid var(--lime);margin-bottom:20px}.home-info-panel h3{border:0;padding:0}.home-info-panel p{font-size:.95rem}.home-info-panel p:last-child{margin-bottom:0}
@media(min-width:1500px){.slides,.original-slide{min-height:470px}}
@media(max-width:1100px){.header-inner{gap:8px}.brand{width:175px}.brand img{width:175px}#primary-nav>a,.nav-group>summary{font-size:.76rem;padding-inline:10px}#primary-nav .nav-account{padding-inline:10px}.slide-copy{max-width:500px}.slides,.original-slide{min-height:410px}}
@media(max-width:900px){.header-inner{height:92px}.brand{width:165px;height:85px}.brand img{width:165px;max-height:85px}#primary-nav{top:92px;padding:8px 20px 20px;max-height:calc(100dvh - 95px);overflow-y:auto;border-top:1px solid #eee}.nav-group{display:block}.nav-group>summary{justify-content:space-between;padding:14px;font-size:1rem}.nav-submenu{position:static;width:100%;box-shadow:none;border-top:0;border-left:3px solid var(--teal);margin:0 14px 12px;width:calc(100% - 28px);background:#fafafa}.nav-submenu a{font-size:.94rem}#primary-nav .nav-account{margin:0;justify-content:start;font-size:1rem;padding:14px}.slides,.original-slide{min-height:410px}.slide-shade{background:linear-gradient(90deg,#fffffff2,#ffffffc9 50%,#ffffff25)}.slide-copy{max-width:480px}.slide-copy h1,.slide-copy h2{font-size:2.7rem}.original-info-grid{gap:30px}.section{padding:50px 0}}
@media(max-width:600px){.utility-inner>span{display:none}.utility-inner{justify-content:flex-end}.utility-inner>div{width:100%;justify-content:flex-end;gap:16px}.utility .motion-toggle{margin-right:auto;font-size:.66rem}.header-inner{height:90px}.brand{width:170px;height:83px}.brand img{width:170px;max-height:83px}#primary-nav{top:90px}.site-banner{font-size:.75rem;padding:10px 0}.slides,.original-slide{min-height:540px}.original-slide{align-items:flex-end}.slide-image{height:225px;object-position:center}.slide-shade{background:linear-gradient(0deg,#f5f5f5 0%,#f5f5f5 54%,#f5f5f5d9 61%,transparent 75%)}.slide-layout{padding:195px 0 27px}.slide-copy{max-width:none}.slide-copy h1,.slide-copy h2{font-size:2.1rem;margin-bottom:15px;line-height:1.18}.slide-copy p{font-size:1rem;margin-bottom:19px}.slide-copy .eyebrow{font-size:.68rem;margin-bottom:12px}.slide-copy .button{font-size:.84rem;padding:11px 14px}.slide-controls{gap:4px;min-height:54px}.slide-navigation{gap:3px}.slide-dots{gap:0;margin:0 2px}.slide-dot{padding:9px}.slide-controls .motion-toggle{font-size:.65rem;padding:6px 0}.slide-counter{font-size:.68rem}.slide-arrow{width:30px;height:32px}.original-info-grid{grid-template-columns:1fr;gap:20px}.welcome-heading{text-align:left;margin-bottom:30px}.welcome-heading h2{font-size:1.9rem}.welcome-heading .lead{font-size:1.05rem}.home-info-panel{padding:23px}.section{padding:38px 0}.section-head h2{font-size:1.9rem}.page-hero h1{font-size:2.3rem}.footer-lead p{font-size:1.8rem}.pledge-banner h2{font-size:1.75rem}}
@media(prefers-reduced-motion:no-preference){.original-slide:not([hidden]) .slide-copy{animation:opd-caption .45s ease-out}@keyframes opd-caption{from{opacity:.35;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}
@media print{.slide-controls,.site-banner,.slide-image,.slide-shade{display:none!important}.slides,.original-slide{min-height:0}.slide-layout{padding:20px 0}.original-info-grid{display:block}}

.volunteer-panel{margin-top:25px;display:flex;align-items:center;gap:35px}.volunteer-panel>div{flex:1}.volunteer-panel p{margin:0}.volunteer-panel .button{flex-shrink:0}@media(max-width:600px){.volunteer-panel{display:block}.volunteer-panel .button{margin-top:20px}}
/* Details recovered from the original SunFW header and PageBuilder article 108. */
.original-slogan{background:#df007c;color:#fff;text-align:center;font-weight:600;font-size:1rem;letter-spacing:.065em;padding:9px 0}.site-header{border-bottom:0}.header-inner{height:110px}.brand{width:210px;height:94px}.brand img{width:210px;max-height:94px}#primary-nav>a,.nav-group>summary{text-transform:uppercase;font-size:.73rem;letter-spacing:.01em;padding-inline:12px}#primary-nav .nav-account{font-size:.73rem}
.original-slideshow{max-width:1416px;margin-inline:auto;background:#fff}.slides,.original-slide{min-height:400px}.original-slide{height:400px}.slide-image{height:100%;object-fit:cover}.slide-shade{background:#00000012}.slide-layout{padding-block:28px}.slide-copy{max-width:949px;margin-inline:auto;text-align:center}.slide-copy h2{font-weight:700;font-size:2.25rem;line-height:1.18;color:#fff;background:#cf006fe8;padding:12px 20px;margin-bottom:10px;text-align:left}.slide-copy p{font-size:1.25rem;line-height:1.4;color:#fff;background:#632573ed;padding:13px 20px;max-width:none;margin-bottom:20px;text-align:left}.slide-discussion .slide-copy h2{background:#005095ed}.slide-discussion .slide-copy p{background:#006d76ed}.slide-voice .slide-copy h2{background:#007a82f0}.slide-voice .slide-copy p{background:#286636ed}.slide-copy .button{background:#fff;color:#333;border-color:#fff}.slide-copy .button:hover{background:#f1f1f1}.slide-trial .slide-copy h2{font-size:2.1rem}.site-footer{background:#040000;border-top:1px solid var(--teal)}.site-footer .text-link,.footer-grid a{color:#00c5ce}.footer-bottom{background:#df007c;box-shadow:0 0 0 100vmax #df007c;clip-path:inset(0 -100vmax);color:white;border:0}.footer-bottom a{color:white}
@media(max-width:1100px){.brand,.brand img{width:170px}#primary-nav>a,.nav-group>summary{font-size:.67rem;padding-inline:9px}#primary-nav .nav-account{font-size:.67rem;padding-inline:9px}.slide-copy{max-width:850px}}
@media(max-width:900px){.header-inner{height:90px}.brand{height:82px}.brand img{max-height:82px}#primary-nav{top:90px;z-index:50}#primary-nav>a,.nav-group>summary,#primary-nav .nav-account{font-size:.9rem;padding:14px;text-transform:none}.original-slogan{font-size:.8rem;padding:8px 0}.slide-copy h2,.slide-trial .slide-copy h2{font-size:2rem}.slide-copy p{font-size:1.1rem}.original-slide,.slides{height:400px;min-height:400px}}
@media(max-width:600px){.original-slogan{font-size:.67rem;letter-spacing:.02em;line-height:1.5}.original-slide,.slides{height:435px;min-height:435px}.original-slide{align-items:center}.slide-image{height:100%;object-fit:cover;object-position:62% center}.slide-shade{background:#0002}.slide-layout{padding-block:20px}.slide-copy h2,.slide-trial .slide-copy h2{font-size:1.7rem;padding:12px 14px;line-height:1.16}.slide-copy p{font-size:1rem;padding:14px;line-height:1.45}.slide-copy .button{font-size:.85rem}.slide-controls{padding-block:4px}.slide-counter{display:none}.slide-controls .motion-toggle{font-size:.7rem}.brand,.brand img{width:185px}}

.footer-invitation{display:grid;grid-template-columns:repeat(3,1fr);align-items:start;gap:45px}.footer-invitation h2{font-size:1.4rem;color:white;margin-bottom:17px}.footer-invitation p{font-size:.95rem;color:#ccc;line-height:1.6;letter-spacing:0;margin-bottom:17px}.footer-invitation a,.footer-invitation button{color:#00c5ce;font-size:.9rem;text-decoration:none}.footer-invitation a:hover,.footer-invitation button:hover{text-decoration:underline}@media(max-width:600px){.footer-invitation{grid-template-columns:1fr;gap:30px}.footer-invitation p{font-size:.95rem}}