.ap-icon { display:block; inline-size:24px; block-size:24px; fill:none; stroke:currentColor;
  stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; flex:none; }
.ap-hero.ap-hero--thin { min-block-size:min(54rem,100svh); padding-block:1.75rem 2.5rem; }
.ap-hero--thin .ap-masthead { justify-content:center; max-inline-size:72rem; }
.ap-identity { display:inline-grid; grid-template-columns:2rem auto 2rem; align-items:center; gap:.75rem;
  min-block-size:48px; padding:.25rem .5rem; color:var(--ap-evergreen); text-decoration:none; }
.ap-hero--thin .ap-wordmark { font-size:1.55rem; font-weight:600; line-height:1.2; letter-spacing:-.045em; }
.ap-hero--thin .ap-mark { inline-size:28px; block-size:28px; transform-origin:50% 50%;
  transition:transform 650ms cubic-bezier(.22,.68,.2,1); }
.ap-identity:is(:hover,:focus-visible) .ap-mark { transform:rotate(360deg); }
.ap-identity__arrow { inline-size:14px; block-size:14px; justify-self:center; color:var(--ap-graphite); }
.ap-identity:hover .ap-wordmark { color:var(--ap-viridian); }
.ap-core-main { padding-block:.25rem 0; }
.ap-core-stage > img { object-fit:contain; }
.ap-core-stage [data-core-canvas] { position:absolute; inset:0; inline-size:100%; block-size:100%;
  display:none; touch-action:pan-y; cursor:grab; border:0; }
html[data-core-webgl="true"] [data-core-canvas] { display:block; }
.ap-core-stage [data-core-canvas]:active { cursor:grabbing; }
.ap-core-stage [data-core-canvas]:focus-visible { outline:2px solid var(--ap-viridian); outline-offset:2px; }
.ap-core-stage[data-core-pointer-focus="true"] [data-core-canvas]:focus-visible { outline:none; }
.ap-core-hint { display:none; position:absolute; z-index:1; inset-block-end:0; inset-inline-start:50%;
  transform:translateX(-50%); margin:0; inline-size:32px; block-size:32px; color:var(--ap-graphite); pointer-events:none; }
.ap-core-hint svg { inline-size:100%; block-size:100%; fill:none; stroke:currentColor;
  stroke-width:1.3; stroke-linecap:round; stroke-linejoin:round; }
html[data-core-webgl="true"] .ap-core-hint { display:block; }
.ap-core-dock { display:grid; grid-template-columns:repeat(3,minmax(0,1fr));
  padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
.ap-core-selector { grid-column:1 / -1; }
.ap-core-next { grid-row:2; grid-column:2; display:grid; place-items:center; justify-self:center;
  inline-size:44px; block-size:44px; visibility:hidden; color:var(--ap-graphite); text-decoration:none;
  border:1px solid transparent; border-radius:2px; }
.ap-core-next .ap-icon { inline-size:21px; block-size:21px; }
html[data-core-nav][data-selected-path="silicon"] .ap-core-next { grid-column:1; visibility:visible; color:#0B6B4F; }
html[data-core-nav][data-selected-path="machines"] .ap-core-next { grid-column:2; visibility:visible; color:#984A32; }
html[data-core-nav][data-selected-path="systems"] .ap-core-next { grid-column:3; visibility:visible; color:#4D6098; }
.ap-core-next:hover { border-color:currentColor; }
@media(max-width:44rem) {
  .ap-hero.ap-hero--thin { min-block-size:0; padding-block:1.25rem 1.5rem; }
  .ap-core-main { padding-block:.4rem 0; }
  .ap-core-stage [data-core-canvas] { inline-size:140%; max-inline-size:none; inset-inline-start:-20%; }
  .ap-core-dock { column-gap:.5rem; }
}
@media(max-width:24rem) {
  .ap-core-dock { column-gap:.4rem; }
  .ap-hero--thin .ap-wordmark { font-size:1.4rem; }
}
@media(prefers-reduced-motion:reduce) {
  .ap-hero--thin .ap-mark { transition:none; }
  .ap-identity:is(:hover,:focus-visible) .ap-mark { transform:none; }
}
@media(forced-colors:active) {
  .ap-core-next { color:LinkText; }
}