.brand span{text-transform:uppercase}
.footer-links{flex-wrap:wrap}
.contact-info .social-links a[href*="instagram.com"] svg{fill:none;stroke:currentColor;stroke-width:1.8}
.contact-info .social-links a[href*="wa.me"] svg{fill:currentColor;stroke:none}
.contact-info .social-links a[href*="linkedin.com"] svg{fill:currentColor;stroke:none}
.r3-google-map{display:block;width:100%;height:340px;border:0;border-radius:4px;background:var(--accent-soft)}
.social-links .r3-community-icon{width:48px;height:48px;flex:none;filter:grayscale(1);border-radius:50%}
.contact-info>.r3-sponsors{grid-column:1/-1;margin-top:28px;padding-top:56px;border-top:1px solid var(--line)}
.r3-sponsors h2{font-size:clamp(2.8rem,4.8vw,5rem);margin-bottom:44px;max-width:1100px}
.r3-sponsor{display:flex;align-items:center;gap:38px;max-width:1000px}
.r3-sponsor>a{flex:none;border-radius:50%}
.r3-sponsor img{width:128px;height:128px;object-fit:contain}
.r3-sponsor h3{font-size:clamp(2.3rem,3.3vw,3.5rem);margin-bottom:18px}
.contact-info .r3-sponsor h3 a{font-size:inherit;text-decoration:none;display:inline-flex;gap:24px;align-items:center}
.r3-sponsor h3 span{font:1.6rem Arial,sans-serif}
.r3-sponsor p{font-size:1.125rem;line-height:1.8;max-width:760px}
/* The same compact cards are used on the home page, listings and previews. */
.blog-home,.blog-list,.initiatives-home,.initiatives-list{max-width:1180px;padding-inline:40px}
.blog-section-heading{gap:30px;align-items:center}
.blog-section-heading h2{max-width:740px}
.blog-section-heading>.text-link{flex:none}
.post-grid,.initiative-grid{width:100%;max-width:1040px;margin-inline:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 32px}
.post-grid>.post-card,.post-grid>.post-card:first-child{grid-column:auto;min-width:0;max-width:100%}
.post-grid>.post-card .post-card-link,.post-grid>.post-card .post-card-link:focus-visible{display:flex;flex-direction:column;height:100%;min-width:0;background:#efe5dc}
.post-grid>.post-card .post-cover{position:relative;flex:none;width:100%;min-width:0;max-width:100%;height:auto;min-height:0;aspect-ratio:4/3;margin:0;overflow:hidden}
.post-grid>.post-card .post-cover img{position:absolute;inset:0;width:100%;height:100%;max-width:100%;transform:none}
.post-grid>.post-card a:hover .post-cover img{transform:none}
.post-grid>.post-card .post-cover.cover-contain img{padding:20px}
.post-grid>.post-card .post-card-copy{min-width:0;width:100%;padding:30px;align-self:stretch;display:flex;flex:1;flex-direction:column;align-items:flex-start;justify-content:center;gap:18px}
.post-grid>.post-card .post-card-copy>*{margin:0;max-width:100%}
.post-grid>.post-card h3{font-size:clamp(2rem,2.65vw,2.8rem);line-height:1.12;overflow-wrap:anywhere}
.post-grid>.post-card .post-excerpt{font-size:1.0625rem;line-height:1.75;max-width:46ch;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.post-grid>.post-card .text-link{font-size:1.0625rem;min-height:44px;white-space:normal;margin-top:6px}
.post-grid>.post-card:only-child{grid-column:1/-1;width:100%;max-width:1000px;justify-self:center}
.post-grid>.post-card:only-child .post-card-link,.post-grid>.post-card:only-child .post-card-link:focus-visible{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1fr);min-height:430px}
.post-grid>.post-card:only-child .post-cover{height:100%;aspect-ratio:auto}
.post-grid>.post-card:only-child .post-card-copy{padding:36px}
.post-card-copy .initiative-tags{max-width:100%;flex-wrap:wrap;gap:8px}
.post-card-copy .initiative-tag{max-width:100%;font-size:.875rem;padding:6px 10px;white-space:normal;overflow-wrap:anywhere}
.post-card-copy .post-date,.post-card-copy .eyebrow{font-size:.9375rem;line-height:1.6}
/* Article images and headings share a reading column. Cover images keep their
   own settings; the document's images are never used to infer card cropping. */
.blog-article,.blog-article.initiative-article{width:100%;max-width:1120px;padding-inline:40px}
.blog-article .article-head,.initiative-article .article-head{width:100%;max-width:880px}
.blog-article .article-back,.blog-article .article-body,.blog-article .r3-language-control{width:100%;max-width:880px}
.blog-article .article-head h1{font-size:clamp(2.6rem,4.2vw,4.3rem);line-height:1.13}
.blog-article .article-head .standfirst{font-size:1.125rem;line-height:1.8;max-width:62ch}
.blog-article .article-cover,.blog-article.initiative-article .article-cover,.blog-article .article-cover.cover-contain{position:relative;width:100%;max-width:880px;height:420px;max-height:50vh;min-height:200px;aspect-ratio:auto;margin:0 auto 40px}
.blog-article .article-cover img{position:absolute;inset:0;width:100%;height:100%}
.blog-article .article-image.image-full{max-width:880px}
.blog-article .article-image.image-wide{max-width:720px}
.blog-article .article-image.image-small{max-width:460px}
.blog-article .article-image img{width:100%;height:auto;max-height:560px;object-fit:contain;margin-inline:auto}
.blog-article .initiative-schedule,.blog-article .initiative-embed{max-width:100%;min-width:0}
.r3-broadcast{margin-top:38px}
.r3-social-contact .social-links{gap:22px 30px}
.r3-direct-contact>div>a{font-size:clamp(1.125rem,1.6vw,1.5rem)}
.r3-cover-controls{grid-column:1/-1;display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.r3-cover-controls .r3-checkbox{display:flex;align-items:flex-start;gap:12px;line-height:1.6}
.r3-cover-controls .r3-checkbox input{flex:none;margin-top:3px}
.r3-setup-guide{max-width:800px;margin-bottom:32px;border-block:1px solid var(--line)}
.r3-setup-guide ol{padding:10px 30px 25px 38px;line-height:1.8}
.r3-setup-guide li+li{margin-top:16px}
@media(min-width:1301px){header{column-gap:28px}header nav,html:lang(es) header nav,html:lang(pt) header nav{gap:clamp(14px,1.1vw,24px)}}
.r3-admin{padding-top:24px;padding-bottom:80px}
.r3-admin-head .standfirst{max-width:800px}
.r3-admin h2{font-size:clamp(1.9rem,3vw,2.7rem);margin-bottom:22px}
.r3-admin h3{font-size:1.6rem;margin-bottom:10px}
.r3-admin #r3-message{margin-bottom:24px;min-height:1.7em}
.r3-admin [data-error="true"]{color:#87392f}
.r3-form{max-width:620px;margin-top:25px}
.r3-form label{display:flex;flex-direction:column;gap:8px;margin-bottom:22px}
.r3-form .small{margin:8px 0 24px}
.r3-form>.text-link{margin-bottom:24px;display:table}
.r3-form .r3-checkbox{flex-direction:row;align-items:center}
.r3-checkbox input{width:20px;height:20px;accent-color:#985d48}
.r3-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 30px}
.r3-actions p{margin:0}
.r3-section{border-top:1px solid var(--line);margin-top:48px;padding-top:40px}
.r3-permissions{max-width:880px;margin-bottom:25px}
.r3-user{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 0;border-bottom:1px solid var(--line)}
.r3-user p{overflow-wrap:anywhere}
#r3-user-form{padding:24px;border:1px solid var(--line);border-radius:8px}
.r3-google-credit{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:.85rem;line-height:1.5;padding:18px 0;color:var(--muted)}
.r3-google-credit a{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:#555;white-space:nowrap}
.r3-google-credit img{display:inline-block;vertical-align:middle;width:74px;height:24px}
.r3-translation-option{padding:16px 0 8px}
.r3-translation-option .text-link{font-size:1rem;margin-top:10px}
.r3-language-control{max-width:1000px;margin:0 auto 36px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;overflow-wrap:anywhere}
.r3-language-control p{margin:0;font-size:1rem;color:var(--muted)}
.r3-language-control .text-link{font-size:1rem;max-width:100%;white-space:normal}
.r3-list-credit{max-width:1000px;margin:0 auto;padding-inline:6%}
@media(max-width:760px){.r3-user{align-items:flex-start;flex-direction:column}.r3-google-map{height:290px}.r3-sponsor{align-items:flex-start;gap:24px}.r3-sponsor img{width:80px;height:80px}.r3-sponsors h2{font-size:clamp(2.4rem,9vw,3.4rem);margin-bottom:32px}.contact-info>.r3-sponsors{padding-top:36px;margin-top:8px}.r3-sponsor p{font-size:1rem}.r3-actions{gap:14px 22px}.social-links .r3-community-icon{width:44px;height:44px}.r3-language-control{align-items:flex-start;flex-direction:column}}
@media(max-width:420px){.r3-sponsor{flex-direction:column}.r3-sponsor img{width:90px;height:90px}}

@media(max-width:760px){
 .blog-home,.blog-list,.initiatives-home,.initiatives-list,.blog-article,.blog-article.initiative-article{padding-inline:24px}
 .post-grid,.initiative-grid{grid-template-columns:minmax(0,1fr);gap:32px}
 .post-grid>.post-card:only-child .post-card-link,.post-grid>.post-card:only-child .post-card-link:focus-visible{display:flex;min-height:0}
 .post-grid>.post-card .post-cover,.post-grid>.post-card:only-child .post-cover{height:auto;aspect-ratio:4/3;min-height:0}
 .post-grid>.post-card .post-card-copy,.post-grid>.post-card:only-child .post-card-copy{padding:26px;gap:16px}
 .post-grid>.post-card h3{font-size:clamp(1.85rem,6.4vw,2.5rem)}
 .blog-section-heading>.text-link{margin-top:18px}
 .blog-article .article-head h1{font-size:clamp(2.3rem,8vw,3.4rem)}
 .blog-article .article-cover,.blog-article.initiative-article .article-cover,.blog-article .article-cover.cover-contain{height:300px;max-height:45vh}
 .blog-article .article-image img{max-height:450px}
.r3-broadcast{margin-top:30px}
}

/* Alpha 1.2: the preferred reading size at normal browser zoom.
   Relative type respects the reader's font preference and browser zoom.
   Columns reflow instead of scaling the whole page or hiding overflow. */
html{font-size:125%}
body{overflow-wrap:break-word}
.wrap{max-width:100rem}
body>header{display:grid;grid-template-columns:max-content minmax(0,1fr) max-content;align-items:center;gap:1.25rem clamp(.85rem,1.4vw,2rem);padding:2rem 3%;}
body>header>.brand{grid-column:1;grid-row:1;justify-self:start;align-self:center;}
.brand{display:inline-flex;flex-direction:column;align-items:center;justify-content:flex-start;flex:none;width:max-content;max-width:100%;white-space:nowrap;}
.brand span{display:block;align-self:center;flex:none;width:auto;max-width:100%;margin:1.1rem 0 0;padding-left:.47em;text-align:center;white-space:nowrap;}
body>header>.brand{font-size:5.4rem;}
body>header>.language-switcher{grid-column:2;grid-row:1;justify-self:end;margin:0;}
body>header>#main-nav{grid-column:3;grid-row:1;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-end;width:auto;min-width:0;gap:clamp(.55rem,.7vw,1rem);}
body>header>#main-nav a{font-size:clamp(1.05rem,1.42vw,1.25rem);line-height:1.4;white-space:nowrap;padding:.6rem 0;}
body>header>.menu-toggle{grid-column:3;grid-row:1;display:none;}
.language-options{z-index:10;max-width:calc(100vw - 2rem);}
.footer-top>.brand{align-self:center;}
.footer-bottom,.footer-links{min-width:0;}
.footer-links{width:auto;flex-direction:row;flex-wrap:wrap;}

/* The full navigation needs room for the longest of the three languages.
   At narrower effective widths (including desktop zoom) use the same menu. */
@media(max-width:92em){
 body>header{padding:1.6rem 5%;gap:1rem 1.3rem;}
 .js body>header>.menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;min-height:2.5rem;padding:.4rem .6rem;background:transparent;border:0;border-bottom:1px solid #b3a399;font-size:1.125rem;cursor:pointer;}
 body>header>#main-nav{grid-column:1/-1;grid-row:2;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem 1.5rem;}
 .js body>header>#main-nav:not(.open){display:none;}
 body>header>#main-nav a{white-space:normal;padding:.65rem .5rem;}
}
@media(max-width:40em){
 body>header{grid-template-columns:minmax(0,1fr) max-content;gap:.5rem 1rem;padding:1.25rem 6%;}
 body>header>.brand{grid-column:1;grid-row:1/3;font-size:clamp(2.75rem,11.5vw + .4rem,4.3rem);}
 body>header>.brand span{font-size:.55rem;letter-spacing:.4em;margin-top:.75rem;}
 body>header>.language-switcher{grid-column:2;grid-row:1;}
 body>header>.menu-toggle{grid-column:2;grid-row:2;justify-self:end;}
 body>header>#main-nav{grid-row:3;grid-template-columns:minmax(0,1fr);gap:.2rem;}
 .footer-top{align-items:flex-start;}
}
@media(max-width:20em){
 body>header>.brand{grid-column:1/-1;grid-row:1;}
 body>header>.language-switcher{grid-column:1;grid-row:2;justify-self:start;}
 body>header>.menu-toggle{grid-column:2;grid-row:2;}
}

/* Let content set the height. Minmax prevents long words, fields or links
   from forcing a column wider than the available screen. */
.image-block>.block-copy>*{max-width:100%;}
.image-block.hero h1{font-size:clamp(2.6rem,4.3vw,5rem);}
.image-block>.block-copy,.image-block.media-left>.block-copy{padding-block:4rem;}
.intro,.possibilities,.participate,.story,.volunteer-layout,.contact-info,.status-chapter,.editor-layout{min-width:0;}
.intro>* , .possibilities>*,.participate>*,.story>*,.volunteer-layout>*,.contact-info>*,.editor-layout>*{min-width:0;}
.possibilities,.participate{grid-template-columns:repeat(2,minmax(0,1fr));}
.story{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);}
.volunteer-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);}
.volunteer-options{grid-template-columns:repeat(3,minmax(0,1fr));}
.button,.text-link{max-width:100%;white-space:normal;gap:1rem;}
.button span,.text-link span{flex-shrink:0;}
.standfirst,.prose p,.faq-answer p{max-width:65ch;}
.form-pair{grid-template-columns:repeat(2,minmax(0,1fr));}
.form-pair>label,.check,.consent{min-width:0;}
input:not([type=checkbox]),select,textarea{min-width:0;padding:.65rem;}
.checks{grid-template-columns:repeat(2,minmax(0,1fr));}
.volunteer-layout form{min-width:0;}
.post-grid>.post-card .post-card-copy{overflow-wrap:break-word;}
.post-grid>.post-card h3{overflow-wrap:break-word;}
.blog-article .article-head h1{overflow-wrap:break-word;}
.article-body a,.r3-language-control a{overflow-wrap:anywhere;}
.contact-info{grid-template-columns:repeat(2,minmax(0,1fr));}
.social-links{flex-wrap:wrap;}
.r3-user,.r3-actions,.blog-editor .editor-actions{min-width:0;}

@media(max-width:75em){
 .volunteer-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:5%;}
 .volunteer-layout .form-pair,.volunteer-layout .checks{grid-template-columns:minmax(0,1fr);}
 .volunteer-options{gap:1.5rem;}
 .volunteer-options h2{font-size:1.7rem;}
}
@media(max-width:62em){
 .image-block{grid-template-columns:minmax(0,1fr);min-height:0;}
 .image-block>.block-copy,.image-block.media-left>.block-copy{grid-column:1;grid-row:1;padding:2.6rem 6%;}
 .image-block>.block-media,.image-block.media-left>.block-media,.image-block.is-reset>.block-media,.image-block.media-left.is-reset>.block-media{position:relative;inset:auto;grid-column:1;grid-row:2;height:clamp(17rem,65vw,30.5rem);}
 .image-block.ways,.image-block.split{min-height:0;}
 .image-block.hero h1,.image-block .section-heading h1{font-size:clamp(2.5rem,1.2rem + 4.5vw,4rem);}
 .image-block.is-entering>.block-media,.image-block.media-left.is-entering>.block-media{animation-name:open-mobile;}
 .possibilities,.participate,.story,.volunteer-layout,.volunteer-options,.contact-info{grid-template-columns:minmax(0,1fr);gap:1.8rem;}
 .volunteer-options{padding-top:1.5rem;}
 .volunteer-options h2{font-size:1.85rem;}
 .volunteer-layout .form-pair,.volunteer-layout .checks{grid-template-columns:repeat(2,minmax(0,1fr));}
 .contact-info>.r3-sponsors{grid-column:1;}
 .post-grid>.post-card:only-child .post-card-link,.post-grid>.post-card:only-child .post-card-link:focus-visible{display:flex;min-height:0;}
 .post-grid>.post-card:only-child{max-width:38rem;}
 .post-grid>.post-card:only-child .post-cover{height:auto;aspect-ratio:4/3;}
 .blog-section-heading{align-items:flex-start;flex-direction:column;gap:1rem;}
 .blog-section-heading>.text-link{margin:0;}
 .footer-top{flex-wrap:wrap;gap:2rem;}
 .footer-motto{flex-basis:100%;order:3;}
}
@media(max-width:48em){
 .post-grid,.initiative-grid{grid-template-columns:minmax(0,1fr);}
 .post-grid>.post-card{max-width:38rem;width:100%;margin-inline:auto;}
 .intro{grid-template-columns:minmax(0,1fr);gap:1rem;}
 .page-head h1,.contact-head h1,.organization-head h1{font-size:clamp(2.35rem,1.2rem + 4.4vw,4rem);}
 .standfirst{font-size:1.125rem;}
 .prose p,.intro p:not(.eyebrow){font-size:1.05rem;}
 .hero .eyebrow{font-size:1.125rem;}
 .possibilities,.participate,.story{padding-block:2.8rem;}
 .r3-language-control{align-items:flex-start;flex-direction:column;}
 .contact-territory{grid-template-columns:minmax(0,1fr);}
}
@media(max-width:36em){
 .form-pair,.checks,.volunteer-layout .form-pair,.volunteer-layout .checks{grid-template-columns:minmax(0,1fr);}
 .blog-home,.blog-list,.initiatives-home,.initiatives-list,.blog-article,.blog-article.initiative-article{padding-inline:6%;}
 .post-grid>.post-card .post-card-copy,.post-grid>.post-card:only-child .post-card-copy{padding:1.25rem;}
 .blog-article .article-head h1{font-size:2.3rem;}
 .blog-article .article-cover{min-height:0;}
 .footer-top .brand{font-size:3.1rem;}
 .r3-sponsor{flex-direction:column;}
 .origin-brand{font-size:clamp(3rem,13vw,5rem);}
}

