@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');
:root{--cream:#f8f5ee;--paper:#fcfaf6;--ink:#263e3a;--muted:#626b63;--rust:#ac4e34;--sage:#5c7965;--line:#dbddd2;--gold:#c19037}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.7}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0;background:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--rust);outline-offset:6px}h1,h2,h3,p{margin-top:0}h1,h2,.serif{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400;line-height:1.07;letter-spacing:-.035em}h2{font-size:clamp(38px,4.3vw,62px);margin:20px 0 32px}h3{font-size:21px;line-height:1.35;font-weight:500;letter-spacing:-.025em}p{color:var(--muted);margin-bottom:22px}header{height:100px;max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 6%;gap:32px;background:var(--paper)}.brand{display:flex;gap:12px;align-items:center}.brand img{border-radius:50%}.brand span{font-size:23px;font-weight:700;letter-spacing:.06em;line-height:1.1}.brand small{font-size:11px;display:block;letter-spacing:.2em;text-align:center;margin-top:6px}nav{display:flex;gap:34px;align-items:center;margin-left:auto}nav a,nav button{padding:10px 0;font-size:14px}nav a[aria-current]{border-bottom:1px solid var(--rust);color:var(--rust)}nav a:hover,nav button:hover{color:var(--rust)}.languages{display:flex;align-items:center;gap:6px;font-size:12px;margin-left:20px}.languages button{padding:9px 4px;color:#767970}.languages button[aria-pressed=true]{color:var(--ink);font-weight:700}.languages span{color:#c6c7bc}.menu-toggle{display:none}.skip{position:fixed;top:-100px;background:var(--ink);color:white;padding:12px;z-index:20}.skip:focus{top:0}.mosaic{background-color:var(--cream);background-image:url('pattern.svg');background-size:cover;background-position:center}.hero{position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:32px;padding:70px 8% 0;min-height:680px;max-width:1600px;margin:auto}.eyebrow{font-size:11px;letter-spacing:.19em;font-weight:600;color:var(--sage);display:block}.hero h1{font-size:clamp(62px,7.8vw,112px);margin:22px 0 28px;line-height:.97}.hero h1 em{font-weight:400;color:var(--rust)}.intro{font-size:18px;color:var(--ink);margin-bottom:12px;font-weight:500}.intro-desc{font-size:15px;max-width:440px;line-height:1.8}.button{display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:500;padding:14px 24px;min-height:48px;border-radius:3px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--sage);color:white}.primary:hover{background:#49634f}.secondary{border:1px solid #8c9989;background:transparent}.hero .button{margin-top:6px}.hero-art{display:flex;flex-direction:column;align-items:center;justify-content:center;align-self:center;padding-bottom:12px}.hero-art img{width:100%;max-width:455px;height:auto;clip-path:circle(48.4% at 49.6% 49.7%);filter:drop-shadow(0 12px 22px #44391d10)}.art-caption{font-size:9px;letter-spacing:.13em;color:var(--sage);margin-top:14px}.hero-bottom{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #c4c6b977;margin-top:32px;padding:23px 0;gap:16px;font-size:12px;color:var(--ink)}.hero-bottom span{display:flex;align-items:center;gap:12px}.tile{display:inline-block;width:13px;height:17px;transform:rotate(20deg);background:var(--rust);border-radius:1px}.tile-1{background:var(--gold);transform:rotate(-16deg)}.tile-2{background:var(--sage);transform:rotate(32deg)}.section{max-width:1280px;margin:auto;padding:100px 7%}.story,.who{display:grid;grid-template-columns:1fr 1fr;gap:80px}.story{padding-top:115px;padding-bottom:115px}.story .lead{font-size:30px;color:var(--sage);line-height:1.3;max-width:350px}.story-copy{padding-top:23px}.signature{font-family:'Libre Caslon Display',Georgia,serif;font-size:30px;font-style:italic;color:var(--rust);margin-top:30px}.who{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.who h2{font-size:45px}.who>div+div{padding-top:28px}.purpose{text-align:center;max-width:1200px}.purpose h2{font-size:clamp(38px,4.1vw,59px)}.purpose-copy{display:grid;grid-template-columns:1fr 1fr;gap:50px;text-align:left;margin:40px auto 0;max-width:920px}.cycle{background:#edf0e8;max-width:none;padding-left:max(7%,calc((100vw - 1100px)/2));padding-right:max(7%,calc((100vw - 1100px)/2))}.steps{list-style:none;padding:25px 0 0;display:grid;grid-template-columns:repeat(5,1fr);gap:0}.steps li{border-top:1px solid #b6c3ad;padding:24px 26px 0 0;position:relative}.steps li:before{content:'';position:absolute;top:-5px;left:0;width:9px;height:9px;background:var(--sage);transform:rotate(15deg)}.steps li:last-child:before{background:var(--rust)}.step-number{font-size:12px;color:var(--sage)}.steps h3{font-size:18px;margin:14px 0 0;max-width:160px}.cycle-text{max-width:780px;margin:40px 0 0}.reach h2{max-width:950px}.reach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:50px}.reach-index{color:var(--rust);font-family:Georgia,serif;font-style:italic;font-size:28px}.reach-grid h3{margin:14px 0}.reach-grid p{font-size:15px}.programs{margin-top:35px;border-top:1px solid var(--line);padding-top:26px}.programs>p{font-size:12px;margin-bottom:18px}.programs>div{display:flex;flex-wrap:wrap;gap:24px 42px}.programs strong{font-size:16px;font-weight:500;color:var(--ink)}.programs small{font-size:11px;color:var(--muted);display:block;margin-top:18px}.values{border-top:1px solid var(--line)}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 50px;margin-top:45px}.values article{border-top:1px solid var(--line);padding-top:25px}.values h3{margin:19px 0 14px}.values p{font-size:14px;line-height:1.8;margin-bottom:0}.fields{padding-top:10px;padding-bottom:85px}.fields h2{font-size:32px}.fields ul{display:flex;flex-wrap:wrap;gap:12px 25px;list-style:none;padding:0}.fields li{font-size:13px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:8px}.impact{background:#f0e9db;max-width:none;text-align:center;padding:90px 24px}.impact p{max-width:620px;margin:30px auto 0}.impact .eyebrow{color:var(--rust)}.closing{max-width:none;text-align:center;padding:110px 24px}.closing h2{font-size:clamp(48px,6vw,80px)}.closing p{max-width:590px;margin:0 auto 30px}.actions{display:flex;justify-content:center;flex-wrap:wrap;gap:16px}.text-button{font-size:13px;text-decoration:underline;text-underline-offset:5px;padding:12px}.closing .signature{display:block;margin-top:48px;font-size:27px}footer{max-width:1440px;padding:36px 7%;display:flex;justify-content:space-between;align-items:center;gap:25px;margin:auto;border-top:1px solid var(--line)}footer strong{font-size:14px;letter-spacing:.09em}footer small{display:block;font-size:11px;color:var(--muted);margin-top:5px}footer a{font-size:12px}dialog{border:1px solid var(--line);border-radius:6px;background:var(--paper);max-width:500px;width:calc(100% - 36px);padding:42px;color:var(--ink)}dialog::backdrop{background:#263e3a66;backdrop-filter:blur(4px)}dialog h2{font-size:38px}.dialog-close{position:absolute;right:12px;top:6px;font-size:28px;padding:5px 12px}
@media(min-width:1600px){.hero{border-radius:5px}}@media(max-width:1000px){header{padding:0 5%;gap:18px}nav{gap:20px}.languages{margin-left:0}.hero{padding:55px 6% 0;gap:20px}.hero h1{font-size:80px}.story,.who{gap:40px}.section{padding:75px 6%}.who h2{font-size:38px}.reach-grid,.values-grid{gap:30px}.cycle{padding-left:6%;padding-right:6%}.steps h3{font-size:16px}}@media(max-width:700px){html{scroll-padding-top:20px}header{height:82px;position:relative;flex-wrap:wrap;gap:10px}.brand img{height:43px;width:43px}.brand span{font-size:18px}.brand small{font-size:9px}.menu-toggle{display:block;margin-left:auto;font-size:12px;padding:12px 4px}.languages{margin-left:10px;font-size:11px}nav{display:none;position:absolute;top:82px;left:0;right:0;margin:0;padding:20px 7%;background:var(--paper);z-index:5;box-shadow:0 12px 20px #263e3a12}nav.open{display:flex;flex-wrap:wrap;gap:20px}.hero{grid-template-columns:1fr;padding:42px 7% 0;gap:14px;text-align:center;background-size:auto 100%;min-height:0}.hero h1{font-size:clamp(60px,14vw,88px);margin:18px 0 24px}.hero .eyebrow{font-size:10px}.intro{font-size:16px}.intro-desc{font-size:14px;margin:0 auto 23px;max-width:360px}.hero-art{padding:8px 0 0}.hero-art img{max-width:300px;width:80%}.art-caption{font-size:8px;margin-top:8px}.hero-bottom{margin-top:16px;gap:8px;font-size:10px;padding:20px 0}.hero-bottom span{gap:7px}.hero-bottom .tile{width:8px;height:11px}.section{padding:65px 7%}.story,.who{grid-template-columns:1fr;gap:15px}.story-copy,.who>div+div{padding:0}.section h2{font-size:40px;margin:17px 0 26px}.story .lead{font-size:28px;margin-bottom:10px}.story-copy p,.who p{font-size:15px}.purpose{text-align:left}.purpose-copy{grid-template-columns:1fr;gap:0;margin-top:0}.purpose-copy p{font-size:15px}.steps{grid-template-columns:1fr;margin-top:30px;padding:0}.steps li{border-top:0;border-left:1px solid #b6c3ad;padding:0 0 28px 28px;display:flex;gap:18px;align-items:baseline}.steps li:before{left:-5px;top:10px}.steps li:last-child{padding-bottom:0;border-left-color:transparent}.steps h3{max-width:none;margin:0;font-size:18px}.cycle-text{font-size:15px;margin-top:30px}.reach-grid{grid-template-columns:1fr;gap:16px;margin-top:35px}.reach-grid article{border-top:1px solid var(--line);padding-top:20px}.programs>div{flex-direction:column;gap:12px}.values-grid{grid-template-columns:1fr 1fr;gap:28px 22px;margin-top:30px}.values h3{font-size:18px}.values p{font-size:13px}.fields{padding-top:0}.fields h2{font-size:30px}.fields li{font-size:12px}.impact h2{font-size:40px}.impact p{font-size:15px}.closing h2{font-size:49px}.closing p{font-size:15px}.actions{gap:12px}.actions .button{padding:13px 18px}.text-button{flex-basis:100%}footer{align-items:flex-start;flex-direction:column;padding:28px 7%}dialog{padding:32px 25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Supplied Tessera identity: logo in navigation, story-led opening. */
header{height:132px;padding:0 5%;gap:28px;max-width:1600px}.brand{flex-shrink:0}.brand img{width:120px;height:114px;object-fit:contain;border-radius:0}nav{gap:27px;margin-left:20px;flex:1;justify-content:center}nav a,nav button{font-size:13px;white-space:nowrap}.languages{margin-left:0}.mosaic{background-image:linear-gradient(#fcfaf620,#fcfaf620),url('mosaic-background.png');background-size:cover;background-position:center}.hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:0;padding:70px 8% 0;min-height:680px}.hero-copy{max-width:740px}.hero h1{font-size:clamp(72px,7.4vw,112px);margin:22px 0 30px}.intro-desc{max-width:500px;margin-left:auto;margin-right:auto}.hero-bottom{width:min(780px,100%);margin-top:58px;padding:23px 20px}.hero .eyebrow{color:#425d4a}.closing{background-image:linear-gradient(#fcfaf65c,#fcfaf65c),url('mosaic-background.png')}
@media(max-width:1100px){header{gap:14px;padding:0 4%}nav{gap:17px;margin-left:0}nav a,nav button{font-size:12px}.brand img{width:104px;height:108px}}
@media(max-width:900px){header{height:106px;position:relative;flex-wrap:nowrap}.brand img{width:94px;height:94px}.menu-toggle{display:block;margin-left:auto;font-size:13px;padding:12px}.languages{margin-left:5px}nav{display:none;position:absolute;top:106px;left:0;right:0;z-index:5;background:var(--paper);margin:0;padding:20px 6%;box-shadow:0 12px 20px #263e3a12}nav.open{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 24px;text-align:left}nav a,nav button{text-align:left;padding:10px 0;font-size:14px}.hero{min-height:620px;padding-top:60px}.hero h1{font-size:90px}.hero-bottom{margin-top:44px}}
@media(max-width:700px){header{padding:0 6%;height:100px}.brand img{width:88px;height:90px}nav{top:100px}nav.open{grid-template-columns:1fr 1fr}.hero{padding:65px 7% 0;min-height:650px;background-size:auto 100%;background-position:49% center}.hero h1{font-size:clamp(60px,12vw,84px);margin:22px 0 30px}.hero-copy{max-width:480px}.intro{font-size:16px}.intro-desc{font-size:14px;max-width:340px}.hero-bottom{margin-top:auto;width:100%;padding:24px 0;font-size:10px}.hero .button{margin-top:8px}.closing{background-size:auto 100%}.languages button{min-width:30px;min-height:44px}}
@media(max-width:380px){.hero{min-height:660px}.hero h1{font-size:57px}.hero-bottom{font-size:9px;gap:5px}}
/* Shared, quiet mosaic surface across every page section. */
body{position:relative;isolation:isolate;background:var(--paper)}
body::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(252,250,246,.62),rgba(252,250,246,.86) 32%,rgba(252,250,246,.86) 68%,rgba(252,250,246,.62)),url('mosaic-background.png') center/cover no-repeat}
header{background:rgba(252,250,246,.55)}
.mosaic,.closing{background:transparent}
.cycle{background:rgba(230,237,224,.48)}
.impact{background:rgba(238,227,207,.42)}
footer{background:rgba(252,250,246,.3)}
@media(max-width:700px){body::before{background-image:linear-gradient(90deg,rgba(252,250,246,.70),rgba(252,250,246,.86) 28%,rgba(252,250,246,.86) 72%,rgba(252,250,246,.70)),url('mosaic-background.png');background-position:center;background-size:auto,auto 100%}}
/* Community-led homepage: masthead, clear navigation, introduction and participation. */
header{height:auto;display:block;padding:0 6%;max-width:none;background:rgba(252,250,246,.94);border-bottom:1px solid #cbd1c2}
.masthead{max-width:1280px;margin:auto;display:flex;justify-content:space-between;align-items:center;min-height:132px;gap:24px}
.brand{gap:17px}.brand img{width:86px;height:106px}.brand .brand-name{font-size:36px;letter-spacing:.02em;color:#24493d;line-height:1.1}.brand .brand-name small{font-family:'DM Sans',Arial,sans-serif;font-size:12px;font-weight:400;letter-spacing:0;text-align:left;margin-top:10px;line-height:1.4}
.header-tools{display:flex;align-items:center;gap:24px}.header-motto{font-family:Georgia,serif;font-style:italic;color:var(--rust);font-size:16px}.header-join{padding:12px 20px}.languages button{min-height:44px}
header nav{position:static;display:flex;justify-content:space-between;margin:0 auto;max-width:1280px;padding:0;border-top:1px solid #d9dacc;gap:22px;box-shadow:none;background:transparent}
header nav a,header nav button{font-size:15px;font-weight:600;padding:20px 8px;white-space:nowrap;border-bottom:3px solid transparent}
header nav a[aria-current]{border-bottom:3px solid var(--rust)}header nav a:hover,header nav button:hover{background:#eee9dc66}.menu-toggle{display:none}
.hero{display:grid;grid-template-columns:1.08fr 1fr;gap:65px;text-align:left;padding:65px 7%;min-height:0;max-width:1400px;align-items:center}.hero-copy{max-width:620px}.hero h1{font-family:'DM Sans',Arial,sans-serif;font-size:clamp(54px,5.6vw,82px);font-weight:600;letter-spacing:-.065em;line-height:1.04;margin:18px 0 27px}.hero h1 em{font-family:'Libre Caslon Display',Georgia,serif;font-size:1.15em;letter-spacing:-.025em}.hero .intro{font-size:16px}.hero .intro-desc{margin-left:0;font-size:15px;max-width:450px}.intro-panel{border-left:3px solid var(--sage);padding:30px 30px 30px 36px;background:rgba(252,250,246,.76)}.intro-panel h2{font-family:'DM Sans',Arial,sans-serif;font-size:30px;font-weight:500;line-height:1.22;letter-spacing:-.04em;margin:17px 0 22px}.intro-panel p{font-size:14px;line-height:1.8}.inline-link{display:inline-block;border-bottom:1px solid var(--rust);padding:3px 0;color:var(--rust);font-size:13px;font-weight:600;text-align:left}.inline-link:hover{color:var(--ink)}
.pathways{max-width:1220px;margin:0 auto 25px;display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid #d6d9cc;background:#fcfaf6c9}.pathways article{padding:30px 32px;border-right:1px solid #d6d9cc}.pathways article:last-child{border:0}.path-number{font-size:12px;font-weight:600;color:var(--sage)}.pathways h2{font-family:'DM Sans',Arial,sans-serif;font-size:22px;font-weight:500;line-height:1.25;letter-spacing:-.035em;margin:12px 0}.pathways p{font-size:14px;min-height:48px}.story{padding-top:75px}.section h2{font-family:'DM Sans',Arial,sans-serif;font-weight:500;font-size:clamp(32px,3.6vw,48px);line-height:1.16;letter-spacing:-.045em}.story .lead{font-family:'Libre Caslon Display',Georgia,serif}.closing h2{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400;font-size:64px}.fields{padding-top:0}
@media(max-width:1100px){.header-motto{display:none}.masthead{min-height:120px}.hero{gap:35px}.hero h1{font-size:66px}.pathways{margin-left:5%;margin-right:5%}header nav{gap:8px}header nav a,header nav button{font-size:13px;padding:18px 4px}.brand .brand-name{font-size:32px}}
@media(max-width:800px){header{padding:0 5%}.masthead{gap:15px}.brand .brand-name{font-size:28px}.brand .brand-name small{font-size:10px}.header-tools{gap:12px}.header-join{display:none}.hero{grid-template-columns:1fr;gap:35px;padding:44px 6%}.hero h1{font-size:68px}.hero-copy{max-width:620px}.hero .intro-desc{max-width:500px}.intro-panel{padding:24px 28px}.intro-panel h2 br{display:none}.intro-panel h2{font-size:26px}.pathways article{padding:23px 20px}.pathways h2{font-size:19px}.pathways p{font-size:13px;min-height:88px}header nav{flex-wrap:wrap;gap:0;justify-content:space-between}header nav a,header nav button{font-size:12px;padding:17px 3px}.menu-toggle{display:none}}
@media(max-width:560px){.masthead{min-height:108px;flex-wrap:wrap;gap:0;position:relative;padding:8px 0 42px}.brand{gap:9px}.brand img{width:57px;height:66px}.brand .brand-name{font-size:26px}.brand .brand-name small{font-size:9px;max-width:190px;margin-top:5px}.header-tools{position:absolute;bottom:0;right:0}.menu-toggle{display:block;position:absolute;bottom:0;left:0;padding:9px 4px;font-weight:600}.languages{gap:0}.languages button{min-height:38px}header nav{display:none}header nav.open{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;padding:8px 0 16px}header nav a,header nav button{font-size:14px;padding:12px 4px;text-align:left}.hero{padding:35px 6%;gap:28px;min-height:0}.hero h1{font-size:57px}.hero .intro-desc{font-size:14px}.intro-panel{padding:22px}.intro-panel h2{font-size:25px}.pathways{grid-template-columns:1fr;margin:0 6%}.pathways article{padding:23px;border-right:0;border-bottom:1px solid #d6d9cc}.pathways p{min-height:0;margin-bottom:14px}.pathways h2{font-size:23px}.section h2{font-size:34px}.closing h2{font-size:48px}}