
:root{--ink:#263b37;--muted:#74817d;--line:#dce5df;--green:#5b9a84}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);background:#fff;font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}header{height:104px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:30px;background:#ffffffef;position:sticky;top:0;z-index:10;backdrop-filter:blur(15px)}.brand{font-size:21px;font-weight:800;letter-spacing:.07em}.brand small{display:block;font-size:9px;letter-spacing:.22em;margin-top:5px;font-weight:500}nav{display:flex;gap:30px;align-items:center;font-size:12px;font-weight:700}.pill{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:17px 26px;border-radius:50px;background:linear-gradient(105deg,#72b6c0,#a4be6c);color:#fff;font-size:12px;font-weight:700}.hero{position:relative;min-height:620px;padding:80px 8% 90px;display:flex;align-items:center;isolation:isolate}.hero-image{position:absolute;right:0;top:10px;width:66%;height:540px;object-fit:cover;border-radius:150px 0 0 30px;z-index:-2}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff 3%,#fffffff2 25%,#ffffffa3 44%,#ffffff00 75%);z-index:-1}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.22em;color:var(--green)}h1{font-size:clamp(36px,4.2vw,64px);line-height:1.55;letter-spacing:.06em;margin:22px 0 24px;font-weight:800}.hero p{font-size:13px;line-height:2.2;max-width:420px}.hero .pill{margin-top:23px;min-width:220px;background:var(--ink)}.vertical{position:absolute;right:30px;bottom:100px;writing-mode:vertical-rl;font-size:10px;letter-spacing:.2em}.newsbar{margin:0 8%;padding:23px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;gap:35px;font-size:12px;align-items:center}.newsbar b{letter-spacing:.15em}.newsbar time{color:var(--muted);font-size:11px}.newsbar span{flex:1}.arrow{font-size:22px}.section{padding:110px 8%}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:45px}.en{font-size:clamp(36px,4.8vw,68px);font-weight:500;letter-spacing:-.04em;line-height:1.1;margin:0 0 16px}.jp{font-size:12px;letter-spacing:.1em;color:var(--green)}.vision{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:start}.vision h2{font-size:30px;line-height:1.8;margin:0 0 24px}.text{font-size:13px;line-height:2.3;color:#63716c}.text-link{display:inline-flex;gap:40px;border-bottom:1px solid var(--ink);padding:15px 0;font-size:12px;font-weight:700}.activities{background:#f3f7f4;border-radius:100px 0 0 0}.activity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.activity{padding:32px 0 10px;border-top:1px solid #b6c9bd}.activity .num{font-size:11px;color:var(--green);letter-spacing:.18em}.activity h3{font-size:25px;margin:25px 0 8px}.activity .sub{font-size:10px;letter-spacing:.16em;color:var(--green)}.activity p{min-height:90px}.activity a{display:flex;justify-content:space-between;font-size:12px;padding:20px 0;border-top:1px solid var(--line)}.journal-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:65px}.feature{background:#e9eee6;border-radius:12px 80px 12px 12px;min-height:310px;padding:40px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(ellipse at 100% 0,#cbdcbe,transparent 70%),#eaf0e7}.feature .large{font-family:Georgia,serif;font-size:72px;font-weight:400;color:#789580}.feature h3{font-size:23px;line-height:1.8;margin:20px 0}.tag{font-size:10px;letter-spacing:.15em;color:var(--green)}.article{display:block;padding:23px 0;border-bottom:1px solid var(--line)}.article:first-child{padding-top:0}.article h3{font-size:14px;line-height:1.9;font-weight:600}.profile{display:grid;grid-template-columns:1fr 1fr;gap:70px;background:#f7f7f2;border-radius:0 100px 0 0}.name{font-size:43px;margin:18px 0}.contact{margin:0 8% 90px;padding:45px 55px;background:var(--ink);border-radius:20px 70px 20px 20px;color:white;display:flex;align-items:center;justify-content:space-between}.contact h2{font-size:30px;margin:0 0 13px}.contact p{font-size:12px;color:#c8d6ce}.contact a{border:1px solid #738b7e;background:transparent;min-width:220px}footer{padding:0 8% 35px;display:flex;justify-content:space-between;align-items:end}footer small{font-size:9px;color:var(--muted)}.preview{padding:10px;text-align:center;background:#f2f5f2;color:#728078;font-size:10px;letter-spacing:.05em}a:hover{opacity:.7;transition:opacity .2s}@media(max-width:760px){header{height:80px;padding:0 6%}.brand{font-size:17px}nav>a:not(.pill){display:none}nav .pill{padding:12px 18px;font-size:10px}.hero{padding:65px 7% 45px;min-height:600px;align-items:flex-start}.hero-image{top:210px;width:88%;height:340px;border-radius:100px 0 0 20px;opacity:.6}.hero:after{background:linear-gradient(180deg,#fff 25%,#ffffffc9 50%,#ffffff00)}h1{font-size:36px}.hero p{font-size:12px;max-width:290px}.vertical{display:none}.newsbar{margin:0 7%;gap:14px;flex-wrap:wrap}.newsbar span{flex-basis:80%;line-height:1.8}.section{padding:70px 7%}.vision,.profile,.journal-grid{grid-template-columns:1fr;gap:35px}.vision h2{font-size:25px}.activity-grid{grid-template-columns:1fr}.activity p{min-height:0}.activities{border-radius:60px 0 0 0}.section-head{align-items:start;gap:20px}.section-head .text-link{font-size:10px;gap:10px;white-space:nowrap}.contact{margin:0 7% 60px;padding:35px 25px;display:block}.contact .pill{margin-top:20px}.contact h2{font-size:26px}footer{gap:25px;align-items:start;flex-direction:column}.feature{padding:30px}.profile{border-radius:0 60px 0 0}}
