@font-face{font-family:"Wanted Sans Variable";font-style:normal;font-display:swap;font-weight:100 1000;src:url("./wanted-009fc5afe2.woff2") format("woff2");}
:root{--navy:#080f24;--ink:#101a32;--blue:#2455f5;--blue-light:#a7bbff;--muted:#5d6574;--line:#dce0e7;--paper:#fff;--soft:#f6f7fa;--image:#f3f3f3;--max:1320px;--gutter:clamp(20px,4.5vw,72px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Wanted Sans Variable',Arial,sans-serif;font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4{font-weight:540;line-height:1.12;letter-spacing:-.045em;text-wrap:balance}p{word-break:keep-all;text-wrap:pretty}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{border:0}img{max-width:100%;display:block}::selection{background:#bed0ff;color:var(--navy)}:focus-visible{outline:3px solid var(--blue);outline-offset:6px}.container{width:min(var(--max),calc(100% - var(--gutter)*2));margin-inline:auto}.section{padding-block:112px}.section-soft{background:var(--soft)}.eyebrow{display:flex;align-items:center;gap:11px;font-size:13px;letter-spacing:.14em;font-weight:640;text-transform:uppercase;line-height:1.4;margin-bottom:28px}.eyebrow:before{content:'';height:7px;width:7px;flex:none;background:var(--blue)}.eyebrow.light{color:#b9c8ed}.eyebrow.light:before{background:#6f94ff}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:52px}.section-heading h2{font-size:clamp(36px,4vw,58px);max-width:850px}.section-heading .link{flex:none}.lede{font-size:clamp(19px,1.7vw,24px);line-height:1.7;color:var(--muted);max-width:740px}.body-copy{color:var(--muted);line-height:1.85}.link{display:inline-flex;align-items:center;gap:23px;min-height:44px;font-size:15px;font-weight:600;border-bottom:1px solid currentColor;padding-block:8px;line-height:1.4}.link:hover{color:var(--blue)}.arrow{display:inline-flex;width:22px;height:22px;flex:none;align-items:center;justify-content:center}.arrow svg{width:22px;height:22px;transition:transform .2s}.link:hover .arrow svg,.button:hover .arrow svg{transform:translateX(4px)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:54px;padding:16px 24px;background:var(--blue);color:#fff;font-size:15px;font-weight:600;line-height:1.4;transition:background .2s}.button:hover{background:#143bd4}.button.light{background:white;color:var(--ink)}.button.light:hover{background:#e4eaff}.button.outline{border:1px solid var(--line);background:none;color:var(--ink)}.button-row{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.skip{position:fixed;top:-100px;left:16px;z-index:100;background:#fff;color:var(--ink);padding:12px 20px}.skip:focus{top:8px}
.site-header{height:88px;background:#fff;position:sticky;top:0;z-index:30;border-bottom:1px solid #edf0f4}.header-inner{height:100%;display:flex;align-items:center;gap:32px}.brand{flex:none;display:block;width:170px}.brand img{width:170px;height:auto}.desktop-nav{display:flex;align-items:center;gap:26px;margin-left:auto;height:100%}.desktop-nav a{display:flex;align-items:center;height:100%;position:relative;font-size:14px;font-weight:560;white-space:nowrap}.desktop-nav a:after{position:absolute;content:'';bottom:-1px;left:0;width:100%;height:3px;background:var(--blue);transform:scaleX(0);transition:transform .2s}.desktop-nav a:hover:after,.desktop-nav a[aria-current=page]:after{transform:scaleX(1)}.languages{display:flex;align-items:center;gap:9px;flex:none;font-size:13px;line-height:1;margin-left:10px}.languages a{color:#656d7b;min-height:44px;display:inline-flex;align-items:center}.languages a.active{color:var(--blue);font-weight:650}.languages span{height:11px;width:1px;background:#d3d8e1}.menu-toggle{display:none;background:transparent;height:44px;width:44px;padding:10px;position:relative}.menu-toggle i{position:absolute;height:1.5px;background:var(--ink);left:10px;right:10px;top:17px;transition:transform .2s,top .2s}.menu-toggle i+i{top:25px}.menu-toggle[aria-expanded=true] i{top:21px;transform:rotate(45deg)}.menu-toggle[aria-expanded=true] i+i{transform:rotate(-45deg)}.mobile-menu{position:fixed;inset:88px 0 0;background:white;padding:32px var(--gutter);z-index:29;overflow:auto}.mobile-menu[hidden]{display:none}.mobile-menu nav{display:grid;gap:0}.mobile-menu nav a{font-size:clamp(23px,5vw,38px);padding:20px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.mobile-menu nav a[aria-current=page]{color:var(--blue)}.menu-foot{font-size:15px;margin-top:40px;color:var(--muted)}
.hero{display:grid;grid-template-columns:57% 43%;min-height:650px;background:var(--navy);color:white}.hero-content{padding:76px 55px 64px max(var(--gutter),calc((100vw - var(--max))/2));display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.hero h1{font-size:clamp(55px,5.9vw,88px);font-weight:510;line-height:1.04;letter-spacing:-.055em;max-width:720px;margin:5px 0 30px}.hero h1 .accent{color:#9eb7ff}.hero p{color:#c2cada;font-size:18px;max-width:490px;line-height:1.8;margin-bottom:34px}.hero .button-row .link{color:white;border-bottom-color:#536078}.hero .eyebrow{font-size:12px;letter-spacing:.11em;margin-bottom:25px;max-width:440px}.hero .media-slot{height:100%;min-height:480px;aspect-ratio:auto;border:none}.hero-band{background:var(--navy);color:#b9c3d8}.hero-band .container{border-top:1px solid #283045;display:flex;justify-content:space-between;padding-block:21px;font-size:13px;letter-spacing:.09em;text-transform:uppercase;gap:20px}.hero-band span:last-child{color:white}
.media-slot{position:relative;display:flex;justify-content:center;align-items:center;background:#f3f3f3;color:#727272;overflow:hidden;aspect-ratio:4/3;margin:0}.media-slot .slot-number{font-size:28px;line-height:1;font-weight:450;letter-spacing:0;min-width:60px;height:60px;display:grid;place-items:center;border:1px solid #d4d4d4}.media-slot img{height:100%;width:100%;object-fit:cover}.media-slot.wide{aspect-ratio:16/7}.media-slot.square{aspect-ratio:1}.media-slot.portrait{aspect-ratio:4/5}.media-slot.landscape{aspect-ratio:16/10}
.intro-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.intro-grid h2{font-size:clamp(36px,4vw,58px)}.intro-grid .lede{font-size:23px}.intro-grid .link{margin-top:30px}.location-line{display:flex;gap:40px;margin-top:38px;color:var(--ink);font-size:14px}.location-line span{display:flex;align-items:center;gap:12px}.location-line span:before{content:'+';color:var(--blue);font-size:18px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr)}.process-cell{border-top:1px solid #aeb8c8;border-right:1px solid var(--line);padding:28px 27px 10px 0;margin-right:27px}.process-cell:last-child{border-right:0;margin-right:0}.step-number{font-size:13px;letter-spacing:.08em;color:var(--blue);display:block;margin-bottom:42px}.process-cell h3{font-size:30px;margin-bottom:20px}.process-cell p{font-size:16px;color:var(--muted);line-height:1.8}.capability-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.capability-card{position:relative;display:block;padding:36px 40px 39px 0;border-bottom:1px solid var(--line);transition:background .2s}.capability-card:nth-child(odd){border-right:1px solid var(--line)}.capability-card:nth-child(even){padding-left:40px}.capability-card:hover{background:#f6f8fc}.capability-card h3{font-size:30px;margin:20px 0 16px}.capability-card p{max-width:440px;color:var(--muted);font-size:16px}.capability-card .arrow{position:absolute;right:24px;top:35px;color:var(--blue)}.small-label{font-size:13px;letter-spacing:.1em;color:var(--muted);text-transform:uppercase}.company-list{border-top:1px solid var(--line)}.company-row{display:grid;grid-template-columns:40px 1.2fr 1fr 30px;gap:28px;padding:29px 0;align-items:center;border-bottom:1px solid var(--line);transition:color .2s}.company-row:hover{color:var(--blue)}.company-row h3{font-size:23px;line-height:1.35;letter-spacing:-.025em}.company-row .row-meta{font-size:14px;color:var(--muted)}.company-row .row-meta span{display:block;color:#7c8492;font-size:13px;margin-top:6px}.company-row .row-number{font-size:13px;color:var(--blue)}.locations-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.location-info{display:flex;justify-content:space-between;gap:20px;margin-top:25px}.location-info h3{font-size:32px}.location-info p{font-size:14px;color:var(--muted);text-align:right;max-width:220px}.contact-strip{background:var(--blue);color:white;padding:74px 0}.contact-strip .container{display:flex;align-items:center;justify-content:space-between;gap:48px}.contact-strip h2{font-size:clamp(37px,4.4vw,64px);margin-bottom:18px}.contact-strip p{color:#e2eaff;max-width:650px;font-size:17px}.contact-strip .button{flex:none}
.page-head{padding:88px 0 78px;background:var(--navy);color:white}.page-head h1{font-size:clamp(49px,5.8vw,80px);max-width:1060px;margin-bottom:30px;font-weight:510}.page-head .lede{color:#bbc5d8;max-width:810px;font-size:21px}.page-head .eyebrow{margin-bottom:25px}.breadcrumb{display:flex;gap:14px;font-size:13px;color:var(--muted);padding-block:25px;border-bottom:1px solid var(--line)}.breadcrumb span{color:var(--ink)}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.story-grid h2{font-size:clamp(35px,3.6vw,52px);margin-bottom:27px}.story-grid p+p{margin-top:22px}.values-list{border-top:1px solid var(--line)}.value-row{display:grid;grid-template-columns:50px 1fr 1fr;gap:35px;padding:38px 0;border-bottom:1px solid var(--line)}.value-row h3{font-size:30px}.value-row p{font-size:17px;color:var(--muted)}.value-row>span{font-size:13px;color:var(--blue);padding-top:8px}.base-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.base{border-top:2px solid var(--blue);padding-top:28px}.base h3{font-size:33px;margin-bottom:18px}.base p{font-size:17px;color:var(--muted)}.base .small-label{display:block;margin-bottom:18px}.approach-feature{padding-top:0}.approach-feature .media-slot{aspect-ratio:21/7}.approach-list{border-top:1px solid var(--line)}.approach-row{display:grid;grid-template-columns:90px .85fr 1.25fr;gap:36px;border-bottom:1px solid var(--line);padding:50px 0}.approach-row .big-number{font-size:42px;font-weight:400;color:var(--blue);line-height:1.2}.approach-row h2{font-size:43px;margin-bottom:15px}.approach-row .step-sub{color:var(--ink);font-size:18px}.approach-row p{font-size:19px;color:var(--muted);line-height:1.85}.approach-row .step-output{border-top:1px solid var(--line);padding-top:19px;margin-top:28px;font-size:14px;color:var(--ink)}.next-links{display:flex;gap:36px;flex-wrap:wrap;margin-top:45px}.companies-overview{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.companies-overview h2{font-size:43px;margin-bottom:24px}.company-jump{margin-top:26px;display:flex;flex-direction:column}.company-jump a{border-bottom:1px solid var(--line);padding:14px 0;font-size:15px;display:flex;justify-content:space-between;gap:12px}.company-jump a:hover{color:var(--blue)}.company-detail{padding-block:70px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:70px;scroll-margin-top:108px}.company-detail h2{font-size:clamp(29px,3vw,43px);line-height:1.28;margin-bottom:23px;word-break:keep-all;overflow-wrap:anywhere}.company-detail .company-location{font-size:14px;color:var(--blue);margin-bottom:22px}.company-detail .role{font-size:15px;color:var(--muted)}.company-detail h3{font-size:30px;margin-bottom:26px;line-height:1.3}.company-detail .body-copy{font-size:18px}.company-detail .link{margin-top:24px}.capability-detail{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding-block:76px;border-bottom:1px solid var(--line);scroll-margin-top:100px}.capability-detail:first-child{padding-top:0}.capability-detail:nth-child(even) .media-slot{order:2}.capability-detail h2{font-size:clamp(34px,3.7vw,52px);margin-bottom:25px}.capability-detail p{font-size:18px;color:var(--muted)}.capability-detail .related{margin-top:33px;padding-top:23px;border-top:1px solid var(--line)}.related .small-label{margin-bottom:13px;display:block}.related a{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:15px;line-height:1.6;min-height:44px}.related a:hover{color:var(--blue)}
.contact-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:100px}.contact-intro h2{font-size:38px;margin-bottom:23px}.contact-intro p{color:var(--muted);font-size:17px}.contact-intro .language-note{font-size:14px;margin-top:35px;border-top:1px solid var(--line);padding-top:20px;color:var(--ink)}.contact-item{padding:0 0 35px;border-bottom:1px solid var(--line);margin-bottom:34px}.contact-item h2{font-size:26px;margin-bottom:12px;letter-spacing:-.02em}.contact-item p{font-size:16px;color:var(--muted);margin-bottom:22px}.email-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.email-row>a{font-size:clamp(24px,3vw,39px);letter-spacing:-.025em;line-height:1.3}.email-row>a:hover{color:var(--blue)}.copy-button{background:var(--soft);height:44px;width:44px;display:grid;place-items:center;flex:none;border:1px solid var(--line);transition:background .2s}.copy-button:hover{background:#e8edfb}.copy-button svg{height:18px;width:18px}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:var(--navy);color:#fff;padding:14px 25px;max-width:calc(100% - 32px);text-align:center;z-index:60;box-shadow:0 8px 25px #080f241a;font-size:15px}.toast:empty{display:none}
.site-footer{padding-top:64px;background:white}.footer-main{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding-bottom:54px}.footer-brand{width:190px;margin-bottom:26px}.footer-tag{font-size:16px;color:var(--muted);max-width:360px}.footer-right{display:flex;justify-content:flex-end;gap:70px}.footer-nav{display:grid;align-content:start;gap:11px;font-size:14px}.footer-nav a:hover{color:var(--blue)}.footer-connect .small-label{margin-bottom:18px;display:block}.footer-connect>a{font-size:17px}.footer-connect .languages{margin:16px 0 0}.footer-bottom{padding:25px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:22px;font-size:12px;color:#707889}.footer-bottom .top-link{font-size:13px;min-height:44px;display:flex;align-items:center;gap:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.error-page{min-height:70vh;padding-block:100px}.error-page h1{font-size:80px;margin-bottom:28px}.error-page p{margin-bottom:32px;color:var(--muted)}
html[lang=ko] h1,html[lang=ko] h2,html[lang=ko] h3{letter-spacing:-.055em;word-break:keep-all}html[lang=ko] .eyebrow{letter-spacing:.015em;font-size:14px}html[lang=ko] .hero h1{font-size:clamp(50px,5.2vw,76px);line-height:1.2}html[lang=ko] .hero-band .container{letter-spacing:.01em}html[lang=ko] .company-row h3{font-size:21px}html[lang=ko] .small-label{letter-spacing:0}html[lang=ko] .page-head h1{font-size:clamp(42px,5.2vw,72px);line-height:1.25}
@media(min-width:1800px){.hero-content{padding-left:calc((100vw - var(--max))/2)}.hero h1{font-size:88px}.hero{min-height:720px}}
@media(max-width:1199px){.desktop-nav{gap:17px}.desktop-nav a{font-size:13px}.header-inner{gap:20px}.brand,.brand img{width:145px}.languages{margin-left:0}.hero{min-height:600px;grid-template-columns:58% 42%}.hero-content{padding-right:32px}.hero h1{font-size:68px}.section{padding-block:86px}.intro-grid,.story-grid,.company-detail,.capability-detail{gap:44px}.contact-layout{gap:55px}.footer-right{gap:40px}.company-row{gap:20px;grid-template-columns:26px 1.2fr 1fr 24px}.hero p{font-size:17px}}
@media(max-width:1023px){.desktop-nav{display:none}.header-inner{gap:16px}.languages{margin-left:auto}.menu-toggle{display:block}.process-grid{grid-template-columns:1fr 1fr;gap:35px}.process-cell{margin-right:0;padding-right:30px}.process-cell:nth-child(2){border-right:0}.intro-grid{grid-template-columns:1fr;gap:32px}.intro-grid .lede{max-width:800px}.hero h1{font-size:60px}.hero .button-row{gap:17px}.hero .button{gap:20px;padding:15px 20px}.hero .link{font-size:14px;gap:12px}.hero-band .container{font-size:12px}.section-heading{align-items:flex-start}.section-heading h2{font-size:44px}.company-row{grid-template-columns:25px 1.4fr 1fr 22px}.company-row h3{font-size:21px}.locations-grid{gap:24px}.location-info{display:block}.location-info p{text-align:left;margin-top:12px}.page-head{padding-block:70px}.page-head h1{font-size:62px}.value-row{grid-template-columns:35px .8fr 1.2fr;gap:24px}.value-row h3{font-size:26px}.approach-row{grid-template-columns:60px .8fr 1.2fr;gap:25px}.companies-overview{gap:40px}.company-detail h3{font-size:26px}.footer-main{grid-template-columns:.8fr 1.2fr}.footer-right{gap:35px}}
@media(max-width:767px){:root{--gutter:24px}body{font-size:16px}.site-header{height:70px}.brand,.brand img{width:137px}.header-inner{gap:8px}.languages{font-size:12px;gap:8px}.menu-toggle{width:36px;padding:6px}.menu-toggle i{left:7px;right:7px}.mobile-menu{top:70px}.hero{display:flex;flex-direction:column;min-height:0}.hero-content{padding:56px var(--gutter) 47px}.hero h1{font-size:clamp(50px,10vw,70px);max-width:620px;margin-bottom:25px}.hero .eyebrow{font-size:11px;max-width:340px;line-height:1.7;margin-bottom:20px}.hero p{font-size:16px;line-height:1.8;margin-bottom:28px;max-width:550px}.hero .button-row{gap:25px}.hero .media-slot{min-height:0;height:auto;aspect-ratio:16/10;width:100%}.hero-band .container{padding-block:20px;flex-direction:column;gap:5px;font-size:11px}.hero-band span:last-child{font-size:12px}.section{padding-block:65px}.section-heading{display:block;margin-bottom:36px}.section-heading h2{font-size:36px}.section-heading>.link{margin-top:21px}.eyebrow{font-size:12px;margin-bottom:21px}.intro-grid h2{font-size:37px}.intro-grid .lede{font-size:20px}.intro-grid{gap:25px}.location-line{gap:28px;margin-top:27px;font-size:13px}.process-grid{grid-template-columns:1fr;gap:0}.process-cell{display:grid;grid-template-columns:38px 1fr;column-gap:18px;border-right:0;padding:27px 0;border-color:var(--line)}.process-cell .step-number{grid-row:1/3;margin:8px 0 0}.process-cell h3{font-size:29px;margin-bottom:14px}.process-cell p{font-size:16px;grid-column:2}.capability-grid{grid-template-columns:1fr}.capability-card,.capability-card:nth-child(even){padding:28px 24px 29px 0}.capability-card:nth-child(odd){border-right:0}.capability-card h3{font-size:29px;margin:18px 0 14px}.capability-card .arrow{right:0;top:28px}.company-row{grid-template-columns:22px 1fr 22px;gap:14px;padding:24px 0}.company-row .row-meta{grid-column:2;grid-row:2;font-size:13px;line-height:1.7}.company-row .row-meta span{display:inline;font-size:12px}.company-row .row-meta span:before{content:' · '}.company-row .arrow{grid-column:3;grid-row:1/3;align-self:center}.company-row h3{font-size:21px}.company-row .row-number{align-self:start;margin-top:3px}.locations-grid{grid-template-columns:1fr;gap:43px}.location-info{display:flex}.location-info h3{font-size:29px}.location-info p{text-align:right;margin-top:0;font-size:13px;max-width:180px}.contact-strip{padding:54px 0}.contact-strip .container{display:block}.contact-strip h2{font-size:40px}.contact-strip p{font-size:16px}.contact-strip .button{margin-top:28px}.page-head{padding:55px 0 52px}.page-head h1{font-size:46px;line-height:1.12;margin-bottom:24px}.page-head .lede{font-size:18px}.breadcrumb{font-size:12px;padding-block:19px}.story-grid{grid-template-columns:1fr;gap:36px}.story-grid h2{font-size:36px}.story-grid .portrait{aspect-ratio:4/3}.values-list .value-row{grid-template-columns:28px 1fr;gap:17px;padding:30px 0}.value-row p{grid-column:2;font-size:16px}.value-row h3{font-size:28px}.base-grid{grid-template-columns:1fr;gap:37px}.base h3{font-size:30px}.base p{font-size:16px}.approach-feature{padding-top:0}.approach-feature .media-slot{aspect-ratio:16/9}.approach-row{grid-template-columns:40px 1fr;gap:20px;padding-block:34px}.approach-row .big-number{font-size:27px;margin-top:7px}.approach-row h2{font-size:35px}.approach-row .step-sub{font-size:17px}.approach-row .step-body{grid-column:2}.approach-row p{font-size:17px}.next-links{gap:25px}.companies-overview{grid-template-columns:1fr;gap:35px}.companies-overview h2{font-size:36px}.companies-overview .media-slot{aspect-ratio:16/10}.company-detail{grid-template-columns:1fr;gap:30px;padding-block:44px}.company-detail h2{font-size:31px;margin-bottom:15px}.company-detail h3{font-size:27px;line-height:1.4}.company-detail .body-copy{font-size:17px}.company-detail .company-location{margin-bottom:18px}.capability-detail{grid-template-columns:1fr;gap:32px;padding-block:49px}.capability-detail:nth-child(even) .media-slot{order:0}.capability-detail h2{font-size:35px}.capability-detail p{font-size:17px}.contact-layout{grid-template-columns:1fr;gap:40px}.contact-intro h2{font-size:34px}.contact-intro .language-note{margin-top:24px}.contact-item h2{font-size:24px}.email-row>a{font-size:clamp(23px,6.5vw,33px)}.footer-main{grid-template-columns:1fr;gap:35px}.footer-right{justify-content:space-between;gap:28px}.footer-brand{width:170px}.footer-tag{font-size:15px}.site-footer{padding-top:46px}.footer-main{padding-bottom:35px}.footer-connect>a{font-size:15px}.footer-connect .languages{margin-top:14px}.footer-bottom{align-items:flex-start;font-size:11px;gap:15px}.footer-bottom .top-link{font-size:12px;min-width:55px}.footer-nav{font-size:13px}.small-label{font-size:12px}html[lang=ko] .hero h1{font-size:clamp(42px,9vw,63px);line-height:1.23}html[lang=ko] .page-head h1{font-size:40px}html[lang=ko] .company-row h3{font-size:20px}html[lang=ko] .eyebrow{font-size:13px}}
@media(max-width:374px){:root{--gutter:17px}.brand,.brand img{width:114px}.header-inner{gap:5px}.languages{font-size:11px;gap:6px}.hero h1{font-size:47px}.hero .button-row{gap:17px}.hero .button{font-size:14px}.location-info{display:block}.location-info p{text-align:left;margin-top:12px}.footer-right{flex-direction:column;gap:30px}.footer-nav{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column}.email-row>a{font-size:24px}.contact-item h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media print{.site-header,.contact-strip,.site-footer,.button-row,.breadcrumb{display:none}.section{padding-block:35px}.page-head,.hero{background:white;color:black}.hero p,.page-head .lede{color:#444}.hero-band{display:none}.media-slot{break-inside:avoid}.company-detail{break-inside:avoid}}
:root {
--ink: #172238;
--navy: #111d32;
--blue: #315de3;
--muted: #6c7380;
--line: #e7e9ed;
--soft: #fafbfc;
--max: 1280px;
--gutter: clamp(24px, 4.8vw, 76px);
}
body { line-height: 1.8; }
h1, h2, h3, h4 { font-weight: 520; letter-spacing: -.035em; line-height: 1.17; }
html[lang=ko] h1, html[lang=ko] h2, html[lang=ko] h3 { letter-spacing: -.04em; line-height: 1.35; }
.section { padding-block: 102px; }
.eyebrow { font-size: 12px; font-weight: 550; letter-spacing: .12em; color: var(--blue); margin-bottom: 25px; }
.eyebrow:before { width: 18px; height: 1px; }
.section-heading { margin-bottom: 43px; }
.section-heading h2 { font-size: clamp(34px, 3.45vw, 49px); line-height: 1.22; }
.lede { font-weight: 400; }
.link { border: 0; font-size: 14px; gap: 17px; font-weight: 500; }
.link .arrow { width: 28px; height: 28px; }
.button { min-height: 48px; padding: 13px 22px; border-radius: 4px; font-weight: 500; font-size: 14px; gap: 24px; }
.arrow svg { width: 19px; height: 19px; }
.site-header { height: 82px; border-bottom-color: transparent; }
.brand, .brand img { width: 145px; }
.desktop-nav { gap: 28px; }
.desktop-nav a { font-size: 14px; font-weight: 470; }
.desktop-nav a:after { height: 1px; bottom: 16px; }
.languages { font-size: 12px; margin-left: 22px; gap: 11px; }
.languages a.active { font-weight: 560; }
.hero {
width: min(var(--max), calc(100% - var(--gutter)*2));
margin: 38px auto 0;
display: grid;
grid-template-columns: 1.06fr 1fr;
gap: 52px;
min-height: 550px;
background: white;
color: var(--ink);
}
.hero-content { padding: 34px 0 47px; justify-content: center; }
.hero .eyebrow { color: var(--blue); font-size: 11px; letter-spacing: .075em; max-width: 420px; line-height: 1.6; margin-bottom: 29px; }
.hero .eyebrow:before { background: var(--blue); }
.hero h1 { font-size: clamp(54px, 5.25vw, 76px); font-weight: 520; line-height: 1.06; letter-spacing: -.043em; margin: 0 0 30px; }
.hero h1 .accent { color: var(--blue); }
.hero p { color: var(--muted); font-size: 17px; line-height: 1.85; max-width: 465px; margin-bottom: 31px; }
.hero .button-row { gap: 24px; }
.hero .button-row .link { color: var(--ink); }
.hero .media-slot { min-height: 550px; border-radius: 9px; }
.hero-band { background: white; color: #7a808c; }
.hero-band .container { border-color: var(--line); margin-top: 37px; padding-block: 22px; text-transform: none; font-size: 13px; letter-spacing: .015em; }
.hero-band span:last-child { color: var(--muted); }
.media-slot { background: #f3f3f3; border-radius: 6px; }
.media-slot .slot-number { min-width: 44px; height: 44px; border: 1px solid #d9d9d9; border-radius: 50%; font-size: 20px; font-weight: 450; color: #787878; }
.intro-grid { grid-template-columns: .9fr 1.1fr; gap: 100px; }
.intro-grid h2 { font-size: clamp(35px, 3.5vw, 50px); }
.intro-grid .lede { font-size: 21px; line-height: 1.85; }
.location-line { gap: 28px; margin-top: 28px; font-size: 13px; }
.location-line span:before { content: ''; width: 4px; height: 4px; border-radius: 50%; background: #a5acb9; }
.intro-grid .link { margin-top: 19px; }
.process-grid { gap: 36px; }
.process-cell { border-top: 1px solid #d7dce5; border-right: 0; margin-right: 0; padding: 22px 0 0; }
.step-number { color: #8d95a3; margin-bottom: 34px; font-size: 12px; }
.process-cell h3 { font-size: 27px; font-weight: 510; margin-bottom: 17px; }
.process-cell p { font-size: 15px; line-height: 1.9; }
.capability-grid { gap: 0 56px; }
.capability-card, .capability-card:nth-child(even) { padding: 31px 32px 33px 0; }
.capability-card:nth-child(odd) { border-right: 0; }
.capability-card:hover { background: transparent; }
.capability-card:hover h3 { color: var(--blue); }
.capability-card h3 { font-size: 28px; font-weight: 510; margin: 15px 0 14px; transition: color .2s; }
.capability-card p { font-size: 16px; max-width: 455px; }
.capability-card .arrow { right: 0; top: 27px; color: #7d8a9e; }
.small-label { font-size: 12px; letter-spacing: .07em; }
.company-row { padding: 29px 0; gap: 24px; }
.company-row h3 { font-size: 21px; font-weight: 500; line-height: 1.5; }
.company-row .row-number { color: #8d95a3; font-size: 12px; }
.company-row .row-meta { font-size: 13px; }
.company-row .row-meta span { font-size: 12px; }
.company-row .arrow { color: #7d8a9e; }
.locations-grid { gap: 35px; }
.location-info { margin-top: 23px; }
.location-info h3 { font-size: 28px; }
.location-info p { font-size: 13px; }
.contact-strip { padding: 75px 0; background: white; color: var(--ink); border-top: 1px solid var(--line); }
.contact-strip h2 { font-size: clamp(35px, 3.8vw, 53px); margin-bottom: 16px; }
.contact-strip p { color: var(--muted); font-size: 16px; }
.contact-strip .button.light { background: var(--navy); color: white; }
.contact-strip .button.light:hover { background: var(--blue); }
.page-head { background: white; color: var(--ink); padding: 67px 0 57px; }
.page-head .container { display: grid; grid-template-columns: 1.25fr 1fr; gap: 9px 70px; align-items: end; }
.page-head .eyebrow { grid-column: 1/-1; color: var(--blue); margin-bottom: 18px; }
.page-head .eyebrow:before { background: var(--blue); }
.page-head h1 { font-size: clamp(45px, 4.5vw, 65px); font-weight: 520; line-height: 1.13; letter-spacing: -.04em; margin: 0; }
.page-head .lede { font-size: 18px; line-height: 1.9; color: var(--muted); max-width: 460px; padding-bottom: 5px; }
.breadcrumb { padding-block: 19px; font-size: 12px; border-top: 1px solid var(--line); border-bottom: 0; color: #9298a3; }
.story-grid { gap: 85px; }
.story-grid h2 { font-size: 42px; }
.story-grid .body-copy { font-size: 16px; }
.value-row { grid-template-columns: 40px 1fr 1fr; padding-block: 35px; }
.value-row h3 { font-size: 27px; }
.value-row p { font-size: 16px; }
.value-row>span { color: #8d95a3; }
.base { border-top: 1px solid #ccd3df; padding-top: 24px; }
.base h3 { font-size: 29px; }
.base p { font-size: 16px; }
.approach-row { padding-block: 44px; grid-template-columns: 65px .85fr 1.25fr; gap: 34px; }
.approach-row .big-number { font-size: 26px; color: #8d95a3; padding-top: 6px; }
.approach-row h2 { font-size: 36px; }
.approach-row p { font-size: 17px; line-height: 1.95; }
.approach-row .step-sub { font-size: 16px; }
.approach-row .step-output { border: 0; font-size: 13px; padding-top: 0; margin-top: 20px; color: #7a828f; }
.companies-overview { gap: 80px; }
.companies-overview h2 { font-size: 38px; }
.company-jump a { font-size: 14px; padding-block: 13px; }
.company-detail { gap: 90px; padding-block: 62px; }
.company-detail h2 { font-size: clamp(28px, 2.75vw, 37px); font-weight: 500; line-height: 1.4; }
.company-detail h3 { font-size: 27px; line-height: 1.45; margin-bottom: 20px; }
.company-detail .body-copy { font-size: 16px; line-height: 1.95; }
.company-detail .role { font-size: 14px; }
.company-detail .company-location { font-size: 12px; letter-spacing: .04em; }
.capability-detail { gap: 78px; padding-block: 68px; }
.capability-detail h2 { font-size: 40px; }
.capability-detail p { font-size: 17px; }
.related a { font-size: 14px; }
.contact-intro h2 { font-size: 34px; }
.contact-item h2 { font-size: 24px; }
.email-row>a { font-size: clamp(25px, 2.7vw, 35px); }
.copy-button { border-radius: 50%; background: white; }
.site-footer { border-top: 1px solid var(--line); padding-top: 54px; }
.footer-brand { width: 156px; }
.footer-tag { font-size: 15px; }
.footer-main { padding-bottom: 38px; }
.footer-bottom { padding-block: 18px; }
html[lang=ko] .hero h1 { font-size: clamp(44px, 4.65vw, 67px); line-height: 1.27; letter-spacing: -.045em; }
html[lang=ko] .hero .eyebrow { font-size: 13px; letter-spacing: .01em; }
html[lang=ko] .page-head h1 { font-size: clamp(39px, 4.2vw, 59px); line-height: 1.34; }
html[lang=ko] .company-row h3 { font-size: 20px; }
@media(min-width:1800px) {
.hero-content { padding-left: 0; }
.hero h1 { font-size: 76px; }
.hero { min-height: 550px; }
}
@media(max-width:1199px) {
.hero { gap: 35px; min-height: 505px; }
.hero .media-slot { min-height: 505px; }
.hero h1 { font-size: 61px; }
.hero-content { padding-right: 0; }
.desktop-nav { gap: 21px; }
.desktop-nav a { font-size: 13px; }
.languages { margin-left: 5px; }
.intro-grid { gap: 60px; }
.section { padding-block: 82px; }
.page-head .container { gap: 12px 45px; }
.page-head h1 { font-size: 53px; }
.story-grid,.companies-overview,.company-detail,.capability-detail { gap: 48px; }
}
@media(max-width:1023px) {
.languages { margin-left: auto; }
.mobile-menu { top: 82px; }
.hero { gap: 29px; }
.hero h1 { font-size: 54px; }
.hero .eyebrow { font-size: 10px; }
.hero p { font-size: 16px; }
.hero .button-row { gap: 15px; }
.hero .button { padding: 12px 17px; gap: 14px; }
.hero .link { font-size: 13px; gap: 10px; }
.intro-grid { grid-template-columns: 1fr; gap: 28px; }
.intro-grid .lede { max-width: 760px; }
.process-grid { gap: 36px; }
.section-heading h2 { font-size: 39px; }
.page-head .container { grid-template-columns: 1fr; gap: 15px; }
.page-head .lede { max-width: 750px; font-size: 18px; }
.page-head h1 { font-size: 58px; }
.company-row h3 { font-size: 19px; }
.capability-grid { column-gap: 35px; }
.location-info p { margin-top: 8px; }
}
@media(max-width:767px) {
:root { --gutter: 24px; }
.site-header { height: 72px; }
.brand,.brand img { width: 128px; }
.languages { font-size: 12px; gap: 9px; }
.menu-toggle { width: 44px; }
.mobile-menu { top: 72px; }
.hero { display: flex; flex-direction: column; margin-top: 12px; gap: 28px; min-height: 0; }
.hero-content { padding: 30px 0 0; }
.hero .eyebrow { font-size: 11px; margin-bottom: 24px; max-width: 340px; }
.hero h1 { font-size: clamp(48px, 9.9vw, 69px); line-height: 1.08; margin-bottom: 24px; letter-spacing: -.04em; }
.hero p { font-size: 16px; max-width: 540px; margin-bottom: 23px; }
.hero .button-row { gap: 24px; }
.hero .button { min-height: 46px; padding: 12px 19px; font-size: 14px; }
.hero .link { font-size: 14px; }
.hero .media-slot { min-height: 0; height: auto; aspect-ratio: 16/10; border-radius: 6px; }
.hero-band .container { margin-top: 27px; padding-block: 18px; gap: 5px; font-size: 12px; }
.section { padding-block: 64px; }
.section-heading { margin-bottom: 32px; }
.section-heading h2,.intro-grid h2 { font-size: 34px; }
.section-heading>.link { margin-top: 15px; }
.eyebrow { font-size: 12px; margin-bottom: 20px; }
.intro-grid .lede { font-size: 19px; }
.process-grid { gap: 0; }
.process-cell { padding-block: 24px; }
.process-cell h3 { font-size: 26px; }
.process-cell p { font-size: 16px; }
.process-cell .step-number { margin-top: 5px; }
.capability-grid { gap: 0; }
.capability-card,.capability-card:nth-child(even) { padding: 25px 24px 27px 0; }
.capability-card h3 { font-size: 27px; }
.company-row { grid-template-columns: 20px 1fr 20px; gap: 12px; padding-block: 22px; }
.company-row h3 { font-size: 19px; }
.company-row .row-meta { font-size: 13px; }
.company-row .row-meta span { display: block; font-size: 12px; }
.company-row .row-meta span:before { content: ''; }
.locations-grid { gap: 34px; }
.location-info h3 { font-size: 26px; }
.location-info p { margin-top: 0; }
.contact-strip { padding-block: 54px; }
.contact-strip h2 { font-size: 35px; }
.contact-strip .button { margin-top: 25px; }
.page-head { padding: 42px 0 36px; }
.page-head .container { display: block; }
.page-head .eyebrow { margin-bottom: 21px; }
.page-head h1 { font-size: 44px; line-height: 1.16; margin-bottom: 24px; }
.page-head .lede { font-size: 17px; line-height: 1.85; }
.breadcrumb { padding-block: 15px; font-size: 12px; }
.story-grid,.companies-overview,.company-detail,.capability-detail { gap: 30px; }
.story-grid h2,.companies-overview h2 { font-size: 32px; }
.value-row { padding-block: 29px; }
.value-row h3 { font-size: 25px; }
.base h3 { font-size: 28px; }
.approach-row { grid-template-columns: 30px 1fr; gap: 18px; padding-block: 31px; }
.approach-row h2 { font-size: 31px; }
.approach-row .big-number { font-size: 21px; padding-top: 1px; }
.approach-row p { font-size: 16px; }
.company-detail { padding-block: 42px; }
.company-detail h2 { font-size: 29px; }
.company-detail h3 { font-size: 24px; }
.company-detail .body-copy { font-size: 16px; }
.capability-detail { padding-block: 46px; }
.capability-detail h2 { font-size: 32px; }
.capability-detail p { font-size: 16px; }
.contact-intro h2 { font-size: 31px; }
.contact-item h2 { font-size: 23px; }
.email-row>a { font-size: clamp(24px, 6.5vw, 32px); }
.site-footer { padding-top: 42px; }
.footer-brand { width: 145px; }
.footer-bottom { font-size: 12px; }
.footer-nav { font-size: 14px; }
html[lang=ko] .hero h1 { font-size: clamp(41px, 8.8vw, 60px); line-height: 1.3; }
html[lang=ko] .page-head h1 { font-size: 37px; line-height: 1.4; }
html[lang=ko] .company-row h3 { font-size: 19px; }
}
@media(max-width:374px) {
:root { --gutter: 18px; }
.brand,.brand img { width: 114px; }
.languages { font-size: 11px; gap: 7px; }
.hero h1 { font-size: 45px; }
.hero .button-row { gap: 16px; }
.hero .button { padding-inline: 15px; }
.hero .link { font-size: 13px; }
.location-info p { margin-top: 10px; }
html[lang=ko] .hero h1 { font-size: 38px; }
}
@media print {
.hero { display: block; }
.hero-content { padding: 0; }
.hero .media-slot { min-height: 0; }
}
:root { --ink: #1d2430; --muted: #727780; --line: #e5e7eb; --soft: #fff; }
body { font-size: 16px; font-weight: 430; }
h1,h2,h3,h4 { font-weight: 470; letter-spacing: -.025em; }
html[lang=ko] h1,html[lang=ko] h2,html[lang=ko] h3 { letter-spacing: -.035em; }
.site-header { height: 90px; }
.brand,.brand img { width: 139px; }
.desktop-nav { gap: 31px; }
.desktop-nav a { font-weight: 450; }
.desktop-nav a:after { bottom: 22px; background: var(--ink); }
.languages a.active { color: var(--ink); font-weight: 600; }
.link { font-size: 14px; font-weight: 480; gap: 24px; }
.link .arrow { width: 22px; }
.eyebrow:before { display: none; }
.eyebrow { text-transform: none; letter-spacing: 0; color: var(--muted); }
.media-slot { border-radius: 0; background: #f3f3f3; }
.media-slot .slot-number { border: 0; border-radius: 0; font-size: 22px; color: #858585; font-weight: 400; }
.editorial-hero { margin-top: 34px; }
.hero-topline { display: flex; justify-content: space-between; font-size: 13px; color: var(--muted); letter-spacing: .02em; margin-bottom: 33px; }
.hero-lead { display: grid; grid-template-columns: 1.7fr 1fr; gap: 70px; align-items: end; margin-bottom: 54px; }
.hero-lead h1 { font-size: clamp(46px, 5vw, 72px); font-weight: 460; letter-spacing: -.035em; line-height: 1.12; text-wrap: initial; }
.hero-lead h1 .accent { color: inherit; }
.hero-lead>div { max-width: 360px; padding-bottom: 3px; }
.hero-lead p { font-size: 16px; color: var(--muted); line-height: 1.9; margin-bottom: 19px; }
.editorial-hero .hero-image { aspect-ratio: 2.9; }
.section { padding-block: 110px; }
.editorial-intro { display: grid; grid-template-columns: .7fr 1.7fr; gap: 95px; }
.editorial-intro>h2,.model-story>h2,.capability-index>h2 { font-size: 15px; font-weight: 480; letter-spacing: 0; line-height: 1.6; }
.statement { font-size: clamp(26px, 2.65vw, 37px); line-height: 1.55; letter-spacing: -.02em; font-weight: 450; max-width: 900px; }
.editorial-intro .body-copy { max-width: 690px; margin-top: 25px; font-size: 16px; line-height: 1.9; }
.group-section { padding-top: 24px; padding-bottom: 78px; }
.editorial-section-head { display: flex; align-items: center; justify-content: space-between; gap: 25px; margin-bottom: 22px; }
.editorial-section-head h2 { font-size: 25px; font-weight: 480; }
.editorial-section-head>p { font-size: 14px; color: var(--muted); }
.company-row { display: grid; grid-template-columns: 1.35fr 1fr 24px; gap: 50px; padding-block: 30px; }
.company-row h3 { font-size: 21px; font-weight: 450; line-height: 1.45; }
.company-row .row-meta { font-size: 14px; color: var(--muted); }
.company-row .row-meta span { font-size: 12px; margin-top: 6px; color: #92969e; }
.company-row .arrow { color: #8c929a; }
.company-row:hover h3 { color: var(--blue); }
.operating-model { display: grid; grid-template-columns: 1.4fr 1fr; gap: 120px; border-top: 1px solid var(--line); padding-top: 64px; }
.model-story .statement { margin-top: 28px; font-size: 29px; line-height: 1.65; max-width: 600px; }
.process-inline { display: flex; align-items: center; flex-wrap: wrap; gap: 16px 22px; margin-top: 29px; margin-bottom: 18px; font-size: 14px; color: var(--muted); }
.process-inline span:not(:last-child):after { content: '/'; margin-left: 22px; color: #c4c8ce; }
.capability-index>h2 { margin-bottom: 24px; }
.capability-index>a { display: flex; justify-content: space-between; align-items: center; gap: 20px; border-bottom: 1px solid var(--line); min-height: 66px; font-size: 19px; font-weight: 450; }
.capability-index>a .arrow { color: #8c929a; }
.capability-index>a:hover { color: var(--blue); }
.presence-section { padding-top: 22px; }
.locations-grid { grid-template-columns: 1.12fr 1fr; gap: 58px; align-items: start; }
.locations-grid>article:nth-child(2) { padding-top: 72px; }
.locations-grid .media-slot { aspect-ratio: 1.65; }
.location-info h3 { font-size: 25px; font-weight: 450; }
.location-info p { font-size: 13px; }
.page-head { padding-top: 77px; padding-bottom: 0; }
.page-head .container { grid-template-columns: 1.2fr 1fr; gap: 75px; border-bottom: 1px solid var(--line); padding-bottom: 60px; }
.page-head h1 { font-size: clamp(42px, 4.6vw, 66px); font-weight: 450; letter-spacing: -.035em; }
.page-head .lede { font-size: 17px; max-width: 505px; padding: 0; }
.section-heading h2 { font-size: 26px; font-weight: 470; }
.story-grid { grid-template-columns: 1fr 1.05fr; gap: 104px; }
.story-grid h2 { font-size: 33px; line-height: 1.45; margin-bottom: 31px; }
.story-grid .media-slot { aspect-ratio: 1; }
.value-row { grid-template-columns: 1fr 1.2fr; gap: 60px; padding-block: 35px; }
.value-row h3 { font-size: 24px; }
.base-grid { gap: 100px; }
.base { border-top-color: var(--line); }
.base h3 { font-size: 27px; }
.approach-row { grid-template-columns: 40px 1fr 1.35fr; gap: 38px; padding-block: 45px; }
.approach-row .big-number { font-size: 14px; color: #979ca5; font-weight: 400; }
.approach-row h2 { font-size: 31px; font-weight: 450; }
.approach-row .step-sub { font-size: 15px; color: var(--muted); }
.approach-row .step-output { font-size: 13px; }
.companies-overview { grid-template-columns: 1.1fr 1fr; gap: 100px; }
.companies-overview h2 { font-size: 28px; }
.company-jump a { font-size: 14px; }
.company-detail { grid-template-columns: 1fr 1.1fr; gap: 95px; padding-block: 60px; }
.company-detail h2 { font-size: 30px; font-weight: 450; }
.company-detail .company-location { color: var(--muted); letter-spacing: 0; font-size: 13px; margin-bottom: 18px; }
.company-detail .body-copy { font-size: 17px; line-height: 1.95; }
.company-detail .role { font-size: 14px; }
.capability-detail { gap: 100px; padding-block: 74px; }
.capability-detail h2 { font-size: 34px; font-weight: 450; }
.capability-detail .related { margin-top: 32px; }
.related .small-label { text-transform: none; letter-spacing: 0; color: #898e97; }
.contact-layout { grid-template-columns: .8fr 1.3fr; gap: 110px; }
.contact-intro h2 { font-size: 27px; }
.contact-item h2 { font-size: 22px; }
.contact-item .small-label { text-transform: none; letter-spacing: 0; }
.email-row>a { font-size: 31px; font-weight: 430; }
.copy-button { border: 0; border-radius: 0; background: none; color: var(--muted); }
.site-footer { padding-top: 50px; }
.footer-main { grid-template-columns: 1fr 1.4fr; padding-bottom: 45px; }
.footer-brand { width: 139px; margin-bottom: 23px; }
.footer-tag { font-size: 13px; letter-spacing: .02em; }
.footer-right { gap: 86px; }
.footer-connect .small-label { text-transform: none; letter-spacing: 0; }
.footer-connect>a { font-size: 16px; }
.footer-bottom { font-size: 12px; }
html[lang=ko] .hero-lead h1 { font-size: clamp(42px, 4.8vw, 66px); font-weight: 460; line-height: 1.28; }
html[lang=ko] .page-head h1 { font-size: clamp(39px, 4.5vw, 60px); }
html[lang=ko] .company-row h3 { font-size: 20px; }
@media(max-width:1199px) {
.hero-lead { gap: 42px; }
.editorial-intro { gap: 60px; }
.operating-model { gap: 70px; }
.company-row { gap: 28px; }
.page-head .container { gap: 45px; }
.story-grid,.companies-overview,.company-detail,.capability-detail { gap: 55px; }
.section { padding-block: 85px; }
.group-section,.presence-section { padding-top: 15px; }
}
@media(max-width:1023px) {
.mobile-menu { top: 90px; }
.hero-lead { grid-template-columns: 1.5fr 1fr; gap: 38px; }
.hero-lead h1 { font-size: 49px; }
.hero-lead p { font-size: 15px; }
.editorial-hero .hero-image { aspect-ratio: 2.5; }
.editorial-intro { grid-template-columns: .6fr 1.4fr; gap: 40px; }
.statement { font-size: 29px; }
.model-story .statement { font-size: 25px; }
.operating-model { gap: 55px; grid-template-columns: 1.25fr 1fr; }
.capability-index>a { font-size: 17px; }
.locations-grid { gap: 35px; }
.locations-grid>article:nth-child(2) { padding-top: 40px; }
.page-head .container { grid-template-columns: 1fr 1fr; }
.page-head h1 { font-size: 49px; }
.page-head .lede { font-size: 16px; }
.footer-right { gap: 40px; }
}
@media(max-width:767px) {
.site-header { height: 74px; }
.brand,.brand img { width: 127px; }
.mobile-menu { top: 74px; }
.editorial-hero { margin-top: 20px; }
.hero-topline { font-size: 12px; margin-bottom: 28px; }
.hero-lead { display: block; margin-bottom: 31px; }
.hero-lead h1 { font-size: clamp(35px, 8.6vw, 53px); line-height: 1.18; letter-spacing: -.035em; }
.hero-lead>div { max-width: 500px; margin-top: 25px; }
.hero-lead p { font-size: 16px; margin-bottom: 12px; line-height: 1.85; }
.editorial-hero .hero-image { aspect-ratio: 1.55; }
.section { padding-block: 65px; }
.editorial-intro { display: block; }
.editorial-intro>h2 { margin-bottom: 26px; font-size: 14px; color: var(--muted); }
.statement { font-size: 27px; line-height: 1.6; }
.editorial-intro .body-copy { font-size: 16px; margin-top: 22px; }
.group-section { padding-top: 8px; padding-bottom: 32px; }
.editorial-section-head { gap: 15px; align-items: center; }
.editorial-section-head h2 { font-size: 23px; }
.editorial-section-head .link { font-size: 13px; gap: 10px; }
.company-row { grid-template-columns: 1fr 20px; gap: 10px 15px; padding-block: 25px; }
.company-row h3 { grid-column: 1; grid-row: 1; font-size: 20px; }
.company-row .row-meta { grid-column: 1; grid-row: 2; font-size: 13px; }
.company-row .arrow { grid-column: 2; grid-row: 1/3; }
.company-row .row-meta span { font-size: 12px; }
.operating-model { display: block; padding-top: 40px; }
.model-story .statement { font-size: 25px; margin-top: 22px; }
.process-inline { gap: 13px; font-size: 13px; }
.process-inline span:not(:last-child):after { margin-left: 13px; }
.capability-index { margin-top: 43px; }
.capability-index>a { font-size: 18px; min-height: 61px; }
.presence-section { padding-top: 0; }
.locations-grid { grid-template-columns: 1fr; gap: 40px; }
.locations-grid>article:nth-child(2) { padding-top: 0; }
.editorial-section-head>p { font-size: 12px; }
.location-info { gap: 20px; }
.location-info h3 { font-size: 24px; }
.page-head { padding-top: 45px; }
.page-head .container { display: block; padding-bottom: 33px; }
.page-head h1 { font-size: 43px; margin-bottom: 23px; }
.page-head .lede { font-size: 16px; }
.section-heading { margin-bottom: 25px; }
.section-heading h2 { font-size: 24px; }
.story-grid,.companies-overview,.company-detail,.capability-detail { gap: 32px; }
.story-grid { grid-template-columns: 1fr; }
.story-grid h2 { font-size: 28px; }
.story-grid .media-slot { aspect-ratio: 1.35; }
.value-row { display: block; padding-block: 28px; }
.value-row h3 { font-size: 22px; margin-bottom: 15px; }
.base-grid { gap: 36px; }
.approach-row { grid-template-columns: 27px 1fr; gap: 18px; padding-block: 31px; }
.approach-row h2 { font-size: 28px; }
.approach-row .big-number { font-size: 13px; margin-top: 2px; }
.company-detail { grid-template-columns: 1fr; padding-block: 39px; }
.company-detail h2 { font-size: 27px; margin-bottom: 12px; }
.company-detail .body-copy { font-size: 16px; }
.capability-detail { padding-block: 44px; }
.capability-detail h2 { font-size: 29px; }
.contact-layout { grid-template-columns: 1fr; gap: 42px; }
.contact-item h2 { font-size: 22px; }
.email-row>a { font-size: clamp(24px, 6.5vw, 31px); }
.footer-main { grid-template-columns: 1fr; }
.footer-right { justify-content: space-between; gap: 25px; }
.footer-connect>a { font-size: 15px; }
html[lang=ko] .hero-lead h1 { font-size: clamp(35px, 8.8vw, 52px); line-height: 1.35; }
html[lang=ko] .page-head h1 { font-size: 37px; }
html[lang=ko] .company-row h3 { font-size: 19px; }
}
@media(max-width:374px) {
.brand,.brand img { width: 113px; }
.hero-topline { font-size: 11px; }
.editorial-section-head { align-items: flex-start; flex-direction: column; gap: 9px; }
.footer-right { flex-direction: column; gap: 30px; }
.hero-lead h1 { font-size: 33px; }
html[lang=ko] .hero-lead h1 { font-size: 33px; }
}
:root {
--section-heading-size: 25px;
--quiet-ink: #81858d;
}
.editorial-hero { margin-top: 55px; }
.hero-lead { grid-template-columns: 1.85fr 1fr; gap: 76px; margin-bottom: 49px; }
.hero-lead h1 { font-weight: 450; letter-spacing: -.038em; line-height: 1.11; }
.hero-lead>div { max-width: 338px; padding-bottom: 5px; }
.hero-lead p { font-weight: 420; font-size: 16px; line-height: 1.85; }
.editorial-hero .hero-image { aspect-ratio: 2.95; }
.editorial-intro { grid-template-columns: .7fr 1.7fr; gap: 95px; }
.editorial-intro>h2,
.editorial-section-head h2 {
font-size: var(--section-heading-size);
font-weight: 480;
letter-spacing: -.025em;
line-height: 1.3;
color: var(--ink);
}
.editorial-intro .statement { font-weight: 430; font-size: clamp(27px, 2.6vw, 36px); line-height: 1.55; }
.editorial-intro .body-copy { font-size: 16px; line-height: 1.95; max-width: 670px; margin-top: 27px; }
.operating-model { border-top: 0; padding-top: 0; }
.company-list { border-top: 1px solid var(--line); }
.company-cluster { display: grid; grid-template-columns: 175px minmax(0,1fr); gap: 34px; border-bottom: 1px solid var(--line); }
.cluster-label { font-size: 13px; font-weight: 460; line-height: 1.6; color: var(--quiet-ink); padding-top: 34px; }
.cluster-companies { min-width: 0; }
.company-cluster .company-row { grid-template-columns: 1.35fr 1fr 20px; gap: 26px; padding-block: 29px; }
.company-cluster .company-row:last-child { border-bottom: 0; }
.company-cluster .company-row h3 { font-size: 20px; font-weight: 480; line-height: 1.5; letter-spacing: -.02em; transition: color .22s; }
.company-cluster .row-meta { font-size: 13px; line-height: 1.7; }
.company-cluster .row-meta span { color: var(--quiet-ink); }
.company-row .arrow svg { transition: transform .22s, color .22s; }
.company-row:hover .arrow svg { transform: translateX(4px); color: var(--blue); }
.company-row:focus-visible { outline-offset: 1px; }
.link { position: relative; }
.hero-lead .link:after,
.next-links .link:after,
.company-detail .link:after {
content: '';
position: absolute;
left: 0;
right: 44px;
bottom: 7px;
height: 1px;
background: currentColor;
transform: scaleX(0);
transform-origin: left;
transition: transform .22s;
}
.hero-lead .link:hover:after,
.next-links .link:hover:after,
.company-detail .link:hover:after { transform: scaleX(1); }
.capability-index>a { transition: color .2s; }
.capability-index>a:hover .arrow svg { transform: translateX(3px); }
.page-head h1 { font-weight: 450; }
.page-head .lede { font-weight: 420; line-height: 1.9; }
.company-detail { scroll-margin-top: 20px; }
.capability-detail { scroll-margin-top: 20px; }
.location-info { align-items: flex-start; }
.location-info p { line-height: 1.7; max-width: 230px; }
.footer-nav a { transition: color .2s; }
html[lang=ko] .editorial-intro>h2,
html[lang=ko] .editorial-section-head h2 { letter-spacing: -.035em; }
html[lang=ko] .company-cluster .company-row h3 { font-size: 19px; letter-spacing: -.03em; }
@media(min-width:1600px) {
.editorial-hero { margin-top: 70px; }
.hero-lead { margin-bottom: 55px; }
}
@media(max-width:1199px) {
.hero-lead { gap: 45px; }
.editorial-intro { gap: 60px; }
.company-cluster { grid-template-columns: 138px minmax(0,1fr); gap: 26px; }
.company-cluster .company-row { gap: 22px; }
.company-cluster .company-row h3 { font-size: 18px; }
html[lang=ko] .company-cluster .company-row h3 { font-size: 18px; }
}
@media(max-width:1023px) {
.hero-lead { grid-template-columns: 1.6fr 1fr; gap: 35px; }
.hero-lead p { font-size: 16px; }
.company-cluster { grid-template-columns: 110px minmax(0,1fr); gap: 23px; }
.company-cluster .company-row { grid-template-columns: minmax(0,1fr) 20px; gap: 9px 20px; }
.company-cluster .company-row h3 { grid-column: 1; grid-row: 1; }
.company-cluster .row-meta { grid-column: 1; grid-row: 2; }
.company-cluster .arrow { grid-column: 2; grid-row: 1/3; }
.company-cluster .row-meta span { display: inline; margin-left: 10px; }
.editorial-intro { gap: 40px; }
}
@media(max-width:767px) {
:root { --section-heading-size: 23px; }
.editorial-hero { margin-top: 39px; }
.hero-lead { display: block; margin-bottom: 30px; }
.hero-lead>div { max-width: 500px; padding-bottom: 0; margin-top: 26px; }
.hero-lead h1 { font-size: clamp(35px,8.6vw,53px); line-height: 1.18; }
.editorial-hero .hero-image { aspect-ratio: 1.55; }
.editorial-intro>h2 { margin-bottom: 26px; }
.editorial-intro .statement { font-size: 26px; }
.editorial-intro .body-copy { margin-top: 22px; }
.company-cluster { display: block; }
.cluster-label { padding-top: 26px; padding-bottom: 2px; font-size: 13px; }
.company-cluster .company-row { padding-block: 22px; }
.company-cluster .company-row h3 { font-size: 19px; }
.company-cluster .row-meta span { display: block; margin-left: 0; margin-top: 5px; }
.company-cluster .company-row:last-child { padding-bottom: 27px; }
.operating-model { padding-top: 0; }
.location-info p { max-width: 190px; }
html[lang=ko] .company-cluster .company-row h3 { font-size: 19px; }
}
@media(max-width:374px) {
.hero-lead h1 { font-size: 33px; }
.location-info p { max-width: none; }
}
:root {
--logo-width: 139px;
--entry-title-size: 21px;
--weight-body: 400;
--weight-title: 500;
--weight-emphasis: 600;
}
body { font-weight: var(--weight-body); }
.brand { width: var(--logo-width); }
.brand img,
.footer-brand {
width: var(--logo-width);
height: auto;
aspect-ratio: 707 / 174;
object-fit: contain;
display: block;
flex-shrink: 0;
}
.hero-lead h1,
html[lang=ko] .hero-lead h1 { font-weight: var(--weight-title); }
.hero-lead h1 .accent {
color: #626b7a;
font-weight: var(--weight-body);
}
.page-head h1,
html[lang=ko] .page-head h1 { font-weight: var(--weight-title); }
.editorial-intro>h2,
.editorial-section-head h2,
.section-heading h2 {
font-size: var(--section-heading-size);
font-weight: var(--weight-title);
}
.hero-lead p,
.page-head .lede,
.editorial-intro .statement,
.model-story .statement { font-weight: var(--weight-body); }
.company-cluster .company-row h3,
html[lang=ko] .company-cluster .company-row h3,
.value-row h3,
.contact-item h2 {
font-size: var(--entry-title-size);
font-weight: var(--weight-title);
}
.company-detail h2,
.capability-detail h2,
.story-grid h2 { font-weight: var(--weight-title); }
.company-list { border-top-color: #dadde3; }
.company-cluster { border-bottom-color: #dadde3; }
.company-cluster .company-row { border-bottom-color: #f0f1f3; padding-block: 32px; }
.company-cluster .row-meta { color: #777e89; }
.company-cluster .row-meta span { color: #818792; }
.company-cluster .arrow { color: #a5abb5; transition: color .2s; }
.company-cluster .company-row:hover .arrow,
.company-cluster .company-row:focus-visible .arrow { color: var(--blue); }
.company-cluster .company-row:hover h3 { color: var(--ink); }
.cluster-label { padding-top: 37px; }
.desktop-nav a { font-weight: var(--weight-body); }
.languages a.active { font-weight: var(--weight-emphasis); }
.arrow svg { width: 19px; height: 19px; }
.copy-button { position: relative; }
.copy-button.is-copied { color: var(--blue); }
.copy-button.is-copied svg { visibility: hidden; }
.copy-button.is-copied:after {
content: '';
position: absolute;
width: 7px;
height: 13px;
border: solid currentColor;
border-width: 0 1.5px 1.5px 0;
transform: rotate(45deg);
top: 13px;
left: 18px;
}
main>section:last-child.section { padding-bottom: 82px; }
@media(max-width:1199px) {
:root { --entry-title-size: 19px; }
}
@media(max-width:767px) {
:root { --logo-width: 127px; --entry-title-size: 19px; }
.company-cluster .company-row { padding-block: 23px; }
.cluster-label { padding-top: 27px; }
main>section:last-child.section { padding-bottom: 58px; }
}
@media(max-width:374px) {
:root { --logo-width: 113px; }
}
.desktop-nav a:after { background: var(--blue); }
.desktop-nav a:is([aria-current="page"], :hover, :focus):after { transform: scaleX(1); }
:root { --section-heading-size: 25px; }
.link,
.hero-lead .link,
.editorial-section-head .link,
.model-story .link,
.company-detail .link,
.next-links a,
.company-jump a,
.related a { font-size: 16px; }
.company-cluster .row-meta,
.company-detail .role { font-size: 16px; }
.company-cluster .row-meta span,
.company-detail .company-location,
.small-label,
.location-info p { font-size: 14px; }
.cluster-label { padding-top: 43px; }
.model-story>h2,
.capability-index>h2 { font-size: 25px; }
.company-cluster .company-row:is(:hover, :focus-visible) h3,
.company-cluster .company-row:is(:hover, :focus-visible) .arrow { color: var(--blue); }
.approach-list { border-top: 0; }
#corporate-infrastructure { border-bottom: 0; }
@media (min-width: 1024px) {
.page-head>.container { min-height: 240px; }
}
.hero-lead {
grid-template-columns: minmax(0, 1.85fr) minmax(300px, 1fr);
gap: clamp(36px, 4.75vw, 76px);
}
.hero-lead>* { min-width: 0; }
.hero-lead h1 { font-size: clamp(33px, 5vw, 72px); }
html[lang=ko] .hero-lead h1 { font-size: clamp(33px, 4.8vw, 66px); }
@media (max-width: 1199px) {
.hero-lead {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: clamp(24px, 2.5vw, 30px);
margin-bottom: clamp(30px, 4.1vw, 49px);
}
.hero-lead>div { max-width: 620px; margin-top: 0; padding-bottom: 0; }
}
@media (max-width: 767px) {
.page-head>.container { height: auto; min-height: 0; }
.companies-overview { grid-template-columns: minmax(0, 1fr); }
.companies-overview>* { min-width: 0; }
.companies-overview>div { order: 0; }
.companies-overview>figure { order: 1; width: 100%; max-width: 100%; }
.company-jump a { overflow-wrap: anywhere; }
}
.cluster-label { font-size: 14px; }
.approach-row .step-output { font-size: 15px; }
.approach-row .step-sub { font-size: 16px; }
.hero-line { display: block; white-space: nowrap; }
.hero-lead>div { padding-bottom: 0; }
.hero-lead p { margin-bottom: 20px; text-wrap: pretty; }
.hero-lead .link { padding-block: 8px; }
.company-cluster .company-row { align-items: start; }
.company-cluster .company-row>* { min-width: 0; }
.company-cluster .company-row h3 { text-wrap: pretty; }
.company-cluster .row-meta { color: #626b78; line-height: 1.65; }
.company-cluster .row-meta span { color: #737c88; margin-top: 7px; }
.company-cluster .company-row>.arrow { align-self: start; margin-top: 5px; }
.company-cluster .company-row h3,
.company-cluster .company-row .arrow,
.link,
.related a,
.company-jump a { transition: color .22s ease; }
.company-cluster .company-row:is(:hover, :focus-visible) .arrow svg,
.link:is(:hover, :focus-visible) .arrow svg { transform: translateX(4px); }
.link:focus-visible,
.company-jump a:focus-visible,
.related a:focus-visible { color: var(--blue); }
.hero-lead .link:focus-visible:after,
.next-links .link:focus-visible:after,
.company-detail .link:focus-visible:after { transform: scaleX(1); }
.group-intro-section { padding-bottom: clamp(40px, 4vw, 64px); }
.group-section { padding-top: 24px; padding-bottom: clamp(64px, 6vw, 96px); }
.operating-section { padding-top: clamp(32px, 3vw, 48px); padding-bottom: clamp(64px, 7vw, 112px); }
.presence-section { padding-top: clamp(32px, 3vw, 48px); }
.footer-main { align-items: start; column-gap: clamp(32px, 5vw, 80px); }
.footer-brand { margin-bottom: 18px; }
.footer-tag { font-size: 14px; line-height: 1.75; letter-spacing: 0; max-width: 285px; text-wrap: pretty; }
.footer-right { align-items: flex-start; }
.footer-nav { row-gap: 14px; line-height: 1.6; }
.footer-connect .small-label { line-height: 1.6; margin-bottom: 14px; }
.footer-connect .languages { margin-top: 22px; }
@media (min-width: 1024px) {
.company-cluster .company-row { grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr) 20px; }
}
@media (min-width: 768px) and (max-width: 1199px) {
.hero-lead>div { max-width: 560px; }
}
@media (max-width: 767px) {
.hero-lead>div { max-width: 500px; }
.hero-lead p { margin-bottom: 14px; }
.footer-main { row-gap: 36px; }
.footer-right { flex-wrap: wrap; gap: 30px 24px; }
}
@media (max-width: 359px) {
.hero-line { white-space: normal; }
}
@media (max-width: 767px) {
.footer-bottom {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
gap: 12px 16px;
}
.footer-bottom>p {
min-width: 0;
margin: 0;
line-height: 1.6;
overflow-wrap: anywhere;
}
.footer-bottom .top-link {
justify-self: end;
align-self: center;
min-height: 44px;
margin: 0;
padding-block: 0;
line-height: 1.6;
white-space: nowrap;
}
}
.media-slot { position: relative; }
.media-slot picture { position: absolute; inset: 0; display: block; width: 100%; height: 100%; }
.media-slot picture img { width: 100%; height: 100%; object-fit: cover; }
.hero-line { white-space: normal; }
@media (min-width: 768px) {
.company-cluster { align-items: first baseline; }
.company-cluster > .cluster-label { padding-top: 0; }
.company-cluster > .cluster-companies { align-self: first baseline; }
.company-cluster .company-row { align-items: first baseline; }
.company-cluster .company-row > .arrow {
align-self: start;
margin-top: calc((var(--entry-title-size) * 1.5 - 22px) / 2);
}
}
.company-list > .company-cluster > .cluster-label { padding-top: 32px; }