.menu-toggle{display:none;border:0;background:transparent;color:var(--cream);cursor:pointer}
.menu-toggle span{display:block;width:23px;height:1px;background:currentColor;transition:transform .28s ease,opacity .2s ease}
@media (max-width:800px){
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:clip}body{min-width:0;overflow-x:clip}
.nav{z-index:70;top:10px;left:10px;width:calc(100% - 20px);height:64px;padding:6px 10px 6px 8px;border-radius:4px 22px 4px 22px;background:#100c10f2;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.brand{min-width:0}.brand img{width:50px;height:50px}.brand span{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:17px}
.menu-toggle{position:relative;z-index:2;display:flex;width:44px;height:44px;margin-left:auto;padding:10px;flex-direction:column;align-items:center;justify-content:center;gap:6px}
.nav.menu-open .menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav.menu-open .menu-toggle span:nth-child(2){opacity:0}.nav.menu-open .menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.nav nav,.category-nav nav{position:absolute;top:calc(100% + 8px);left:0;right:0;display:flex!important;margin:0!important;padding:12px;flex-direction:column;align-items:stretch;gap:3px!important;border:1px solid #c5a8d642;border-radius:4px 22px 4px 22px;background:#100c10fa;box-shadow:0 22px 55px #0009;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .22s ease,transform .28s cubic-bezier(.22,1,.36,1),visibility .22s}
.nav.menu-open nav{opacity:1;visibility:visible;transform:none}
.nav nav a,.category-nav nav a,.nav:not(.category-nav) nav .nav-cta,.category-nav nav .nav-cta,.category-nav nav a[href="/"]{display:block!important;width:100%;padding:13px 15px!important;border:0;border-radius:3px 14px 3px 14px;font-size:16px!important;line-height:1.15;text-align:left}
.nav nav a:hover,.nav nav a:focus-visible{background:#c5a8d61b}.nav nav .nav-cta{margin-top:5px;background:var(--lilac);color:var(--ink);text-align:center;box-shadow:none}.category-nav nav .active-tab{color:var(--lilac)}.category-nav nav .active-tab:after{display:none}
.scroll-story{position:relative;height:520svh;min-height:0;contain:none!important;isolation:isolate}.shop-sequence{height:470svh;min-height:0}.scroll-sticky{position:absolute;z-index:20;top:0;right:0;left:0;width:100%;height:100dvh;min-height:0;background:#090709;isolation:isolate;overflow:hidden;transform:none!important}.scroll-story.mobile-pinned .scroll-sticky{position:fixed;top:0;bottom:auto}.scroll-story.mobile-finished .scroll-sticky{top:auto;bottom:0}
.scroll-media{position:absolute;inset:0!important;width:100%!important;height:100%!important;max-width:none;object-fit:cover!important;object-position:50% 50%!important;transform:none!important;will-change:auto;backface-visibility:hidden}
.scroll-sticky:after{z-index:5;bottom:14px;left:18px;right:18px;background:linear-gradient(90deg,transparent,#e6cee958 20%,#e6cee958 80%,transparent)}.story-base{z-index:4}
.hero-copy{inset:auto 16px 4.5svh 16px;max-width:420px;padding:14px 15px 13px;border-left:2px solid var(--lilac);background:linear-gradient(90deg,#100b10f4 0%,#100b10cf 78%,transparent);text-shadow:0 2px 14px #000}
.hero-kicker{margin:0 0 10px;padding:0;border:0;background:transparent;font-size:10px;letter-spacing:.07em}.hero h1{max-width:340px;margin:0;font-size:clamp(43px,13.5vw,60px);line-height:.82}.intro{max-width:330px;margin:14px 0 12px;padding:0;background:transparent;font-size:15px;line-height:1.35}.scroll-hint{font-size:11px}.scroll-hint b{width:30px;height:30px}
.moment,.moment.right{z-index:6;left:14px!important;right:14px!important;bottom:3.5svh;width:auto;max-width:430px;max-height:44svh;padding:12px 16px 14px 18px;overflow:auto;border-left:2px solid var(--lilac);border-right:0;background:linear-gradient(90deg,#100b10f7 0%,#100b10df 86%,transparent);text-align:left;-webkit-overflow-scrolling:touch}.moment i,.moment.right i{top:-22px;left:8px;right:auto;font-size:64px}.moment span{font-size:11px}.moment h3{max-width:360px;margin:6px 0 7px;font-size:clamp(28px,8.5vw,37px);line-height:.96}.moment p{max-width:365px;font-size:14px;line-height:1.38}
.shop-card{left:14px;right:14px;bottom:3.5svh;max-height:68svh;padding:20px 18px 21px;overflow:auto;background:linear-gradient(90deg,#110b10f7,#110b10e8 88%,transparent)}.shop-card h2{font-size:56px}.shop-card>p:not(.eyebrow){font-size:15px}.shop-card address{grid-template-columns:1fr;gap:7px;margin:13px 0;font-size:11px}.actions a{padding:9px 11px;font-size:11px}
.story{padding:98px 20px 92px}.story h2{font-size:clamp(53px,17vw,72px)}.story-text>p:first-child{font-size:22px}.story-text>p:nth-child(2){font-size:16px}.interlude{min-height:78svh;padding:88px 21px 78px}.interlude-quote{font-size:clamp(36px,10.5vw,47px)}.interlude-text{margin-left:8vw;font-size:16px}
.visit-copy{padding:78px 21px 62px}.visit-copy h2{font-size:clamp(55px,16vw,70px)}.visit-details{grid-template-columns:1fr;gap:12px}.map-wrap,.map-wrap iframe{min-height:430px}.gallery-hero{padding-left:20px;padding-right:20px}.gallery-hero h1{overflow-wrap:anywhere}.tattoo-grid{grid-auto-rows:190px}.piercing-copy{padding-left:21px;padding-right:21px}
}
@media (max-width:380px){.brand span{display:none}.hero h1{font-size:43px}.hero-copy{left:12px;right:12px}.moment,.moment.right,.shop-card{left:11px!important;right:11px!important}.moment p{font-size:13px}.shop-card h2{font-size:50px}}