/* About SupG: shared tokens, typography, logo, and navigation live in site.css. */
.about-eyebrow{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;margin-bottom:20px}
.about-accent{color:var(--accent)}
.about-hero{max-width:var(--container);margin:0 auto;padding:76px 24px 104px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:center}
.about-hero h1{font-family:var(--font-display);font-size:clamp(56px,6vw,84px);font-weight:800;letter-spacing:-.045em;line-height:.98;margin:0 0 28px}
.about-lede{max-width:490px;color:var(--text-2);font-size:20px;line-height:1.6;margin-bottom:28px}
.about-text-link{display:inline-flex;align-items:center;gap:20px;min-height:44px;color:var(--ink);font-weight:600;text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:3px;text-underline-offset:7px}
.about-text-link span{font-size:24px;transition:transform .2s var(--ease-out)}
.about-text-link:hover span{transform:translateY(4px)}
.about-art{position:relative;height:460px;isolation:isolate}
.about-art__orbit{position:absolute;width:340px;height:340px;top:42px;left:0;border:2px dashed var(--border-strong);border-radius:50%}
.about-art__main{position:absolute;width:290px;height:330px;left:55px;top:26px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:var(--ink);color:#fff;border-radius:56px;transform:rotate(-9deg);box-shadow:var(--shadow-lg)}
.about-art__main svg{width:150px;height:150px}
.about-art__main span{font-family:var(--font-display);font-size:28px;font-weight:700;line-height:1.1;letter-spacing:-.03em;text-align:center}
.about-art__small{position:absolute;width:122px;height:122px;left:280px;top:285px;display:grid;place-items:center;border-radius:28px;background:var(--accent);transform:rotate(12deg);box-shadow:var(--shadow-lg);animation:about-bob 6s ease-in-out infinite}
.about-art__small svg{width:54px;height:54px;fill:var(--ink)}
.about-art__label{position:absolute;bottom:15px;left:20px;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;transform:rotate(-5deg)}
.about-art__spark{position:absolute;right:0;top:0;font-family:var(--font-display);font-size:80px;line-height:1;color:var(--accent);transform:rotate(12deg)}
@keyframes about-bob{0%,100%{transform:translateY(0) rotate(12deg)}50%{transform:translateY(-10px) rotate(16deg)}}
.about-section{max-width:var(--container);margin:0 auto;padding:88px 24px 112px}
.about-section__head{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:end;margin-bottom:56px}
.about-page h2{font-family:var(--font-display);font-weight:800;font-size:clamp(38px,4.4vw,60px);line-height:1.05;letter-spacing:-.04em}
.about-section__head > p{max-width:420px;color:var(--text-2);font-size:18px;line-height:1.65}
.about-values{border-top:1px solid var(--border)}
.about-values__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
.about-value{border-top:2px solid var(--ink);padding-top:24px}
.about-value__number{color:var(--accent-deep);font-family:var(--font-display);font-size:18px;font-weight:700;display:block;margin-bottom:32px}
.about-value h3{font-family:var(--font-display);font-size:25px;font-weight:700;letter-spacing:-.03em;line-height:1.15;margin:0 0 18px}
.about-value p{font-size:15px;line-height:1.75;color:var(--text-2)}
.about-story{background:var(--ink);color:#fff;clip-path:polygon(0 56px,100% 0,100% 100%,0 100%);padding:140px 24px 112px;scroll-margin-top:24px}
.about-story__inner{max-width:calc(var(--container) - 48px);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:104px;align-items:start}
.about-story .about-eyebrow{color:var(--on-ink-2)}
.about-story__intro h2{font-size:clamp(42px,4.6vw,64px);margin-bottom:28px}
.about-story__intro h2 span{color:var(--accent)}
.about-story__intro > p:last-child{max-width:400px;color:var(--on-ink-2);font-size:18px;line-height:1.65}
.about-story__steps{list-style:none;margin:0;padding:0 0 0 30px;border-left:1px solid var(--ink-4)}
.about-story__steps li{position:relative;padding-bottom:40px}
.about-story__steps li:last-child{padding-bottom:0}
.about-story__steps li::before{content:"";position:absolute;left:-36px;top:5px;width:10px;height:10px;border-radius:50%;background:var(--accent);border:2px solid var(--ink)}
.about-step__label{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--on-ink-2)}
.about-story__steps h3{font-family:var(--font-display);font-size:27px;font-weight:700;letter-spacing:-.03em;line-height:1.1;margin:12px 0 14px}
.about-story__steps p{font-size:15px;line-height:1.75;color:var(--on-ink-2)}
.about-lab{padding-top:104px}
.about-lab__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}
.about-lab__visual{height:320px;position:relative;overflow:hidden;border-radius:24px;display:flex;align-items:center;justify-content:center}
.about-lab__visual--puzzle{background:var(--surface-2)}
.about-puzzle{display:grid;grid-template-columns:repeat(3,68px);gap:9px;transform:rotate(-8deg);transition:transform .35s var(--ease-spring)}
.about-puzzle span{height:68px;border-radius:16px;background:var(--ink);display:grid;place-items:center;color:var(--ink);font-family:var(--font-display);font-size:44px;font-weight:800}
.about-puzzle span:nth-child(5){background:var(--accent)}
.about-puzzle .about-puzzle__empty{background:transparent;border:2px dashed var(--border-strong)}
.about-lab__annotation{position:absolute;bottom:18px;right:22px;font-size:11px;font-weight:600;letter-spacing:.02em;color:var(--text-2)}
.about-lab__visual--ideas{background:var(--ink)}
.about-lab__visual--ideas .about-lab__annotation{color:var(--on-ink-2)}
.about-idea{position:absolute;display:grid;place-items:center;border-radius:22.5%;transition:transform .35s var(--ease-spring)}
.about-idea svg{width:50%;height:50%}
.about-idea--play{background:#fff;width:120px;height:120px;left:calc(50% - 126px);top:42px;transform:rotate(-10deg)}
.about-idea--play svg{fill:var(--ink)}
.about-idea--plus{background:var(--accent);width:90px;height:90px;left:calc(50% + 45px);top:110px;font-family:var(--font-display);font-size:58px;font-weight:800;transform:rotate(12deg)}
.about-idea--star{border:2px solid #fff;width:100px;height:100px;left:calc(50% - 64px);top:175px;transform:rotate(5deg)}
.about-idea--star svg{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.about-lab__card:hover .about-puzzle{transform:translateY(-5px) rotate(-4deg)}
.about-lab__card:hover .about-idea--play{transform:translateY(-5px) rotate(-6deg)}
.about-lab__card:hover .about-idea--plus{transform:translateY(-5px) rotate(6deg)}
.about-lab__caption{padding-top:24px}
.about-lab__caption > span{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-2)}
.about-lab__caption h3{font-family:var(--font-display);font-weight:700;font-size:32px;line-height:1.1;letter-spacing:-.03em;margin:14px 0}
.about-lab__caption p{font-size:15px;line-height:1.7;color:var(--text-2);max-width:420px}
.about-invite{background:var(--accent);color:var(--on-accent);padding:96px 24px 0}
.about-invite__inner{max-width:700px;margin:0 auto;text-align:center;padding-bottom:88px}
.about-invite__inner h2{font-size:clamp(48px,5.4vw,76px);margin-bottom:24px}
.about-invite__inner > p:not(.about-eyebrow){max-width:470px;margin:0 auto 28px;font-size:18px;line-height:1.6}
.about-invite .footer{padding-left:0;padding-right:0}
@media (max-width:1000px){.about-hero{gap:24px}.about-art__main{left:15px;width:265px}.about-art__small{left:235px}.about-art__spark{right:-8px}.about-values__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 40px}.about-story__inner{gap:56px}}
@media (max-width:860px){.about-hero{grid-template-columns:1fr;padding-top:48px;padding-bottom:64px;gap:36px}.about-hero__copy{max-width:640px}.about-art{width:100%;max-width:400px;margin:0 auto}.about-art__main{left:52px}.about-art__small{left:260px}.about-art__spark{right:4px}.about-section__head{gap:32px}.about-story__inner{grid-template-columns:1fr;gap:48px}.about-story__intro > p:last-child{max-width:560px}}
@media (max-width:600px){.about-hero{padding-top:40px}.about-hero h1{font-size:clamp(46px,13vw,60px)}.about-lede{font-size:17px}.about-art{height:360px;max-width:320px}.about-art__orbit{width:265px;height:265px;top:24px;left:2px}.about-art__main{width:225px;height:265px;left:30px;top:16px;border-radius:44px;gap:10px}.about-art__main svg{width:120px;height:120px}.about-art__main span{font-size:24px}.about-art__small{width:88px;height:88px;left:calc(100% - 93px);top:240px;border-radius:22px}.about-art__small svg{width:42px;height:42px}.about-art__spark{font-size:60px;right:0;top:0}.about-art__label{bottom:0;left:12px;font-size:10px}.about-section{padding:64px 24px 72px}.about-section__head{grid-template-columns:1fr;gap:24px;margin-bottom:40px}.about-section__head > p{font-size:16px}.about-values__grid{gap:32px}.about-value__number{margin-bottom:20px}.about-value h3{font-size:23px}.about-value p{font-size:14px}.about-story{padding-top:104px;padding-bottom:72px}.about-story__intro h2{font-size:44px}.about-story__intro > p:last-child{font-size:16px}.about-lab__grid{grid-template-columns:1fr;gap:40px}.about-lab__visual{height:300px}.about-invite{padding-top:72px}.about-invite__inner{padding-bottom:64px}.about-invite__inner > p:not(.about-eyebrow){font-size:16px}.about-invite .footer{justify-content:center;padding-bottom:28px}}
@media (max-width:380px){.about-values__grid{grid-template-columns:1fr}.about-story__intro h2{font-size:38px}.about-invite__inner h2{font-size:42px}}