.jj-portfolio-canvas { padding: clamp(2rem, 5vw, 5rem) max(1.25rem, calc((100vw - 1200px) / 2)); }
.jj-native-home { max-width: 1200px !important; margin-inline: auto; font-family: var(--wp--preset--font-family--sans, system-ui, sans-serif); }
.jj-native-home > * { max-width: none !important; }
.jj-native-home p { font-size: 1.05rem; line-height: 1.75; }
.cb-native-portfolio { color: var(--cb-text); font-family: var(--wp--preset--font-family--sans, system-ui, sans-serif); }
.jj-native-home :is(h1,h2,h3,h4,p,li,strong) { color: var(--cb-text) !important; font-family: var(--wp--preset--font-family--sans, system-ui, sans-serif) !important; }
.cb-native-portfolio .wp-block-navigation a,
.cb-native-portfolio .wp-block-site-title a { color: var(--cb-text) !important; }
.jj-native-home a:not(.wp-block-button__link) { color: var(--cb-accent) !important; }
.jj-native-home h1 { font-size: clamp(2.2rem, 4.5vw, 4rem); line-height: 1.08; letter-spacing: -.035em; text-wrap: balance; }
.jj-native-home h2 { font-size: clamp(1.65rem, 3vw, 2.35rem); margin-bottom: 1.5rem; letter-spacing: -.02em; }
.jj-native-home h3 { font-size: 1.25rem; line-height: 1.3; }
.jj-native-home > .wp-block-columns:first-child { align-items: center; gap: clamp(2rem, 5vw, 5rem); margin-bottom: 4rem; }
.jj-native-home > .wp-block-columns:first-child > .wp-block-column { min-width: 0; }
.jj-native-home > .wp-block-columns:first-child img { width: 100%; height: auto; aspect-ratio: 16/11; object-fit: cover; border-radius: 1.5rem; }
.jj-native-home > .wp-block-group { margin-block: clamp(3rem, 6vw, 5rem); }
.jj-native-home .wp-block-columns { gap: 1.5rem; }
.jj-native-home > .wp-block-group:nth-child(3) .wp-block-column,
.jj-native-home > .wp-block-group:last-child .wp-block-column { border: 1px solid var(--cb-border, #dce4ef); border-radius: 1rem; padding: 1.5rem; }
.jj-native-home > .wp-block-group:nth-child(3) .wp-block-image img { width: 64px !important; height: 64px !important; object-fit: contain; }
.jj-native-home .wp-block-button__link { background: var(--cb-accent, #1473e6); color: #fff !important; text-decoration: none !important; border-radius: .75rem; padding: .85rem 1.25rem; font-weight: 650; line-height: 1.4; }
.jj-native-home .wp-block-button__link:focus-visible { outline: 3px solid currentColor; outline-offset: 4px; }
.jj-native-home .wp-block-query .wp-block-post-template { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; padding: 0; list-style: none; }
.jj-native-home .wp-block-query .wp-block-post { min-width: 0; border: 1px solid var(--cb-border, #dce4ef); padding: 1.25rem; border-radius: 1rem; }
.jj-native-home .wp-block-query .wp-block-post-featured-image img { width: 100%; aspect-ratio: 16/10; height: auto; object-fit: cover; border-radius: .75rem; }
.jj-professional-metric { border: 1px solid var(--cb-border, #dce4ef); padding: 1.75rem 1.25rem; border-radius: 1rem; text-align: center; }
.jj-professional-metric p:first-child { margin-top: 0; font-size: clamp(2rem, 4vw, 3rem); line-height: 1.15; letter-spacing: -.03em; }
.jj-professional-metric p:last-child { margin-bottom: 0; }
.jj-native-projects .wp-block-columns { gap: 1.25rem; }
.jj-native-projects .wp-block-column { min-width: 0; border: 1px solid var(--cb-border); border-radius: 1rem; padding: 1.25rem; }
.jj-native-projects .wp-block-image img { width: 100%; height: auto; object-fit: contain; }
.jj-native-projects h2 { font-size: 1.4rem; }
@media (max-width: 800px) {
  .jj-native-home .wp-block-query .wp-block-post-template { grid-template-columns: 1fr; }
  .jj-native-home .wp-block-columns { flex-direction: column; }
  .jj-native-home .wp-block-column { width: 100%; flex-basis: auto !important; }
  .jj-native-home > .wp-block-columns:first-child { margin-bottom: 2rem; }
  .jj-native-projects .wp-block-columns { flex-direction: column; }
  .jj-native-projects .wp-block-column { width: 100%; flex-basis: auto !important; }
}