@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&family=Noto+Serif+JP:wght@400;500;600&display=swap');
:root{--navy:#102e45;--blue:#006da0;--ink:#153044;--muted:#5a6b76;--line:#d8e1e6;--pale:#f0f6f9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;color:var(--ink);font-family:'Noto Sans JP',sans-serif;font-size:16px;line-height:1.9}a{color:inherit;text-decoration:none}a:hover{color:var(--blue)}a:focus-visible,button:focus-visible{outline:3px solid #e89d35;outline-offset:6px}button{font:inherit}h1,h2,h3,p{margin:0}h2{font-family:'Noto Serif JP',serif;font-size:clamp(28px,3vw,42px);font-weight:500;line-height:1.65;letter-spacing:.04em}.wrap{width:min(1200px,86%);margin:auto}.draft{background:#edf4f7;text-align:center;font-size:12px;letter-spacing:.07em;padding:5px 16px}.draft span{margin-left:16px;color:#647784}.header{height:96px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #e5ebef}.brand{display:flex;align-items:center;gap:19px;line-height:1.4}.brand strong{font-family:Arial,sans-serif;font-size:44px;letter-spacing:-3px;color:var(--navy)}.brand-dot{color:#009fd1}.brand>span{font-weight:600;font-size:19px;letter-spacing:.12em;border-left:1px solid var(--line);padding-left:20px}.brand small{display:block;font-size:11px;letter-spacing:.1em;margin-top:4px;font-weight:400}.header nav{display:flex;align-items:center;gap:25px;font-size:14px;font-weight:500}.nav-contact{border:1px solid var(--line);padding:12px 18px}.nav-contact span{margin-left:14px}.menu{display:none}.hero{height:690px;min-height:590px;position:relative;background:#133a51;color:white;overflow:hidden}.hero-photo{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(8,32,49,.9),rgba(9,36,51,.45) 55%,rgba(9,36,51,.06)),url('assets/headquarters.jpg');background-size:cover;background-position:center 48%}.hero-inner{position:relative;width:min(1200px,86%);margin:auto;padding-top:75px}.eyebrow{font-family:Arial,sans-serif;font-size:12px;font-weight:600;letter-spacing:.18em;color:var(--blue);margin-bottom:21px}.eyebrow.light{color:#bedfeb}.hero h1{font-family:'Noto Serif JP',serif;font-size:clamp(40px,4.5vw,66px);line-height:1.65;font-weight:500;letter-spacing:.09em;text-shadow:0 2px 15px #102e4533}.hero-description{font-size:16px;line-height:2.2;margin-top:21px;letter-spacing:.04em}.hero-link{display:inline-flex;align-items:center;gap:55px;border-bottom:1px solid #ffffff80;padding:15px 0 11px;margin-top:19px;font-size:14px}.hero-link:hover{color:#ccecf8}.hero-bottom{position:absolute;bottom:22px;left:7%;right:7%;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.12em;color:#deebf1}.news{display:grid;grid-template-columns:250px 1fr;gap:40px;padding:62px 0}.section-label h2{font-size:29px}.section-label .eyebrow{margin-bottom:9px}.text-link{display:inline-block;font-size:14px;border-bottom:1px solid #abc1ce;padding:12px 0;margin-top:21px}.news-list>a{display:grid;grid-template-columns:95px 80px 1fr 18px;gap:17px;align-items:center;padding:19px 0;border-bottom:1px solid var(--line)}time{font-size:13px;color:var(--muted);font-family:Arial,sans-serif}.tag{font-size:11px;padding:2px 10px;background:var(--pale);text-align:center;white-space:nowrap}.news h3{font-weight:400;font-size:15px}.source-note{font-size:12px;color:var(--muted);margin-top:16px;line-height:1.8}.about{background:var(--pale);padding:95px 0 0;overflow:hidden}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.about-copy .lead{font-family:'Noto Serif JP',serif;font-size:25px;line-height:1.9;margin:0 0 26px}.about-copy p{line-height:2.2;margin-bottom:20px}.purpose-word{font-family:Arial,sans-serif;white-space:nowrap;font-size:clamp(40px,7.6vw,115px);font-weight:600;letter-spacing:-.04em;color:#dce9f0;margin:65px 0 -27px;text-align:center}.activities{padding:100px 0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:50px}.section-heading>p{color:var(--muted);line-height:2.1}.activity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:42px}.activity-grid article{border-top:2px solid var(--blue);padding-top:23px;display:flex;flex-direction:column}.activity-no{font-family:Arial,sans-serif;font-size:28px;color:var(--blue);display:flex;align-items:center;gap:14px;margin-bottom:25px}.activity-no span{font-size:10px;letter-spacing:.05em}.activity-grid h3{font-family:'Noto Serif JP',serif;font-size:23px;font-weight:500;margin-bottom:16px}.activity-grid p{font-size:15px;color:var(--muted);line-height:2}.activity-grid a{margin-top:auto;padding-top:25px;font-size:14px;display:flex;justify-content:space-between}.partnership{position:relative;background:var(--navy);color:white;padding:78px 0;overflow:hidden}.partnership p:not(.eyebrow){margin-top:26px;color:#d5e3ea;line-height:2.1}.outline-link{display:inline-flex;gap:70px;border:1px solid #8396a5;padding:17px 24px;font-size:14px;margin-top:32px;position:relative;z-index:1}.outline-link:hover{color:white;background:#ffffff15}.partner-type{position:absolute;right:7%;top:45px;font-family:Arial,sans-serif;font-weight:700;font-size:clamp(100px,16vw,230px);line-height:.94;letter-spacing:-.055em;color:#ffffff0b;pointer-events:none}.organization{display:grid;grid-template-columns:250px 1fr;gap:40px;padding:95px 0}.overview dl{margin:0}.overview dl>div{display:grid;grid-template-columns:130px 1fr;gap:30px;border-bottom:1px solid var(--line);padding:20px 0;font-size:15px}.overview dt{font-weight:500}.overview dd{margin:0;color:var(--muted)}.contact{background:var(--pale);padding:65px 0}.contact-inner{display:flex;justify-content:space-between;align-items:center;gap:40px}.contact h2{font-size:31px}.contact .eyebrow{margin-bottom:11px}.contact p:not(.eyebrow){margin-top:16px;font-size:14px;color:var(--muted)}.contact-button{display:flex;justify-content:space-between;gap:95px;background:var(--blue);padding:22px 30px;color:white}.contact-button:hover{background:var(--navy);color:white}.contact .source-note{font-size:11px!important}footer{padding:50px 0 24px}.footer-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:35px}.footer-top>a:last-child{font-size:13px}.footer-bottom{border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted)}.photo-credit{font-size:11px;margin-top:12px;color:var(--muted)}.skip{position:absolute;left:20px;top:-80px;z-index:100;background:white;padding:12px}.skip:focus{top:10px}.mobile-only{display:none}@media(min-width:1600px){.hero-photo{background-position:center 45%}}@media(max-width:1100px){.header{padding:0 5%}.header nav{gap:16px;font-size:12px}.brand strong{font-size:37px}.brand>span{font-size:16px;padding-left:13px}.brand{gap:13px}.nav-contact{padding:10px}.about-grid{gap:45px}.activity-grid{gap:25px}.news,.organization{grid-template-columns:200px 1fr}.news-list>a{grid-template-columns:85px 70px 1fr 15px;gap:10px}}@media(max-width:800px){html{scroll-padding-top:85px}.header{height:80px}.brand>span{font-size:16px}.menu{display:block;border:0;background:none;color:var(--ink);font-size:13px;padding:12px 0}.menu span{font-size:19px;margin-left:8px}.header nav{display:none;position:absolute;top:80px;left:0;right:0;background:white;padding:20px 7%;box-shadow:0 10px 20px #102e4510;font-size:15px}.header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}.header nav a{padding:15px 0;border-bottom:1px solid var(--line)}.nav-contact{border:0}.hero{height:670px}.hero-inner{padding-top:62px}.hero h1{font-size:43px}.hero-photo{background-position:62% center;background-image:linear-gradient(90deg,#082031de,#09243370),url('assets/headquarters.jpg')}.hero-bottom span:last-child{display:none}.news,.organization{display:block;padding:55px 0}.section-label{margin-bottom:25px}.section-label .text-link{margin-top:6px}.news-list>a{grid-template-columns:90px 80px 1fr}.news-list h3{grid-column:1/3}.news-list>a>span:last-child{grid-column:3;grid-row:2;text-align:right}.about{padding-top:60px}.about-grid{grid-template-columns:1fr;gap:30px}.about-copy .lead{font-size:23px}.purpose-word{margin-top:40px;margin-bottom:-10px;font-size:7.4vw}.activities{padding:65px 0}.section-heading{display:block;margin-bottom:35px}.section-heading>p{margin-top:25px;font-size:15px}.activity-grid{grid-template-columns:1fr;gap:35px}.activity-grid article{padding-top:17px}.activity-no{margin-bottom:15px}.activity-grid p{font-size:16px}.activity-grid a{padding-top:18px}.partnership{padding:60px 0}.partner-type{top:auto;bottom:40px;font-size:150px;right:-10px}.overview dl>div{grid-template-columns:95px 1fr;gap:18px}.contact-inner{display:block}.contact h2{font-size:27px}.contact-inner>div:last-child{margin-top:30px}.contact-button{max-width:360px}.footer-top{align-items:flex-start;gap:25px;flex-direction:column}.footer-bottom{flex-wrap:wrap;gap:10px}.footer-bottom p:nth-child(2){order:3;width:100%}.draft span{display:none}.mobile-only{display:block}.desktop-only{display:none}.hero .eyebrow{font-size:10px;letter-spacing:.12em}.hero-description{font-size:15px}.wrap{width:86%}}@media(max-width:380px){.brand strong{font-size:30px}.brand>span{font-size:14px}.brand small{font-size:10px}.hero h1{font-size:36px}.hero{height:650px}.outline-link{gap:30px}.contact h2{font-size:24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
