.ab-year{grid-template-columns:auto 1fr auto 1fr auto;align-items:center;column-gap:clamp(12px,2.5vw,40px);display:grid}.ab-rule.is-right{transform-origin:100%}@media (max-width:640px){.ab-year{grid-template-columns:auto 1fr auto}.ab-year>.t-label,.ab-year>.ab-rule.is-right{display:none}}.ab-year-num{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(44px,9vw,136px);font-weight:700;line-height:.96}.ab-rule{background:var(--color-ink);transform-origin:0;height:1px}@supports (animation-timeline:view()){.ab-rule{animation:ab-grow var(--ease-out) both;animation-timeline:view();animation-range:entry 10%}}@keyframes ab-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.ab-key{aspect-ratio:16/10;width:min(100%,56vw)}@media (max-width:767px){.ab-key{width:100%}}@media (min-width:768px){.ab-portfolio{grid-template-columns:3fr 5fr 3fr;align-items:start}.ab-portfolio>li:first-child{padding-top:48px}.ab-portfolio>li:nth-child(3){padding-top:96px}}.ab-marquee{white-space:nowrap;overflow:hidden}.ab-marquee-track{font-family:var(--font-display);letter-spacing:-.04em;text-transform:uppercase;font-size:clamp(72px,12.8vw,208px);font-weight:800;line-height:.9;animation:36s linear infinite hf-marquee;display:inline-block}.ab-marquee-track span{padding-right:.5em}@media (prefers-reduced-motion:reduce){.ab-rule,.ab-marquee-track{animation:none}}