:root{--navy:#082d70;--blue:#0968d2;--sky:#eaf5ff;--ink:#14243d;--muted:#52627a;--line:#d8e5f2;--orange:#f05217;--white:#fff;--max:1240px;font-family:Arial,"Noto Sans KR","Malgun Gothic",sans-serif;color:var(--ink);background:#fff;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0}.site-header{height:76px;display:flex;align-items:center;gap:32px;padding:0 max(24px,calc((100vw - var(--max))/2));border-bottom:1px solid #e5edf4;background:#fff;position:sticky;top:0;z-index:10}.brand{display:block;flex:0 0 190px;line-height:0}.brand img{width:174px;height:auto;object-fit:contain}.main-nav{display:flex;align-items:center;justify-content:center;gap:34px;flex:1}.main-nav a,.language-switch{color:var(--ink);font-weight:600;font-size:14px;text-decoration:none}.main-nav a:hover,.language-switch:hover{color:var(--blue)}.english-menu-svg{display:block;width:min(100%,410px);height:44px;overflow:visible}.english-menu-svg a{cursor:pointer}.english-menu-svg a:hover text{fill:var(--blue)}.language-switch{border:1px solid var(--line);border-radius:999px;padding:8px 13px;white-space:nowrap}.menu-toggle{display:none}.hero{width:min(100%,1536px);margin:0 auto;line-height:0}.hero-art{position:relative;width:100%;line-height:0}.hero-art picture{display:block}.hero-art picture img{width:100%;height:auto;display:block}.hero-vector-copy{position:absolute;inset:0;pointer-events:none}.visual-section{max-width:var(--max);margin:0 auto;padding:92px 32px;display:flex;flex-direction:column;gap:32px}.visual-section.supply{max-width:none;padding-left:max(32px,calc((100vw - var(--max))/2 + 32px));padding-right:max(32px,calc((100vw - var(--max))/2 + 32px));background:linear-gradient(120deg,#f5faff,#fff)}.svg-copy{display:block;width:min(100%,720px);height:auto;margin:0 0 6px}.showcase-pair,.logistics-pair{display:grid;grid-template-columns:1.25fr .75fr;gap:20px;align-items:stretch}.showcase-pair img,.logistics-pair img{display:block;width:100%;height:260px;object-fit:cover;border-radius:16px;box-shadow:0 12px 34px #0a397418}.asset-grid{display:grid;gap:16px}.chemistry-grid,.component-grid,.capability-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.asset-grid figure{margin:0;min-width:0;border:1px solid #dce9f5;border-radius:14px;background:#fff;overflow:hidden;text-align:center}.asset-grid figcaption{padding:12px 9px 14px;color:var(--navy);font-size:14px;font-weight:700;line-height:1.5}.chemistry-grid figure{padding:12px 8px 0}.chemistry-grid img{width:100%;height:110px;object-fit:contain}.capability-grid figure{padding:14px 8px 0}.capability-grid img{width:48px;height:42px;object-fit:contain}.capability-grid figcaption{font-size:13px}.wide-media{width:100%;max-height:390px;object-fit:cover;border-radius:18px;box-shadow:0 14px 42px #0a39741c}.translated-visuals{border:1px solid #d8e5f2;border-radius:18px;overflow:hidden}.english-product-types figure,.bms-grid figure,.english-supply-types figure{padding:12px}.english-product-types img,.bms-grid img,.english-supply-types img{display:block;width:100%;height:auto;object-fit:contain}.english-product-types figcaption,.bms-grid figcaption,.english-supply-types figcaption{border-top:1px solid #e7eef5;margin-top:10px}.contact-section{max-width:var(--max);margin:0 auto;padding:112px 32px;display:grid;grid-template-columns:.9fr 1.1fr;gap:62px;align-items:center}.contact-copy{padding:10px 0}.eyebrow{margin:0 0 16px;color:var(--blue);font-size:13px;font-weight:700;letter-spacing:.1em}.contact-section h2{margin:0 0 22px;color:var(--navy);font-size:clamp(30px,3.2vw,46px);line-height:1.18;letter-spacing:-.035em}.contact-copy>p:not(.eyebrow){margin:0;color:#354761;font-size:17px;line-height:1.8}.contact-details{margin:30px 0;display:grid;gap:16px}.contact-details>div{display:grid;grid-template-columns:92px 1fr;gap:12px;align-items:start}.contact-details dt{color:var(--muted);font-size:14px;font-weight:700}.contact-details dd{margin:0;color:var(--ink);font-size:15px;line-height:1.7;overflow-wrap:anywhere}.contact-details a{color:inherit;text-decoration:none}.copy-button{border:0;border-radius:999px;background:var(--blue);color:#fff;padding:14px 24px;font-family:inherit;font-size:15px;font-weight:700;cursor:pointer}.copy-button:hover{background:var(--navy)}.copy-status{min-height:24px;margin:8px 0 0!important;color:var(--blue)!important;font-size:14px!important}.building-photo{width:100%;height:430px;object-fit:cover;object-position:center;border-radius:20px}footer{border-top:1px solid var(--line);padding:24px max(24px,calc((100vw - var(--max))/2));display:flex;justify-content:space-between;color:var(--muted);font-size:13px}footer a{color:var(--navy);text-decoration:none;font-weight:700}@media(max-width:900px){.site-header{height:68px;gap:16px;padding:0 20px}.brand{flex-basis:145px}.brand img{width:140px}.main-nav{gap:10px}.english-menu-svg{width:100%;height:40px}.contact-section{gap:36px;padding-top:82px;padding-bottom:82px}.visual-section{padding-top:76px;padding-bottom:76px}.visual-section.supply{padding-left:28px;padding-right:28px}.showcase-pair img,.logistics-pair img{height:220px}.building-photo{height:360px}}@media(max-width:700px){html{scroll-padding-top:68px}.site-header{height:62px;padding:0 14px;gap:12px}.brand{flex:1}.brand img{width:148px}.menu-toggle{display:block;border:0;background:transparent;color:var(--navy);font-family:inherit;font-size:19px;font-weight:600;padding:8px}.main-nav{display:none;position:absolute;top:61px;left:0;right:0;background:#fff;padding:12px 18px 18px;border-bottom:1px solid var(--line);box-shadow:0 12px 20px #082d7012;align-items:stretch;gap:0}.main-nav.open{display:flex;flex-direction:column}.english-menu-svg{height:44px;width:100%;max-width:410px}.language-switch{font-size:12px;padding:7px 10px}.hero{width:100%}.hero-art{width:100%}.hero-art picture img{width:100%}.visual-section{padding:58px 20px;gap:22px}.visual-section.supply{padding-left:20px;padding-right:20px}.svg-copy{width:100%;margin-bottom:0}.showcase-pair,.logistics-pair{grid-template-columns:1fr;gap:12px}.showcase-pair img,.logistics-pair img{height:auto;max-height:260px;object-fit:cover}.chemistry-grid,.component-grid,.capability-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.asset-grid figcaption{font-size:12px;padding:10px 6px 12px}.chemistry-grid figure{padding:8px 6px 0}.chemistry-grid img{height:96px}.capability-grid figure{padding:10px 6px 0}.capability-grid img{width:42px;height:38px}.english-product-types figure,.bms-grid figure,.english-supply-types figure{padding:8px}.english-product-types figcaption,.bms-grid figcaption,.english-supply-types figcaption{font-size:11px}.wide-media{max-height:280px;border-radius:14px}.contact-section{display:flex;flex-direction:column;align-items:stretch;gap:30px;padding:64px 20px}.contact-section h2{font-size:30px;margin-bottom:16px}.contact-copy>p:not(.eyebrow){font-size:15px;line-height:1.75}.eyebrow{font-size:11px;margin-bottom:12px}.contact-details{margin:24px 0}.contact-details>div{grid-template-columns:70px 1fr;gap:8px}.contact-details dd{font-size:14px}.building-photo{height:280px;border-radius:14px}footer{padding:20px}}
.english-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.english-card-grid figure{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-width:0;padding:12px 10px 0}.english-card-grid img{display:block;width:100%;height:112px;object-fit:contain}.english-card-grid figcaption{display:flex;align-items:center;justify-content:center;min-height:58px;width:100%;margin-top:8px;border-top:1px solid #e7eef5;font-size:16px;line-height:1.35;text-align:center}
@media(max-width:700px){.english-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.english-card-grid figure{padding:9px 8px 0}.english-card-grid img{height:94px}.english-card-grid figcaption{min-height:48px;margin-top:6px;font-size:13px;line-height:1.3}}

/* Shared image sizing across Korean and English sections */
.showcase-pair img,.logistics-pair img{height:260px;aspect-ratio:4/3;object-fit:cover}
.component-grid img{display:block;width:100%;height:112px;object-fit:contain;padding:6px}
.chemistry-grid img{height:112px;aspect-ratio:1/1;object-fit:contain}
.capability-grid img{width:48px;height:48px;object-fit:contain}
.english-card-grid img{height:112px;aspect-ratio:4/3;object-fit:contain}
.wide-media{display:block;width:100%;height:clamp(220px,30vw,390px);object-fit:cover}
@media(max-width:900px){.showcase-pair img,.logistics-pair img{height:220px}}
@media(max-width:700px){.showcase-pair img,.logistics-pair img{height:auto;aspect-ratio:4/3;max-height:none}.component-grid img{height:100px}.chemistry-grid img{height:100px}.capability-grid img{width:42px;height:42px}.english-card-grid img{height:94px}.wide-media{height:clamp(190px,58vw,280px)}}

/* English application hero: clean photography with separate SVG copy and crisp cards */
.en-application{width:100%;max-width:none;display:flex;flex-direction:column;gap:22px;padding:0 0 26px}
.en-hero-art{width:min(100%,1536px);margin:0 auto;overflow:hidden}
.en-hero-art .hero-background img{width:100%;height:auto;display:block}
.en-hero-art .hero-vector-copy{position:absolute;inset:0;pointer-events:auto}
.en-hero-art .hero-vector-copy img{width:100%;height:100%;display:block}
.english-app-grid,.english-benefits-grid{width:min(calc(100% - 48px),1240px);margin:0 auto;display:grid;gap:14px}
.english-app-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.english-app-grid figure,.english-benefits-grid figure{margin:0;min-width:0;overflow:hidden;border:1px solid #dce9f5;border-radius:14px;background:#fff;text-align:center}
.english-app-grid img{display:block;width:100%;height:150px;object-fit:cover;object-position:center}
.english-app-grid figcaption{min-height:58px;display:flex;flex-direction:column;justify-content:center;padding:8px 6px;color:#082d70;line-height:1.35}
.english-app-grid figcaption strong{font-size:16px}.english-app-grid figcaption span{font-size:13px}
.english-benefits-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.english-benefits-grid figure{min-height:110px;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px}
.english-benefits-grid img{width:48px;height:48px;flex:none;object-fit:contain}
.english-benefits-grid figcaption{color:#082d70;font-size:13px;font-weight:700;line-height:1.45;text-align:left}
.bms-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.ko-hero-zoom{overflow:hidden}.ko-hero-zoom picture{display:block;width:100%}.ko-hero-zoom img{display:block;width:120%;max-width:none;margin-left:-10%;height:auto}
.supply .logistics-pair{grid-template-columns:repeat(2,minmax(0,1fr))}
.supply .logistics-pair img:first-child{object-fit:contain;background:#edf6ff}
.supply .supply-strengths img{width:52px;height:52px;object-fit:contain;display:block;margin:0 auto}
.english-product-types img{background:#fff}
@media(max-width:900px){.english-app-grid img{height:120px}.english-app-grid figcaption strong{font-size:14px}.english-app-grid figcaption span{font-size:11px}}
@media(max-width:700px){.en-application{gap:14px;padding-bottom:18px}.en-hero-art{width:100%}.english-app-grid,.english-benefits-grid{width:calc(100% - 32px);gap:9px}.english-app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.english-app-grid figure:last-child{grid-column:1 / -1}.english-app-grid img{height:120px}.english-app-grid figcaption{min-height:52px}.english-benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.english-benefits-grid figure{min-height:92px;padding:9px;gap:7px}.english-benefits-grid img{width:38px;height:38px}.english-benefits-grid figcaption{font-size:11px}.supply .logistics-pair{grid-template-columns:1fr 1fr}.supply .logistics-pair img:first-child{height:180px;object-fit:contain}.ko-hero-zoom img{width:120%;margin-left:-10%}.bms-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Keep complete application subjects visible and align every card */
.english-app-grid img{height:150px;object-fit:contain;background:#f2f7fb}


/* Korean hero uses the complete supplied composition without zoom cropping. */
.ko-hero-zoom img{width:100%;max-width:100%;margin-left:0;height:auto;}
.chemistry-grid .chemistry-label{display:block;width:100%;height:68px;object-fit:contain;margin:2px auto 0;}
@media(max-width:700px){.ko-hero-zoom img{width:100%;margin-left:0;}.chemistry-grid .chemistry-label{height:62px;}}