@layer theme,base;@layer components{.about-story{padding-top:0}.tl2-wrap{grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:24px;display:grid}.tl2-h{align-self:start;padding-top:clamp(24px,4vw,48px);font-size:1.25rem;font-weight:650;position:sticky;top:110px}.tl2{padding-inline-start:56px;position:relative}.tl2:before{content:"";background:var(--line);inset-inline-start:19px;width:2px;position:absolute;top:24px;bottom:24px}.tl2__fill{background:var(--blue);inset-inline-start:19px;width:2px;height:0;position:absolute;top:24px}.tl2 li{padding-block:clamp(24px,4vw,48px);position:relative}.tl2 li:before{content:"";background:var(--bg);border:2px solid var(--line);inset-inline-start:-44px;border-radius:50%;width:16px;height:16px;transition:background-color .35s,border-color .35s;position:absolute;top:calc(clamp(24px,4vw,48px) + .9rem)}.tl2 li.on:before{background:var(--blue);border-color:var(--blue)}.tl2__k{letter-spacing:-.035em;overflow-wrap:anywhere;transition:opacity .5s var(--ease);font-size:clamp(2.4rem,6vw,5rem);font-weight:780;font-stretch:112%;line-height:1;display:block}.js .tl2 li:not(.on) .tl2__k{opacity:.45}.js-late .tl2:not(.is-live) li .tl2__k{opacity:1}.tl2__t{color:var(--muted);margin-top:10px;font-size:clamp(1.05rem,1.4vw,1.2rem);display:block}html[dir=rtl] .tl2__k{line-height:1.3}@media (max-width:900px){.tl2-wrap{grid-template-columns:minmax(0,1fr)}.tl2-h{padding-top:0;position:static}}@media (max-width:380px){.tl2__k{font-size:clamp(1.75rem,9vw,2.4rem)}}.sec.cm{color:#fff;background:#000;padding:0}.cm-in{padding-block:var(--sec)}.cm-top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.cm-h{font-size:1.25rem;font-weight:650}.cm-sub{color:#a2a2b0;margin-top:4px}.cm-n{white-space:nowrap;font-variant-numeric:tabular-nums;color:#a2a2b0;flex:none;font-weight:600;display:none}.cm-n span{color:#fff}.cm-list{margin-top:24px;position:relative}.cm-i{transition:opacity .45s var(--ease);border-top:1px solid #26262e;align-content:center;gap:18px;padding:24px 0;display:grid;position:relative}.cm-i h3{overflow-wrap:anywhere;letter-spacing:-.035em;max-width:16ch;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:780;font-stretch:112%;line-height:.98}.cm-i p{color:#c9c9d2;max-width:52ch;font-size:clamp(1.05rem,1.6vw,1.35rem)}.cm-dots{gap:8px;display:none}.cm-dots i{background:#2e2e36;flex:1;max-width:72px;height:3px;transition:background-color .35s}.cm-dots i.on{background:#fff}html[dir=rtl] .cm-i h3{line-height:1.4}@media (prefers-reduced-motion:no-preference) and (min-height:600px){.js .cm-stage{height:400vh;position:relative}.js .cm-pin{height:100vh;position:sticky;top:0;overflow:hidden}.js .cm-in{grid-template-rows:auto 1fr auto;height:100%;padding-block:clamp(96px,13vh,150px) clamp(40px,8vh,80px);display:grid}.js .cm-n{display:block}.js .cm-list{align-self:stretch;margin-top:0}.js .cm-i{opacity:0;border-top:0;padding:0;position:absolute;inset:0}.js .cm-i.on{opacity:1}.js .cm-i h3{font-size:clamp(2.6rem,8vw,7rem)}.js .cm-dots{display:flex}}@media (prefers-reduced-motion:no-preference) and (min-height:600px) and (max-width:700px){.js .cm-in{padding-bottom:calc(clamp(40px, 8vh, 80px) + 76px + env(safe-area-inset-bottom,0px))}}.ofx2{grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:center;gap:24px;margin-top:clamp(16px,3vw,32px);display:grid}.ofx2__o{margin-bottom:20px}.ofx2__o h3{letter-spacing:-.015em;font-size:clamp(1.4rem,2.2vw,1.9rem);font-weight:740;font-stretch:108%}.ofx2__o p{color:var(--muted);margin-top:4px}.ofx2__n{letter-spacing:-.045em;margin-top:clamp(16px,3vw,36px);font-size:clamp(4rem,8vw,7rem);font-weight:800;font-stretch:118%;line-height:.85}.ofx2__l{max-width:30ch;margin-top:12px;font-size:clamp(1.05rem,1.5vw,1.25rem);font-weight:560}.ofx2__note{margin-top:28px}html[dir=rtl] .ofx2__n{line-height:1.1}@media (max-width:800px){.ofx2{grid-template-columns:minmax(0,1fr)}}.wglobe{--globe:#9a9aaa;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;height:clamp(380px,48vw,660px);color:var(--globe);position:relative}.wglobe:active{cursor:grabbing}:root[data-theme=dark] .wglobe{--globe:#55556a}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .wglobe{--globe:#55556a}}.wglobe canvas{touch-action:pan-y;width:100%;height:100%;position:absolute;inset:0}.wglobe__pause{border:1px solid var(--line);background:var(--bg);width:40px;height:40px;color:var(--fg);cursor:pointer;opacity:.7;border-radius:50%;place-items:center;padding:0;transition:opacity .25s;display:grid;position:absolute;inset-block-end:4px;inset-inline-end:4px}.wglobe__pause:hover,.wglobe__pause:focus-visible{opacity:1}.wglobe__pause svg{width:16px;height:16px}@media (prefers-reduced-motion:reduce){.wglobe__pause{display:none}}}@layer utilities;
