/* Compact, paper-and-type layouts shared by the four-page site. */
.site-header .brand{width:230px}.site-header nav{gap:25px;font-size:13px}.site-header nav>a[aria-current=page]:after{transform:scaleX(1)}
.cutout{display:inline-block;position:relative;z-index:0;padding:3px 7px 7px;line-height:1.15}.cutout:before{content:'';position:absolute;inset:0;z-index:-1;transform:rotate(-2deg);background:var(--yellow);clip-path:polygon(0 3%,98% 0,100% 97%,1% 100%)}.cutout.purple:before{background:var(--purple)}.cutout.orange:before{background:var(--orange)}.cutout.green:before{background:var(--green)}.cutout.green{color:#fff}
.home-page .hero{grid-template-columns:1.08fr 1fr;padding-block:38px 50px;gap:65px}.home-page .hero h1{font-size:clamp(58px,6.2vw,82px)}.home-page .hero-description{margin-top:28px}.home-page .together{margin-top:14px}.home-page .hero-art{padding:16px}
.site-footer{border-top:1px solid var(--ink);padding-top:25px}.footer-brand{width:190px}.page-body{padding-block:30px 36px}.page-intro{margin-bottom:38px}.page-intro>.eyebrow{font-size:11px;margin-bottom:18px}.page-intro h1{font-size:clamp(40px,4.8vw,64px)}.page-intro h1>.script{display:block;color:var(--blue);font-size:1.13em;margin-top:10px;line-height:1.1}.page-intro>p:last-child{margin-top:18px;font-size:17px}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start}.story-grid h2,.connectors h2{font-size:32px;line-height:1.2}.story-grid>div>p{max-width:520px;font-size:15px;margin-top:20px}.story-grid .lead-in{font-weight:600;margin-top:16px}.mission{position:relative;background:var(--yellow);padding:35px 30px 45px;clip-path:polygon(1% 0,99% 3%,100% 100%,0 98%)}.mission>.eyebrow{margin-bottom:20px}.mission h2{font-size:36px}.mission>p:last-child{margin-top:27px;font-size:17px}.connectors{display:grid;grid-template-columns:1fr 1fr;gap:65px;margin-top:45px;padding-top:28px;border-top:1px solid #0e0c0929}.connectors .eyebrow{font-size:10px;margin-bottom:16px}.connectors p{font-size:15px}.connectors .text-link{margin-top:20px}.feature-list{display:grid;grid-template-columns:1fr 1fr 1.08fr;gap:50px;margin-block:38px}.feature-list h2{font-size:28px}.feature-list p{font-size:14px;line-height:1.8;margin-top:22px}.community-page .community-album{max-width:none;border:0;padding:0;margin-block:38px}.community-page .album-heading{margin-bottom:28px}.community-page .album-heading h2{font-size:29px}.community-page .album-heading>.script{font-size:28px;color:var(--blue)}.community-page .album-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.community-page .album-photo figcaption{font-size:25px}.community-page .album-photo-night{margin-top:12px}.community-page .album-photo-faces{margin-top:0}.compact-join{display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--blue);color:var(--cream);padding:25px 28px 30px;clip-path:polygon(0 3%,98% 0,100% 100%,1% 98%)}.compact-join .eyebrow{font-size:10px;margin-bottom:12px}.compact-join h2{font-size:29px}.compact-join h2 .script{font-size:1.2em;color:var(--yellow);margin-left:25px;display:inline-block}.compact-join p:last-child{font-size:12px;margin-top:15px}.compact-join .button{flex-shrink:0;font-size:13px;gap:25px}.compact-join :focus-visible{outline-color:var(--yellow)}.partner-overview{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:start}.partner-overview>p{font-size:16px;max-width:530px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:0}.stats>div{display:flex;flex-direction:column-reverse;align-items:flex-start}.stats dd{font-family:var(--display);font-size:58px;line-height:1.1;margin:0 0 14px}.stats dt{font-size:12px}.partner-with-us-page .feature-list{margin-block:55px 70px}.partner-contact{display:flex;align-items:center;justify-content:space-between;gap:40px}.partner-contact .eyebrow{font-size:10px;margin-bottom:16px}.partner-contact h2{font-size:36px}.partner-contact p:not(.eyebrow){font-size:14px;margin-top:18px}.partner-contact .text-link{margin-top:18px}.partner-contact>.button{flex-shrink:0;font-size:14px}
@media(min-width:901px) and (max-width:1100px){.site-header .brand{width:190px}.site-header nav{gap:15px;font-size:12px}.site-header .button-small{font-size:12px;padding-inline:12px;gap:12px}}
@media(max-width:900px){.home-page .hero{gap:35px}.home-page .hero h1{font-size:59px}.story-grid,.connectors{gap:30px}.mission{padding:28px 22px}.mission h2{font-size:29px}.feature-list{gap:28px}.feature-list h2{font-size:24px}.partner-overview{gap:35px}.stats dd{font-size:45px}.compact-join{align-items:flex-start;flex-direction:column}.community-page .album-grid{gap:18px}.community-page .album-photo figcaption{font-size:20px}.partner-contact>.button{gap:20px}.partner-contact{gap:25px}}
@media(max-width:650px){.site-header .brand{width:clamp(160px,48vw,190px)}.home-page .hero{grid-template-columns:1fr;padding-block:25px 48px;gap:38px}.home-page .hero h1{font-size:clamp(48px,10.3vw,67px)}.home-page .hero-art{padding:15px}.home-page .hero-description{margin-top:25px}.page-body{padding-block:26px 32px}.page-intro{margin-bottom:32px}.page-intro h1{font-size:clamp(31px,8vw,48px)}.page-intro>p:last-child{font-size:15px}.story-grid,.connectors,.partner-overview{grid-template-columns:1fr;gap:28px}.story-grid h2,.connectors h2{font-size:29px}.mission h2{font-size:30px}.mission>p:last-child{font-size:16px}.connectors{margin-top:32px}.feature-list{grid-template-columns:1fr;gap:28px;margin-block:30px}.feature-list h2{font-size:28px}.feature-list p{margin-top:14px;max-width:420px}.community-page .album-heading{display:block}.community-page .album-heading h2{font-size:27px}.community-page .album-heading>.script{font-size:25px;margin-top:10px}.community-page .album-grid{grid-template-columns:1fr;gap:28px;max-width:440px;margin:auto;padding-inline:10px}.community-page .album-photo-night{margin-top:0}.community-page .album-photo figcaption{font-size:26px}.compact-join{padding:25px 22px 30px;gap:22px}.compact-join h2{font-size:27px}.compact-join h2 .script{display:block;margin:10px 0 0}.compact-join p:last-child{font-size:13px}.stats{gap:25px}.stats dd{font-size:52px}.partner-with-us-page .feature-list{margin-block:35px 40px}.partner-contact{display:block}.partner-contact>.button{margin-top:25px}.partner-contact h2{font-size:33px}.partner-with-us-page .page-intro h1{font-size:clamp(27px,7vw,43px)}}

/* Quiet numbered page links, following the supplied reference. */
.home-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;padding-block:32px 48px}
.home-link{position:relative;display:block;min-width:0;min-height:100px;padding:0 18px 18px 23px}
.home-link:before{content:'';position:absolute;inset:0 auto 0 0;width:5px;background:var(--orange)}
.home-link:nth-child(2):before{background:var(--green)}
.home-link:nth-child(3):before{background:var(--yellow)}
.home-link-number{display:block;margin-bottom:10px;color:#605a4d;font-size:10px;font-weight:700}
.home-link h2{font-size:24px;line-height:1.2;transition:color .2s}
.home-link>p{margin-top:12px;max-width:290px;font-size:13px;line-height:1.7;color:#49453d}
.home-link:hover h2{color:var(--blue);text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
@media(max-width:900px){.home-links{gap:22px}.home-link{padding-left:18px}.home-link h2{font-size:21px}}
@media(max-width:650px){.home-links{grid-template-columns:1fr;gap:24px;padding-block:26px 36px}.home-link{min-height:80px;padding:0 12px 14px 20px}.home-link h2{font-size:25px}.home-link-number{margin-bottom:8px}}

.home-page .regions{border-top:1px solid var(--ink)}

/* Spacious layouts with the brand’s street-poster and cut-paper character. */
.site-header{border-bottom-color:#0e0c0929}
.button,.button-yellow{box-shadow:none;transition:background .2s,transform .2s}
.button:hover,.button-yellow:hover{box-shadow:none;transform:translateY(-2px)}
.button:active{transform:translateY(0)}
.home-page .hero{padding-block:64px 80px;gap:80px}
.home-page .hero-art{width:calc(100% - 20px);max-width:none;padding:12px;background:var(--blue);transform:rotate(1.5deg);margin:0 auto;box-shadow:6px 7px 0 #0e0c0920}
.home-page .hero-art:before{content:none}
.hero-photo-sheet{padding:9px;background:var(--cream);box-shadow:none}
.home-page .hero-description{max-width:330px}
.community-strip{border:0;background:var(--orange)}
.community-strip>div{font-family:var(--display);font-size:17px;font-weight:400;letter-spacing:.015em;padding:14px 24px;gap:20px;flex-wrap:wrap;white-space:normal}
.community-strip span[aria-hidden]{font-size:19px;color:var(--ink)}
.home-links{padding-block:62px 72px;gap:48px}
.home-link{min-height:0;padding-bottom:0}
.home-link:before{width:3px}
.home-link h2{font-size:25px}
.home-link>p{font-size:14px;max-width:260px;margin-top:12px}
.home-page .regions{padding-block:76px 88px;border-color:#0e0c0929}
.regions-grid{grid-template-columns:1fr 1fr;gap:80px}
.regions h2{font-size:clamp(38px,4vw,54px)}
.regions-grid>p{font-size:17px;line-height:1.8;max-width:360px;color:#49453d}
.region-list{margin-top:42px;gap:14px;flex-wrap:wrap;border:0;padding:6px 0}
.region-list li:nth-child(n){position:relative;isolation:isolate;background:none;color:var(--ink);transform:none;justify-content:center;font-family:var(--display);font-size:22px;text-transform:uppercase;padding:23px 14px;font-weight:400}
.region-list li:before{content:'';position:absolute;inset:0;z-index:-1;background:var(--region-color);transform:rotate(var(--region-angle));clip-path:polygon(0 5%,97% 0,100% 94%,2% 100%)}
.region-list li:nth-child(1){--region-color:var(--blue);--region-angle:-1.5deg;color:#fff}
.region-list li:nth-child(2){--region-color:var(--purple);--region-angle:1deg}
.region-list li:nth-child(3){--region-color:var(--yellow);--region-angle:-2deg}
.region-list li:nth-child(4){--region-color:var(--orange);--region-angle:1.5deg}
.region-list li:nth-child(5){--region-color:var(--green);--region-angle:-1deg;color:#fff}
.region-list li:nth-child(2):before{clip-path:polygon(2% 0,100% 4%,97% 100%,0 96%)}
.region-list li:nth-child(3):before{clip-path:polygon(0 4%,96% 0,100% 98%,3% 94%)}
.join-inner{padding-block:76px 84px}
.join-inner h2{font-size:clamp(36px,4.8vw,64px);margin-bottom:32px}
.page-body{padding-block:64px 88px}
.page-intro{margin-bottom:64px;max-width:850px}
.page-intro>.eyebrow{color:#605a4d;margin-bottom:20px;font-size:11px}
.page-intro h1{font-size:clamp(44px,5vw,68px);line-height:1.15}
.page-intro h1>.script{margin-top:6px;font-size:1.1em}
.page-intro>p:last-child{font-size:16px;max-width:480px;color:#49453d}
.story-grid{grid-template-columns:1.2fr 1fr;gap:100px}
.story-grid h2,.connectors h2{font-family:var(--body);font-size:26px;font-weight:600;letter-spacing:-.04em}
.story-grid>div>p{max-width:440px;font-size:16px;line-height:1.8}
.mission{background:var(--yellow);padding:34px;clip-path:polygon(1% 0,99% 2%,100% 98%,0 100%);transform:rotate(-1deg)}
.mission>.eyebrow{font-size:10px;color:#605a4d}
.mission h2{font-family:var(--display);font-size:32px;line-height:1.2}
.mission>p:last-child{font-size:15px;line-height:1.8;margin-top:20px}
.connectors{grid-template-columns:1.2fr 1fr;gap:100px;padding-top:42px;margin-top:72px}
.connectors p{line-height:1.8}
.feature-list{grid-template-columns:1fr;gap:0;margin-block:48px 64px}
.feature-list article{display:grid;grid-template-columns:1fr 1.3fr;gap:48px;padding-block:24px;border-top:1px solid #0e0c0929;align-items:baseline}
.feature-list article:last-child{border-bottom:1px solid #0e0c0929}
.feature-list h2{font-family:var(--display);font-size:26px;font-weight:400;letter-spacing:-.03em}
.feature-list p{margin:0;font-size:15px;line-height:1.8;max-width:480px;color:#49453d}
.community-page .community-album{margin-block:0 56px}
.community-page .album-heading{margin-bottom:24px}
.community-page .album-heading h2{font-family:var(--body);font-size:16px;letter-spacing:0;font-weight:500;color:#605a4d}
.community-page .album-grid{gap:30px;padding:12px 8px}
.community-page .album-photo{padding:10px 10px 12px;border:1px solid #0e0c0938;background:var(--cream);box-shadow:4px 6px 0 #0e0c0910;margin:0}
.community-page .album-photo-table{transform:rotate(-1.5deg)}
.community-page .album-photo-night{transform:rotate(1.5deg);margin-top:14px}
.community-page .album-photo-faces{transform:rotate(-1deg)}
.community-page .album-photo figcaption{font-family:var(--script);font-size:24px;text-align:center;color:var(--blue);padding:14px 0 0}
.compact-join{padding:40px;clip-path:polygon(0 2%,99% 0,100% 98%,1% 100%);gap:32px}
.compact-join h2{font-size:36px}
.compact-join p:last-child{font-size:14px;margin-top:12px;max-width:430px}
.partner-overview{grid-template-columns:1.2fr 1fr;gap:100px;align-items:center}
.partner-overview>p{max-width:420px;line-height:1.8}
.stats dd{font-size:48px;color:var(--blue);margin-bottom:8px}
.stats dt{font-size:13px;color:#605a4d}
.partner-with-us-page .feature-list{margin-block:64px}
.partner-contact{padding:40px;background:var(--yellow);clip-path:polygon(0 2%,99% 0,100% 99%,1% 100%)}
.partner-contact h2{font-size:32px}
.partner-contact p:not(.eyebrow){font-size:15px;margin-top:14px}
.site-footer{padding-top:36px;border-color:#0e0c0929}
.footer-top{padding-block:8px 16px}
@media(max-width:1000px){
 .home-page .hero{gap:40px}
 .story-grid,.connectors,.partner-overview{gap:40px}
 .home-links{gap:24px}
}
@media(max-width:650px){
 .home-page .hero{padding-block:38px 52px;gap:36px}
 .home-page .hero h1{font-size:clamp(48px,12vw,70px)}
 .home-page .hero-art{max-width:none}
 .community-strip>div{font-size:14px;gap:10px 14px;padding:14px 20px}
 .community-strip span[aria-hidden]{font-size:12px}
 .home-links{padding-block:40px 48px;gap:28px}
 .home-link{min-height:0;padding-block:0}
 .home-link h2{font-size:24px}
 .home-link>p{max-width:none;margin-top:7px}
 .home-page .regions{padding-block:44px 52px}
 .regions-grid{grid-template-columns:1fr;gap:22px}
 .regions h2{font-size:40px}
 .regions-grid>p{font-size:15px}
 .region-list{margin-top:28px;justify-content:center;padding-block:8px;gap:14px}
 .region-list li:nth-child(n){flex:1 1 42%;justify-content:center;padding:18px 10px;font-size:21px}
 .region-list li:last-child{flex:0 1 65%}
 .join-inner{padding-block:44px 52px}
 .join-inner h2{font-size:clamp(32px,8.3vw,48px);margin-bottom:28px}
 .page-body{padding-block:38px 52px}
 .page-intro{margin-bottom:40px}
 .page-intro h1{font-size:clamp(36px,9vw,50px)}
 .page-intro>p:last-child{font-size:15px}
 .story-grid,.connectors,.partner-overview{grid-template-columns:1fr;gap:30px}
 .story-grid h2,.connectors h2{font-size:24px}
 .story-grid>div>p{font-size:15px}
 .mission{padding:28px}
 .connectors{margin-top:40px;padding-top:32px}
 .feature-list article{grid-template-columns:1fr;gap:10px;padding-block:22px}
 .feature-list h2{font-size:22px}
 .feature-list p{font-size:14px}
 .community-page .album-grid{grid-template-columns:1fr;gap:28px;max-width:none}
 .community-page .album-photo figcaption{font-size:24px}
 .community-page .community-album{margin-block:0 40px}
 .compact-join{padding:28px;gap:24px}
 .compact-join h2{font-size:32px}
 .compact-join .button{align-self:flex-start}
 .stats{gap:24px}
 .stats dd{font-size:42px}
 .partner-with-us-page .feature-list{margin-block:40px}
 .partner-contact{padding:28px}
 .partner-contact>.button{font-size:12px;padding:16px;gap:14px}
}
/* Keep the opening content immediately readable. */
.home-page .hero-copy,.home-page .hero-art{animation:none}

/* Bring supporting content into the opening composition. */
.page-opening{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:64px;align-items:start}
.page-opening>div{min-width:0}
.page-opening .page-intro{margin-bottom:32px}
.story-opening .story-grid,.partner-opening .partner-overview{display:block}
.story-opening .mission{margin-top:8px}
.partner-opening .stats{margin-top:54px}
.our-story-page .page-body,.partner-with-us-page .page-body,.community-page .page-body{padding-top:40px}
.community-page .page-intro{margin-bottom:28px}
.community-page .community-album{margin-bottom:32px}
.community-page .feature-list{margin-block:32px 40px}
@media(max-width:1000px){
 .page-opening{gap:36px}
}
@media(max-width:650px){
 .page-opening{grid-template-columns:minmax(0,1fr);gap:26px}
 .page-opening .page-intro{margin-bottom:24px}
 .story-opening .mission,.partner-opening .stats{margin-top:0}
 .our-story-page .page-body,.partner-with-us-page .page-body,.community-page .page-body{padding-top:28px}
 .community-page .page-intro{margin-bottom:24px}
 .community-page .community-album{margin-bottom:28px}
 .community-page .feature-list{margin-block:28px 32px}
}

/* A personal introduction in the site's paper-and-type style. */
.story-opening{display:flow-root}
.story-opening .mission{float:right;width:40%;margin:8px 0 28px 48px}
.story-opening .story-grid>div>p{max-width:none}
.founder{display:flow-root;margin-top:48px;padding-top:40px;border-top:1px solid #0e0c0929}
.founder-portrait{float:left;width:32%;max-width:340px;margin:8px 48px 28px 0;padding:12px 12px 20px;background:var(--cream);border:1px solid #0e0c0938;box-shadow:5px 7px 0 #0e0c0910;transform:rotate(-1.5deg)}
.founder-portrait img{display:block;width:100%;height:auto}
.founder-portrait figcaption{padding:18px 8px 0;font-family:var(--script);font-size:30px;line-height:1.2;color:var(--blue)}
.founder-portrait figcaption span{display:block;margin-top:8px;font-family:var(--body);font-size:12px;line-height:1.5;color:#605a4d}
.founder-copy{min-width:0}
.founder-copy p a{color:var(--blue);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.founder-copy p a:hover{text-decoration-thickness:2px}
.founder-copy>.eyebrow{font-size:11px;color:#605a4d;margin-bottom:16px}
.founder-copy h2{font-size:clamp(40px,4vw,54px);line-height:1.2;margin-bottom:26px}
.founder-copy h2 .script{color:var(--blue);font-size:1.2em}
.founder-copy>p:not(.eyebrow){font-size:16px;line-height:1.8;margin-top:20px}
@media(max-width:1000px){.story-opening .mission{margin-left:32px}.founder-portrait{margin-right:32px}}
@media(max-width:650px){.story-opening{display:flex;flex-direction:column;gap:26px}.story-opening>div{order:-1}.story-opening .mission{float:none;width:auto;margin:0}.founder{margin-top:36px;padding-top:32px}.founder-portrait{float:none;width:100%;max-width:380px;margin:8px auto 32px}.founder-copy h2{font-size:42px;margin-bottom:20px}.founder-copy>p:not(.eyebrow){font-size:15px;margin-top:18px}}

/* FAQs: a topic index beside a readable, expandable question list. */
.site-header nav{gap:18px;font-size:12px}
.faqs-page .page-body{padding-top:40px}
.faqs-page .page-intro{margin-bottom:48px}
.faq-layout{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(0,2fr);gap:72px;align-items:start}
.faq-topics{border-left:3px solid var(--orange);padding-left:22px}
.faq-topics .eyebrow{font-size:10px;color:#605a4d;margin-bottom:16px}
.faq-topics a{display:flex;justify-content:space-between;gap:16px;padding-block:10px;font-size:13px;line-height:1.5}
.faq-topics a:hover{color:var(--blue);text-decoration:underline;text-underline-offset:4px}
.faq-section+.faq-section{margin-top:44px}
.faq-section h2{font-family:var(--body);font-size:23px;line-height:1.3;font-weight:600;letter-spacing:-.035em;margin-bottom:22px;scroll-margin-top:32px}
.faq-item{border-top:1px solid #0e0c0929}
.faq-item:last-child{border-bottom:1px solid #0e0c0929}
.faq-item summary{position:relative;padding:21px 38px 21px 0;cursor:pointer;list-style:none;font-weight:600;font-size:16px;line-height:1.5}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:'+';position:absolute;right:4px;top:20px;color:var(--blue);font-size:24px;line-height:1}
.faq-item[open] summary::after{content:'−'}
.faq-item summary:hover{color:var(--blue)}
.faq-answer{padding:0 36px 23px 0;color:#49453d;font-size:15px;line-height:1.8;overflow-wrap:anywhere}
.faq-answer a{text-decoration:underline;text-underline-offset:3px;color:var(--blue)}
.faq-region-map{display:block;width:100%;max-width:1284px;margin:20px 0 12px}
.faq-region-map img{display:block;width:100%;height:auto}
.faq-contact{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:64px;padding:32px;background:var(--yellow);clip-path:polygon(0 2%,99% 0,100% 99%,1% 100%)}
.faq-contact h2{font-size:30px}.faq-contact p{margin-top:12px;font-size:15px}
@media(min-width:901px) and (max-width:1100px){.site-header .brand{width:160px}.site-header nav{gap:12px;font-size:11px}.site-header .button-small{font-size:11px;padding-inline:12px;gap:12px}}
@media(max-width:900px){.faq-layout{grid-template-columns:minmax(150px,.7fr) minmax(0,2fr);gap:32px}}
@media(max-width:650px){.faqs-page .page-body{padding-top:28px}.faqs-page .page-intro{margin-bottom:32px}.faq-layout{grid-template-columns:minmax(0,1fr);gap:36px}.faq-topics a{font-size:14px}.faq-section h2{font-size:22px}.faq-item summary{font-size:15px;padding-block:19px}.faq-answer{font-size:14px;padding-right:16px}.faq-contact{display:block;margin-top:40px;padding:28px}.faq-contact .text-link{margin-top:20px}}