/* RÉsolutions: editorial refinement, preserving the V8.1 palette and 3D scene. */
:root{--ease-editorial:cubic-bezier(.22,.61,.36,1)}
html{scroll-behavior:auto}
#menu-toggle{gap:9px;min-width:0;justify-content:flex-start;border-bottom:0;padding:4px 0 8px}
#menu-toggle>span{position:relative}
#menu-toggle>span:after{content:'';position:absolute;left:0;right:0;bottom:-6px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .5s var(--ease-editorial)}
#menu-toggle:hover>span:after,#menu-toggle:focus-visible>span:after{transform:scaleX(1);transform-origin:left}
#menu-toggle i{transition:transform .6s var(--ease-editorial)}
.text-link,.v81-home .text-link,#enter,#enter-button{position:relative;transition:color .45s var(--ease-editorial)}
.text-link:after,.v81-home .text-link:after,#enter:after,#enter-button:after{content:'';position:absolute;left:0;bottom:-1px;width:100%;height:2px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .6s var(--ease-editorial);pointer-events:none}
.text-link:hover:after,.v81-home .text-link:hover:after,#enter:hover:after,#enter-button:hover:after{transform:scaleX(1);transform-origin:left}
.text-link>span,.v81-home .text-link>span,#enter>span,#enter-button>span,.footer-call>span,.card-bottom>span{display:inline-block;transition:transform .6s var(--ease-editorial)}
.text-link:hover>span,.v81-home .text-link:hover>span,#enter:hover>span,#enter-button:hover>span,.footer-call:hover>span,.related-card:hover .card-bottom>span,.wall-card:hover .card-bottom>span{transform:translateX(7px)}
.v81-home .pill-link,.pill-link{position:relative;transition:background-color .5s var(--ease-editorial),color .5s var(--ease-editorial),border-color .5s var(--ease-editorial)}
.pill-link>span{transition:transform .5s var(--ease-editorial)}
.pill-link:hover>span{transform:translateX(7px)}
.v81-home .resource-call .pill-link:after{content:'';height:1px;position:absolute;bottom:12px;left:28px;right:28px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .6s var(--ease-editorial)}
.v81-home .resource-call .pill-link:hover:after{transform:scaleX(1);transform-origin:left}
.footer-call{display:inline-block;text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:1px;text-underline-offset:10px;transition:text-decoration-color .5s var(--ease-editorial)}
.footer-call:hover,.footer-call:focus-visible{text-decoration-color:currentColor}
.footer-bottom{grid-template-columns:1fr 1fr}.footer-bottom>div{justify-self:end}
.page-heading,.library-head,.journey-head,.story-detail,.future-page,.credits{padding-top:135px}
.journey-back{margin-bottom:34px}
#loading .loading-main{width:min(420px,86vw);display:flex;flex-direction:column;gap:34px}
#loading .loading-line{width:100%;margin:0}
#loading #enter{margin-top:0;width:100%;font-size:19px}
.loader-bottom{justify-content:flex-end}.loader-number{margin:auto 0}.loader-rule{overflow:hidden}
.v81-home .manifest-bottom{justify-content:flex-end}.v81-home .reel-controls{justify-content:flex-end}
/* Photographs move only inside their frames. */
.initiative-photo{overflow:hidden;margin:0;position:relative}
.initiative-feature .initiative-photo{position:absolute;inset:0;height:100%}
.initiative-feature .initiative-photo img{height:112%;max-height:none;object-fit:cover}
.initiative-pairs .initiative-photo{height:55vw;max-height:650px;margin-bottom:25px}
.initiative-pairs .initiative-photo img{height:112%;max-height:none;margin:0}
.profile-list>a{padding-inline:18px;transition:background-color .3s var(--ease-editorial),color .3s var(--ease-editorial)}
.profile-list>a:hover,.profile-list>a:focus-visible{background:#fff;color:#0e2919}
.profile-list>a:hover :is(h3,p,b,span),.profile-list>a:focus-visible :is(h3,p,b,span){color:inherit;opacity:1}
/* Immersive library: a loose wall of photographic documents. */
#library-results{min-height:300px}
.resource-wall{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;row-gap:90px;padding:65px 7vw 160px;background:#eeeee5;overflow:hidden}
.wall-item{grid-column:1/7;position:relative;transform:rotate(var(--tilt));z-index:1}
.wall-item:nth-child(2n){grid-column:7/13;margin-top:145px;margin-left:-4vw;z-index:2}
.wall-item:nth-child(3n){grid-column:2/8;margin-top:-80px;z-index:3}
.wall-item:nth-child(6n){grid-column:7/13;margin-top:120px}
.wall-item:hover{z-index:5}
.wall-card{display:block;background:var(--paper);padding:18px 18px 25px;box-shadow:0 8px 32px #0e291912;transition:box-shadow .6s var(--ease-editorial),transform .6s var(--ease-editorial)}
.wall-card:hover{box-shadow:0 20px 45px #0e291927;transform:translateY(-7px)}
.card-photo{overflow:hidden;margin:0 0 25px;aspect-ratio:4/3}
.card-photo img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease-editorial)}
.wall-item:nth-child(3n+2) .card-photo{aspect-ratio:5/4}
.wall-card h3{font-size:clamp(28px,3vw,48px);margin:18px 0 25px;max-width:90%;line-height:1.08}
.wall-card .kicker{font-size:10px;opacity:.65}
.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;border-top:1px solid #3333;padding-top:18px}
.card-bottom>span{font-size:26px}
.wall-card:hover img,.related-card:hover img,.journey-resource:hover img{transform:scale(1.045)}
/* List: the entire row is a link, with a non-interactive pointer preview. */
.list-resources{padding:15px var(--gutter) 110px;overflow:visible}
.resource-list-head,.resource-row{display:grid;grid-template-columns:1.5fr 1fr .8fr 30px;gap:30px;align-items:center;padding:28px 20px}
.resource-list-head{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:#647065;padding-block:15px}
.resource-row{border-top:1px solid #3333;transition:background-color .3s var(--ease-editorial),color .3s var(--ease-editorial);position:relative;min-height:116px}
.resource-row:last-child{border-bottom:1px solid #3333}
.resource-row h2{font-size:clamp(22px,2.3vw,36px);line-height:1.15;letter-spacing:-.04em}
.resource-row>span{font-size:13px;line-height:1.5}.resource-row small{display:block;font-size:11px;opacity:.65;margin-top:6px}
.resource-row .row-arrow{font-size:25px;transition:transform .45s var(--ease-editorial)}
.resource-row:hover,.resource-row:focus-visible{background:#0e2919;color:#fff}
.resource-row:hover .row-arrow{transform:translateX(5px)}
.resource-cursor{position:fixed;left:0;top:0;width:245px;height:170px;z-index:69;pointer-events:none;opacity:0;visibility:hidden;overflow:hidden;box-shadow:0 20px 50px #0003;transform:translate(-500px,-500px)}
.resource-cursor img{width:100%;height:100%;object-fit:cover}
/* Related resources and each of the five journeys share a photographic language. */
.story-related>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4vw}
.story-related .related-card{display:block;max-width:none;font-size:inherit}
.related-card .kicker{font-size:10px}.related-card h3{margin:20px 0 30px;font-size:clamp(28px,3vw,44px);transition:color .4s}
.related-card:hover h3{color:#467047}
.journey-resources{gap:3vw;align-items:start}
.journey-resource{border-top:0;padding-top:0;min-height:0}
.journey-resource .card-photo{width:100%;aspect-ratio:4/5;margin:0 0 30px}
.journey-resource:nth-child(2){margin-top:90px}.journey-resource:nth-child(2) .card-photo{aspect-ratio:1}
.journey-resource:nth-child(3){margin-top:35px}.journey-resource:nth-child(3) .card-photo{aspect-ratio:3/4}
.journey-resource h3{max-width:none;font-size:clamp(26px,2.6vw,40px)}
.journey-resource>.text-link{margin-top:12px}
/* Project: land, people, knowledge and the connections between them. */
.project-hero{position:relative;min-height:900px;height:110svh;max-height:1250px;padding:145px var(--gutter) 100px;overflow:hidden}
.project-landscape{position:absolute;inset:0;width:100%;height:112%;object-fit:cover;filter:brightness(.59)}
.project-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0e291989,transparent 90%);pointer-events:none}
.project-hero-content{position:relative;z-index:1}.project-hero .kicker{margin-bottom:55px}
.project-hero h1{font-size:clamp(66px,8.9vw,145px);letter-spacing:-.065em;line-height:1.02;max-width:1100px}
.project-hero h1>span{display:block}.project-hero h1>span:last-child{margin-left:23vw}
.project-hero .project-connect{margin:16px 0 15px 18vw;font-size:45px;font-weight:200;color:#d6dfbe}
.concept-labels{position:absolute;inset:0;pointer-events:none;display:flex;align-items:flex-start;justify-content:space-between;font-size:10px;letter-spacing:.02em}
.concept-labels>span:first-child{position:absolute;top:31%;right:0;max-width:160px;line-height:1.6}
.concept-labels>span:last-child{position:absolute;bottom:5%;left:0;max-width:150px;line-height:1.6}
.project-scroll{position:absolute;bottom:48px;left:var(--gutter);z-index:2}
.project-intention{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center}
.project-intention h2{margin:40px 0}.project-intention p:not(.kicker){max-width:480px;font-size:20px}.project-intention .text-link{font-size:12px;margin-top:30px;gap:25px}
.project-portrait{margin:0}.project-portrait img{height:650px;object-fit:cover}.project-portrait figcaption{margin-top:15px;font-size:11px;opacity:.65}
.project-numbers{padding-top:20px}.number-grid{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:5vw;margin-top:80px}
.number-grid article{border-top:1px solid #3334;padding-top:20px}.number-grid strong{font-size:clamp(90px,11vw,180px);font-weight:400;letter-spacing:-.08em;line-height:1.15;color:#0e2919;display:block}
.number-grid h3{font-size:24px;margin:18px 0}.number-grid p{font-size:14px;max-width:270px}
.eco-heading{display:grid;grid-template-columns:1fr 1fr;gap:25px 10vw}.eco-heading .kicker{grid-column:1/-1}.eco-heading h2{font-size:clamp(48px,5.7vw,90px)}.eco-heading>p:last-child{font-size:18px;max-width:340px;align-self:end}
.ecosystem-map{height:580px;position:relative;margin-top:80px}.ecosystem-map svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.ecosystem-map path{fill:none;stroke:#b6c79d;stroke-width:1;opacity:.7}
.eco-center{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);font-size:clamp(28px,3.5vw,55px);letter-spacing:-.06em;background:#0e2919;padding:28px 35px;border:1px solid #bbc9a778;text-align:center}.eco-center span{display:block;font-size:10px;letter-spacing:.04em;margin-top:10px;text-transform:uppercase}
.eco-node{position:absolute;max-width:265px;padding:24px;background:#0e2919;transition:background-color .4s,transform .6s var(--ease-editorial);border:1px solid #fffbf733}
.eco-node:hover{background:#254532;transform:translateY(-5px)}.eco-node>span{font-size:10px;opacity:.65}.eco-node strong{display:block;font-size:23px;font-weight:400;margin:15px 0;letter-spacing:-.035em}.eco-node p{font-size:13px;max-width:200px;opacity:.8}
.eco-afterres{left:4%;top:0}.eco-osae{left:6%;bottom:0}.eco-altaa{right:0;bottom:10%}
.project-people{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:7vw;padding:120px var(--gutter) 60px}
.project-people figure{margin:0;overflow:hidden;height:600px}.project-people img{height:112%}.project-people h2{font-size:clamp(48px,5.5vw,86px);margin:35px 0}.project-people p:not(.kicker){max-width:360px;font-size:19px}
.project-steps h2{margin:45px 0 75px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3vw;position:relative}.steps-grid article{position:relative;border-top:1px solid #88997d;padding-top:26px}.steps-grid article:before{content:'';width:7px;height:7px;background:#0e2919;position:absolute;top:-4px;left:0;border-radius:50%}
.steps-grid figure{margin:0 0 28px;aspect-ratio:4/3;overflow:hidden}.steps-grid article>span{font-size:11px;text-transform:uppercase;letter-spacing:.05em}.steps-grid h3{font-size:32px;margin:20px 0}.steps-grid p{font-size:16px;max-width:280px}.steps-grid .text-link{font-size:12px;margin-top:22px}
/* Contact: an editorial invitation and a functional mail composer. */
.contact-hero{position:relative;padding-top:140px;padding-bottom:60px}.contact-hero h1{font-size:clamp(64px,9.4vw,150px);margin:45px 0 40px;position:relative;z-index:1;max-width:1050px}
.contact-intro{display:flex;justify-content:space-between;align-items:end;margin:0 0 60px 50%;gap:40px}.contact-intro p{font-size:19px;max-width:395px}.contact-intro>span{font-size:65px;line-height:1}.contact-hero figure{margin:0;overflow:hidden;height:540px}.contact-hero figure img{height:112%;object-position:center 43%}
.contact-body{display:grid;grid-template-columns:1fr 1fr;gap:10vw;padding-top:70px}.contact-details h2{font-size:clamp(42px,5vw,72px);margin:35px 0}.contact-email{font-size:clamp(20px,2.2vw,33px);letter-spacing:-.03em;gap:25px}.contact-phone{display:block;margin:25px 0;font-size:20px}.contact-details address{font-size:15px;line-height:1.7;font-style:normal;margin:35px 0}
.contact-form{padding-top:8px}.contact-form>.kicker{margin-bottom:35px}.contact-form label{display:flex;flex-direction:column;gap:12px;font-size:12px;margin-bottom:28px}.contact-form label>span{opacity:.6;font-size:11px;display:contents}
.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:25px}.contact-form input,.contact-form select,.contact-form textarea{font:inherit;font-size:16px;color:#0e2919;border:0;border-bottom:1px solid #3335;background:transparent;border-radius:0;width:100%;padding:10px 0 14px;resize:vertical}
.contact-form :is(input,select,textarea):focus-visible{outline:1px solid #0e2919;outline-offset:4px}.form-note,.form-status{font-size:12px;line-height:1.6;margin-top:20px;max-width:360px;opacity:.7}
@media(max-width:900px){.project-hero{min-height:820px}.project-portrait img{height:520px}.resource-wall{padding-inline:5vw}.wall-item:nth-child(2n){margin-left:-2vw}.ecosystem-map{height:570px}.eco-node{max-width:230px;padding:20px}.eco-center{font-size:32px;padding:20px}.project-people{gap:5vw}.project-people figure{height:520px}}
@media(max-width:700px){
 .page-heading,.library-head,.journey-head,.story-detail,.future-page,.credits{padding-top:120px}.journey-back{margin-bottom:26px}
 #menu-toggle{gap:8px;min-width:0}.footer-bottom{grid-template-columns:1fr}.footer-bottom>div{justify-self:start}
 .initiative-pairs .initiative-photo{height:110vw}.profile-list>a{padding-inline:12px}
 .resource-wall{display:block;padding:40px 7vw 90px}.wall-item,.wall-item:nth-child(n){margin:0 0 55px;transform:rotate(calc(var(--tilt) * .6))}.wall-card{padding:12px 12px 20px}.wall-card h3{font-size:32px}.wall-item:nth-child(n) .card-photo{aspect-ratio:4/3}
 .resource-list-head{display:none}.resource-row{grid-template-columns:1fr 25px;gap:14px;padding:24px 14px}.resource-row h2{font-size:25px;grid-column:1}.resource-row>span:nth-child(2){grid-column:1;font-size:11px}.resource-row>span:nth-child(3){grid-column:1;font-size:11px;opacity:.65}.resource-row .row-arrow{grid-column:2;grid-row:1}.resource-row small{display:inline;margin-left:8px}.resource-cursor{display:none}
 .story-related>div{grid-template-columns:1fr;gap:50px}.related-card h3{font-size:31px}.journey-resource:nth-child(n){margin-top:0}.journey-resource:nth-child(n) .card-photo{aspect-ratio:4/3}.journey-resources{gap:40px}
 .project-hero{height:auto;min-height:790px;padding:125px 6vw 110px}.project-hero .kicker{font-size:9px;margin-bottom:60px}.project-hero h1{font-size:15vw}.project-hero h1>span:last-child{margin-left:9vw}.project-hero .project-connect{margin:30px 0 30px 8vw;font-size:33px}.concept-labels{position:relative;display:flex;gap:30px;margin-top:40px}.concept-labels>span:first-child,.concept-labels>span:last-child{position:static;font-size:9px;max-width:140px}.project-scroll{bottom:35px}
 .project-intention{grid-template-columns:1fr;gap:50px}.project-intention h2{font-size:52px;margin:30px 0}.project-intention p:not(.kicker){font-size:18px}.project-portrait img{height:115vw}.project-numbers{padding-top:10px}.number-grid{grid-template-columns:1fr;margin-top:45px;gap:35px}.number-grid strong{font-size:120px}.number-grid h3{margin:5px 0 15px}.number-grid p{max-width:300px}
 .eco-heading{display:block}.eco-heading h2{font-size:48px;margin:35px 0}.eco-heading>p:last-child{font-size:16px}.ecosystem-map{height:auto;padding-left:24px;border-left:1px solid #a9b89877;margin-top:45px}.ecosystem-map svg{display:none}.eco-center{position:relative;inset:auto;transform:none;font-size:38px;padding:25px 15px;margin:0 0 30px}.eco-node{display:block;position:relative;inset:auto;max-width:none;margin-top:20px}.eco-node:before{content:'';position:absolute;left:-25px;top:50%;width:24px;height:1px;background:#a9b89877}.eco-node p{max-width:250px}
 .project-people{grid-template-columns:1fr;padding:75px 6vw 0;gap:40px}.project-people figure{height:110vw}.project-people h2{font-size:49px}.project-steps h2{font-size:48px;margin-bottom:45px}.steps-grid{grid-template-columns:1fr;gap:50px}.steps-grid figure{aspect-ratio:4/3}.steps-grid p{max-width:none}
 .contact-hero{padding-top:125px}.contact-hero h1{font-size:15vw;margin:35px 0}.contact-intro{margin:0 0 40px;gap:25px}.contact-intro p{font-size:17px}.contact-intro>span{font-size:45px}.contact-hero figure{height:85vw}.contact-body{grid-template-columns:1fr;gap:70px;padding-top:20px}.contact-email{font-size:26px}.form-pair{grid-template-columns:1fr;gap:0}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}.resource-cursor{display:none}}
