/* Third section: photo-led stories and legible Korean text. */
html:has(#member:target){scroll-behavior:auto}
#people{color:#525e45;background:#e8ecdf;padding-bottom:72px}
#people .people-heading{margin:42px 0 26px}
#people .people-heading h2{font-size:clamp(31px,3.4vw,49px);line-height:1.48;letter-spacing:-.055em}
#people .carousel-top{justify-content:flex-end;margin:0 0 20px}
#people .members{display:flex;align-items:stretch;gap:24px;overflow:hidden;overflow:clip;padding:1px 0 4px;scroll-snap-type:none;scroll-behavior:auto;scroll-padding-inline:0;overscroll-behavior-x:contain;scrollbar-width:none;cursor:grab;touch-action:pan-y pinch-zoom}
#people .members-track{display:flex;flex:0 0 100%;min-width:0;align-items:stretch;gap:inherit;will-change:transform}
#people .members button{touch-action:pan-y pinch-zoom}
#people .members::-webkit-scrollbar{display:none}
#people .members.dragging{scroll-snap-type:none;cursor:grabbing;user-select:none}
#people .member-story{display:flex;flex:0 0 calc((100% - 48px)/3);flex-direction:column;min-width:0;margin:0;overflow:hidden;border:1px solid #d7dccf;border-radius:3px;background:#fffefa;box-shadow:none;scroll-snap-align:start;scroll-snap-stop:normal}
#people .member-story-visual{position:relative;height:330px;margin:0;overflow:hidden;background:#35402c}
#people .member-story-image{display:block;width:100%;height:100%;object-fit:cover;border:0;border-radius:0}
#people .member-story-visual::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,19,9,.8) 0%,rgba(12,19,9,.66) 36%,rgba(12,19,9,.19) 67%,rgba(12,19,9,.08) 100%);pointer-events:none}
#people .member-story-title{min-height:0;margin:0;font-family:var(--serif);font-size:clamp(24px,2.05vw,30px);font-weight:400;font-synthesis:none;line-height:1.55;letter-spacing:-.045em;white-space:pre-line;word-break:keep-all;overflow-wrap:normal}
#people .member-story-visual .member-story-title{position:absolute;z-index:1;top:26px;left:24px;right:24px;color:#fffbed;text-shadow:0 1px 5px rgba(0,0,0,.16)}
#people .member-story-visual.image-unavailable{background:#e5e6d7}
#people .image-unavailable::after{display:none}
#people .image-unavailable .member-story-title{color:#414c35;text-shadow:none}
#people .member-story .member-body{display:flex;flex:1;flex-direction:column;padding:24px}
#people .member-occupation{margin:0 0 9px;color:#606b53;font-size:13px;font-weight:500;line-height:1.6;letter-spacing:-.015em;word-break:keep-all}
#people .member-story .member-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:11px;margin:0}
#people .member-meta .member-name{color:#39462e;font-family:var(--serif);font-size:23px;font-weight:400;line-height:1.5}
#people .member-meta .member-cohort{padding-left:11px;border-left:1px solid #cfd5c6;color:#737c69;font-size:12px;line-height:1.5}
#people .member-story .member-description{min-height:0;margin:18px 0 24px;color:#606956;font-size:14px;line-height:1.85;letter-spacing:-.018em;white-space:pre-line;word-break:keep-all;overflow-wrap:break-word}
#people .member-story .story-open{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:52px;margin:auto 0 0;padding:13px 16px;border:1px solid #58664a;border-radius:2px;color:#fffbee;background:#58664a;font-size:14px;font-weight:500;line-height:1.6;text-align:left;transition:background .18s,border-color .18s}
#people .member-story .story-open>span:last-child{font-size:23px;font-weight:400}
#people .member-story .story-open:hover{color:#fffbee;background:#404e34;border-color:#404e34}
#people .story-open:focus-visible,#people .carousel-controls button:focus-visible,#people .members:focus-visible,#people .members-more a:focus-visible{outline:2px solid #647650;outline-offset:4px}
#people .carousel-controls{gap:12px}
#people .carousel-controls>span{min-width:100px;font-size:12px;letter-spacing:.3px;white-space:nowrap}
#people .carousel-controls button{width:44px;height:44px;border-radius:50%;box-shadow:none}
#people .members-more{display:flex;justify-content:center;margin-top:34px}
#people .members-more a{display:flex;align-items:center;justify-content:space-between;gap:48px;min-height:62px;max-width:420px;width:100%;padding:17px 24px;border:1px solid #697459;border-radius:2px;color:#3e4b32;background:transparent;font-size:15px;font-weight:500;line-height:1.7;text-decoration:none;transition:background .18s}
#people .members-more a:hover{background:#e5e8db}
#people .members-more a span{font-size:24px;line-height:1}
#people .members-empty{flex:0 0 100%;margin:0;padding:42px 24px;border-block:1px solid #d7dccf;color:#65705a;font-size:14px;line-height:1.9;word-break:keep-all}
footer.site-footer{background:#dce3d1;border-color:#cbd4bd}
#story-dialog .dialog-content{padding-bottom:30px;border-bottom:1px solid #d1d6c8}
#story-dialog .dialog-shell{padding-bottom:32px}
@media(min-width:701px) and (max-width:1000px){
#people .members{gap:16px}
#people .member-story{flex-basis:calc((100% - 32px)/3)}
#people .member-story-title{font-size:clamp(19px,2.6vw,25px);line-height:1.55;white-space:normal}
#people .member-story-visual{height:285px}
#people .member-story-visual .member-story-title{top:22px;left:16px;right:16px}
#people .member-story .member-body{padding:20px 16px}
#people .member-occupation{font-size:12px}
#people .member-story .member-description{font-size:13px}
#people .member-story .story-open{font-size:12px;padding-inline:12px}
}
@media(max-width:700px){
#people{padding:46px 24px 52px}
#people .people-heading{margin:28px 0 22px}
#people .people-heading h2{font-size:clamp(28px,7.7vw,34px);line-height:1.5}
#people .members{gap:10px;margin-inline:-24px;padding:1px calc(7.5vw - 12px) 4px 12px;scroll-padding-inline:12px}
#people .member-story{flex-basis:92.5vw}
#people .member-story-visual{height:320px}
#people .member-story-title{font-size:clamp(24px,6.65vw,29px);line-height:1.55}
#people .member-story-visual .member-story-title{top:26px;left:23px;right:23px}
#people .member-story .member-body{padding:24px 22px 22px}
#people .member-story .member-description{font-size:14px;line-height:1.85;margin:16px 0 22px}
#people .carousel-top{margin:0 0 18px}
#people .carousel-controls{gap:10px}
#people .carousel-controls>span{min-width:64px;font-size:11px}
#people .members-more{margin-top:28px}
#people .members-more a{min-height:60px;font-size:14px;padding-inline:20px;gap:20px}
}