@font-face{font-family:Harmony;src:url('/assets/HarmonyOS-Sans.ttf') format('truetype');font-display:swap;font-weight:400 700}
:root{color-scheme:dark;--ink:#111214;--paper:#f4f5f6;--muted:#b2b5bb;--accent:#8ac8d3;--gold:#d9bc88;--header:64px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--ink);color:var(--paper);font-family:Harmony,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:0;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,.gallery:focus-visible{outline:2px solid var(--accent);outline-offset:6px}img{display:block;max-width:100%}h1,h2,p,figure{margin:0}h1,h2{font-weight:500;line-height:1.2;letter-spacing:0}h2{font-size:56px}.wrap{width:min(1180px,calc(100% - 96px));margin-inline:auto}.eyebrow{font-size:12px;line-height:1.6;color:var(--accent)}.skip-link{position:fixed;left:16px;top:-80px;z-index:100;padding:12px 20px;background:white;color:black}.skip-link:focus{top:12px}.site-header{height:var(--header);padding:0 48px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;background:rgba(17,18,20,.88);backdrop-filter:blur(16px);border-bottom:1px solid #ffffff12}.brand{display:flex;align-items:center;gap:10px;font-size:15px;white-space:nowrap}.brand img{border-radius:50%}.site-header nav{display:flex;align-items:center;gap:30px;font-size:12px}.site-header nav a{color:#d2d4d8;transition:color .2s}.site-header nav a:hover{color:#fff}.site-header .nav-download{color:white;display:flex;gap:12px;align-items:center}.nav-download span{font-size:18px}.hero{height:calc(91svh - var(--header));min-height:520px;max-height:1050px;position:relative;overflow:hidden}.hero-media,.hero-media img,.hero-shade{position:absolute;inset:0;width:100%;height:100%}.hero-media img{object-fit:cover;object-position:center;transform:scale(var(--hero-scale,1));will-change:transform}.hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.24) 54%,transparent 85%),linear-gradient(0deg,rgba(17,18,20,.5),transparent 30%)}.hero-copy{position:relative;padding-top:min(14svh,150px);transform:translateY(var(--hero-y,0));opacity:var(--hero-opacity,1)}.hero h1{font-size:88px;margin-top:22px}.english-title{font-size:16px;color:#d4e4e9;margin-top:9px}.hero-line{font-size:24px;line-height:1.7;margin-top:32px}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:38px}.action{min-height:52px;padding:15px 24px;display:inline-flex;align-items:center;justify-content:space-between;gap:36px;font-size:14px;border-radius:4px;transition:background .2s,transform .2s}.action:hover{transform:translateY(-2px)}.action.light{background:var(--paper);color:#161719}.action.light:hover{background:#fff}.action.outline{border:1px solid #ffffff60;color:white;background:#14171975;backdrop-filter:blur(10px)}.action.outline:hover{background:#ffffff18}.action span{font-size:20px;line-height:1}.platforms{font-size:12px;color:#d0d3d9}.hero-caption{position:absolute;bottom:24px;right:48px;color:#ffffffb0;font-size:11px}.story-intro{padding-top:104px;padding-bottom:96px}.story-intro h2{margin-top:24px}.intro-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:36px}.intro-bottom p{color:var(--muted);font-size:17px;line-height:2.1}.chapter-number{font-size:84px;line-height:1;color:#ffffff0f}.record-story{height:280svh;position:relative}.record-stage{height:calc(100svh - var(--header));position:sticky;top:var(--header);overflow:hidden;background:#08090b;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;padding:0 max(48px,calc((100vw - 1180px)/2));gap:60px}.record-visual{width:min(520px,100%);aspect-ratio:1;position:relative;transform:scale(var(--record-scale,1));will-change:transform}.record-disc{width:100%;height:100%;object-fit:contain;transform:rotate(var(--record-turn,0deg));will-change:transform}.record-axis{position:absolute;width:4px;height:4px;background:#151618;border-radius:50%;left:50%;top:50%}.record-words{position:relative;height:340px}.record-beat{position:absolute;inset:0;opacity:0;transform:translateY(30px);transition:opacity .55s,transform .55s;pointer-events:none}.record-beat.active{opacity:1;transform:translateY(0)}.record-beat h2{font-size:48px;margin-top:24px}.record-beat>p:last-child{font-size:16px;line-height:2;color:var(--muted);margin-top:28px}.record-progress{position:absolute;bottom:36px;right:max(48px,calc((100vw - 1180px)/2));display:flex;gap:8px}.record-progress span{width:42px;height:2px;background:#ffffff24}.record-progress span.current{background:var(--gold)}.experience{padding:100px 0 78px;background:var(--paper);color:var(--ink)}.experience .eyebrow,.about .eyebrow{color:#587582}.experience-heading h2{margin-top:20px}.experience-heading>p:last-child{font-size:17px;line-height:1.9;color:#64686e;margin-top:28px}.gallery-shell{margin-top:58px;overflow:hidden}.gallery{display:flex;gap:24px;overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 max(48px,calc((100vw - 1180px)/2));overscroll-behavior-x:contain}.gallery::-webkit-scrollbar{display:none}.gallery figure{flex:0 0 min(1080px,88vw);scroll-snap-align:center;min-width:0}.gallery img{width:100%;aspect-ratio:16/9;object-fit:contain;background:#08090b}.gallery figcaption{display:flex;justify-content:space-between;gap:20px;font-size:13px;padding:22px 0;color:#545860}.gallery figcaption span:first-child{color:#161719}.gallery-controls{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.gallery-controls p{font-size:11px;color:#757980}.gallery-controls>div{display:flex;gap:10px}.icon-button{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;border:1px solid #1b1d2022;background:transparent;font-size:22px;color:#282b30;transition:background .2s}.icon-button:hover{background:#e4e6e9}.icon-button:disabled{opacity:.3;cursor:default}.about{background:#e9ecef;color:#151719;padding:100px 0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.about h2{margin-top:24px;font-size:44px}.about-note{color:#646970;font-size:15px;line-height:2;margin-top:26px}.specs{margin:0}.specs>div{display:grid;grid-template-columns:108px 1fr;gap:12px;padding:20px 0;border-bottom:1px solid #1b1d2018;font-size:14px;line-height:1.8}.specs>div:first-child{padding-top:0}.specs dt{color:#71767d}.specs dd{margin:0}.download{min-height:620px;position:relative;overflow:hidden;display:flex;align-items:center;text-align:center}.download-background,.download-shade{position:absolute;inset:0;height:100%;width:100%;object-fit:cover}.download-background{object-position:center 72%}.download-shade{background:#06080cbe}.download-content{position:relative;padding:96px 0}.download h2{font-size:64px;margin-top:24px}.download-line{font-size:21px;margin-top:22px}.downloads{display:flex;justify-content:center;gap:16px;margin-top:42px}.download-detail{font-size:12px;color:#c4c8ce;line-height:1.9;margin-top:24px}.text-link{display:inline-block;font-size:11px;color:#c4c8ce;margin-top:12px;text-decoration:underline;text-underline-offset:4px}.site-footer{padding:36px 0;display:flex;justify-content:space-between;align-items:center;gap:24px}.footer-brand{font-size:15px}.site-footer p{font-size:10px;color:#777d87;margin-top:10px}.footer-links{display:flex;align-items:center;gap:26px;font-size:11px;color:#aaaeb6}.motion-toggle{border:0;border-bottom:1px solid #ffffff30;background:transparent;padding:5px 0;font-size:11px}.motion-toggle[aria-pressed=true]{color:var(--accent)}.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .8s}.js .reveal.visible{opacity:1;transform:translateY(0)}
body.reduced-motion .reveal{opacity:1!important;transform:none!important;transition:none!important}body.reduced-motion .record-story{height:auto}body.reduced-motion .record-stage{position:relative;height:auto;min-height:560px;padding-block:72px}body.reduced-motion .record-words{height:auto;display:grid;gap:45px}body.reduced-motion .record-beat{position:static;opacity:1;transform:none;transition:none}body.reduced-motion .record-beat h2{font-size:36px}body.reduced-motion .record-progress{display:none}body.reduced-motion .hero-media img,body.reduced-motion .hero-copy,body.reduced-motion .record-visual,body.reduced-motion .record-disc{transform:none;opacity:1}body.reduced-motion *{scroll-behavior:auto!important}
@media(min-width:1800px){.wrap{width:min(1380px,calc(100% - 128px))}.hero h1{font-size:104px}.hero-copy{padding-top:17svh}.hero-line{font-size:28px}}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.site-header{padding:0 32px}.hero h1{font-size:72px}.hero-actions{gap:18px}.hero-caption{right:32px}.record-stage{padding-inline:32px;gap:28px}.record-beat h2{font-size:38px}.record-beat>p:last-child{font-size:14px}.about-grid{gap:40px}.about h2{font-size:38px}.gallery{padding-inline:32px}.chapter-number{font-size:64px}}
@media(max-width:700px){:root{--header:58px}.wrap{width:calc(100% - 40px)}h2{font-size:36px}.site-header{padding:0 20px}.site-header nav{gap:20px}.site-header nav a[href='#story'],.site-header nav a[href='#about']{display:none}.brand{font-size:13px}.brand img{width:24px;height:24px}.hero{height:calc(88svh - var(--header));min-height:480px}.hero-media img{object-position:59% center}.hero-shade{background:linear-gradient(90deg,#000a,#0005 80%),linear-gradient(0deg,#11121470,transparent 45%)}.hero-copy{padding-top:68px}.hero h1{font-size:52px;margin-top:22px}.english-title{font-size:13px}.hero-line{font-size:19px;margin-top:28px}.hero-actions{align-items:start;flex-direction:column;gap:17px;margin-top:30px}.hero-caption{font-size:10px;right:20px;bottom:20px}.action{min-height:48px;font-size:13px;padding:13px 20px}.eyebrow{font-size:10px}.story-intro{padding-top:64px;padding-bottom:60px}.intro-bottom{margin-top:28px}.intro-bottom p{font-size:14px;line-height:2}.chapter-number{display:none}.record-story{height:230svh}.record-stage{padding:22px 20px 56px;display:flex;flex-direction:column;justify-content:center;gap:24px}.record-visual{width:min(290px,67vw);flex:none}.record-words{width:100%;max-width:400px;height:225px;text-align:center}.record-beat h2{font-size:32px;margin-top:16px}.record-beat>p:last-child{font-size:13px;margin-top:18px}.record-progress{right:50%;transform:translateX(50%);bottom:28px}.experience{padding:64px 0 48px}.experience-heading>p:last-child{font-size:14px}.gallery-shell{margin-top:34px}.gallery{padding-inline:20px;gap:16px}.gallery figure{flex-basis:calc(100vw - 40px)}.gallery figcaption{font-size:11px;padding:16px 0;flex-wrap:wrap;gap:7px}.gallery-controls{gap:20px}.gallery-controls p{font-size:10px;max-width:190px;line-height:1.6}.about{padding:64px 0}.about-grid{grid-template-columns:1fr;gap:38px}.about h2{font-size:36px}.about-note{font-size:14px}.specs>div{grid-template-columns:80px 1fr;font-size:12px;padding:16px 0}.download{min-height:550px}.download h2{font-size:44px}.download-line{font-size:17px}.download-content{padding:64px 0}.downloads{flex-direction:column;align-items:center;margin-top:32px;gap:12px}.downloads .action{width:min(290px,100%)}.site-footer{align-items:start;flex-direction:column;padding:30px 0}.footer-links{gap:24px;flex-wrap:wrap}.record-stage{min-height:530px}body.reduced-motion .record-stage{padding:48px 20px;gap:38px}body.reduced-motion .record-beat h2{font-size:30px}body.reduced-motion .record-words{max-width:none}}
@media(max-height:620px) and (min-width:701px){.hero{min-height:460px}.hero-copy{padding-top:44px}.hero h1{font-size:62px}.hero-line{margin-top:20px;font-size:20px}.hero-actions{margin-top:24px}.record-stage{min-height:420px}.record-visual{width:360px;max-height:80%;max-width:100%}.record-beat h2{font-size:36px}.record-words{height:270px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1!important;transform:none!important;transition:none!important}}
@media print{.site-header,.hero-media,.download,.footer-links,.record-visual,.gallery-controls{display:none}body,.about,.experience,.record-stage{background:white;color:black}.hero{height:auto;min-height:0}.hero-copy{padding:30px 0}.hero-shade{display:none}.record-story{height:auto}.record-stage{position:static;height:auto;display:block}.record-words{height:auto}.record-beat{position:static;opacity:1;transform:none;margin-block:30px}.wrap{width:100%}.reveal{opacity:1!important;transform:none!important}}

/* External viewing and platform links follow the existing understated typography. */
.external-links{display:flex;flex-wrap:wrap;gap:8px 28px;margin-top:20px}.external-links a{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:14px;line-height:1.6;text-decoration:underline;text-underline-offset:5px}.external-links a:focus-visible{outline:2px solid currentColor;outline-offset:5px}.platform-link{justify-content:center}