/* Vook v14: Work page */
.whero{background:#f2f2f2;padding:170px 0 90px;text-align:center;position:relative;overflow:hidden}
.whero:before{content:'';position:absolute;inset:0;background:radial-gradient(55% 60% at 50% 0%,#fff,rgba(255,255,255,0) 70%);pointer-events:none}
.whero .wrap,.vk .whero .e-con.wrap{display:flex;flex-direction:column;align-items:center;position:relative}
.whero h1{font-size:clamp(40px,5.4vw,72px);line-height:1.06;letter-spacing:-.055em;max-width:720px;margin-top:20px}
.whero .sub{font-size:18px;color:#555;max-width:560px;margin:20px auto 0;line-height:1.55}
.wstats{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap;justify-content:center}
.wstats div{background:#fff;border-radius:18px;padding:18px 26px;min-width:150px;box-shadow:0 0 0 1px rgba(0,0,0,.06)}
.wstats b{display:block;font:800 30px/1 var(--fh);letter-spacing:-.04em}
.wstats span{display:block;margin-top:8px;font-size:13.5px;font-weight:600;color:#666}
.js .whero .r{animation:h4in 1s var(--eo) both}.js .whero h1.r{animation-delay:.06s}.js .whero .sub.r{animation-delay:.12s}.js .whero .wstats.r{animation-delay:.18s}
.wpage{padding-top:80px}
.wpage .wf{margin-top:0}
/* masonry grid: tall short-form and wide long-form cards */
.wgp{columns:3;column-gap:16px}
.wgp .wv{break-inside:avoid;margin:0 0 18px;display:block}
.wgp .wv.hide,.wgp .wv.more{display:none}
.wgp .wp-l .wvi{aspect-ratio:16/10}
.wgp .wp-s .wvi{aspect-ratio:4/5}
.wgp .wv.reveal{animation:h4in .7s var(--eo) both}
.wload{display:flex;justify-content:center;margin-top:30px}
.wload.done{display:none}
.lmore{cursor:pointer;font-family:var(--fb)}
@media(max-width:1080px){.wgp{columns:2}}
@media(max-width:720px){.whero{padding:130px 0 70px}.wstats div{min-width:0;flex:1;padding:14px 12px}.wstats b{font-size:22px}.wgp{columns:1}}

/* even rows */
.wgp{columns:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px 16px}
.wgp .wv{margin:0}
.wgp .wp-l .wvi,.wgp .wp-s .wvi{aspect-ratio:4/5}
.wgp .wp-l .wvi:before{content:'Long-form';position:absolute;left:14px;top:14px;z-index:2;background:#fff;border-radius:999px;padding:6px 11px;font:700 11.5px/1 var(--fb);letter-spacing:.02em}
@media(max-width:1080px){.wgp{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.wgp{grid-template-columns:1fr 1fr;gap:12px 10px}.wv figcaption{flex-direction:column;gap:2px}}