@charset "UTF-8";
/* Masterskills · Premium Pictures Gallery (body only)
   Only targets #moment-gallery and descendants. Header/Hero/Footer unaffected.
*/
.page-coursegroup #moment-gallery {
  background:#fff;
  padding:clamp(30px,4.5vw,68px) 0 clamp(36px,5vw,80px);
  color:#143c5a;
}
.page-coursegroup #moment-gallery > .pg-gallery-premium {
  width:100%;
  min-width:0;
  font-family:Tahoma,Arial,sans-serif;
}
.page-coursegroup #moment-gallery .pg-gallery-intro {
  background:linear-gradient(125deg,#f5f9fc 0%,#fff 65%);
  border:1px solid #e1e9f0;
  border-radius:18px;
  padding:clamp(24px,3.3vw,40px) clamp(22px,2.1vw,32px);
  margin:0 0 20px;
  box-shadow:0 12px 35px rgba(17,54,84,.045);
}
.page-coursegroup #moment-gallery .pg-gallery-intro__copy {max-width:1050px;}
.page-coursegroup #moment-gallery .pg-gallery-eyebrow,
.page-coursegroup #moment-gallery .pg-gallery-group__overline {
  color:#bd7e20;
  font-size:13px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.14em;
  line-height:1.5;
  margin:0 0 11px;
}
.page-coursegroup #moment-gallery .pg-gallery-intro h2 {
  margin:0 0 17px;
  font-family:Tahoma,Arial,sans-serif;
  font-size:clamp(25px,2.8vw,37px);
  line-height:1.26;
  color:#103d61;
  font-weight:800;
  text-transform:none;
  letter-spacing:-.025em;
}
.page-coursegroup #moment-gallery .pg-gallery-intro__copy > p:last-child {
  margin:0;
  color:#526c7d;
  font-size:16px;
  line-height:1.8;
  font-weight:400;
}
.page-coursegroup #moment-gallery .pg-gallery-nav {
  border:1px solid #e0e9f0;
  background:#fff;
  padding:20px clamp(20px,2.1vw,32px) 22px;
  border-radius:14px;
  margin-bottom:clamp(34px,4.2vw,52px);
}
.page-coursegroup #moment-gallery .pg-gallery-nav__label {
  font-weight:800;
  font-size:14px;
  color:#103d61;
  line-height:1.4;
  margin:0 0 14px;
}
.page-coursegroup #moment-gallery .pg-gallery-nav__links {
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:9px;
}
.page-coursegroup #moment-gallery .pg-gallery-nav__link {
  display:inline-flex;
  align-items:center;
  gap:7px;
  justify-content:center;
  min-width:0;
  border:1px solid #dce6ed;
  background:#fafdff;
  border-radius:999px;
  padding:10px 9px;
  color:#123f61;
  font-size:12px;
  line-height:1.35;
  font-weight:700;
  text-decoration:none;
  white-space:normal;
  transition:background .18s,border-color .18s,box-shadow .18s;
}
.page-coursegroup #moment-gallery .pg-gallery-nav__link > span {
  flex-shrink:0;
  display:grid;
  place-items:center;
  height:24px;
  min-width:24px;
  padding:0 4px;
  border-radius:50%;
  color:#a36b19;
  background:#fff1d7;
  font-weight:900;
  font-size:11px;
}
.page-coursegroup #moment-gallery .pg-gallery-nav__link:hover,
.page-coursegroup #moment-gallery .pg-gallery-nav__link:focus-visible {
  background:#eff7fd;
  border-color:#9cbdd1;
  box-shadow:0 4px 12px rgba(12,65,101,.07);
}
.page-coursegroup #moment-gallery .pg-gallery-group {
  min-width:0;
  scroll-margin-top:36px;
  padding-left:clamp(16px,1.9vw,30px);
  padding-right:clamp(16px,1.9vw,30px);
  padding-bottom:clamp(38px,4.7vw,64px);
  margin-bottom:clamp(38px,4.7vw,64px);
  border-bottom:1px solid #dce6ed;
}
.page-coursegroup #moment-gallery .pg-gallery-group:last-child {
  border-bottom:0;
  padding-bottom:0;
  margin-bottom:0;
}
.page-coursegroup #moment-gallery .pg-gallery-group__heading {
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  margin:0 0 25px;
}
.page-coursegroup #moment-gallery .pg-gallery-group__heading-main {
  display:flex;
  align-items:flex-start;
  gap:20px;
  min-width:0;
}
.page-coursegroup #moment-gallery .pg-gallery-group__number {
  display:flex;
  flex:0 0 auto;
  align-items:center;
  justify-content:center;
  width:59px;
  height:59px;
  background:#0b3b5c;
  color:#f6ca6d;
  border-radius:14px;
  font-size:22px;
  font-weight:900;
  letter-spacing:.02em;
}
.page-coursegroup #moment-gallery .pg-gallery-group__heading-copy {min-width:0;max-width:900px;}
.page-coursegroup #moment-gallery .pg-gallery-group__overline {
  font-size:11px;
  margin:0 0 3px;
}
.page-coursegroup #moment-gallery .pg-gallery-group h2 {
  margin:0 0 10px;
  font:800 clamp(20px,2.15vw,29px)/1.3 Tahoma,Arial,sans-serif;
  letter-spacing:-.012em;
  text-transform:none;
  color:#113d60;
}
.page-coursegroup #moment-gallery .pg-gallery-group__description {
  color:#536f81;
  font-size:15px;
  font-weight:400;
  line-height:1.7;
  margin:0;
}
.page-coursegroup #moment-gallery .pg-gallery-group__top {
  flex:0 0 auto;
  font-size:13px;
  font-weight:700;
  padding:9px 0 7px 10px;
  color:#1a6592;
  text-decoration:none;
}
.page-coursegroup #moment-gallery .pg-gallery-group__top span {font-size:18px;margin-left:4px;}
.page-coursegroup #moment-gallery .pg-gallery-group__top:hover {color:#bd7e20;text-decoration:underline;}
.page-coursegroup #moment-gallery .pg-gallery-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  min-width:0;
}
.page-coursegroup #moment-gallery .pg-gallery-tile {
  min-width:0;
  margin:0;
  overflow:hidden;
  border-radius:12px;
  border:1px solid #dce7ee;
  background:#fff;
  box-shadow:0 6px 20px rgba(17,55,83,.055);
  transition:border-color .2s,transform .22s,box-shadow .22s;
}
.page-coursegroup #moment-gallery .pg-gallery-tile:hover {
  transform:translateY(-3px);
  border-color:#b6cbd9;
  box-shadow:0 14px 28px rgba(17,55,83,.13);
}
.page-coursegroup #moment-gallery .pg-moment-card {
  display:block;
  position:relative;
  overflow:hidden;
  width:100%;
  aspect-ratio: 1.45 / 1;
  border:0;
  border-radius:0;
  background:#e9f1f5;
  color:#fff;
  cursor:zoom-in;
  text-decoration:none;
}
.page-coursegroup #moment-gallery .pg-moment-card img {
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  aspect-ratio:auto;
  object-fit:cover;
  object-position:center center;
  border:0;
  border-radius:0;
  filter:none;
  transition:transform .35s ease;
}
.page-coursegroup #moment-gallery .pg-moment-card:hover img {transform:scale(1.045);}
.page-coursegroup #moment-gallery .pg-gallery-tile__hover {
  position:absolute;
  inset:auto 0 0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:36px 15px 13px;
  background:linear-gradient(to top,rgba(5,33,54,.76),transparent);
  color:#fff;
  font-size:13px;
  font-weight:800;
  opacity:0;
  transition:opacity .22s;
  pointer-events:none;
}
.page-coursegroup #moment-gallery .pg-gallery-tile__hover > span {font-size:20px;}
.page-coursegroup #moment-gallery .pg-gallery-tile:hover .pg-gallery-tile__hover,
.page-coursegroup #moment-gallery .pg-moment-card:focus-visible .pg-gallery-tile__hover {opacity:1;}
.page-coursegroup #moment-gallery a:focus-visible {
  outline:3px solid #c98e35;
  outline-offset:3px;
}
@media (max-width:1360px) {
  .page-coursegroup #moment-gallery .pg-gallery-nav__links {grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width:1100px) {
  .page-coursegroup #moment-gallery .pg-gallery-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
  .page-coursegroup #moment-gallery .pg-gallery-group__heading-main {gap:16px;}
}
@media (max-width:760px) {
  .page-coursegroup #moment-gallery {padding:30px 0 48px;}
  .page-coursegroup #moment-gallery .pg-gallery-intro {padding:24px 20px;margin-bottom:16px;}
  .page-coursegroup #moment-gallery .pg-gallery-nav {padding:18px;margin-bottom:36px;}
  .page-coursegroup #moment-gallery .pg-gallery-nav__links {grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}
  .page-coursegroup #moment-gallery .pg-gallery-nav__link {font-size:12px;min-height:47px;padding:8px;justify-content:flex-start;}
  .page-coursegroup #moment-gallery .pg-gallery-group {padding-left:14px;padding-right:14px;}
  .page-coursegroup #moment-gallery .pg-gallery-group__heading {align-items:flex-start;flex-direction:column;gap:8px;}
  .page-coursegroup #moment-gallery .pg-gallery-group__number {width:46px;height:46px;font-size:17px;border-radius:11px;}
  .page-coursegroup #moment-gallery .pg-gallery-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;}
  .page-coursegroup #moment-gallery .pg-gallery-group__top {padding-left:62px;}
}
@media (max-width:480px) {
  .page-coursegroup #moment-gallery .pg-gallery-intro {padding:22px 18px;}
  .page-coursegroup #moment-gallery .pg-gallery-intro h2 {font-size:24px;}
  .page-coursegroup #moment-gallery .pg-gallery-nav {padding:15px;}
  .page-coursegroup #moment-gallery .pg-gallery-group {padding-left:9px;padding-right:9px;}
  .page-coursegroup #moment-gallery .pg-gallery-group__heading-main {gap:12px;}
  .page-coursegroup #moment-gallery .pg-gallery-group h2 {font-size:20px;}
  .page-coursegroup #moment-gallery .pg-gallery-group__description {font-size:14px;}
  .page-coursegroup #moment-gallery .pg-gallery-grid {gap:10px;}
  .page-coursegroup #moment-gallery .pg-moment-card {aspect-ratio:1.38 / 1;}
  .page-coursegroup #moment-gallery .pg-gallery-tile__hover {display:none;}
}
@media (max-width:350px) {
  .page-coursegroup #moment-gallery .pg-gallery-nav__links {grid-template-columns:1fr;}
  .page-coursegroup #moment-gallery .pg-gallery-group__number {width:40px;height:40px;font-size:16px;}
}
@media (prefers-reduced-motion:reduce) {
  .page-coursegroup #moment-gallery .pg-gallery-tile,
  .page-coursegroup #moment-gallery .pg-moment-card img,
  .page-coursegroup #moment-gallery .pg-gallery-tile__hover {transition:none;}
}