/* V59 / a philosophy to enter, not a stack of information cards. */
.purpose-page{--story-ink:#152c23;--story-muted:#87948b;--story-paper:#fff;background:var(--story-paper);color:var(--story-ink);transition:background-color .7s,color .6s}
.purpose-page #main{position:relative;isolation:isolate}
.purpose-world{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden;opacity:1}
.purpose-world svg{display:block;width:100%;height:100%;overflow:visible}
.purpose-petal{transform-box:view-box}
.purpose-page .page-header{background:#fffffffa;color:#182d27;border-bottom-color:#182d2715}
.purpose-journey{position:relative;overflow:clip}
.purpose-opening{min-height:calc(100svh - 98px);padding:45px 7vw 38px;display:flex;flex-direction:column;position:relative}
.purpose-kicker{display:flex;gap:35px;align-items:center;font-size:11px;letter-spacing:.13em;margin-bottom:48px}
.purpose-kicker span+span{letter-spacing:.08em;font-size:12px}
.purpose-opening h1{font:600 clamp(76px,9.6vw,154px)/1.28 var(--sans);letter-spacing:-.075em;position:relative;width:max-content;max-width:100%}
.purpose-opening h1>span{display:block}.purpose-opening h1>span+span{padding-left:1.5em}
.purpose-opening-lead{font-size:clamp(16px,1.45vw,21px);line-height:2.3;letter-spacing:.03em;margin:40px 0 60px;position:relative}
.purpose-opening-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:auto;font-size:10px;letter-spacing:.12em;gap:20px}
.purpose-opening-bottom a{display:flex;gap:28px;align-items:center;font-size:12px;letter-spacing:.02em;min-height:44px}.purpose-opening-bottom a span{font-size:25px}
.purpose-index{position:fixed;right:24px;bottom:32px;display:flex;gap:6px;z-index:20;background:#ffffffee;color:#182d27;border:1px solid #182d271c;border-radius:40px;padding:7px 10px;box-shadow:0 5px 25px #132a2210}
.purpose-index a{display:flex;align-items:center;gap:8px;min-width:36px;min-height:36px;justify-content:center;font-size:10px;padding:0 10px;border-radius:30px}
.purpose-index i{font-style:normal}.purpose-index span{display:none}.purpose-index a[aria-current]{background:#182d27;color:#fff}.purpose-index a[aria-current] span{display:block}
.purpose-chapter{position:relative;display:grid;grid-template-columns:23% 1fr;gap:5%;padding:145px 10vw 160px 7vw;min-height:140svh;scroll-margin-top:30px}
.chapter-meta{align-self:start;position:sticky;top:140px;display:flex;align-items:center;gap:17px;padding-top:12px}
.chapter-meta>span{font:400 54px/1 'DM Sans',sans-serif;letter-spacing:-.08em}
.chapter-meta p{font-size:10px;letter-spacing:.06em;line-height:1.8;max-width:9em}
.chapter-copy{max-width:880px;min-width:0}
.chapter-copy h2{font:600 clamp(38px,4.3vw,70px)/1.65 var(--sans);letter-spacing:-.055em;margin:0 0 80px;text-wrap:balance}
.purpose-prose{font:500 clamp(24px,2.15vw,33px)/2.25 var(--sans);letter-spacing:-.015em;overflow-wrap:anywhere}
.reading-paragraph{margin-bottom:1.6em}.read-phrase{color:var(--story-ink)}
.reading-ready .read-phrase{color:var(--story-muted)}
.read-phrase::highlight(nm-read){color:var(--story-ink)}
.read-phrase::highlight(nm-reading){color:color-mix(in srgb,var(--story-ink) var(--reading-active,100%),var(--story-muted))}
.chapter-2 .chapter-copy h2{font-size:clamp(34px,3.8vw,60px)}
.chapter-4{min-height:110svh}
.purpose-promises{padding:130px 7vw;background:#fff;color:#182d27;position:relative}
.promises-heading{display:flex;justify-content:space-between;align-items:start;padding-bottom:60px;border-bottom:1px solid #182d2750;gap:30px}
.promises-heading p{font-size:11px;letter-spacing:.08em;padding-top:15px}
.promises-heading h2{font:600 clamp(36px,4.3vw,66px)/1.65 var(--sans);letter-spacing:-.05em;width:67%}
.purpose-promises ol{padding:0;margin:0;list-style:none}
.purpose-promises li{display:grid;grid-template-columns:26% 1fr 15%;gap:7%;padding:60px 0;border-bottom:1px solid #182d272a;align-items:start}
.promise-number{font:400 clamp(48px,6vw,92px)/1 'DM Sans',sans-serif;letter-spacing:-.07em;color:#246751}
.purpose-promises h3{font-size:clamp(23px,2.5vw,38px);font-weight:500;line-height:1.7;margin-bottom:20px;letter-spacing:-.035em}
.purpose-promises li p{font-size:clamp(14px,1.25vw,18px);line-height:2.25}
.promise-stroke{width:80%;height:50px;border-top:9px solid #ff7045;border-radius:50%;transform:rotate(-28deg);margin-top:35px}
li:nth-child(2) .promise-stroke{border-color:#ffda38;transform:rotate(30deg)}li:nth-child(3) .promise-stroke{border-color:#20d8b0}li:nth-child(4) .promise-stroke{border-color:#6386ff;transform:rotate(30deg)}li:nth-child(5) .promise-stroke{border-color:#ff66ad}li:nth-child(6) .promise-stroke{border-color:#2dc9ee;transform:rotate(30deg)}
.purpose-outro{padding:140px 7vw 160px;background:#fff;color:#182d27;position:relative}
.purpose-outro>p{font-size:11px;letter-spacing:.15em;margin-bottom:40px}
.purpose-outro h2{font:600 clamp(36px,5.2vw,80px)/1.7 var(--sans);letter-spacing:-.05em;margin-bottom:80px}
.purpose-outro>div{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.purpose-outro a{border-bottom:1px solid #182d2780;display:flex;align-items:center;justify-content:space-between;padding:25px 0;font-size:clamp(19px,2.2vw,32px);transition:color .2s}.purpose-outro a:hover{color:#16826b}.purpose-outro a>span{font-size:35px;transition:transform .3s}.purpose-outro a:hover>span{transform:translate(6px,-6px)}
.purpose-page .lower-motion{border:1px solid #182d2730;background:#fff;color:#182d27;z-index:21}
html.motion-off .read-phrase{color:var(--story-ink)}
@media(min-width:1700px){.purpose-opening,.purpose-chapter,.purpose-promises,.purpose-outro{padding-left:max(7vw,calc((100vw - 1500px)/2));padding-right:max(7vw,calc((100vw - 1500px)/2))}}
@media(max-width:1050px){.purpose-chapter{grid-template-columns:17% 1fr;padding:110px 7vw;gap:6%}.chapter-meta{display:block}.chapter-meta p{margin-top:20px}.chapter-copy h2{font-size:45px}.purpose-prose{font-size:25px}.purpose-opening h1{font-size:100px}.purpose-promises li{grid-template-columns:18% 1fr 9%}}
@media(max-width:767px){.purpose-opening{min-height:calc(100svh - 80px);padding:27px 24px 28px}.purpose-kicker{margin-bottom:48px;gap:22px;font-size:9px}.purpose-kicker span+span{font-size:10px}.purpose-opening h1{font-size:clamp(58px,13vw,94px);line-height:1.5;letter-spacing:-.07em}.purpose-opening h1>span+span{padding-left:1em}.purpose-opening-lead{font-size:14px;line-height:2.3;margin-top:38px;margin-bottom:70px}.purpose-opening-bottom{font-size:8px;letter-spacing:.06em;gap:10px}.purpose-opening-bottom a{font-size:10px;gap:12px}.purpose-chapter{display:block;min-height:0;padding:85px 26px 115px;scroll-margin-top:25px}.chapter-meta{position:static;display:flex;align-items:center;gap:20px;padding:0;margin-bottom:38px}.chapter-meta>span{font-size:35px}.chapter-meta p{margin:0;max-width:none;font-size:9px}.chapter-copy h2{font-size:clamp(31px,7.6vw,48px);margin-bottom:45px;line-height:1.75;letter-spacing:-.055em}.chapter-2 .chapter-copy h2{font-size:clamp(27px,6.8vw,43px)}.purpose-prose{font-size:24px;line-height:2;letter-spacing:-.035em}.reading-paragraph{margin-bottom:1.5em}.purpose-index{right:14px;bottom:14px;padding:4px 6px;gap:0}.purpose-index a{min-width:32px;min-height:35px;padding:0 8px;font-size:9px}.purpose-index a[aria-current] span{display:none}.purpose-page .lower-motion{bottom:14px;left:14px;min-height:44px;font-size:9px}.purpose-promises{padding:75px 26px}.promises-heading{display:block;padding-bottom:38px}.promises-heading h2{font-size:34px;width:auto;line-height:1.7;margin-top:30px}.promises-heading p{font-size:9px;padding:0}.purpose-promises li{grid-template-columns:45px 1fr;gap:22px;padding:35px 0}.promise-number{font-size:39px}.purpose-promises h3{font-size:22px;margin-bottom:16px}.purpose-promises li p{font-size:14px}.promise-stroke{display:none}.purpose-outro{padding:65px 26px 90px}.purpose-outro>p{font-size:9px;margin-bottom:25px}.purpose-outro h2{font-size:32px;margin-bottom:40px}.purpose-outro>div{grid-template-columns:1fr;gap:10px}.purpose-outro a{font-size:21px;padding:25px 0}}
@media(prefers-reduced-motion:reduce){.purpose-page{transition:none}.read-phrase{color:var(--story-ink)!important}}
@media(forced-colors:active){.read-phrase,.read-phrase::highlight(nm-read),.read-phrase::highlight(nm-reading){color:CanvasText!important}.purpose-world{display:none}}

.purpose-world{transition:opacity .6s}
.purpose-world::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,var(--story-paper) 28%,var(--story-paper) 87%,transparent 100%);opacity:var(--reading-shield,0);transition:opacity .8s,background .6s}
.purpose-opening-bottom{padding-right:235px}
@media(max-width:767px){.purpose-opening-bottom{padding-right:0;padding-bottom:48px}.purpose-world::after{background:linear-gradient(90deg,transparent,var(--story-paper) 8%,var(--story-paper) 92%,transparent)}}

/* Reserve a quiet place for the sun below the introductory copy on phones. */
@media(max-width:767px){.purpose-opening-lead{margin-bottom:220px}.purpose-opening-bottom{padding-bottom:48px}}

/* V63 — the old cupped-hand gesture opens into the same continuous strands. */
.story-strand{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:0}
.hand-fallback{position:absolute;left:56%;top:33%;width:40%}.hand-fallback svg{width:100%;height:auto}.threads-ready .hand-fallback{display:none}
.purpose-world{transition:none}
.purpose-world::after{background:linear-gradient(90deg,transparent 0%,transparent 15%,var(--story-paper) 33%,var(--story-paper) 88%,transparent 100%);transition:background .6s}
.purpose-hand-caption{position:absolute;left:62%;right:7%;top:var(--hand-caption-top,71%);text-align:center;font-size:12px;letter-spacing:.13em;line-height:2;color:#526357}
.purpose-promises,.purpose-outro{background:transparent}
@media(max-width:1050px) and (min-width:768px){.purpose-hand-caption{left:58%;font-size:11px}.purpose-opening h1{font-size:90px}.purpose-opening-lead{font-size:16px}}
@media(max-width:767px){.purpose-opening-lead{margin-bottom:315px}.purpose-hand-caption{position:relative;top:auto;left:auto;right:auto;margin:-70px 0 32px;font-size:10px}.purpose-world::after{background:linear-gradient(90deg,transparent,var(--story-paper) 12%,var(--story-paper) 88%,transparent)}.hand-fallback{left:8%;top:530px;width:84%;transform:none}}
@media(prefers-reduced-motion:reduce){.purpose-world::after{transition:none}}