/* SFC editorial study: preserve the ECAL grid and interaction mechanics. */
.sfc-editorial-hero,
.sfc-editorial-links,
.sfc-editorial-collection {
  font-family: "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  --sfc-title-tracking: -0.045em;
}
.sfc-editorial-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, transparent 40%, rgb(0 0 0 / 42%) 100%);
}
.sfc-editorial-hero > h2 {
  font-size: clamp(38px, 5.2vw, 76px);
  font-weight: 400;
  line-height: 1.16;
  letter-spacing: var(--sfc-title-tracking);
  white-space: pre-line;
  text-shadow: none;
  margin-bottom: 24px;
}
.sfc-editorial-hero > .banner-button {
  color: white !important;
  background: transparent;
  border: 1px solid rgb(255 255 255 / 65%);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.015em;
  padding: 10px 16px;
}
.sfc-editorial-hero > .banner-button:hover,
.sfc-editorial-hero > .banner-button:focus-visible {
  color: black !important;
  background: white;
}
.sfc-editorial-links .huge-text-oval {
  font-size: clamp(17px, 1.8vw, 26px);
  font-weight: 400;
  letter-spacing: -0.025em;
}
.sfc-editorial-collection h1 {
  font-size: clamp(40px, 5.8vw, 84px);
  font-weight: 400;
  line-height: 1.14;
  letter-spacing: var(--sfc-title-tracking);
}
.sfc-editorial-collection .text-13 {
  font-family: Arial, sans-serif;
  font-size: 12px;
  letter-spacing: 0.12em;
}
.sfc-editorial-collection [data-wrs-owner="ecal-264"] {
  font-size: clamp(15px, 1.35vw, 18px);
  font-weight: 400;
  line-height: 1.65;
  letter-spacing: -0.02em;
  color: #bbb;
  max-width: 30ch;
}
.sfc-editorial-collection .button {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.015em;
}
@media (max-width: 600px) {
  .sfc-editorial-hero > h2 { font-size: 38px; margin-bottom: 20px; }
  .sfc-editorial-collection h1 { font-size: 40px; }
}

