.ab-hero-field.is-stardust .ab-sd { position: absolute; left: 0; right: 0; top: 0; bottom: calc(var(--sd-ext, 0px) * -1); }
.ab-hero-field.is-stardust .ab-sd canvas { display: block; width: 100%; height: 100%; }
.ab-sd-cap { position: absolute; margin: 0; transform: translateX(-50%); white-space: nowrap; font-family: var(--font-site); font-size: .82rem; font-weight: 600; line-height: 1.2; letter-spacing: .14em; text-transform: uppercase; color: var(--muted); }
.ab-sd-cap .w { display: inline-block; overflow: hidden; vertical-align: top; padding: .04em .02em .12em; margin: -.04em -.02em -.12em; }
.ab-sd-cap .w > i { display: inline-block; font-style: normal; transform: translateY(112%) rotate(5deg); transform-origin: 0 100%; opacity: 0; filter: blur(5px);
  transition: transform 1.05s cubic-bezier(.16, 1, .3, 1), opacity .7s ease, filter .8s ease; transition-delay: calc(var(--i) * 75ms + 60ms); }
.ab-sd-cap.is-in .w > i { transform: none; opacity: 1; filter: blur(0); }
.ab-hero.is-sd-stack { padding-bottom: var(--sd-pad, calc(56vw + 120px)); }
@media (prefers-reduced-motion: reduce) { .ab-sd-cap .w > i { transition: none; } }
.ab-hero.is-info { gap: clamp(32px, 4vw, 64px); }
.ab-hero.is-info .ab-hero-copy { flex: 1 1 0; }
.hero-info .ab-hero-copy > :is(.about-kicker, .about-lead, .about-actions), .hero-info .ab-hero .ab-line > * {
  mask-image: linear-gradient(90deg, #000 29%, rgb(0 0 0 / .94) 38%, rgb(0 0 0 / .5) 50%, rgb(0 0 0 / .06) 62%, transparent 71%);
  mask-size: 350% 100%; mask-repeat: no-repeat;
  animation: hero-wipe 1300ms cubic-bezier(.2, .65, .22, 1) both, hero-slide 1300ms cubic-bezier(.2, .65, .22, 1) both; }
.hero-info .ab-hero .ab-line { overflow: visible; }
.hero-info .ab-hero-copy > .about-kicker { animation-delay: 80ms; }
.hero-info .ab-hero .ab-line:first-child > * { animation-delay: 150ms; }
.hero-info .ab-hero .ab-line + .ab-line > * { animation-delay: 220ms; }
.hero-info .ab-hero-copy > .about-lead { animation-delay: 310ms; }
.hero-info .ab-hero-copy > .about-actions { animation-delay: 390ms; }
html.flown.hero-info .ab-hero-copy > :is(.about-kicker, .about-lead, .about-actions), html.flown.hero-info .ab-hero .ab-line > * { mask-image: none; animation: summit-soft .7s cubic-bezier(.2,.7,.2,1) both; }
html.flown.hero-info .ab-hero-copy > .about-kicker { animation-delay: 280ms; }
html.flown.hero-info .ab-hero .ab-line:first-child > * { animation-delay: 330ms; }
html.flown.hero-info .ab-hero .ab-line + .ab-line > * { animation-delay: 390ms; }
html.flown.hero-info .ab-hero-copy > .about-lead { animation-delay: 460ms; }
html.flown.hero-info .ab-hero-copy > .about-actions { animation-delay: 520ms; }
html.flown .abi-stat { --t: calc(var(--d) * 64ms + 40ms); transform: translateY(54px) translateZ(-90px); transition-duration: .8s; }
html.flown .ab-info .abi-face, html.flown .ab-info .abi-glare { opacity: 0; transition: opacity .45s ease var(--t); }
html.flown .ab-info.is-in .abi-face, html.flown .ab-info.is-in .abi-glare { opacity: 1; }
html.flown .ab-info.is-in .abi-stat { transform: none; }
html.abi-whole .abi-stat { --t: calc(var(--d) * 70ms); transform: translateY(26px); transition-duration: .7s; }
html.abi-whole .ab-info .abi-face, html.abi-whole .ab-info .abi-glare { opacity: 0; transition: none; }
html.abi-whole .ab-info.is-in .abi-face, html.abi-whole .ab-info.is-in .abi-glare { opacity: 1; transition: opacity .4s ease var(--t); }
html.abi-whole .ab-info.is-in .abi-stat { transform: none; }
@media (prefers-reduced-motion: reduce) { .hero-info .ab-hero-copy > :is(.about-kicker, .about-lead, .about-actions), .hero-info .ab-hero .ab-line > * { animation: none; mask-image: none; } }
.ab-hero.is-info .ab-hero-field { bottom: -160px; }
.ab-info { --e: cubic-bezier(.16, 1, .3, 1); --abi-vis: 116px; flex: 0 1 680px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.ab-info { --rx: 8deg; --ry: -14deg; position: relative; z-index: 3; transform-style: preserve-3d; will-change: transform;
  transform: translateX(var(--tx, 0px)) perspective(1600px) rotateX(var(--rx)) rotateY(var(--ry)); }
.abi-stat { --t: calc(var(--d) * 126ms + 175ms); --c: calc(var(--t) + 40ms); position: relative; display: flex; flex-direction: column; min-width: 0; padding: 18px 18px 17px; border-radius: 18px;
  transform-style: preserve-3d; transform: translateY(18px); transition: transform .8s var(--e) var(--t); }
.abi-face, .abi-glare { position: absolute; inset: 0; border-radius: inherit; pointer-events: none; }
.abi-face { background: linear-gradient(180deg, rgb(255 255 255 / .95), rgb(255 255 255 / .86));
  box-shadow: inset 0 0 0 1px rgb(255 255 255 / .85), 0 0 0 1px color-mix(in srgb, var(--ink) 7%, transparent), 0 26px 50px -30px color-mix(in srgb, var(--ink) 50%, transparent); }
.abi-glare { overflow: hidden; }
.abi-glare > i { position: absolute; left: -70%; top: -80%; width: 200%; height: 200%; background: radial-gradient(closest-side, rgb(255 255 255 / .55), rgb(255 255 255 / 0)); }
.abi-vis { height: var(--abi-vis); display: flex; align-items: flex-start; transform: translateZ(16px); }
.abi-num { display: flex; align-items: baseline; margin: 16px 0 0; font-family: var(--font-site); color: var(--ink); transform: translateZ(12px); }
.abi-num, .abi-cap, .abi-desc { opacity: 0; transition: opacity .56s ease var(--t); }
.abi-cap, .abi-desc { transform: translateZ(6px); }
.ab-info.is-in .abi-stat { transform: none; }
.ab-info.is-in :is(.abi-num, .abi-cap, .abi-desc) { opacity: 1; }
.abi-num b, .abi-suf { font-size: clamp(2.8rem, 3.4vw, 3.3rem); font-weight: 600; line-height: .9; letter-spacing: -.045em; font-variant-numeric: tabular-nums; }
.abi-suf { margin-left: .03em; color: var(--accent); opacity: 0; transition: opacity .4s ease calc(var(--t) + 1365ms); }
.ab-info.is-in .abi-suf { opacity: 1; }
.abi-cap { margin: 12px 0 0; font: 600 .7rem/1.2 var(--font-site); letter-spacing: .14em; text-transform: uppercase; color: var(--accent); }
.abi-desc { margin: 3px 0 0; font: 400 .9rem/1.35 var(--font-site); color: var(--muted); }
.abi-spine { grid-row: span 2; }
.abi-spine .abi-vis { flex: 1; height: auto; align-items: stretch; }
.abi-tl { flex: 1; display: grid; grid-template-columns: 50px 7px minmax(0, 1fr); grid-template-rows: repeat(var(--yrs, 20), minmax(0, 1fr)); column-gap: 8px; row-gap: 3px; }
.abi-tl > i { grid-column: 1; border-radius: 3px; background: color-mix(in srgb, var(--ink) 10%, transparent); transform: scaleX(0); transform-origin: 0 50%;
  transition: transform .44s var(--e), background-color .4s ease; transition-delay: calc(var(--c) + var(--i) * 20ms), calc(var(--c) + 455ms + (var(--i) - 5) * 22ms); }
.ab-info.is-in .abi-tl > i { transform: none; }
.ab-info.is-in .abi-tl > i.is-on { background: var(--accent); }
.abi-y0, .abi-note em { font: 600 .62rem/1 var(--font-site); font-style: normal; letter-spacing: .06em; color: var(--muted); font-variant-numeric: tabular-nums; }
.abi-y0 { grid-column: 3; grid-row: 1 / span 3; align-self: start; padding-top: 1px; opacity: 0; transition: opacity .48s ease var(--c); }
.abi-br { grid-column: 2; grid-row: calc(var(--yrs, 20) - var(--brk, 15) + 1) / calc(var(--yrs, 20) + 1); border: 2px solid var(--accent); border-left: 0; border-radius: 0 4px 4px 0; transform: scaleY(0); transform-origin: 50% 0; transition: transform .64s var(--e) calc(var(--c) + 490ms); }
.abi-note { grid-column: 3; grid-row: calc(var(--yrs, 20) - var(--brk, 15) + 1) / calc(var(--yrs, 20) + 1); display: flex; flex-direction: column; justify-content: space-between; opacity: 0; transform: translateX(-6px); transition: opacity .48s ease calc(var(--c) + 665ms), transform .64s var(--e) calc(var(--c) + 665ms); }
.abi-note em:last-child { align-self: flex-start; }
.abi-note > span { font: 600 .82rem/1.3 var(--font-site); color: var(--muted); }
.abi-note b { display: block; margin-bottom: 4px; font-size: 1.9rem; font-weight: 600; line-height: .9; letter-spacing: -.035em; color: var(--accent); font-variant-numeric: tabular-nums; }
.abi-note b.abi-f100 { font-size: 1.05rem; line-height: 1.1; letter-spacing: -.01em; margin-bottom: 2px; }
.ab-info.is-in .abi-y0, .ab-info.is-in .abi-note { opacity: 1; transform: none; }
.ab-info.is-in .abi-br { transform: none; }
.abi-tools { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; width: 100%; }
.abi-tools > span { display: grid; place-items: center; aspect-ratio: 1; border-radius: 10px; font: 600 .86rem/1 var(--font-site); letter-spacing: -.01em; color: var(--ink);
  background: color-mix(in srgb, var(--accent) calc(4% + var(--i) * 4.5%), #fff); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) calc(10% + var(--i) * 3%), transparent);
  opacity: 0; transform: translateY(12px) scale(.86); transition: transform .64s var(--e), opacity .36s ease; transition-delay: calc(var(--c) + var(--i) * 63ms); }
.abi-tools > span:last-child { color: #fff; background: var(--accent); box-shadow: 0 10px 20px -10px var(--accent); }
.ab-info.is-in .abi-tools > span { opacity: 1; transform: none; }
.ab-info.is-in .abi-tools > span:last-child { animation: abi-ping 1.04s ease-out calc(var(--c) + 665ms) both; }
@keyframes abi-ping { from { box-shadow: 0 10px 20px -10px var(--accent), 0 0 0 0 color-mix(in srgb, var(--accent) 45%, transparent); }
  to { box-shadow: 0 10px 20px -10px var(--accent), 0 0 0 12px transparent; } }
.abi-dots { display: grid; grid-template-columns: repeat(15, minmax(0, 1fr)); gap: 3.5px; width: 100%; }
.abi-dots > i { aspect-ratio: 1; border-radius: 50%; background: var(--ink); opacity: 0; transform: scale(.2); transition: transform .44s var(--e), opacity .28s ease; transition-delay: calc(var(--c) + var(--w) * 28ms); }
.abi-dots > i.is-plus { background: var(--accent); }
.ab-info.is-in .abi-dots > i { opacity: .2; transform: none; }
.ab-info.is-in .abi-dots > i.is-plus { opacity: var(--o); }
.abi-inds { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 5px; width: 100%; }
.abi-ind { display: grid; justify-items: center; gap: 4px; font: 600 .5rem/1 var(--font-site); letter-spacing: .05em; text-transform: uppercase; color: var(--muted); white-space: nowrap; }
.abi-ind svg { width: 25px; height: 25px; fill: none; stroke: var(--accent); stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; opacity: 0; transform: translateY(6px) scale(.7);
  transition: transform .56s var(--e), opacity .36s ease; transition-delay: calc(var(--c) + var(--w) * 63ms); }
.abi-ind svg .f { fill: var(--accent); fill-opacity: .14; stroke: none; }
.abi-ind svg circle { fill: #fff; }
.abi-ind > span { opacity: 0; transition: opacity .4s ease calc(var(--c) + 210ms + var(--w) * 63ms); }
.ab-info.is-in .abi-ind svg, .ab-info.is-in .abi-ind > span { opacity: 1; transform: none; }
.abi-wall { display: block; width: 100%; overflow: visible; }
.abi-wall .w-edge { fill: none; stroke: var(--accent); stroke-width: 2; stroke-linejoin: round; stroke-dasharray: 1; stroke-dashoffset: 1; transition: stroke-dashoffset 1.04s cubic-bezier(.65, 0, .25, 1) var(--c); }
.abi-wall .w-spill { fill: var(--accent); }
.abi-wall .w-glow, .abi-wall .w-spill { opacity: 0; transition: opacity .72s ease calc(var(--c) + 420ms); }
.abi-wall .w-dim { fill: none; stroke: var(--muted); stroke-width: 1; }
.abi-wall text { font: 600 7px var(--font-site); letter-spacing: .12em; fill: var(--muted); }
.abi-wall .w-dim, .abi-wall text { opacity: 0; transition: opacity .48s ease calc(var(--c) + 700ms); }
.abi-wall .w-person { fill: var(--ink); opacity: 0; transform: translateY(5px); transition: opacity .48s ease calc(var(--c) + 770ms), transform .64s var(--e) calc(var(--c) + 770ms); }
.ab-info.is-in .abi-wall .w-edge { stroke-dashoffset: 0; }
.ab-info.is-in .abi-wall :is(.w-glow, .w-spill, .w-dim, text, .w-person) { opacity: 1; transform: none; }
.ab-info.is-still *, .ab-info.is-still { transition: none !important; animation: none !important; }
@media (max-width: 900px) {
  .ab-hero.is-info { flex-direction: column; align-items: stretch; padding-bottom: clamp(24px, 3vw, 40px); }
  .ab-info { flex: none; grid-template-columns: repeat(2, minmax(0, 1fr)); transform: none; }
  .abi-spine { grid-row: auto; grid-column: 1 / -1; }
  .abi-spine .abi-vis { flex: none; height: 220px; }
}
@media (min-width: 561px) and (max-width: 900px) {
  .ab-info { grid-template-columns: repeat(3, minmax(0, 1fr)); width: 100%; max-width: 720px; }
  .abi-spine { grid-row: span 2; grid-column: auto; }
  .abi-spine .abi-vis { flex: 1; height: auto; }
}
@media (max-width: 560px) {
  .ab-info { --abi-vis: 96px; gap: 10px; }
  .abi-stat { padding: 14px; }
  .abi-ind > span { display: none; }
}
@media (min-width: 561px) and (max-width: 640px) {
  .abi-ind > span { display: none; }
}
.about-animated .edge-item[data-reveal] { opacity: 1; transform: translateY(46px); transition: transform 1.4s var(--about-ease) calc(var(--i, 0) * 160ms); }
.about-animated .edge-item[data-reveal].is-revealed { transform: none; }
.about-animated .edge-item[data-reveal] > * { --s: calc(var(--i, 0) * 160ms); }
.about-animated .edge-item[data-reveal] > .edge-icon { opacity: 0; transform: translateY(22px);
  transition: opacity .8s ease var(--s), transform 1.3s var(--about-ease) var(--s); }
.about-animated .edge-item[data-reveal] > :is(h3, p) { opacity: 0; translate: 0 18px; transition: opacity .9s ease, translate 1.2s var(--about-ease); }
.about-animated .edge-item[data-reveal] > h3 { transition-delay: calc(var(--s) + 200ms); }
.about-animated .edge-item[data-reveal] > p { transition-delay: calc(var(--s) + 380ms); }
.about-animated .edge-item[data-reveal].is-revealed > :is(.edge-icon, h3, p) { opacity: 1; transform: none; translate: 0 0; }
.about-animated .ab-route .about-section-head[data-reveal] { opacity: 1; transform: none; transition: none; }
.about-animated .ab-route .about-section-head[data-reveal] :is(.about-kicker, h2, h2 em, .about-text-link) { opacity: 0; translate: 0 22px; transition: opacity .6s ease, translate .8s var(--about-ease); }
.about-animated .ab-route .about-section-head[data-reveal] h2 { transition-delay: 60ms; }
.about-animated .ab-route .about-section-head[data-reveal] h2 em { transition-delay: 130ms; }
.about-animated .ab-route .about-section-head[data-reveal] .about-text-link { transition-delay: 200ms; }
.about-animated .ab-route .about-section-head[data-reveal].is-revealed :is(.about-kicker, h2, h2 em, .about-text-link) { opacity: 1; translate: 0 0; }
html[data-variant=nocturne] .abi-face { background: linear-gradient(180deg, color-mix(in srgb, var(--ink) 11%, var(--bg)), color-mix(in srgb, var(--ink) 5%, var(--bg)));
  box-shadow: inset 0 0 0 1px rgb(255 255 255 / .09), 0 0 0 1px rgb(0 0 0 / .35), 0 26px 50px -28px rgb(0 0 0 / .7); }
html[data-variant=nocturne]:not([data-abcards=black]) .abi-face { background: linear-gradient(180deg, rgb(45 45 45), rgb(34 34 34)); }
html[data-variant=nocturne]:not([data-abcards=black]) .abi-tools > span:not(:last-child) { background: color-mix(in srgb, var(--accent) calc(10% + var(--i) * 6%), rgb(34 34 34)); }
html[data-variant=nocturne] .abi-glare > i { opacity: .18; }
html[data-variant=nocturne] .abi-tools > span { background: color-mix(in srgb, var(--accent) calc(10% + var(--i) * 6%), var(--bg)); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) calc(22% + var(--i) * 4%), transparent); }
html[data-variant=nocturne] .abi-tools > span:last-child { background: var(--accent); color: var(--bg); }
html[data-variant=nocturne] .abi-ind svg circle { fill: var(--bg); }
html[data-variant=nocturne] .abi-tl > i { background: color-mix(in srgb, var(--ink) 16%, transparent); }
.curio-rail { column-gap: 8px; }
.curio-rail ol { margin: 0; gap: 6px; }
.curio-rail a { width: 34px; height: 20px; }
.curio-rail i { height: 2px; }
.curio-rail a:hover i, .curio-rail a.is-active i { height: 3px; }
.curio-rail .curio-rail-label { display: none; }
@media (max-width: 760px) {
  .curio-rail a::before, .curio-rail .curio-step::before { content: ''; position: absolute; inset: -12px -5px; }
  .curio-rail .curio-step { position: relative; }
  .curio-rail .curio-step::before { inset: -8px; }
}
.about-page .ab-close { grid-template-columns: minmax(0, 1fr) !important; justify-items: center; text-align: center; }
.about-page .ab-close-aside { grid-area: auto; max-width: 36rem; padding: 0 !important; border: 0 !important; }
.about-page .ab-close-who { justify-content: center; text-align: left; }
.about-page .ab-close .about-actions { justify-content: center; }
@media (max-width: 560px) {
  .abi-spine .abi-vis { flex: none; height: auto; }
  .abi-spine .abi-tl[style*="--yrs:16"] .abi-y0 { display: none; }
  .abi-spine .abi-tl { grid-template-columns: repeat(var(--yrs, 20), minmax(0, 1fr)); grid-template-rows: 30px 8px auto; column-gap: 3px; row-gap: 5px; }
  .abi-spine .abi-tl > i { grid-row: 1 !important; grid-column: auto; transform: scaleY(0); transform-origin: 50% 100%; }
  .ab-info.is-in .abi-spine .abi-tl > i { transform: none; }
  .abi-spine .abi-y0 { grid-row: 2 / span 2; grid-column: 1 / span 5; align-self: start; padding-top: 13px; }
  .abi-spine .abi-br { grid-row: 2; grid-column: calc(var(--yrs, 20) - var(--brk, 15) + 1) / calc(var(--yrs, 20) + 1); border: 2px solid var(--accent); border-top: 0; border-radius: 0 0 4px 4px; transform: scaleX(0); transform-origin: 0 50%; }
  .ab-info.is-in .abi-spine .abi-br { transform: none; }
  .abi-spine .abi-note { grid-row: 3; grid-column: calc(var(--yrs, 20) - var(--brk, 15) + 1) / calc(var(--yrs, 20) + 1); flex-direction: row; align-items: flex-start; justify-content: space-between; gap: 10px; transform: translateY(-4px); }
  .abi-spine .abi-note > span { text-align: center; }
  .abi-spine .abi-note b { display: inline; margin: 0 4px 0 0; font-size: 1.35rem; }
  .abi-spine { display: grid; grid-template-columns: max-content minmax(0, 1fr); grid-template-rows: auto auto 1fr; column-gap: 16px; align-items: start; padding: 16px 16px 15px; }
  .abi-spine .abi-vis { grid-column: 2; grid-row: 1 / span 3; align-self: center; }
  .abi-spine .abi-num { grid-column: 1; grid-row: 1; margin: 0; }
  .abi-spine .abi-cap { grid-column: 1; grid-row: 2; margin-top: 8px; }
  .abi-spine .abi-desc { grid-column: 1; grid-row: 3; max-width: 9ch; }
  .abi-spine .abi-note > span { font-size: .74rem; }
  .abi-spine .abi-note b { font-size: 1.1rem; }
}
@media (max-width: 560px) {
  .abi-stat:not(.abi-spine) { padding: 14px 14px 13px; }
  .abi-stat:not(.abi-spine) .abi-vis { height: auto; }
  .abi-stat:not(.abi-spine) .abi-num { margin-top: 10px; }
  .abi-stat:not(.abi-spine) :is(.abi-num b, .abi-suf) { font-size: 2.3rem; }
  .abi-stat:not(.abi-spine) .abi-cap { margin-top: 7px; }
  .abi-stat:not(.abi-spine) .abi-desc { font-size: .84rem; }
}
@media (max-width: 560px) {
  .ab-info { row-gap: 0; }
  .ab-info > .abi-stat { grid-row: span 4; margin-bottom: 10px; }
  .ab-info > .abi-stat:not(.abi-spine) { display: grid; grid-template-rows: subgrid; row-gap: 0; align-content: start; }
  .ab-info > .abi-stat:not(.abi-spine) .abi-vis { align-self: end; }
}
@media (min-width: 901px) {
  html.hero-info .ab-hero { min-height: calc(clamp(56px, 7vw, 104px) + clamp(24px, 3vw, 40px) + clamp(536px, 536px + (100vw - 1280px) * .035, 550px));
    gap: clamp(32px, 4vw, 64px); }
  html.hero-info .ab-hero .ab-hero-copy { flex: 1 1 0; }
  html.hero-info .ab-hero:not(.is-info)::after { content: ''; flex: 0 1 680px; }
}
.about-lead .lead-l { display: inline-block; }
@media (max-width: 560px) {
  html:not(.about-loose) .ab-hero.is-info { padding-top: 28px; }
  html:not(.about-loose) .ab-hero .about-lead { line-height: 1.45; }
  html:not(.about-loose) .abi-spine .abi-note { flex-wrap: wrap; row-gap: 6px; }
  html:not(.about-loose) .abi-spine .abi-note > span { order: 3; flex: 0 0 auto; width: calc(100% + 120px); margin: 0 0 0 -120px; text-align: right; white-space: nowrap; }
}
@media (max-width: 700px) {
  .about-animated .edge-item[data-reveal] { transform: translateY(20px); transition-duration: .6s; transition-delay: 0s; }
  .about-animated .edge-item[data-reveal] > * { --s: 0ms; }
  .about-animated .edge-item[data-reveal] > .edge-icon { transition-duration: .4s, .6s; }
  .about-animated .edge-item[data-reveal] > :is(h3, p) { transition-duration: .45s, .6s; }
  .about-animated .edge-item[data-reveal] > h3 { transition-delay: 70ms; }
  .about-animated .edge-item[data-reveal] > p { transition-delay: 140ms; }
}
html.route-bold .route-stop { transition: opacity .45s ease, translate .5s cubic-bezier(.22,1,.36,1); }
html.route-bold .route-stops.has-hi .route-stop:not(.is-hi) { opacity: .38; }
html.route-bold .route-stop.is-hi { translate: 0 -4px; }
html.route-bold .route-stop.is-hi .route-node { transform: scale(1.9); background: var(--accent); box-shadow: inset 0 0 0 2px var(--accent), 0 0 0 3px var(--bg), 0 0 0 4px var(--accent); }
html.route-bold .route-stop:hover .route-node:not(.is-hi .route-node) { transform: none; box-shadow: inset 0 0 0 2px var(--accent),0 0 0 6px rgb(172 43 108 / .08); }
html.route-bold .route-stop.is-hi h3 { color: var(--accent); }
html.route-bold .route-stop .route-era, html.route-bold .route-stop h3 { transition: color .35s ease; }
html.route-bold .route-stop { cursor: default; }
@media (prefers-reduced-motion: reduce) { html.route-bold .route-stop { transition: none; } html.route-bold .route-stop.is-hi { translate: none; } }
html[data-fontrule] .abi-cap { margin-top: 10px; font-size: .9rem; line-height: 1.35; color: var(--ink); }
html[data-fontrule] .abi-desc { margin-top: 1px; }
html[data-fontrule] .abi-ind > span { display: none; }
html[data-fontrule] .abi-inds { row-gap: 14px; padding-top: 4px; }
@media (max-width: 560px) { html[data-fontrule] .ab-info > .abi-stat:not(.abi-spine) .abi-cap { margin-top: 7px; font-size: .84rem; align-self: end; } }
.ab-route .about-section-head .about-btn { align-self: end; }
@media (max-width: 760px) { .ab-route .about-section-head .about-btn { align-self: flex-start; } }
html.about-tod .about-page .ab-route a.about-btn { background: rgb(255 255 255 / .06); border-color: rgb(255 255 255 / .28); }
html[data-fontrule]:not(.inds-small) .abi-inds { height: 100%; grid-template-rows: repeat(3, 1fr); row-gap: 0; padding-top: 0; align-items: center; }
html[data-fontrule]:not(.inds-small) .abi-ind svg { width: 31px; height: 31px; stroke-width: 2.2; }
.abi-ind svg .d { stroke-width: 1.5; opacity: .8; } .abi-ind svg .m { stroke-width: 1.15; opacity: .55; }
@media (max-width: 560px) { html[data-fontrule]:not(.inds-small) .abi-inds { height: auto; row-gap: 14px; padding-top: 4px; } html[data-fontrule]:not(.inds-small) .abi-ind svg { width: 29px; height: 29px; } }
html.about-tod[data-tod=night]:not(.ab-cards-light) .ab-info { --ink: #eeeeee; --muted: #b4b4b4; --bg: #222222; }
html.about-tod[data-tod=night]:not(.ab-cards-light) .abi-face { background: linear-gradient(180deg, rgb(45 45 45), rgb(34 34 34)); box-shadow: inset 0 0 0 1px rgb(255 255 255 / .09), 0 0 0 1px rgb(0 0 0 / .35), 0 26px 50px -28px rgb(0 0 0 / .7); }
html.about-tod[data-tod=night]:not(.ab-cards-light) .abi-glare > i { opacity: .18; }
html.about-tod[data-tod=night]:not(.ab-cards-light) .abi-tools > span { background: color-mix(in srgb, var(--accent) calc(10% + var(--i) * 6%), rgb(34 34 34)); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) calc(22% + var(--i) * 4%), transparent); }
html.about-tod[data-tod=night]:not(.ab-cards-light) .abi-tools > span:last-child { background: var(--accent); color: #fff; }
html.about-tod[data-tod=night]:not(.ab-cards-light) .abi-ind svg circle { fill: rgb(34 34 34); }
html.about-tod[data-tod=night]:not(.ab-cards-light) .abi-tl > i { background: rgb(255 255 255 / .16); }
html.about-tod[data-tod=night]:not(.ab-cards-light) .ab-info.is-in .abi-tl > i.is-on { background: var(--accent); }
html.about-tod[data-tod=night]:not(.ab-cards-light) .ab-info .abi-stat { color: #eeeeee; }
html.about-tod[data-tod=night]:not(.ab-cards-light) .ab-info .abi-num { color: #fff !important; }
html.about-tod[data-tod=night]:not(.ab-cards-light) .ab-info :is(.abi-desc, .abi-note > span, .abi-y0, .abi-note em) { color: #b4b4b4 !important; }
html.inspo-page, html.inspo-page body { background: #0f0f0f; }
.inspo-page .curio-story { margin-top: 0; }
.inspo-page .curio-intro .inspo-label { margin: 0 0 18px; font: 600 .95rem/1.2 var(--font-site); letter-spacing: 0; color: #f08bbd; }
.inspo-page .curio-intro .inspo-intro { max-width: 34ch; margin: 22px auto 0; font: 400 clamp(1rem, 1.3vw, 1.15rem)/1.5 var(--font-site); color: rgb(240 240 240 / .72); }
html.inspo-page.has-night body>.nav::after { background: none; }
html.inspo-split.close-light:not(#x) body .about-page .ab-close a.about-btn--solid, html.inspo-split.close-light:not(#x) body .about-page .ab-close a.about-btn--solid > span { color: #fff !important; }
html[data-close] .about-page .ab-close-aside { max-width: none; }
html[data-close] .about-page .ab-close-who { display: contents; }
html[data-close] .about-page .ab-close-note { margin: 0; font-family: 'Geist', 'Inter', sans-serif !important; font-weight: 600; font-size: clamp(2.4rem, 4.6vw, 3.6rem); line-height: 1.04; letter-spacing: -.035em; background: none !important; -webkit-text-fill-color: currentColor; }
html[data-close] .about-page .ab-close-who p { margin: 0; font: 400 1.0625rem/1.5 var(--font-site); }
html[data-close] .about-page .ab-close-who b { display: inline; font-weight: 600; }
html[data-close] .about-page .ab-close-who b::after { content: ' · '; font-weight: 400; }
html[data-close] .about-page .ab-close .about-actions { gap: 12px; margin: 0; }
html[data-close] .about-page .ab-close .about-btn { min-height: 48px; box-sizing: border-box; padding: 0 22px; border-radius: 8px !important; font-family: var(--font-site); font-weight: 600; }
html[data-close=a] .about-page .ab-close-aside { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 0; }
html[data-close=a] .about-page .ab-close-avatar { order: 1; width: 88px; height: 88px; margin-bottom: 28px; }
html[data-close=a] .about-page .ab-close-note { order: 2; }
html[data-close=a] .about-page .ab-close-who p { order: 3; margin-top: 14px; }
html[data-close=a] .about-page .ab-close .about-actions { order: 4; justify-content: center; margin-top: 32px; }
html[data-close=b] .about-page .ab-close-aside { display: grid; grid-template-columns: 112px auto; column-gap: 36px; align-items: start; text-align: left; justify-self: center; }
html[data-close=b] .about-page .ab-close-avatar { grid-column: 1; grid-row: 1 / span 3; width: 112px; height: 112px; }
html[data-close=b] .about-page .ab-close-note { grid-column: 2; grid-row: 1; margin-top: -.06em; }
html[data-close=b] .about-page .ab-close-who p { grid-column: 2; grid-row: 2; margin-top: 12px; }
html[data-close=b] .about-page .ab-close .about-actions { grid-column: 2; grid-row: 3; justify-content: flex-start; margin-top: 28px; }
@media (max-width: 640px) {
  html[data-close=b] .about-page .ab-close-aside { grid-template-columns: minmax(0, 1fr); justify-self: stretch; }
  html[data-close=b] .about-page .ab-close-avatar { grid-row: auto; width: 72px; height: 72px; margin-bottom: 22px; }
  html[data-close=b] .about-page :is(.ab-close-note, .ab-close-who p, .ab-close .about-actions) { grid-column: 1; grid-row: auto; }
  html[data-close=b] .about-page .ab-close-avatar { order: 1; } html[data-close=b] .about-page .ab-close-note { order: 2; } html[data-close=b] .about-page .ab-close-who p { order: 3; } html[data-close=b] .about-page .ab-close .about-actions { order: 4; }
  html[data-close] .about-page .ab-close .about-actions { flex-wrap: wrap; }
}
html[data-close=c] .about-page .ab-close-aside { display: grid; grid-template-columns: auto 1fr auto; grid-template-rows: auto auto; column-gap: 14px; row-gap: 18px; align-items: center; width: min(100%, 1120px); justify-self: center; text-align: left; }
html[data-close=c] .about-page .ab-close-avatar { grid-column: 1; grid-row: 1; width: 44px; height: 44px; }
html[data-close=c] .about-page .ab-close-who p { grid-column: 2 / -1; grid-row: 1; }
html[data-close=c] .about-page .ab-close-note { grid-column: 1 / 3; grid-row: 2; font-size: clamp(2.6rem, 5.4vw, 4.4rem); }
html[data-close=c] .about-page .ab-close .about-actions { grid-column: 3; grid-row: 2; align-self: end; justify-content: flex-end; flex-wrap: nowrap; }
@media (max-width: 820px) {
  html[data-close=c] .about-page .ab-close-aside { grid-template-columns: auto 1fr; }
  html[data-close=c] .about-page .ab-close-note { grid-column: 1 / -1; }
  html[data-close=c] .about-page .ab-close .about-actions { grid-column: 1 / -1; grid-row: 3; justify-content: flex-start; flex-wrap: wrap; }
}
html[data-closesep=a] .about-page .ab-close { margin-top: clamp(56px, 7vw, 104px) !important; padding-top: clamp(64px, 8vw, 112px) !important; border-top: 1px solid var(--line) !important; }
html.about-tod[data-closesep=a] .about-page .ab-close { border-top-color: rgb(255 255 255 / .14) !important; }
html[data-closesep=b] .about-page .ab-close { --band: #e7e7e7; margin-top: 0 !important; padding-top: clamp(72px, 8vw, 120px) !important; padding-bottom: clamp(72px, 8vw, 120px) !important; background: var(--band) !important; box-shadow: 0 0 0 100vmax var(--band) !important; clip-path: inset(0 -100vmax) !important; }
html.about-tod[data-closesep=b] .about-page .ab-close { --band: rgb(34 34 34); }
html.about-tod[data-closesep=a] .about-page .ab-close { clip-path: inset(calc(-1 * clamp(56px, 7vw, 104px) - 2px) -100vmax 0) !important; }
html.about-tod[data-closesep=b] .about-page .ab-close { margin-top: 0 !important; }
html[data-closesep=b] .about-page .ab-route { padding-bottom: clamp(72px, 8vw, 120px) !important; margin-bottom: 0 !important; }
.inspo-page .curio-intro h2, html[data-variant] .inspo-page .curio-intro h2 { max-width: calc(100vw - 48px); margin-inline: auto; font-size: clamp(2.3rem, 7vw, 4rem); text-shadow: none !important; }
.inspo-page .curio-intro h2 em, html[data-variant] .inspo-page .curio-intro h2 em { text-shadow: none !important; filter: none !important; }
.inspo-page .curio-intro .inspo-intro { margin-top: 20px; font-weight: 500; color: rgb(240 240 240 / .92); }
.inspo-page .curio-cue > span { display: none; }
html.inspo-end .curio-end .ab-close { margin: 0 !important; padding: 0 !important; background: none !important; box-shadow: none !important; clip-path: none !important; border: 0 !important; }
html.inspo-end .curio-end .curio-copy { width: min(100%, 44rem); margin-inline: auto; }
@media (max-width: 700px) { html.inspo-end .curio-end { align-items: center !important; justify-content: center !important; } html.inspo-end .curio-end .curio-copy { margin-block: auto !important; transform: none !important; } }
@keyframes inspo-rise { from { opacity: 0; translate: 0 18px; } to { opacity: 1; translate: 0 0; } }
html.inspo-page:not(.inspo-in-off):not(.fonts-wait) .curio-intro .curio-copy > :is(.inspo-label, h2) { animation: inspo-rise 1.1s cubic-bezier(.16, 1, .3, 1) .12s both; }
html.inspo-page:not(.inspo-in-off):not(.fonts-wait) .curio-intro .curio-copy > h2#interests-title { animation-delay: .3s; }
html.inspo-page:not(.inspo-in-off):not(.gt-ready):not([data-gtlive=off]):not([data-inspohold=old]) .curio-intro .curio-copy > :is(.inspo-label, h2) { animation-play-state: paused; }
html.inspo-page.fonts-wait:not(#x) .curio-stage { visibility: visible !important; }
html.inspo-page.fonts-wait:not(#x) .curio-stage .curio-rail { visibility: hidden !important; }
html.inspo-page:not(.inspo-in-off) .curio-canvas { opacity: 0; transition: opacity .6s ease; }
html.inspo-page:not(.inspo-in-off) .curio-story.is-ready .curio-canvas { opacity: 1; }
html.inspo-page:not(.inspo-in-off):not(.inspo-glow-off) .curio-stage::before { content: ''; position: absolute; inset: 0; z-index: 1; mix-blend-mode: screen; pointer-events: none; background: radial-gradient(circle at 50% var(--glow-y, 52%), rgb(223 223 223 / .75), rgb(171 171 171 / .25) 4%, transparent 11%), radial-gradient(ellipse var(--glow-w, 34%) var(--glow-h, 20%) at 50% var(--glow-y, 52%), rgb(125 125 125 / .55), rgb(96 96 96 / .22) 45%, transparent 75%); animation: inspo-glow 2.4s ease-in-out infinite alternate; transition: opacity 1.2s ease 1.3s; }
html.inspo-page:not(.inspo-in-off):not(.inspo-glow-off) .curio-story.is-ready .curio-stage::before { opacity: 0; }
@keyframes inspo-glow { from { transform: scale(.95); } to { transform: scale(1.05); } }
@media (max-width: 700px) { html.inspo-page .curio-stage { --glow-y: 66%; --glow-w: 70%; --glow-h: 16%; } }
@media (max-width: 700px) { html.inspo-page:not(.herolow-old) .curio-stage { --glow-y: 38%; } }
html.inspo-page:not(.inspocue-old):not(#x):not(#y) .inspo-page .curio-intro .inspo-label { position: absolute !important; width: 1px; height: 1px; margin: 0 !important; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
html.inspo-page:not(.inspocue-old):not(#x):not(#y) .inspo-page .curio-intro .inspo-label::after { content: none !important; }
html.inspo-page:not(.inspocue-old):not(#x):not(#y) .curio-story .curio-cue { display: flex !important; text-transform: none; letter-spacing: 0; font: 500 .8rem/1 var(--font-site); color: rgb(160 160 160); gap: 14px; }
html.inspo-page:not(.inspocue-old):not(#x):not(#y) .curio-story .curio-cue:hover { color: #fff; }
html.inspo-page:not(.inspocue-old):not(#x):not(#y) .curio-story .curio-cue > span { display: inline !important; }
html.inspo-page:not(.inspocue-old):not(#x):not(#y) .curio-story .curio-beat.curio-intro .curio-cue { bottom: auto; top: calc(100svh - 196px); }
html.inspo-page:not(.inspocue-old):not(#x):not(#y) .curio-story .curio-cue i { height: 52px; background: rgb(255 255 255 / .14); }
html.inspo-page:not(.inspocue-old):not(#x):not(#y) .curio-story .curio-cue i::after { content: ''; position: absolute; left: 0; top: -14px; width: 1px; height: 14px; background: #f08bbd; animation: curio-cue-fall 2.2s cubic-bezier(.45, 0, .55, 1) infinite; }
@media (prefers-reduced-motion: reduce) { html.inspo-page .curio-story .curio-cue i::after { animation: none !important; top: 19px; } }
@media (max-width: 700px) { html.inspo-page:not(.inspocue-old) .curio-story .curio-cue { display: none !important; } }
@media (prefers-reduced-motion: reduce) { html.inspo-page .curio-stage::before { animation: none !important; } }
@media (max-width: 700px) { html.inspo-page:not(.inspo-ph-old) .curio-story:not(.curio-intro-left) .curio-beat.curio-intro { justify-content: flex-start; padding-top: calc(72px + 6svh); padding-bottom: 0; } }
@media (max-width: 700px) {
  html.inspo-page:not(.snapph-old):has(.curio-story.curio-snap):not(.curio-gliding) { scroll-snap-type: y mandatory; }
  html.inspo-page:not(.snapph-old) .curio-story .curio-snap-mark { scroll-snap-stop: always; }
  html.inspo-page:not(.snapph-old):has(.curio-story.curio-snap) body > footer { scroll-snap-align: end; }
}
html.curio-gliding:not(#x) { scroll-snap-type: none !important; }
@media (max-width: 700px) {
  html:not(.chspace-old) .curio-story:not(#x) .curio-beat:not(.curio-intro):not(.curio-end) .curio-copy > .curio-lead { margin-bottom: 10px !important; }
  html:not(.chspace-old) .curio-story:not(#x) .curio-beat:not(.curio-intro):not(.curio-end) .curio-copy > h3 { margin-top: 0 !important; margin-bottom: 14px !important; }
  html:not(.chspace-old) .curio-story:not(#x) .curio-beat:not(.curio-intro):not(.curio-end) .curio-copy > h3 + p { margin-top: 0 !important; }
  html.inspo-end:not(.closestack-old) .curio-end .ab-close-note { font-size: min(13vw, 3.25rem) !important; line-height: 1 !important; max-width: 7.5ch; margin-inline: auto !important; text-wrap: balance; }
  html.inspo-end:not(.closestack-old) .curio-end .ab-close-who p { margin-top: 14px !important; text-align: center; }
  html.inspo-end:not(.closestack-old) .curio-end .ab-close-who b { display: block; }
  html.inspo-end:not(.closestack-old) .curio-end .ab-close-who b::after { content: none; }
  html.inspo-end:not(.closestack-old) .curio-end .ab-close .about-actions { flex-direction: column; align-items: stretch; width: min(100%, 320px); margin-inline: auto; margin-top: 24px !important; gap: 10px; }
  html.inspo-end:not(.closestack-old):not(.inspo-closeph-old) .curio-end .curio-copy > .ab-close { translate: 0 calc(205px - 44svh); }
  html.inspo-end:not(.closestack-old) .curio-end .ab-close-avatar { width: 64px !important; height: 64px !important; }
  html.inspo-end:not(.closestack-old) .curio-end .ab-close .about-actions .about-btn { justify-content: center; }
}
html:not(.rail-ph-old) .curio-story .curio-copy.is-dim { pointer-events: none; }
@media (max-width: 700px) { html:not(.rail-ph-old) .curio-story .curio-step { position: relative; } html:not(.rail-ph-old) .curio-story .curio-step::after { content: ''; position: absolute; inset: -10px; } html:not(.rail-ph-old) .curio-story .curio-rail a::after { content: ''; position: absolute; inset: -14px -2px; } html:not(.rail-ph-old) .curio-story .curio-rail a { position: relative; } html:not(.rail-ph-old) .curio-story .curio-rail a.is-active i { box-shadow: none !important; } }
@media (max-width: 700px) { html.inspo-end:not(.inspo-closeph-old) .curio-end .curio-copy > .ab-close { translate: 0 calc(135px - 44svh); } }
@media (max-width: 700px) { html.inspo-page:not(.inspo-stack-old) .curio-intro h2#interests-title, html[data-variant].inspo-page:not(.inspo-stack-old) .inspo-page .curio-intro h2#interests-title { font-size: min(13.6vw, 3.6rem); line-height: 1; } html.inspo-page:not(.inspo-stack-old) .curio-intro h2#interests-title em::before { content: '\A'; white-space: pre; } }
@media (prefers-reduced-motion: reduce) { html.inspo-page .curio-intro .curio-copy > * { animation: none !important; } html.inspo-page .curio-canvas { opacity: 1 !important; transition: none !important; } }
html.curio-chipping:not(#x) .curio-story .curio-snap-mark { scroll-snap-stop: normal !important; }
html.curio-chipping:not(#x) .curio-story .curio-beat .curio-copy { scroll-snap-align: none !important; scroll-snap-stop: normal !important; }
html.route-slide .ab-route .route-flow { overflow-x: clip; }
.about-animated.route-slide .route-stop > :is(h3, .route-points, .route-copy) { opacity: 0; translate: 56px 0; transition: opacity .55s ease, translate .9s cubic-bezier(.16, 1, .3, 1); }
.about-animated.route-slide .route-stop > :is(.route-points, .route-copy) { transition-delay: 90ms; }
.about-animated.route-slide .route-stop.rc-in > :is(h3, .route-points, .route-copy) { opacity: 1; translate: none; }
@media (max-width: 700px) { .about-animated.route-slide .route-stop > :is(h3, .route-points, .route-copy) { translate: 28px 0; transition-duration: .45s, .7s; } }
@media (prefers-reduced-motion: reduce) { .about-animated.route-slide .route-stop > :is(h3, .route-points, .route-copy) { opacity: 1; translate: none; transition: none; } }
html:not(.abiedge-off) .abi-stat::before, html:not(.abiedge-off) .abi-stat::after { content: ''; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; }
html:not(.abiedge-off) .abi-stat::before { transform: translateZ(-2.5px); box-shadow: inset 0 0 0 5px color-mix(in srgb, var(--ink) 10%, #e2e2e2); }
html:not(.abiedge-off) .abi-stat::after { transform: translateZ(-5px); box-shadow: inset 0 0 0 5px color-mix(in srgb, var(--ink) 18%, #d1d1d1); }
html.about-tod[data-tod=night]:not(.ab-cards-light):not(.abiedge-off) .abi-stat::before, html[data-variant=nocturne]:not(.abiedge-off) .abi-stat::before { box-shadow: inset 0 0 0 5px rgb(71 71 71); }
html.about-tod[data-tod=night]:not(.ab-cards-light):not(.abiedge-off) .abi-stat::after, html[data-variant=nocturne]:not(.abiedge-off) .abi-stat::after { box-shadow: inset 0 0 0 5px rgb(32 32 32); }
html.flown .ab-info:not(.is-in) .abi-stat::before, html.flown .ab-info:not(.is-in) .abi-stat::after, html.abi-whole .ab-info:not(.is-in) .abi-stat::before, html.abi-whole .ab-info:not(.is-in) .abi-stat::after { opacity: 0; }
@media (max-width: 560px) {
  html:not(.abiphone-old) .abi-stat::before, html:not(.abiphone-old) .abi-stat::after { content: none; }
  html:not(.abiphone-old):not(#s):not(#t):not(#u):not(#v):not(#w):not(#x):not(#y):not(#z) body .ab-info.abi-car:not(.abi-rows) .abi-spine .abi-note > span { --lead: calc(100% * (var(--yrs, 20) - var(--brk, 16)) / var(--brk, 16)); width: calc(100% + var(--lead)) !important; margin-left: calc(-1 * var(--lead)) !important; }
}
html:not(.abiboard-old) .about-lead-old, html.abiboard-old :is(.about-fact, .about-strip) { display: none !important; }
.about-strip { margin-top: clamp(22px, 2.4vw, 30px); width: min(400px, 100%); color: var(--muted); }
.about-strip svg { display: block; width: 100%; height: auto; overflow: visible; fill: none; stroke: currentColor; stroke-width: 1.25px; stroke-linecap: round; stroke-linejoin: round; opacity: .72; }
.about-strip svg * { vector-effect: non-scaling-stroke; }
.about-strip .p { fill: currentColor; stroke: none; }
.about-strip .fl { stroke-opacity: .45; }
.about-strip + .about-lead-old + .about-actions, .about-strip + .about-actions { margin-top: clamp(26px, 2.8vw, 34px) !important; }
.hero-info .ab-hero-copy > .about-strip { mask-image: linear-gradient(90deg, #000 29%, rgb(0 0 0 / .94) 38%, rgb(0 0 0 / .5) 50%, rgb(0 0 0 / .06) 62%, transparent 71%); mask-size: 350% 100%; mask-repeat: no-repeat;
  animation: hero-wipe 1300ms cubic-bezier(.2, .65, .22, 1) 350ms both, hero-slide 1300ms cubic-bezier(.2, .65, .22, 1) 350ms both; }
html.flown.hero-info .ab-hero-copy > .about-strip { mask-image: none; animation: summit-soft .7s cubic-bezier(.2,.7,.2,1) 490ms both; }
html.fonts-wait.hero-info:not([data-wipewait=off]) .ab-hero-copy > .about-strip { animation-play-state: paused !important; }
@media (prefers-reduced-motion: reduce) { .hero-info .ab-hero-copy > .about-strip { animation: none; mask-image: none; } }
@media (max-width: 900px) { html:not(.abiboard-old):not(#v):not(#w):not(#x):not(#y):not(#z) body .ab-hero.is-info { min-height: 0 !important; } }
html:is([data-tod=night], [data-variant=nocturne]) .about-strip { color: #b4b4b4; }
html:not(.abiboard-old):not(.tipfade-old) .summit-stage.summit-tip { --tail-k: .35; --ry: 75vh; --rx: 32vw; --my: calc(var(--tip-y) + 34vh); }
.edge-icon .edge-v3 { display: none; }
html.icons-line:not(.edge-prev) .edge-icon .edge-v2 { display: none; }
html.icons-line:not(.edge-prev) .edge-icon .edge-v3 { display: block; opacity: .8; }
html.icons-line:not(.edge-prev) .about-page .ab-edge .edge-icon { color: var(--muted); }
html.icons-line:not(.edge-prev):is([data-tod=night], [data-variant=nocturne]) .about-page .ab-edge .edge-icon { color: #b4b4b4; }
.about-strip-pict { display: flex; align-items: flex-end; gap: clamp(8px, 1.2vw, 14px); width: auto; color: var(--tag-ink, #3a3a3a); }
.about-strip-pict svg { width: auto; height: var(--h); flex: none; overflow: visible; opacity: 1; fill: none; stroke: currentColor; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; }
.about-strip-pict svg * { vector-effect: non-scaling-stroke; }
.about-strip-pict .f { fill: currentColor; fill-opacity: .13; stroke: none; }
.about-strip-pict .d { stroke-width: 1.3px; opacity: .75; }
.about-strip-pict .m { stroke-width: 1px; opacity: .45; }
html:is([data-tod=night], [data-variant=nocturne]) .about-strip-pict { color: #c4c4c4; }
@media (max-width: 400px) { .about-strip-pict { gap: 6px; } .about-strip-pict svg { height: calc(var(--h) * .82); } }
html:not(.strip-line) .about-strip-line, html.strip-line .about-strip-pict { display: none !important; }
html:not(.strip-detail) .about-strip-pict :is(.d, .m) { display: none; }
.about-strip-pict svg:last-child { margin-bottom: calc(var(--h) * -.12); }
@media (max-width: 560px) { .about-strip-pict svg:last-child { height: min(var(--h), 27vw); margin-bottom: calc(min(var(--h), 27vw) * -.12); } }
@media (max-width: 560px) { .about-strip-pict { gap: 6px; } .about-strip-pict svg { height: calc(var(--h) * .76); } .about-strip-pict svg:last-child { height: min(var(--h), 25vw); margin-bottom: calc(min(var(--h), 25vw) * -.12); } }
@media (max-width: 340px) { .about-strip-pict { gap: 4px; } .about-strip-pict svg { height: calc(var(--h) * .68); } }
.about-strip-pict svg.wall329, .about-strip-pict svg.wall329:last-child { margin-bottom: 0; }
@media (max-width: 560px) { .about-strip-pict svg.wall329:last-child { height: min(var(--h), 9.5vw); margin-bottom: 0; } }
@media (max-width: 340px) { .about-strip-pict svg.wall329:last-child { height: 8.6vw; } }
.about-strip-pict svg.wall329:last-child { margin-bottom: -3px; } @media (max-width: 560px) { .about-strip-pict svg.wall329:last-child { margin-bottom: -1px; } }
@media (max-width: 640px) { html:not(.abiboard-old) .summit-stage.summit-tip { display: block; } }
html:not(.strip-v1) .about-strip-v1, html.strip-v1 .about-strip-v2 { display: none !important; }
html:not(.strip-on):not(.strip-v1) .about-strip-v2 { display: none !important; }
.about-strip-v2 { display: flex; align-items: flex-end; gap: clamp(12px, 1.6vw, 18px); width: auto; color: var(--tag-ink, #3a3a3a); }
.about-strip-v2 svg { width: auto; height: var(--h); flex: none; overflow: visible; opacity: 1; fill: none; stroke: currentColor; stroke-width: 1.6px; stroke-linecap: round; stroke-linejoin: round; }
.about-strip-v2 svg * { vector-effect: non-scaling-stroke; }
.about-strip-v2 .t { fill: currentColor; fill-opacity: .13; stroke: none; }
.about-strip-v2 .k { stroke-width: 1.15px; opacity: .78; }
.about-strip-v2 .n { stroke-width: 1px; opacity: .55; }
.about-strip-v2 .p { fill: currentColor; stroke: none; }
html:is([data-tod=night], [data-variant=nocturne]) .about-strip-v2 { color: #c4c4c4; }
@media (max-width: 560px) { .about-strip-v2 { gap: 10px; } .about-strip-v2 svg { height: calc(var(--h) * .8); } .about-strip-v2 svg.wall2 { height: min(calc(var(--h) * .8), 14vw); } }
html:not(.tipfoot-old) .summit-stage.summit-tip.tip-cut canvas { -webkit-mask-image: linear-gradient(180deg, #000 calc(var(--edge-at) - 340px), rgb(0 0 0 / .8) calc(var(--edge-at) - 270px), rgb(0 0 0 / .5) calc(var(--edge-at) - 190px), rgb(0 0 0 / .22) calc(var(--edge-at) - 110px), rgb(0 0 0 / .05) calc(var(--edge-at) - 45px), transparent var(--edge-at)); mask-image: linear-gradient(180deg, #000 calc(var(--edge-at) - 340px), rgb(0 0 0 / .8) calc(var(--edge-at) - 270px), rgb(0 0 0 / .5) calc(var(--edge-at) - 190px), rgb(0 0 0 / .22) calc(var(--edge-at) - 110px), rgb(0 0 0 / .05) calc(var(--edge-at) - 45px), transparent var(--edge-at)); }
@media (max-width: 640px) { html:not(.abiboard-old) .summit-stage.summit-tip.tip-cut { display: none; } }
html:not([data-tod=night]):not([data-variant=nocturne]):not(.tipday-old):not(#a) body .summit-stage.summit-tip { opacity: 1; } html:not([data-tod=night]):not([data-variant=nocturne]):not(.tipday-old):not(#a) body .summit-stage.summit-tip canvas { filter: brightness(.84) contrast(1.12); }
html.abscroll .abs-pin { position: sticky; top: var(--abs-top, 0px); height: calc(100vh - var(--abs-top, 0px)); overflow: hidden; }
html.abscroll .abs-pin > .ab-hero { height: 100% !important; min-height: 0 !important; }
html.abscroll .abs-pin > .ab-edge { position: absolute !important; z-index: 3; left: 0; right: 0; top: 74vh !important; padding-top: 0 !important; margin: 0 !important; }
html.abscroll .ab-edge .edge-item { opacity: 1 !important; translate: none !important; will-change: transform; transition: none !important; }
html.abscroll .ab-edge .edge-item > * { transition: none !important; }
html.abscroll .ab-edge .edge-item > * { opacity: 1 !important; transform: none !important; translate: none !important; }
html.abscroll .summit-stage.summit-tip.tip-cut canvas { -webkit-mask-image: none; mask-image: none; }
html:not(.tipfoot-old):not(.tipcut-hard) .summit-stage.summit-tip.tip-cut canvas { -webkit-mask-image: linear-gradient(180deg, #000 calc(var(--edge-at) - 380px), rgb(0 0 0 / .78) calc(var(--edge-at) - 280px), rgb(0 0 0 / .48) calc(var(--edge-at) - 170px), rgb(0 0 0 / .26) calc(var(--edge-at) - 60px), rgb(0 0 0 / .14) calc(var(--edge-at) + 80px), rgb(0 0 0 / .08) calc(var(--edge-at) + 240px), rgb(0 0 0 / .03) calc(var(--edge-at) + 400px), transparent calc(var(--edge-at) + 540px)); mask-image: linear-gradient(180deg, #000 calc(var(--edge-at) - 380px), rgb(0 0 0 / .78) calc(var(--edge-at) - 280px), rgb(0 0 0 / .48) calc(var(--edge-at) - 170px), rgb(0 0 0 / .26) calc(var(--edge-at) - 60px), rgb(0 0 0 / .14) calc(var(--edge-at) + 80px), rgb(0 0 0 / .08) calc(var(--edge-at) + 240px), rgb(0 0 0 / .03) calc(var(--edge-at) + 400px), transparent calc(var(--edge-at) + 540px)); }
html:not(.abiboard-old):not(.tipfade-old):not(.tipcut-hard):not(#a) .summit-stage.summit-tip { --ry: 110vh; --rx: 38vw; --my: calc(var(--tip-y) + 52vh); }