.cx-about{--ab-e2: 0 8px 24px -8px rgb(13 18 16 / 16%), 0 1px 2px rgb(13 18 16 / 5%);--ab-gutter: clamp(20px, 6.67vw, 96px)}.cx-about .cx-container{max-width:1440px;padding-inline:var(--ab-gutter)}.cx-about .ab-eyebrow{display:block;margin:0 0 16px;color:var(--water)}.cx-about .ab-sec{padding-block:clamp(64px,8vw,112px)}.cx-about .ab-head{margin-bottom:48px}.cx-about .ab-hero{padding-block:clamp(48px,7.8vw,112px)}.cx-about .ab-hero__grid{display:grid;grid-template-columns:minmax(0,636px) minmax(0,440px);justify-content:space-between;gap:48px 80px;align-items:end}.cx-about .ab-title,.cx-about .ab-hero__lede{margin:0}.cx-about .ab-belief{padding-block:clamp(64px,8vw,112px)}.cx-about .ab-belief__body{max-width:560px;margin:24px 0 0}.cx-about .ab-problem__grid{display:grid;grid-template-columns:minmax(0,520px) minmax(0,1fr);gap:80px;align-items:center}.cx-about .ab-problem__copy{display:flex;flex-direction:column;align-items:flex-start}.cx-about .ab-problem__copy .mk-body-l{max-width:500px;margin:16px 0 20px}.cx-about .ab-diagram{display:flex;flex-direction:column;gap:20px;margin:0;padding:clamp(20px,2.5vw,36px);border:1px solid var(--l-line);border-radius:20px;background:var(--day-1);box-shadow:var(--ab-e2)}.cx-about .ab-diagram ul{margin:0;padding:0;list-style:none}.cx-about .ab-diagram__sources{display:flex;flex-wrap:wrap;gap:10px}.cx-about .ab-chip{padding:10px 14px;border:1px solid var(--l-line);border-radius:10px;background:var(--day-2);color:var(--t-1);font:400 15px / 24px var(--sans)}.cx-about .ab-diagram__flow{margin:0;color:var(--water)}.cx-about .ab-diagram__core{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:20px;border-radius:14px;background:var(--petrol)}.cx-about .ab-diagram__core .mk-h4{margin:0 auto 0 0;color:var(--ti-0)}.cx-about .ab-diagram__core ul{display:flex;flex-wrap:wrap;gap:12px}.cx-about .ab-diagram__core li{padding:8px 12px;border-radius:999px;background:#173a46;color:var(--night-action)}.cx-about .ab-chip:nth-child(1){--dx: -12px;--dy: 20px;--r: -4deg}.cx-about .ab-chip:nth-child(2){--dx: 10px;--dy: -14px;--r: 3deg}.cx-about .ab-chip:nth-child(3){--dx: -8px;--dy: 24px;--r: 4deg}.cx-about .ab-chip:nth-child(4){--dx: 14px;--dy: 12px;--r: -3deg}.cx-about .ab-chip:nth-child(5){--dx: -16px;--dy: -10px;--r: 5deg}.cx-about .ab-chip:nth-child(6){--dx: 12px;--dy: -16px;--r: -5deg}.js-reveal .cx-about .ab-diagram:not(.is-visible) .ab-chip{translate:var(--dx) var(--dy);rotate:var(--r)}.js-reveal .cx-about .ab-diagram.is-visible .ab-chip{transition:translate .72s var(--mk-reveal-ease),rotate .72s var(--mk-reveal-ease);transition-delay:calc(.16s + var(--n, 0) * 50ms)}.js-reveal .cx-about .ab-diagram:not(.is-visible) :is(.ab-diagram__flow,.ab-diagram__core){opacity:0;translate:0 12px}.js-reveal .cx-about .ab-diagram.is-visible .ab-diagram__flow,.js-reveal .cx-about .ab-diagram.is-visible .ab-diagram__core{transition:opacity .56s var(--mk-reveal-ease),translate .56s var(--mk-reveal-ease);transition-delay:.64s}.js-reveal .cx-about .ab-diagram.is-visible .ab-diagram__core{transition-delay:.8s}@media(min-width:901px){.js-reveal .cx.cx-about [data-reveal=from-left]:not(.is-visible){translate:-24px 0}.js-reveal .cx.cx-about [data-reveal=from-right]:not(.is-visible){translate:24px 0}}.cx-about .ab-founder{padding-block:clamp(64px,8vw,112px);background:var(--day-1)}.cx-about .ab-founder__grid{display:grid;grid-template-columns:minmax(0,480px) minmax(0,560px);justify-content:start;gap:80px;align-items:center}.cx-about .ab-portrait{position:relative;margin:0;overflow:hidden;aspect-ratio:480 / 560;border-radius:24px;background:var(--day-2)}.cx-about .ab-portrait img{display:block;width:100%;height:100%;object-fit:cover}.cx-about .ab-portrait figcaption{position:absolute;inset:auto 16px 16px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;border-radius:14px;color:var(--t-0);background:var(--day-1)}.cx-about .ab-portrait__name{font-weight:600}.cx-about .ab-founder__copy>*{margin:0}.cx-about .ab-founder__copy>.ab-eyebrow{margin-bottom:16px}.cx-about .ab-founder__copy .mk-h2{margin-bottom:16px}.cx-about .ab-founder__sign{margin-top:16px;color:var(--t-1);font-weight:600}.cx-about .ab-founder__copy .mk-h2 .mk-serif{display:block}.cx-about .ab-principles__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.cx-about .ab-principle{display:flex;flex-direction:column;gap:14px;padding:clamp(22px,2.3vw,29px);border:1px solid var(--l-line);border-radius:20px;background:var(--day-1);transition:border-color var(--dur-1) var(--ease)}.cx-about .ab-principle:hover{border-color:var(--line-2)}.cx-about .ab-principle>*{margin:0}.cx-about .ab-principle__num{color:var(--water)}.cx-about .ab-principle .mk-body{color:var(--t-2)}.cx-about .ab-headed{background:var(--day-2)}.cx-about .ab-headed__grid{display:grid;grid-template-columns:minmax(0,560px) minmax(0,560px);justify-content:start;gap:80px;align-items:start}.cx-about .ab-headed__copy{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.cx-about .ab-headed__copy .mk-body-l{margin:0}.cx-about .ab-closing{padding-block:clamp(56px,6.7vw,96px);background:var(--day-2)}.cx-about .ab-closing__grid{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:32px 48px}.cx-about .ab-closing__lede{max-width:560px;margin:16px 0 0}.cx-about .ab-actions{display:flex;flex-wrap:wrap;gap:16px}@media(max-width:1100px){.cx-about .ab-principles__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cx-about .ab-hero__grid{grid-template-columns:minmax(0,1fr)}.cx-about .ab-hero__lede{max-width:560px}}@media(max-width:900px){.cx-about .ab-problem__grid,.cx-about .ab-founder__grid,.cx-about .ab-headed__grid{grid-template-columns:minmax(0,1fr);gap:40px}.cx-about .ab-portrait{aspect-ratio:16 / 11}}@media(max-width:640px){.cx-about .ab-principles__grid{grid-template-columns:minmax(0,1fr)}.cx-about .ab-actions{flex-direction:column;align-items:stretch;width:100%}.cx-about .ab-actions .mk-btn{width:100%}}
