.about-purpose{--purpose-progress:0;position:relative;background:#f3f2f5;color:#21224e;isolation:isolate}.purpose-stage{position:relative;padding:115px max(40px,5vw) 65px;display:grid;grid-template-columns:1fr 1.1fr;grid-template-rows:190px 1fr auto;gap:30px 5vw;max-width:1720px;margin:auto;overflow:hidden}.purpose-heading{position:relative;z-index:4}.purpose-heading .eyebrow{font-size:9px;letter-spacing:.14em;color:#81748f;margin:0 0 24px}.about-page .purpose-heading h2{font:700 clamp(42px,4.8vw,70px)/1.06 "Chakra Petch",Arial,sans-serif;letter-spacing:-.035em;margin:0}.purpose-title-step{display:block;color:#21224e}.purpose-title-step[hidden]{display:none}.purpose-title-step:nth-child(2){color:#f26528}.purpose-art{grid-column:2;grid-row:1/4;position:relative;align-self:center;width:100%;aspect-ratio:1;max-height:650px}.purpose-art-grid{position:absolute;inset:8%;border-radius:50%;background:radial-gradient(ellipse,#f2652810,transparent 64%)}.purpose-sphere{position:absolute;inset:0;width:100%;height:100%;z-index:2}.purpose-plane{position:absolute;width:17%;left:var(--plane-left,76%);top:var(--plane-top,27%);transform:translate(-50%,-50%) rotate(var(--plane-angle,0deg));z-index:var(--plane-depth,3);filter:drop-shadow(0 8px 6px #21194f20);will-change:transform,left,top;pointer-events:none}.purpose-plane img{display:block;width:100%;height:auto}.purpose-coordinate{position:absolute;left:0;right:0;text-align:center;font-size:8px;letter-spacing:.16em;color:#8b819c}.coord-top{top:0}.coord-bottom{bottom:0}.purpose-art-caption{position:absolute;left:0;right:0;bottom:6%;text-align:center;font:700 clamp(18px,2vw,28px)/1.2 "Chakra Petch",Arial,sans-serif;letter-spacing:-.02em;opacity:0;visibility:hidden}.caption-vision{opacity:1;visibility:visible}.purpose-story{position:relative;display:grid;gap:48px;max-width:540px;align-self:center}.purpose-panel{position:relative}.purpose-number{position:absolute;right:0;top:-42px;font:700 130px/1 "Chakra Petch",Arial,sans-serif;color:#21224e08;letter-spacing:-.06em;pointer-events:none}.purpose-label{font-size:10px;letter-spacing:.13em;color:#b94b1e;margin:0 0 18px}.about-page .purpose-panel h3{font:700 clamp(26px,2.5vw,36px)/1.15 "Chakra Petch",Arial,sans-serif;letter-spacing:-.025em;margin:0 0 22px}.purpose-copy{font-size:16px;line-height:1.75;color:#6c637c;max-width:490px;margin:0 0 25px}.purpose-principle{font-size:9px;letter-spacing:.08em;line-height:1.7;color:#7d728c;margin:0}.purpose-scroll-cue{display:none;grid-column:1;align-items:center;gap:14px;font-size:10px;color:#766d85}.purpose-scroll-cue i{width:110px;height:1px;background:#d2ccdb;position:relative}.purpose-scroll-cue b{display:block;width:calc(5% + var(--purpose-progress)*95%);height:1px;background:#f26528}.purpose-scroll-cue small{font-size:8px;letter-spacing:.08em;margin-left:10px;color:#8b819c}
.purpose-enhanced{height:310svh}.purpose-enhanced .purpose-stage{position:sticky;top:0;height:100svh;min-height:760px}.purpose-enhanced .purpose-story{display:block;min-height:310px}.purpose-enhanced .purpose-panel{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;opacity:0;visibility:hidden;transform:translateY(16px);pointer-events:none}.purpose-enhanced .purpose-panel.is-active{opacity:1;visibility:visible;transform:none;transition:opacity .45s ease .06s,transform .6s cubic-bezier(.22,1,.36,1)}.purpose-enhanced .purpose-art-caption{opacity:0;visibility:hidden}.purpose-enhanced .purpose-art-caption.is-active{opacity:1;visibility:visible;transition:opacity .4s}.purpose-enhanced .purpose-scroll-cue{display:flex}.purpose-title-step.is-active{animation:purpose-title-in .5s cubic-bezier(.22,1,.36,1) both}@keyframes purpose-title-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:1000px) and (min-width:701px){.purpose-stage{padding-inline:32px;gap:25px 30px}.purpose-enhanced .purpose-story{min-height:340px}.purpose-copy{font-size:15px}.purpose-scroll-cue small{display:none}}
@media(max-width:700px){.purpose-stage{padding:70px 20px 55px;grid-template-columns:1fr;grid-template-rows:auto;gap:32px}.about-page .purpose-heading h2{font-size:42px}.purpose-art{grid-column:1;grid-row:2;max-width:440px;justify-self:center}.purpose-story{max-width:none}.purpose-panel{padding-bottom:32px;border-bottom:1px solid #d7d0df;min-width:0}.purpose-number{font-size:100px;top:-15px}.about-page .purpose-panel h3{font-size:28px}.purpose-copy{font-size:15px}}
@media(prefers-reduced-motion:reduce),(max-height:759px){.purpose-title-step.is-active{animation:none}.purpose-number{display:none}.purpose-stage{grid-template-rows:auto 1fr auto}.purpose-plane{will-change:auto}}