:where(.page-about){margin:0}:where(.page-about) .ct{max-width:1200px;margin:0 auto;padding:0 40px;position:relative;z-index:1}:where(.page-about) .eb{display:block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--royal);margin-bottom:8px}:where(.page-about) .h1{font:600 48px/1.06 var(--font-heading),sans-serif;letter-spacing:-.02em;margin:0;text-wrap:balance}:where(.page-about) .h2{font:600 30px/1.2 var(--font-heading),sans-serif;letter-spacing:-.015em;margin:0;text-wrap:balance}:where(.page-about) .ld{font-size:16.5px;line-height:1.6;color:var(--muted);margin:12px 0 0;max-width:620px}:where(.page-about) .s{padding:64px 0;position:relative;overflow:hidden}:where(.page-about) .s.alt{background:var(--sky);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}:where(.page-about) .sh{margin-bottom:28px}:where(.page-about) .oq a.b{color:var(--ink)}:where(.page-about) .oq a.b.p{background:var(--primary);color:var(--on-primary);border-color:transparent}@keyframes about-fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes about-spinS{to{transform:rotate(1turn)}}@keyframes about-floatY{50%{transform:translateY(-10px)}}@keyframes about-drawL{to{stroke-dashoffset:0}}:where(.page-about) .ab-hero{padding:72px 0;border-bottom:1px solid var(--line);background:radial-gradient(640px 360px at 80% 40%,color-mix(in srgb,var(--teal) 18%,transparent),transparent 70%),linear-gradient(180deg,var(--surface),var(--sky));position:relative;overflow:hidden}:where(.page-about) .ab-hrow{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:40px;align-items:center}:where(.page-about) .ab-gem{position:relative;width:340px;height:340px;margin:0 auto}:where(.page-about) .ab-gem .sp{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent,color-mix(in srgb,var(--teal) 40%,transparent),transparent 40%);animation:about-spinS 9s linear infinite;-webkit-mask:radial-gradient(closest-side,transparent 70%,#000 71%,#000 73%,transparent 74%);mask:radial-gradient(closest-side,transparent 70%,#000 71%,#000 73%,transparent 74%)}:where(.page-about) .ab-gem .t{position:absolute;inset:40px;display:grid;place-items:center;animation:about-floatY 6s ease-in-out infinite}:where(.page-about) .ab-gem .t span{width:180px;height:180px;border-radius:44px;background:linear-gradient(135deg,var(--g1),var(--g2));display:grid;place-items:center;box-shadow:0 30px 70px color-mix(in srgb,var(--g1) 40%,transparent);transform:rotate(45deg)}:where(.page-about) .ab-gem .t img{width:96px;transform:rotate(-45deg)}:where(.page-about) .ab-gem .lab{position:absolute;padding:6px 12px;border-radius:999px;background:var(--raised);border:1px solid var(--line);font-size:12.5px;font-weight:700;box-shadow:0 10px 24px rgba(16,38,94,.12);animation:about-floatY 5s ease-in-out infinite}:where(.page-about) .ab-mission{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start}:where(.page-about) .ab-mission blockquote{margin:0;font:600 26px/1.35 var(--font-heading),sans-serif;letter-spacing:-.01em;padding-left:20px;border-left:4px solid var(--primary)}:where(.page-about) .ab-mission p{margin:0 0 14px;font-size:15.5px;line-height:1.7;color:var(--muted)}:where(.page-about) .ab-story{padding:14px 16px;border-radius:12px;border:1px dashed var(--line-strong);font-size:14px;color:var(--faint)}:where(.page-about) .ab-prods{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}:where(.page-about) .ab-prod{display:flex;flex-direction:column;gap:8px;padding:20px;border-radius:18px;border:1px solid var(--line);background:var(--raised);color:var(--ink);text-decoration:none!important;animation:about-fadeUp .5s ease both;transition:transform .25s,box-shadow .25s,border-color .25s}:where(.page-about) a.ab-prod:hover{transform:translateY(-4px);box-shadow:var(--shadow-pop);border-color:var(--primary)}:where(.page-about) .ab-prod.more{border-style:dashed;background:transparent}:where(.page-about) .ab-pi{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--g1),var(--g2));color:#fff}:where(.page-about) .ab-prod.more .ab-pi{background:var(--sunken);color:var(--muted)}:where(.page-about) .ab-prod b{font:600 18px var(--font-heading),sans-serif;margin-top:4px}:where(.page-about) .ab-prod small{font-size:13.5px;line-height:1.5;color:var(--muted);flex:1 1}:where(.page-about) .ab-prod em{font-style:normal;font-size:13px;font-weight:700;color:var(--royal)}:where(.page-about) .ab-vals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}:where(.page-about) .ab-val{padding:20px;border-radius:16px;border:1px solid var(--line);background:var(--raised);transition:transform .25s}:where(.page-about) .ab-val:hover{transform:translateY(-3px)}:where(.page-about) .ab-val>span{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--sky);color:var(--royal);margin-bottom:10px}:where(.page-about) .ab-val b{display:block;font:600 17px var(--font-heading),sans-serif}:where(.page-about) .ab-val p{margin:6px 0 0;font-size:14px;line-height:1.55;color:var(--muted)}:where(.page-about) .ab-who{display:flex;flex-wrap:wrap;gap:8px}:where(.page-about) .ab-who>span{height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:var(--raised);display:inline-flex;align-items:center;font-weight:600;font-size:14px;animation:about-fadeUp .4s ease both}:where(.page-about) .ab-flow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;align-items:center}:where(.page-about) .ab-svg{width:100%;height:auto}:where(.page-about) .ab-svg .ln{fill:none;stroke:var(--line-strong);stroke-width:2;stroke-dasharray:6 7}:where(.page-about) .ab-svg .mv{fill:none;stroke:var(--teal);stroke-width:2.5;stroke-dasharray:400;stroke-dashoffset:400;animation:about-drawL 3s ease infinite alternate forwards}:where(.page-about) .ab-svg rect{fill:var(--raised);stroke:var(--line);stroke-width:1.5}:where(.page-about) .ab-svg text{font:600 13px var(--font-body),sans-serif;fill:var(--ink)}:where(.page-about) .ab-svg .c{fill:url(#abg)}:where(.page-about) .ab-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}:where(.page-about) .ab-facts>div{padding:16px;border-radius:14px;border:1px solid var(--line);background:var(--raised)}:where(.page-about) .ab-facts small{font-size:12px;color:var(--faint)}:where(.page-about) .ab-facts b{display:block;font:600 19px var(--font-heading),sans-serif;margin-top:2px}:where(.page-about) .ab-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}:where(.page-about) .ab-links a{display:flex;flex-direction:column;gap:6px;padding:20px;border-radius:16px;border:1px solid var(--line);background:var(--raised);color:var(--ink);text-decoration:none!important;transition:transform .25s,border-color .25s}:where(.page-about) .ab-links a:hover{transform:translateY(-3px);border-color:var(--primary)}:where(.page-about) .ab-links b{font:600 17px var(--font-heading),sans-serif}:where(.page-about) .ab-links small{font-size:13.5px;color:var(--muted)}:where(.page-about) .ab-links em{font-style:normal;font-weight:700;font-size:13px;color:var(--royal);margin-top:4px}@media (max-width:1023px){:where(.page-about) .ct{padding:0 24px}:where(.page-about) .ab-flow,:where(.page-about) .ab-hrow,:where(.page-about) .ab-mission{grid-template-columns:minmax(0,1fr)}:where(.page-about) .ab-prods{grid-template-columns:repeat(2,minmax(0,1fr))}:where(.page-about) .ab-links,:where(.page-about) .ab-vals{grid-template-columns:repeat(2,minmax(0,1fr))}:where(.page-about) .ab-facts{grid-template-columns:minmax(0,1fr)}}@media (max-width:720px){:where(.page-about) .ct{padding:0 16px}:where(.page-about) .h1{font-size:34px}:where(.page-about) .h2{font-size:25px}:where(.page-about) .s{padding:48px 0}:where(.page-about) .ab-links,:where(.page-about) .ab-prods,:where(.page-about) .ab-vals{grid-template-columns:minmax(0,1fr)}:where(.page-about) .ab-gem{zoom:.8}:where(.page-about) .ab-mission blockquote{font-size:21px}}@media (prefers-reduced-motion:reduce){:where(.page-about) .ab-gem .lab,:where(.page-about) .ab-gem .sp,:where(.page-about) .ab-gem .t,:where(.page-about) .ab-prod,:where(.page-about) .ab-svg .mv,:where(.page-about) .ab-who>span{animation:none!important}:where(.page-about) .ab-svg .mv{stroke-dashoffset:0}}