:root{--hope:#f4cf27;--hope-hi:#fff06a;--hope-red:#ef593e;--hope-green:#1d3a2d;--hope-cream:#f5f0dc;--hope-ink:#101713;--hope-line:#f4cf2747;--maxw:1320px}body{color:var(--hope-cream);background:#08110d}::selection{background:var(--hope);color:var(--hope-ink)}.topbar{background:linear-gradient(#08110df5,#08110db8,#0000)}.topbar .logo b,.gold{color:var(--hope)}.btn8.gold{border-color:var(--hope);color:var(--hope);background:#f4cf2714}.btn8:hover{border-color:var(--hope);color:var(--hope-hi)}.hope-hero{align-items:center;min-height:100svh;padding:116px 24px 54px;display:flex;position:relative;overflow:hidden}.hope-hero:before{content:"";filter:saturate(.88)contrast(1.05);background:linear-gradient(90deg,#08110dfa 0%,#08110de6 34%,#08110d2e 72%),url(/m/img/hope/hero.082d60fb.webp) 50% 43%/cover no-repeat;position:absolute;inset:0}.hope-hero:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#ffffff06 0 1px,#0000 1px 4px),linear-gradient(#0000 70%,#08110d 100%);position:absolute;inset:0}.hero-inner{z-index:1;width:100%;max-width:1320px;margin:auto;position:relative}.hero-kicker{font-family:var(--px-font);letter-spacing:.18em;color:var(--hope);align-items:center;gap:14px;margin-bottom:26px;font-size:10px;display:flex}.hero-kicker:before{content:"";background:var(--hope);width:42px;height:9px;box-shadow:14px 0 0 var(--hope-red)}.hope-hero h1{max-width:790px;font-family:var(--px-font);letter-spacing:-.035em;color:var(--hope-cream);text-shadow:7px 7px #00000080;font-size:clamp(48px,8.4vw,118px);line-height:1.05}.hero-cn{font-family:var(--px-zh);letter-spacing:.12em;color:var(--hope-hi);margin-top:22px;font-size:clamp(22px,3vw,42px)}.hero-lead{color:#e1dfd0;max-width:640px;margin-top:28px;font-size:clamp(15px,1.6vw,19px);line-height:1.9}.hero-data{border-top:1px solid var(--hope-line);border-bottom:1px solid var(--hope-line);grid-template-columns:repeat(4,minmax(0,1fr));max-width:900px;margin-top:48px;display:grid}.hero-data div{border-right:1px solid var(--hope-line);padding:18px 18px 18px 0}.hero-data div+div{padding-left:18px}.hero-data div:last-child{border-right:0}.hero-data b{font-family:var(--px-font);letter-spacing:.14em;color:var(--hope);margin-bottom:8px;font-size:8px;display:block}.hero-data span{color:var(--hope-cream);font-size:13px}.scroll-cue{z-index:2;writing-mode:vertical-rl;font-family:var(--px-font);letter-spacing:.28em;color:var(--hope);font-size:8px;position:absolute;bottom:34px;right:32px}.project-nav{border-top:1px solid var(--hope-line);border-bottom:1px solid var(--hope-line);background:#0c1711}.project-nav .wrap{scrollbar-width:none;gap:0;padding-top:0;padding-bottom:0;display:flex;overflow:auto}.project-nav a{border-right:1px solid var(--hope-line);min-width:max-content;font-family:var(--px-font);letter-spacing:.14em;color:#9ba79c;text-align:center;flex:1;padding:18px 20px;font-size:8px}.project-nav a:first-child{border-left:1px solid var(--hope-line)}.project-nav a:hover{background:var(--hope);color:var(--hope-ink)}.project-section{border-bottom:1px solid var(--hope-line);padding:clamp(84px,10vw,140px) 0}.section-head{grid-template-columns:110px minmax(0,1fr);align-items:start;gap:28px;margin-bottom:46px;display:grid}.section-no{font-family:var(--px-font);color:var(--hope);letter-spacing:.16em;padding-top:10px;font-size:12px}.section-head h2{font-family:var(--px-zh);letter-spacing:.04em;font-size:clamp(30px,5vw,64px);line-height:1.16}.section-head .en-title{font-family:var(--px-font);color:var(--hope);letter-spacing:.16em;margin-top:12px;font-size:clamp(10px,1.3vw,15px);display:block}.section-intro{color:#b8c0b8;max-width:760px;margin:18px 0 0 138px;font-size:16px;line-height:1.95}.film-stage{background:var(--hope);padding:clamp(8px,1.4vw,18px);position:relative;box-shadow:12px 12px #000}.film-stage:before{content:"REC  ●  2026";font-family:var(--px-font);letter-spacing:.2em;color:var(--hope-ink);padding:4px 2px 13px;font-size:8px;display:block}.film-stage video{aspect-ratio:16/9;object-fit:contain;background:#000;width:100%;height:auto;display:block}.film-note{font-family:var(--px-font);letter-spacing:.12em;color:#869188;justify-content:space-between;gap:20px;margin-top:28px;font-size:8px;line-height:1.8;display:flex}.film-note strong{color:var(--hope);font-weight:400}.statement{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:stretch;gap:14px;display:grid}.quote-panel{background:var(--hope);min-height:500px;color:var(--hope-ink);flex-direction:column;justify-content:space-between;padding:clamp(28px,4vw,54px);display:flex}.quote-panel .label{font-family:var(--px-font);letter-spacing:.17em;font-size:9px}.quote-panel blockquote{font-family:var(--px-zh);letter-spacing:.04em;font-size:clamp(28px,4.2vw,58px);font-weight:700;line-height:1.32}.quote-panel p{max-width:44ch;font-size:15px;line-height:1.9}.media{background:#101814;position:relative;overflow:hidden}.media img{object-fit:cover;width:100%;height:100%;transition:transform .6s steps(8,end)}.media:hover img{transform:scale(1.025)}.media figcaption{font-family:var(--px-font);letter-spacing:.1em;color:var(--hope-cream);background:#08110ddb;padding:8px 10px;font-size:7px;position:absolute;bottom:12px;left:12px}.statement>.media{min-height:500px}.triptych{grid-template-columns:1.35fr .9fr;gap:14px;margin-top:14px;display:grid}.triptych .media{aspect-ratio:4/3}.design-grid{grid-template-columns:repeat(12,1fr);gap:14px;display:grid}.design-grid .media{border:1px solid #ffffff1a}.design-grid .turnaround{aspect-ratio:16/9;background:#d8dad4;grid-column:1/-1}.design-grid .standing,.design-grid .sleep{aspect-ratio:16/9;background:#d8dad4;grid-column:span 6}.contain img{object-fit:contain}.design-copy{border-top:1px solid var(--hope-line);grid-column:1/-1;grid-template-columns:1fr 1fr;gap:40px;padding:38px 0 18px;display:grid}.design-copy h3{font-family:var(--px-font);color:var(--hope);font-size:clamp(18px,2.7vw,30px);line-height:1.55}.design-copy p{color:#b8c0b8;font-size:15px;line-height:1.95}.process-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.process-grid .wide{aspect-ratio:16/7;grid-column:1/-1}.process-grid .half{aspect-ratio:16/9}.process-grid .storyboard{grid-column:1/-1;grid-template-columns:minmax(260px,.62fr) minmax(0,1fr);align-items:stretch;gap:14px;margin-top:42px;display:grid}.storyboard .media{background:#050706;max-height:900px}.story-copy{border:1px solid var(--hope-line);background:#111e17;flex-direction:column;justify-content:center;padding:clamp(30px,5vw,74px);display:flex}.story-copy .px{color:var(--hope);margin-bottom:24px;font-size:9px}.story-copy h3{font-family:var(--px-zh);font-size:clamp(28px,4vw,50px);line-height:1.35}.story-copy p{color:#b8c0b8;margin-top:24px;line-height:1.95}.toy-section{background:var(--hope);color:var(--hope-ink)}.toy-section .section-head .section-no,.toy-section .section-head .en-title{color:#9d321f}.toy-section .section-intro{color:#493e1d}.toy-section .media{background:#e3b917;border:1px solid #10171333}.toy-section .media figcaption{color:var(--hope-ink);background:#f4cf27e6}.toy-scenes{grid-template-columns:1fr 1fr;gap:14px;display:grid}.toy-scenes .media{aspect-ratio:16/10}.toy-merch{width:min(900px,100%);margin:24px auto 0;scroll-margin-top:100px}.toy-merch img,.toy-keychains .media img{object-fit:contain;height:auto;display:block}.toy-merch:hover img,.toy-keychains .media:hover img{transform:none}.toy-merch figcaption,.toy-keychains .media figcaption{padding:14px 16px;line-height:1.6;position:static}.toy-keychains{grid-template-columns:1fr 1fr;gap:14px;margin-top:14px;display:grid}.toy-keychains .media{align-self:start}.toy-gallery{grid-template-columns:1.35fr .65fr;align-items:stretch;gap:14px;margin-top:14px;display:grid}.toy-gallery .landscape{aspect-ratio:16/9}.toy-gallery .portrait{aspect-ratio:3/4}.toy-manifesto{border-top:2px solid #10171340;grid-template-columns:1fr 1fr;gap:50px;margin-top:54px;padding-top:42px;display:grid}.toy-manifesto h3{font-family:var(--px-font);font-size:clamp(20px,3vw,36px);line-height:1.5}.toy-manifesto p{color:#493e1d;font-size:16px;line-height:1.95}.end-card{text-align:center;background:#08110d;padding:clamp(80px,11vw,150px) 24px}.end-card .mini{font-family:var(--px-font);letter-spacing:.2em;color:var(--hope);font-size:9px}.end-card h2{max-width:1000px;font-family:var(--px-zh);margin:28px auto;font-size:clamp(36px,7vw,88px);line-height:1.2}.end-card .actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:38px;display:flex}html.hope-js .reveal{opacity:0;transition:opacity .7s steps(7,end),transform .7s steps(7,end);transform:translateY(24px)}html.hope-js .reveal.on{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html.hope-js .reveal{opacity:1;transition:none;transform:none}.media img{transition:none}}@media (max-width:820px){.hope-hero{align-items:flex-end;min-height:780px;padding:108px 20px 42px}.hope-hero:before{background:linear-gradient(#08110d1f 0%,#08110db8 48%,#08110d 86%),url(/m/img/hope/hero.082d60fb.webp) 58%/cover no-repeat}.hope-hero h1{font-size:clamp(43px,12vw,72px)}.hero-data{grid-template-columns:1fr 1fr;margin-top:32px}.hero-data div{border-bottom:1px solid var(--hope-line)}.hero-data div:nth-child(2){border-right:0}.hero-data div:nth-child(n+3){border-bottom:0}.scroll-cue{display:none}.section-head{grid-template-columns:1fr;gap:8px}.section-intro{margin-left:0}.statement,.design-copy,.toy-manifesto{grid-template-columns:1fr}.statement>.media,.quote-panel{min-height:390px}.triptych{grid-template-columns:1fr 1fr}.triptych .media:first-child{aspect-ratio:16/10;grid-column:1/-1}.design-grid .turnaround,.design-grid .standing,.design-grid .sleep{grid-column:1/-1}.process-grid .storyboard{grid-template-columns:1fr}.storyboard .media{aspect-ratio:1279/2023;max-height:none}.toy-scenes,.toy-keychains{grid-template-columns:1fr}.toy-gallery{grid-template-columns:1fr 1fr}}@media (max-width:560px){.hope-hero{min-height:700px}.hero-kicker{font-size:8px}.hero-lead{font-size:14px;line-height:1.8}.hero-data span{font-size:11px}.project-section{padding:76px 0}.section-head{margin-bottom:30px}.film-stage{padding:7px;box-shadow:6px 6px #000}.film-note{flex-direction:column}.quote-panel{min-height:360px}.triptych,.process-grid,.toy-gallery{grid-template-columns:1fr}.triptych .media,.process-grid .half,.process-grid .wide,.toy-gallery .media,.toy-gallery .landscape{aspect-ratio:4/3;grid-column:auto}.toy-gallery .portrait{aspect-ratio:3/4}.wrap{padding-left:18px;padding-right:18px}}