@font-face{font-family:AxiomGrotesk;src:url('./assets/projects/axiom/space-grotesk.woff2') format('woff2');font-weight:700;font-display:swap}
.exhibit--axiom,.axiom-dialog{--ax-ink:#181b22;--ax-blue:#2e56ed;--ax-lime:#dcf76e;--ax-line:#d9dde4;--ax-paper:#f4f5f7;color:var(--ax-ink);background:var(--ax-paper);font-family:Arial,'Microsoft YaHei',sans-serif}
.exhibit.exhibit--axiom{grid-column:1/-1;isolation:isolate;border:1px solid #ccd1da;border-radius:6px;box-shadow:0 22px 80px #0003;overflow:hidden}
.axiom-masthead{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 30px;border-bottom:1px solid var(--ax-line);font:700 .72rem/1.6 var(--mono);letter-spacing:1.5px;background:#fff}
.axiom-masthead>span:first-child{display:flex;align-items:center;gap:18px}.axiom-masthead b{color:var(--ax-ink);background:var(--ax-lime);font:700 24px AxiomGrotesk,Arial;padding:5px 7px}.axiom-masthead i{font-style:normal;color:#8e949f;margin:0 8px}
.axiom-open{display:grid;grid-template-columns:1fr 1.12fr;text-align:left;border:0;background:none;color:inherit;padding:0;width:100%;cursor:pointer}.axiom-open:focus-visible{outline:3px solid var(--ax-blue);outline-offset:-5px}.axiom-intro{padding:48px 34px 42px;display:flex;flex-direction:column;align-items:flex-start}.axiom-overline{font:700 .73rem/1.6 var(--mono);letter-spacing:1.4px;color:#646c7a}
.axiom-intro h3{font:700 clamp(3.6rem,6.8vw,6.8rem)/1 AxiomGrotesk,Arial;letter-spacing:-.065em;margin:29px 0 14px;white-space:nowrap}.axiom-intro h3>span{color:var(--ax-blue);display:inline-block;font-size:.48em;vertical-align:top;margin:6px 0 0 8px;transition:transform .35s}.axiom-name{font-size:.8rem!important;letter-spacing:2px;line-height:1.7!important;font-weight:700}.axiom-intro h4{font-size:clamp(1.45rem,2.3vw,2.15rem);line-height:1.4;letter-spacing:-.05em;margin:42px 0 18px;max-width:400px}.axiom-description{font-size:1rem;line-height:1.9;color:#626a77;max-width:380px;margin:0 0 38px}.axiom-inspect{display:flex;gap:24px;align-items:center;font-size:.9rem;font-weight:700;margin-top:auto}.axiom-inspect b{display:grid;place-items:center;width:33px;height:33px;border:1px solid #181b2250;transition:background .25s,transform .25s}
.axiom-stage{border-left:1px solid var(--ax-line);padding:28px 30px 30px;background-color:#edf0f4;background-image:linear-gradient(#d6dce560 1px,transparent 1px),linear-gradient(90deg,#d6dce560 1px,transparent 1px);background-size:26px 26px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;position:relative;overflow:hidden}.axiom-figure{background:white;box-shadow:8px 8px 0 #181b220b;border:1px solid #d8dde5;padding:18px 18px 11px;transform:rotate(-2deg);transition:transform .6s cubic-bezier(.2,.8,.2,1)}.axiom-figure-heading,.axiom-figure-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;font:700 .65rem/1.6 var(--mono);color:#6a7382}.axiom-figure-heading>span:last-child{font:700 20px AxiomGrotesk,Arial;color:var(--ax-blue)}.axiom-figure-caption{border-top:1px solid #e4e7ec;padding-top:10px;letter-spacing:0;font-size:.65rem}.axiom-plot{width:100%;height:auto;display:block;overflow:visible}.axiom-grid{fill:none;stroke:#e8ebf0;stroke-dasharray:3 4}.axiom-axis{fill:none;stroke:#181b22;stroke-width:1.3}.axiom-axis-label{font:12px monospace;fill:#78808b}.axiom-fit{fill:none;stroke:#2e56ed;stroke-width:2;stroke-dasharray:.02 .014;stroke-dashoffset:0;animation:axiom-trace 16s linear infinite}.axiom-observations circle{fill:#2e56ed;stroke:#fff;stroke-width:1.5}.axiom-observations path{stroke:#2e56ed;stroke-width:1}.axiom-observations g{animation:axiom-points 4s ease-in-out infinite;animation-delay:calc(var(--point)*100ms)}.axiom-gradient{fill:none;stroke:#b9d743;stroke-width:2;stroke-dasharray:5 4}.axiom-gradient-label{font:700 12px monospace;fill:#7b8d26}.axiom-studio-strip{display:flex;justify-content:space-between;gap:8px;padding:17px 0 15px;font:700 .6rem/1.5 var(--mono);letter-spacing:.5px;color:#555f6e}.axiom-app-window{background:#fff;border:1px solid #bbc3cf;box-shadow:0 12px 30px #1c25351c;width:88%;align-self:flex-end;transform:rotate(2deg);transition:transform .6s}.axiom-app-window>div{display:flex;gap:10px;align-items:center;background:#1d2027;color:#eef2f9;padding:8px 12px;font:700 9px var(--mono);letter-spacing:1px}.axiom-app-window>div b{color:#dcf76e;font:700 17px AxiomGrotesk}.axiom-app-window>div span:last-child{margin-left:auto;color:#dcf76e}.axiom-app-window img{display:block;width:100%;height:auto}
.axiom-open:hover .axiom-figure{transform:rotate(0deg) translateY(-4px)}.axiom-open:hover .axiom-app-window{transform:rotate(0deg)}.axiom-open:hover h3>span{transform:translate(3px,-3px)}.axiom-open:hover .axiom-inspect b{background:#dcf76e;transform:rotate(90deg)}
.axiom-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ax-line);border-bottom:1px solid var(--ax-line);margin:0;background:#fff}.axiom-stats>div{padding:21px 30px;display:flex;align-items:baseline;gap:20px}.axiom-stats>div+div{border-left:1px solid var(--ax-line)}.axiom-stats dt{font:700 2.35rem/1 AxiomGrotesk,Arial;letter-spacing:-2px}.axiom-stats dd{font:700 .73rem/1.6 var(--mono);margin:0;color:#66707c}.axiom-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 30px;background:var(--ax-ink);color:white}.axiom-actions>span{font-size:.78rem;color:#b9c0cc;line-height:1.6}.axiom-actions>div{display:flex;align-items:center;gap:24px}.axiom-actions a{font-size:.9rem;font-weight:700;text-decoration:none;white-space:nowrap}.axiom-actions a:focus-visible{outline:3px solid #dcf76e;outline-offset:6px}.axiom-actions .axiom-launch{display:flex;align-items:center;gap:26px;padding:13px 19px;background:#dcf76e;color:#181b22;border-radius:2px;transition:background .2s,transform .2s}.axiom-launch:hover{background:#e8ff9a;transform:translateY(-2px)}
.exhibition-dialog.axiom-dialog{padding:0;border:1px solid #aeb6c2;border-radius:6px;max-width:1120px}.axiom-dialog .dialog-close{background:#181b22;color:#dcf76e;border-color:#181b22;z-index:3}.axiom-detail-head{padding:40px 38px 30px}.axiom-detail-head h2{font:700 clamp(3.5rem,8vw,6rem)/1 AxiomGrotesk,Arial;letter-spacing:-.06em;margin:18px 0}.axiom-detail-head h2>span{color:#2e56ed;font-size:.7em;margin-left:20px}.axiom-detail-head p{font-size:1.3rem;font-weight:700;margin:0}.axiom-detail-figure{margin:0 38px 32px;background:#fff;border:1px solid #d9dde4}.axiom-detail-figure img{display:block;width:100%;height:auto}.axiom-detail-figure figcaption{padding:14px 18px;font-size:.8rem;color:#616a78;border-top:1px solid #d9dde4}.axiom-detail-copy{display:grid;grid-template-columns:1.25fr 1fr;gap:50px;padding:38px}.axiom-detail-copy h3{font-size:1.35rem;margin:16px 0}.axiom-detail-copy p{font-size:1rem;line-height:1.9;color:#626a77}.axiom-detail-copy .axiom-note{font-size:.83rem;border-top:1px solid #d9dde4;padding-top:17px}
.milestone--axiom{border-color:#6a7596}.milestone--axiom .milestone-kicker,.milestone--axiom .milestone-link{color:#d6f77b}.milestone--axiom .axiom-now-art{background:#f4f5f7;color:#181b22;display:flex;flex-direction:column;align-items:stretch;gap:0;justify-content:space-between;padding:25px 22px;border-left-color:#6a7596;overflow:hidden}.axiom-now-top{display:flex;justify-content:space-between;align-items:center;font:700 10px/1.7 var(--mono);letter-spacing:1px}.axiom-now-top b{background:#dcf76e;padding:5px 7px;font:700 25px AxiomGrotesk}.axiom-now-brand{font:700 clamp(2rem,3.5vw,3rem)/1 AxiomGrotesk,Arial;letter-spacing:-.065em;margin:28px 0 4px}.axiom-now-sub{font:700 10px/1.6 var(--mono);letter-spacing:1px;color:#626c7b}.axiom-now-figure{background:white;border:1px solid #d9dde4;margin:25px -5px 20px;transform:rotate(-4deg);padding:10px;transition:transform .5s}.axiom-now-figure img{display:block;width:100%;height:auto}.milestone--axiom:hover .axiom-now-figure{transform:rotate(0)}.axiom-now-footer{padding:13px 12px;background:#dcf76e;font:700 11px/1.7 var(--mono)}.axiom-now-footer b{font:700 23px AxiomGrotesk;display:block;margin-top:3px}.axiom-now-links{display:flex;flex-wrap:wrap;gap:10px 24px}
@keyframes axiom-trace{to{stroke-dashoffset:-.34}}@keyframes axiom-points{0%,65%,100%{opacity:1}80%{opacity:.45}}
@media(max-width:900px){.axiom-open{grid-template-columns:1fr 1fr}.axiom-intro{padding:35px 24px}.axiom-stage{padding:25px 20px}.axiom-intro h3{font-size:clamp(3rem,6.5vw,4.8rem)}.axiom-stats>div{gap:12px;padding:20px}.axiom-stats dd{font-size:.65rem}.axiom-masthead{padding:17px 22px}}
@media(max-width:650px){.axiom-masthead{padding:14px 17px;font-size:.57rem;letter-spacing:.7px}.axiom-masthead>span:first-child{gap:9px}.axiom-masthead b{font-size:20px}.axiom-open{grid-template-columns:1fr}.axiom-intro{padding:31px 24px 27px}.axiom-intro h3{font-size:clamp(3.8rem,15vw,5.7rem);margin:18px 0 12px}.axiom-intro h4{margin:26px 0 13px;font-size:1.65rem}.axiom-description{font-size:.95rem;margin-bottom:24px;max-width:none}.axiom-stage{border-left:0;border-top:1px solid #d9dde4;padding:26px}.axiom-figure{padding:13px}.axiom-app-window{width:83%}.axiom-stats>div{padding:20px 12px;display:block}.axiom-stats dt{font-size:2.2rem}.axiom-stats dd{margin-top:9px;font-size:.62rem}.axiom-actions{padding:20px;display:block}.axiom-actions>div{justify-content:space-between;margin-top:16px;gap:15px}.axiom-actions>span{font-size:.75rem}.axiom-actions .axiom-launch{padding:12px 15px;gap:17px}.axiom-detail-head{padding:37px 23px 25px}.axiom-detail-head .axiom-overline{font-size:.6rem}.axiom-detail-head p{font-size:1.12rem}.axiom-detail-figure{margin:0 15px 25px}.axiom-detail-figure figcaption{font-size:.73rem;padding:12px}.axiom-detail-copy{grid-template-columns:1fr;padding:25px;gap:24px}.milestone--axiom .axiom-now-art{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;padding:24px}.axiom-now-top{grid-column:1/-1}.axiom-now-brand{font-size:2.5rem;margin:18px 0 0}.axiom-now-sub{grid-column:1;align-self:start}.axiom-now-figure{grid-column:2;grid-row:2/5;margin:12px 0}.axiom-now-footer{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.exhibit--axiom *,.axiom-dialog *,.milestone--axiom *{animation:none!important;transition:none!important}}
