
:root{--paper:#f9f6ee;--ink:#193e30;--gold:#98783c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif}a{color:inherit}header{max-width:1440px;margin:auto;padding:12px 5%;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--gold)}.brand img{display:block;width:240px;height:auto;mix-blend-mode:multiply}nav{display:flex;gap:30px;align-items:center;font-size:15px}nav a{text-decoration:none}.outline{border:1px solid var(--gold);padding:12px 20px;border-radius:5px}main{text-align:center}.intro{padding:30px 20px 22px;max-width:1120px;margin:auto}.eyebrow{font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:#886721;margin:0 0 18px}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(35px,4vw,59px);line-height:1.07;letter-spacing:-.035em;margin:0 auto 20px}h1 span{display:block}.summary{color:#41423f;font-size:clamp(17px,1.5vw,21px);line-height:1.5;max-width:900px;margin:0 auto}.actions{display:flex;justify-content:center;gap:26px;align-items:center;margin-top:24px}.actions a{text-decoration:none;padding:12px 22px}.primary{background:var(--ink);color:var(--paper);border-radius:5px;font-family:Georgia,serif;font-size:18px}.landscape{position:relative;max-width:1586px;margin:auto}.landscape video{display:block;width:100%;height:auto;mask-image:linear-gradient(to bottom,transparent,black 5%,black 92%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,black 5%,black 92%,transparent)}.caption{font-family:Georgia,serif;font-size:12px;font-style:italic;text-align:right;margin:2px 5% 0;color:#53544e}.playback{position:absolute;bottom:24px;left:4%;border:1px solid #c6c0ae;background:#f9f6eee8;color:var(--ink);border-radius:4px;padding:8px 12px;cursor:pointer}.becoming{font-size:clamp(19px,2vw,26px);font-family:Georgia,serif;margin:28px 20px 46px}.details{max-width:950px;margin:auto;padding:35px 24px 55px;border-top:1px solid #cfc3a7;display:grid;grid-template-columns:1fr 1fr;gap:55px;text-align:left}.details h2{font:normal 28px Georgia,serif;margin:0 0 15px}.details p{font-size:16px;line-height:1.7;color:#454a43;margin:0}.details section{scroll-margin-top:24px}footer{text-align:center;font-size:12px;color:#666c61;padding:20px;border-top:1px solid #e3ddcf}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:5px}@media(max-width:700px){header{padding:10px 20px;flex-direction:column;gap:10px}.brand img{width:205px}nav{gap:20px;font-size:13px}.outline{padding:9px 12px}.intro{padding-top:25px}.eyebrow{font-size:9px;letter-spacing:.18em}h1 span{display:inline}.actions{gap:4px;font-size:14px}.actions a{padding:11px 14px}.landscape video{min-height:230px;object-fit:cover;object-position:46% center}.caption{font-size:10px}.playback{bottom:28px;font-size:11px}.details{grid-template-columns:1fr;gap:30px}.becoming{margin-bottom:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.skip{position:absolute;left:16px;top:-80px;padding:12px;background:var(--ink);color:var(--paper);z-index:10}.skip:focus{top:12px}nav [aria-current=page]{text-decoration:underline;text-underline-offset:7px;text-decoration-color:var(--gold)}
.vision-intro{max-width:1040px;padding:65px 24px 32px;margin:auto}.vision-intro h1{font-size:clamp(43px,5.4vw,76px);max-width:850px}.vision-intro .summary{max-width:750px;font-size:clamp(18px,1.65vw,22px)}
.vision-scene{margin:0 auto;max-width:1586px}.vision-scene img{display:block;width:100%;height:clamp(240px,30vw,420px);object-fit:cover;mask-image:linear-gradient(to bottom,transparent,black 10%,black 88%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,black 10%,black 88%,transparent)}.vision-scene figcaption{font-size:12px;color:#53544e;text-align:right;padding:8px 5%;font-style:italic}
.editorial{max-width:1120px;padding:65px 30px;margin:auto;text-align:left}.opening{display:grid;grid-template-columns:1fr 1.4fr;gap:70px;border-bottom:1px solid #cfc3a7;padding-bottom:52px}.editorial h2{font:normal clamp(29px,3vw,42px)/1.16 Georgia,serif;letter-spacing:-.02em;margin:0 0 20px}.editorial p{font-size:17px;line-height:1.8;color:#454a43;margin:0 0 17px}.editorial p:last-child{margin-bottom:0}
.threads{padding-top:14px}.thread{display:grid;grid-template-columns:.8fr 1.4fr;gap:70px;padding:38px 0;border-bottom:1px solid #dcd4c3}.thread h3{font:normal 30px/1.2 Georgia,serif;margin:0}.thread .eyebrow{margin-bottom:12px;font-size:10px}.thread p{max-width:670px}
.stewardship{background:#193e30;color:#f9f6ee;text-align:left;padding:64px 30px;margin-top:0}.stewardship-inner{max-width:1060px;margin:auto;display:grid;grid-template-columns:1fr 1.4fr;gap:70px}.stewardship h2{font:normal clamp(32px,3vw,43px)/1.18 Georgia,serif;margin:0}.stewardship p{font-size:17px;line-height:1.8;margin:0 0 18px;color:#eeeade}.stewardship p:last-child{margin:0}.stewardship .eyebrow{color:#d1b67d}
.next{max-width:780px;margin:auto;padding:65px 26px 75px}.next h2{font:normal 36px/1.2 Georgia,serif;margin:0 0 20px}.next p{line-height:1.8;color:#454a43;font-size:17px}.next a{display:inline-block;text-decoration:none;padding:13px 23px;margin-top:12px}.breadcrumb{display:inline-block;font-size:13px;text-decoration:none;margin-bottom:27px;color:#62685e}
@media(max-width:700px){.vision-intro{padding:37px 24px 24px}.vision-intro h1{font-size:44px}.editorial{padding:38px 25px}.opening,.thread,.stewardship-inner{grid-template-columns:1fr;gap:20px}.opening{padding-bottom:32px}.thread{padding:29px 0}.stewardship{padding:42px 25px}.next{padding:45px 25px}.vision-scene figcaption{font-size:10px;text-align:center}.editorial p,.stewardship p{font-size:16px}}

.vision-intro{padding-bottom:52px}.vision-intro h1{max-width:950px}.overview{max-width:1160px;padding:0 30px 65px;margin:auto;text-align:left}.system{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center;padding:48px 0;border-top:1px solid #dcd4c3}.system:nth-child(even) .system-art{order:2}.system h2{font:normal clamp(30px,3vw,43px)/1.14 Georgia,serif;margin:0 0 20px}.system p{font-size:17px;line-height:1.75;color:#454a43}.system-art{margin:0}.system-art img,.detail-art img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;mask-image:linear-gradient(to bottom,transparent,black 7%,black 92%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,black 7%,black 92%,transparent)}figcaption{font-size:11px;line-height:1.5;color:#62685e;padding:8px 10px}.text-link{display:inline-block;font-size:15px;text-decoration:none;border-bottom:1px solid var(--gold);padding:12px 0 8px}.section-links{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 30px;margin:30px auto 0;font-size:14px}.section-links a{text-underline-offset:5px}.detail-lead{max-width:1160px;margin:auto;padding:25px 30px 55px;display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:center;text-align:left}.detail-lead h1{font-size:clamp(42px,4.8vw,65px)}.detail-lead .summary{font-size:20px}.detail-art{margin:0}.reading{max-width:780px;margin:auto;padding:20px 30px 55px;text-align:left}.reading section{border-top:1px solid #dcd4c3;padding:30px 0}.reading h2{font:normal 32px/1.2 Georgia,serif;margin:0 0 20px}.reading p{font-size:17px;line-height:1.8;color:#454a43}.component-nav{max-width:1060px;margin:auto;padding:35px 25px 50px;text-align:center;border-top:1px solid #dcd4c3}.component-nav h2{font:normal 28px Georgia,serif}.breadcrumb-wrap{max-width:1160px;margin:auto;padding:30px 30px 0;text-align:left}.component-nav a{display:inline-block;padding:12px}.system{scroll-margin-top:25px}@media(max-width:700px){.system,.detail-lead{grid-template-columns:1fr;gap:24px}.system:nth-child(even) .system-art{order:0}.system{padding:30px 0}.overview{padding:0 24px 35px}.detail-lead{padding:15px 24px 30px}.reading{padding:10px 24px 35px}.vision-intro{padding-bottom:35px}.section-links{gap:12px 20px}}

/* Consistent navigation regardless of label length. */
.component-nav{display:flex;flex-direction:column;align-items:center;gap:4px}
.component-nav h2{margin:0 0 20px}
.component-nav a{display:block;width:100%;max-width:340px;padding:12px 6px;line-height:1.5;text-align:center}