/* FAQ and first-person history keep the same two-tone heading language. */
.organization-head .standfirst{margin-top:1.5rem;}
.faq-list{max-width:78rem;}
.faq-answer{max-width:58rem;padding-bottom:1.5rem;}
.faq-answer .faq-answer-link{display:inline-flex;align-items:center;margin-top:1rem;font-size:1rem;}
.faq-end{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:1.2rem;padding-block:2.75rem;}
.faq-end h2{font-size:clamp(2.2rem,3.4vw,3.5rem);margin:0;}
.faq-end>.text-link{margin:0;}
.history-section{border-top:1px solid var(--line);padding-block:4rem 5rem;}
.history-intro{max-width:52rem;margin-bottom:2.75rem;}
.history-intro h2{font-size:clamp(2.6rem,4.3vw,4.5rem);}
.history-intro .small{margin-top:1.25rem;}
.history-chapter{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);gap:8%;padding-block:2.5rem;border-top:1px solid var(--line);}
.history-heading .eyebrow{margin-bottom:1rem;font-size:1rem;}
.history-heading h3{font-size:clamp(1.8rem,2.5vw,2.5rem);line-height:1.2;}
.history-chapter .prose{min-width:0;}
#historia{scroll-margin-top:2rem;}
@media(max-width:62em){.history-chapter{grid-template-columns:minmax(0,1fr);gap:1.5rem;padding-block:2rem;}.history-section{padding-block:3rem;}}
@media(prefers-reduced-motion:reduce){.image-block.is-entering>.block-media{animation:none;}}

