/* Editorial transitions and representative message. */
.reading-progress{position:fixed;inset:0 0 auto;height:3px;z-index:30;pointer-events:none;transform-origin:left;transform:scaleX(0);background:linear-gradient(90deg,#d7b58d,#b73c65,#d996ad)}
.top{transition:background .3s ease,box-shadow .3s ease}.top.has-scrolled{background:rgba(255,253,251,.96);box-shadow:0 7px 24px #5b2c4210}
.logo>span{white-space:nowrap}.top .logo span{letter-spacing:.08em}
.representative{position:relative;overflow:hidden;background:linear-gradient(125deg,#faf3eb 0%,#fffaf7 52%,#f8eaf0 100%)}
.representative::before{content:"";position:absolute;width:640px;height:640px;border-radius:50%;background:radial-gradient(circle,#e9c5ca55,transparent 68%);left:-320px;top:0;pointer-events:none}
.representative-grid{position:relative;display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.3fr);gap:75px;align-items:start}
.representative-photo{position:relative;margin:25px 0 0;padding:15px 0 0 15px}
.representative-photo::before{content:"";position:absolute;inset:0 15px 22px 0;border:1px solid #d7b3bd;border-radius:180px 180px 26px 26px;pointer-events:none}
.representative-photo>img{position:relative;display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center top;border-radius:180px 180px 24px 24px;box-shadow:0 25px 65px -38px #603b4f88}
.representative-photo figcaption{position:relative;margin:23px 0 0;text-align:center;color:#765564;font-size:12px;letter-spacing:.13em}.representative-photo figcaption b{font-family:var(--font-display);font-size:18px;font-weight:500}
.representative-copy .eyebrow{font:500 11px/1.5 var(--font-num);letter-spacing:.19em;color:#ac5575;margin:0 0 17px}
.representative-copy h2{font-family:var(--font-display);font-size:clamp(28px,3.2vw,42px);line-height:1.75;letter-spacing:.045em;color:#593b46;margin:0 0 28px}
.representative-copy h2 em{font-style:normal;color:#aa4164}
.representative-copy p{font-size:14px;line-height:2.2;color:#6a525b;margin:0 0 21px;letter-spacing:.025em}
.representative-copy .message-close{font-family:var(--font-display);font-size:19px;line-height:1.9;color:#9d3e60;margin-top:29px}
.representative-copy .message-link{display:inline-flex;gap:20px;align-items:center;margin-top:10px;color:#983d5d;font-size:13px;border-bottom:1px solid #c58fa2;padding:5px 0;text-decoration:none}
.motion-ready [data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .85s cubic-bezier(.2,.65,.2,1),transform .85s cubic-bezier(.2,.65,.2,1);transition-delay:var(--reveal-delay,0ms)}
.motion-ready [data-reveal].is-visible{opacity:1;transform:translateY(0)}
.motion-ready [data-reveal="photo"]{transform:translateY(20px) scale(.98);transition-duration:1.1s}.motion-ready [data-reveal="photo"].is-visible{transform:translateY(0) scale(1)}
@keyframes career-picture-in{from{opacity:.55;transform:scale(1.045)}to{opacity:1;transform:scale(1)}}
@keyframes career-line-in{from{opacity:0;transform:translateY(27px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
.motion-ready .hero-backdrop img{animation:career-picture-in 1.8s cubic-bezier(.2,.7,.2,1) both}
.motion-ready #career-title>span{animation:career-line-in .9s cubic-bezier(.2,.7,.2,1) both;animation-delay:.18s}
.motion-ready #career-title>span:nth-child(2){animation-delay:.34s}.motion-ready #career-title>span:nth-child(3){animation-delay:.5s}
.motion-ready .hero-english{animation:career-line-in .85s .65s both}.motion-ready .hero-intro{animation:career-line-in .85s .78s both}.motion-ready .hero-actions{animation:career-line-in .85s .9s both}
.motion-ready .train .fill{transform:scaleX(0);transform-origin:left;transition:transform 1.15s cubic-bezier(.2,.7,.2,1);transition-delay:var(--bar-delay,0ms)}
.motion-ready .train.is-visible .fill{transform:scaleX(1)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.career-paths article{transition:transform .4s ease,box-shadow .4s ease}.career-paths article:hover{transform:translateY(-6px);box-shadow:0 24px 55px -25px #8d4a6350}.path-photo img,.photos img{transition:transform .7s cubic-bezier(.2,.65,.2,1)}.career-paths article:hover .path-photo img,.photos figure:hover img{transform:scale(1.025)}.path-photo,.photos figure{overflow:hidden}.hero-actions .btn{transition:transform .3s ease,box-shadow .3s ease}.hero-actions .btn:hover{transform:translateY(-3px);box-shadow:0 18px 30px -13px #9b3d6490}}
@media(max-width:900px){.representative-grid{gap:40px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.representative-copy p{font-size:13px}.representative-photo{padding-left:10px}.representative-copy h2{font-size:29px}}
@media(max-width:700px){.representative-grid{grid-template-columns:1fr;gap:32px}.representative-photo{max-width:300px;width:85%;margin:0 auto}.representative-copy h2{font-size:29px;margin-bottom:23px}.representative-copy p{font-size:14px;line-height:2.1}.representative-copy .message-close{font-size:18px}.representative-copy .eyebrow{font-size:10px}.top .logo span{font-size:8px;letter-spacing:.02em}.top .logo b{font-size:12px}.top .acts{gap:8px}}
@media(max-width:350px){.top .logo img{width:34px}.top .logo b{font-size:11px}.top .acts .btn{font-size:11px;padding-inline:14px}.representative-copy h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){.motion-ready [data-reveal],.motion-ready .train .fill{opacity:1;transform:none;transition:none}.motion-ready #career-title>span,.motion-ready .hero-backdrop img,.motion-ready .hero-english,.motion-ready .hero-intro,.motion-ready .hero-actions{animation:none}.reading-progress{display:none}.top,.career-paths article,.path-photo img,.photos img{transition:none}}

/* Reuse the original corporate signature image without visual alteration. */
.representative-photo figcaption{padding-bottom:18px}
.representative-photo::before{bottom:0}
.representative-role{display:block;margin-top:7px}
.representative-photo .representative-signature{display:block;width:230px;max-width:82%;height:auto;margin:8px auto 0;filter:none;opacity:1}
