@font-face { font-family: 'TAYTommyTokyo'; src: url('./assets/TAYTommyTokyo.otf') format('opentype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'TAYBasalRegular'; src: url('./assets/TAYBasalRegular.otf') format('opentype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'TAYBreadPan'; src: url('./assets/TAYBreadPan.otf') format('opentype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'TAYIzzy'; src: url('./assets/TAYIzzy.otf') format('opentype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'TAYWalkout'; src: url('./assets/TAYWalkout.otf') format('opentype'); font-weight: normal; font-style: normal; }
body { margin: 0; -webkit-font-smoothing: antialiased; }
* { box-sizing: border-box; }
a.jb-nav-link:hover { color: oklch(0.62 0.16 45) !important; }
a.jb-rotation:hover { color: oklch(0.62 0.16 45) !important; text-decoration: underline !important; }
a.jb-case:hover .jb-case-arrow { transform: translateX(6px); }
a.jb-case:hover .jb-case-img { filter: saturate(1.05) contrast(1.02); }
.jb-case-arrow { transition: transform 0.2s ease; display:inline-block; }
.jb-play { transition: transform 0.2s ease, background 0.2s ease; }
.jb-vid:hover .jb-play { transform: scale(1.08); background: oklch(0.62 0.16 45); }
.jb-vid:hover .jb-play svg { fill: oklch(0.98 0.01 75); }
a.jb-tab { transition: transform 0.15s ease, background 0.15s ease, color 0.15s ease; }
a.jb-tab:hover { transform: translateY(-4px); background: oklch(0.62 0.16 45); color: oklch(0.98 0.01 75) !important; }
a.jb-tab:hover .jb-tab-sub { color: oklch(0.98 0.01 75 / 0.8) !important; }