/* ScreenMark SM-5f60d5cdc56ddaf1a65f: let the film fill the first screen. */
.site-body {
  --sfc-header-height: 74px;
  --sfc-nav-height: 0px;
  --sfc-ticker-height: 50px;
}
.site-header {
  min-height: var(--sfc-header-height);
  display: flex;
  align-items: center;
}
.sfc-editorial-hero {
  min-height: max(320px, calc(100svh - var(--sfc-header-height) - var(--sfc-nav-height) - var(--sfc-ticker-height)));
}
@media (min-width: 55em) {
  .site-body {
    --sfc-header-height: 64px;
    --sfc-nav-height: 50px;
    --header-height: var(--sfc-header-height);
  }
  .site-nav > .sfc-logo { display: none; }
}
@media (min-width: 55em) {
  .site-nav > .lang-block { top: 7px; }
}
/* Short headlines should wrap at words, rather than split Korean syllables. */
#sfc-news .panel-block h3 {
  font-size: clamp(18px, 1.5vw, 22px);
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.025em;
  word-break: keep-all;
  overflow-wrap: normal;
}
.sfc-works { padding-top: 48px; padding-bottom: 48px; }
.sfc-video-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px; margin: 28px 0; }
.sfc-video-card { min-width: 0; border-top: 1px solid; padding-top: 14px; }
.sfc-video-card h3 { font-size: clamp(22px,2.4vw,34px); line-height: 1.3; font-weight: 400; letter-spacing: -.035em; margin: 8px 0 18px; }
.sfc-video-card iframe { display:block; width:100%; aspect-ratio:16/9; height:auto; border:0; background:#111; }
.sfc-video-card p { font-size:15px; line-height:1.6; margin:12px 0; }
.sfc-video-card .sfc-video-category { font-size:12px; margin:0; color:#666; }
.sfc-video-card a,.sfc-full-show { font-size:14px; text-decoration:underline; text-underline-offset:4px; }
.sfc-full-show { display:inline-block; margin:0 0 28px; }
#sfc-campus > h2 { font-size:clamp(28px,4vw,52px); font-weight:400; letter-spacing:-.04em; padding:16px 0; }
#sfc-campus .sfc-video-grid { grid-template-columns:1fr; }
.sfc-social-link.banner-block.content-banner-block { min-height:220px; background:#111; }
@media(max-width:600px) { .sfc-video-grid { grid-template-columns:1fr; } .sfc-works { padding-top:28px; padding-bottom:28px; } }
.sfc-video-preview { display:block; position:relative; background:#111; aspect-ratio:16/9; overflow:hidden; }
.sfc-video-preview img { display:block; width:100%; height:100%; object-fit:cover; }
.sfc-video-preview span { position:absolute; bottom:12px; right:12px; background:#111; color:white; padding:10px 14px; font-size:14px; }
.sfc-video-preview:focus-visible { outline:3px solid #304b9f; outline-offset:4px; }
/* Campus films share a row; news no longer leaves a tall empty side column. */
.sfc-campus-news { padding:32px var(--x-gap); }
#sfc-campus .sfc-video-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.sfc-works > .sfc-video-grid { grid-template-columns:minmax(0,1fr); }
.sfc-works > .sfc-video-grid .sfc-video-card { display:grid; grid-template-columns:minmax(0,2fr) minmax(200px,1fr); column-gap:32px; align-content:start; }
.sfc-works .sfc-video-card .sfc-video-preview { grid-column:1; grid-row:1/7; }
.sfc-works .sfc-video-card > :not(.sfc-video-preview) { grid-column:2; }
.sfc-news-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.sfc-news-article { display:block; }
.sfc-news-section { margin-top:48px; }
.sfc-video-card iframe { min-height:200px; }
.sfc-embed-notice { color:#666; }
#sfc-campus,#sfc-works { scroll-margin-top:90px; }
@media(max-width:900px) {
 #sfc-campus .sfc-video-grid { grid-template-columns:1fr; }
 .sfc-news-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:600px) {
 .sfc-works > .sfc-video-grid .sfc-video-card { display:block; }
 .sfc-news-grid { grid-template-columns:1fr; }
}
.sfc-campus-news { padding:32px clamp(16px,2vw,32px); }
button.sfc-video-preview { width:100%; padding:0; border:0; cursor:pointer; text-align:left; }

.sfc-film-archive { display:flex; flex-wrap:wrap; gap:12px 28px; padding:0 20px 24px; }
.sfc-film-archive a { color:inherit; text-underline-offset:4px; font-size:15px; }
/* People and pathways follow ECAL's image-led, square-edged editorial rhythm. */
.sfc-editorial-section { padding:48px 0; scroll-margin-top:90px; }
.sfc-section-heading { border-top:1px solid currentColor; padding-top:16px; margin-bottom:28px; display:flex; justify-content:space-between; align-items:baseline; gap:24px; }
.sfc-section-heading h2 { font-size:clamp(28px,3vw,44px); font-weight:500; letter-spacing:-.05em; margin:0; }
.sfc-section-heading p { font-size:15px; margin:0; color:#555; }
.sfc-people-grid { display:grid; grid-template-columns:2fr 1fr 1fr; gap:24px; align-items:start; }
.sfc-person { display:block; color:inherit; text-decoration:none; min-width:0; }
.sfc-person-image { aspect-ratio:4/3; background:#eee; overflow:hidden; }
.sfc-person-image img { width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s; }
.sfc-person:hover img { transform:scale(1.025); }
.sfc-person h3 { font-size:clamp(21px,2vw,30px); line-height:1.3; font-weight:500; letter-spacing:-.04em; margin:6px 0 10px; }
.sfc-person p { font-size:14px; line-height:1.6; }
.sfc-person .sfc-eyebrow { font-size:12px; margin-top:16px; color:#666; }
#sfc-careers { padding:32px clamp(16px,2vw,32px) 56px; }
.sfc-career-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px; }
.sfc-career-grid a { border-top:1px solid #bbb;padding:16px 0;color:inherit;text-decoration:none; }
.sfc-career-grid span { font-size:12px;color:#777; }
.sfc-career-grid h3 { font-size:28px;font-weight:400;margin:24px 0 12px;letter-spacing:-.04em; }
.sfc-career-grid p { font-size:14px;color:#555; }
.sfc-footer-details { border-top:1px solid #ccc;margin-top:32px;padding:24px 0;display:grid;grid-template-columns:1fr 1fr;gap:24px;font-size:13px;line-height:1.8; }
.sfc-footer-details p { margin:0; }
.sfc-footer-details a { color:inherit; }
.sfc-copyright { grid-column:1/-1;color:#777;font-size:11px; }
@media(max-width:700px){.sfc-section-heading{display:block}.sfc-section-heading p{margin-top:12px}.sfc-people-grid{grid-template-columns:1fr 1fr;gap:24px 16px}.sfc-person:first-child{grid-column:1/-1}.sfc-career-grid{grid-template-columns:1fr 1fr}.sfc-footer-details{grid-template-columns:1fr}.sfc-person h3{font-size:21px}}
@media(prefers-reduced-motion:reduce){.sfc-person-image img{transition:none}}
.sfc-person-image img { transform:scale(1.8);transform-origin:85% 50%; }
.sfc-person:nth-child(2) img { transform:scale(2);transform-origin:12% 45%; }
.sfc-person:nth-child(3) img { transform:scale(1.9);transform-origin:39% 48%; }
.sfc-person:hover img { filter:brightness(1.04); }
/* Retain original interview artwork without cutting embedded captions. */
.sfc-person-image { aspect-ratio:16/9; }
.sfc-person-image img,.sfc-person:nth-child(2) img,.sfc-person:nth-child(3) img { transform:none;object-fit:cover; }
.sfc-work-marquee { display:flex;gap:24px;overflow-x:auto;scroll-behavior:auto;scroll-snap-type:none;position:relative;scrollbar-width:thin; }
.sfc-work-marquee > a { flex:0 0 280px;width:280px;max-width:none;color:inherit;text-decoration:none; }
.sfc-work-marquee img { width:100%;height:360px;object-fit:cover;display:block; }
.sfc-work-marquee h3 { font-size:20px;line-height:1.3; }
.sfc-works > .sfc-video-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.sfc-works > .sfc-video-grid .sfc-video-card { display:block; }
.sfc-works .sfc-video-preview { aspect-ratio:4/3; }
@media(max-width:600px){.sfc-works > .sfc-video-grid{grid-template-columns:1fr}.sfc-work-marquee > a{flex-basis:230px;width:230px}.sfc-work-marquee img{height:300px}}
