.work-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.filters{display:flex;gap:28px}.filters button{padding:8px 0;font-size:11px;color:#948a81;border-bottom:1px solid transparent}.filters button.active{color:var(--ink);border-color:var(--ink)}.work-toolbar>span{font-size:9px;color:#9d938a;letter-spacing:.3px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px 32px}.project{min-width:0;scroll-margin-top:30px}.project.filtered-out{display:none!important}.case-cover{display:block;width:100%;aspect-ratio:1.78;position:relative;overflow:hidden;text-align:left;padding:27px 30px;isolation:isolate;transition:filter .35s}.case-cover:hover{filter:brightness(.975)}.cover-heading{display:flex;justify-content:space-between;align-items:center;position:absolute;top:25px;left:30px;right:30px;z-index:2;height:40px}.cover-heading>span:first-child{font-size:8px;letter-spacing:1.2px}.cover-heading>img{height:39px;width:39px;object-fit:contain}.cover-caption{position:absolute;bottom:23px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.5px;z-index:3}.cover-caption>span:last-child{display:flex;gap:19px;align-items:center}.cover-arrow{font-size:19px;transition:transform .3s;display:inline-block}.case-cover:hover .cover-arrow{transform:translate(3px,-3px)}
.dola-cover{background:#e8ded2;color:#685140}.dola-cover-title{font-size:clamp(22px,2.15vw,34px);line-height:1.6;font-weight:450;letter-spacing:-1px;position:absolute;top:39%;left:30px}.dola-cover .cover-caption{color:#8d725b}.voice-cover{background:#ecebe8;color:#333332}.voice-cover-title{font-family:Georgia,serif;font-size:clamp(39px,4.3vw,65px);letter-spacing:-1.5px;line-height:1.2;position:absolute;top:38%;left:30px}.voice-cover-title>span{display:block;font-size:14px;font-family:Arial,sans-serif;font-weight:400;letter-spacing:.3px;margin-top:14px;color:#8a8279}.voice-cover .cover-caption{color:#8b847b}.moss-cover{background:#dce0d7;color:#43513d}.moss-cover-brand{font-size:14px;letter-spacing:-.5px!important;display:flex;gap:8px;align-items:center}.moss-cover-brand img{height:28px;width:32px;object-fit:contain}.moss-cover-title{font-size:clamp(22px,2.15vw,34px);line-height:1.6;letter-spacing:-1px;position:absolute;top:39%;left:30px;font-weight:450}.moss-cover .cover-caption{color:#7d8974}.moon-cover{background:#efeeea;color:#655d52}.cover-heading>img.moon-cover-logo{width:150px;height:auto;align-self:start;padding-top:10px}.live-status{font-size:9px;letter-spacing:1px;border-bottom:1px solid #aa8c70;padding-bottom:4px}.moon-product{position:absolute;width:65%;height:125%;object-fit:contain;right:2%;top:-15%;z-index:1;transition:transform .6s}.moon-cover:hover .moon-product{transform:translateY(-4px)}
.case-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:22px 0 11px}.case-heading h3{font-size:25px;font-weight:500;letter-spacing:-1px;margin:0;line-height:1.3}.case-heading>span{font-size:9px;color:var(--accent);padding-left:12px;position:relative}.case-heading>span:before{content:'';height:4px;width:4px;background:var(--accent);border-radius:100%;position:absolute;left:0;top:5px}.project h4{font-size:13px;font-weight:450;line-height:1.7;margin:0 0 11px}.case-summary{font-size:12px;line-height:1.95;color:#8c8178;margin:0;max-width:500px}.case-details-link{font-size:10px;display:inline-flex;align-items:center;gap:17px;padding:5px 0;border-bottom:1px solid #cbc1b8;margin-top:17px;color:#6d6259}.case-details-link>span{font-size:15px;transition:transform .25s}.case-details-link:hover>span{transform:translate(2px,-2px)}

dialog{border:0;border-radius:0;background:var(--paper);color:var(--ink);padding:34px 42px 40px;width:min(690px,calc(100% - 36px));max-height:88svh;overflow:auto;box-shadow:0 20px 120px #20171133}dialog::backdrop{background:#2e251e66;backdrop-filter:blur(5px)}dialog[open]{animation:dialog-in .2s ease-out}@keyframes dialog-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.dialog-header{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1px;color:#a18b77;border-bottom:1px solid var(--line);padding-bottom:19px;margin-bottom:30px}.close-dialog{font-size:28px;width:30px;height:30px;line-height:1;font-weight:400}.dialog-brand{display:flex;align-items:center;gap:16px;margin-bottom:23px}.dialog-brand>img{width:45px;height:45px;object-fit:contain}.dialog-brand h2{font-size:31px;font-weight:500;letter-spacing:-1px;margin:0}.dialog-brand .moon-logo{width:150px;height:auto}.dialog-brand .mosi-dialog-logo{width:85px;height:45px}.dialog-brand .pippit-dialog-logo{width:100px;height:43px;background:#252724;padding:11px}.dialog-subtitle{font-size:11px;color:#9b816d;line-height:1.8;margin:0 0 23px}.dialog-description{font-size:17px;line-height:1.95;margin:0 0 28px}.project-dialog dl{display:grid;grid-template-columns:80px 1fr;gap:17px 22px;font-size:12px;line-height:1.95;border-top:1px solid var(--line);padding-top:25px;margin:0}.project-dialog dt{color:#aa917b}.project-dialog dd{margin:0}.dialog-website{display:inline-flex;font-size:11px;margin-top:31px;padding-bottom:7px;border-bottom:1px solid #baa38f;color:#987961}.brief-dialog{max-width:570px}.brief-dialog h2,.sources-dialog h2{font-size:30px;font-weight:450;letter-spacing:-1px}.brief-dialog>p,.sources-dialog>p{font-size:12px;line-height:2;color:#9b8068}.brief-list{list-style:none;padding:0;margin:28px 0}.brief-list li{font-size:12px;border-bottom:1px solid var(--line);padding:14px 0}.brief-list li>span{font-size:9px;color:#b08d70;margin-right:22px}.brief-dialog>.contact-button{width:100%}.copy-status{min-height:24px;margin:10px 0!important}.sources-dialog ul{list-style:none;padding:0;margin:28px 0 0}.sources-dialog li{font-size:12px;border-bottom:1px solid var(--line);padding:12px 0}
/* The original website is untouched outside the new advantage / work components. */
:root{--accent:var(--purple);--secondary:var(--muted);--motion-ease:cubic-bezier(.19,1,.22,1);--motion-time:700ms}
button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}summary{cursor:pointer}img{max-width:100%;height:auto;display:block}[hidden]{display:none!important}body.modal-open{overflow:hidden}
.skip{position:fixed;top:-90px;left:20px;z-index:50;background:var(--paper-light);padding:12px}.skip:focus{top:12px}
.language-switch{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:400;white-space:nowrap}.language-switch>span{color:#aaa2b2}.language-switch button{font-size:11px;padding:6px 0;color:#8b8195}.language-switch button[aria-pressed=true]{color:var(--ink);border-bottom:1px solid var(--purple)}
.value-panel{min-width:0}.value-panel-head{padding:28px;border-bottom:1px solid var(--line)}.value-panel-head>span{display:block;color:var(--muted);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.value-panel-head h2{font-family:Georgia,serif;font-size:28px;font-weight:400;letter-spacing:-.035em;line-height:1.15;margin:12px 0 0}.value-rows{padding:0 24px}.value-rows details{border-bottom:1px solid var(--line)}.value-rows details:last-child{border:0}.value-rows summary{display:flex;gap:16px;align-items:center;list-style:none;padding:24px 0}.value-rows summary::-webkit-details-marker{display:none}.value-number{width:38px;height:38px;display:grid;place-items:center;flex-shrink:0;border:1px solid var(--line);border-radius:50%;color:var(--purple);font-size:11px}.value-rows summary>div{flex:1}.value-rows h3{font-size:15px;font-weight:600;line-height:1.5;margin:0 0 4px}.value-rows summary p{font-size:11px;line-height:1.8;margin:0;color:#8c8296}.value-rows summary>i{font-style:normal;font-size:22px;font-weight:400;color:var(--purple);transition:transform .25s}.value-rows details[open] summary>i{transform:rotate(45deg)}.value-expanded{font-size:12px;line-height:1.95;color:#8b8094;margin:-5px 8px 24px 54px}.value-panel-foot{padding:20px 28px;background:var(--ink);color:var(--paper-light);display:flex;align-items:center;gap:13px;font-size:9px;letter-spacing:.06em;text-transform:uppercase;line-height:1.5}.value-panel-foot i{height:1px;background:#a993fa;flex:1;min-width:15px}
.work{border-bottom:1px solid var(--line)}.work-toolbar{margin-bottom:40px}.filters{flex-wrap:wrap;gap:28px}.filters button{font-size:13px;color:var(--muted)}.filters button.active{color:var(--ink)}.work .orig-section-heading h2{max-width:700px}.project-grid{align-items:start}.project{min-width:0;scroll-margin-top:115px}.project h4{font-size:15px;font-weight:600}.case-summary{font-size:14px;color:var(--muted);line-height:1.85;max-width:none}.case-heading h3{font-size:28px;font-weight:500}.case-heading>span{font-size:11px}.case-details-link{font-size:12px;color:#82718f}.cover-heading>span:first-child{font-size:10px}.cover-caption{font-size:11px}.cover-arrow{font-size:22px}.consumer-note{display:flex;gap:32px;border-top:1px solid var(--line);margin:70px 0 0;padding-top:26px;font-size:13px;color:var(--muted);line-height:1.8}.consumer-note>span{white-space:nowrap;color:var(--ink)}
.voice-cover{background:#ebe8f0}.voice-cover-title>span{color:#8d8199}.editorial-cover-title{position:absolute;left:30px;right:24px;top:37%;font-family:Georgia,serif;font-size:clamp(28px,3vw,46px);line-height:1.3;letter-spacing:-1px}.editorial-cover-title>span{display:block;margin-top:16px;font-family:Arial,sans-serif;font-size:14px;font-weight:400;letter-spacing:0;line-height:1.7}.pippit-cover{background:#252c28;color:#fffdf8}.pippit-cover .cover-caption{color:#c1cec4}.pippit-cover-brand{display:flex;gap:9px;align-items:center}.pippit-cover-brand img:first-child{width:21px;height:26px}.pippit-cover-brand img:last-child{width:83px;height:24px}.mosi-cover{background:#e8e6e0;color:#35342f}.cover-heading>img.mosi-cover-logo{width:75px;height:42px}.voicekit-cover{background:#e4ebed;color:#1e3b52}.voicekit-mark{display:inline-flex;align-items:flex-end;gap:2.5px;height:17px;flex-shrink:0}.voicekit-mark i{display:block;width:3px;border-radius:2px;background:#155fb8}.voicekit-mark i:nth-child(1){height:7px}.voicekit-mark i:nth-child(2){height:14px}.voicekit-mark i:nth-child(3){height:17px}.voicekit-mark i:nth-child(4){height:10px}.voicekit-mark i:nth-child(5){height:5px}
.orig-footer .references-link{font-size:11px;padding:8px 0 0;color:var(--muted);text-decoration:underline;text-underline-offset:4px}
.dialog-header{color:var(--muted)}.dialog-subtitle{color:#8e78a3}.dialog-description{color:var(--ink)}.project-dialog dt{color:#8e78a3}.dialog-website{color:#78648c}.sources-dialog>p,.sources-dialog li{color:var(--muted)}
html[data-language=zh] h1,html[data-language=zh] .orig-section-heading h2,html[data-language=zh] .orig-about h2,html[data-language=zh] .orig-contact h2{font-family:'PingFang SC','Microsoft YaHei',sans-serif;letter-spacing:-.04em;line-height:1.2}html[data-language=zh] h1{font-size:clamp(48px,5.2vw,80px)}
@media(min-width:761px){.work-enhanced .index-role{font-size:12px}.work-enhanced .index-hint{font-size:11px}.work-enhanced .index-label{font-size:10px}.work-enhanced .work-index-row{min-height:119px}.work-enhanced .case-summary{font-size:14px}.work-enhanced .project h4{font-size:15px}.work-enhanced .case-details-link{font-size:12px}.work-enhanced .case-heading>span{font-size:10px}}
@media(max-width:1050px){.value-panel{width:100%}.value-panel-head h2{font-size:32px}.orig-nav{gap:22px}}
@media(max-width:760px){.orig-hero{gap:44px}.value-panel-head{padding:24px}.value-panel-head h2{font-size:28px}.value-rows{padding:0 22px}.value-rows summary{gap:13px;padding:23px 0}.value-rows h3{font-size:14px}.value-expanded{font-size:12px;margin-left:51px}.value-panel-foot{padding:20px 22px;font-size:8px;gap:10px}.value-number{width:38px;height:38px}.orig-nav .language-switch{padding:12px 4px}.project-grid{grid-template-columns:1fr;gap:48px}.case-cover{aspect-ratio:1.4;padding:22px}.cover-heading{left:22px;right:22px;top:22px}.cover-heading>span:first-child{font-size:8px}.cover-caption{left:22px;right:22px;bottom:21px;font-size:9px}.dola-cover-title,.moss-cover-title{left:22px;top:38%;font-size:27px;line-height:1.5}.voice-cover-title{left:22px;top:37%;font-size:43px}.voice-cover-title>span{font-size:12px}.moon-product{width:88%;right:-3%;top:-7%;height:125%}.editorial-cover-title{left:22px;font-size:35px;top:35%}.editorial-cover-title>span{font-size:12px}.cover-heading>img.moon-cover-logo{width:140px}.case-heading{margin-top:22px}.case-heading h3{font-size:27px}.project h4{font-size:14px}.case-summary{font-size:13px}.case-details-link{font-size:12px}.case-heading>span{font-size:10px}.filters{gap:22px}.filters button{font-size:11px}.work-toolbar{margin-bottom:32px}.consumer-note{display:block;font-size:12px;margin-top:44px}.consumer-note>span{display:block;margin-bottom:10px}dialog{width:calc(100% - 32px);padding:24px;max-height:86svh}.project-dialog dl{grid-template-columns:80px 1fr;font-size:12px;gap:14px}.dialog-description{font-size:16px}.dialog-header{font-size:9px}.dialog-subtitle{font-size:11px}.dialog-brand h2{font-size:29px}html[data-language=zh] h1{font-size:clamp(46px,12vw,65px)}.sources-dialog h2{font-size:28px}}
@media print{.orig-site-header,.work-toolbar,.case-details-link,.language-switch,.orig-button,.index-hint,.references-link{display:none!important}.orig-hero{min-height:auto;grid-template-columns:1fr 1fr;gap:32px;padding-block:30px}.orig-trust-points{margin-top:25px}.orig-hero h1{font-size:40px}.orig-hero-lede{font-size:13px}.orig-section-block,.orig-about{padding-block:40px}.orig-statement{padding-block:30px}.project{break-inside:avoid}.orig-campaign-card{box-shadow:none}.orig-services-grid,.orig-process-grid{grid-template-columns:repeat(4,1fr)}}

@media(min-width:761px){.work.orig-section-shell .index-role{font-size:13px}.work.orig-section-shell .index-number{font-size:10px}.work.orig-section-shell .index-label{font-size:10px}.work.orig-section-shell .index-hint{font-size:12px}.work.orig-section-shell .case-summary{font-size:14px}.work.orig-section-shell .project h4{font-size:15px}.work.orig-section-shell .case-details-link{font-size:12px}.work.orig-section-shell .case-heading>span{font-size:11px}}
@media(min-width:761px) and (max-width:1000px){.work.orig-section-shell .index-role{font-size:11px}.work.orig-section-shell .case-summary{font-size:12px}.work.orig-section-shell .project h4{font-size:13px}.work.orig-section-shell .case-heading>span{font-size:9px}}

/* Brand-led project directory: official marks with consistent optical sizing. */
@media(min-width:761px){
 .work-index .index-main{gap:13px}
 .work-index .index-brand{display:inline-flex;align-items:center;gap:13px;min-height:46px;width:fit-content;max-width:100%;font-family:Arial,sans-serif;font-style:normal;line-height:1;letter-spacing:-1px;white-space:nowrap}
 .index-brand img{flex-shrink:0;max-width:none;object-fit:contain}
 .index-brand>span:not(.voicekit-mark){font-family:Arial,sans-serif;font-size:34px;font-weight:600;line-height:1;letter-spacing:-1.2px}
 .index-brand.brand-dola>img{width:45px;height:45px}
 .index-brand.brand-dola>span{font-size:37px;letter-spacing:-1.5px}
 .index-brand.brand-voicecursor>img{width:40px;height:40px}
 .index-brand.brand-voicecursor>span{font-size:30px;letter-spacing:-1.2px}
 .index-brand.brand-mossland>img{width:47px;height:36px}
 .index-brand.brand-mossland>span{font-size:28px;letter-spacing:-.8px;font-weight:600}
 .index-brand.brand-moonphase>img{width:228px;height:35px}
 .work-index .index-brand.brand-pippit{gap:8px;background:#252c28;padding:10px 12px;min-height:44px;border-radius:2px}
 .index-brand.brand-pippit>img:first-child{width:19px;height:25px}
 .index-brand.brand-pippit>img:last-child{width:82px;height:25px}
 .index-brand.brand-mosi>img{width:87px;height:36px}
 .index-brand.brand-mosi>span{font-size:34px;font-weight:500;letter-spacing:-1px}
 .index-brand.brand-voicekit{gap:13px}
 .index-brand.brand-voicekit>span:last-child{font-size:32px;font-weight:500;letter-spacing:-1.2px}
 .index-brand.brand-voicekit .voicekit-mark{height:26px;gap:3px}
 .index-brand.brand-voicekit .voicekit-mark i{width:4px}
 .index-brand.brand-voicekit .voicekit-mark i:nth-child(1){height:11px}
 .index-brand.brand-voicekit .voicekit-mark i:nth-child(2){height:21px}
 .index-brand.brand-voicekit .voicekit-mark i:nth-child(3){height:26px}
 .index-brand.brand-voicekit .voicekit-mark i:nth-child(4){height:15px}
 .index-brand.brand-voicekit .voicekit-mark i:nth-child(5){height:8px}
 .index-marquee>span>span{gap:32px!important;padding-right:32px!important}
 .index-marquee .index-brand{flex-shrink:0}
 .index-marquee .index-brand>span{color:var(--ink)}
}
@media(min-width:761px) and (max-width:1000px){
 .work-index .index-brand{gap:10px;min-height:39px}
 .index-brand.brand-dola>img{width:37px;height:37px}.index-brand.brand-dola>span{font-size:31px}
 .index-brand.brand-voicecursor>img{width:33px;height:33px}.index-brand.brand-voicecursor>span{font-size:24px}
 .index-brand.brand-mossland>img{width:35px;height:28px}.index-brand.brand-mossland>span{font-size:22px}
 .index-brand.brand-moonphase>img{width:195px;height:30px}
 .index-brand.brand-mosi>img{width:69px;height:29px}.index-brand.brand-mosi>span{font-size:29px}
 .index-brand.brand-voicekit>span:last-child{font-size:28px}
}