/* OKNOBER / Figma 141:52; grid 794 + 81 + 651 at 1920 layout. */
.ab-expert{background:#fff;color:#333;padding:var(--ab-ex-pt,101rem) 0 var(--ab-ex-pb,66rem)}
.ab-expert__wrap{width:calc(100% - 386rem);max-width:1534rem;margin:0 auto}
.ab-expert__body{display:grid;grid-template-columns:794rem minmax(0,651rem);gap:81rem;align-items:end}
.ab-expert__media{display:flex;flex-direction:column;gap:43rem;min-width:0}
.ab-expert__main-image{padding:0;width:100%;height:529rem;display:block;overflow:hidden;border:0;border-radius:30rem;background:#ede9e5;cursor:zoom-in}
.ab-expert__photo{width:100%;height:100%;display:block;object-fit:cover;max-width:none;transition:transform .3s ease}
.ab-expert__main-image:hover .ab-expert__photo{transform:scale(1.015)}
.ab-expert__thumbs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24.95rem;min-width:0}
.ab-expert__thumb{position:relative;display:block;height:189.82rem;padding:0;border:0;border-radius:21.69rem;overflow:hidden;background:#f1eeeb;cursor:pointer}
.ab-expert__thumb>img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}
.ab-expert__thumb-action{position:absolute;left:13rem;top:14rem;display:grid;place-items:center;width:38rem;height:38rem;border-radius:50%;background:#fff;color:#222;box-shadow:0 2rem 8rem rgba(0,0,0,.12)}
.ab-expert__play-triangle{width:0;height:0;border-top:7rem solid transparent;border-bottom:7rem solid transparent;border-left:10rem solid #222;margin-left:3rem}
.ab-expert__zoom-mark{font-size:27rem;font-weight:400;line-height:1}
.ab-expert__right{width:100%;min-width:0;display:flex;flex-direction:column;align-items:stretch}
.ab-expert__heading{font-size:52rem;line-height:1.0;letter-spacing:0;font-weight:700;margin:0 0 31rem;overflow-wrap:break-word;color:#333}
.ab-expert__description{font-size:18rem;line-height:24rem;color:rgba(51,51,51,.8);margin:0 0 29rem;max-width:612rem}
.ab-expert__person{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:79rem;gap:20rem;margin-bottom:50rem}
.ab-expert__person-copy{display:flex;flex-direction:column;gap:6rem;max-width:398rem;border-left:2rem solid #ffd85c;padding-left:20rem}
.ab-expert__name{font-size:24rem;line-height:29rem;font-weight:700;margin:0}
.ab-expert__role{font-size:18rem;line-height:1.2;margin:0;max-width:376rem}
.ab-expert__signature{width:172rem;height:58rem;display:block;object-fit:contain;mix-blend-mode:multiply;max-width:28%;flex:0 0 auto}
.ab-expert__facts{display:flex;align-items:center;justify-content:space-between;gap:10rem;margin:0 0 50rem;padding:0;list-style:none}
.ab-expert__fact{display:flex;flex:0 1 auto;align-items:center;gap:16rem;min-width:0;color:#333;font-size:16rem;line-height:1.2}
.ab-expert__fact-icon{display:block;object-fit:contain;width:30rem;height:30rem;flex:0 0 30rem}
.ab-expert__partners{width:100%;min-height:236rem;background:#f9f7f3;border-radius:30rem;padding:20rem 46rem;display:flex;flex-direction:column;gap:12rem}
.ab-expert__partners-title{font-size:24rem;line-height:29rem;margin:0;font-weight:700}
.ab-expert__partner-logos{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40rem;min-height:154rem}
.ab-expert__partner{display:grid;place-items:center;min-width:0;width:100%;height:154rem}
.ab-expert__partner-img{object-fit:contain;display:block;width:100%;height:100%;max-width:260rem;max-height:154rem}
.ab-expert__dialog{position:fixed;max-height:calc(100dvh - 40px);width:min(1080px,calc(100vw - 36px));max-width:none;margin:auto;padding:0;border:0;border-radius:20px;background:#fff;color:#222;box-shadow:0 25px 80px rgba(0,0,0,.45)}
.ab-expert__dialog::backdrop{background:rgba(0,0,0,.8)}
.ab-expert__dialog-inner{display:flex;flex-direction:column;max-height:calc(100dvh - 40px);padding:22px;gap:15px}
.ab-expert__dialog-top{display:flex;align-items:center;justify-content:space-between;gap:14px}
.ab-expert__dialog-title{font-size:23px;margin:0;line-height:1.2}
.ab-expert__dialog-close{border:0;background:#eee;color:#111;width:40px;height:40px;border-radius:50%;font-size:28px;line-height:1;flex:0 0 40px}
.ab-expert__viewer{display:grid;grid-template-columns:45px minmax(0,1fr) 45px;gap:12px;align-items:center;min-height:0;flex:1 1 auto}
.ab-expert__stage{display:grid;place-items:center;min-height:180px;max-height:calc(100dvh - 195px);min-width:0;overflow:hidden}
.ab-expert__stage>img,.ab-expert__stage>video{object-fit:contain;display:block;width:100%;height:auto;max-height:calc(100dvh - 195px);max-width:100%}
.ab-expert__arrow{width:44px;height:58px;background:#f6f6f6;border:0;border-radius:8px;font-size:37px;color:#222}
.ab-expert__arrow:disabled{opacity:.3;cursor:default}
.ab-expert__dialog-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:15px;color:#555;min-height:25px}
.ab-expert__dialog-bottom p{margin:0;text-align:right}
@media(max-width:900px){
.ab-expert{padding:70px 0 80px}.ab-expert__wrap{width:calc(100% - 48px);max-width:780px}
.ab-expert__body{display:flex;flex-direction:column;gap:0;align-items:stretch}
.ab-expert__right{display:contents}
.ab-expert__heading{order:0;font-size:clamp(32px,5.5vw,46px);line-height:1.13;margin:0 0 30px}
.ab-expert__media{order:1;gap:22px;margin-bottom:35px}
.ab-expert__main-image{height:auto;aspect-ratio:794/529;border-radius:22px}
.ab-expert__thumbs{gap:12px}
.ab-expert__thumb{height:auto;aspect-ratio:139/190;border-radius:14px}
.ab-expert__thumb-action{left:10px;top:10px;width:30px;height:30px}
.ab-expert__play-triangle{border-top-width:5px;border-bottom-width:5px;border-left-width:8px}
.ab-expert__zoom-mark{font-size:22px}
.ab-expert__description{order:2;font-size:17px;line-height:1.5;max-width:none;margin:0 0 26px}
.ab-expert__person{order:3;margin-bottom:30px;min-height:76px}
.ab-expert__person-copy{gap:6px;max-width:70%;padding-left:17px}
.ab-expert__name{font-size:23px;line-height:1.2}
.ab-expert__role{font-size:17px;line-height:1.35}
.ab-expert__signature{width:160px;height:55px;max-width:28%}
.ab-expert__facts{order:4;gap:18px;margin:0 0 34px;justify-content:flex-start}
.ab-expert__fact{gap:10px;font-size:15px}
.ab-expert__fact-icon{width:28px;height:28px;flex-basis:28px}
.ab-expert__partners{order:5;min-height:210px;padding:24px 32px;border-radius:24px;gap:10px}
.ab-expert__partners-title{font-size:23px}
.ab-expert__partner-logos{gap:20px;min-height:140px}
.ab-expert__partner{height:140px}
.ab-expert__partner-img{max-height:140px;max-width:230px}
}
@media(max-width:600px){
.ab-expert{padding:var(--ab-ex-pt,70rem) 0 var(--ab-ex-pb,66rem)}
.ab-expert__wrap{width:calc(100% - 32rem);max-width:none}
.ab-expert__heading{font-size:31rem;line-height:1.17;margin-bottom:29rem}
.ab-expert__media{gap:16rem;margin-bottom:28rem}
.ab-expert__main-image{border-radius:17rem}
.ab-expert__thumbs{gap:7rem}
.ab-expert__thumb{border-radius:9rem}
.ab-expert__thumb-action{width:23rem;height:23rem;left:6rem;top:7rem}
.ab-expert__zoom-mark{font-size:19rem}
.ab-expert__play-triangle{border-top-width:4rem;border-bottom-width:4rem;border-left-width:7rem}
.ab-expert__description{font-size:16.5rem;line-height:1.48;margin-bottom:24rem}
.ab-expert__person{min-height:0;align-items:center;gap:6rem;margin-bottom:26rem}
.ab-expert__person-copy{padding-left:13rem;max-width:74%;gap:6rem}
.ab-expert__name{font-size:20rem}
.ab-expert__role{font-size:14.5rem}
.ab-expert__signature{width:100rem;height:45rem;max-width:26%;object-fit:contain}
.ab-expert__facts{flex-direction:column;align-items:flex-start;gap:17rem;margin-bottom:29rem}
.ab-expert__fact{font-size:16rem;gap:13rem;line-height:1.3}
.ab-expert__fact-icon{width:28rem;height:28rem;flex-basis:28rem}
.ab-expert__partners{padding:22rem 17rem 18rem;border-radius:19rem;gap:16rem;min-height:0}
.ab-expert__partners-title{font-size:22rem;line-height:1.2}
.ab-expert__partner-logos{gap:12rem;min-height:110rem}
.ab-expert__partner{height:110rem}.ab-expert__partner-img{max-height:105rem}
.ab-expert__dialog{inset:0;margin:0;width:100vw;height:100dvh;max-height:none;border-radius:0}
.ab-expert__dialog-inner{max-height:100dvh;height:100dvh;gap:14px;padding:18px 14px 24px}
.ab-expert__dialog-title{font-size:18px}
.ab-expert__viewer{grid-template-columns:28px minmax(0,1fr) 28px;gap:4px}
.ab-expert__arrow{width:27px;height:50px;font-size:28px;background:transparent}
.ab-expert__stage{max-height:calc(100dvh - 160px)}
.ab-expert__stage>img,.ab-expert__stage>video{max-height:calc(100dvh - 160px)}
.ab-expert__dialog-bottom{font-size:14px}
}
@media(prefers-reduced-motion:reduce){.ab-expert__photo{transition:none}}