@font-face{font-family:'SciYue Editorial';font-style:normal;font-weight:400;font-display:swap;src:url('./public/fonts/noto-serif-sc-400.ttf') format('truetype')}
@font-face{font-family:'SciYue Editorial';font-style:normal;font-weight:500;font-display:swap;src:url('./public/fonts/noto-serif-sc-500.ttf') format('truetype')}
@font-face{font-family:'SciYue Editorial';font-style:normal;font-weight:600;font-display:swap;src:url('./public/fonts/noto-serif-sc-600.ttf') format('truetype')}

/* Exhibition frames follow the content bounds; the original image stays intact. */
.figure-image-viewport{display:block;width:100%;overflow:hidden;line-height:0;background:#fff}
.figure-crop{display:block;width:100%;height:auto;overflow:hidden}
.figure-image-viewport>img{display:block;width:100%;height:auto;object-fit:contain}
.memory-gallery .figure-image-viewport .figure-crop{height:100%}
.library-gallery{align-items:start}.library-gallery .figure-card{height:auto}.library-gallery .figure-caption{padding:12px 14px;border-top:1px solid #f0f3eb}
.story-chapter .memory-gallery .memory-sheet{padding:2px;border:1px solid #dce4d5;border-radius:3px;box-shadow:0 10px 24px -14px #2f4d382c}
.story-chapter .memory-gallery .figure-caption{padding:8px 12px 6px;border-top:1px solid #edf1e6}
.story-gallery .story-sticky:before{inset:130px 0 45px;border-radius:0;background:linear-gradient(180deg,transparent 5%,#eff3e5a6 49%,#dce6d088 50%,#f3f6eb88 50.3%,transparent 98%)}
.story-gallery .memory-viewport:after{background:linear-gradient(90deg,#fbfcf68c,transparent 2%,transparent 98%,#fbfcf68c)}
.story-videos .story-sticky:before{background:radial-gradient(ellipse at 60% 40%,#dfeada8c,transparent 76%)}
.story-gallery{height:170svh}.story-videos{height:160svh}

/* The first screen uses a restrained editorial type hierarchy. */
.story-intro{background:radial-gradient(ellipse at 50% 50%,#fffffbba,transparent 64%)}
.intro-copy{padding:25px 0 30px;max-width:820px}.intro-copy .hero-owner{font-size:10px;letter-spacing:.26em;margin-bottom:31px}
.story-intro h1{font-family:'SciYue Editorial','Songti SC',SimSun,serif;font-synthesis:none;font-weight:600;font-size:clamp(38px,4.6vw,68px);line-height:1.5;letter-spacing:.02em}
.story-intro h1 .title-prefix{display:block;font-weight:400;font-size:clamp(21px,2vw,30px);letter-spacing:.23em;margin-bottom:9px;padding-left:.23em;color:#536f55}
.story-intro h1 .title-subject{display:block;white-space:nowrap}
.story-intro .hero-subtitle{font-family:'SciYue Editorial','Songti SC',SimSun,serif;font-synthesis:none;font-weight:400;font-size:clamp(22px,2vw,30px);letter-spacing:.1em;line-height:1.7;margin:24px 0 35px;color:#6e865b}
.story-intro .account-stats{gap:44px;margin:35px 0 25px}.story-intro .account-stat+.account-stat{padding-left:44px}
.story-intro .account-stat strong{font-family:'SciYue Editorial',Georgia,serif;font-weight:400;font-size:45px;line-height:1.25;letter-spacing:-.02em;color:#34583e}
.story-intro .account-stat span{font-size:11px;letter-spacing:.08em;margin-top:3px;color:#708166}.story-intro .snapshot-note{font-size:10px;color:#7b8b72;max-width:470px}
.story-intro .hero-profile{font-size:11px;letter-spacing:.05em}.story-intro .hero-owner:before{content:'';display:inline-block;width:23px;height:1px;background:#a8bd98;vertical-align:middle;margin-right:14px}
.story-heading h2,.immersive-home .showcase-heading h2{font-family:'SciYue Editorial','Songti SC',SimSun,serif;font-weight:500;letter-spacing:.03em;font-synthesis:none}
.intro-frame{padding:4px;background:#fffefb;border:1px solid #e2e8da;box-shadow:0 18px 35px -12px #425d2826}
.intro-frame-reveal{width:100%}.intro-frame .figure-image-viewport{height:auto}.intro-frame .figure-crop{height:auto}.intro-frame figcaption{font-size:7px;letter-spacing:.14em;padding:6px 4px 3px;color:#7e9472}
.intro-frame-0{left:1%;top:8%;width:155px}.intro-frame-1{right:2%;top:10%;width:160px}.intro-frame-2{left:6%;bottom:3%;width:162px}.intro-frame-3{right:5%;bottom:3%;width:184px}
.intro-frame-4{left:29%;bottom:2%;width:116px;opacity:1}.intro-frame-5{right:26%;top:2%;width:130px;opacity:1}.intro-frame-6{left:1%;top:38%;width:134px}.intro-frame-7{right:0;top:43%;width:139px}
.intro-frame-8{left:20%;top:1%;width:117px}.intro-frame-9{right:20%;bottom:9%;width:127px}.intro-frame-10{left:0;bottom:24%;width:133px}.intro-frame-11{right:1%;bottom:24%;width:119px}
.intro-frame-12{left:18%;bottom:17%;width:107px}.intro-frame-13{right:18%;top:26%;width:104px}.intro-frame-14{left:19%;top:26%;width:97px}.intro-frame-15{left:41%;top:4%;width:97px}

/* Video is a wide original cover with legible, same-snapshot metrics. */
.story-chapter .memory-video .memory-sheet{padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.story-chapter .memory-video .memory-content{border-radius:0;background:transparent}
.story-chapter .memory-video .ranked-copy{padding:12px 2px 0}.story-chapter .memory-video .ranked-cover{border-radius:6px}
.story-chapter .memory-video .ranked-copy h3{font-size:16px;line-height:1.5;font-weight:550;min-height:0;margin:0 0 10px;color:#244831}
.ranked-meta{gap:12px;align-items:center}.video-rank{font-size:11px;color:#8a9b7d;font-variant-numeric:tabular-nums}
.video-metrics{display:flex;align-items:center;gap:21px}.video-metric{display:flex;align-items:center;gap:5px;white-space:nowrap;color:#2b5c3a}
.video-metric .metric-value{font-size:23px;font-weight:600;line-height:1.2;font-variant-numeric:tabular-nums;letter-spacing:-.04em;color:#244e32}
.video-metric .metric-label{font-size:11px;font-weight:400;color:#5d7654}.video-metric .metric-icon{font-size:21px;line-height:1;color:#668b58}.metric-icon svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.memory-video .ranked-copy p{display:none}.library-videos .ranked-video{border:0;background:transparent}.library-videos .ranked-copy{padding:16px 0 24px}.library-videos .ranked-copy h3{margin-top:0;min-height:46px;font-size:16px}.library-videos .video-metrics{gap:13px}.library-videos .metric-value{font-size:21px}.library-videos .ranked-copy p{margin-top:10px}

/* Knowledge pages also start dispersed, with the complete approved crop visible. */
.story-resources{height:auto;margin-top:20px}.story-resources .story-sticky{position:relative;top:auto;height:auto;min-height:0;padding:50px 30px 35px}
.story-resources .story-visual{flex:none}.story-resources .paper-scene{height:auto}.story-resources .paper-desk,.paper-compact .paper-desk{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:35px 32px;height:auto;min-height:0;padding:34px 10px}
.paper-compact .paper-slot,.story-resources .paper-slot{position:relative;inset:auto;width:100%;max-width:none;margin:0}.paper-compact .paper-slot:nth-child(2n){margin-top:28px}.paper-compact .paper-card{transform:rotate(-2deg);padding:6px;border-radius:2px}.paper-compact .paper-slot:nth-child(2n) .paper-card{transform:rotate(2deg)}
.paper-compact .paper-preview-button{aspect-ratio:auto;height:auto}.paper-compact .paper-thumbnail{height:auto;object-fit:contain}.paper-compact .paper-caption{padding:12px 7px 8px}.story-resources .paper-title{font-size:13px}.story-resources .paper-category{font-size:10px}.story-resources .paper-instruction{margin-top:18px}.story-resources .story-progress{display:none}.story-subjects{padding-top:25px}

@media(max-width:1150px){.intro-frame{width:112px}.intro-frame-0,.intro-frame-1{width:132px}.intro-frame-2,.intro-frame-3{width:145px}.intro-frame-6,.intro-frame-7,.intro-frame-10,.intro-frame-11{width:110px}.intro-frame-14,.intro-frame-13{width:83px}.intro-frame-8,.intro-frame-15{width:94px}.intro-frame-12{width:90px}.story-intro h1{font-size:53px}.story-intro .hero-subtitle{font-size:27px}.library-videos .video-metrics{gap:9px}.library-videos .metric-value{font-size:19px}.library-videos .metric-label{font-size:10px}}
@media(max-width:760px){.intro-frame-5{display:block}.story-intro{min-height:calc(100svh - 64px)}.story-intro h1{font-size:49px}.story-intro h1 .title-prefix{font-size:25px}.story-intro .hero-subtitle{font-size:26px}.intro-frame-13,.intro-frame-14,.intro-frame-15{display:none}.story-resources .paper-desk,.paper-compact .paper-desk{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px;padding:20px 8px}.story-resources .story-sticky{padding:30px 18px}.story-resources .paper-slot:nth-child(even){margin-top:25px}.paper-compact .paper-slot{max-width:none}.story-resources .paper-title{font-size:12px}.story-resources .paper-category{font-size:9px}}
@media(max-width:480px){.intro-copy{padding:40px 0 30px;max-width:100%}.story-intro{padding:60px 11px 100px}.story-intro h1{font-size:36px;max-width:none;letter-spacing:0;line-height:1.5}.story-intro h1 .title-prefix{font-size:23px;letter-spacing:.18em;margin-bottom:10px}.story-intro .hero-subtitle{font-size:23px;letter-spacing:.03em;margin:23px 0 29px}.intro-copy .hero-owner{font-size:8px;letter-spacing:.18em;margin-bottom:24px}.story-intro .hero-owner:before{width:14px;margin-right:8px}.story-intro .account-stats{gap:29px;margin:29px 0 21px}.story-intro .account-stat+.account-stat{padding-left:29px}.story-intro .account-stat strong{font-size:35px}.story-intro .account-stat span{font-size:10px}.story-intro .snapshot-note{font-size:8px;max-width:273px}.story-intro .hero-profile{font-size:10px}
.intro-frame{display:none}.intro-frame-0,.intro-frame-1,.intro-frame-2,.intro-frame-3,.intro-frame-6,.intro-frame-7,.intro-frame-9,.intro-frame-10{display:block}.intro-frame-0{left:-24px;top:1%;width:84px}.intro-frame-1{right:-23px;top:5%;width:89px}.intro-frame-2{left:-22px;bottom:2%;width:100px}.intro-frame-3{right:-27px;bottom:1%;width:105px}.intro-frame-6{left:-30px;top:32%;width:72px}.intro-frame-7{right:-33px;top:34%;width:73px}.intro-frame-9{right:-30px;bottom:27%;top:auto;width:77px}.intro-frame-10{left:-30px;bottom:26%;width:76px}.intro-frame figcaption{font-size:6px;padding:4px 2px 2px}
.story-gallery{height:145svh}.story-videos{height:125svh}.story-heading h2{font-size:28px}.story-chapter .memory-video .ranked-copy h3{font-size:16px;line-height:1.55}.story-chapter .memory-video .ranked-copy{padding:14px 1px 0}.video-metrics{gap:18px}.video-metric .metric-value{font-size:22px}.video-metric .metric-label{font-size:11px}.video-metric .metric-icon{font-size:20px}.video-rank{font-size:10px}.story-chapter .memory-gallery .figure-caption{padding:8px 9px 6px}.story-resources .paper-desk{gap:24px 13px;padding:18px 4px}.story-resources .paper-slot:nth-child(even){margin-top:24px}.story-resources .paper-title{font-size:11px}.story-resources .paper-category{font-size:8px}.paper-compact .paper-caption{padding:9px 3px 6px}.story-resources .story-sticky{padding:30px 14px}.library-videos .metric-value{font-size:23px}.library-videos .metric-label{font-size:11px}.library-videos .video-metrics{gap:19px}}
@media(max-width:370px){.story-intro h1{font-size:33px}.story-intro .hero-subtitle{font-size:21px}.story-intro h1 .title-prefix{font-size:21px}.intro-copy .hero-owner{letter-spacing:.1em}.story-intro .account-stat strong{font-size:33px}}
@media(prefers-reduced-motion:reduce){.story-gallery,.story-videos{height:auto}.intro-frame-reveal{opacity:1}.paper-compact .paper-card{transform:none!important}.story-resources .paper-desk{height:auto}.story-chapter .memory-content{transition:none}}