/* Shared decorative image HERO: 8:3 at 981px+, 3:4 at 980px and below. */
body.external-home .external-image-hero {
  --hero-gutter:max(32px,calc((100% - 1200px)/2));
  position:relative; display:flex; align-items:center;
  box-sizing:border-box; width:100%; height:auto; min-height:0; aspect-ratio:8/3;
  margin:0; padding:0; border:0; overflow:hidden;
  background-color:#30231d; background-image:var(--hero-image); background-size:cover;
  background-position:center; background-repeat:no-repeat; color:#f8f7f5;
}
body.external-home .external-image-hero::before,
body.external-home .external-image-hero::after { content:none; }
body.external-home .external-image-hero-inner {
  position:relative; box-sizing:border-box; flex:none;
  width:min(600px,calc(50% - var(--hero-gutter) - 24px)); max-width:none;
  margin:0 0 0 var(--hero-gutter); padding:0; text-align:left;
}
body.external-home .external-image-hero h1 {
  margin:0; padding:0; color:#f8f7f5; font-family:"Noto Serif KR",serif;
  font-size:clamp(36px,3.4vw,58px); font-weight:500; line-height:1.42;
  letter-spacing:-.045em; word-break:keep-all; overflow-wrap:break-word;
  text-align:inherit; text-shadow:none;
}
body.external-home .external-image-hero--home h1 { font-size:clamp(36px,4.2vw,60px); line-height:1.5; letter-spacing:-.055em; }
body.external-home .external-image-hero h1 span { display:block; }
body.external-home .external-image-hero h1 em { color:#f0debc; font-style:normal; }
body.external-home .external-image-hero p {
  margin:22px 0 0; padding:0; max-width:100%; color:#f8f7f5;
  font-family:Pretendard,Arial,sans-serif; font-size:18px; font-weight:400;
  line-height:1.75; letter-spacing:-.025em; word-break:keep-all;
}
body.external-home .external-image-hero p span { display:block; }
body.external-home .external-image-hero p .external-image-hero-phone { display:inline; white-space:nowrap; }
body.external-home .external-image-hero p.external-image-hero-kicker,
body.external-home .external-image-hero p.svc-kicker { margin:0 0 14px; font-size:13px; line-height:1.5; }
body.external-home .external-image-hero .external-image-hero-link {
  display:inline-flex; align-items:center; justify-content:center; gap:16px;
  box-sizing:border-box; width:auto; min-height:50px; margin:30px 0 0; padding:12px 22px;
  border:1px solid #f8f7f5; border-radius:0; background:transparent;
  color:#f8f7f5; font-family:Pretendard,Arial,sans-serif; font-size:16px;
  font-weight:500; line-height:1.5; text-decoration:none; white-space:nowrap;
}
body.external-home .external-image-hero .sd-hero-cta { background:#292724; border-color:#292724; }
body.external-home .external-image-hero .external-image-hero-link:hover { background:#f8f7f5; color:#38291f; }
body.external-home .external-image-hero .external-image-hero-link:focus-visible { outline:2px solid #f0debc; outline-offset:4px; }
body.external-home .external-image-hero p.inh-note { margin-top:14px; font-size:14px; line-height:1.6; }
body.external-home .external-image-hero--home { --hero-image:url('/assets/saegil-home-hero-pc.webp'); }
body.external-home .external-image-hero--services { --hero-image:url('/assets/saegil-services-hero-pc.webp'); }
body.external-home .external-image-hero--team { --hero-image:url('/assets/saegil-team-hero-pc.webp'); }
body.external-home .external-image-hero--column { --hero-image:url('/assets/saegil-column-hero-pc.webp'); }
body.external-home .external-image-hero--contact { --hero-image:url('/assets/saegil-contact-hero-pc.webp'); }
body.external-home .external-image-hero--location { --hero-image:url('/assets/saegil-location-hero-pc.webp'); }
@media(max-width:980px) {
  body.external-home .external-image-hero { align-items:flex-start; aspect-ratio:3/4; }
  body.external-home .external-image-hero-inner { width:calc(100% - 64px); max-width:600px; margin:64px auto 0; }
  body.external-home .external-image-hero h1 { font-size:42px; }
  body.external-home .external-image-hero--home { --hero-image:url('/assets/saegil-home-hero-mobile.webp'); }
  body.external-home .external-image-hero--services { --hero-image:url('/assets/saegil-services-hero-mobile.webp'); }
  body.external-home .external-image-hero--team { --hero-image:url('/assets/saegil-team-hero-mobile.webp'); }
  body.external-home .external-image-hero--column { --hero-image:url('/assets/saegil-column-hero-mobile.webp'); }
  body.external-home .external-image-hero--contact { --hero-image:url('/assets/saegil-contact-hero-mobile.webp'); }
  body.external-home .external-image-hero--location { --hero-image:url('/assets/saegil-location-hero-mobile.webp'); }
}
@media(max-width:640px) {
  body.external-home .external-image-hero-inner { width:calc(100% - 40px); margin-top:32px; }
  body.external-home .external-image-hero h1 { font-size:clamp(28px,7.4vw,32px); line-height:1.45; }
  body.external-home .external-image-hero--home { background-position:center bottom; }
  body.external-home .external-image-hero--home h1 { font-size:30px; line-height:1.48; }
  body.external-home .external-image-hero p { margin-top:16px; font-size:16px; line-height:1.6; }
  body.external-home .external-image-hero .external-image-hero-link { min-height:46px; margin-top:24px; padding:10px 18px; font-size:15px; }
  body.external-home .external-image-hero--home .external-image-hero-link { min-height:48px; gap:8px; }
  body.external-home .external-image-hero[data-hero-density="dense"] .external-image-hero-inner { margin-top:20px; }
  body.external-home .external-image-hero[data-hero-density="dense"] h1 { font-size:28px; line-height:1.3; }
  body.external-home .external-image-hero[data-hero-density="dense"] p { margin-top:10px; font-size:15px; line-height:1.5; }
  body.external-home .external-image-hero[data-hero-density="dense"] p.external-image-hero-kicker { margin:0 0 10px; font-size:12px; }
  body.external-home .external-image-hero[data-hero-density="dense"] p.inh-note { font-size:13px; line-height:1.45; }
  body.external-home .external-image-hero[data-hero-density="dense"] .external-image-hero-link { min-height:44px; margin-top:10px; }
}