.ab a{color:#ffb057}.ab a:hover{color:#ffc985}.ab{font-family:var(--font-geist),system-ui,sans-serif;color:#eceae4;background:#0b0d12;position:relative;overflow-x:clip}.ab *{box-sizing:border-box}.ab .disp{font-family:var(--font-bricolage),var(--font-geist),sans-serif}.ab .wrap{max-width:1320px;margin:0 auto;padding:0 32px}.ab .nav a{color:#b0b2b8;font-size:14px;text-decoration:none}.ab .nav a:hover,.ab .nav a.on{color:#eceae4}.ab .nav a.on{padding-bottom:6px;box-shadow:inset 0 -2px #ffb057}.ab .btn{white-space:nowrap;border-radius:999px;align-items:center;height:48px;padding:0 22px;font-size:15px;font-weight:500;text-decoration:none;transition:transform .35s cubic-bezier(.16,1,.3,1),background .3s;display:inline-flex}.ab .btn-p{color:#1a1206;background:#ffb057}.ab .btn-p:hover{color:#1a1206;background:#ffc47e;transform:translateY(-2px)}.ab .btn-g{color:#eceae4;box-shadow:inset 0 0 0 1px #eceae438}.ab .btn-g:hover{color:#eceae4;background:#eceae40f}.ab .plate{border-radius:28px;flex-direction:column;justify-content:space-between;width:300px;height:360px;padding:30px;display:flex;position:absolute;box-shadow:0 40px 80px -30px #000000bf,inset 0 1px #ffffff14}.ab .plate img{filter:invert();opacity:.92;width:84px;height:84px}.ab .plate .k{font-family:var(--font-geist-mono),monospace;color:#b0b2b8;font-size:12px}.ab .plate .t{font-family:var(--font-bricolage),sans-serif;letter-spacing:-.01em;font-size:30px;font-weight:650}.ab .lamp{pointer-events:none;background:radial-gradient(circle,#ffb0574d,#ffb05700 65%);border-radius:50%;position:absolute}.ab .spine{background:#eceae41a;width:2px;position:absolute;top:0;bottom:0;left:191px}.ab .spine i{transform-origin:top;background:linear-gradient(#ffb057,#ffb057);position:absolute;inset:0;transform:scaleY(.3)}.ab .mile{grid-template-columns:160px 64px minmax(0,1fr);align-items:start;padding:28px 0;display:grid}.ab .mile .yr{font-family:var(--font-bricolage),sans-serif;color:#0000;-webkit-text-stroke:1.2px #ffb057bf;text-align:right;font-size:56px;font-weight:800;line-height:1}.ab .mile .dot{background:#0b0d12;border-radius:50%;width:14px;height:14px;margin:18px auto 0;box-shadow:0 0 0 2px #ffb057}.ab .mile .card{background:#12151d;border-radius:24px;padding:28px 30px;box-shadow:inset 0 0 0 1px #eceae414}.ab .chip{color:#cfcfd2;background:#ffffff0f;border-radius:999px;padding:8px 14px;font-size:14px;display:inline-flex}@media (prefers-reduced-motion:no-preference){.ab .p1{animation:12s ease-in-out infinite float}.ab .p2{animation:15s ease-in-out infinite reverse float}.ab .p3{animation:18s ease-in-out infinite float}.ab .rise{animation:1s cubic-bezier(.16,1,.3,1) both enter}@supports (animation-timeline:view()){.ab .reveal{animation:linear both enter;animation-timeline:view();animation-range:entry entry 55%}.ab .spine i{animation:linear both grow;animation-timeline:view();animation-range:entry 20% exit 60%}}}@keyframes float{0%,to{transform:translateY(0)rotate(var(--r))}50%{transform:translateY(-14px)rotate(var(--r))}}@keyframes enter{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}@keyframes grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@media (max-width:900px){.ab .split{grid-template-columns:1fr!important}.ab .plates{height:460px!important}.ab .mile{grid-template-columns:90px 40px minmax(0,1fr)}.ab .mile .yr{font-size:34px}.ab .spine{left:109px}.ab .nav-links{display:none!important}}@media (max-width:640px){.ab .mile{grid-template-columns:28px minmax(0,1fr);grid-template-areas:"dot yr"".card";row-gap:10px;padding:20px 0}.ab .mile .yr{text-align:left;grid-area:yr;font-size:34px}.ab .mile .dot{grid-area:dot;margin:10px 0 0 7px}.ab .mile .card{grid-area:card;padding:22px}.ab .spine{left:13px}}
