/* Work has its own gallery; Landing retains its original horizontal collection. */
.work-index{background:#1b2236;color:#f5f2f8;padding:160px 5vw 110px;overflow:clip}
.wg-intro{max-width:1080px;padding:0 0 7vh}.wg-eyebrow,.wg-scroll,.wg-detail__index,.wg-number{font:11px/1.5 var(--font-mono,'JetBrains Mono',monospace);letter-spacing:.14em}.wg-eyebrow{color:#bfc4d6;margin-bottom:32px}.wg-intro h1{font-size:clamp(44px,6.5vw,100px);line-height:1.13;letter-spacing:-.055em;font-weight:600;margin:0 0 28px}.wg-lede{max-width:520px;color:#c2c7d7;font-size:clamp(16px,1.5vw,21px);line-height:1.8}.wg-scroll{display:block;margin-top:44px;color:#aab2c8}
.wg-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,22%);gap:4vw;align-items:start}.wg-gallery{min-width:0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:65px 25px;align-items:start}.wg-card{width:100%;margin:0;position:relative;min-width:0;grid-column:span 4}.wg-card:nth-child(5n+1){grid-column:span 7}.wg-card:nth-child(5n+2){grid-column:span 5;margin-top:85px}.wg-card:nth-child(5n+4){margin-top:55px}.wg-card:nth-child(5n+5){margin-top:110px}.wg-card a{display:block;color:inherit;text-decoration:none}.wg-card figure{margin:0;overflow:hidden;border-radius:5px;background:#252d44;box-shadow:0 20px 60px #070c1829}.wg-card img{width:100%;height:auto;display:block;transition:transform 850ms cubic-bezier(.16,1,.3,1),filter 600ms}.wg-card a:hover img{transform:scale(1.035);filter:brightness(1.07)}.wg-card a:focus-visible{outline:2px solid #fff;outline-offset:9px;border-radius:5px}.wg-caption{display:flex;gap:16px;align-items:baseline;margin-top:18px}.wg-number{color:#909aaf}.wg-caption h2{font-size:14px;font-weight:500;line-height:1.5;margin:0;letter-spacing:0}.wg-caption h2 span{color:#aeb7cb;font-weight:400;margin-left:0;display:block}.wg-arrow{margin-left:auto;color:#bdc7de;transition:transform .35s}.wg-card a:hover .wg-arrow{transform:translate(3px,-3px)}.wg-mobile-role{display:none}
.wg-context{align-self:stretch;position:relative}.wg-context__sticky{position:sticky;top:29vh;padding:0 0 40px;border-top:1px solid #ffffff42}.wg-detail{padding-top:24px;animation:wg-context-in .5s ease both}.wg-detail[hidden]{display:none}.wg-detail__index{color:#b7bfd2;display:flex;justify-content:space-between;margin-bottom:46px}.wg-detail h2{font-size:clamp(30px,3.2vw,50px);line-height:1.1;letter-spacing:-.035em;margin:0 0 16px}.wg-detail h3{font-size:clamp(19px,1.9vw,28px);line-height:1.35;font-weight:400;color:#d9deeb;margin:0 0 30px}.wg-detail__role{font-size:15px;line-height:1.8;color:#aebad1}.wg-detail__link{display:inline-block;margin-top:28px;padding:12px 0;color:inherit;border-bottom:1px solid #ffffff70;text-decoration:none;font-size:14px;transition:color .3s,border-color .3s}.wg-detail__link:hover{color:#fde5a3;border-color:#fde5a3}.wg-end{padding:160px 0 30px;text-align:center}.wg-end p{font-size:clamp(24px,3vw,42px);margin-bottom:30px}.wg-end .btn{color:#fff;border-color:#ffffff60}.wg-end .btn:hover{background:#f5f2f8;color:#1b2440}.footer{border-top:1px solid #ffffff30}
@keyframes wg-context-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:700px){.work-index{padding:120px 6vw 60px}.wg-intro{padding:20px 0 65px}.wg-intro h1{font-size:clamp(35px,8.5vw,58px);letter-spacing:-.045em}.wg-eyebrow{font-size:9px}.wg-layout{display:block}.wg-context{display:none}.wg-gallery{gap:65px}.wg-card{width:100%}.wg-card--1,.wg-card--3{width:88%;align-self:flex-end}.wg-card--2,.wg-card--4{width:94%;margin-left:0}.wg-card--5{width:100%}.wg-caption{gap:10px;margin-top:14px}.wg-caption h2{font-size:14px}.wg-caption h2 span{display:block;margin-left:0;margin-top:3px}.wg-number{font-size:9px}.wg-mobile-role{display:block;font-size:12px;color:#aeb7cb;margin:8px 0 0 27px}.wg-end{padding:90px 0 15px}}
@media(prefers-reduced-motion:reduce){.wg-detail{animation:none}.wg-card img,.wg-arrow{transition:none}.wg-card a:hover img{transform:none}}

/* Same entrance as Shop catalog cards: 750ms fade and 24px rise, no iris. */
.wg-card figure.wg-pending{opacity:0}.wg-card figure.wg-shop-reveal{animation:wg-shop-reveal 750ms var(--ease-out) both}
@keyframes wg-shop-reveal{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@media(max-width:1000px) and (min-width:701px){.wg-gallery{gap:45px 20px}.wg-card:nth-child(n){grid-column:span 6;margin:0}.wg-card:nth-child(even){margin-top:60px}.wg-caption{gap:8px}.wg-number{display:none}}
@media(max-width:700px){.wg-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 15px}.wg-card:nth-child(n){grid-column:span 1;width:100%;margin:0}.wg-card:nth-child(even){margin-top:35px}.wg-caption{gap:5px}.wg-caption h2{font-size:12px}.wg-number{display:none}.wg-arrow{font-size:15px}.wg-mobile-role{font-size:10px;margin:7px 0 0}.wg-intro{padding-bottom:45px}}
@media(prefers-reduced-motion:reduce){.wg-card figure.wg-pending{opacity:1}.wg-card figure.wg-shop-reveal{animation:none}}
@media(max-width:360px){.work-index~.footer .flogo{--mark-h:68px}.work-index~.footer .footer__inner>*{min-width:0}}

/* V28: the project description belongs to its image. */
.wg-layout{display:block}.wg-intro{max-width:1100px;min-height:64svh;margin:0 auto 80px;padding:35px 0 65px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.wg-intro h1{max-width:1050px;font-size:clamp(42px,5.8vw,84px);line-height:1.18;letter-spacing:-.035em;text-wrap:balance}.wg-lede{max-width:720px;font-size:clamp(16px,1.5vw,21px);line-height:1.85;margin:10px auto 0}.wg-gallery{gap:80px 38px}.wg-card:nth-child(5n+2){margin-top:120px}.wg-card:nth-child(5n+4){margin-top:55px}.wg-card:nth-child(5n+5){margin-top:100px}.wg-caption{margin-top:22px}.wg-caption h2{font-size:clamp(16px,1.6vw,23px)}.wg-caption h2 span{font-size:.83em;margin-top:6px}.wg-mobile-role{display:block;margin:12px 0 0;color:#aeb7cb;font-size:13px;line-height:1.7}.wg-end{padding-top:110px}
@media(max-width:700px){.wg-intro{min-height:56svh;padding:10px 0 35px;margin-bottom:40px}.wg-intro h1{font-size:clamp(30px,7.8vw,48px);line-height:1.3}.wg-lede{font-size:14px}.wg-gallery{gap:38px 17px}.wg-card:nth-child(n){margin-top:0}.wg-card:nth-child(even){margin-top:35px}.wg-caption{margin-top:12px}.wg-caption h2{font-size:15px}.wg-mobile-role{font-size:11px;margin-top:9px}}

/* V29: original Tools typography and shared text/image animation system. */
.work-index{position:relative;isolation:isolate;background:var(--wg-paper,#dcd8e4);color:var(--wg-ink,#1b2440)}.work-index>.wg-intro,.work-index>.wg-layout,.work-index>.wg-end{position:relative;z-index:1}.wg-intro h1.tl__head{font-size:clamp(2.1rem,5.4vw,4.6rem);font-weight:600;line-height:1.04;letter-spacing:-.032em;white-space:pre-line;text-wrap:initial;max-width:20ch}.wg-intro .wg-lede{font-size:var(--fs-lede);max-width:58ch;color:var(--wg-soft,#4a5270);margin-top:var(--s-4);line-height:var(--lh-body,1.65)}[lang="zh-Hant"] .wg-intro h1.tl__head{font-size:clamp(1.85rem,4.6vw,3.7rem);letter-spacing:0;max-width:18em;line-height:1.35}[lang="zh-Hant"] .wg-intro .wg-lede{max-width:30em}.wg-eyebrow,.wg-caption h2 span,.wg-mobile-role,.wg-arrow{color:var(--wg-soft,#4a5270)}.wg-end .btn{background:#1b2440;color:#f5f2f8;border-color:#1b2440}.wg-end .btn:hover,.wg-end .btn:focus-visible{background:#f5f2f8;color:#1b2440;border-color:#1b2440}.wg-card-enter{animation:wg-shop-reveal 750ms var(--ease-out) both}
.sky--content{position:fixed;color:#fff;opacity:.6;z-index:0}.work-index .sky--content{opacity:.55}
@media(prefers-reduced-motion:reduce){.wg-card-enter{animation:none}}
@media(max-width:700px){[lang="zh-Hant"] .wg-intro h1.tl__head{font-size:clamp(20px,6vw,29.6px);max-width:100%;text-wrap:balance}}

html.lumina-entering .wg-card-enter{animation-play-state:paused!important}