/* SM&C Manual: Wix-inspired editorial design, scoped to this page */
.smc-page .site-header .nav-wrap{width:min(950px,calc(100% - 48px))}
.smc-page .site-header nav a[href="/works.html"]{color:#4b2cff;border-bottom-color:#4b2cff}
.smc-top,.smc-brief,.smc-brand,.smc-art{width:min(950px,calc(100% - 48px));margin-left:auto;margin-right:auto}
.smc-top{padding-top:72px}.smc-title{margin:0 0 45px}.smc-title h1{font-size:clamp(38px,4.1vw,62px);font-weight:600;line-height:1.17;letter-spacing:-.3px;color:#ce2636;margin:0 0 9px}.smc-title p{font-size:20px;font-weight:400;letter-spacing:3px;margin:0;color:#333}
.smc-top figure,.smc-art figure{margin:0}.smc-top a,.smc-art a{display:block;cursor:zoom-in}.smc-top img,.smc-art img{display:block;width:100%;height:auto}
.smc-opening{width:100%;max-width:950px;margin:0 auto}
.smc-brief{padding-top:76px}.smc-kicker{font-size:15px;font-weight:400;letter-spacing:2px;color:#444;margin:0 0 22px}.smc-brief h2{font-size:clamp(28px,3.2vw,39px);line-height:1.3;letter-spacing:-.1px;font-weight:600;color:#c92938;margin:0 0 30px}.smc-brief>p:not(.smc-kicker){font-size:17px;line-height:1.78;color:#444;margin:0 0 17px;max-width:860px}
.smc-brand{padding-top:70px;padding-bottom:42px}.smc-colors{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:790px;margin:0 auto 60px}.smc-swatch{text-align:center}.smc-swatch > span{background:var(--swatch);color:white;display:flex;justify-content:center;align-items:center;width:165px;height:165px;border-radius:50%;font-size:23px;line-height:1.25;margin:0 auto 18px}.smc-swatch small{font-size:12px;color:#666;letter-spacing:.4px}.smc-type{display:grid;grid-template-columns:1fr 1.7fr;gap:38px;max-width:870px;margin:auto;color:#555}.smc-type p{font-size:17px;line-height:1.85;margin:0 0 26px}.smc-type strong{font-weight:700}
.smc-art{margin-top:24px;margin-bottom:105px}.smc-overview{margin:0 auto 26px;max-width:950px}.smc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.smc-grid figure{min-width:0}
.smc-lightbox[hidden]{display:none}.smc-lightbox{position:fixed;inset:0;z-index:9999;background:rgba(8,8,12,.95);display:grid;place-items:center;box-sizing:border-box;padding:32px;cursor:zoom-out}.smc-lightbox img{display:block;max-width:calc(100vw - 64px);max-height:calc(100dvh - 64px);width:auto;height:auto;object-fit:contain}.smc-lightbox button{position:absolute;right:20px;top:12px;background:none;border:0;color:#fff;font-size:42px;cursor:pointer;z-index:1}
@media(max-width:720px){.smc-top{padding-top:45px}.smc-title{margin-bottom:25px}.smc-title h1{font-size:clamp(30px,7vw,40px)}.smc-title p{font-size:15px;letter-spacing:2px}.smc-brief{padding-top:44px}.smc-brief h2{font-size:26px}.smc-brief>p:not(.smc-kicker){font-size:15px}.smc-brand{padding-top:45px}.smc-colors{gap:8px;margin-bottom:40px}.smc-swatch > span{width:min(24vw,120px);height:min(24vw,120px);font-size:clamp(12px,3vw,19px)}.smc-swatch small{font-size:10px}.smc-type{grid-template-columns:1fr;gap:8px}.smc-type p{font-size:13px;margin-bottom:12px}.smc-art{margin-bottom:65px}.smc-grid{gap:12px}.smc-lightbox{padding:16px}.smc-lightbox img{max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px)}}

/* v4: CSUN manual uses authentic ATC Overlook for its typography specimen only. */
@font-face {font-family:"SMC ATC Overlook";src:url("ATCOverlook-Regular.otf") format("opentype");font-style:normal;font-weight:400;font-display:swap;}
@font-face {font-family:"SMC ATC Overlook";src:url("ATCOverlook-Bold.otf") format("opentype");font-style:normal;font-weight:700;font-display:swap;}
.smc-page .smc-type, .smc-page .smc-type p, .smc-page .smc-type strong {font-family:"SMC ATC Overlook",Arial,sans-serif;}

/* v5: larger Wix-proportioned identity and typography specimen on desktop. */
@media (min-width:721px) {
  .smc-page .smc-colors {max-width:900px;gap:36px;margin-bottom:68px;}
  .smc-page .smc-swatch span {width:186px;height:186px;font-size:25px;}
  .smc-page .smc-swatch small {font-size:13px;}
  .smc-page .smc-type {max-width:950px;grid-template-columns:1fr 1.7fr;gap:38px;}
  .smc-page .smc-type p {font-size:19px;line-height:1.85;}
}

/* v6: match the larger ATC Overlook specimen in the original Wix layout. */
@media (min-width:721px) {
  .smc-page .smc-type p {font-size:24px;line-height:1.65;}
}

/* v7: extend ATC alphabet specimen toward the right edge of the spread image. */
@media (min-width:721px) {
  .smc-page .smc-type > div:last-child p {
    font-size:clamp(19px,2.48vw,25.5px);
    letter-spacing:.2px;
    line-height:1.56;
  }
}

/* v8: Wix-matched color labels and reliable centering for multiline labels. */
.smc-page .smc-swatch > span {
  display:block;
  text-align:center;
  align-content:center;
  box-sizing:border-box;
}
@media (min-width:721px) {
  .smc-page .smc-swatch > span {
    font-size:30px;
    line-height:1.2;
  }
}

/* v9: Wix-matched ATC Overlook circle labels, with reliable optical centering. */
@font-face {
  font-family:"SMC ATC Overlook";
  src:url("ATCOverlook-Medium.otf") format("opentype");
  font-style:normal;
  font-weight:500;
  font-display:swap;
}
.smc-page .smc-swatch > span {
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:0;
}
.smc-page .smc-swatch > span > .smc-swatch-copy {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  width:auto;
  height:auto;
  min-width:0;
  margin:0;
  padding:0;
  background:transparent;
  border-radius:0;
  color:#fff;
  font-family:"SMC ATC Overlook",Arial,sans-serif;
  font-size:inherit;
  line-height:1.09;
  font-weight:400;
  letter-spacing:0;
  transform:translateY(-1px);
}
.smc-page .smc-swatch .smc-swatch-copy > span,
.smc-page .smc-swatch .smc-swatch-copy > strong {
  display:block;
  width:auto;
  height:auto;
  padding:0;
  margin:0;
  background:transparent;
  border-radius:0;
  font:inherit;
  line-height:inherit;
  color:inherit;
  text-align:center;
  white-space:nowrap;
}
.smc-page .smc-swatch .smc-swatch-copy > strong {
  font-weight:500;
}
@media(min-width:721px) {
  .smc-page .smc-swatch > span {font-size:30px;}
}

/* v10: restore Wix RGB/CMYK/HEX details and center labels by geometry.
   Scoped selectors override historical generic descendant-span dimensions. */
.smc-page .smc-swatch .smc-swatch-circle {
  position:relative;
  display:block;
  flex:none;
  padding:0;
  box-sizing:border-box;
  border-radius:50%;
  background:var(--swatch);
}
.smc-page .smc-swatch .smc-swatch-circle > .smc-swatch-copy {
  position:absolute;
  inset:auto;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:0;
  width:max-content;
  min-width:0;
  height:auto;
  margin:0;
  padding:0;
  background:none;
  border-radius:0;
  font-family:"SMC ATC Overlook",Arial,sans-serif;
  font-weight:400;
  font-size:inherit;
  line-height:1.12;
  letter-spacing:0;
  text-align:center;
  color:#fff;
}
.smc-page .smc-swatch .smc-swatch-circle .smc-swatch-copy > span,
.smc-page .smc-swatch .smc-swatch-circle .smc-swatch-copy > strong {
  display:block;
  flex:none;
  width:auto;
  min-width:0;
  height:auto;
  margin:0;
  padding:0;
  background:none;
  border-radius:0;
  font-family:inherit;
  font-size:inherit;
  font-style:normal;
  line-height:inherit;
  text-align:center;
  white-space:nowrap;
  color:inherit;
}
.smc-page .smc-swatch .smc-swatch-copy > span {font-weight:400;}
.smc-page .smc-swatch .smc-swatch-copy > strong {font-weight:500;}
.smc-page .smc-swatch small {
  display:block;
  width:fit-content;
  max-width:100%;
  margin:0 auto;
  text-align:left;
  line-height:1.35;
}
@media(max-width:720px) {
  .smc-page .smc-swatch .smc-swatch-circle > .smc-swatch-copy {
    font-size:clamp(12px,3vw,19px);
  }
  .smc-page .smc-swatch small {font-size:9px;letter-spacing:0;}
}