.about{position:relative;isolation:isolate;container:about/inline-size;padding:clamp(88px,11cqw,170px) 0 clamp(56px,6vw,96px);color:#fff;overflow-x:clip}.about-grid{--pad:clamp(20px,4cqw,56px);display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);grid-template-rows:1fr auto auto 1fr;grid-template-areas:"p ." "p h" "p b" "p .";column-gap:clamp(36px,5.5cqw,104px);row-gap:28px;max-width:1440px;margin:0 auto;padding:0 var(--pad)}.about-head{grid-area:h;display:grid;justify-items:start;gap:24px;max-width:600px}.about-body{grid-area:b;display:grid;justify-items:start;gap:28px;max-width:600px}.about-hi{margin:0 0 -8px;font:500 clamp(18px,1.5cqw,23px)/1.3 var(--font-sans);letter-spacing:-.01em;color:#e6eaf3}.about-h2{margin:0;font:500 clamp(36px,4.3cqw,70px)/1.02 var(--font-display);letter-spacing:-.045em;text-wrap:balance}.about-h2 .as-accent{font-size:1.14em;letter-spacing:-.015em;padding-right:.06em}.about-p{margin:0;max-width:34.58em;font-size:clamp(16px,1.2cqw,18px);line-height:1.68;color:#c4cbdb;text-wrap:pretty}.about-p+.about-p{margin-top:-10px}.about-ctas{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px}.about-spec.as-card{width:100%;max-width:560px}.about-spec__rows{display:grid;grid-template-columns:auto minmax(0,1fr);gap:11px 22px;margin:0;font:500 13px/1.45 var(--font-mono)}.about-spec__rows dt{color:var(--text-tertiary);white-space:nowrap}.about-spec__rows dt:before{content:"> ";color:var(--cyan-400)}.about-spec__rows dd{margin:0;min-width:0;color:#e6eaf3;overflow-wrap:anywhere}.about-spec__caret{display:inline-block;width:.55em;height:1.05em;margin-left:2px;vertical-align:-.18em;background:var(--cyan-300);box-shadow:0 0 10px var(--cyan-400);animation:about-caret 1s steps(1) infinite}@keyframes about-caret{50%{background:transparent;box-shadow:none}}.ap{grid-area:p;align-self:center;display:grid;gap:20px;min-width:0}.ap-stage{position:relative;width:100%;max-width:760px;aspect-ratio:1800/1903;touch-action:pan-y;cursor:crosshair}.ap-glow{position:absolute;inset:-22% -24% -14%;z-index:-1;pointer-events:none;background:radial-gradient(closest-side at 44% 40%,#1f5fff4d,#1f5fff24 50%,#1f5fff00),radial-gradient(closest-side at 66% 60%,#22d3ff29,#22d3ff00)}.ap-frame{position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 82%,transparent 100%),linear-gradient(180deg,#000 70%,transparent 98%);mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 82%,transparent 100%),linear-gradient(180deg,#000 70%,transparent 98%);-webkit-mask-composite:source-in;mask-composite:intersect}.ap-photo{--scan:0px;--sf:60px;--lx:-999px;--ly:-999px;--lr:0px;position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;-webkit-user-drag:none;user-select:none;-webkit-mask-image:radial-gradient(circle var(--lr) at var(--lx) var(--ly),#000 calc(var(--lr) - 18px),transparent var(--lr)),linear-gradient(180deg,#000 calc(var(--scan) - var(--sf)),transparent var(--scan));mask-image:radial-gradient(circle var(--lr) at var(--lx) var(--ly),#000 calc(var(--lr) - 18px),transparent var(--lr)),linear-gradient(180deg,#000 calc(var(--scan) - var(--sf)),transparent var(--scan));-webkit-mask-composite:xor;mask-composite:exclude}.ap-ascii{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}.ap-label{position:absolute;left:0;top:0;z-index:2;display:grid;gap:4px;padding:7px 10px;border-radius:10px;background:#0000008c;box-shadow:inset 0 0 0 1px #8cdcff47;font:500 11px/1 var(--font-mono);color:var(--cyan-200);white-space:nowrap;pointer-events:none;opacity:0;will-change:transform}.ap-label b{font-weight:600;color:#fff}.ap-label span{color:var(--text-secondary)}.ap-controls{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;max-width:760px;margin-top:-13%}.ap-hint{font:500 12px/1.45 var(--font-mono);color:var(--text-secondary);text-wrap:pretty}.ap-hint--touch{display:none}@media(hover:none){.ap-hint--mouse{display:none}.ap-hint--touch{display:inline}.ap-stage{cursor:auto}}.tools-label{display:flex;align-items:center;gap:8px;margin:0 0 16px 4px;font:500 12px/1 var(--font-mono);color:var(--text-secondary)}.tools-label:before{content:">";color:var(--cyan-400)}.mq{width:100%;max-width:600px;min-width:0}.mq .tools-label{margin-bottom:6px}.mq-viewport{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.35) 12%,#000 36%,#000 64%,rgba(0,0,0,.35) 88%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.35) 12%,#000 36%,#000 64%,rgba(0,0,0,.35) 88%,transparent 100%)}.mq-track{display:flex;width:max-content;animation:mq-drift 75s linear infinite}.mq-viewport:hover .mq-track{animation-play-state:paused}.mq-item{display:flex;align-items:center;gap:10px;height:56px;padding:0 22px;font:600 15px/1 var(--font-sans);letter-spacing:-.01em;color:#fff;white-space:nowrap;transition:opacity var(--dur-base) var(--ease-out)}.mq-item img{display:block;flex:none;width:22px;height:22px;filter:drop-shadow(0 0 10px rgba(140,200,255,.25));transition:transform var(--dur-slow) var(--ease-out)}.mq-viewport:hover .mq-item{opacity:.4}.mq-viewport:hover .mq-item:hover{opacity:1}.mq-item:hover img{transform:translateY(-2px) scale(1.08)}@keyframes mq-drift{to{translate:-50% 0}}@media(prefers-reduced-motion:reduce){.mq-track{animation:none;flex-wrap:wrap;width:auto}.mq-dup{display:none}.mq-viewport{-webkit-mask-image:none;mask-image:none}.mq-item{height:44px;padding:0 14px 0 0}}@container about (max-width:900px){.about-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-template-areas:"h" "p" "b";row-gap:clamp(28px,7cqw,44px)}.about-head,.about-body{max-width:640px}.ap{justify-self:center;width:100%;max-width:640px}.about-h2{font-size:clamp(34px,10cqw,56px)}}@container about (max-width:420px){.mq-item{height:50px;padding:0 18px;font-size:14px}.mq-item img{width:20px;height:20px}.about-spec__rows{grid-template-columns:minmax(0,1fr);gap:3px}.about-spec__rows dd{margin-bottom:9px}.about-ctas>*{flex:1 1 auto;justify-content:space-between}}@media(prefers-reduced-motion:reduce){.about-spec__caret{animation:none}}.ap-controls{flex-wrap:wrap;min-width:0}.ap-hint{min-width:0;max-width:100%}
