body.page-sensei-jiu-jitsu .ss-main > section { width: min(calc(100% - 2rem), 1180px); margin-inline: auto; text-align: center; } body.page-sensei-jiu-jitsu .ss-main > section > .container { width: 100%; max-width: none; margin-inline: auto; } body.page-sensei-jiu-jitsu :where(h1, h2, h3, h4, p, li) { text-align: center; } body.page-sensei-jiu-jitsu .ss-hero-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(1.5rem, 4vw, 4rem); align-items: center; } body.page-sensei-jiu-jitsu .ss-hero-content, body.page-sensei-jiu-jitsu .ss-hero-grid > * { min-width: 0; } body.page-sensei-jiu-jitsu img { display: block; max-width: 100%; height: auto; margin-inline: auto; } body.page-sensei-jiu-jitsu .ss-hero-actions, body.page-sensei-jiu-jitsu .ss-cta-row { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.75rem; } body.page-sensei-jiu-jitsu .ss-profile-card { position: relative; max-width: 980px; margin: 0 auto 1.5rem; padding: clamp(1rem, 3vw, 2rem); border: 1px solid var(--ss-border, rgba(54, 43, 36, 0.14)); border-radius: 1.5rem; background: var(--ss-surface, #fff); box-shadow: 0 14px 32px rgba(54, 43, 36, 0.08); text-align: left; } body.page-sensei-jiu-jitsu .ss-profile-card + .ss-profile-card::before { content: ""; position: absolute; top: -1.5rem; left: 50%; width: 2px; height: 1.5rem; background: var(--ss-green, #116a42); opacity: 0.35; } body.page-sensei-jiu-jitsu .ss-profile-grid { display: grid; grid-template-columns: 200px minmax(0, 1fr); gap: clamp(1rem, 3vw, 2rem); align-items: start; } body.page-sensei-jiu-jitsu .ss-profile-img { width: 200px; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 1rem; } body.page-sensei-jiu-jitsu .ss-profile-info :where(p, h3) { text-align: left; } body.page-sensei-jiu-jitsu .ss-profile-nav, body.page-sensei-jiu-jitsu .ss-profile-sources { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0.75rem; margin-top: 1rem; } body.page-sensei-jiu-jitsu .ss-instructor-flow > .container > .ss-profile-card { display: block; } body.page-sensei-jiu-jitsu .ss-historical-flow > .container > .ss-profile-card { display: block; } body.page-sensei-jiu-jitsu .ss-historical-flow > .container { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; align-items: stretch; } body.page-sensei-jiu-jitsu .ss-historical-flow > .container > :is(.text-center, .ss-profile-card) { grid-column: span 1; } body.page-sensei-jiu-jitsu .ss-historical-flow > .container > .text-center { grid-column: 1 / -1; } body.page-sensei-jiu-jitsu .ss-historical-flow > .container > .ss-profile-card { width: 100%; min-width: 0; box-sizing: border-box; margin: 0; } body.page-sensei-jiu-jitsu .ss-historical-flow > .container > .ss-profile-card .ss-profile-grid { grid-template-columns: 1fr; } body.page-sensei-jiu-jitsu .ss-historical-flow > .container > .ss-profile-card .ss-profile-img { margin-inline: auto; } body.page-sensei-jiu-jitsu .ss-lineage-glance .row > [class*="col-"] { display: flex; } body.page-sensei-jiu-jitsu .ss-lineage-glance .row > [class*="col-"] > .p-4 { width: 100%; text-align: center; } body.page-sensei-jiu-jitsu .ss-lineage-glance .row .d-flex { justify-content: center; } body.page-sensei-jiu-jitsu .ss-instructor-flow > .container { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; align-items: stretch; } body.page-sensei-jiu-jitsu .ss-instructor-flow > .container > :is(.text-center, .ss-profile-card) { grid-column: span 1; } body.page-sensei-jiu-jitsu .ss-instructor-flow > .container > .text-center { grid-column: 1 / -1; } body.page-sensei-jiu-jitsu .ss-instructor-flow > .container > .ss-profile-card { width: 100%; margin: 0; } body.page-sensei-jiu-jitsu .ss-instructor-flow > .container > .ss-profile-card .ss-profile-grid { grid-template-columns: 1fr; } body.page-sensei-jiu-jitsu .ss-instructor-flow > .container > .ss-profile-card .ss-profile-img { margin-inline: auto; } body.page-sensei-jiu-jitsu .ss-instructor-flow > .container > .ss-student-node { grid-column: 1 / -1; justify-self: center; width: min(100%, 440px); } @media (max-width: 767.98px) { body.page-sensei-jiu-jitsu .ss-main > section { width: min(calc(100% - 1.5rem), 620px); } body.page-sensei-jiu-jitsu .ss-hero-grid { grid-template-columns: 1fr; } body.page-sensei-jiu-jitsu .ss-profile-grid { grid-template-columns: 1fr; } body.page-sensei-jiu-jitsu .ss-instructor-flow > .container { grid-template-columns: 1fr; } body.page-sensei-jiu-jitsu .ss-historical-flow > .container { grid-template-columns: 1fr; } body.page-sensei-jiu-jitsu .ss-instructor-flow > .container > .ss-student-node { grid-column: 1; } body.page-sensei-jiu-jitsu .ss-profile-img { width: min(200px, 100%); margin-inline: auto; } body.page-sensei-jiu-jitsu .ss-profile-info :where(p, h3) { text-align: center; } body.page-sensei-jiu-jitsu .ss-profile-nav, body.page-sensei-jiu-jitsu .ss-profile-sources { justify-content: center; text-align: center; } } body.page-sensei-jiu-jitsu .ss-mobile-sticky { position: fixed; bottom: 0; left: 0; right: 0; z-index: 1050; display: flex; align-items: center; justify-content: center; gap: 0.75rem; padding: 0.75rem 1rem calc(0.75rem + env(safe-area-inset-bottom)); background: rgba(251, 250, 248, 0.96); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-top: 1px solid var(--ss-border, rgba(54, 43, 36, 0.14)); box-shadow: 0 -4px 20px rgba(54, 43, 36, 0.08); } body.page-sensei-jiu-jitsu .ss-mobile-sticky a { flex: 1; text-align: center; justify-content: center; padding: 0.75rem 1rem; font-size: 0.95rem; font-weight: 700; border-radius: 999px; text-decoration: none; }