/* FCJ Events service and client galleries, extending the approved design. */
.fcjServicesIntro { padding:42px 0 18px; }
.fcjServicesIntro .serviceH2 { font-size:clamp(42px,5vw,68px); margin-top:12px; }
.fcjServicesIntro .serviceP { max-width:780px; }
.fcjServicesPage .serviceSection { padding-top:40px; padding-bottom:50px; }
.fcjServicesPage .serviceSection + .serviceSection { border-top:1px solid rgba(255,255,255,.08); }
.fcjServiceHeading { display:flex; justify-content:space-between; gap:18px; align-items:flex-start; }
.fcjServiceHeading .serviceP { max-width:780px; }
.fcjServiceHeading .btn { flex-shrink:0; }
.fcjServiceCategoryLinks, .fcjGalleryTabs, .fcjGalleryCategories { display:flex; flex-wrap:wrap; gap:9px; margin-top:20px; }
.fcjServiceCategoryLinks a, .fcjGalleryTabs a, .fcjGalleryCategories a { border:1px solid rgba(255,255,255,.12); border-radius:999px; color:rgba(255,255,255,.76); padding:9px 13px; font-size:11px; letter-spacing:.05em; transition:border-color .2s ease,background .2s ease; }
.fcjServiceCategoryLinks a:hover, .fcjGalleryTabs a:hover, .fcjGalleryCategories a:hover { border-color:rgba(255,255,255,.35); background:rgba(255,255,255,.05); }
.fcjGalleryTabs a.is-active, .fcjGalleryCategories a.is-active { background:rgba(47,134,184,.17); border-color:rgba(47,134,184,.48); color:#fff; }
.fcjServicePhotosHead { display:flex; align-items:flex-end; justify-content:space-between; gap:14px; margin:32px 0 14px; }
.fcjServicePhotosHead h3 { font-family:var(--fontDisplay); font-size:clamp(22px,2.6vw,33px); font-weight:500; margin:6px 0 0; }
.fcjSeeMore { display:inline-flex; align-items:center; gap:9px; text-decoration:underline; text-underline-offset:5px; font-weight:800; font-size:12px; white-space:nowrap; color:rgba(255,255,255,.88); }
.fcjSeeMore:hover { color:#fff; }
.fcjServicePhotoRow { display:flex; gap:8px; overflow-x:auto; overscroll-behavior-x:contain; padding:0 0 10px; scroll-snap-type:x proximity; scrollbar-width:thin; scrollbar-color:rgba(255,255,255,.3) transparent; }
.fcjServicePhoto { flex:1 0 145px; min-width:0; max-width:230px; width:auto; padding:0; border:1px solid rgba(255,255,255,.09); border-radius:10px; overflow:hidden; background:rgba(255,255,255,.02); cursor:pointer; scroll-snap-align:start; }
.fcjServicePhoto img { width:100%; aspect-ratio:4/3; height:auto; object-fit:cover; transition:transform .3s ease,filter .3s ease; }
.fcjServicePhoto:hover img { transform:scale(1.045); filter:brightness(1.05); }
.fcjPackageSection { margin-top:28px; }
.fcjPackageHeading { font-family:var(--fontDisplay); font-weight:500; font-size:clamp(25px,2.7vw,37px); margin:0; }
.fcjPackageSection .packageGrid { grid-template-columns:repeat(auto-fit,minmax(225px,1fr)); }
.fcjPackageSection .packagePrice { overflow-wrap:anywhere; }
.fcjMediaVideo { margin-top:18px; }
.fcjServicesEnd { display:flex; justify-content:flex-end; gap:12px; padding:0 0 60px; }
.fcjGalleryFilters { padding-bottom:20px; }
.fcjGalleryContent { padding-top:10px; padding-bottom:80px; min-height:28vh; }
.fcjEventGalleryGrid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.fcjEventGalleryCard { display:block; position:relative; border-radius:18px; overflow:hidden; border:1px solid rgba(255,255,255,.10); background:rgba(255,255,255,.04); min-width:0; }
.fcjEventGalleryCard img { display:block; width:100%; aspect-ratio:4/3; height:auto; object-fit:cover; transition:transform .3s ease; }
.fcjEventGalleryCard:hover img { transform:scale(1.04); }
.fcjEventGalleryCard::after { content:""; position:absolute; inset:38% 0 0; background:linear-gradient(transparent,rgba(0,0,0,.86)); pointer-events:none; }
.fcjEventGalleryCard__info { position:absolute; z-index:1; bottom:15px; left:18px; right:14px; display:flex; align-items:flex-end; justify-content:space-between; gap:8px; }
.fcjEventGalleryCard__info span { font-family:var(--fontDisplay); font-size:clamp(21px,2.1vw,29px); line-height:1.1; }
.fcjEventGalleryCard__info small { color:rgba(255,255,255,.72); white-space:nowrap; font-size:10px; }
.fcjGalleryPhotoGrid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; }
.fcjGalleryPhoto { padding:0; margin:0; border:0; background:rgba(255,255,255,.04); border-radius:6px; overflow:hidden; cursor:pointer; }
.fcjGalleryPhoto img { display:block; width:100%; aspect-ratio:4/3; object-fit:cover; transition:transform .3s ease; }
.fcjGalleryPhoto:hover img { transform:scale(1.05); }
.fcjNoPhotos { margin-top:16px; }
.navDrop__menu--gallery { max-height:min(72vh,650px); overflow-y:auto; min-width:270px; }
.fcjNavGroupTitle { padding:12px 17px 6px; color:rgba(255,255,255,.46); font-size:10px; text-transform:uppercase; letter-spacing:.17em; font-weight:900; }
.navDrop__menu--gallery .fcjNavSub { padding-left:28px; font-size:12px; }
.drawerLink--sub { padding-left:22px; font-size:12px; opacity:.7; }
@media (max-width:980px) { .fcjEventGalleryGrid{grid-template-columns:repeat(2,minmax(0,1fr));} .fcjGalleryPhotoGrid{grid-template-columns:repeat(3,minmax(0,1fr));} }
@media (max-width:650px) { .fcjServicesIntro{padding-top:32px;} .fcjServiceHeading{flex-direction:column;} .fcjServicePhotosHead{align-items:center;} .fcjServicePhotosHead h3{font-size:24px;} .fcjServicePhoto{flex-basis:175px;} .fcjEventGalleryGrid{grid-template-columns:1fr;} .fcjGalleryPhotoGrid{grid-template-columns:repeat(2,minmax(0,1fr));} .fcjEventGalleryCard__info span{font-size:25px;} }
@media (prefers-reduced-motion:reduce) { .fcjServicePhoto img,.fcjGalleryPhoto img,.fcjEventGalleryCard img { transition:none; } }