.off-duty{margin-top:85px;padding-top:55px;border-top:1px solid #ffffff45}
#hobbies.off-duty{margin-top:0;background:var(--blue);color:var(--paper);border-top:0;padding-top:65px}
.hobbies-intro{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:35px}
.hobbies-kicker,.hobby-index{font:500 10px/1.5 var(--sans);letter-spacing:.12em}
.hobbies-kicker{display:block;margin-bottom:20px;color:#e8ff00}
.hobbies-intro h2{font:700 clamp(44px,4.5vw,76px)/1 var(--display);letter-spacing:-.02em}
.hobbies-intro h2 em{font:italic 1.04em/1 var(--serif)}
.hobbies-intro>p{max-width:290px;font-size:14px;line-height:1.8;opacity:.85}
.hobbies-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.hobby-card{border:1px solid #ffffff45;min-width:0;overflow:hidden}
.hobby-art{height:240px;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;background:var(--paper);color:var(--blue);border-bottom:1px solid #ffffff45;isolation:isolate}
.hobby-content{padding:25px 24px 28px}
.hobby-index{display:block;opacity:.65;margin-bottom:14px}
.hobby-content h3{font:600 30px/1.05 var(--display);letter-spacing:-.02em;margin:0 0 16px}
.hobby-content p{font-size:14px;line-height:1.8;opacity:.85}
.hobby-content p em{font:italic 1.15em var(--serif)}
.hobby-art{height:300px;padding:26px 20px}
.hobby-games{gap:0}
.game-case{width:38%;max-width:145px;flex:none;margin:0 -13px;transform-origin:center bottom;box-shadow:4px 8px 14px #10162a22;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.game-case img,.book-cover img{width:100%;height:auto;object-fit:contain}
.case-yotei{transform:rotate(-7deg)}
.case-persona{transform:translateY(-13px);z-index:2}
.case-stranding{transform:rotate(7deg)}
.hobby-books{gap:24px;background:#e8ff00}
.book-cover{width:39%;max-width:137px;flex:none;box-shadow:5px 8px 14px #10162a2b;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.book-kafka{transform:rotate(-7deg)}
.book-prince{max-width:124px;transform:rotate(7deg)}
.hobby-anime{background:#121832}
.anime-frame{height:242px;max-width:100%;padding:6px;background:var(--paper);box-shadow:6px 8px 0 #ffffff16;transform:rotate(-3deg);transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.anime-frame img{width:auto;height:100%;max-width:100%;object-fit:contain}
@media(hover:hover) and (pointer:fine){.hobby-card:hover .case-yotei{transform:translate(-3px,-6px) rotate(-9deg)}.hobby-card:hover .case-persona{transform:translateY(-21px)}.hobby-card:hover .case-stranding{transform:translate(3px,-6px) rotate(9deg)}.hobby-card:hover .book-kafka{transform:translate(-3px,-6px) rotate(-9deg)}.hobby-card:hover .book-prince{transform:translate(3px,-6px) rotate(9deg)}.hobby-card:hover .anime-frame{transform:rotate(0deg) translateY(-4px)}}
@media(max-width:1050px) and (min-width:701px){.hobbies-grid{gap:15px}.hobby-content{padding:22px 18px}.hobby-content h3{font-size:26px}.hobby-art{height:250px;padding:23px 12px}.game-case{margin:0 -10px}.hobby-books{gap:18px}.book-cover{max-width:111px}.book-prince{max-width:101px}.anime-frame{height:205px}}
@media(max-width:700px){.off-duty{margin-top:55px;padding-top:35px}.hobbies-intro{display:block}.hobbies-intro h2{font-size:49px}.hobbies-intro>p{max-width:380px;margin-top:22px}.hobbies-grid{grid-template-columns:1fr;gap:22px}.hobby-art{height:285px;padding:24px 18px}.hobby-content{padding:23px}.hobby-content h3{font-size:31px}.anime-frame{height:234px}}
@media(prefers-reduced-motion:reduce){.game-case,.book-cover,.anime-frame{transition:none;transform:none!important}}