:root{--bg:#f6f6f3;--surface:#fff;--ink:#111214;--muted:#5f6267;--line:#d9dad6;--accent:#174c40;--max:1280px;--pad:clamp(24px,4vw,56px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;word-break:keep-all;overflow-wrap:normal;line-break:strict;margin:0;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Pretendard,Noto Sans KR,Malgun Gothic,sans-serif}a{color:inherit;text-decoration:none}figure{margin:0}img{display:block}.sectionShell{width:min(100%,var(--max));padding-inline:var(--pad);margin:0 auto}.header{z-index:50;height:62px;padding:0 max(var(--pad),calc((100vw - var(--max))/2 + var(--pad)));-webkit-backdrop-filter:blur(16px)saturate(160%);backdrop-filter:blur(16px)saturate(160%);background:#f6f6f3e8;border-bottom:1px solid #00000012;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.brand{letter-spacing:.12em;font-size:12px;font-weight:700}.header nav{color:#3f4246;gap:28px;font-size:12px;display:flex}.header nav a{transition:opacity .2s}.header nav a:hover{opacity:.5}.hero{grid-template-columns:minmax(0,1fr) minmax(500px,.92fr);align-items:center;gap:64px;min-height:820px;padding-top:128px;padding-bottom:92px;display:grid}.heroText{max-width:620px}.hero h1{letter-spacing:-.045em;margin:0;font-size:clamp(48px,3.8vw,54px);font-weight:650;line-height:1.1}.hero h1 span{white-space:nowrap;display:block}.heroText p{color:#4f5257;letter-spacing:-.015em;max-width:520px;margin:30px 0 0;font-size:18px;line-height:1.72}.heroVisual{min-height:610px;position:relative}.heroPrimary{z-index:2;background:#ddd;position:absolute;inset:0 0 0 72px;overflow:hidden}.heroPrimary img{object-fit:cover;width:100%;height:100%;transition:transform 1s cubic-bezier(.22,.61,.36,1)}.heroPrimary:hover img{transform:scale(1.012)}.heroSecondary{aspect-ratio:.78;border:10px solid var(--bg);z-index:3;width:190px;position:absolute;bottom:38px;left:0;overflow:hidden;box-shadow:0 18px 50px #00000014}.heroSecondary img{object-fit:cover;width:100%;height:100%}.heroGraphic{z-index:1;pointer-events:none;width:73%;height:220px;position:absolute;top:-30px;right:-32px}.heroGraphicSvg{fill:none;stroke:#6f736f;stroke-width:.8px;opacity:.22;width:100%;height:100%}.heroIndex{letter-spacing:.06em;color:#868985;z-index:4;align-items:center;gap:11px;font-size:9px;display:flex;position:absolute;bottom:-28px;right:0}.heroIndex i{background:#b8bab5;width:52px;height:1px;display:block}.intro{border-top:1px solid var(--line);grid-template-columns:260px minmax(0,1fr);gap:80px;padding-top:126px;padding-bottom:96px;display:grid}.sectionTitle h2{letter-spacing:-.02em;margin:0;font-size:17px;font-weight:650;line-height:1.4}.introCopy{max-width:780px}.introCopy p{letter-spacing:-.025em;margin:0 0 20px;font-size:25px;line-height:1.58}.introCopy p:last-child{color:#55585d;margin-bottom:0}.milestones{padding-top:36px;padding-bottom:130px}.milestoneGrid{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.milestoneGrid article{border-right:1px solid var(--line);min-height:232px;padding:26px 24px 0 0}.milestoneGrid article:not(:first-child){padding-left:24px}.milestoneGrid article:last-child{border-right:0}.historyTop{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:28px;display:flex}.historyIcon{color:#656966;width:30px;height:30px}.historyIcon svg{fill:none;stroke:currentColor;stroke-width:1.2px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.year{color:#777a7e;padding-top:3px;font-size:12px}.milestoneGrid h3{letter-spacing:-.025em;margin:0 0 12px;font-size:20px;line-height:1.35}.milestoneGrid p{color:#606368;margin:0;font-size:14px;line-height:1.65}.resultBand{border-block:1px solid var(--line);background:#fff}.resultGrid{grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);align-items:center;gap:80px;padding-top:126px;padding-bottom:126px;display:grid}.resultCopy h2{letter-spacing:-.038em;margin:0;font-size:clamp(38px,3.2vw,46px);font-weight:650;line-height:1.14}.resultCopy h2 span{white-space:nowrap;display:block}.resultCopy p{color:#505359;max-width:540px;margin:30px 0 0;font-size:17px;line-height:1.72}.resultVisual figure{aspect-ratio:1.18;background:#e9e9e5;position:relative;overflow:hidden}.resultVisual figure img{object-fit:cover;width:100%;height:100%;transition:transform .9s}.resultVisual figure:hover img{transform:scale(1.01)}.rankTimeline{grid-template-columns:repeat(6,1fr);margin-top:26px;padding-top:22px;display:grid;position:relative}.rankLine{transform-origin:0;background:#aeb1ad;height:1px;position:absolute;top:3px;left:8.3%;right:8.3%}.rankPoint{color:#676a6e;flex-direction:column;align-items:center;gap:6px;font-size:11px;display:flex;position:relative}.rankDot{background:#fff;border:1px solid #666b67;border-radius:50%;width:6px;height:6px;position:absolute;top:-23px}.rankYear{font-variant-numeric:tabular-nums}.rankPoint strong{color:#202224;font-size:11px;font-weight:650}.suffle{grid-template-columns:220px minmax(0,1fr);gap:80px;padding-top:128px;padding-bottom:128px;display:grid}.suffleContent{grid-template-columns:minmax(0,.8fr) minmax(480px,1.2fr);align-items:start;gap:74px;display:grid}.suffleCopy p{color:#55585d;max-width:650px;margin:0 0 18px;font-size:18px;line-height:1.72}.suffleCopy .lead{color:#17181a;letter-spacing:-.026em;font-size:27px;line-height:1.48}.suffleProof{border-top:1px solid var(--line);max-width:250px;margin-top:44px;padding-top:18px}.suffleProof span{color:#777a7e;font-size:11px;display:block}.suffleProof strong{letter-spacing:-.03em;margin-top:9px;font-size:26px;font-weight:650;display:block}.archiveVisual{grid-template-columns:1.2fr .8fr;gap:12px;min-height:520px;display:grid}.archiveVisual figure{background:#deded9;grid-template-rows:minmax(0,1fr) auto;display:grid;overflow:hidden}.archiveVisual img{object-fit:cover;width:100%;height:100%;min-height:0;transition:transform .9s}.archiveVisual figure:hover img{transform:scale(1.012)}.archiveMain{min-height:520px}.archiveStack{grid-template-rows:1fr 1fr;gap:12px;display:grid}.archiveStack figure{min-height:0}.archiveVisual figcaption{background:var(--bg);border-top:1px solid var(--line);color:#74777b;letter-spacing:.01em;justify-content:space-between;gap:12px;padding:9px 10px 10px;font-size:9px;line-height:1.3;display:flex}.archiveVisual figcaption span:last-child{text-align:right}.business{grid-template-columns:220px minmax(0,1fr);gap:80px;padding-top:128px;padding-bottom:128px;display:grid}.businessList{border-top:1px solid var(--line)}.businessList article{border-bottom:1px solid var(--line);grid-template-columns:260px 1fr;align-items:start;gap:44px;padding:31px 0;display:grid}.serviceName{align-items:center;gap:18px;display:flex}.serviceIcon{color:#5e625f;flex:none;width:28px;height:28px}.serviceIcon svg{fill:none;stroke:currentColor;stroke-width:1.25px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.businessList h3{letter-spacing:-.02em;margin:0;font-size:20px;line-height:1.4}.businessList p{color:#56595e;max-width:650px;margin:0;font-size:16px;line-height:1.7}.visualBridge{border-top:1px solid var(--line);align-items:center;height:190px;display:flex;overflow:hidden}.bridgeGraphicSvg{fill:none;stroke:#737873;stroke-width:.7px;opacity:.42;width:100%;height:150px}.bridgeGraphicSvg circle{fill:var(--bg);stroke:#686d68;stroke-width:1px}.bridgeAxis{opacity:.38}.bridgeCurve{opacity:.68}.evma{border-top:1px solid var(--line);padding-top:132px;padding-bottom:132px}.evmaHead{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:80px;display:grid}.evmaHead h2{margin:0;font-size:17px;font-weight:650;line-height:1.4}.evmaHead>div{max-width:760px}.evmaHead p{letter-spacing:-.026em;margin:0 0 24px;font-size:28px;line-height:1.5}.evmaHead a{border-bottom:1px solid #8c8f93;padding-bottom:3px;font-size:14px}.evmaFeatureLine{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-top:56px;display:grid}.evmaFeature{border-right:1px solid var(--line);align-items:center;gap:12px;min-height:76px;padding:0 20px;display:flex}.evmaFeature:first-child{padding-left:0}.evmaFeature:last-child{border-right:0}.evmaFeature>span{color:#606460;flex:none;width:24px;height:24px}.evmaFeature svg{fill:none;stroke:currentColor;stroke-width:1.2px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.evmaFeature strong{letter-spacing:-.015em;font-size:13px;font-weight:560}.productShowcase{margin-top:44px}.productShowcase figure{background:#fff;border:1px solid #dedfdb;overflow:hidden}.productShowcase img{width:100%;height:auto}.productMain{box-shadow:0 24px 60px #00000012}.productPair{grid-template-columns:1fr 1fr;gap:22px;margin-top:22px;display:grid}.productPair figure{aspect-ratio:1.56}.productPair img{object-fit:cover;object-position:top;width:100%;height:100%}.contact{border-top:1px solid var(--line);grid-template-columns:220px minmax(0,1fr);gap:80px;padding-top:96px;padding-bottom:96px;display:grid}.contactBody p{color:#55585d;max-width:640px;margin:0 0 18px;font-size:17px;line-height:1.7}.contactBody a{border-bottom:1px solid #9c9ea1;padding-bottom:3px;font-size:15px}.footer{border-top:1px solid var(--line);padding-top:40px;padding-bottom:34px}.footerTop{align-items:center;gap:12px;margin-bottom:24px;display:flex}.monogram{border:1px solid #bfc1bd;place-items:center;width:24px;height:24px;font-size:11px;font-weight:650;line-height:1;display:grid}.footerBrand{letter-spacing:.1em;font-size:12px;font-weight:700}.companyInfo{color:#6b6e72;flex-wrap:wrap;gap:7px 15px;font-size:10px;line-height:1.5;display:flex}.copy{color:#86898d;margin-top:18px;font-size:10px}.motion-ready [data-reveal]{opacity:0;transform:translateY(12px)}.motion-ready [data-reveal][data-visible=true]{opacity:1;transition:opacity .58s,transform .72s cubic-bezier(.22,.61,.36,1);transform:none}.motion-ready [data-draw] .rankLine{transform:scaleX(0)}.motion-ready [data-draw][data-visible=true] .rankLine{transition:transform .95s cubic-bezier(.22,.61,.36,1) .12s;transform:scaleX(1)}.motion-ready [data-draw] .rankDot{opacity:.2;transform:scale(.2)}.motion-ready [data-draw][data-visible=true] .rankDot{opacity:1;transition:transform .45s,opacity .45s;transform:scale(1)}.motion-ready [data-draw][data-visible=true] .rankPoint:nth-child(2) .rankDot{transition-delay:.1s}.motion-ready [data-draw][data-visible=true] .rankPoint:nth-child(3) .rankDot{transition-delay:.18s}.motion-ready [data-draw][data-visible=true] .rankPoint:nth-child(4) .rankDot{transition-delay:.26s}.motion-ready [data-draw][data-visible=true] .rankPoint:nth-child(5) .rankDot{transition-delay:.34s}.motion-ready [data-draw][data-visible=true] .rankPoint:nth-child(6) .rankDot{transition-delay:.42s}.motion-ready [data-draw][data-visible=true] .rankPoint:nth-child(7) .rankDot{transition-delay:.5s}@media (max-width:980px){.hero,.resultGrid{grid-template-columns:1fr;gap:48px}.hero{min-height:auto}.heroVisual{min-height:560px}.heroPrimary{left:40px}.intro,.suffle,.business,.evmaHead,.contact{grid-template-columns:190px 1fr;gap:48px}.milestoneGrid{grid-template-columns:repeat(2,1fr)}.milestoneGrid article:nth-child(2){border-right:0}.milestoneGrid article:nth-child(n+3){border-top:1px solid var(--line);padding-top:26px}.suffleContent{grid-template-columns:1fr}.archiveVisual{min-height:500px}.businessList article{grid-template-columns:210px 1fr}.evmaFeatureLine{grid-template-columns:repeat(2,1fr)}.evmaFeature:nth-child(2){border-right:0}.evmaFeature:nth-child(-n+2){border-bottom:1px solid var(--line)}.evmaFeature:nth-child(3){padding-left:0}}@media (max-width:720px){:root{--pad:22px}.header{height:58px}.header nav a:not(:last-child){display:none}.hero{padding-top:100px;padding-bottom:72px}.hero h1{letter-spacing:-.035em;font-size:30px;line-height:1.14}.hero h1 span{white-space:nowrap}.heroText p{font-size:16px}.heroVisual{min-height:500px}.heroPrimary{left:28px}.heroSecondary{border-width:8px;width:145px}.heroGraphic{width:86%;height:180px;top:-8px;right:-20px}.heroIndex{bottom:-24px}.intro,.suffle,.business,.evmaHead,.contact{grid-template-columns:1fr;gap:30px}.intro{padding-top:88px}.introCopy p{font-size:21px;line-height:1.55}.milestones{padding-bottom:92px}.milestoneGrid{grid-template-columns:1fr}.milestoneGrid article,.milestoneGrid article:not(:first-child){border-right:0;border-top:1px solid var(--line);min-height:auto;padding:24px 0}.milestoneGrid article:first-child{border-top:0}.historyTop{margin-bottom:18px}.resultGrid{padding-top:88px;padding-bottom:88px}.resultCopy h2{font-size:30px}.resultCopy h2 span{white-space:nowrap}.resultVisual figure{aspect-ratio:.92}.rankTimeline{grid-template-columns:repeat(3,1fr);row-gap:22px;padding-top:18px}.rankLine{display:none}.rankPoint{border-top:1px solid #c5c7c3;padding-top:11px}.rankDot{display:none}.suffle{padding-top:88px;padding-bottom:88px}.suffleContent .lead{font-size:23px}.archiveVisual{grid-template-columns:1fr 1fr;gap:8px;min-height:420px}.archiveMain{min-height:420px}.archiveStack{gap:8px}.archiveVisual figcaption{padding:7px;font-size:8px}.business{padding-top:88px;padding-bottom:88px}.businessList article{grid-template-columns:1fr;gap:13px}.visualBridge{height:120px}.bridgeGraphicSvg{height:100px}.evma{padding-top:88px;padding-bottom:88px}.evmaHead p{font-size:23px}.evmaFeatureLine{grid-template-columns:1fr 1fr;margin-top:42px}.evmaFeature{min-height:68px;padding:0 12px}.evmaFeature:first-child,.evmaFeature:nth-child(3){padding-left:0}.evmaFeature strong{font-size:12px}.productShowcase{margin-top:38px}.productPair{grid-template-columns:1fr;gap:16px}.contact{padding-top:74px;padding-bottom:74px}.companyInfo{gap:4px;display:grid}}@media (max-width:390px){.hero h1,.resultCopy h2{font-size:28px}.heroText p{font-size:15px}.archiveVisual{grid-template-columns:1fr;min-height:auto}.archiveMain{min-height:430px}.archiveStack{grid-template-rows:none;grid-template-columns:1fr 1fr}.archiveStack figure{min-height:230px}.evmaFeatureLine{grid-template-columns:1fr}.evmaFeature{padding-left:0;border-right:0!important;border-bottom:1px solid var(--line)!important}.evmaFeature:last-child{border-bottom:0!important}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.motion-ready [data-reveal]{opacity:1!important;transform:none!important}.motion-ready [data-draw] .rankLine{transform:none!important}.motion-ready [data-draw] .rankDot{opacity:1!important;transform:none!important}.heroPrimary img,.resultVisual img,.archiveVisual img{transition:none!important}}