.hobby-body {
    background: #07111c;
    color: #e7eef8;
}

.home-nav-links a[aria-current="page"] {
    color: #5ce7f2;
}

.hobby {
    padding: calc(4.25rem + clamp(2.6rem, 6vw, 4.6rem)) 0 clamp(4.2rem, 8vw, 6.8rem);
}

.hobby-wrap {
    width: min(100% - 3rem, 980px);
    margin: 0 auto;
}

.hobby h1 {
    margin: 0 0 clamp(2.2rem, 5vw, 3.2rem);
    color: #f4f7fb;
    font-size: clamp(2.5rem, 5vw, 3.7rem);
    line-height: 1.02;
}

.hobby h2 {
    margin: 0 0 0.95rem;
    color: #f4f7fb;
    font-size: clamp(1.65rem, 2.6vw, 2.15rem);
    line-height: 1.15;
}

.hobby-cat {
    scroll-margin-top: 5.25rem;
}

.hobby-cat + .hobby-cat {
    margin-top: clamp(2.4rem, 5vw, 3.6rem);
}

.hobby-cat + .hobby-cat .hobby-head {
    padding-top: clamp(2.4rem, 5vw, 3.4rem);
    border-top: 1px solid rgba(231, 238, 248, 0.12);
}

.hobby-cat .home-gallery {
    margin-top: 1.55rem;
}

.hobby-copy {
    max-width: 40rem;
}

.hobby-copy p {
    margin: 0 0 1rem;
    color: #b7c3d4;
    font-size: 1.05rem;
    line-height: 1.75;
}

.hobby-copy p:last-child {
    margin-bottom: 0;
}

.hobby-copy a {
    color: #8ec9d4;
    font-weight: 600;
    text-underline-offset: 0.18em;
}

.hobby-copy a:hover,
.hobby-copy a:focus-visible {
    color: #5ce7f2;
}

.hobby-aside {
    margin-top: 1.2rem;
    color: #93a4bb;
    font-style: italic;
}

@media (max-width: 860px) {
    .hobby-wrap {
        width: min(100% - 2rem, 980px);
    }
}