/* Front page blocks (page 241). Sliders are core Group blocks with Swiper classes. */
:root{--nc-orange:#ff8000;--nc-dark:#002a3a}
.swiper-wrapper>*{margin-block:0!important}
.swiper-slide figure{margin:0}
.entry-content>.nc-banner,.entry-content>.nc-intro,.entry-content>.nc-cats,.entry-content>.nc-contact,.entry-content>.nc-customers{margin-block:2.5rem}
.entry-content>.nc-banner{margin-top:0}
h2.wp-block-heading{font-family:"Bebas Neue",sans-serif;font-weight:400;letter-spacing:.02em}

.nc-banner{overflow:hidden;position:relative}
.nc-banner .wp-block-cover{align-items:center;justify-content:flex-end;padding:0 8%}
.nc-banner .wp-block-cover__inner-container{width:100%;max-width:420px;margin:0}
.nc-banner__layer{background:var(--nc-orange);color:#fff;padding:1.25rem 1.5rem;border-radius:.5rem}
.nc-banner__layer p{margin:0 0 1rem}
.nc-banner .swiper-pagination-bullet-active{background:var(--nc-orange)}
@media(max-width:768px){.nc-banner .wp-block-cover{padding:0 1rem;align-items:flex-end}}

.nc-btn--white .wp-block-button__link{background:#fff;color:var(--nc-dark);border-radius:.5rem;font-weight:600}
.nc-btn--white .wp-block-button__link:hover{background:var(--nc-dark);color:#fff}
.nc-banner .wp-block-buttons{margin:0}

.nc-intro{max-width:760px;margin-inline:auto}
.nc-intro h2{font-size:2.5rem}

.nc-cats{padding-inline:2.5rem}
.nc-cats img{width:100%;height:auto;border-radius:.5rem;aspect-ratio:660/480;object-fit:cover}
.nc-cats p a{color:var(--nc-dark);font-weight:600;text-decoration:none}
.nc-cats .swiper-button-prev,.nc-cats .swiper-button-next{color:var(--nc-orange)}

.nc-contact{background:var(--nc-dark);color:#fff;padding:2.5rem 1.5rem;border-radius:.5rem}
.nc-contact h2{color:#fff;font-size:2.5rem}

.nc-customers h2{font-size:2rem}
.nc-customers img{display:block;margin:auto;max-height:90px;width:auto;max-width:100%;object-fit:contain;filter:grayscale(1);opacity:.8}

/* Editor only: sliders are shown as stacked/wrapped items since Swiper doesn't run there. */
.editor-styles-wrapper .nc-banner .wp-block-cover{min-height:320px!important}
.editor-styles-wrapper .nc-banner .swiper-slide,.editor-styles-wrapper .nc-banner .swiper-wrapper{display:block}
.editor-styles-wrapper .nc-cats .swiper-wrapper,.editor-styles-wrapper .nc-customers .swiper-wrapper{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}
.editor-styles-wrapper .nc-banner__layer,.editor-styles-wrapper .nc-banner__layer p{color:#fff}
.editor-styles-wrapper .nc-banner .swiper-slide{margin-bottom:12px}