/* Cinematic depth and tactile controls, scoped to the public homepage. */
.homepage{--premium-navy:#102a43;--premium-gold:#d6a84f;--premium-ivory:#f7f5ef;background:var(--premium-ivory)}
.homepage .unity-welcome{background:radial-gradient(ellipse at 0 20%,#e8f4ff 0,transparent 48%),radial-gradient(ellipse at 95% 0,#fff0cb88,transparent 45%),#f7f5ef}
.homepage .unity-identity{background:linear-gradient(120deg,#ffffff88,#f7f5ef44);border-bottom-color:#c5a56b66}
.homepage .unity-identity h1{color:#102a43;text-shadow:0 2px 0 #fff}
/* Quick navigation stays in the opening header; the existing chapter bar remains sticky. */
.homepage .home-menu{position:absolute;top:1.8rem;right:max(4%,calc((100vw - 1420px)/2));z-index:15}
.homepage .home-menu[hidden],.homepage .home-menu-links[hidden]{display:none}
.homepage .home-menu-toggle{display:flex;align-items:center;justify-content:center;gap:.7rem;min-height:48px;padding:.7rem 1.1rem;border:1px solid #d6a84f;border-radius:28px;background:linear-gradient(125deg,#237fbe,#123d70);color:#fff;font-size:.9rem;font-weight:500;line-height:1.3;box-shadow:inset 0 1px 0 #ffffff44,0 5px 15px #092f5726;transition:transform .22s,box-shadow .22s,background .22s}
.homepage .home-menu-lines{position:relative;display:block;width:21px;height:16px}
.homepage .home-menu-lines>span{position:absolute;left:0;width:21px;height:2px;background:currentColor;border-radius:2px;transition:transform .22s,opacity .22s}
.homepage .home-menu-lines>span:nth-child(1){top:0}.homepage .home-menu-lines>span:nth-child(2){top:7px}.homepage .home-menu-lines>span:nth-child(3){top:14px}
.homepage .home-menu-toggle[aria-expanded="true"] .home-menu-lines>span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.homepage .home-menu-toggle[aria-expanded="true"] .home-menu-lines>span:nth-child(2){opacity:0}
.homepage .home-menu-toggle[aria-expanded="true"] .home-menu-lines>span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.homepage .home-menu-links{position:absolute;right:0;top:calc(100% + .75rem);width:min(310px,calc(100vw - 3rem));max-height:calc(100dvh - 100px);overflow-y:auto;padding:.6rem;border:1px solid #d8bd83;border-radius:18px;background:linear-gradient(130deg,#fff,#eef6fe);box-shadow:0 18px 50px #102a4338,0 3px 8px #102a4312;color:#102a43}
.homepage .home-menu-links ul{list-style:none;margin:0;padding:0}
.homepage .home-menu-links a{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:48px;padding:.8rem 1rem;border-radius:11px;font-size:.95rem;font-weight:500;line-height:1.4;transition:background .2s,box-shadow .2s}
.homepage .home-menu-links a>span:last-child{color:#4f7ca5}.homepage .home-menu-account{border-top:1px solid #d6a84f66;margin-top:.35rem;padding-top:.35rem}
.homepage .home-menu-heart{color:#216ba4;font-size:1.5rem;line-height:1;vertical-align:-.1rem;margin-right:.35rem}
.homepage .home-menu-toggle:focus-visible,.homepage .home-menu-links a:focus-visible{outline:3px solid #b78331;outline-offset:3px}
@media(hover:hover){.homepage .home-menu-toggle:hover{transform:translateY(-2px);box-shadow:0 8px 22px #123d7040,inset 0 1px 0 #ffffff66}.homepage .home-menu-links a:hover{background:#deedfb;box-shadow:inset 3px 0 0 #d6a84f}}
@media(max-width:800px){.homepage .home-menu{top:1rem;right:5%}.homepage .unity-identity{padding-top:5.3rem}}
.homepage .unity-artwork{box-shadow:-18px 10px 55px #153a5b1a}
.homepage .unity-welcome-line{background:radial-gradient(ellipse at 50% 0,#276da34d,transparent 70%),linear-gradient(110deg,#102a43,#091d34);color:#f5dfb1;padding:1.7rem 6%;border-top:1px solid #dfb75f;box-shadow:inset 0 1px 0 #fff2;letter-spacing:-.015em}

/* Each destination has the same raised, glowing affordance as the dashboard. */
.homepage .arrival-bar{padding:.7rem max(4%,calc((100vw - 1420px)/2));min-height:112px;gap:2rem;background:#f7fbfff5;border-bottom:1px solid #bcd4e8;box-shadow:0 9px 28px #0d355715;backdrop-filter:blur(18px)}
.homepage .arrival-action{display:flex;flex:0 0 auto}
.heart-entry{width:104px;height:94px;position:relative;display:grid;place-items:center;flex-shrink:0;isolation:isolate;filter:drop-shadow(0 6px 7px #15396040);transition:transform .24s,filter .24s}
.heart-entry-art{position:absolute;inset:0;width:100%;height:100%;z-index:-1;overflow:visible}
.heart-entry>span{font-size:.9rem;line-height:1.12;text-align:center;color:white;font-weight:650;margin-top:-.45rem;text-shadow:0 1px 2px #002347}
.homepage .heart-entry:focus-visible{outline:3px solid #a26c1c;outline-offset:5px;border-radius:12px;filter:drop-shadow(0 0 10px #e2ba5c)}
.homepage .chapter-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));flex:1;gap:.8rem;max-width:1120px;border:0;margin:0;padding:0}
.homepage .chapter-nav a{display:flex;align-items:center;gap:.65rem;padding:.85rem .9rem;border:1px solid #fff;border-radius:17px;min-height:72px;background:linear-gradient(125deg,#fff,#eaf3fe);box-shadow:0 5px 18px #133e6212,inset 0 1px 0 #fff;font-size:.85rem;white-space:normal;line-height:1.3;transition:transform .22s,box-shadow .22s,border-color .22s,background .22s}
.homepage .chapter-nav a::after{display:none}
.chapter-orb{display:grid;place-items:center;width:37px;height:37px;flex:0 0 37px;border:1px solid #8ac9f7;border-radius:50%;background:radial-gradient(circle at 28% 15%,#b4eaff,#278cda 60%,#17457c);box-shadow:inset 0 2px 3px #fff9,0 4px 9px #1a609c33;color:#fff}
.chapter-orb svg{width:21px;height:21px}
.homepage .chapter-nav a:last-child .chapter-orb{background:radial-gradient(circle at 28% 15%,#fff3ce,#edbc63 65%,#be832a);color:#664314;border-color:#efd19b}
.chapter-label{font-weight:600}.chapter-arrow{margin-left:auto;color:#4f7ca5;font-size:1.1rem}
.homepage .chapter-nav a:focus-visible{outline:3px solid #b78331;outline-offset:4px;border-color:#80b6ed;box-shadow:0 8px 24px #0c376330}

/* Raised buttons share gold edging, light reflections, and deliberate feedback. */
.homepage .button{position:relative;border-radius:28px;border:1px solid #a9c6df;box-shadow:inset 0 1px 0 #ffffff44,0 5px 13px #092f5720;transition:transform .22s,box-shadow .22s,border-color .22s,background .22s;overflow:hidden}
.homepage .button-gold{background:linear-gradient(125deg,#fff0bf,#efc46c 65%,#e3af4c);border-color:#d2a14b;color:#102a43}
.homepage .button-outline,.homepage .share-control .button{background:linear-gradient(125deg,#237fbe,#123d70 80%);color:white;border-color:#699ac0}
.homepage .project-pdf{background:linear-gradient(125deg,#ffffff16,#3c86ba24);border-color:#81a6c4;color:white}
.homepage .button::before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 15%,#ffffff27 46%,transparent 75%);opacity:0;pointer-events:none;transition:opacity .22s}
.homepage .button:focus-visible{outline:3px solid #d69b38;outline-offset:5px;box-shadow:0 0 0 4px #ffe6a62b,0 9px 22px #122e5433}
.homepage .text-link,.homepage .back-top,.homepage .project-footer a{padding:.65rem 1rem;border:1px solid #c8a971;border-radius:28px;background:#fff9ed66;transition:background .22s,box-shadow .22s,transform .22s;color:#164a75}
.homepage .project-footer a,.homepage .back-top{color:#f3d89b;background:#ffffff08;border-color:#c4a26277}
.homepage a:active,.homepage button:active{transform:translateY(1px)}

/* Purpose: photographic depth and an illuminated mission panel. */
.homepage .vision{background:radial-gradient(ellipse at 95% 20%,#dcecf877,transparent 55%),radial-gradient(ellipse at 0 100%,#f5dfad33,transparent 50%),#f7f5ef;border-bottom:1px solid #ddcaa4}
.homepage .vision-picture{border:1px solid #c6a56388;border-radius:18px;padding:8px;background:linear-gradient(135deg,#fff,#edf3f7);box-shadow:0 28px 60px #16395020,0 6px 15px #16395015}
.homepage .vision-picture::before{inset:-1rem 1rem 1rem -1rem;border-radius:20px;border-color:#bb995e77}
.homepage .vision-picture img{border-radius:11px}
.homepage .mission{padding:1.5rem 1.6rem;border:1px solid #bad2e5;border-left:3px solid #d6a84f;border-radius:0 16px 16px 0;background:linear-gradient(120deg,#ffffffed,#eaf4fccc);box-shadow:0 12px 30px #1639500d}
.homepage .chapter-number{width:42px;height:42px;flex:0 0 42px;padding:0;display:grid;place-items:center;border:1px solid #ebcc8c;border-radius:50%;background:radial-gradient(circle at 30% 15%,#fff9e9,#f0cd82 70%,#d5a14c);color:#684514;box-shadow:inset 0 1px 3px #fff,0 4px 12px #91723a1c;font-size:.8rem}

/* The project keeps its factual detail in a cinematic, spacious setting. */
.homepage .project-section{background:radial-gradient(ellipse at 95% 0,#286f9b44,transparent 45%),radial-gradient(ellipse at 0 65%,#173e6355,transparent 55%),linear-gradient(145deg,#102a43,#061729);border-top:1px solid #b39155}
.homepage .project-picture{padding:8px;border:1px solid #66849d77;border-radius:18px;background:#ffffff08;box-shadow:0 25px 70px #0004}
.homepage .project-picture img{border-radius:10px;aspect-ratio:2.2}
.homepage .project-picture figcaption{padding:.8rem .6rem .3rem;color:#d0ddeb}
.homepage .project-scale{padding:1.5rem 1.8rem 1.8rem;border:1px solid #6e8b9f55;border-top:2px solid #c9a668;border-radius:16px;background:linear-gradient(120deg,#ffffff0a,#2c679122);box-shadow:0 12px 30px #0002}
.homepage .farm-vision{margin-top:3rem;border-color:#7292ad55}
.homepage .farm-vision>.eyebrow{margin-bottom:1.5rem}
.homepage .farm-systems{gap:1.2rem}
.homepage .farm-systems article{padding:1.5rem;border:1px solid #7593ad55;border-radius:16px;background:linear-gradient(140deg,#ffffff0c,#367da317);box-shadow:0 10px 25px #0002}
.homepage .farm-systems h3{font-size:1.8rem;color:#fff}
.homepage .farm-progress{padding:1.5rem 1.7rem;border:1px solid #b2945c66;border-left:3px solid #d6a84f;border-radius:0 16px 16px 0;background:linear-gradient(120deg,#d6a84f0d,#ffffff05)}

/* Visibility: warm light, a crisp image, and a dimensional evidence panel. */
.homepage .impact{background:radial-gradient(ellipse at 10% 5%,#f6e8c788,transparent 40%),linear-gradient(130deg,#f7f5ef,#edf5fc);border-bottom:1px solid #d0dce5}
.homepage .impact-picture{padding:8px;border:1px solid #bdcedb;border-radius:18px;background:#ffffffaa;box-shadow:0 28px 60px #193e6120}
.homepage .impact-picture img{border-radius:11px}
.homepage .impact .visibility-panel{padding:2.5rem;border:1px solid #436784;border-top:2px solid #d6a84f;border-radius:20px;background:radial-gradient(ellipse at 100% 0,#327eb950,transparent 65%),linear-gradient(125deg,#12334f,#091c32);box-shadow:0 20px 50px #163b5b24;color:#fff}
.homepage .impact .panel-top .eyebrow{color:#d2e2ef}.homepage .impact .small-ring{border-color:#e3c88f}
.homepage .impact .visibility-panel h3{font-size:clamp(2.2rem,3.5vw,3.5rem);color:#fff}
.homepage .impact .evidence-list{gap:1.2rem}
.homepage .impact .evidence-list li{padding:1.5rem;border:1px solid #7899b355;border-radius:14px;background:linear-gradient(120deg,#ffffff0c,#ffffff03)}
.homepage .impact .step{display:grid;place-items:center;width:38px;height:38px;margin-bottom:1rem;border:1px solid #d6a84f88;border-radius:50%;background:#d6a84f0f;color:#f6d89b}
.homepage .impact .evidence-list p{color:#c5d8e8}.homepage .impact .evidence-list h4{color:white}
.homepage .impact .technology-note{border-color:#91a6b755}.homepage .impact .technology-note>span{color:#b9cfdf}.homepage .impact .technology-note p{color:#f5dba4}

/* Participation cards are real links with the dashboard's luminous hover treatment. */
.homepage .help{background:radial-gradient(ellipse at 95% 0,#cfe8fa66,transparent 50%),radial-gradient(ellipse at 5% 90%,#f3ddaa44,transparent 55%),#faf9f5}
.homepage .help-picture{padding:7px;border:1px solid #c4aa7a;border-radius:22px;background:#fff;box-shadow:0 22px 50px #15395a24}
.homepage .help-picture img{border-radius:15px}
.homepage .help-options{gap:1.2rem}
.contribution-card{position:relative;display:block;padding:1.8rem;border:1px solid #fff;border-top:2px solid #d6a84f;border-radius:20px;background:linear-gradient(135deg,#fff,#eaf3fc);box-shadow:0 8px 25px #12396312;transition:border-color .22s,box-shadow .22s,transform .22s}
.homepage .contribution-card .option-number{display:grid;place-items:center;width:46px;height:46px;border:1px solid #8ec2e8;border-radius:50%;background:radial-gradient(circle at 28% 15%,#b5e5ff,#2b84c9 65%,#16467c);color:#fff;box-shadow:inset 0 2px 4px #fff8,0 5px 12px #18558c30;font-size:.85rem}
.homepage .contribution-card h3{font-size:2.2rem;padding-right:1rem}.homepage .contribution-card .help-example{color:#75511b}
.contribution-arrow{position:absolute;top:1.8rem;right:1.4rem;font-size:1.4rem;color:#2d719f;transition:transform .22s}
.contribution-card:focus-visible{outline:3px solid #a87426;outline-offset:5px;border-color:#77b6ec;box-shadow:0 12px 30px #12396325}
.homepage .deeper-involvement{border:1px solid #b8d1e5;border-top:2px solid #d6a84f;border-radius:22px;background:radial-gradient(ellipse at 95% 10%,#d2eaff88,transparent 60%),linear-gradient(115deg,#fff,#eaf3fc);box-shadow:0 18px 45px #183d6115}
.homepage .help-action{border-color:#b8cddb}.homepage .share-control{scroll-margin-top:9rem}
.homepage footer{background:radial-gradient(ellipse at 90% 0,#1d52755c,transparent 70%),linear-gradient(120deg,#102a43,#07182a);border-top:1px solid #d6a84f;box-shadow:inset 0 1px 0 #fff1}

@media(hover:hover){
 .homepage .heart-entry:hover{transform:translateY(-3px) scale(1.04);filter:drop-shadow(0 0 10px #e9bf6288) drop-shadow(0 8px 9px #15396045)}
 .homepage .chapter-nav a:hover{transform:translateY(-3px);border-color:#73b5eb;background:linear-gradient(125deg,#fff,#e0f0ff);box-shadow:0 12px 24px #0c37632b,0 0 0 3px #b3dbff20}
 .homepage .button:hover{transform:translateY(-3px);border-color:#e5bd6e;box-shadow:0 12px 25px #102f5630,0 0 0 3px #e8c57522}
 .homepage .button:hover::before{opacity:1}.homepage .button-gold:hover{background:linear-gradient(125deg,#fff5d6,#f4d08b 65%,#eac06c)}
 .homepage .button-outline:hover,.homepage .share-control .button:hover{background:linear-gradient(125deg,#359cde,#194e89)}
 .homepage .project-pdf:hover{background:linear-gradient(125deg,#ffffff25,#3c86ba44)}
 .homepage .text-link:hover,.homepage .project-footer a:hover,.homepage .back-top:hover{transform:translateY(-2px);background:#e8c57624;box-shadow:0 6px 18px #18385920}
 .contribution-card:hover{transform:translateY(-5px);border-color:#80b6ed;box-shadow:0 16px 30px #0c37632a}.contribution-card:hover .contribution-arrow{transform:translate(3px,-3px)}
}
@media(max-width:1100px){.homepage .arrival-bar{gap:1rem}.homepage .chapter-nav{gap:.5rem}.homepage .chapter-nav a{padding:.7rem .65rem;font-size:.8rem;gap:.45rem}.chapter-orb{width:31px;height:31px;flex-basis:31px}.chapter-arrow{display:none}.homepage .farm-systems{gap:.8rem}.homepage .farm-systems article{padding:1.2rem}.homepage .help-options{gap:1rem}.contribution-card{padding:1.4rem}.homepage .contribution-card h3{font-size:1.95rem}}
@media(max-width:800px){
 .homepage .arrival-bar{display:flex;align-items:center;gap:.8rem;padding:.65rem 4%;min-height:96px}.heart-entry{width:80px;height:76px}.heart-entry>span{font-size:.76rem}
 .homepage .chapter-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;margin:0;padding:0;border:0}.homepage .chapter-nav a{min-height:43px;padding:.35rem .5rem;border-radius:11px;font-size:.72rem;gap:.4rem;justify-content:flex-start}.chapter-orb{width:25px;height:25px;flex-basis:25px}.chapter-orb svg{width:15px;height:15px}.homepage .chapter-nav a:last-child .chapter-orb,.homepage .chapter-nav a:last-child .chapter-label{display:grid}.homepage .chapter-nav a:last-child .chapter-arrow{display:none}
 .homepage .unity-welcome-line{font-size:1.7rem;padding:1.5rem 7%;text-wrap:balance}.homepage main>section:not(.welcome){scroll-margin-top:8rem}.homepage .share-control{scroll-margin-top:8rem}
 .homepage .mission{padding:1.3rem}.homepage .vision-picture{width:100%;margin:1rem 0 0}.homepage .vision-picture::before{inset:-.6rem .6rem .6rem -.6rem}
 .homepage .project-picture img{aspect-ratio:1.5}.homepage .project-scale{padding:1.4rem}.homepage .farm-systems{grid-template-columns:1fr;gap:1rem}.homepage .farm-systems article+article{border-top:1px solid #7593ad55;padding-top:1.2rem}.homepage .farm-progress{padding:1.2rem}
 .homepage .impact .visibility-panel{padding:1.7rem}.homepage .impact .evidence-list{grid-template-columns:1fr;gap:1rem}.homepage .impact .evidence-list li{display:grid;grid-template-columns:38px 1fr;gap:1rem;padding:1.2rem}.homepage .impact .step{margin:0}
 .homepage .help-options{grid-template-columns:1fr;gap:1.1rem}.contribution-card{padding:1.5rem}.homepage .contribution-card h3{font-size:2.2rem}.homepage .deeper-involvement{padding:1.7rem}
}
@media(max-width:380px){.homepage .arrival-bar{gap:.5rem;padding-left:3%;padding-right:3%}.heart-entry{width:66px;height:66px}.heart-entry>span{font-size:.67rem}.homepage .chapter-nav a{font-size:.66rem;padding:.35rem;gap:.3rem}.chapter-orb{width:21px;height:21px;flex-basis:21px}.chapter-orb svg{width:13px;height:13px}.homepage .impact .visibility-panel{padding:1.3rem}.homepage .deeper-involvement{padding:1.3rem}}
@media(prefers-reduced-motion:reduce){.homepage *{transition:none!important;animation:none!important;scroll-behavior:auto!important}.homepage a:hover,.homepage button:hover,.homepage a:active,.homepage button:active{transform:none!important}.homepage .contribution-arrow{transform:none!important}}
.homepage .project-card .chapter-number{color:#684514;border-color:#ebcc8c}
.homepage .help-picture img{height:auto}

/* Soft handwritten emphasis, colored with ocean, forest and land tones. */
@font-face{font-family:'Dancing Script';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/dancing-script-regular.woff') format('woff')}
.homepage .unity-message h2 em.worldwide{display:inline-block;font-family:'Dancing Script','Cormorant Garamond',cursive;font-style:normal;font-weight:400;font-size:1.55em;line-height:1.15;letter-spacing:0;padding:.02em .09em .06em .01em;margin-left:-.01em;color:#286e68}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
 .homepage .unity-message h2 em.worldwide{background-image:linear-gradient(115deg,#185a87 5%,#216f86 28%,#35734b 52%,#796334 74%,#245e80 96%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
}
@media(max-width:800px){.homepage .unity-message h2 em.worldwide{display:block;width:fit-content;margin:0 auto;font-size:1.55em}}
@media(forced-colors:active){.homepage .unity-message h2 em.worldwide{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText}}