/* Alpha 1.5.2: keep complete words on small screens, without browser text inflation. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;}
@media(max-width:40em){
 .image-block.hero h1{font-size:clamp(1.85rem,calc(9.2vw + .25rem),2.5rem);overflow-wrap:normal;word-break:normal;hyphens:none;}
}

/* Alpha 1.3: a clear invitation to explore, with the same warm palette. */
.menu-intro{display:none;}
.footer-brand-group{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;flex:none;}
.footer-brand-group>.brand{align-self:flex-start;}
.footer-brand-group>.footer-status{font-size:.75rem;line-height:1.55;max-width:18rem;color:#65574c;text-decoration:none;}
.footer-brand-group>.footer-status:hover{text-decoration:underline;}
.footer-fit-probe{position:absolute;width:0;height:0;overflow:hidden;visibility:hidden;pointer-events:none;contain:strict;}
.footer-fit-row{display:flex;flex-wrap:nowrap;gap:25px;align-items:center;width:max-content;font-size:.9375rem;}
.footer-fit-row .footer-links{width:max-content;flex-wrap:nowrap;}
.footer-fit-row a{white-space:nowrap;}
.footer-compact .footer-bottom{display:block;}
.footer-compact .footer-links{justify-content:flex-start;gap:.5rem 1.5rem;}
.footer-bottom a:focus-visible,.footer-brand-group>.footer-status:focus-visible{outline:2px solid #754935;outline-offset:5px;}

/* Alpha 1.5.1: the approved beadwork stays visible; a small halo follows each letter.
   Full links fit the 90–125% desktop reference range; narrower screens use a
   stable, accessible button with language immediately before it. */
@media(max-width:92em){
 body>header{grid-template-columns:max-content max-content minmax(0,1fr);column-gap:1.6rem;}
 body>header>.language-switcher{grid-column:2;grid-row:1;justify-self:start;align-self:center;}
 .js body>header>.menu-toggle{position:relative;isolation:isolate;grid-column:3;grid-row:1;justify-self:stretch;display:grid;grid-template-columns:minmax(0,1fr) 2.35rem;align-content:center;align-items:center;gap:.2rem 2rem;width:100%;min-width:0;min-height:5.8rem;padding:1rem 1.1rem 1rem 1.35rem;border:1px solid #cdb99f;border-radius:.6rem;background:transparent;color:#47382e;font-size:1.2rem;line-height:1.4;text-align:left;cursor:pointer;box-shadow:0 3px 8px #633e2810;transition:border-color 250ms ease,box-shadow 250ms ease;}
 .menu-weave{position:absolute;inset:0;z-index:-2;border-radius:inherit;overflow:hidden;pointer-events:none;}
 .menu-weave b:nth-child(1){--piece:0;}
 .menu-weave b:nth-child(2){--piece:1;}
 .menu-weave b:nth-child(3){--piece:2;}
 .menu-weave b:nth-child(4){--piece:3;}
 .menu-weave b:nth-child(5){--piece:4;}
 .menu-weave b:nth-child(6){--piece:5;}
 .menu-weave b:nth-child(7){--piece:6;}
 .menu-weave b:nth-child(8){--piece:7;}
 .menu-weave b:nth-child(9){--piece:8;}
 .menu-weave b:nth-child(10){--piece:9;}
 .menu-weave b:nth-child(11){--piece:10;}
 .menu-weave b:nth-child(12){--piece:11;}
 .menu-weave b{position:absolute;inset:0;background:url('/images/trama-mostacillas.webp?v=326a5e8c0e7c') repeat-x center;background-size:auto 155%;clip-path:inset(0 calc(100% - (var(--piece) + 1) * 100% / 12) 0 calc(var(--piece) * 100% / 12));}
 .js body>header>.menu-toggle:hover,.js body>header>.menu-toggle[aria-expanded=true]{border-color:#a88767;box-shadow:0 4px 12px #633e2825;}
 body>header>.menu-toggle:focus-visible{outline:3px solid #985d48;outline-offset:5px;}
 .js body>header>.menu-toggle::before{content:none;}
 .menu-label,.menu-prompt{text-shadow:0 0 1px #fffdf7,1px 0 1px #fffdf7,-1px 0 1px #fffdf7,0 1px 1px #fffdf7,0 -1px 1px #fffdf7,0 0 4px #fffdf7,0 0 6px #fffdf7;}
 .menu-label{grid-column:1;grid-row:1;font-size:1.2rem;font-weight:600;}
 .menu-prompt{grid-column:1;grid-row:2;display:block;max-width:100%;font-size:.9rem;line-height:1.5;font-weight:400;color:#5c4738;opacity:1;visibility:visible;transition:opacity 180ms ease,visibility 180ms;}
 .menu-toggle[aria-expanded=true] .menu-prompt{opacity:0;visibility:hidden;}
 .menu-symbol{grid-column:2;grid-row:1/3;display:inline-grid;place-items:center;width:2.35rem;height:2.35rem;border:1px solid #ac8f73;border-radius:.4rem;background:#faf6ed;color:#5c402d;box-shadow:0 1px 4px #6c4c3020;font:1.55rem/1 Arial,sans-serif;}
 .menu-arriving .menu-weave b{animation:menu-beads-build 360ms calc(var(--piece) * 65ms) cubic-bezier(.2,.7,.2,1) both;}
 .menu-arriving .menu-label{animation:menu-word-appear 350ms 580ms both;}
 .menu-arriving .menu-prompt{animation:menu-prompt-arrive 350ms 900ms both;}
 body>header>#main-nav{position:relative;grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:.45rem 1.5rem;margin-top:.4rem;padding:5rem 2rem;background:#f2ece2;border:1px solid #dac8b7;border-radius:.75rem;overflow:hidden;isolation:isolate;}
 .js body>header>#main-nav:not(.open){display:none;}
 body>header>#main-nav::before,body>header>#main-nav::after{content:"";position:absolute;inset:.35rem .65rem auto;height:3.8rem;background:url('/images/trama-mostacillas.webp?v=326a5e8c0e7c') repeat-x center;background-size:auto 100%;opacity:.78;mix-blend-mode:multiply;mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent);pointer-events:none;}
 body>header>#main-nav::after{inset:auto .65rem .35rem;}
 body>header>#main-nav .menu-intro{display:block;grid-column:1/-1;padding:0 0 1rem;margin:0 0 .45rem;border-bottom:1px solid #d3c3b3;}
 .menu-intro .menu-heading{font:1.75rem/1.2 Georgia,serif;letter-spacing:-.025em;color:#33302e;margin:0 0 .5rem;}
 .menu-intro .menu-description{font-size:.95rem;line-height:1.6;color:#665347;margin:0;max-width:48ch;}
 body>header>#main-nav a{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-width:0;min-height:3.15rem;white-space:normal;padding:.6rem 1rem;font-size:1.25rem;border:1px solid transparent;border-radius:.4rem;transition:color 220ms ease,background-color 220ms ease,border-color 220ms ease;}
 body>header>#main-nav a::before{content:none;}
 body>header>#main-nav a::after{content:'↗';flex:none;font:1.1rem/1 Arial,sans-serif;color:#855940;}
 body>header>#main-nav a:hover,body>header>#main-nav a:focus-visible{background:#e1cebc;color:#634029;border-color:#cbb19a;}
 body>header>#main-nav a[aria-current=page]{background:#e5d3c2;color:#634029;border-color:#cbb19a;}
 body>header>#main-nav a:focus-visible{outline:2px solid #855940;outline-offset:-3px;}
 .js body>header>#main-nav.open{animation:menu-reveal 240ms ease-out;}
}
@keyframes menu-reveal{from{opacity:0;transform:translateY(-.3rem);}to{opacity:1;transform:translateY(0);}}
@keyframes menu-beads-build{from{opacity:0;transform:translateY(.35rem);}to{opacity:1;transform:translateY(0);}}
@keyframes menu-prompt-arrive{from{opacity:0;}to{opacity:1;}}
@keyframes menu-word-appear{from{opacity:0;}to{opacity:1;}}
@media(max-width:56em){
 body>header{grid-template-columns:max-content minmax(0,1fr);padding:1.15rem 6%;gap:1.1rem .85rem;}
 body>header>.brand{grid-column:1/-1;grid-row:1;font-size:clamp(2.75rem,11.5vw + .4rem,4.3rem);}
 body>header>.brand span{font-size:.55rem;letter-spacing:.4em;margin-top:.75rem;}
 body>header>.language-switcher{grid-column:1;grid-row:2;justify-self:start;}
 .js body>header>.menu-toggle{grid-column:2;grid-row:2;width:100%;min-width:0;padding:1rem 1rem 1rem 1.15rem;gap:.2rem 1.8rem;}
 body>header>#main-nav{grid-row:3;padding:4.6rem 1rem;gap:.25rem;}
 body>header>#main-nav .menu-intro{padding-inline:.5rem;}
}
@media(max-width:40em){body>header>#main-nav{grid-template-columns:minmax(0,1fr);}.footer-brand-group{max-width:100%;}}
@media(max-width:24em){
 body>header{column-gap:.65rem;}
 .js body>header>.menu-toggle{padding:1rem .7rem 1rem .9rem;gap:.2rem 1.25rem;}
 .menu-prompt{font-size:.85rem;}
}
/* Mobile keeps the invitation inside the open panel, with a compact bracelet. */
@media(max-width:40em){
 .js body>header>.menu-toggle{grid-template-columns:minmax(0,1fr) 2.2rem;grid-template-rows:auto;min-height:3.6rem;padding:.55rem .8rem;gap:.6rem;}
 .menu-toggle .menu-prompt{display:none;}
 .menu-toggle .menu-symbol{grid-row:1;width:2.2rem;height:2.2rem;}
}

/* A warm, steady highlight; cards keep their dimensions and their meaning. */
.initiative-paths{row-gap:1.1rem;}
.initiative-path,.volunteer-options>article{border:1px solid #d9cbbc;border-radius:.6rem;padding:1.35rem;transition:background-color 280ms ease,border-color 280ms ease;}
.initiative-path h2,.volunteer-options>article h2{transition:color 280ms ease;}
@media(hover:hover){
 .initiative-path:hover,.volunteer-options>article:hover{background:#eaddce;border-color:#bfa48d;}
 .initiative-path:hover h2,.volunteer-options>article:hover h2{color:#754935;}
}
.initiative-path:focus-within,.volunteer-options>article:focus-within{background:#eaddce;border-color:#bfa48d;}

/* Small linked passages keep the story moving, without an empty title column. */
.history-section{max-width:72rem;}
.history-intro{max-width:54rem;margin-inline:auto;}
.history-intro>p{font-size:1.15rem;color:var(--muted);margin-top:1.25rem;}
.history-chapters{display:grid;gap:0;max-width:54rem;margin-inline:auto;}
.history-chapter{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem;padding:0;border:0;border-radius:0;overflow:visible;background:transparent;}
.history-fragment{position:relative;min-width:0;padding:1.8rem 2.1rem;border:1px solid #d7ccbf;border-radius:.45rem;background:var(--paper);}
.history-fragment+.history-fragment::before{content:"";position:absolute;left:50%;transform:translateX(-50%);top:calc(-1.5rem - 1px);height:calc(1.5rem + 2px);width:2px;background:#985d48;}
.history-fragment+.history-fragment::after{content:"";position:absolute;left:50%;transform:translateX(-50%);top:calc(-.75rem - 6px);height:12px;width:12px;border:1px solid #855c45;border-radius:50%;background:radial-gradient(circle at 35% 28%,#f4e5cf,#ad8060 60%,#855c45);box-shadow:0 0 0 2px var(--paper);}
.history-heading{padding:0 0 1.3rem;background:transparent;border:0;}
.history-context{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem .8rem;margin-bottom:.75rem;}
.history-heading .eyebrow{margin:0;font-size:.95rem;line-height:1.5;letter-spacing:.015em;color:var(--muted);font-weight:400;}
.history-year{display:inline-block;flex:none;padding:.12rem .5rem;border:1px solid #cdbfae;border-radius:.25rem;font-size:.8rem;line-height:1.5;color:#66584c;font-variant-numeric:tabular-nums;}
.history-heading h3{font-size:clamp(1.65rem,2.2vw,2.15rem);line-height:1.2;max-width:100%;}
.history-chapter .prose{padding:0;}
.history-chapter .prose p{max-width:none;font-size:1.05rem;line-height:1.8;}
.history-chapter .prose>p:last-child{margin-bottom:0;}
.history-divider{height:4.5rem;position:relative;margin-block:.35rem;}
.history-divider::before{content:"";position:absolute;inset:0;background:url('/images/trama-mostacillas.webp?v=326a5e8c0e7c') repeat-x center;background-size:auto 100%;opacity:.65;mix-blend-mode:multiply;mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent);}
@media(max-width:40em){
 .history-fragment{padding:1.25rem;}
 .history-divider{height:3.75rem;}
 .history-heading{padding-bottom:1rem;}
}
@media(prefers-reduced-motion:reduce){
 .js body>header>#main-nav.open,.menu-arriving .menu-weave b,.menu-arriving .menu-label,.menu-arriving .menu-prompt{animation:none;}
 body>header>.menu-toggle,.menu-prompt,body>header>#main-nav a,.initiative-path,.initiative-path h2,.volunteer-options>article,.volunteer-options>article h2{transition:none;}
}