/* A full-bleed portrait fades into a readable, live HTML president letter. */
.people-editorial{position:relative;isolation:isolate;background:#fbfcfc;color:#18364b;clip-path:none;padding:108px 0 84px;overflow:clip}
.people-editorial>.wrap{position:relative;z-index:1;max-width:1160px}
.president-background{position:absolute;z-index:0;inset:0;pointer-events:none}
.president-photo{position:sticky;top:0;height:min(900px,100svh);min-height:640px;margin-left:32%;overflow:hidden}
.president-photo img{width:100%;height:100%;object-fit:cover;object-position:58% 25%;opacity:.76;filter:saturate(.7)}
.president-photo:before{content:'';position:absolute;inset:0;z-index:1;background:rgba(12,25,31,.14);pointer-events:none}
.president-photo:after{content:'';position:absolute;z-index:2;inset:-1px;background:linear-gradient(90deg,#fbfcfc 0%,#fbfcfcf7 12%,#fbfcfcbf 29%,#fbfcfc42 48%,#fbfcfc0d 75%),linear-gradient(0deg,#fbfcfc 0%,#fbfcfc00 28%,#fbfcfc00 88%,#fbfcfc66 100%)}
.people-editorial .section-head{max-width:660px;margin-bottom:0;padding-bottom:32px;border:0}
.people-editorial .section-head>.eyebrow{display:flex;align-items:center;gap:14px;font-size:11px;letter-spacing:.22em;color:#008cab;margin-bottom:22px}
.people-editorial .section-head>.eyebrow:before{content:'';width:26px;height:2px;background:#00accc}
.people-editorial .section-head h2{font-size:clamp(29px,3vw,42px);font-weight:700;line-height:1.6;letter-spacing:.02em;color:#153448}
.people-editorial .section-head h2 .title-line:nth-child(n+2){display:inline;overflow:visible}
.people-editorial .section-head>p:last-child:not(.eyebrow){font-size:15px;line-height:2;color:#516b78;margin-top:22px}
.people-editorial .people-grid{display:block;max-width:650px;margin-top:24px}
.people-editorial .people-copy{width:100%;max-width:none;padding:32px 0 0;border:0;border-top:1px solid #b9ced7;background:transparent;border-radius:0;box-shadow:none}
.people-editorial .people-copy:before{content:none}
.people-editorial .people-copy>.eyebrow{display:flex;align-items:center;gap:16px;font-size:18px;font-weight:700;letter-spacing:.08em;color:#007ca0;margin-bottom:22px}
.people-editorial .people-copy>.eyebrow span{font:500 9px/1.5 'Noto Sans JP',sans-serif;letter-spacing:.16em;color:#607c8c}
.people-editorial .people-copy h3{font-size:clamp(27px,2.4vw,34px);font-weight:700;line-height:1.65;letter-spacing:.02em;color:#16394d;margin-bottom:23px}
.people-editorial .people-copy h3 span{color:#007d99}
.people-editorial .people-copy>p:not(.eyebrow){font-size:17px;font-weight:400;line-height:2.05;letter-spacing:.015em;color:#294858;margin-bottom:25px}
.people-editorial .people-copy>h3+p{font-size:18px!important;line-height:1.9!important;color:#183e51!important;font-weight:500;padding:0;border:0;margin-bottom:27px!important}
.president-signature{margin-top:34px;padding-top:24px;border-top:1px solid #c2d3da;display:flex;align-items:baseline;justify-content:flex-end;flex-wrap:wrap;gap:8px 17px}
.president-signature>span{font-size:12px;letter-spacing:.08em;color:#4a6879}
.president-signature strong{font-family:'Mikkomi Tagline','Yu Mincho',serif;font-weight:500;font-size:29px;letter-spacing:.12em;color:#173548}
.president-signature small{flex-basis:100%;text-align:right;font-size:9px;letter-spacing:.18em;color:#64808e}
.people-editorial .people-copy .button{margin-top:30px;background:#173c50;border-color:#173c50;color:white;font-size:12px;padding:12px 22px}
.people-editorial .people-copy .button:hover{background:#006f89;border-color:#006f89}
.people-editorial .values{margin-top:72px;padding-top:32px;border-top:1px solid #c7d9e1;gap:32px;color:#183c4e}
.people-editorial .values article{border-color:#c7d9e1}
.people-editorial .values article>span{color:#0086a3}
.people-editorial .values h3{color:#183c4e;font-size:22px}
.people-editorial .values p{color:#526c78}
@media(min-width:801px) and (max-width:1150px){
 .people-editorial .section-head,.people-editorial .people-grid{max-width:60%}
 .president-photo{margin-left:30%}
 .president-photo:after{background:linear-gradient(90deg,#fbfcfc 0%,#fbfcfcf7 23%,#fbfcfcb8 43%,#fbfcfc33 68%),linear-gradient(0deg,#fbfcfc,transparent 28%)}
 .people-editorial .section-head h2{font-size:30px}
}
@media(min-width:801px){
 .people-editorial{padding-top:80px;padding-bottom:64px}
 .people-editorial .section-head{max-width:820px;padding-bottom:20px}
 .people-editorial .people-grid{max-width:820px;width:72%;margin-top:16px}
 .people-editorial .people-copy{padding-top:24px}
 .people-editorial .people-copy>.eyebrow{margin-bottom:16px}
 .people-editorial .people-copy h3{font-size:clamp(25px,2.25vw,32px);line-height:1.6;margin-bottom:18px}
 .people-editorial .people-copy h3 br{display:none}
 .people-editorial .people-copy>p:not(.eyebrow){line-height:1.9;margin-bottom:20px}
 .people-editorial .people-copy>h3+p{margin-bottom:22px!important}
 .president-photo{margin-left:44%}
 .president-photo:after{background:linear-gradient(90deg,#fbfcfc 0%,#fbfcfcfa 12%,#fbfcfce0 30%,#fbfcfc70 47%,#fbfcfc0d 70%),linear-gradient(0deg,#fbfcfc 0%,transparent 28%,transparent 88%,#fbfcfc66 100%)}
 .president-signature{margin-top:26px;padding-top:20px}
 .people-editorial .values{margin-top:52px;padding-top:26px}
}
@media(max-width:800px){
 .people-editorial{padding:58px 0 56px}
 .people-editorial>.wrap{width:calc(100% - 40px)}
 .president-background{inset:0 0 auto;height:440px}
 .president-photo{position:relative;top:0;min-height:0;height:440px;margin-left:0}
 .president-photo img{object-position:54% 20%;opacity:.85}
 .president-photo:after{background:linear-gradient(0deg,#fbfcfc 0%,#fbfcfce8 22%,#fbfcfc00 72%)}
 .people-editorial .section-head{max-width:none;padding:248px 0 0;min-height:550px}
 .people-editorial .section-head h2{font-size:clamp(26px,4.8vw,34px);line-height:1.6;letter-spacing:0}
 .people-editorial .section-head h2 .title-line{white-space:normal}
 .people-editorial .section-head>p:last-child:not(.eyebrow){max-width:none;font-size:14px;line-height:1.9;margin-top:26px;color:#345463}
 .people-editorial .people-grid{max-width:none;margin-top:24px}
 .people-editorial .people-copy{padding-top:27px}
 .people-editorial .people-copy>.eyebrow{font-size:17px;gap:13px}
 .people-editorial .people-copy h3{font-size:28px;line-height:1.6}
 .people-editorial .people-copy>p:not(.eyebrow){font-size:16px;line-height:2;letter-spacing:.01em;margin-bottom:25px}
 .people-editorial .people-copy>h3+p{font-size:17px!important}
 .president-signature{margin-top:30px}
 .president-signature strong{font-size:26px}
 .people-editorial .values{margin-top:52px;gap:22px}
}
@media(max-width:360px){.people-editorial>.wrap{width:calc(100% - 36px)}.people-editorial .section-head h2{font-size:25px}}