@media only screen and (min-width: 0rem) {#jj-profile {background: var(--chrome);padding: 4.5rem 1.5rem;font-family: var(--font-body);}#jj-profile .jj-profile-bio {max-width: 40rem;margin: 0 auto;padding: 2.5rem 1.5rem;display: flex;flex-direction: column;align-items: center;text-align: center;background: var(--white);border: 2px solid var(--ink);box-shadow: inset 0 0 0 6px var(--white), inset 0 0 0 8px var(--ink);}#jj-profile .jj-profile-bio .jj-snip {margin-bottom: 2rem;}#jj-profile .jj-profile-media {width: min(100%, 14rem);}#jj-profile .jj-profile-media img {width: 100%;height: auto;aspect-ratio: 3 / 4;object-fit: cover;background: var(--chrome);border: 6px solid var(--ink);}#jj-profile .jj-profile-copy .jj-actions {margin-top: 2rem;}#jj-profile .jj-profile-work {max-width: 78rem;margin: 4rem auto 0;}#jj-profile .jj-portfolio-grid {list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(2, 1fr);gap: 0.75rem;}#jj-profile .jj-portfolio-item {overflow: hidden;aspect-ratio: 3 / 4;background: var(--ink);}#jj-profile .jj-portfolio-open {display: block;width: 100%;height: 100%;padding: 0;border: 0;background: none;cursor: zoom-in;}#jj-profile .jj-portfolio-open img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.6s ease, opacity 0.3s ease;}#jj-profile .jj-portfolio-open:hover img {transform: scale(1.04);opacity: 0.9;}#jj-profile .jj-portfolio-open:focus-visible {outline: 3px solid var(--secondary);outline-offset: -3px;}}@media only screen and (min-width: 0rem) {html.jj-lock {overflow: hidden;}.jj-lightbox {width: 100%;max-width: 100%;height: 100%;max-height: 100%;margin: 0;padding: 0;border: 0;background: rgba(0, 0, 0, 0.94);overflow: hidden;}.jj-lightbox::backdrop {background: rgba(0, 0, 0, 0.94);}.jj-lightbox-track {list-style: none;margin: 0;padding: 0;width: 100%;height: 100%;display: flex;overflow-x: auto;overflow-y: hidden;scroll-snap-type: x mandatory;scrollbar-width: none;overscroll-behavior: contain;}.jj-lightbox-track::-webkit-scrollbar {display: none;}.jj-lightbox-slide {flex: 0 0 100%;height: 100%;padding: 4.5rem 1rem 4rem;display: flex;align-items: center;justify-content: center;scroll-snap-align: center;}.jj-lightbox-slide img {width: auto;height: auto;max-width: 100%;max-height: 100%;object-fit: contain;}.jj-lightbox-btn {position: absolute;z-index: 2;width: 3rem;height: 3rem;display: flex;align-items: center;justify-content: center;color: var(--ink);background: var(--white);border: 0;border-radius: 50%;cursor: pointer;transition: background 0.2s ease, color 0.2s ease;}.jj-lightbox-btn:hover {color: var(--white);background: var(--primary);}.jj-lightbox-btn:focus-visible {outline: 3px solid var(--white);outline-offset: 3px;}.jj-lightbox-close {top: 1rem;right: 1rem;}.jj-lightbox-prev, .jj-lightbox-next {top: 50%;transform: translateY(-50%);}.jj-lightbox-prev {left: 0.75rem;}.jj-lightbox-next {right: 0.75rem;}.jj-lightbox-count {position: absolute;left: 50%;bottom: 1.25rem;transform: translateX(-50%);font-family: var(--font-body);font-size: 1rem;font-weight: 600;letter-spacing: 0.08em;color: var(--white);}}@media only screen and (min-width: 48rem) {#jj-profile {padding: 5.5rem 2.5rem;}#jj-profile .jj-profile-bio {padding: 3rem 2.5rem;}#jj-profile .jj-portfolio-grid {grid-template-columns: repeat(3, 1fr);gap: 1rem;}.jj-lightbox-prev {left: 1.5rem;}.jj-lightbox-next {right: 1.5rem;}.jj-lightbox-slide {padding: 4.5rem 6rem 4rem;}}@media only screen and (min-width: 64rem) {#jj-profile {padding: 6.5rem 3rem;}#jj-profile .jj-profile-bio {padding: 3rem 3.5rem;}#jj-profile .jj-profile-media {width: 16rem;}#jj-profile .jj-profile-work {margin-top: 5rem;}#jj-profile .jj-portfolio-grid {grid-template-columns: repeat(4, 1fr);}}