:root{--ivory:#f5f0e7;--paper:#fffdf9;--ink:#292620;--muted:#776f64;--gold:#c69b57;--blue:#66acd1;--orange:#ef7d3d;--pink:#f4a3ba;--line:rgba(41,38,32,.15)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font-family:"PingFang SC","Noto Sans CJK SC","Microsoft YaHei",Arial,sans-serif}.progress{position:fixed;z-index:50;left:0;top:0;width:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--orange),var(--blue))}.nav{position:absolute;z-index:20;top:0;left:0;width:100%;height:76px;padding:0 4.5vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;font-size:10px;letter-spacing:.15em}.brand,.nav a{color:inherit;text-decoration:none}.brand{font-weight:800}.nav nav{display:flex;gap:26px;color:var(--muted)}.nav>span{text-align:right;color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:.25em;font-weight:800;color:#967041;margin:0 0 22px}.hero{min-height:100vh;padding:12vh 4.5vw 7vh;display:grid;grid-template-columns:42% 58%;align-items:center;position:relative;overflow:hidden}.hero-copy{position:relative;z-index:3}.hero h1{font-family:"Arial Narrow","Nimbus Sans Narrow",Arial,sans-serif;font-size:clamp(74px,9.2vw,154px);font-weight:900;letter-spacing:-.055em;line-height:.72;margin:0}.hero h1 em{display:block;color:var(--orange);font-style:normal}.hero-cn{margin:32px 0 0;color:#967041;letter-spacing:.28em;font-size:13px}.lead{max-width:510px;margin:30px 0 24px;font-size:15px;line-height:1.95;color:var(--muted)}.meta{display:flex;gap:28px;font-size:11px;color:var(--muted)}.meta b{color:var(--ink);margin-right:7px}.hero-collage{position:relative;height:76vh}.hero-collage figure{position:absolute;margin:0;box-shadow:0 28px 60px rgba(63,48,27,.2);transition:transform .55s cubic-bezier(.2,.8,.2,1)}.hero-collage img{display:block;width:100%}.hero-poster{width:38%;left:19%;top:3%;transform:rotate(-5deg)}.hero-card{width:30%;right:5%;top:16%;transform:rotate(4deg)}.hero-sign{width:45%;left:1%;bottom:5%;box-shadow:none!important;transform:rotate(3deg)}.hero-sign img{filter:drop-shadow(0 22px 18px rgba(53,40,24,.18))}.hero-collage:hover .hero-poster{transform:rotate(-7deg) translate(-8px,-8px)}.hero-collage:hover .hero-card{transform:rotate(6deg) translate(8px,-4px)}.hero-collage:hover .hero-sign{transform:rotate(1deg) translate(-4px,6px)}.scribble{position:absolute;right:4%;bottom:5%;font:800 11px/1.5 Arial;letter-spacing:.18em;color:var(--blue);transform:rotate(-7deg)}.scroll{position:absolute;left:4.5vw;bottom:4vh;text-decoration:none;color:var(--muted);font-size:8px;letter-spacing:.2em}.overview{padding:140px 7vw;border-top:1px solid var(--line);display:grid;grid-template-columns:7% 43% 1fr;gap:4vw}.num{font:italic 18px Georgia;color:var(--gold)}h2{font-family:"Songti SC","Noto Serif CJK SC",serif;font-size:clamp(44px,5.7vw,86px);font-weight:500;line-height:1.1;margin:0}.overview-copy{font-size:14px;line-height:2;color:var(--muted);max-width:520px}.overview-copy p:first-child{margin-top:0;font-size:19px;line-height:1.7;color:var(--ink)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);margin:0 4.5vw 150px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.metrics article{padding:34px 24px;display:flex;align-items:center;gap:20px;border-right:1px solid var(--line)}.metrics article:last-child{border:0}.metrics b{font:italic 42px Georgia;color:var(--gold)}.metrics span{font-size:8px;line-height:1.7;letter-spacing:.14em;color:var(--muted)}.section-head{display:grid;grid-template-columns:1fr 38%;gap:8vw;align-items:end;margin-bottom:70px}.section-head>p{font-size:14px;line-height:2;color:var(--muted)}.cards-section{padding:100px 0 145px}.cards-section .section-head{padding:0 6vw}.card-rail{display:flex;gap:26px;overflow-x:auto;padding:12px 6vw 45px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--gold) transparent}.paper-card{flex:0 0 min(28vw,390px);margin:0;scroll-snap-align:start;cursor:zoom-in}.paper-card img{width:100%;display:block;background:white;box-shadow:0 20px 50px rgba(63,48,27,.13);transition:transform .35s ease}.paper-card:hover img{transform:translateY(-8px)}.paper-card figcaption{padding-top:16px;font-size:8px;letter-spacing:.14em;color:var(--muted)}.brochures{padding:145px 6vw;background:#e9f1f1;transition:background .45s ease}.brochures:has(.dm-stage[data-active="stem"]){background:#f3e4d2}.dm-tabs{display:flex;gap:10px;margin-bottom:45px}.dm-tabs button{border:1px solid rgba(41,38,32,.2);background:transparent;border-radius:99px;padding:11px 17px;font-size:9px;letter-spacing:.14em;color:var(--muted);cursor:pointer}.dm-tabs button.active{background:var(--ink);color:white}.dm-stage{display:grid;grid-template-columns:28% 1fr;gap:8vw;align-items:center;min-height:640px}.dm-copy span{font-size:9px;letter-spacing:.2em;color:var(--blue)}.dm-copy h3,.sign-intro h3,.backdrop-copy h3{font-family:"Songti SC",serif;font-size:clamp(32px,3.5vw,54px);font-weight:500;line-height:1.25;margin:18px 0}.dm-copy p,.backdrop-copy p{font-size:14px;line-height:2;color:var(--muted)}.stem-copy,.stem-book{display:none}.dm-stage[data-active="stem"] .flow-copy,.dm-stage[data-active="stem"] .flow-book{display:none}.dm-stage[data-active="stem"] .stem-copy,.dm-stage[data-active="stem"] .stem-book{display:block}.book{height:600px;position:relative;perspective:1500px}.book-page,.cover-card{border:0;padding:0;background:none;position:absolute;cursor:zoom-in}.book-page{width:38%;top:6%;box-shadow:0 28px 55px rgba(49,47,40,.2)}.book-page.left{left:8%;transform:perspective(1200px) rotateY(5deg)}.book-page.right{left:46%;transform:perspective(1200px) rotateY(-5deg)}.cover-card{width:24%;right:0;bottom:0;transform:rotate(5deg);box-shadow:0 22px 45px rgba(49,47,40,.2)}.book img{display:block;width:100%}.campaigns{padding:160px 5vw;background:#27241f;color:#fff}.campaign-title{display:grid;grid-template-columns:1fr 37%;align-items:end;gap:7vw;margin-bottom:100px}.campaign-title h2{font-family:"Arial Narrow",Arial,sans-serif;font-weight:900;line-height:.83;letter-spacing:-.04em}.campaign-title h2 em{color:#ff8f54;font-style:normal}.campaign-title>p:last-child{color:#bcb4a9;font-size:14px;line-height:2}.poster-wall{height:115vw;max-height:1500px;min-height:920px;position:relative}.poster-wall figure{position:absolute;margin:0;cursor:zoom-in;box-shadow:0 28px 70px rgba(0,0,0,.34);transition:transform .4s ease}.poster-wall figure:hover{z-index:8;transform:rotate(0) scale(1.03)}.poster-wall img{display:block;width:100%}.p1{width:28%;left:3%;top:2%;transform:rotate(-4deg)}.p2{width:27%;left:36%;top:12%;transform:rotate(2deg)}.p3{width:29%;right:3%;top:0;transform:rotate(4deg)}.p4{width:28%;left:15%;top:52%;transform:rotate(3deg)}.p5{width:28%;right:16%;top:57%;transform:rotate(-3deg)}.offline{padding:150px 0 0}.offline>.section-head{padding:0 6vw}.rollup-scene{margin-top:40px;height:850px;background:linear-gradient(#efe9df 0 72%,#d9d0c3 72%);display:flex;justify-content:center;align-items:flex-end;gap:5vw;padding:70px 8vw 55px;position:relative;overflow:hidden}.rollup-scene:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 17%,rgba(255,255,255,.75) 34%,transparent 49%);opacity:.6}.rollup{position:relative;height:660px;z-index:2;cursor:zoom-in;filter:drop-shadow(0 30px 24px rgba(59,48,34,.2))}.rollup img{display:block;height:100%;width:auto}.rollup .rail{position:absolute;left:-2%;right:-2%;top:-8px;height:9px;background:#a9a59f;border-radius:5px;box-shadow:0 3px 5px rgba(0,0,0,.22)}.feet{position:absolute;bottom:-24px;left:36%;width:28%;height:25px;background:#8f8b85;clip-path:polygon(15% 0,85% 0,100% 100%,0 100%)}.r2{height:700px}.scale{position:absolute;left:4%;bottom:55px;writing-mode:vertical-rl;font:10px Arial;letter-spacing:.25em;color:var(--muted)}.sign-intro{padding:150px 7vw 80px;display:grid;grid-template-columns:7% 48% 1fr;gap:4vw;align-items:center}.sign-intro>p{font-size:14px;line-height:2;color:var(--muted)}.sign-marquee{overflow:hidden;padding-bottom:130px}.sign-track{display:flex;width:max-content;gap:20px;padding:30px 3vw;animation:drift 38s linear infinite}.sign-track:hover{animation-play-state:paused}.sign-track button{width:360px;height:245px;border:0;background:transparent;padding:0;cursor:zoom-in}.sign-track img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 16px rgba(56,44,29,.16))}@keyframes drift{to{transform:translateX(-42%)}}.backdrop-block{display:grid;grid-template-columns:30% 1fr;background:#e8d8c5;padding:110px 7vw 0;gap:6vw;align-items:center}.backdrop-scene{height:750px;position:relative;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.backdrop-scene:after{content:"";position:absolute;left:0;right:0;bottom:0;height:9%;background:#cabda9}.backdrop-scene figure{position:relative;z-index:2;margin:0 0 6%;height:82%;box-shadow:0 18px 55px rgba(60,45,28,.2);cursor:zoom-in}.backdrop-scene img{height:100%;width:auto;display:block}.spotlight{position:absolute;width:80%;height:85%;top:-10%;background:radial-gradient(ellipse,rgba(255,255,255,.9),transparent 65%)}.person-scale{position:absolute;z-index:3;bottom:6%;right:9%;height:27%;width:4%;border-radius:45% 45% 15% 15%;background:rgba(41,38,32,.48)}.person-scale:before{content:"";position:absolute;width:90%;aspect-ratio:1;border-radius:50%;background:inherit;left:5%;top:-26%}.certificates{padding:160px 6vw;background:#faf7f1}.certificate-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4vw;align-items:end}.certificate{margin:0;cursor:zoom-in}.certificate>img,.acrylic-sheet img{width:100%;display:block}.certificate.wood{padding:28px;background:#b8966e;box-shadow:inset 0 0 50px rgba(70,42,17,.2),0 30px 65px rgba(54,40,23,.17);position:relative}.certificate.wood:before{content:"";position:absolute;inset:0;opacity:.17;background:repeating-linear-gradient(93deg,rgba(61,35,14,.3) 0 1px,transparent 1px 17px)}.certificate.wood img{position:relative;box-shadow:0 10px 24px rgba(63,39,18,.17)}.material-label{font-size:8px;letter-spacing:.16em;margin-bottom:14px;color:#6b5134}.acrylic{padding:22px}.acrylic-sheet{padding:18px;background:rgba(255,255,255,.42);border:1px solid rgba(255,255,255,.95);box-shadow:0 32px 65px rgba(53,45,34,.16),inset 0 0 0 5px rgba(255,255,255,.18);position:relative}.acrylic-sheet:after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,rgba(255,255,255,.72),transparent 18%,transparent 72%,rgba(255,255,255,.3));pointer-events:none}.certificate.gold{transform:translateY(-28px)}.certificate figcaption{font-size:9px;letter-spacing:.12em;color:var(--muted);padding-top:18px}.closing{padding:180px 7vw 200px;text-align:center}.closing h2{font-size:clamp(52px,7vw,110px)}.closing>p:last-child{max-width:570px;margin:40px auto 0;color:var(--muted);font-size:14px;line-height:2}footer{background:#2a2722;color:#f9f5ee;padding:110px 7vw 35px}footer>div:first-child p{font-size:9px;letter-spacing:.2em;color:#d8b47a}footer h2{font:400 clamp(54px,8vw,120px)/.9 Georgia,serif;margin:24px 0 100px}.footer-row{border-top:1px solid rgba(255,255,255,.2);padding-top:18px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.15em}.footer-row a{color:inherit;text-decoration:none}.zoomable{cursor:zoom-in}.lightbox{width:min(94vw,1150px);height:94vh;border:0;padding:55px;background:rgba(247,243,236,.98);box-shadow:0 30px 100px rgba(0,0,0,.35);overflow:auto}.lightbox::backdrop{background:rgba(25,22,19,.82);backdrop-filter:blur(4px)}.lightbox img{display:block;max-width:100%;max-height:none;margin:auto;box-shadow:0 18px 45px rgba(46,38,28,.14)}.lightbox-close{position:fixed;right:3.5vw;top:2.7vh;border:0;background:none;font:300 38px Arial;color:var(--ink);cursor:pointer}.lightbox p{text-align:center;color:var(--muted);font-size:9px;letter-spacing:.15em;margin-top:24px}.reveal{opacity:0;transform:translateY(32px);transition:opacity .85s ease,transform .85s ease}.reveal.visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.reveal{opacity:1;transform:none}.sign-track{animation:none}}
@media(max-width:900px){.nav{grid-template-columns:1fr auto}.nav nav{display:none}.hero{grid-template-columns:1fr;padding-top:130px}.hero-collage{height:58vh;margin-top:40px}.overview,.section-head,.campaign-title,.sign-intro,.backdrop-block{grid-template-columns:1fr}.overview .num,.sign-intro .num{display:none}.metrics{grid-template-columns:1fr 1fr}.metrics article:nth-child(2){border-right:0}.dm-stage{grid-template-columns:1fr}.dm-copy{max-width:550px}.book{height:560px}.poster-wall{min-height:1200px;height:165vw}.p1,.p2,.p3,.p4,.p5{width:42%}.p1{left:2%}.p2{left:auto;right:4%;top:9%}.p3{right:auto;left:10%;top:38%}.p4{left:auto;right:5%;top:48%}.p5{right:auto;left:28%;top:72%}.rollup-scene{height:690px;gap:3vw;padding-left:2vw;padding-right:2vw}.rollup{height:500px}.r2{height:540px}.backdrop-copy{padding-bottom:50px}.certificate-grid{grid-template-columns:1fr;gap:70px}.certificate{max-width:520px;margin:auto}.certificate.gold{transform:none}.sign-track button{width:300px}.backdrop-block{padding-top:90px}.backdrop-scene{height:650px}}
@media(max-width:560px){.hero h1{font-size:70px}.hero-collage{height:46vh}.hero-poster{width:44%;left:16%}.hero-card{width:36%}.hero-sign{width:55%}.meta{flex-direction:column;gap:7px}.overview,.cards-section,.brochures,.campaigns,.offline,.certificates{padding-top:90px}.metrics{margin-left:0;margin-right:0;margin-bottom:70px}.metrics article{padding:20px 13px}.metrics b{font-size:30px}.paper-card{flex-basis:75vw}.dm-stage{min-height:520px}.book{height:430px}.book-page{width:43%}.book-page.left{left:1%}.book-page.right{left:43%}.cover-card{width:29%}.poster-wall{height:190vw;min-height:850px}.rollup-scene{height:500px;padding-bottom:35px}.rollup{height:350px}.r2{height:380px}.sign-intro{padding-top:90px}.sign-track button{width:250px;height:180px}.backdrop-scene{height:500px}.backdrop-scene figure{height:72%}.lightbox{padding:45px 15px}}