/* Proposal controls are local preview chrome, not production navigation. */
body[data-design] { padding-bottom: 0; }
body[data-design] .site-header { background: #1c0f13; }
body[data-design] .bar { min-height: 94px; gap: 1.5rem; }
body[data-design] .brand { position: relative; width: 180px; height: 80px; flex: 0 0 180px; overflow: hidden; }
body[data-design] .brand img { position: absolute; width: 197px; height: 127px; max-width: none; top: -25px; left: -9px; }
body[data-design] .site-nav { gap: 1rem; }
body[data-design] section { position: relative; isolation: isolate; overflow: clip; }
body[data-design] section > .wrap { position: relative; z-index: 2; }
.ink-art { position: absolute; z-index: 0; pointer-events: none; user-select: none; width: 34rem; height: 28rem; opacity: 0.22; }
.ink-art img { display: block; width: 100%; height: 100%; object-fit: contain; }
.ink-hero { left: -8rem; top: 2rem; transform: rotate(-12deg); }
.ink-gym { right: -4rem; top: -5rem; transform: rotate(12deg); }
.ink-train { right: -8rem; bottom: 1rem; transform: rotate(-9deg); }
.ink-open { left: -6rem; top: 3rem; }
.ink-contact { right: -5rem; top: 1rem; }
.hero-detail { display: none; }
.proposal-nav { position: relative; z-index: 2; margin: 1rem auto; width: min(490px,calc(100% - 24px)); display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); padding: 4px; background: #240f15; border: 1px solid #8d3340; }
.proposal-nav a { display: flex; align-items: center; justify-content: center; min-height: 44px; font-family: Outfit,sans-serif; font-size: 14px; font-weight: 600; color: #f8eceb; text-decoration: none; }
.proposal-nav a[aria-current="page"] { background: #c61620; }
.proposal-nav a:hover { background: #702032; }
.proposal-nav a:focus-visible { outline: 2px solid #f8eceb; outline-offset: -3px; }
body[data-design] .poster, body[data-design] .gym-poster, body[data-design] .scribble { display: none; }
body[data-design] .hero-visual::before,body[data-design] .hero-visual::after { display: none; }
body[data-design] .label { letter-spacing: 0.06em; font-size: 0.87rem; }
body[data-design] .js .reveal.is-in { transition: opacity 500ms cubic-bezier(.22,1,.36,1),transform 500ms cubic-bezier(.22,1,.36,1); }
@media(max-width: 1100px) and (min-width: 900px) {
 body[data-design] .bar { gap: 0.8rem; }
 body[data-design] .site-nav { gap: 0.55rem; }
 body[data-design] .site-nav a { font-size: 0.9rem; }
}
@media(max-width: 899px) {
 body[data-design] .bar { min-height: 80px; gap: 0.7rem; }
 body[data-design] .brand { width: 145px; height: 63px; flex-basis: 145px; }
 body[data-design] .brand img { width: 158px; height: 102px; top: -20px; left: -7px; }
 body[data-design] .site-nav { top: 100%; }
 .ink-art { width: 25rem; height: 23rem; }
}
@media(max-width: 440px) {
 body[data-design] .header-tools .btn-book { display: none; }
 body[data-design] .brand { width: 145px; }
 body[data-design] .nav-toggle { min-height: 48px; padding-inline: 1rem; }
}
@media(prefers-reduced-motion: reduce) {
 body[data-design] *,body[data-design] *::before,body[data-design] *::after { animation: none!important; transition: none!important; }
}