@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Serif+Display:ital@0;1&family=Manrope:wght@400;500;600;700&display=swap";:root{--green:#143c2b;--paper:#f3eee2;--mud:#52331e;--gold:#b98d42;--line:rgba(20,60,43,.22);font-family:Manrope,sans-serif;color:var(--green);background:var(--paper)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}.hero{min-height:100svh;position:relative;overflow:hidden;isolation:isolate;color:#f8f4e9;background:#21412e}.hero-image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,#16271de6,#16271d7a 42%,#16271d0f),url(/hero-reference.png) center/cover;animation:drift 15s ease-in-out infinite alternate}header{display:grid;grid-template-columns:130px 1fr auto;align-items:start;gap:2rem;padding:1.5rem clamp(1.25rem,4vw,5rem)}.brand img,footer img{width:82px;height:82px;object-fit:contain;border-radius:50%;background:#f8f3e6;padding:4px}nav{display:flex;justify-content:center;gap:clamp(1rem,3vw,3rem);padding-top:.7rem}nav a,.sound,.scroll,footer a{color:inherit;text-decoration:none;font:500 10px/1 DM Mono,monospace;text-transform:uppercase;letter-spacing:.09em}.sound{border:1px solid rgba(255,255,255,.42);color:#fff;background:#0000001f;padding:.7rem .9rem;border-radius:99px}.hero-copy{padding:clamp(4.5rem,10vh,9rem) clamp(1.25rem,12vw,12rem) 8rem;max-width:800px}.eyebrow{font:500 10px/1.5 DM Mono,monospace;text-transform:uppercase;letter-spacing:.13em;margin:0 0 1.3rem}h1,h2,h3,p{margin-top:0}h1{font:400 clamp(4.6rem,11.5vw,10.8rem)/.76 "DM Serif Display",serif;text-transform:uppercase;letter-spacing:-.075em;margin:0 0 2.5rem;text-shadow:0 3px 14px rgba(0,0,0,.25)}.intro{font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.65;max-width:460px}.actions{display:flex;align-items:center;gap:1.4rem;margin-top:2.2rem}.actions a,article button{text-decoration:underline;text-underline-offset:.45em;color:inherit;background:none;border:0;padding:0;font:600 11px/1.2 DM Mono,monospace;text-transform:uppercase;letter-spacing:.06em}.button{border:0;padding:1rem 1.35rem;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;transition:transform .25s}.button:hover{transform:translateY(-3px)}.light{background:var(--paper);color:var(--green)}.dark{background:var(--green);color:var(--paper)}.gold{background:var(--gold);color:#fff}.seal{position:absolute;right:clamp(1.25rem,8vw,9rem);bottom:clamp(4.5rem,10vh,8rem);width:clamp(124px,12vw,175px);aspect-ratio:1;border:2px solid var(--gold);border-radius:50%;display:grid;place-content:center;text-align:center;text-transform:uppercase;background:#162a1e47}.seal b{font:3.5rem/.78 "DM Serif Display",serif}.seal strong{font:600 .7rem/1.15 Manrope,sans-serif}.seal small{margin-top:.55rem;font:9px/1.25 DM Mono,monospace;letter-spacing:.08em}.scroll{position:absolute;bottom:1.6rem;left:50%;transform:translate(-50%);white-space:nowrap}.manifesto{padding:clamp(5rem,12vw,11rem) max(1.25rem,13vw);text-align:center}.manifesto h2,.section-title h2,.details h2,.form h2{font:400 clamp(2.6rem,5.5vw,5.8rem)/.98 "DM Serif Display",serif;letter-spacing:-.055em}.manifesto h2{max-width:950px;margin:0 auto 2rem}.manifesto>p:last-child{max-width:570px;margin:auto;font-size:1rem;line-height:1.85}.pathways{padding:clamp(4rem,7vw,7rem) clamp(1.25rem,6vw,6rem);background:#e5dbc9}.section-title{display:grid;grid-template-columns:.65fr 1.35fr;border-bottom:1px solid var(--line);padding-bottom:3rem}.section-title h2{margin:0;max-width:720px}.grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}article{padding:2rem 1.7rem 2.3rem 0;border-right:1px solid var(--line);min-height:290px;display:flex;flex-direction:column}article:not(:first-child){padding-left:1.7rem}article:last-child{border-right:0}article span{color:var(--gold);font:400 1.8rem/1 "DM Serif Display",serif;margin-bottom:3rem}article h3{font:400 2rem/1 "DM Serif Display",serif;letter-spacing:-.04em;margin-bottom:1rem}article p:not(.eyebrow){font-size:.84rem;line-height:1.65;max-width:240px}article button{margin-top:auto;text-align:left}.details{display:grid;grid-template-columns:1.25fr 1fr auto;gap:3rem;align-items:end;padding:clamp(4.5rem,9vw,9rem) clamp(1.25rem,8vw,9rem);color:var(--paper);background:var(--mud)}.details h2,.details dl{margin:0}.details dl div{border-top:1px solid rgba(255,255,255,.35);padding:.85rem 0}.details dt{font:10px DM Mono,monospace;text-transform:uppercase;letter-spacing:.12em;opacity:.75}.details dd{margin:.45rem 0 0;font:1rem/1.35 "DM Serif Display",serif}footer{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.8rem clamp(1.25rem,4vw,5rem);color:var(--paper);background:var(--green)}footer img{width:58px;height:58px}footer p{margin:0;font-size:.76rem;opacity:.8}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;padding:1rem;background:#0a140ea1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.form{position:relative;width:min(100%,540px);padding:clamp(2rem,6vw,4.5rem);background:var(--paper);box-shadow:0 24px 90px #00000052}.close{position:absolute;top:1rem;right:1rem;border:0;background:none;color:var(--green);font:10px DM Mono,monospace;text-transform:uppercase}.form h2{font-size:clamp(2.4rem,6vw,4rem)}.form form{display:grid;gap:1.1rem}.form label{display:grid;gap:.45rem;font:10px DM Mono,monospace;text-transform:uppercase;letter-spacing:.07em}.form input,.form select{border:0;border-bottom:1px solid var(--line);background:transparent;padding:.8rem 0;color:var(--green)}@keyframes drift{to{transform:scale(1.07) translate(-.4%)}}@media(max-width:760px){header{grid-template-columns:1fr auto}.brand img{width:63px;height:63px}nav{display:none}.hero-copy{padding:9rem 1.25rem 12rem}.seal{right:1.25rem;bottom:4.4rem;width:115px}.scroll{left:1.25rem;transform:none}.section-title{display:block}.section-title .eyebrow{margin-bottom:2rem}.grid{grid-template-columns:1fr 1fr}article:nth-child(2){border-right:0}article:nth-child(n+3){border-top:1px solid var(--line)}article{min-height:260px}.details{grid-template-columns:1fr;gap:2rem}.details .button{justify-self:start}footer{flex-wrap:wrap}}@media(max-width:470px){h1{font-size:clamp(4.4rem,23vw,6rem)}.grid{grid-template-columns:1fr}article,article:not(:first-child){padding-left:0;border-right:0;border-top:1px solid var(--line)}article:first-child{border-top:0}.seal{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}.hero{--pointer-x:0;--pointer-y:0}.hero-image{top:-2%;right:-2%;bottom:-2%;left:-2%;z-index:-2;opacity:0;transform:scale(1.09) translate(calc(var(--pointer-x)*-9px),calc(var(--pointer-y)*-9px));transition:opacity 1.1s ease,transform .7s ease}.hero-ready .hero-image{opacity:1;transform:scale(1.04) translate(calc(var(--pointer-x)*-9px),calc(var(--pointer-y)*-9px))}.hero-fibres{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.28;background-image:radial-gradient(circle at 20% 18%,rgba(246,238,213,.8) 0 1px,transparent 1.5px),radial-gradient(circle at 77% 36%,rgba(246,238,213,.65) 0 1px,transparent 1.5px),radial-gradient(circle at 59% 77%,rgba(246,238,213,.5) 0 1px,transparent 1.5px);background-size:145px 125px,210px 170px,180px 160px;mix-blend-mode:screen;animation:fibres 14s linear infinite}.origami{position:absolute;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1;opacity:0;filter:drop-shadow(0 14px 18px rgba(8,20,12,.28));transition:opacity .8s ease,transform .7s ease}.hero-ready .origami{opacity:1}.origami-crane-one{width:clamp(150px,20vw,330px);right:4%;top:12%;transform:translate(calc(var(--pointer-x)*-16px),calc(var(--pointer-y)*-9px)) rotate(9deg);animation:crane-one 9s ease-in-out infinite alternate}.origami-crane-two{width:clamp(78px,11vw,170px);right:34%;top:11%;opacity:0!important;transform:translate(calc(var(--pointer-x)*-10px),calc(var(--pointer-y)*-5px)) rotate(-17deg) scaleX(-1);animation:crane-two 11s ease-in-out infinite alternate}.hero-ready .origami-crane-two{opacity:.82!important}.origami-boat{width:clamp(110px,16vw,235px);right:13%;bottom:7%;transform:translate(calc(var(--pointer-x)*-7px),calc(var(--pointer-y)*-4px)) rotate(-4deg);animation:boat 7s ease-in-out infinite alternate}header,.hero-copy,.hero-paths,.seal,.scroll{position:relative;z-index:2}.hero-copy{padding-bottom:4rem}.hero-paths{position:absolute;right:clamp(1.25rem,5vw,5rem);bottom:1.9rem;width:min(510px,43vw);display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.hero-paths button{min-height:58px;display:flex;align-items:center;gap:.8rem;padding:.8rem 1rem;border:1px solid rgba(248,244,233,.48);color:#fff;background:#0c241791;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font:600 11px/1 DM Mono,monospace;text-align:left;text-transform:uppercase;letter-spacing:.08em;transition:background .25s ease,transform .25s ease,border-color .25s ease}.hero-paths button span{color:#e3bc71}.hero-paths button:hover{transform:translateY(-3px);background:#10432be0;border-color:#e3bc71}.button:focus-visible,.hero-paths button:focus-visible,.sound:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.seal{bottom:clamp(11rem,23vh,15rem)}.scroll{left:clamp(1.25rem,12vw,12rem);transform:none}@keyframes crane-one{to{translate:0 -18px;rotate:5deg}}@keyframes crane-two{to{translate:8px -10px;rotate:-12deg}}@keyframes boat{to{translate:-8px -11px;rotate:2deg}}@keyframes fibres{to{background-position:145px -125px,-210px 170px,180px 160px}}@media(max-width:760px){.hero-copy{padding:8rem 1.25rem 12.4rem}.hero-paths{right:1.25rem;left:1.25rem;bottom:2rem;width:auto}.hero-paths button{min-height:52px;font-size:10px}.seal{bottom:10.7rem}.origami-crane-one{right:-12%;top:15%;width:210px}.origami-crane-two{right:32%;top:12%;width:100px}.origami-boat{right:3%;bottom:15%;width:140px}.scroll{display:none}}@media(max-width:470px){.hero-copy{padding-top:7.6rem}.hero-paths{gap:6px}.hero-paths button{padding:.72rem;font-size:9px}.origami-crane-one{opacity:.7!important}.origami-boat{opacity:.55!important}}@media(prefers-reduced-motion:reduce){.hero-image,.hero-ready .hero-image{opacity:1;transform:scale(1.04)}.origami,.hero-ready .origami,.hero-ready .origami-crane-two{opacity:1!important;transform:none}.hero-fibres{animation:none}.hero-paths button:hover{transform:none}}@media(max-width:760px){.hero{min-height:760px}.hero-copy{padding-top:6.5rem;padding-bottom:1.5rem}.actions{flex-wrap:wrap;gap:1rem 1.25rem}.hero-paths{position:relative;right:auto;left:auto;bottom:auto;margin:1.25rem 1.25rem 5.5rem}.seal{bottom:1.25rem;right:1.25rem;width:92px}.scroll{display:none}.form{max-height:calc(100svh - 2rem);overflow-y:auto;padding:2.25rem 1.25rem 1.5rem}.overlay{align-items:start;padding-top:1rem}}@media(min-width:761px)and (max-width:1100px){.hero-copy{padding-left:clamp(2rem,7vw,6rem)}.hero-paths{width:min(440px,48vw)}.grid{grid-template-columns:repeat(2,1fr)}article:nth-child(2){border-right:0}article:nth-child(n+3){border-top:1px solid var(--line)}.details{grid-template-columns:1fr 1fr}.details .button{grid-column:2;justify-self:start}}@media(hover:hover)and (pointer:fine){.hero-paths button:hover{transform:translateY(-3px)}}
