/* The global concept uses a real lit globe, projected geographic labels and a self-playing care relationship. */
.world-stage{position:relative;height:100svh;min-height:720px;max-height:1050px;overflow:hidden;background:#f5f7f5;isolation:isolate}
.world-header{position:absolute;top:31px;left:4.5%;right:4.5%;display:flex;align-items:center;justify-content:space-between;z-index:5}
.world-brand{font:500 28px/1 Manrope,sans-serif;letter-spacing:-.075em;display:flex;gap:8px;align-items:start}.world-brand>span{font-size:10px;font-weight:400;letter-spacing:0;margin-top:2px}
.world-header nav{display:flex;gap:40px;font-size:11px}.world-header nav a{padding:10px 0;border-bottom:1px solid transparent}.world-header nav a:hover{border-color:currentColor}
.world-heading{position:absolute;left:8%;top:21%;z-index:2;pointer-events:none}.world-heading>.r3-small{font-size:8px;letter-spacing:.13em;margin-bottom:29px;color:#6c8071}
.r3.network .world-heading h1{font:500 clamp(64px,7.1vw,119px)/.94 Archivo,sans-serif;font-stretch:condensed;letter-spacing:-.055em;margin:0 0 27px;max-width:510px}
.world-heading h1>span{display:block;color:#8eaa98}.world-heading>p:last-child{font-size:13px;line-height:1.6;color:#65766a}
.world-visual{position:absolute;left:38%;right:0;top:9%;bottom:8%;z-index:1}.globe-canvas{position:absolute;inset:0;cursor:grab}.globe-canvas:active{cursor:grabbing}.globe-canvas canvas{width:100%;height:100%;display:block}.globe-loading{position:absolute;inset:40% 0;text-align:center;font-size:12px;color:#617569}
.globe-labels{position:absolute;inset:0;pointer-events:none}.globe-marker{position:absolute;translate:13px -50%;pointer-events:auto;background:#f5f7f5f2!important;padding:5px 9px!important;border:1px solid #b9cbbb!important;border-radius:0!important;font:10px/1.4 Pretendard,sans-serif!important;white-space:nowrap;transition:background .2s}
.globe-marker:before{content:'';position:absolute;top:50%;left:-13px;width:12px;height:1px;background:#8ea896}.globe-marker.region-active{border-color:#b64e36!important;color:#973a26}.globe-marker:hover{background:#fff!important}.globe-marker.seoul-marker{background:#b54e36!important;color:#fff;border-color:#b54e36!important;font-weight:500!important;translate:12px -160%;z-index:3}.seoul-marker:before{rotate:-35deg;transform-origin:right}
.globe-controls{position:absolute;top:40%;right:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.turn-globe{font-size:22px!important;width:40px;height:40px;border-bottom:1px solid #adbfac!important}.globe-controls>span{display:none;font-size:7px;letter-spacing:.11em;color:#6b816f;white-space:nowrap}.pause-globe{position:relative;width:75px;font-size:9px!important;text-decoration:underline;text-underline-offset:5px;color:#617565!important;padding:8px!important}
.region-navigation{position:absolute;left:8%;bottom:14%;z-index:4;display:grid;grid-template-columns:1fr 1fr;gap:0 24px;width:310px}.region-navigation button{display:flex;justify-content:space-between;gap:15px;font-size:11px!important;text-align:left;border-bottom:1px solid #c8d5c8!important;padding:11px 0!important;min-height:42px}.region-navigation button>span{opacity:0;color:#a9412c}.region-navigation button[aria-pressed=true]{color:#a9412c}.region-navigation button[aria-pressed=true]>span,.region-navigation button:hover>span{opacity:1}
.region-story{position:absolute;left:49%;bottom:6%;z-index:3;width:37%;padding-top:13px;border-top:1px solid #b8cbb7}.region-caption{font-size:9px;letter-spacing:.1em;color:#a9412c}.region-story p{font-size:12px;margin-top:9px;line-height:1.6;max-width:360px}.region-story small{font-size:9px;display:block;margin-top:11px;color:#748777}
.world-coordinate{position:absolute;bottom:6%;left:8%;font-size:8px;line-height:1.7;letter-spacing:.06em;color:#708372}
.globe-fallback{position:absolute;inset:15%;border:1px solid #acbeab;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:25px}.globe-fallback>span{font-size:12px;letter-spacing:.1em;color:#a9412c}.globe-fallback p{font-size:16px}
@media(min-width:761px) and (max-height:760px){.world-heading{top:20%}.r3.network .world-heading h1{font-size:6.4vw}.world-heading>.r3-small{margin-bottom:20px}.world-heading>p:last-child{font-size:12px}.region-navigation{bottom:15%}.region-navigation button{padding-block:9px!important;min-height:36px}.world-coordinate{bottom:6%}.region-story{bottom:6%}.globe-controls{bottom:auto}.world-visual{top:4%;bottom:11%}}
@media(min-width:761px) and (max-width:1100px){.world-heading{left:6%;top:23%}.r3.network .world-heading h1{font-size:7vw}.world-heading>.r3-small{max-width:220px;font-size:7px}.world-heading>p:last-child{font-size:12px}.region-navigation{left:6%;width:280px}.world-coordinate{left:6%}.world-visual{left:35%;right:-6%}.world-header nav{gap:25px}.region-story{left:49%;width:42%}.globe-controls{gap:12px;left:auto;right:calc(6vw + 24px)}.globe-controls>span{font-size:6px}}
@media(max-width:760px){
 .world-tour{height:auto!important}.world-stage{position:relative!important;top:auto!important;height:auto!important;min-height:0;max-height:none;overflow:clip}
 .world-stage{display:flex;flex-direction:column;padding:95px 24px 36px}.world-header{top:25px;left:24px;right:24px}.world-brand{font-size:24px}.world-brand>span{font-size:8px}.world-header nav{font-size:9px;gap:20px}.world-header nav>a:first-child{display:none}
 .world-heading{position:relative;inset:auto;order:0}.world-heading>.r3-small{font-size:7px;margin-bottom:19px}.r3.network .world-heading h1{font-size:61px;line-height:.92;margin-bottom:20px;max-width:340px}.world-heading h1>span{display:inline}.world-heading h1 br{display:none}.world-heading>p:last-child{font-size:12px;line-height:1.65}
 .world-visual{position:relative;inset:auto;order:1;height:390px;margin:-4px -30px 55px}.globe-controls{top:auto;bottom:-24px;left:15%;right:15%;gap:17px;flex-direction:row}.globe-controls>span{display:block;font-size:6px}.turn-globe{width:34px;height:34px}.pause-globe{position:absolute;top:36px;font-size:8px!important}.globe-marker{font-size:8px!important;padding:4px 6px!important;translate:8px -50%}.globe-marker.seoul-marker{translate:-25px -200%}.globe-marker:before{left:-8px;width:7px}.globe-marker.seoul-marker:before{left:50%;top:auto;bottom:-7px;rotate:90deg;transform-origin:left}
 .region-navigation{position:relative;inset:auto;order:2;width:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 15px}.region-navigation button{font-size:9px!important;gap:4px;padding:11px 0!important;min-height:42px}.region-navigation button>span{font-size:10px}
 .region-story{position:relative;inset:auto;order:3;width:100%;margin-top:28px;border-top:0;padding-top:0}.region-caption{font-size:8px}.region-story p{font-size:12px;line-height:1.65;margin-top:10px}.region-story small{font-size:8px;margin-top:15px}.world-coordinate{position:relative;inset:auto;order:4;margin-top:25px;font-size:7px}.world-coordinate br{display:none}
}
@media(max-width:380px){.r3.network .world-heading h1{font-size:55px}.world-visual{height:350px}.world-brand{font-size:22px}.region-navigation{gap:0 11px}.region-navigation button{font-size:8px!important}}
@media(prefers-reduced-motion:reduce){.world-tour{height:auto!important}.world-stage{position:relative!important;top:auto!important;overflow:clip}.world-stage *{animation:none!important;transition:none!important}}

/* Roles share a real grid. Lines are routed from their measured edges. */
.relationship-stage{position:relative;padding:76px 8% 70px;background:#e8ede3;color:#283e31;overflow:clip}
.relationship-title{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;max-width:1440px;margin:auto}
.relationship-title .r3-small{color:#64745e;font-size:9px;letter-spacing:.13em;margin-bottom:22px}
.r3.network .relationship-title h2{font:500 clamp(42px,4.2vw,66px)/1.02 Archivo,sans-serif;font-stretch:condensed;letter-spacing:-.04em}
.relationship-title>p{max-width:270px;font-size:13px;line-height:1.7;color:#61725e;padding-bottom:5px}
.relationship-diagram{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.16fr) minmax(0,1fr);gap:60px 8%;max-width:1440px;margin:55px auto 48px;isolation:isolate}
.care-links{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:-1;pointer-events:none}
.care-links path{fill:none;stroke-width:1;stroke:#a8b8a2;vector-effect:non-scaling-stroke}
.care-link-flow path{stroke:#ac4c34;stroke-width:1.5;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset 1.1s cubic-bezier(.16,1,.3,1),opacity .4s;opacity:0}
.care-link-flow .path-active{stroke-dashoffset:0;opacity:1}
.care-role{position:relative;min-width:0;min-height:207px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px 12px 23px;text-align:center;background:#e8ede3}
.care-role:before{content:'';position:absolute;top:0;left:15%;right:15%;height:1px;background:#a8b8a2;transition:background .4s}
.care-role.role-active:before{background:#ac4c34}
.care-role-label{font-size:8px;line-height:1.5;letter-spacing:.13em;color:#657460}
.r3.network .care-role h3{font:500 clamp(24px,2.15vw,36px)/1.2 Archivo,sans-serif;font-stretch:condensed;letter-spacing:-.025em;margin:18px 0 12px}
.care-role-description{font-size:12px;line-height:1.65;color:#5d705e}
.care-role-detail{display:block;font-size:9px;line-height:1.6;margin-top:20px;color:#6d7d67}
.care-hub{background:#304c3e;color:#f3f4eb;outline:1px solid #304c3e;outline-offset:0;transition:outline-color .5s,outline-offset .5s}
.care-hub:before{background:none!important}.care-hub.role-active{outline-color:#90a48a;outline-offset:5px}
.care-hub .care-role-label{color:#b8cbb5}.care-hub .care-role-description{color:#d4dfcf}.care-hub .care-role-detail{color:#b8cbb5}
.r3.network .care-hub h3{font:500 clamp(27px,2.4vw,40px)/1.2 Manrope,sans-serif;letter-spacing:-.075em;white-space:nowrap}
.care-client{grid-column:1/-1;justify-self:center;width:38%;min-width:340px;min-height:121px;display:flex;align-items:center;justify-content:center;gap:24px;background:#f2f4ec;border:1px solid #c1cdbb;padding:22px 24px;transition:border-color .5s}
.care-client.role-active{border-color:#ac4c34}
.care-client-marker{width:9px;height:9px;border:1px solid #96aa8e;border-radius:50%;flex:none;transition:background .4s,border-color .4s}
.care-client.role-active .care-client-marker{background:#ac4c34;border-color:#ac4c34}
.r3.network .care-client h3{font:500 25px/1.2 Archivo,sans-serif;font-stretch:condensed;letter-spacing:-.02em;margin:8px 0}
.care-client p:last-child{font-size:11px;line-height:1.6;color:#657460}
.relationship-bottom{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10%;max-width:1440px;margin:auto;padding-top:30px;border-top:1px solid #bbc8b5}
.relationship-steps{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
.relationship-steps button{position:relative;display:flex;align-items:center;gap:12px;min-height:46px;padding:12px 0!important;border-bottom:1px solid #bbc8b5!important;font-size:11px!important;color:#677660!important;text-align:left}
.relationship-steps button>span{font-size:9px;opacity:.75;font-variant-numeric:tabular-nums}
.relationship-steps button[aria-current=true]{color:#a4432f!important}
.relationship-steps button[aria-current=true]:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:#ac4c34;transform-origin:left;animation:care-stage-progress 6.8s linear both}
.relationship-tour[data-sequence-paused=true] .relationship-steps button[aria-current=true]:after{animation:none;transform:none}
@keyframes care-stage-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.pause-relationship{padding:10px 0!important;margin-top:10px;font-size:10px!important;color:#60735c!important;text-decoration:underline;text-underline-offset:5px;min-height:40px}
.pause-relationship:disabled,.pause-globe:disabled{cursor:default;text-decoration:none}
.relationship-copy{min-height:140px;padding-top:9px}
.r3.network .relationship-copy h3{font:500 clamp(25px,2.2vw,36px)/1.15 Archivo,sans-serif;font-stretch:condensed;letter-spacing:-.025em;margin-bottom:14px}
.relationship-copy p{max-width:485px;font-size:12px;line-height:1.75;color:#5d7059}
.relationship-transcript{display:none}
@media(min-width:761px) and (max-width:1100px){
 .relationship-stage{padding:64px 6% 55px}.relationship-title{gap:35px}.relationship-title>p{max-width:210px;font-size:12px}.r3.network .relationship-title h2{font-size:43px}
 .relationship-diagram{column-gap:5%;margin-top:45px}.care-role{padding-inline:6px;min-height:205px}.care-role-description{font-size:11px}.care-role-label{font-size:7px}.care-role-detail{font-size:8px}.r3.network .care-role h3{font-size:25px}.r3.network .care-hub h3{font-size:29px}.relationship-bottom{gap:7%}
}
@media(max-width:760px){
 .relationship-stage{padding:50px 24px 44px}.relationship-title{display:block}.relationship-title .r3-small{font-size:8px;margin-bottom:20px}.r3.network .relationship-title h2{font-size:39px;line-height:1.04}.relationship-title>p{max-width:340px;font-size:12px;margin-top:22px;padding-bottom:0}
 .relationship-diagram{grid-template-columns:1fr 1fr;gap:48px 22px;margin:36px 0}.care-role{min-height:189px;padding:18px 5px}.care-role:before{left:0;right:0}.care-agency{grid-column:1;grid-row:1}.care-clinic{grid-column:2;grid-row:1}.care-hub{grid-column:1/-1;grid-row:2;justify-self:center;width:calc(100% - 36px);max-width:340px;min-height:178px;padding-inline:14px}
 .care-role-label{font-size:7px;letter-spacing:.08em}.r3.network .care-role h3{font-size:24px;margin:14px 0 11px}.care-role-description{font-size:11px;line-height:1.65}.care-role-description br{display:none}.care-role-detail{font-size:8px;line-height:1.6;margin-top:15px}.r3.network .care-hub h3{font-size:34px}.care-hub .care-role-description{font-size:12px;max-width:260px}.care-hub .care-role-detail{font-size:9px}
 .care-client{width:calc(100% - 36px);min-width:0;max-width:340px;min-height:115px;padding:20px 18px;gap:16px}.care-client .care-role-label{font-size:7px}.care-client p:last-child{font-size:10px}.r3.network .care-client h3{font-size:25px}
 .relationship-bottom{grid-template-columns:1fr;gap:15px;padding-top:20px}.relationship-steps{gap:0 22px}.relationship-steps button{font-size:11px!important}.relationship-copy{min-height:140px}.r3.network .relationship-copy h3{font-size:29px}.relationship-copy p{font-size:12px}
}
@media(max-width:380px){.r3.network .relationship-title h2{font-size:36px}.relationship-diagram{column-gap:18px}.r3.network .care-role h3{font-size:22px}.r3.network .care-hub h3{font-size:33px}.care-role-label{font-size:6.5px}.care-role-description{font-size:10.5px}}
@media(prefers-reduced-motion:reduce){
 .relationship-stage *,.relationship-stage *:before,.relationship-stage *:after{animation:none!important;transition:none!important}
 .relationship-transcript{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;max-width:1440px;margin:30px auto 0;padding-top:28px;border-top:1px solid #bbc8b5}
 .relationship-transcript h3{font:500 13px/1.3 Pretendard,sans-serif;letter-spacing:-.01em;margin:0 0 12px}.relationship-transcript p{font-size:11px;line-height:1.7;color:#5d7059}
}
@media(prefers-reduced-motion:reduce) and (max-width:760px){.relationship-transcript{grid-template-columns:1fr;gap:24px}}

@media(max-width:760px){.care-agency,.care-clinic{justify-content:flex-start}.care-agency .care-role-detail,.care-clinic .care-role-detail{margin-top:auto;padding-top:15px}}
