/* Vook v15: About page */
.ahero{background:#f2f2f2;padding:160px 0 100px;text-align:center;position:relative;overflow:hidden}
.ahero:before{content:'';position:absolute;inset:0;background:radial-gradient(55% 45% at 50% 0%,#fff,rgba(255,255,255,0) 70%);pointer-events:none}
.ahero .wrap,.vk .ahero .e-con.wrap{display:flex;flex-direction:column;align-items:center;position:relative}
.ahero h1{font-size:clamp(40px,5.4vw,72px);line-height:1.06;letter-spacing:-.055em;max-width:760px;margin-top:20px}
.ahero .sub{font-size:18px;color:#555;max-width:560px;margin:20px auto 0;line-height:1.55}
.aimg{position:relative;width:100%;margin-top:48px;aspect-ratio:16/8;border-radius:28px;overflow:hidden;background:#ddd}
.aimg img{width:100%;height:100%;object-fit:cover;object-position:center 30%;transform:scale(1.06);transition:transform 1.6s var(--eo)}
.aimg.in img{transform:none}
.atag{position:absolute;left:20px;bottom:20px;display:inline-flex;align-items:center;gap:8px;background:#fff;border-radius:999px;padding:9px 14px 9px 10px;font:600 14px/1 var(--fb)}
.atag svg.i{width:14px;height:14px;color:var(--vk)}
.astats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;width:100%;margin-top:12px}
.astats>div{background:#ece7ff;border-radius:22px;padding:30px 20px;text-align:center}
.astats b{display:block;font:800 clamp(34px,3.6vw,48px)/1 var(--fh);letter-spacing:-.05em;color:#000;font-variant-numeric:tabular-nums}
.astats span{display:block;margin-top:12px;font-size:14.5px;font-weight:600;color:#333}
/* rolling digits */
.roll{display:inline-flex;overflow:hidden;height:1em;line-height:1;vertical-align:top}
.roll .dg{display:inline-flex;flex-direction:column;transition:transform 1.6s cubic-bezier(.23,1,.32,1)}
.roll .dg i{font-style:normal;height:1em;line-height:1}
/* mission */
.mgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:stretch}
.macc{display:flex;flex-direction:column;justify-content:center;gap:10px}
.macc details{background:var(--bg);border-radius:18px}
.macc summary{font-size:19px}
.macc details p{color:#555}
.mimg{position:relative;border-radius:24px;overflow:hidden;min-height:440px;background:#ddd}
.mimg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mq2{position:absolute;left:18px;right:18px;bottom:18px;background:#fff;border-radius:18px;padding:18px 20px}
.mq2 b{display:block;font-size:19px;letter-spacing:-.02em}
.mq2 span{display:block;margin-top:6px;font-size:13.5px;color:#777;font-weight:600}
/* milestones (dark) */
.miles{background:#000!important;border-radius:40px;margin:0 16px}
.miles .eyebrow{background:rgba(255,255,255,.08);color:#fff}
.miles .head p{color:rgba(255,255,255,.6)}
.mfeat{display:grid;grid-template-columns:.9fr 1.1fr;gap:20px;background:#ece7ff;border-radius:28px;padding:14px}
.mfi{border-radius:18px;overflow:hidden;min-height:300px}
.mfi img{width:100%;height:100%;object-fit:cover}
.mfb{padding:20px 18px 18px;display:flex;flex-direction:column}
.mft{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.vk .mft h3{color:#000;font-size:28px;letter-spacing:-.04em}
.mft span{font-weight:700;color:#000}
.mfb p{color:#444;margin-top:10px;max-width:440px}
.mfc{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:auto;padding-top:24px}
.mfc div{background:#000;color:#fff;border-radius:16px;padding:18px 16px}
.mfc b{display:block;font:800 26px/1 var(--fh);letter-spacing:-.04em}
.mfc span{display:block;margin-top:8px;font-size:13px;color:rgba(255,255,255,.7)}
.mlist{margin-top:18px}
.mrow{display:grid;grid-template-columns:1fr 1.3fr auto;gap:24px;align-items:center;padding:28px 6px;border-bottom:1px solid rgba(255,255,255,.14)}
.vk .mrow h3{color:#fff;font-size:20px;letter-spacing:-.03em}
.mrow p{color:rgba(255,255,255,.6);font-size:15px}
.mrow span{color:#fff;font-weight:700}
/* team roles */
.tgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.tm{margin:0;background:#fff;border-radius:22px;padding:8px 8px 20px}
.tmi{aspect-ratio:4/5;border-radius:16px;overflow:hidden;background:#ddd}
.tmi img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--eo)}
@media(hover:hover){.tm:hover .tmi img{transform:scale(1.05)}}
.tm figcaption{padding:16px 10px 0}
.tm b{display:block;font-size:18px;letter-spacing:-.03em}
.tm span{display:block;margin-top:6px;font-size:14.5px;color:#666}
.js .ahero .r{animation:h4in 1s var(--eo) both}.js .ahero h1.r{animation-delay:.06s}.js .ahero .sub.r{animation-delay:.12s}.js .ahero .aimg.r{animation-delay:.2s}
@media(max-width:1080px){.astats{grid-template-columns:1fr 1fr}.mgrid,.mfeat{grid-template-columns:1fr}.tgrid{grid-template-columns:1fr 1fr}.mrow{grid-template-columns:1fr auto}.mrow p{grid-column:1/-1;grid-row:2}}
@media(max-width:720px){.ahero{padding:120px 0 70px}.aimg{aspect-ratio:4/5;border-radius:22px}.astats>div{padding:22px 12px}.miles{margin:0 8px;border-radius:30px}.mimg{min-height:360px}.mfc{grid-template-columns:1fr 1fr 1fr;gap:6px}.mfc b{font-size:20px}.mfc div{padding:14px 10px}}

.ahero .elementor-widget-html,.whero .elementor-widget-html{width:100%;align-self:stretch}
.whero .elementor-widget-html{display:flex;justify-content:center}

.astats .roll{display:inline-flex;font-size:inherit;margin:0;color:inherit;font-weight:inherit;height:1em}
.astats .roll .dg{display:inline-flex;flex-direction:column;font-size:inherit;margin:0;color:inherit}