.ui-project[data-project=poppr]{--sg-future:#c54bff;--sg-companion:#f2b7c9;--sg-text:currentColor;--sg-muted:.7;--sg-border:#efddf438;--sg-safe:clamp(48px, 4.444vw, 64px)}@media (width>=1000px){.ui-project[data-project=poppr]>.wrap--md{max-width:none;padding:0 0 0 clamp(160px,13.8889vw,240px)}.ui-project[data-project=poppr]>.wrap--md>.lg\:grid{display:block}.ui-project[data-project=poppr] .ui-project-content{width:100%;padding-top:0}}.sg-case{width:100%;max-width:none;color:var(--sg-text);font-synthesis:none;line-break:strict;text-rendering:optimizelegibility;user-select:text;display:block;overflow:clip}.sg-case *,.sg-case :before,.sg-case :after{box-sizing:border-box}:where(.sg-case) :where(h1,h2,p,figure,figcaption){margin:0}:where(.sg-case) :where(h1,h2,p,figcaption){overflow-wrap:normal;word-break:normal}.sg-case img{max-width:100%;display:block}.sg-hero{min-height:100svh;padding:6.875rem var(--px) 4rem calc(16.6667vw + 3.25rem - clamp(160px, 13.8889vw, 240px))}.sg-hero-layout{grid-template-columns:repeat(20,minmax(0,1fr));align-items:start;gap:1.5rem;width:100%;display:grid}.sg-identity{grid-area:1/1/auto/span 6;padding-top:2rem}.sg-identity .ts-2{max-width:19rem;margin:0}.sg-identity .ts-2 span{display:block}.sg-overview{width:100%;max-width:var(--work-zh-measure-reading);grid-area:1/7/auto/span 12}.sg-overview .ts-p,.sg-section .ts-p{max-width:none;margin:0}.sg-overview-secondary,.sg-copy-stack .ts-p+.ts-p,.sg-process-copy .ts-p+.ts-p{margin-top:1.5rem!important}.sg-overview-secondary{opacity:var(--sg-muted)}.sg-hero-media{border:1px solid var(--sg-border);aspect-ratio:3/2;border-radius:1rem;grid-area:2/7/auto/span 12;width:100%;max-width:55rem;overflow:hidden;margin-top:5rem!important}.sg-hero-media img,.sg-figure>img{object-fit:cover;width:100%;height:100%}.sg-section{width:min(calc(100% - (2 * var(--sg-safe))), 1112px);margin-inline:auto;padding-block:clamp(72px,7vw,112px);position:relative}.sg-section>h2{max-width:20rem;color:var(--sg-text)}.sg-covers>h2,.sg-launch>h2,.sg-theatre>h2{color:var(--sg-text)}.sg-editorial,.sg-proposition-grid,.sg-announcement-grid,.sg-cover-row{grid-template-columns:minmax(0,1fr) minmax(280px,1fr);align-items:start;gap:clamp(48px,7vw,96px);margin-top:3rem;display:grid}.sg-copy-stack{width:100%;max-width:var(--work-zh-measure-compact)}.sg-figure{min-width:0}.sg-figure--portrait{aspect-ratio:1500/2778}.sg-figure--campaign{aspect-ratio:1500/1946}.sg-figure--rewards{aspect-ratio:1500/2133}.sg-figure--portrait img,.sg-figure--campaign img,.sg-figure--rewards img{object-fit:contain}.sg-figure figcaption,.sg-platform-figure figcaption,.sg-theatre-figure figcaption{font-family:var(--font-sans);text-align:right;opacity:.7;margin-top:1rem;font-size:.6875rem;font-weight:400;line-height:1.65}.sg-proposition-grid{grid-template-columns:minmax(0,.9fr) minmax(300px,1.1fr);align-items:center}.sg-lead{opacity:.76;font-size:1.125rem!important;line-height:1.6667!important}.sg-fan{width:100%;height:auto}.sg-editorial--campaign{grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr)}.sg-editorial--rewards{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);margin-top:clamp(72px,8vw,112px)}.sg-editorial--rewards>p{grid-area:1/2}.sg-editorial--rewards>figure{grid-area:1/1}.sg-process-copy{width:min(100%, var(--work-zh-measure-wide));margin-top:clamp(72px,8vw,112px)}.sg-process{outline:none;flex-direction:column;align-items:center;width:100%;margin-top:3rem;display:flex}.sg-process:focus-visible{outline:1px solid var(--sg-future);outline-offset:1rem}.sg-gesture-hint{width:fit-content;min-height:26px;color:var(--sg-text);opacity:.92;font-family:"Noto Sans SC", var(--font-sans);justify-content:center;align-items:center;gap:9px;font-size:15px;font-weight:500;line-height:24px;display:flex}.sg-gesture-hint img{width:28px;height:28px}.sg-process-stage{touch-action:pan-y;width:100%;height:min(800px,72vw);min-height:39rem;margin-top:1.5rem;position:relative}.sg-phone.sg-process-phone{z-index:3;width:min(390px,38%);position:absolute;top:0;left:50%;transform:translate(-50%)}.sg-process-side{z-index:1;cursor:pointer;filter:blur(2px)saturate(.72)brightness(.5);opacity:.56;background:#120b16;border:0;border-radius:22px;width:min(250px,24%);height:58%;padding:0;transition:opacity .26s,filter .26s,transform .42s cubic-bezier(.22,1,.36,1);position:absolute;top:14%;overflow:hidden}.sg-process-side:hover,.sg-process-side:focus-visible{filter:blur(1px)saturate(.86)brightness(.65);opacity:.78;outline:1px solid var(--sg-future)}.sg-process-side img{object-fit:cover;object-position:top;width:100%;height:100%}.sg-process-side--previous{left:6%;transform:rotate(-4deg)}.sg-process-side--next{right:6%;transform:rotate(4deg)}.sg-process-controls{z-index:6;background:#16141bcc;border:1px solid #ffffff29;border-radius:16px;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;width:min(100%,360px);padding:4px;display:grid;position:relative;box-shadow:0 4px 16px #0000001f}.sg-process-control{color:#d1c7db;cursor:pointer;min-width:0;min-height:44px;font-family:"Noto Sans SC", var(--font-sans);background:0 0;border:1px solid #0000;border-radius:12px;padding:8px 4px;font-size:14px;font-weight:500;transition:color .22s,border-color .22s,background-color .22s,transform .22s}.sg-process-control:hover{color:#fff;background:#ffffff1a}.sg-process-control.is-active{color:#25212b;background:#f4f1f6;box-shadow:0 1px 4px #0000002e}.sg-process-control:focus-visible{outline-offset:2px;outline:2px solid}.sg-announcement-grid{grid-template-columns:minmax(0,1fr) minmax(320px,450px)}.sg-phone-column{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.sg-phone{aspect-ratio:450/920;width:100%;position:relative;container-type:inline-size}.sg-phone-viewport{z-index:1;background:#07111f;border-radius:15.4229%/7.0938%;width:89.3333%;height:95%;position:absolute;top:2.5%;left:5.33333%;overflow:hidden}.sg-phone-frame{z-index:5;object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.sg-phone-screen{z-index:1;overscroll-behavior:contain;scrollbar-color:#c54bffb3 transparent;scrollbar-width:thin;background:#07111f;width:100%;height:92.9062%;position:absolute;top:7.09382%;left:0;overflow:hidden auto}.sg-phone-screen:focus-visible{outline:2px solid var(--sg-future);outline-offset:-3px}.sg-phone-media{width:100%;max-width:none;height:auto;display:block}.sg-phone-media--process{aspect-ratio:1200/12719;background:#3d165a url(/content/sing-peini-zouguo/images/process-04-preview.webp) top/100% no-repeat;width:100%;position:relative;overflow:hidden}.sg-phone-media-layer{pointer-events:none;width:100%;max-width:none;height:auto;transition:opacity .26s cubic-bezier(.22,1,.36,1);position:absolute;inset:0 auto auto 0}.sg-phone-media-layer--current{z-index:1;opacity:1;transform:scale(1)}.sg-phone-media-layer--next{z-index:2;opacity:0}.sg-phone-media--process.is-transitioning .sg-phone-media-layer--current{opacity:1}.sg-phone-media--process.is-transitioning .sg-phone-media-layer--next{opacity:1;transform:scale(1)}.sg-phone-media--process.is-handoff .sg-phone-media-layer{transition:none}.sg-phone-media--process.is-handoff .sg-phone-media-layer--current{opacity:1;transform:scale(1)}.sg-phone-media--process.is-handoff .sg-phone-media-layer--next{opacity:0;transform:scale(1)}.sg-phone-status-backplate,.sg-phone-status{z-index:3;width:100%;height:7.09382%;position:absolute;top:0;left:0}.sg-phone-status-backplate{background:#fff}.sg-phone-status{object-fit:fill}.sg-phone-toolbar{z-index:4;transition:opacity .26s,transform .32s cubic-bezier(.22,1,.36,1);position:absolute;bottom:3.79%;left:7.46%;right:7.46%}.sg-phone-toolbar.is-hidden{opacity:0;transform:translateY(135%)}.sg-phone-toolbar img{width:100%;height:auto}.sg-phone-toolbar span{color:#1b1b1b;font-family:Inter,Arial,sans-serif;font-size:2.85cqw;font-weight:500;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sg-phone-edge{z-index:4;pointer-events:none;width:92.8889%;height:7.6087%;position:absolute;top:1.63044%;left:3.55556%}.sg-covers>.sg-lead{margin-top:1rem!important}.sg-cover-row{grid-template-columns:minmax(0,1fr) minmax(320px,500px);align-items:center;margin-top:clamp(64px,7vw,96px)}.sg-cover-row img{aspect-ratio:1;object-fit:cover;border-radius:1rem;width:100%}.sg-cover-row--reverse>p{grid-column:2}.sg-cover-row--reverse>img{grid-area:1/1}.sg-section-copy{width:min(100%, var(--work-zh-measure-wide));margin-top:2rem!important}.sg-platform-figure,.sg-theatre-figure{margin-top:3rem}.sg-platform-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;width:min(100%,984px);margin-inline:auto;display:grid}.sg-platform-pair img{border-radius:1rem;width:100%;height:auto}.sg-platform-figure figcaption,.sg-theatre-figure figcaption{text-align:center}.sg-theatre-gallery{aspect-ratio:1112/1183.76;border-radius:1.25rem;grid-template-rows:55% 45%;grid-template-columns:36% 64%;width:min(100%,1112px);margin-inline:auto;display:grid;overflow:hidden}.sg-theatre-gallery img{object-fit:cover;width:100%;height:100%}.sg-theatre-main{grid-area:1/1/auto/3}.sg-theatre-flags{grid-area:2/1}.sg-theatre-backdrop{grid-area:2/2}@media (width<=999px){.sg-hero{min-height:100svh;padding:4.375rem 0 3rem}.sg-hero-layout{flex-direction:column;gap:0;width:min(342px,100%);margin-inline:auto;display:flex;padding-inline:0!important}.sg-identity{order:1;width:100%;padding-top:1rem}.sg-identity .ts-2{max-width:100%;margin:0;font-size:34px;line-height:46px}.sg-hero-media{aspect-ratio:342/228;border-radius:16px;order:2;width:100%;margin-top:24px!important}.sg-overview{order:3;width:100%;max-width:none;margin-top:24px}.sg-overview .ts-p:first-child{font-size:18px;line-height:30px}.sg-overview-secondary{margin-top:20px!important;font-size:16px!important;line-height:28px!important}.sg-section{width:min(342px,100%);padding-block:80px}.sg-section>h2{max-width:100%;font-size:30px;line-height:40px}.sg-section .ts-p{font-size:16px;line-height:28px}.sg-editorial,.sg-proposition-grid,.sg-announcement-grid,.sg-cover-row{flex-direction:column;gap:24px;margin-top:28px;display:flex}.sg-editorial--background .sg-copy-stack{display:contents}.sg-editorial--background .sg-copy-stack .ts-p:first-child{order:1}.sg-editorial--background .sg-figure{order:2}.sg-editorial--background .sg-copy-stack .ts-p:last-child{order:3}.sg-copy-stack,.sg-process-copy,.sg-section-copy{width:100%;max-width:none}.sg-copy-stack .ts-p+.ts-p,.sg-process-copy .ts-p+.ts-p{margin-top:24px!important}.sg-figure figcaption{text-align:right;font-size:11px;line-height:18px}.sg-proposition-grid .sg-lead{font-size:18px!important;line-height:30px!important}.sg-fan{order:3;width:100%}.sg-editorial--rewards{margin-top:80px}.sg-editorial--rewards>p,.sg-editorial--rewards>figure{grid-area:auto}.sg-process-copy{margin-top:80px}.sg-process-copy .sg-lead{font-size:18px!important;line-height:30px!important}.sg-process{margin-top:28px}.sg-process-stage{height:584.711px;min-height:0;margin-top:24px}.sg-phone.sg-process-phone{width:286px}.sg-process-side{filter:blur(1px)saturate(.72)brightness(.4);opacity:.45;border-radius:14px;width:52px;height:76%;top:10%}.sg-process-side--previous{left:-24px;transform:none}.sg-process-side--next{right:-24px;transform:none}.sg-process-controls{margin-top:24px}.sg-announcement-grid{align-items:center}.sg-phone-column{width:100%}.sg-announcement-phone{width:342px}.sg-covers>.sg-lead{margin-top:12px!important;font-size:18px!important;line-height:30px!important}.sg-cover-row{margin-top:32px}.sg-cover-row--reverse>p,.sg-cover-row--reverse>img{grid-area:auto}.sg-cover-row img{order:2}.sg-section-copy{margin-top:28px!important}.sg-platform-figure,.sg-theatre-figure{margin-top:28px}.sg-platform-pair{grid-template-columns:repeat(2,minmax(0,159px));gap:24px}.sg-platform-pair img{object-fit:contain;border-radius:14px;height:353px}.sg-platform-figure figcaption,.sg-theatre-figure figcaption{font-size:11px;line-height:18px}.sg-theatre-gallery{aspect-ratio:auto;border-radius:20px;grid-template-rows:200px 164.16px;grid-template-columns:36% 64%;width:342px;height:364.16px}}@media (width>=1000px) and (width<=1279px){.sg-process-stage{height:650px;min-height:0}}@media (prefers-reduced-motion:reduce){.sg-phone-media-layer,.sg-phone-toolbar,.sg-process-side,.sg-process-control{transition-duration:1ms!important}}.sg-section{container:sg-section/inline-size}.sg-subtitle{margin-top:1rem;font-size:1rem;line-height:1.5}.sg-gesture-hint svg{flex:0 0 26px;overflow:visible}.sg-hint-wheel{animation:sg-hint-wheel 1.2s var(--circ-out) infinite}.sg-hint-up{animation:sg-hint-up 1.45s var(--circ-out) infinite}.sg-hint-down{animation:sg-hint-down 1.45s var(--circ-out) infinite}@keyframes sg-hint-wheel{0%,to{opacity:.35;transform:translateY(-1px)}45%{opacity:1;transform:translateY(2px)}}@keyframes sg-hint-up{0%,to{opacity:.28;transform:translateY(1.5px)}48%{opacity:1;transform:translateY(-1.5px)}}@keyframes sg-hint-down{0%,to{opacity:.28;transform:translateY(-1.5px)}48%{opacity:1;transform:translateY(1.5px)}}@media (prefers-reduced-motion:reduce){.sg-gesture-hint svg path{animation:none}}.sg-section{width:calc(100% - (2 * var(--sg-safe)))}.sg-figure--portrait,.sg-figure--campaign,.sg-figure--rewards{aspect-ratio:auto}.sg-figure--portrait>img,.sg-figure--campaign>img,.sg-figure--rewards>img{border-radius:1rem}.sg-figure>img{height:auto}.sg-hero-media>img{height:100%}.sg-process-stage{height:min(798px,77.69cqw);min-height:0}.sg-case :is(.sg-copy-stack,.sg-process-copy,.sg-section-copy),.sg-case :is(.sg-editorial,.sg-proposition-grid,.sg-cover-row,.sg-announcement-grid)>.ts-p{width:100%;max-width:none}.sg-case :is(.sg-editorial,.sg-proposition-grid,.sg-announcement-grid,.sg-cover-row){gap:clamp(28px,3vw,48px)}.sg-platform-pair{width:100%}@media (width<=999px){.sg-case .sg-section{width:100%}.sg-subtitle{margin-top:.5rem}.sg-hero-layout{width:100%}.sg-process-stage{height:min(585px,209cqw)}.sg-phone.sg-process-phone{width:min(286px,100%)}.sg-announcement-phone{width:min(342px,100%)}.sg-platform-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.sg-platform-pair img{height:auto}.sg-theatre-gallery{aspect-ratio:1112/1183.76;grid-template-rows:55% 45%;width:100%;height:auto}}@container sg-section (width<=900px){.sg-editorial,.sg-proposition-grid,.sg-announcement-grid,.sg-cover-row{flex-direction:column;align-items:stretch;display:flex}.sg-editorial>*,.sg-proposition-grid>*,.sg-cover-row>*{width:100%;min-width:0}.sg-announcement-grid>.sg-phone-column{align-self:center;width:min(100%,450px)}.sg-cover-row>img{align-self:center;width:min(100%,500px)}}