*{box-sizing:border-box}
html{min-width:320px;background:#f7f7f3}
body{margin:0;color:#183b56;background:#f7f7f3;font-family:var(--ipspace-font-ko),"Malgun Gothic",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
a:focus-visible{outline:3px solid #bcefe8;outline-offset:4px}
.site-header{height:76px;background:#f7f7f3;border-bottom:1px solid rgba(24,59,86,.14)}
.header-inner,.hero-inner{width:calc(100% - 200px);max-width:1240px;margin:0 auto}
.header-inner{height:100%;display:flex;align-items:center}
.wordmark{text-decoration:none;font:600 25px/1 var(--ipspace-font-en),Arial,sans-serif;letter-spacing:-.045em}
.hero{position:relative;min-height:calc(100svh - 76px);overflow:hidden;background:#183b56;color:#fff;isolation:isolate}
.hero-media,.hero-overlay{position:absolute;inset:0;z-index:-1}
.hero-media{filter:blur(1.3px) saturate(.82) contrast(.95);transform:scale(1.01)}
.hero-photo{position:absolute;inset:0;background-repeat:no-repeat;background-position:center;background-size:cover;opacity:0;animation:field-photo 39s linear infinite both}
.photo-a{background-image:url('/assets/field/HPF0025.webp');animation-delay:-1.2s}
.photo-b{background-image:url('/assets/field/WWW-FIELD-01.webp');animation-delay:6.6s}
.photo-c{background-image:url('/assets/field/WWW-FIELD-02.webp');animation-delay:14.4s}
.photo-d{background-image:url('/assets/field/HPF0017.webp');animation-delay:22.2s}
.photo-e{background-image:url('/assets/field/HPF0130.webp');animation-delay:30s}
@keyframes field-photo{0%{opacity:0}3.077%,20%{opacity:1}23.077%,100%{opacity:0}}
.hero-overlay{background:rgba(24,59,86,.64)}
.hero-inner{min-height:calc(100svh - 76px);display:flex;flex-direction:column;justify-content:space-between}
.hero-content{max-width:820px;padding-top:clamp(65px,9svh,96px)}
.accent-line{width:56px;height:3px;background:#0a6c63;margin-bottom:20px}
.status{display:flex;align-items:center;gap:18px;margin:0;font-size:13px;font-weight:600;line-height:1.5;letter-spacing:-.015em;color:#e1f7f1}
.status-en{font:600 11px/1.5 var(--ipspace-font-en),Arial,sans-serif;letter-spacing:.07em;color:rgba(255,255,255,.78)}
h1{margin:30px 0 0;font-size:clamp(50px,3.8vw,55px);line-height:1.28;font-weight:700;letter-spacing:-.045em;word-break:keep-all;text-shadow:0 1px 2px rgba(0,0,0,.1)}
.secondary{margin-top:clamp(34px,5svh,50px);max-width:650px}
.secondary p{margin:0;word-break:keep-all}
.secondary-lead{font-size:18px;font-weight:600;line-height:1.55;letter-spacing:-.025em}
.secondary-detail{margin-top:16px!important;font-size:16px;line-height:1.7;letter-spacing:-.02em;color:rgba(255,255,255,.94)}
.secondary-ongoing{margin-top:20px!important;font-size:15px;line-height:1.6;color:rgba(255,255,255,.88)}
.contact-row{display:flex;align-items:center;gap:18px;padding:42px 0 45px;font:400 17px/1.4 var(--ipspace-font-en),Arial,sans-serif;letter-spacing:.005em}
.contact-row a{text-decoration:none}.contact-row a:hover{text-decoration:underline}
.contact-separator{color:rgba(255,255,255,.55);font-size:15px}
.mobile-only{display:none}
@media(max-width:767px){
  .desktop-only{display:none}.mobile-only{display:inline}
  .site-header{height:64px}.header-inner,.hero-inner{width:calc(100% - 48px)}.wordmark{font-size:21px}
  .hero,.hero-inner{min-height:calc(100svh - 64px)}
  .photo-a{background-image:url('/assets/field/HPF0025-mobile.webp')}
  .hero-overlay{background:rgba(24,59,86,.68)}
  .hero-content{padding-top:clamp(38px,6svh,56px)}
  .accent-line{width:48px;margin-bottom:14px}
  .status{gap:10px;font-size:11px}.status-en{font-size:9px}
  h1{margin-top:26px;font-size:clamp(28px,8vw,32px);line-height:1.27;letter-spacing:-.045em}
  .secondary{margin-top:32px}
  .secondary-lead{font-size:15px;line-height:1.5}
  .secondary-detail{margin-top:13px!important;font-size:13px;line-height:1.58}
  .secondary-ongoing{margin-top:16px!important;font-size:13px;line-height:1.5}
  .contact-row{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:33px 0 34px;font-size:15px;line-height:1.3}
  .contact-separator{display:none}
}
@media(max-width:767px) and (max-height:700px){
  .hero-content{padding-top:28px}.accent-line{margin-bottom:10px}
  h1{margin-top:18px;font-size:27px;line-height:1.2}
  .secondary{margin-top:22px}.secondary-lead{font-size:14px}
  .secondary-detail{margin-top:9px!important;font-size:12px;line-height:1.42}
  .secondary-ongoing{margin-top:10px!important;font-size:12px}
  .contact-row{padding:20px 0 24px;font-size:14px}
}
@media(prefers-reduced-motion:reduce){.hero-photo{animation:none!important;opacity:0}.photo-a{opacity:1}}