.ab{--fc-accent:var(--link);--ab-secondary:color-mix(in srgb, var(--muted) 85%, var(--foreground));width:min(var(--width-content), 100% - 40px);color:var(--foreground);font-family:var(--font-sans), "Helvetica Neue", Arial, sans-serif;-webkit-font-smoothing:antialiased;margin:0 auto;padding:clamp(72px,12vh,128px) 0 clamp(96px,14vh,160px)}.legacy-type>main:has(>.ab){padding:0;overflow-x:clip}.ab h1,.ab h2{font-family:var(--font-sans), "Helvetica Neue", Arial, sans-serif;color:var(--foreground);text-wrap:balance;font-weight:500}.ab p{text-wrap:pretty}.ab :focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px;border-radius:var(--radius-sm)}.ab section{scroll-margin-top:96px}.ab .fc-rail{z-index:30;position:fixed;top:50%;left:22px;transform:translateY(-50%)}@media (max-width:1100px){.ab .fc-rail{display:none}}.ab-head{margin-bottom:clamp(64px,10vh,112px)}.ab .ab-head h1{letter-spacing:-.04em;margin:0;font-size:clamp(44px,6vw,72px);line-height:1}.ab-tagline{color:var(--ab-secondary);margin:20px 0 0;font-size:clamp(18px,1.6vw,21px);line-height:1.6}.ab-words{white-space:nowrap;color:var(--ab-secondary)}.ab-word-design{font-family:var(--font-tag-design), cursive;color:var(--brand-navy-700);font-size:1.22em;line-height:1;display:inline-block;rotate:-3deg}.ab-word-product{font-family:var(--font-tag-product), var(--font-sans), sans-serif;letter-spacing:-.02em;color:var(--foreground);font-weight:700}.ab-word-code{vertical-align:-.24em;filter:drop-shadow(0 1px 1px #0a1b331f)drop-shadow(0 4px 8px #0a1b3324);width:auto;height:1.3em;margin:0 -.1em 0 .02em;display:inline-block;rotate:-2deg}.ab-hi{grid-template-columns:minmax(0,300px) minmax(0,1fr);align-items:start;gap:clamp(40px,6vw,88px);display:grid}.ab-photo figure{isolation:isolate;margin:0;position:relative}.ab-photo figure:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side, color-mix(in srgb, var(--brand-blue) 28%, transparent), transparent);filter:blur(28px);border-radius:50%;position:absolute;inset:8% -10% 14%}.ab-print{box-shadow:var(--shadow-card);transition:rotate .4s var(--ease-out), translate .4s var(--ease-out), box-shadow .4s var(--ease-out);background:#fff;border-radius:22px;padding:6px;display:block;position:relative;rotate:-2deg}.ab-photo figure:hover .ab-print{box-shadow:var(--shadow-float);translate:0 -4px;rotate:none}.ab-print img,.ab-photo-empty{aspect-ratio:4/5;object-fit:cover;border-radius:var(--radius-xl);width:100%;height:auto;box-shadow:var(--shadow-hairline);display:block}.ab-photo-empty{background:var(--surface-hover)}.ab-print-place{border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--foreground);background:var(--glass-fill);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-edge);align-items:center;gap:5px;padding:5px 10px 5px 8px;font-weight:500;display:inline-flex;position:absolute;bottom:18px;left:18px}@media (prefers-reduced-motion:reduce){.ab-print{transition:none}.ab-photo figure:hover .ab-print{translate:none}}.ab-photo figcaption{color:var(--ab-secondary);margin-top:18px;padding-left:4px;font-size:13px;line-height:1.5}.ab .ab-intro h2{letter-spacing:-.03em;margin:0;font-size:clamp(28px,2.6vw,34px);line-height:1.15}.ab-chips{color:var(--ab-secondary);flex-wrap:wrap;gap:6px 18px;margin:14px 0 26px;padding:0;font-size:14px;list-style:none;display:flex}.ab-chips li{align-items:center;gap:6px;display:inline-flex}.ab-intro>p{max-width:var(--width-prose);color:var(--body-text);margin:0 0 16px;font-size:17px;line-height:1.65}.ab-split{justify-content:space-between;align-items:flex-start;gap:48px;margin-top:clamp(96px,14vh,152px);display:flex}.ab .ab-split h2{letter-spacing:-.02em;margin:0;font-size:30px;font-weight:500;line-height:1.5}.ab-xp,.ab-principles{flex:none;width:50%;margin:0;padding:0;list-style:none}.ab-xp{flex-direction:column;gap:48px;padding-top:6px;display:flex}.ab-xp-row{align-items:center;gap:20px;width:100%;display:flex}.ab-xp-logo{width:80px;height:80px;box-shadow:var(--shadow-hairline);background:#fff;border-radius:50%;flex:none;place-items:center;display:grid;overflow:hidden}.ab-xp-logo img{object-fit:contain;width:58%;height:58%}.ab-xp-text{flex-direction:column;flex:1;min-width:0;display:flex}.ab-xp-top{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.ab-xp-company{letter-spacing:.005em;color:var(--foreground);font-size:18px;font-weight:500;line-height:1.375}.ab-xp-years{letter-spacing:.005em;color:var(--ab-secondary);white-space:nowrap;font-variant-numeric:tabular-nums;flex:none;font-size:16px;font-weight:400}.ab-xp-sub{letter-spacing:.005em;color:var(--ab-secondary);text-wrap:pretty;font-size:16px;line-height:1.375}.ab-principles{gap:28px;display:grid}.ab-principles .ab-rv{gap:4px;display:grid}.ab-principles b{letter-spacing:-.01em;font-size:17px;font-weight:600}.ab-principles span{color:var(--ab-secondary);font-size:15px;line-height:1.5}@media (prefers-reduced-motion:no-preference){.ab-rv{opacity:0;transition-property:transform,opacity;transition-duration:.5s;transition-timing-function:ease-out;transform:translateY(20px)}.ab-rv[data-in]{opacity:1;transform:none}.ab-rv-fade{transition-duration:.3s;transform:translateY(12px)}.ab-xp li:nth-child(2) .ab-rv,.ab-principles li:nth-child(2) .ab-rv,.ab-hi .ab-intro{transition-delay:80ms}.ab-xp li:nth-child(3) .ab-rv,.ab-principles li:nth-child(3) .ab-rv{transition-delay:.16s}.ab-xp li:nth-child(4) .ab-rv{transition-delay:.24s}}@media (max-width:760px){.ab{width:calc(100% - 32px);padding-top:56px}.ab-hi{grid-template-columns:1fr;gap:32px}.ab-photo{max-width:340px}.ab-split{flex-direction:column;gap:64px}.ab-xp,.ab-principles{width:100%}.ab-xp{gap:40px;padding-top:0}.ab-xp-logo{width:56px;height:56px}.ab-xp-company{font-size:16px}.ab-xp-years,.ab-xp-sub{font-size:14px}}@media (max-width:560px){.ab-words{margin-bottom:2px;display:block}}@media (max-width:380px){.ab-tagline{font-size:17px}}.vb{vertical-align:.06em;cursor:help;background:0 0;border:0;place-items:center;width:.5em;height:.5em;margin-left:.14em;padding:0;display:inline-grid;position:relative}.vb svg{filter:drop-shadow(0 2px 4px #0e8cf040);width:100%;height:100%;transition:scale .3s var(--ease-out), rotate .5s var(--ease-out)}.vb:hover svg,.vb:focus-visible svg{rotate:12deg;scale:1.08}.vb:focus-visible{outline:2px solid var(--focus-ring);outline-offset:4px;border-radius:50%}.vb-tip{z-index:30;pointer-events:none;width:max-content;max-width:240px;font-family:var(--font-sans), sans-serif;letter-spacing:-.005em;color:#15171c;opacity:0;transform-origin:50% 100%;transition:opacity .18s ease, translate .26s var(--ease-out), scale .26s var(--ease-out);background:#fff;border-radius:12px;padding:8px 12px 9px;font-size:13.5px;font-weight:500;line-height:1.35;position:absolute;bottom:calc(100% + 10px);left:50%;translate:-50% 6px;scale:.92;box-shadow:0 0 0 1.5px #1ea8f78c,0 10px 22px -12px #0a1b3373}.vb-tip:after{content:"";background:#fff;width:8px;height:8px;position:absolute;top:100%;left:50%;translate:-50% -4px;rotate:45deg;box-shadow:1.5px 1.5px #1ea8f78c}.vb:hover .vb-tip,.vb:focus-visible .vb-tip{opacity:1;translate:-50%;scale:1}@media (max-width:760px){.vb-tip{left:auto;right:-8px;translate:0 6px}.vb:hover .vb-tip,.vb:focus-visible .vb-tip{translate:0}.vb-tip:after{left:auto;right:12px}}@media (prefers-reduced-motion:reduce){.vb svg,.vb-tip{transition:opacity .12s linear}.vb:hover svg,.vb:focus-visible svg{rotate:none;scale:none}}