/* Shared photographs stay intact; all treatment is a presentation overlay. */
.site-hero{position:relative;height:342px;overflow:hidden;background:#17191a;color:#fff;isolation:isolate;touch-action:pan-y}
.hero-track{display:flex;width:100%;height:100%;transform:translateX(-100%);will-change:transform}
.hero-track[data-position="0"]{transform:translateX(0)}
.hero-track[data-position="1"]{transform:translateX(-100%)}
.hero-track[data-position="2"]{transform:translateX(-200%)}
.hero-track[data-position="3"]{transform:translateX(-300%)}
.hero-track[data-position="4"]{transform:translateX(-400%)}
.hero-track[data-position="5"]{transform:translateX(-500%)}
.hero-track[data-position="6"]{transform:translateX(-600%)}
.hero-photo-0{--position:50% 35%;--mobile-position:72% 50%}
.hero-photo-1{--position:50% 53%;--mobile-position:50% 50%}
.hero-photo-2{--position:50% 48%;--mobile-position:62% 50%}
.hero-photo-3{--position:50% 61%;--mobile-position:65% 52%}
.hero-photo-4{--position:50% 55%;--mobile-position:58% 50%}
.hero-track.is-moving{transition:transform 850ms cubic-bezier(.22,.67,.25,1)}
.hero-slide{margin:0;position:relative;flex:0 0 100%;height:100%;overflow:hidden}
.hero-slide img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:var(--position,50% 50%);filter:saturate(.82) contrast(1.04)}
.hero-vignette,.hero-pattern{position:absolute;inset:0;pointer-events:none}
.hero-vignette{background:linear-gradient(90deg,rgba(8,13,16,.78),rgba(8,13,16,.32) 43%,rgba(8,13,16,.02) 72%),linear-gradient(0deg,rgba(8,11,15,.65),transparent 40%),radial-gradient(ellipse at 55% 44%,transparent 26%,rgba(4,9,13,.38) 100%);z-index:1}
.hero-pattern{background-image:repeating-linear-gradient(0deg,transparent 0,transparent 2px,rgba(0,0,0,.12) 2px,rgba(0,0,0,.12) 3px),radial-gradient(rgba(255,255,255,.12) .65px,transparent .8px);background-size:100% 3px,4px 4px;opacity:.58;z-index:2}
.hero-inner{position:absolute;inset:0;max-width:1000px;margin:auto;padding:0 5px;z-index:3;pointer-events:none}
.hero-identity{position:absolute;left:5px;top:80px;text-shadow:0 1px 15px rgba(0,0,0,.15)}
.hero-identity>span{font-size:9px;letter-spacing:2.5px;color:#d9dddd;font-weight:400}
.hero-name{font:bold 65px/1.12 Georgia,"Times New Roman",serif;letter-spacing:-2px;margin:8px 0 9px}
.hero-korean{font-size:18px;letter-spacing:-.4px;font-weight:400}
.hero-bottom{position:absolute;left:5px;right:5px;bottom:22px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.hero-caption{font-size:11px;color:#f1f1ef;line-height:1.6;display:flex;align-items:center;gap:12px}
.hero-caption>span:first-child{font-size:9px;letter-spacing:.35px;color:#cbd1d1;border-right:1px solid #ffffff4d;padding-right:12px}
.hero-controls{display:flex;align-items:center;gap:5px;pointer-events:auto}
.hero-controls button{border:1px solid #ffffff40;background:#0f15152e;color:#fff;width:30px;height:30px;padding:0;line-height:1;display:grid;place-items:center;border-radius:0}
.hero-controls>button:hover{background:#ffffff29;border-color:#ffffff80}
#hero-prev,#hero-next{font:25px/1 Georgia,serif;padding-bottom:3px}
#hero-pause{font-size:10px;margin-left:4px}
.hero-count{font:10px/1.4 Arial,sans-serif;letter-spacing:1px;margin:0 14px 0 12px;white-space:nowrap;font-variant-numeric:tabular-nums}
.hero-dots{display:flex;gap:4px}
.hero-dots button{border:0;background:transparent;width:22px;height:30px}
.hero-dots button:before{content:"";display:block;width:17px;height:2px;background:#ffffff66;transition:background .2s}
.hero-dots button[aria-pressed="true"]:before{background:white;height:3px}
.hero-controls button:focus-visible{outline:2px solid white;outline-offset:3px}
.department{grid-template-columns:300px 1fr;gap:32px}
.department-photo{padding-top:0!important}
.department-photo img{display:block;width:100%;height:auto;aspect-ratio:1.6;object-fit:cover;filter:saturate(.88) contrast(1.02)}
.department-photo figcaption{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:#777;margin-top:9px}
.department-photo figcaption span{font-size:9px;color:#999;white-space:nowrap}
.history-tools{margin-top:0}
@media(min-width:1600px){.hero-slide img{object-position:var(--position-wide,var(--position,50% 50%))}.site-hero{height:380px}}
@media(max-width:1019px){.hero-inner{width:94%}.hero-identity{left:0}.hero-bottom{left:0;right:0}.department{grid-template-columns:minmax(0,1fr) 47%;gap:22px}.hero-name{font-size:60px}}
@media(max-width:700px){.site-hero{height:290px}.hero-inner{width:100%;padding:0 22px}.hero-identity{top:39px;left:22px}.hero-name{font-size:48px;margin:7px 0 10px}.hero-identity>span{font-size:7px;letter-spacing:1.5px}.hero-korean{font-size:15px;letter-spacing:-.3px}.hero-slide img{object-position:var(--mobile-position,65% 50%)}.hero-vignette{background:linear-gradient(90deg,rgba(7,12,16,.65),rgba(7,12,16,.2) 60%,rgba(7,12,16,.05)),linear-gradient(0deg,rgba(6,11,15,.8),transparent 65%),radial-gradient(ellipse at 58% 42%,transparent 10%,rgba(4,9,13,.25) 100%)}.hero-bottom{left:22px;right:22px;bottom:15px;display:block}.hero-caption{font-size:10px;gap:9px;margin-bottom:10px}.hero-caption>span:first-child{font-size:8px;padding-right:9px}.hero-controls{gap:4px;justify-content:flex-end}.hero-dots{margin-right:auto;gap:1px}.hero-count{font-size:9px;margin:0 9px 0 6px}.hero-controls button{height:28px;width:28px}.hero-dots button{width:19px}.hero-dots button:before{width:14px}.department{display:flex;gap:18px}.department-photo img{max-height:none!important;aspect-ratio:1.6}.department-photo figcaption{font-size:10px}.department-photo figcaption span{font-size:8px}}
@media(prefers-reduced-motion:reduce){.hero-track.is-moving{transition:none}.hero-dots button:before{transition:none}}
@media print{.site-hero{display:none}}