/* コンパクトな横並び導線 */
.connect-list{list-style:none;padding:0;margin:1.4rem 0 0;display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;}
.connect-list a{display:inline-flex;align-items:baseline;gap:.25em;font-family:var(--serif-latin);
  font-size:clamp(1.05rem,2.4vw,1.5rem);text-decoration:none;color:var(--ink);position:relative;
  padding-bottom:3px;transition:color .3s var(--ease-quint);}
.connect-list a span{font-size:.5em;color:var(--teal-500);}
.connect-list a::after{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:var(--teal-700);
  transition:width .35s var(--ease-quint);}
.connect-list a:hover{color:var(--teal-700);}
.connect-list a:hover::after,.connect-list a:focus-visible::after{width:100%;}
.connect-note{margin-top:1.3rem;font-family:var(--mono);font-size:.74rem;letter-spacing:.08em;color:var(--mist);}
footer{padding:48px var(--gut) 64px;border-top:1px solid var(--line);}
footer .f-in{max-width:var(--maxw);margin:0 auto;display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:12px;}
footer .mk{font-family:var(--logotype);font-style:italic;font-size:2rem;line-height:1;}
footer .meta{font-family:var(--mono);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--mist);}
@media(prefers-reduced-motion:reduce){.connect-list a{transition:none;}}