@media only screen and (min-width: 0rem) {#jj-hero, #jj-intro, #jj-menu, #jj-barbers, #jj-cuts, #jj-visit {font-family: var(--font-body);}.jj-sprite {position: absolute;width: 0;height: 0;overflow: hidden;}#jj-hero {position: relative;isolation: isolate;overflow: hidden;display: flex;align-items: center;justify-content: center;min-height: 68svh;padding: 8.25rem 2rem 3.5rem;text-align: center;background: var(--ink);}#jj-hero .jj-hero-bg {position: absolute;inset: 0;z-index: -2;width: 100%;height: 100%;object-fit: cover;object-position: center 60%;}#jj-hero::before {content: '';position: absolute;inset: 0;z-index: -1;background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.2) 70%), linear-gradient(180deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.1) 45%, rgba(0, 0, 0, 0.55) 100%);}#jj-hero .jj-hero-pole {position: absolute;top: 50%;width: 0.625rem;height: 34%;border-radius: 0.5rem;background-image: var(--pole);background-size: 79.2px 79.2px;box-shadow: inset -3px 0 5px rgba(0, 0, 0, 0.4), inset 3px 0 5px rgba(255, 255, 255, 0.45);transform: translateY(-50%);animation: jjPoleY 3s linear infinite;}#jj-hero .jj-hero-pole::before, #jj-hero .jj-hero-pole::after {content: '';position: absolute;left: 50%;width: 1.125rem;height: 0.75rem;background: linear-gradient(90deg, #7d7d7d 0%, #f4f4f4 42%, #b9b9b9 62%, var(--steel) 100%);transform: translateX(-50%);}#jj-hero .jj-hero-pole::before {top: -0.625rem;border-radius: 0.75rem 0.75rem 0.15rem 0.15rem;}#jj-hero .jj-hero-pole::after {bottom: -0.625rem;border-radius: 0.15rem 0.15rem 0.75rem 0.75rem;}#jj-hero .jj-hero-pole--left {left: 0.5rem;}#jj-hero .jj-hero-pole--right {right: 0.5rem;}#jj-hero .jj-hero-inner {width: 100%;max-width: 60rem;display: flex;flex-direction: column;align-items: center;}#jj-hero .jj-hero-icon {width: 3.25rem;height: 3.25rem;margin-bottom: 1.5rem;color: var(--white);filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.6));transform: rotate(-90deg);}#jj-hero .jj-hero-title {margin: 0 0 2.25rem;padding: 0.5em 0.6em 0.45em;font-family: var(--font-display);font-size: clamp(2.5rem, 10.5vw, 6.5rem);font-weight: 700;line-height: 0.95;letter-spacing: 0.01em;text-transform: uppercase;text-wrap: balance;color: var(--white);background: rgba(0, 0, 0, 0.72);outline: 2px solid var(--white);outline-offset: -8px;box-shadow: 0 1.5rem 3rem rgba(0, 0, 0, 0.35);-webkit-backdrop-filter: blur(2px);backdrop-filter: blur(2px);}}@media only screen and (min-width: 0rem) {#jj-intro {position: relative;overflow: hidden;background: var(--white);padding: 4.5rem 1.5rem 5rem;}#jj-intro .jj-intro-decor {position: absolute;top: 2rem;right: -5rem;width: clamp(14rem, 30vw, 24rem);height: clamp(14rem, 30vw, 24rem);color: var(--chrome);transform: rotate(-25deg);pointer-events: none;}#jj-intro .jj-intro-inner {position: relative;z-index: 1;max-width: 78rem;margin: 0 auto;display: flex;flex-direction: column;align-items: center;gap: 3.5rem;}#jj-intro .jj-intro-media {position: relative;width: 100%;max-width: 30rem;aspect-ratio: 1 / 1.08;}#jj-intro .jj-intro-media::before {content: '';position: absolute;top: 0;left: 0;width: 42%;height: 36%;background: var(--chrome);border: 2px solid var(--ink);}#jj-intro .jj-intro-img {position: absolute;overflow: hidden;aspect-ratio: 3 / 4;}#jj-intro .jj-intro-img img {width: 100%;height: 100%;object-fit: cover;}#jj-intro .jj-intro-img--main {top: 4%;left: 4%;z-index: 1;width: 56%;}#jj-intro .jj-intro-img--top, #jj-intro .jj-intro-img--bottom {border: 6px solid var(--white);box-shadow: 0 1.25rem 2.5rem rgba(0, 0, 0, 0.18);}#jj-intro .jj-intro-img--top {top: 0;right: 0;z-index: 2;width: 44%;}#jj-intro .jj-intro-img--bottom {right: 8%;bottom: 0;z-index: 3;width: 40%;}#jj-intro .jj-intro-rating {position: absolute;left: 0;bottom: 0;z-index: 4;padding: 0.9rem 1.25rem;display: flex;flex-direction: column;align-items: center;text-align: center;color: var(--white);background: var(--ink);box-shadow: inset 0 0 0 4px var(--ink), inset 0 0 0 6px var(--white);}#jj-intro .jj-intro-rating-num {font-family: var(--font-display);font-size: clamp(2rem, 6vw, 2.75rem);font-weight: 700;line-height: 1;}#jj-intro .jj-intro-rating-label {font-size: 0.9375rem;font-weight: 600;line-height: 1.3;color: var(--chrome);margin-top: 0.35rem;}#jj-intro .jj-intro-copy {width: 100%;display: flex;flex-direction: column;align-items: center;text-align: center;}#jj-intro .jj-intro-text {font-size: var(--bodyFontSize);line-height: 1.75;color: var(--bodyTextColor);margin: 0 auto;max-width: 38rem;}#jj-intro .jj-intro-text + .jj-intro-text {margin-top: 1.25rem;}}@media only screen and (min-width: 0rem) {#jj-menu {background-color: var(--ink);background-image: repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.02) 0 1px, transparent 1px 3px), radial-gradient(ellipse at top, #2c2c2c 0%, var(--ink) 70%);padding: 4.5rem 1.5rem;}#jj-menu .jj-menu-blade {max-width: 60rem;margin: 0 auto;padding: 1.75rem 1.5rem;background: linear-gradient(135deg, #3d3d3d 0%, #8a8a8a 20%, #4a4a4a 42%, var(--steel) 62%, #a8a8a8 82%, #3d3d3d 100%);box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.55), inset 0 -2px 0 rgba(0, 0, 0, 0.5);clip-path: polygon(0 0, 100% 0, 100% 40%, calc(100% - 1rem) 44%, calc(100% - 1rem) 56%, 100% 60%, 100% 100%, 0 100%, 0 60%, 1rem 56%, 1rem 44%, 0 40%);}#jj-menu .jj-menu-board {display: grid;grid-template-columns: 1fr;gap: 2.5rem;padding: 2rem 1.25rem;background: #0a0a0a;border: 1px solid var(--line-light);}#jj-menu .jj-menu-col-title {display: flex;flex-direction: column;align-items: center;gap: 0.75rem;margin: 0 0 0.5rem;padding-bottom: 1rem;font-size: clamp(1.375rem, 3.5vw, 1.75rem);font-weight: 700;line-height: 1.2;text-align: center;color: var(--white);border-bottom: 2px solid var(--steel);}#jj-menu .jj-menu-col-icon {width: 2.25rem;height: 2.25rem;color: var(--steel-light);}#jj-menu .jj-menu-list {list-style: none;margin: 0;padding: 0;}#jj-menu .jj-menu-item {padding: 1.125rem 0;text-align: center;border-bottom: 1px dashed var(--line-light);}#jj-menu .jj-menu-item:last-child {border-bottom: none;}#jj-menu .jj-menu-name {display: block;font-family: var(--font-display);font-size: clamp(1.375rem, 3.4vw, 1.625rem);font-weight: 700;line-height: 1.25;color: var(--white);}#jj-menu .jj-menu-meta {font-size: 0.9375rem;line-height: 1.5;color: var(--steel-light);margin: 0.35rem 0 0;}}@media only screen and (min-width: 0rem) {#jj-barbers {background: var(--chrome);padding: 4.5rem 1.5rem;}}@media only screen and (min-width: 0rem) {#jj-cuts {overflow: hidden;background: var(--white);padding: 4.5rem 0;}#jj-cuts .jj-head {padding: 0 1.5rem;}#jj-cuts .jj-marquee {width: 100%;overflow: hidden;}#jj-cuts .jj-marquee-track {list-style: none;margin: 0;padding: 0;display: flex;width: max-content;animation: jjMarquee 55s linear infinite;}#jj-cuts .jj-marquee:hover .jj-marquee-track, #jj-cuts .jj-marquee:focus-within .jj-marquee-track, #jj-cuts .jj-marquee.is-paused .jj-marquee-track {animation-play-state: paused;}#jj-cuts .jj-cut {flex: 0 0 auto;width: clamp(13rem, 24vw, 19rem);margin-right: 1rem;}#jj-cuts .jj-cut-fig {position: relative;overflow: hidden;aspect-ratio: 3 / 4;margin: 0;}#jj-cuts .jj-cut-fig img {width: 100%;height: 100%;object-fit: cover;}#jj-cuts .jj-cut-cap {position: absolute;left: 0;bottom: 0.75rem;padding: 0.45rem 0.75rem;font-size: 0.875rem;font-weight: 600;line-height: 1.2;color: var(--ink);background: var(--white);border-left: 4px solid var(--primary);}#jj-cuts .jj-actions--pad {margin-top: 2.5rem;}@keyframes jjMarquee {to {transform: translateX(-50%);}}}@media (prefers-reduced-motion: reduce) {#jj-cuts .jj-marquee {overflow-x: auto;}#jj-cuts .jj-marquee-track {animation: none;}#jj-cuts .jj-marquee-toggle {display: none;}}@media only screen and (min-width: 0rem) {#jj-visit {background-color: var(--ink);background-image: radial-gradient(ellipse at top, #2c2c2c 0%, var(--ink) 70%);padding: 4.5rem 1.5rem;}#jj-visit .jj-visit-inner {max-width: 72rem;margin: 0 auto;display: flex;flex-direction: column;gap: 1.25rem;}#jj-visit .jj-visit-card {padding: 2.25rem 1.5rem;background: var(--white);border: 2px solid var(--white);box-shadow: inset 0 0 0 6px var(--white), inset 0 0 0 8px var(--ink);}#jj-visit .jj-visit-list {list-style: none;margin: 0;padding: 0;}#jj-visit .jj-visit-item {display: flex;align-items: flex-start;gap: 1rem;padding: 1.25rem 0;border-bottom: 1px dashed var(--line);}#jj-visit .jj-visit-item:first-child {padding-top: 0;}#jj-visit .jj-visit-item:last-child {border-bottom: none;}#jj-visit .jj-visit-icon {flex-shrink: 0;width: 2.75rem;height: 2.75rem;display: flex;align-items: center;justify-content: center;color: var(--white);background: var(--primary);border-radius: 50%;}#jj-visit .jj-visit-body {flex: 1;min-width: 0;padding-top: 0.2rem;}#jj-visit .jj-visit-label {margin: 0 0 0.3rem;font-family: var(--font-body);font-size: 0.875rem;font-weight: 700;letter-spacing: 0.12em;line-height: 1.3;text-transform: uppercase;color: var(--steel);}#jj-visit .jj-visit-value {display: inline-block;margin: 0;font-family: var(--font-display);font-size: 1.375rem;font-weight: 700;line-height: 1.3;color: var(--ink);}#jj-visit .jj-visit-link {text-decoration: underline;text-decoration-thickness: 2px;text-underline-offset: 0.2em;text-decoration-color: var(--primary);transition: color 0.3s ease;}#jj-visit .jj-visit-link:hover {color: var(--primary);}#jj-visit .jj-visit-link:focus-visible {outline: 3px solid var(--secondary);outline-offset: 4px;}#jj-visit .jj-hours {width: 100%;margin-top: 0.25rem;border-collapse: collapse;}#jj-visit .jj-hours th, #jj-visit .jj-hours td {padding: 0.45rem 0.6rem;font-family: var(--font-body);font-size: 1rem;line-height: 1.4;color: var(--bodyTextColor);vertical-align: middle;}#jj-visit .jj-hours th {font-weight: 600;text-align: left;color: var(--ink);}#jj-visit .jj-hours td {text-align: right;}#jj-visit .jj-hours tr:nth-child(odd) {background: var(--chrome);}#jj-visit .jj-visit-map {width: 100%;min-height: 20rem;padding: 0.5rem;background: var(--white);}#jj-visit .jj-visit-map iframe {display: block;width: 100%;height: 100%;min-height: 19rem;border: 0;}}@media only screen and (min-width: 48rem) {#jj-intro, #jj-menu, #jj-barbers, #jj-visit {padding-left: 2.5rem;padding-right: 2.5rem;}#jj-hero {min-height: 80svh;padding: 8.75rem 2.5rem 4.5rem;}#jj-menu .jj-menu-blade {padding: 2.5rem 3rem;clip-path: polygon(0 0, 100% 0, 100% 38%, calc(100% - 1.75rem) 43%, calc(100% - 1.75rem) 57%, 100% 62%, 100% 100%, 0 100%, 0 62%, 1.75rem 57%, 1.75rem 43%, 0 38%);}#jj-menu .jj-menu-board {padding: 3rem 2.5rem;}#jj-visit .jj-visit-card {padding: 2.75rem 2.5rem;}#jj-visit .jj-visit-map {min-height: 26rem;}#jj-visit .jj-visit-map iframe {min-height: 25rem;}}@media only screen and (min-width: 64rem) {#jj-intro, #jj-menu, #jj-barbers, #jj-visit {padding-top: 6.5rem;padding-bottom: 6.5rem;padding-left: 3rem;padding-right: 3rem;}#jj-cuts {padding-top: 6.5rem;padding-bottom: 6.5rem;}#jj-hero {min-height: 88svh;padding: 11rem 3rem 6rem;}#jj-hero .jj-hero-pole {width: 1.375rem;height: 52%;border-radius: 0.75rem;box-shadow: inset -5px 0 8px rgba(0, 0, 0, 0.4), inset 5px 0 8px rgba(255, 255, 255, 0.45);}#jj-hero .jj-hero-pole::before, #jj-hero .jj-hero-pole::after {width: 2.375rem;height: 1.375rem;}#jj-hero .jj-hero-pole::before {top: -1.125rem;border-radius: 1.25rem 1.25rem 0.25rem 0.25rem;}#jj-hero .jj-hero-pole::after {bottom: -1.125rem;border-radius: 0.25rem 0.25rem 1.25rem 1.25rem;}#jj-hero .jj-hero-pole--left {left: clamp(2rem, 5vw, 5rem);}#jj-hero .jj-hero-pole--right {right: clamp(2rem, 5vw, 5rem);}#jj-intro .jj-intro-inner {flex-direction: row;align-items: flex-start;gap: 5rem;}#jj-intro .jj-intro-media {flex: none;width: 42%;max-width: 30rem;margin: 0;}#jj-intro .jj-intro-copy {flex: 1;padding-top: 1rem;}#jj-menu .jj-menu-board {position: relative;grid-template-columns: 1fr 1fr;gap: 4rem;}#jj-menu .jj-menu-board::before {content: '';position: absolute;top: 3rem;bottom: 3rem;left: 50%;width: 1px;background: repeating-linear-gradient(180deg, rgba(255, 255, 255, 0.25) 0 6px, transparent 6px 12px);}#jj-visit .jj-visit-inner {flex-direction: row;align-items: stretch;gap: 1.5rem;}#jj-visit .jj-visit-card {flex: none;width: 26rem;padding: 2.75rem 2.25rem;}#jj-visit .jj-visit-map {flex: 1;min-height: 0;}#jj-visit .jj-visit-map iframe {min-height: 100%;}}