/* Our Story page — styles from OmniFitt-Our-Story-Page-2026-08-04 */

/* Page-local tokens used by the deliverable styles */
.story-page {
  --font-geist-mono: var(--font-kicker);
  --purple: #8060a9;
  --lime-soft: #efffc2;
}

.page-story {
  background: #fcfcf7;
}

.page-story .footer {
  margin-top: -1px;
}

.story-page{--story-ink:#092e23;--story-cream:#f7f5ec;--story-paper:#fcfcf7;--story-lime:#ddf96a;--story-lilac:#c9c4ff;--story-mauve:#d9a8f5;background:var(--story-paper);color:var(--story-ink)}

.story-kicker,.story-chapter-mark,.story-value-axis,.story-vision-words{font-family:var(--font-geist-mono),monospace;letter-spacing:.17em;text-transform:uppercase;font-weight:850}

.story-kicker{color:#ffffffb8;align-items:center;gap:10px;font-size:9px;display:inline-flex}

.story-kicker i{background:var(--story-lime);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 6px #ddf96a1a,0 0 22px #ddf96a99}

.story-hero{color:#fff;background:radial-gradient(circle at 77% 30%,#c9c4ff2e,#0000 27%),radial-gradient(circle at 18% 78%,#ddf96a24,#0000 25%),linear-gradient(122deg,#041c15 0%,#0b3b2d 55%,#261e36 100%);grid-template-columns:51% 49%;align-items:center;min-height:810px;padding:120px 6vw 72px;display:grid;position:relative;overflow:hidden}

.story-hero-grid,.story-closing-grid{opacity:.12;background-image:linear-gradient(#ddf96a2e 1px,#0000 1px),linear-gradient(90deg,#ddf96a2e 1px,#0000 1px);background-size:58px 58px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 75%);mask-image:linear-gradient(90deg,#000,#0000 75%)}

.story-hero:before{content:"";border:1px solid #ddf96a1f;border-radius:50%;width:61vw;height:61vw;position:absolute;bottom:-24vw;left:-11vw;box-shadow:0 0 0 85px #ddf96a06,0 0 0 180px #c9c4ff06}

.story-hero-glow{filter:blur(90px);pointer-events:none;border-radius:50%;position:absolute}

.story-hero-glow--lime{background:#ddf96a1f;width:300px;height:300px;bottom:-7%;left:30%}

.story-hero-glow--lavender{background:#c9c4ff29;width:360px;height:360px;top:12%;right:2%}

.story-hero-copy{z-index:4;max-width:770px;position:relative}

.story-hero h1{letter-spacing:-.075em;text-wrap:balance;margin:25px 0 26px;font-size:clamp(67px,6.9vw,120px);line-height:.85}

.story-hero-copy>p{color:#ffffffab;max-width:570px;margin:0;font-size:17px;line-height:1.7}

.story-scroll-link{color:var(--story-lime);border-bottom:1px solid #ffffff40;align-items:center;gap:24px;margin-top:33px;padding-bottom:8px;font-size:12px;font-weight:800;display:inline-flex}

.story-scroll-link span{font-size:18px}

.story-orbit{z-index:3;aspect-ratio:1;justify-self:end;place-items:center;width:min(590px,44vw);display:grid;position:relative}

.story-orbit-ring{border:1px solid #ddf96a3b;border-radius:50%;position:absolute}

.story-orbit-ring--outer{inset:4%;box-shadow:0 0 0 45px #c9c4ff06,0 0 0 90px #ddf96a05}

.story-orbit-ring--inner{border-style:dashed;animation:24s linear infinite storySpin;inset:24%}

.story-orbit-core{z-index:3;aspect-ratio:1;background:radial-gradient(circle at 35% 25%,#174d3b,#051f17 70%);border:1px solid #ddf96a85;border-radius:50%;align-content:center;place-items:center;width:36%;display:grid;position:relative;box-shadow:0 25px 80px #00000061,0 0 55px #ddf96a21}

.story-orbit-core img{filter:drop-shadow(0 8px 15px #00000040);width:62px}

.story-orbit-core strong{letter-spacing:.14em;margin-top:8px;font-size:12px}

.story-world{z-index:2;aspect-ratio:1;border-radius:50%;align-content:center;place-items:center;width:28%;display:grid;position:absolute;box-shadow:0 18px 55px #00000038}

.story-world span{letter-spacing:.14em;font-size:11px;font-weight:900}

.story-world i{background:currentColor;width:34px;height:2px;margin-top:11px}

.story-world--movement{color:#0a3024;background:var(--story-lime);top:34%;left:2%;transform:rotate(-8deg)}

.story-world--business{color:#20182f;background:var(--story-lilac);bottom:26%;right:2%;transform:rotate(8deg)}

.story-orbit-note{color:#ffffff6b;font-family:var(--font-geist-mono),monospace;letter-spacing:.17em;text-transform:uppercase;font-size:7px;position:absolute}

.story-orbit-note--one{top:15%;left:12%}

.story-orbit-note--two{top:18%;right:8%}

.story-orbit-note--three{bottom:5%;right:19%}

.story-hero-index{color:#ffffff61;font-family:var(--font-geist-mono),monospace;align-items:center;gap:10px;font-size:7px;display:flex;position:absolute;bottom:35px;right:2.5vw}

.story-hero-index i{background:#fff3;width:74px;height:1px}

.story-opening,.story-chapter,.story-founding,.story-values{padding:110px 6vw;position:relative}

.story-chapter-mark{color:#73920f;align-items:center;gap:13px;font-size:8px;display:flex}

.story-chapter-mark span{border:1px solid #73920f59;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}

.story-opening{background:linear-gradient(180deg,var(--story-paper),#f5f8ed 72%,#eef4e5);overflow:hidden}

.story-opening-grid{z-index:2;grid-template-columns:1.05fr .75fr;align-items:end;gap:10vw;margin-top:55px;display:grid;position:relative}

.story-opening-title>span{color:#72857b;font-family:Georgia,serif;font-size:23px;font-style:italic}

.story-opening-title h2,.story-chapter-copy h2,.story-india-head h2,.story-values-head h2{letter-spacing:-.067em;margin:9px 0 0;font-size:clamp(55px,6.3vw,104px);line-height:.88}

.story-opening-title h2 em,.story-chapter-copy h2 em,.story-india-head h2 em,.story-values-head h2 em{color:#8760a8;font-family:Georgia,serif;font-weight:400}

.story-opening-copy p{color:#526a5f;margin:0 0 20px;font-size:18px;line-height:1.7}

.story-opening-copy p:first-child{color:var(--story-ink);letter-spacing:-.025em;font-size:24px;line-height:1.5}

.story-movement-strip{z-index:2;border-top:1px solid #092e2329;border-bottom:1px solid #092e2329;grid-template-columns:repeat(3,1fr);margin-top:80px;display:grid;position:relative}

.story-movement-strip article{border-right:1px solid #092e2329;align-content:center;place-items:center;min-height:250px;transition:background .3s,transform .3s;display:grid;position:relative}

.story-movement-strip article:last-child{border-right:0}

.story-movement-strip article:hover{background:#ddf96a33;transform:translateY(-5px)}

.story-movement-strip article>span{font-family:var(--font-geist-mono),monospace;opacity:.45;font-size:8px;position:absolute;top:17px;left:18px}

.story-movement-strip strong{margin-top:18px;font-size:21px}

.story-movement-strip small{color:#778980;margin-top:5px;font-family:Georgia,serif;font-size:14px;font-style:italic}

.story-motion-symbol{width:72px;height:72px;display:block;position:relative}

.story-motion-symbol:before,.story-motion-symbol:after{content:"";position:absolute}

.story-motion-symbol--dance:before{background:var(--story-ink);width:2px;height:57px;top:7px;left:35px;transform:rotate(26deg)}

.story-motion-symbol--dance:after{border:2px solid #8760a8;border-radius:50% 12%;width:38px;height:38px;top:20px;left:19px;transform:rotate(28deg)}

.story-motion-symbol--flow:before{border:3px solid var(--story-ink);border-radius:58% 42% 66% 34%;inset:9px;transform:rotate(35deg)}

.story-motion-symbol--flow:after{background:#8760a8;height:2px;top:35px;left:7px;right:7px;transform:rotate(-18deg)}

.story-motion-symbol--ball{border:2px solid var(--story-ink);border-radius:50%}

.story-motion-symbol--ball:before{border:2px solid #0000;border-color:#0000 #8760a8;border-radius:50%;inset:-1px;transform:rotate(25deg)}

.story-motion-symbol--ball:after{background:var(--story-ink);height:2px;top:33px;left:7px;right:7px;transform:rotate(-20deg)}

.story-thread{z-index:1;border:1px solid #8760a81a;border-radius:50%;width:34vw;height:34vw;position:absolute;top:40px;right:-4vw;box-shadow:0 0 0 65px #c9c4ff09,0 0 0 130px #ddf96a06}

.story-thread i{background:var(--story-lime);border-radius:50%;width:8px;height:8px;position:absolute;box-shadow:0 0 15px #ddf96a99}

.story-thread i:first-child{top:28%;left:8%}

.story-thread i:nth-child(2){top:18%;right:11%}

.story-thread i:nth-child(3){bottom:24%;right:5%}

.story-thread i:nth-child(4){bottom:3%;left:24%}

.story-chapter--london{color:#fff;background:radial-gradient(circle at 18% 25%,#d9a8f521,#0000 25%),linear-gradient(125deg,#082c22,#103f31 58%,#251e35);overflow:hidden}

.story-chapter--london .story-chapter-mark{color:var(--story-lime)}

.story-chapter-grid{z-index:2;grid-template-columns:.88fr 1.12fr;align-items:center;gap:9vw;margin-top:52px;display:grid;position:relative}

.story-city-visual{background:linear-gradient(#c9c4ff29,#ddf96a0a);border:1px solid #ffffff21;border-radius:280px 280px 28px 28px;min-height:620px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff26}

.story-city-sun{background:var(--story-lime);border-radius:50%;width:145px;height:145px;position:absolute;top:15%;left:50%;transform:translate(-50%);box-shadow:0 0 80px #ddf96a47}

.story-city-line{background:#061f18;border-radius:90px 90px 0 0;width:32%;position:absolute;bottom:0}

.story-city-line--one{height:48%;left:7%}

.story-city-line--two{background:#0a2c22;height:62%;right:7%}

.story-city-card{min-width:125px;color:var(--story-ink);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-family:var(--font-geist-mono),monospace;letter-spacing:.12em;text-align:center;background:#fafbf7cc;border:1px solid #ffffff59;border-radius:14px;padding:16px 18px;font-size:8px;font-weight:850;position:absolute;box-shadow:0 18px 45px #0000002e}

.story-city-card--one{top:35%;left:4%;transform:rotate(-7deg)}

.story-city-card--two{background:#ddf96ade;top:27%;right:4%;transform:rotate(6deg)}

.story-city-card--three{background:#c9c4ffdb;bottom:15%;left:12%;transform:rotate(4deg)}

.story-city-card--four{bottom:22%;right:10%;transform:rotate(-5deg)}

.story-chapter-copy h2{color:#fff}

.story-chapter-copy h2 em{color:var(--story-mauve)}

.story-chapter-copy>p{color:#ffffffa3;max-width:680px;margin:23px 0 0;font-size:16px;line-height:1.75}

.story-chapter-copy .story-highlight{border-top:1px solid #ffffff24;border-left:3px solid var(--story-lime);color:#fff;margin-top:35px;padding:24px 0 0 28px;font-family:Georgia,serif;font-size:23px;font-style:italic}

.story-thread--right{border-color:#ddf96a1a;top:18%;left:auto;right:-8%}

.story-chapter--india{background:radial-gradient(circle at 8% 0,#ddf96a3d,transparent 23%), radial-gradient(circle at 95% 70%,#c9c4ff4d,transparent 25%), var(--story-paper);overflow:hidden}

.story-india-head{grid-template-columns:1.2fr .55fr;align-items:end;gap:8vw;margin-top:48px;display:grid}

.story-india-head p{color:#5f756b;margin:0 0 9px;font-size:18px;line-height:1.7}

.story-chaos-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:70px;display:grid}

.story-chaos-grid article{background:#ffffffb8;border:1px solid #092e2324;border-radius:19px;flex-direction:column;justify-content:space-between;min-height:205px;padding:19px;display:flex;position:relative;box-shadow:0 18px 45px #092e230f}

.story-chaos-grid article:nth-child(2n){background:#e8e5ffa3}

.story-chaos-grid span{font-family:var(--font-geist-mono),monospace;opacity:.4;font-size:8px}

.story-chaos-grid strong{letter-spacing:-.035em;max-width:190px;font-size:22px;line-height:1.05}

.story-chaos-grid i{background:linear-gradient(90deg,#e76868,#0000);width:100%;height:1px}

.story-gap-statements{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;display:grid}

.story-gap-statements p{color:#fff;background:var(--story-ink);letter-spacing:-.025em;border-radius:19px;align-items:center;min-height:130px;margin:0;padding:26px 30px;font-size:20px;line-height:1.45;display:flex}

.story-gap-statements p:last-child{color:var(--story-ink);background:var(--story-lime)}

.story-contrast{text-align:center;color:#fff;background:radial-gradient(circle,#ddf96a1a,#0000 35%),linear-gradient(135deg,#041c15,#0b3327 62%,#211b31);align-content:center;place-items:center;min-height:650px;padding:90px 6vw;display:grid;position:relative;overflow:hidden}

.story-contrast .story-kicker{margin-bottom:42px}

.story-contrast h2{letter-spacing:-.07em;margin:0;font-size:clamp(58px,7.4vw,120px);line-height:.84}

.story-contrast h2 strong{color:var(--story-lime);font-weight:850}

.story-contrast h3{color:var(--story-mauve);margin:23px 0 0;font-family:Georgia,serif;font-size:clamp(48px,6vw,96px);font-weight:400;line-height:.9}

.story-contrast-rings{border:1px solid #ddf96a1f;border-radius:50%;width:610px;height:610px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}

.story-contrast-rings i{border:1px solid #c9c4ff1a;border-radius:50%;position:absolute;inset:12%}

.story-contrast-rings i:nth-child(2){inset:25%}

.story-contrast-rings i:nth-child(3){background:#c9c4ff08;inset:38%}

.story-founding{background:linear-gradient(180deg,#eef6e6,var(--story-paper) 55%,#f4f0fb);overflow:hidden}

.story-founding-intro{grid-template-columns:1fr 1fr;align-items:start;gap:9vw;display:grid}

.story-founding-intro>p{color:#536b60;max-width:610px;margin:0;font-size:18px;line-height:1.75}

.story-founding-statement{text-align:center;margin:95px auto}

.story-founding-statement>p{color:#62776d;margin:0 0 20px;font-size:22px}

.story-founding-statement h2{letter-spacing:-.075em;margin:0;font-size:clamp(70px,8.5vw,142px);line-height:.82}

.story-founding-statement h2 em{color:#8760a8;font-family:Georgia,serif;font-weight:400}

.story-built-card{color:#fff;background:linear-gradient(125deg,#061f18,#0c3a2c 65%,#251e35);border:1px solid #fff3;border-radius:30px;grid-template-columns:120px .62fr 1.38fr;align-items:center;gap:35px;max-width:1250px;margin:0 auto;padding:42px;display:grid;box-shadow:0 35px 80px #092e232e}

.story-built-mark{background:var(--story-lime);border-radius:50%;place-items:center;width:105px;height:105px;display:grid}

.story-built-mark img{width:65px}

.story-built-card span{color:var(--story-lime);font-family:var(--font-geist-mono),monospace;letter-spacing:.16em;font-size:8px;font-weight:850}

.story-built-card h3{letter-spacing:-.055em;margin:8px 0 0;font-size:50px}

.story-built-card>p{color:#ffffffa8;margin:0;font-size:15px;line-height:1.75}

.story-belief{text-align:center;max-width:1050px;margin:100px auto 10px}

.story-belief>p{color:#63776e;margin:0 0 20px;font-size:17px}

.story-belief h3{letter-spacing:-.055em;margin:0;font-size:clamp(42px,5vw,75px);line-height:1}

.story-belief h3 em{color:#8760a8;font-family:Georgia,serif;font-weight:400}

.story-vision{text-align:center;background:linear-gradient(128deg,var(--story-lime),#ecf7c7 50%,var(--story-lilac));align-content:center;place-items:center;min-height:730px;padding:105px 8vw;display:grid;position:relative;overflow:hidden}

.story-vision .story-chapter-mark{z-index:2;color:var(--story-ink);position:relative}

.story-vision h2{z-index:2;letter-spacing:-.06em;max-width:1270px;margin:42px 0 48px;font-size:clamp(49px,6.2vw,96px);line-height:.96;position:relative}

.story-vision-words{z-index:2;align-items:center;gap:20px;font-size:9px;display:flex;position:relative}

.story-vision-words i{background:#76549f;width:5px;height:5px;transform:rotate(45deg)}

.story-vision-shape{border:1px solid #092e231f;border-radius:50%;position:absolute}

.story-vision-shape--one{width:58vw;height:58vw;top:-22vw;left:-13vw;box-shadow:0 0 0 90px #ffffff1a,0 0 0 180px #ffffff12}

.story-vision-shape--two{width:52vw;height:52vw;bottom:-25vw;right:-9vw;box-shadow:0 0 0 80px #76549f0d}

.story-values{background:radial-gradient(circle at 8% 9%,#ddf96a38,transparent 22%), radial-gradient(circle at 92% 70%,#c9c4ff52,transparent 25%), var(--story-paper)}

.story-values-head{grid-template-columns:1.15fr .55fr;align-items:end;gap:9vw;margin-bottom:80px;display:grid}

.story-values-head h2{margin-top:32px}

.story-values-head>p{color:#63786e;margin:0 0 9px;font-size:18px;line-height:1.75}

.story-value-group{border-top:1px solid #092e232b;grid-template-columns:190px repeat(2,1fr);display:grid}

.story-value-group:last-child{border-bottom:1px solid #092e232b}

.story-value-axis,.story-value-group article{border-right:1px solid #092e232b;min-height:300px;padding:34px 30px}

.story-value-group>:last-child{border-right:0}

.story-value-axis{flex-direction:column;align-items:flex-start;gap:20px;font-size:9px;display:flex}

.story-value-group article{flex-direction:column;justify-content:center;display:flex;position:relative}

.story-value-group article>span{font-family:var(--font-geist-mono),monospace;opacity:.4;font-size:8px;position:absolute;top:25px;left:30px}

.story-value-group article h3{letter-spacing:-.045em;margin:0 0 16px;font-size:35px}

.story-value-group article p{color:#60756b;max-width:500px;margin:0;font-size:15px;line-height:1.75}

.story-value-group blockquote{max-width:500px;color:var(--story-ink);border-top:1px solid #092e231f;border-left:3px solid #76549f;margin:20px 0 0;padding:17px 0 0 21px;font-family:Georgia,serif;font-size:19px;font-style:italic;line-height:1.45}

.story-value-group--discover{grid-template-columns:190px 1fr 1fr}

.story-value-group--discover article{grid-column:2/-1}

.story-value-icon{background:var(--story-lime);border-radius:50%;width:61px;height:61px;display:block;position:relative}

.story-value-icon i,.story-value-icon b{display:block;position:absolute}

.story-value-icon--discover i{border:3px solid var(--story-ink);border-radius:50%;width:22px;height:22px;top:17px;left:18px}

.story-value-icon--discover b{background:var(--story-ink);width:16px;height:3px;bottom:13px;right:13px;transform:rotate(45deg)}

.story-value-icon--move{background:var(--story-lilac)}

.story-value-icon--move i{background:var(--story-ink);width:32px;height:3px;top:29px;left:16px;transform:rotate(-36deg)}

.story-value-icon--move b{border-top:3px solid var(--story-ink);border-right:3px solid var(--story-ink);width:13px;height:13px;top:12px;right:12px}

.story-value-icon--belong{background:#e8eddf}

.story-value-icon--belong i{border:3px solid var(--story-ink);width:17px;height:17px;box-shadow:17px 0 0 -3px #e8eddf,17px 0 0 0 var(--story-ink);border-radius:50%;top:20px;left:14px}

.story-value-icon--belong b{border:3px solid var(--story-ink);border-top:0;border-radius:0 0 24px 24px;width:39px;height:18px;bottom:11px;left:11px}

.story-closing{color:#fff;text-align:center;background:radial-gradient(circle at 22% 75%,#ddf96a21,transparent 27%),radial-gradient(circle at 77% 18%,#d9a8f526,transparent 26%),linear-gradient(133deg,#0f3d2e,#174d3b 58%,#184d38);align-content:center;place-items:center;min-height:760px;padding:105px 6vw;display:grid;position:relative;overflow:hidden}

.story-closing>:not(.story-closing-grid,.story-closing-orbit){z-index:2;position:relative}

.story-closing h2{letter-spacing:-.075em;margin:36px 0 26px;font-size:clamp(70px,8.4vw,136px);line-height:.82}

.story-closing-orbit{border:1px solid #ddf96a1a;border-radius:50%;width:610px;height:610px;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}

.story-closing-orbit i{border:1px solid #c9c4ff1a;border-radius:50%;position:absolute;inset:16%}

.story-closing-orbit i:nth-child(2){inset:31%}

.story-closing-orbit i:nth-child(3){background:#ddf96a08;inset:44%}

@keyframes storySpin{to{transform:rotate(360deg)}}

@media (width<=1050px) {
  .story-hero{min-height:760px;padding-left:4vw;padding-right:4vw}
  .story-hero h1{font-size:clamp(61px,7.5vw,90px)}
  .story-orbit{width:46vw}
  .story-opening,.story-chapter,.story-founding,.story-values{padding-left:4vw;padding-right:4vw}
  .story-built-card{grid-template-columns:95px .7fr 1.3fr;padding:32px}
  .story-built-mark{width:88px;height:88px}
  .story-value-group{grid-template-columns:150px repeat(2,1fr)}
  .story-value-group--discover{grid-template-columns:150px 1fr 1fr}
}

@media (width<=760px) {
  .story-hero{grid-template-columns:1fr;align-content:start;min-height:970px;padding:118px 20px 45px}
  .story-hero-copy{max-width:100%}
  .story-hero h1{font-size:clamp(59px,16vw,82px)}
  .story-hero-copy>p{font-size:15px}
  .story-orbit{justify-self:center;width:min(500px,100%);margin-top:35px}
  .story-hero-index{display:none}
  .story-opening,.story-chapter,.story-founding,.story-values{padding:78px 20px}
  .story-opening-grid,.story-chapter-grid,.story-india-head,.story-founding-intro,.story-values-head{grid-template-columns:1fr;gap:30px}
  .story-opening-title h2,.story-chapter-copy h2,.story-india-head h2,.story-values-head h2{font-size:54px}
  .story-opening-copy p:first-child{font-size:20px}
  .story-movement-strip{grid-template-columns:1fr;margin-top:45px}
  .story-movement-strip article{border-bottom:1px solid #092e2329;border-right:0;min-height:190px}
  .story-movement-strip article:last-child{border-bottom:0}
  .story-city-visual{order:2;min-height:520px}
  .story-chapter-copy{order:1}
  .story-chaos-grid{grid-template-columns:1fr 1fr;margin-top:42px}
  .story-chaos-grid article{min-height:170px}
  .story-gap-statements{grid-template-columns:1fr}
  .story-contrast{min-height:560px;padding:70px 20px}
  .story-contrast h2{font-size:58px}
  .story-contrast h3{font-size:50px}
  .story-founding-statement{margin:70px auto}
  .story-founding-statement h2{font-size:65px}
  .story-built-card{grid-template-columns:78px 1fr;gap:22px;padding:27px}
  .story-built-mark{width:76px;height:76px}
  .story-built-mark img{width:49px}
  .story-built-card h3{font-size:42px}
  .story-built-card>p{grid-column:1/-1}
  .story-belief{margin-top:75px}
  .story-belief h3{font-size:43px}
  .story-vision{min-height:650px;padding:80px 20px}
  .story-vision h2{font-size:48px}
  .story-values-head{margin-bottom:50px}
  .story-value-group,.story-value-group--discover{grid-template-columns:1fr}
  .story-value-group--discover article{grid-column:auto}
  .story-value-axis,.story-value-group article{border-bottom:1px solid #092e232b;border-right:0;min-height:auto}
  .story-value-axis{flex-direction:row;align-items:center;padding:25px 18px}
  .story-value-group article{padding:65px 22px 33px}
  .story-value-group article h3{font-size:31px}
  .story-closing{min-height:700px;padding:85px 20px}
  .story-closing h2{font-size:65px}
  .story-closing>p{font-size:16px}
}

@media (width<=430px) {
  .story-hero{min-height:880px}
  .story-hero h1{font-size:53px}
  .story-orbit{margin-top:22px}
  .story-opening-title h2,.story-chapter-copy h2,.story-india-head h2,.story-values-head h2{font-size:46px}
  .story-city-visual{min-height:450px}
  .story-city-card{min-width:105px;padding:13px;font-size:7px}
  .story-chaos-grid{grid-template-columns:1fr}
  .story-chaos-grid article{min-height:145px}
  .story-contrast h2{font-size:49px}
  .story-contrast h3{font-size:43px}
  .story-founding-statement h2{font-size:53px}
  .story-vision h2{font-size:41px}
  .story-vision-words{gap:10px;font-size:7px}
  .story-closing h2{font-size:54px}
}

.story-page{--font-geist-mono:var(--font-kicker);--ink:#062e23;--deep:#03271d;--lime:#d9ff56;--lime-soft:#efffc2;--lav:#cfc4ff;--purple:#8060a9;--paper:#f7f8f1;color:var(--ink);background:var(--paper);overflow:hidden}

.story-page h1,.story-page h2,.story-page h3,.story-page h4,.story-page p{margin-top:0}

.story-label{font-family:var(--font-geist-mono),monospace;letter-spacing:.17em;align-items:center;gap:11px;font-size:10px;font-weight:850;line-height:1.2;display:inline-flex}

.story-label i{background:var(--lime);border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 5px #d9ff5621}

.story-hero{color:#fff;isolation:isolate;background:#031c15;align-items:flex-end;min-height:max(860px,100svh);padding:140px clamp(28px,6.8vw,112px) 168px;display:flex;position:relative;overflow:hidden}

.story-hero:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000,#031c15);height:150px;position:absolute;bottom:0;left:0;right:0}

.story-hero__image,.story-hero__shade{width:100%;height:100%;position:absolute;inset:0}

.story-hero__image{z-index:-3;object-fit:cover;object-position:center 22%;filter:none}

.story-hero__shade{z-index:-2;background:linear-gradient(90deg,#011d15fa,#011d15d4 31%,#011d152e 68%),linear-gradient(#0000 52%,#011d1599)}

.story-hero__content{z-index:2;max-width:980px;position:relative}

.story-hero__content .story-label{color:var(--lime)}

.story-hero h1{letter-spacing:-.072em;margin:34px 0 22px;font-size:clamp(64px,7.3vw,118px);font-weight:560;line-height:.88}

.story-hero h1 em{color:var(--lav);font-family:Georgia,serif;font-weight:400}

.story-hero__lede{color:#ffffffb8;max-width:620px;margin:0 0 34px;font-size:clamp(16px,1.3vw,19px);line-height:1.65}

.story-hero__link{color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff14;border:1px solid #ffffff57;border-radius:999px;align-items:center;gap:45px;padding:17px 23px;font-size:13px;font-weight:750;text-decoration:none;transition:all .25s;display:inline-flex}

.story-hero__link:hover{background:#ffffff26;transform:translateY(-3px)}

.story-hero__link span{color:var(--lime);font-size:19px}

.story-hero__word{z-index:-1;color:#ffffff0e;letter-spacing:-.08em;font-size:clamp(150px,21vw,350px);font-weight:850;line-height:1;position:absolute;bottom:-.17em;right:-.035em}

.story-orbit--hero{z-index:-1;border:1px solid #d9ff563b;border-radius:50%;width:180px;height:180px;position:absolute;top:7%;right:5vw;box-shadow:0 0 0 50px #cfc4ff09,0 0 0 100px #d9ff5605}

.story-narrative{background:linear-gradient(#031c15 0,#dce8e0 62px,#fbfcf8 120px,#f7faf2 220px,#f4f7ec 70%,#efeaf8 100%);padding:120px clamp(24px,7vw,118px) 155px;position:relative;overflow:hidden}

.story-narrative__intro,.story-chapters{z-index:1;position:relative}

.story-narrative__intro{z-index:1;max-width:1280px;margin:0 auto 70px;position:relative}

.story-narrative__intro .story-label{color:#5f8a0d}

.story-chapters{z-index:1;max-width:1360px;margin:0 auto;position:relative}

.story-chapters:before{content:"";background:linear-gradient(#0000,#082e231a 10%,#8060a938 48%,#082e231a 90%,#0000);width:1px;position:absolute;top:2%;bottom:2%;left:50%}

.story-chapter{grid-template-columns:minmax(0,1.34fr) minmax(300px,.66fr);align-items:center;gap:clamp(38px,5.5vw,88px);margin-bottom:56px;display:grid;position:relative}

.story-chapter:last-child{margin-bottom:0}

.story-chapter--reverse{grid-template-columns:minmax(300px,.66fr) minmax(0,1.34fr)}

.story-chapter--reverse .story-chapter__media{grid-column:2}

.story-chapter--reverse .story-chapter__copy{grid-area:1/1}

.story-chapter__media{background:#dce5d7;border-radius:42% 42% 42% 10%;min-height:550px;margin:0;position:relative;overflow:hidden;box-shadow:0 28px 70px #072f231a;transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s ease}

.story-chapter--reverse .story-chapter__media{border-radius:42% 42% 10%}

.story-chapter__media:after{content:"";background:linear-gradient(#0000 68%,#04281e47);position:absolute;inset:0}

.story-chapter__media img{object-fit:cover;width:100%;height:100%;min-height:550px;transition:transform .7s cubic-bezier(.2,.7,.2,1)}

.story-chapter:hover .story-chapter__media{transform:translateY(-6px);box-shadow:0 36px 90px #174d3b2e}

.story-chapter:hover .story-chapter__media img{transform:scale(1.045)}

.story-chapter__copy{padding:38px 0;position:relative}

.story-chapter__copy:before{content:"";background:linear-gradient(90deg,var(--lime),var(--lavender));border-radius:999px;width:96px;height:5px;position:absolute;top:0;box-shadow:0 0 18px #ddf96a66}

.story-chapter__copy p{letter-spacing:-.025em;margin:0;font-size:clamp(20px,1.5vw,25px);font-weight:470;line-height:1.58}

.story-chapter__lead{color:var(--pine);font-weight:500}

.story-chapter__name{color:var(--purple,#8060a9)}

.story-chapter__accent{color:var(--purple,#8060a9);font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400}

.story-blobs{z-index:0;pointer-events:none;position:absolute;inset:240px 0 0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 120px);mask-image:linear-gradient(#0000,#000 120px)}

.story-blob{position:absolute;will-change:transform}

.story-blob--glow{filter:blur(64px);opacity:.72}

.story-blob--form{opacity:.78;filter:blur(2px);box-shadow:inset 0 0 0 1px #ffffff66}

.story-blob--spark{filter:blur(18px);opacity:.85}

.story-blob--a{background:radial-gradient(circle at 35% 40%,#ddf96acc,#d7edbe66 48%,#0000 72%);border-radius:50%;width:min(560px,50vw);height:min(560px,50vw);top:6%;left:-12%}

.story-blob--b{background:radial-gradient(circle at 60% 40%,#c9c4ffd6,#d9a8f566 50%,#0000 74%);border-radius:50%;width:min(500px,46vw);height:min(500px,46vw);top:2%;right:-10%}

.story-blob--c{background:linear-gradient(145deg,#e7f3d4 0%,#dceac4 55%,#e8e3f8 100%);border-radius:64% 36% 52% 48% / 48% 58% 42% 52%;width:min(620px,54vw);height:min(420px,36vw);top:18%;left:-8%}

.story-blob--d{background:linear-gradient(160deg,#e4dff8 0%,#d5cef0 48%,#eaf4d8 100%);border-radius:38% 62% 46% 54% / 54% 40% 60% 46%;width:min(540px,48vw);height:min(460px,40vw);top:36%;right:-9%}

.story-blob--e{background:radial-gradient(circle at 45% 50%,#ddf96ab3,#c9c4ff59 55%,#0000 76%);border-radius:50%;width:min(640px,56vw);height:min(420px,38vw);top:58%;left:18%}

.story-blob--f{background:linear-gradient(135deg,#eaf6d8,#e0dcf6);border-radius:52% 48% 40% 60% / 44% 56% 44% 56%;width:min(480px,42vw);height:min(360px,32vw);bottom:8%;right:6%}

.story-blob--g{background:radial-gradient(circle,#ddf96ae6,#ddf96a00 70%);border-radius:50%;width:180px;height:180px;top:28%;left:42%}

.story-blob--h{background:radial-gradient(circle,#d9a8f5e0,#c9c4ff00 70%);border-radius:50%;width:150px;height:150px;top:68%;right:28%}

@media (prefers-reduced-motion:no-preference) {
  .story-blob--a{animation:storyBlobFloat 24s ease-in-out infinite alternate}
  .story-blob--b{animation:storyBlobFloat 30s ease-in-out infinite alternate-reverse}
  .story-blob--c{animation:storyBlobMorph 18s ease-in-out infinite alternate}
  .story-blob--d{animation:storyBlobMorph 22s ease-in-out infinite alternate-reverse}
  .story-blob--e{animation:storyBlobFloat 28s ease-in-out infinite alternate}
  .story-blob--f{animation:storyBlobMorph 20s ease-in-out infinite alternate}
  .story-blob--g{animation:storyBlobPulse 8s ease-in-out infinite alternate}
  .story-blob--h{animation:storyBlobPulse 10s ease-in-out infinite alternate-reverse}
}

@keyframes storyBlobFloat {
  from { transform: translate3d(0,0,0) scale(1) }
  to { transform: translate3d(18px,-22px,0) scale(1.04) }
}

@keyframes storyBlobMorph {
  0% { transform: translate3d(0,0,0) rotate(0deg); border-radius:64% 36% 52% 48% / 48% 58% 42% 52% }
  100% { transform: translate3d(-14px,18px,0) rotate(6deg); border-radius:42% 58% 38% 62% / 56% 40% 60% 44% }
}

@keyframes storyBlobPulse {
  from { transform: scale(.9); opacity:.55 }
  to { transform: scale(1.15); opacity:.95 }
}

@media (width<=720px) {
  .story-blob--glow{opacity:.55;filter:blur(48px)}
  .story-blob--form{opacity:.55}
  .story-blob--e,.story-blob--g,.story-blob--h{display:none}
}

.story-community{background:var(--pine-night);justify-items:center;align-items:center;width:100%;margin:0;padding:72px 3vw;display:grid}

.story-community img,.story-community__shade{grid-area:1/1;border-radius:48px;width:min(1440px,94vw);min-height:560px;aspect-ratio:16/8.2}

.story-community img{object-fit:cover;object-position:center;background:var(--deep);height:100%;box-shadow:0 45px 110px #03271d38}

.story-community__shade{pointer-events:none;background:linear-gradient(90deg,#03271db3,#03271d2e 46%,#03271d7a),linear-gradient(#03271d33,#03271d85);z-index:1}

.story-vision{background:linear-gradient(180deg,#edf3e6 0%,var(--lime-soft) 14%,#f4f7ec 55%,#ebe7ff 100%);grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr);align-items:end;gap:clamp(55px,8vw,130px);min-height:560px;padding:82px clamp(24px,7vw,118px) 92px;display:grid;position:relative;overflow:hidden}

.story-vision>:not(.story-vision__rings){z-index:2;position:relative}

.story-vision .story-label{color:#648506}

.story-vision h2{letter-spacing:-.067em;margin:28px 0 26px;font-size:clamp(54px,5.7vw,88px);font-weight:520;line-height:.89}

.story-vision h2 em{color:var(--purple);font-family:Georgia,serif;font-weight:400}

.story-vision__copy>p{color:#536e64;max-width:620px;margin:0;font-size:17px;line-height:1.68}

.story-vision__principles{border-top:1px solid #082e2329;margin:0;padding:0;list-style:none}

.story-vision__principles li{border-bottom:1px solid #082e2329;grid-template-columns:48px 1fr;align-items:center;gap:20px;min-height:82px;display:grid}

.story-vision__principles span{font-family:var(--font-geist-mono),monospace;color:#708d18;font-size:9px;font-weight:850}

.story-vision__principles strong{letter-spacing:-.03em;font-size:clamp(19px,1.5vw,25px)}

.story-vision__rings{border:1px solid #082e2314;border-radius:50%;width:62vw;height:62vw;position:absolute;top:-18vw;right:-12vw;box-shadow:0 0 0 80px #cfc4ff09,0 0 0 160px #d9ff5606}

.story-vision__rings i{border:1px solid #082e2312;border-radius:50%;position:absolute;inset:15%}

.story-vision__rings i:nth-child(2){inset:31%}

.story-vision__rings i:nth-child(3){background:#ffffff29;inset:45%}

.story-values{background:radial-gradient(circle at 5% 30%,#d9ff562b,transparent 24%),radial-gradient(circle at 94% 72%,#cfc4ff3b,transparent 30%),linear-gradient(180deg,#ebe7ff 0%,var(--paper) 15%,var(--paper) 78%,#e5ece1 100%);padding:110px clamp(24px,7vw,118px) 190px;position:relative}

.story-values>:not(.story-values__shape){z-index:2;position:relative}

.story-values__head{text-align:center;flex-direction:column;align-items:center;max-width:1280px;margin:0 auto 70px;display:flex}

.story-values__head .story-label{color:#6e9111}

.story-values__head h2{letter-spacing:-.065em;white-space:nowrap;margin:28px 0 22px;font-size:clamp(54px,6.2vw,94px);font-weight:520;line-height:.92}

.story-values__head h2 em{color:var(--purple);font-family:Georgia,serif;font-weight:400}

.story-values__head>p{color:#5d756b;max-width:870px;margin:0;font-size:18px;line-height:1.7}

.story-value-grid{grid-template-columns:repeat(3,1fr);gap:18px;max-width:1280px;margin:0 auto;display:grid}

.story-value{isolation:isolate;cursor:default;background:#fff;border:1px solid #082e231f;border-radius:38px;outline:0;min-height:650px;position:relative;overflow:hidden;box-shadow:0 28px 80px #072f2314}

.story-value:focus-visible{box-shadow:0 0 0 4px var(--lav),0 28px 80px #072f231a}

.story-value__image{z-index:-2;position:absolute;inset:0 0 38%;overflow:hidden}

.story-value__image:after{content:"";background:linear-gradient(#0000 35%,#03271dcc);position:absolute;inset:0}

.story-value__image img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.7,.2,1)}

.story-value--discover .story-value__image img{object-position:48% center}

.story-value--move .story-value__image img{object-position:62% center}

.story-value--belong .story-value__image img{object-position:56% center}

.story-value:hover .story-value__image img,.story-value:focus-within .story-value__image img{transform:scale(1.05)}

.story-value__summary{z-index:2;color:#fff;position:absolute;top:39%;left:28px;right:28px}

.story-value__summary span{font-family:var(--font-geist-mono),monospace;font-size:8px;font-weight:900}

.story-value__summary h3{letter-spacing:-.055em;margin:8px 0 5px;font-size:clamp(38px,3vw,54px)}

.story-value__summary small{font-family:var(--font-geist-mono),monospace;letter-spacing:.12em;color:var(--lime);font-size:8px}

.story-value__reveal{z-index:3;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff7;max-height:150px;padding:30px 28px 25px;transition:max-height .55s cubic-bezier(.22,.8,.22,1),padding .55s cubic-bezier(.22,.8,.22,1);position:absolute;bottom:0;left:0;right:0;overflow:hidden}

.story-value:hover .story-value__reveal,.story-value:focus .story-value__reveal,.story-value:focus-within .story-value__reveal{max-height:420px}

.story-value__reveal h4{letter-spacing:-.04em;margin:0 0 9px;font-size:25px}

.story-value__reveal h4:not(:first-child){margin-top:21px}

.story-value__reveal p{color:#5a7268;margin:0;font-size:14px;line-height:1.65}

.story-value__reveal blockquote{border-top:1px solid #082e231a;border-left:3px solid var(--purple);color:#3d594f;margin:13px 0 0;padding:12px 0 0 14px;font-family:Georgia,serif;font-size:15px;font-style:italic;line-height:1.45}

.story-value--discover .story-value__reveal{border-top:5px solid var(--lime)}

.story-value--move .story-value__reveal{border-top:5px solid var(--lav)}

.story-value--belong .story-value__reveal{border-top:5px solid #b8c7ac}

.story-values__shape{pointer-events:none;border-radius:45% 55% 38% 62%;position:absolute}

.story-values__shape--one{border:1px solid #082e230d;width:29vw;height:29vw;top:28%;left:-13vw;box-shadow:0 0 0 60px #d9ff5608}

.story-values__shape--two{background:#cfc4ff0b;width:30vw;height:30vw;bottom:4%;right:-10vw}

.story-closing{color:#fff;text-align:center;background:linear-gradient(#e5ece1 0%,#9cbaa89e 14%,#1a5b47 28%,#174d3b 55%,#184d38 100%);flex-direction:column;justify-content:center;align-items:center;min-height:720px;padding:180px clamp(24px,7vw,118px) 110px;display:flex;position:relative;overflow:hidden}

.story-closing:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(180deg,#184d3800 0%,#174d3bb8 42%,#184d38 100%);height:180px;position:absolute;bottom:0;left:0;right:0}

.story-closing>:not(.story-closing__grid){z-index:2;position:relative}

.story-closing h2{letter-spacing:-.068em;max-width:1220px;margin:0 0 30px;font-size:clamp(65px,7.5vw,118px);font-weight:540;line-height:.88}

.story-closing h2 em{color:var(--lav);font-family:Georgia,serif;font-style:italic;font-weight:400}

.story-closing>p{color:#ffffffb8;max-width:800px;margin:0 0 38px;font-size:18px;line-height:1.72}

.story-closing .button{align-self:center}

.story-closing__grid{background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 10%,#000 36%);mask-image:linear-gradient(#0000 10%,#000 36%)}

.story-closing:after{content:"";border:1px solid #d9ff561a;border-radius:50%;width:75vw;height:75vw;position:absolute;top:-30vw;right:-20vw;box-shadow:0 0 0 110px #cfc4ff06,0 0 0 220px #d9ff5605}

@media (width<=980px) {
  .story-hero{min-height:max(760px,100svh);padding-left:35px;padding-right:35px}
  .story-hero__image{object-position:58% 18%}
  .story-narrative,.story-values,.story-vision{padding-left:35px;padding-right:35px}
  .story-chapter{gap:45px}
  .story-chapter__media,.story-chapter__media img{min-height:400px}
  .story-vision{grid-template-columns:1fr;align-items:start}
  .story-vision__principles{max-width:680px}
  .story-value-grid{grid-template-columns:1fr}
  .story-value{min-height:560px}
  .story-value__image{inset:0 0 30%}
  .story-value__summary{top:48%}
  .story-value__reveal{max-height:132px}
  .story-value:hover .story-value__reveal,.story-value:focus .story-value__reveal,.story-value:focus-within .story-value__reveal{max-height:360px}
}

@media (width<=720px) {
  .story-label{font-size:8px}
  .story-hero{min-height:max(740px,100svh);padding:110px 20px 120px}
  .story-hero__image{object-position:64% 16%}
  .story-hero__shade{background:linear-gradient(#011d1529,#011d15ba 48%,#011d15fa)}
  .story-hero h1{margin:25px 0 30px;font-size:clamp(48px,14.5vw,70px);line-height:.93}
  .story-hero__word{font-size:145px;bottom:-.08em}
  .story-narrative{padding:80px 20px 95px}
  .story-narrative__intro{margin-bottom:45px}
  .story-hero__lede{font-size:15px;margin-bottom:28px}
  .story-chapters:before{display:none}
  .story-chapter,.story-chapter--reverse{grid-template-columns:1fr;gap:25px;margin-bottom:40px}
  .story-chapter--reverse .story-chapter__media,.story-chapter--reverse .story-chapter__copy{grid-area:auto}
  .story-chapter--reverse .story-chapter__copy{order:2}
  .story-chapter__media,.story-chapter--reverse .story-chapter__media{border-radius:34% 34% 34% 10%;min-height:330px}
  .story-chapter__media img{min-height:330px}
  .story-chapter__copy{padding:28px 3px 0}
  .story-chapter__copy p{font-size:18px;line-height:1.62}
  .story-community{padding:48px 0}
  .story-community img,.story-community__shade{aspect-ratio:4/5;border-radius:0;width:100%;min-height:480px}
  .story-community img{object-position:center}
  .story-vision{min-height:auto;padding:76px 20px}
  .story-vision h2{font-size:51px}
  .story-vision__copy>p{font-size:16px}
  .story-vision__principles{margin-top:42px}
  .story-vision__principles strong{font-size:20px}
  .story-values{padding:82px 20px 120px}
  .story-values__head{gap:0;margin-bottom:50px}
  .story-values__head h2{white-space:normal;font-size:48px}
  .story-values__head>p{font-size:16px}
  .story-value{border-radius:28px;min-height:540px}
  .story-value__summary{left:22px;right:22px}
  .story-value__reveal{padding-left:22px;padding-right:22px}
  .story-value__reveal h4{font-size:23px}
  .story-value__reveal p{font-size:13px}
  .story-closing{min-height:660px;padding:115px 20px 85px}
  .story-closing h2{font-size:58px}
  .story-closing>p{font-size:16px}
}

@media (width<=420px) {
  .story-hero{min-height:700px}
  .story-hero h1{font-size:46px}
  .story-chapter__media,.story-chapter__media img{min-height:290px}
  .story-chapter__copy p{font-size:17px}
  .story-vision h2{font-size:46px}
  .story-values__head h2{font-size:48px}
  .story-value{min-height:570px}
  .story-value__image{inset:0 0 35%}
  .story-value__summary{top:43%}
  .story-value__reveal{max-height:155px}
  .story-closing h2{font-size:51px}
}