#cocon-nav{position:fixed;top:16px;left:0;right:0;z-index:60;display:flex;justify-content:center;padding:0 24px;font-family:Inter,'Noto Sans JP',sans-serif}#cocon-nav *{box-sizing:border-box}#cocon-nav nav{width:100%;max-width:1240px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:9px 9px 9px 22px;background:rgba(255,250,245,.84);backdrop-filter:blur(16px);border:1px solid #0a0a0a;border-radius:999px;box-shadow:0 8px 30px #0a0a0a1a}#cocon-nav a{text-decoration:none}#cocon-nav .group-logo{display:block;height:30px;width:auto;max-width:180px}#cocon-nav .group-links{display:flex;gap:25px;align-items:center;font-size:13px;font-weight:500}#cocon-nav .group-tools{display:flex;gap:13px;align-items:center}#cocon-nav .site-select{position:relative}#cocon-nav summary{cursor:pointer;list-style:none;font-size:12px;font-weight:600;padding:9px 3px;color:#0a0a0a;white-space:nowrap}#cocon-nav summary::-webkit-details-marker{display:none}#cocon-nav summary:after{content:'⌄';margin-left:6px}#cocon-nav .site-options{position:absolute;right:0;top:calc(100% + 14px);min-width:190px;padding:8px;background:#fffaf5;border:1px solid #0a0a0a;border-radius:14px;box-shadow:0 14px 34px #0a0a0a29;display:grid;gap:3px}#cocon-nav .site-options a,#cocon-nav .site-options button{font-family:inherit;text-align:left;font-size:13px;background:none;border:0;padding:12px;border-radius:8px;cursor:pointer;color:#0a0a0a}#cocon-nav .site-options a:hover,#cocon-nav .site-options button:hover{background:#ededed}#cocon-nav .site-options [aria-current=true]{color:#0278b3;font-weight:700}#cocon-nav .group-contact{padding:13px 19px;background:#0a0a0a;color:#fffaf5;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}#cocon-nav .group-burger{display:none;border:1px solid #aaa;border-radius:50%;width:38px;height:38px;background:none;font-size:18px;cursor:pointer}#group-mobile{position:fixed;top:87px;left:24px;right:24px;max-height:calc(100dvh - 110px);overflow:auto;padding:18px 24px;background:#fffaf5;border:1px solid #0a0a0a;border-radius:22px;box-shadow:0 14px 34px #0a0a0a20}#group-mobile a{display:block;padding:12px;color:#0a0a0a}#cocon-nav [hidden]{display:none!important}:focus-visible{outline:3px solid #039fe6;outline-offset:4px}.group-footer{background:#0a0a0a;color:#fffaf5;padding:64px 32px 28px;font-family:Inter,'Noto Sans JP',sans-serif}.group-footer-inner{max-width:1240px;margin:auto}.group-footer-top{display:grid;grid-template-columns:.8fr 1fr 1fr;gap:45px}.group-footer img{height:40px;width:auto;max-width:185px}.group-footer h2{font-size:18px;letter-spacing:-.02em;line-height:1.4;margin:16px 0}.group-footer p,.group-footer address{font-size:12px;line-height:1.9;font-style:normal;color:#c0c0c0;margin:10px 0}.group-footer a{color:inherit;text-decoration:none;font-size:12px}.group-footer a:hover{color:#039fe6}.group-footer .office-link{display:inline-block;margin-top:16px;border-bottom:1px solid #777;padding-bottom:5px}.group-footer-bottom{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #333;margin-top:40px;padding-top:24px;font-size:10px;color:#aaa}.group-footer-links{display:flex;flex-wrap:wrap;gap:18px}.group-intro{padding:70px 0;border-top:1px solid #d9d9d9}.group-intro h2{font-size:clamp(30px,4vw,52px);max-width:850px;margin:20px 0}.group-intro p{max-width:760px;color:#60666b;font-size:16px}.group-locations{display:flex;flex-wrap:wrap;gap:14px;margin-top:25px}.group-locations a{padding:12px 20px;border:1px solid #aaa;border-radius:999px;font-size:13px}.region-indonesia .hero{padding-top:142px}.region-indonesia .hero h1{font-weight:700;line-height:1.04}.region-indonesia .hero-top{margin-bottom:30px}.region-indonesia .hero{background:#efefef}.region-indonesia .hero .system{background:#f6f6f6}.region-products main{padding-top:90px}.region-products .catalogue-hero{padding-top:50px}html{scroll-padding-top:110px;scroll-behavior:smooth}html[lang=ja] body{font-family:'Noto Sans JP',Inter,sans-serif}.portfolio-family-links{display:flex;flex-wrap:wrap;gap:12px;padding:0 0 30px}.portfolio-family-links a{font-size:13px;border:1px solid #bbb;border-radius:999px;padding:12px 20px}.portfolio-family-links a[aria-current=page]{background:#0a0a0a;color:#fffaf5}
@media(max-width:1100px){#cocon-nav .group-links{gap:15px}#cocon-nav .group-logo{max-width:145px;height:27px}#cocon-nav .group-tools{gap:8px}#cocon-nav nav{gap:12px}}@media(max-width:1180px){#cocon-nav .group-links{display:none}#cocon-nav .group-burger{display:block}.group-footer-top{grid-template-columns:1fr 1fr}.group-footer-top>div:first-child{grid-column:1/-1}}@media(max-width:600px){#cocon-nav{top:12px;padding:0 12px}#cocon-nav nav{padding:8px 9px 8px 15px;gap:8px}#cocon-nav .group-logo{height:24px;max-width:116px}#cocon-nav .group-contact{display:none}#cocon-nav .group-tools{gap:8px}#cocon-nav summary{font-size:10px}#cocon-nav .group-burger{width:33px;height:33px}#group-mobile{left:12px;right:12px;top:76px}.group-footer{padding:45px 22px 25px}.group-footer-top{grid-template-columns:1fr;gap:25px}.group-footer-top>div:first-child{grid-column:auto}.group-footer-bottom{flex-direction:column}.region-indonesia .hero{padding-top:110px}.region-products main{padding-top:76px}.group-intro{padding:50px 0}.group-intro p{font-size:15px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
#cocon-nav .locale-options{width:270px;padding:16px;gap:16px}#cocon-nav .locale-heading{font-size:11px;font-weight:600;letter-spacing:.07em;color:#727272;margin:0 10px 5px}#cocon-nav .locale-region+.locale-region{border-top:1px solid #dedad5;padding-top:14px}#cocon-nav .locale-languages{display:grid;gap:2px}#cocon-nav .locale-languages a{display:flex;justify-content:space-between;align-items:center;padding:11px 10px;font-weight:400}#cocon-nav .locale-languages a[aria-current=true]{background:#eaf5fc;color:#0278b3}#cocon-nav .locale-divider{color:#888;margin:0 2px}#cocon-nav .locale-select summary{padding:10px 7px}#cocon-nav .locale-select summary:after{margin-left:9px}@media(max-width:600px){#cocon-nav .locale-options{right:-38px;width:260px}#cocon-nav .locale-select summary{font-size:11px}}
.indonesia-leadership{display:grid;grid-template-columns:220px 1fr;gap:45px;max-width:1080px;margin:65px auto;padding:40px;border:1px solid #d3dce0;border-radius:24px;background:#fffaf5;font-family:Inter,'Noto Sans JP',sans-serif}.indonesia-leadership>img{width:100%;height:260px;object-fit:cover;border-radius:12px}.indonesia-leadership h2{font-size:38px;margin:12px 0}.indonesia-leadership p{font-size:15px;line-height:1.7}.indonesia-leadership a{display:inline-block;color:#0278b3;font-size:14px;margin-top:15px}.indonesia-leadership .leadership-role{font-weight:600;color:#0278b3}.region-indonesia .hero{position:relative;isolation:isolate;overflow:hidden}.region-indonesia #cocon-shader-hero{position:absolute;inset:0;width:100%;height:100%;z-index:-1;opacity:.55;pointer-events:none}@media(max-width:600px){.indonesia-leadership{grid-template-columns:1fr;margin:35px 20px;padding:24px;gap:24px}.indonesia-leadership>img{max-width:220px}.indonesia-leadership h2{font-size:32px}}
.capacity-statement{max-width:1080px;margin:60px auto;padding:0 40px;font-family:Inter,'Noto Sans JP',sans-serif}.capacity-statement h2{font-size:clamp(30px,4vw,48px);letter-spacing:-.035em;line-height:1.15}.capacity-statement>p:last-child{font-size:18px;line-height:1.7;max-width:780px}
#cocon-hero-h1 .ch{white-space:pre}
#cocon-hero-h1>span:nth-child(2){display:inline-block;white-space:nowrap}

#cocon-nav .group-links{gap:18px}#cocon-nav .group-links a{color:#0a0a0a;white-space:nowrap;padding:10px 0}#cocon-nav .group-links a[aria-current="page"],#group-mobile a[aria-current="page"]{color:#0076ae;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}.group-footer [hidden]{display:none!important}


#cocon-nav{--nav-ease:cubic-bezier(.22,1,.36,1)}
#cocon-nav a,#cocon-nav summary,#cocon-nav button{transition:background-color .25s,color .25s,border-color .25s}
#cocon-nav .group-burger{position:relative;width:44px;height:44px;min-width:44px;min-height:44px}
#cocon-nav .group-burger span{position:absolute;left:12px;right:12px;top:20px;height:1px;background:currentColor;transition:transform .45s var(--nav-ease)}
#cocon-nav .group-burger span:first-child{transform:translateY(-4px)}#cocon-nav .group-burger span:last-child{transform:translateY(4px)}
#cocon-nav .group-burger[aria-expanded=true] span:first-child{transform:rotate(45deg)}#cocon-nav .group-burger[aria-expanded=true] span:last-child{transform:rotate(-45deg)}
#group-mobile{opacity:0;clip-path:circle(0% at calc(100% - 28px) 0);transition:clip-path .7s var(--nav-ease),opacity .45s;pointer-events:none}
#group-mobile[data-open=true]{opacity:1;clip-path:circle(160% at calc(100% - 28px) 0);pointer-events:auto}
#group-mobile a{opacity:0;transform:translateY(12px);transition:opacity .45s,transform .45s var(--nav-ease),background-color .25s,color .25s}
#group-mobile[data-open=true] a{opacity:1;transform:translateY(0);transition-delay:calc(var(--menu-order,0)*70ms),calc(var(--menu-order,0)*70ms),0s,0s}
@media(prefers-reduced-motion:reduce){#cocon-nav a,#cocon-nav summary,#cocon-nav button,#cocon-nav .group-burger span,#group-mobile,#group-mobile a{transition:none!important}}