:root{--ink:#1d1d1f;--muted:#6e6e73;--muted-deep:#5f5f66;--paper:#f5f5f7;--red:#921c34;--blue:#0066cc;--ease:cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased;background:#fff}button,a{-webkit-tap-highlight-color:transparent}a{text-decoration:none;color:inherit}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #0071e3;outline-offset:5px}img{max-width:100%;display:block}button{border:0}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-weight:650;letter-spacing:-.045em}b{font-weight:inherit}em,i{font-style:normal}.wrap{width:min(1140px,86%);margin-inline:auto}.global-nav{height:76px;position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:0 max(7%,calc((100vw - 1140px)/2));background:#ffffffdf;backdrop-filter:blur(24px);border-bottom:1px solid #0000000d}.brand img{width:68px;height:58px;object-fit:contain;mix-blend-mode:multiply}.global-nav nav{display:flex;gap:40px;font-size:13px}.global-nav nav a{transition:color .2s}.global-nav nav a:hover{color:var(--red)}.nav-cta{font-size:12px;background:#1d1d1f;color:white;padding:9px 16px;border-radius:30px}.nav-cta span{margin-left:9px}.reading-progress{position:absolute;bottom:-1px;left:0;height:2px;background:var(--red);width:0;max-width:100%;transition:width .12s linear}
.plus-icon,.close-icon{display:inline-flex;align-items:center;justify-content:center;font-size:0;line-height:0}
.plus-icon:before,.close-icon:before{content:"";width:14px;height:14px;background:currentColor}
.plus-icon:before{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5v14M5 12h14' stroke='%23000' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5v14M5 12h14' stroke='%23000' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat}
.close-icon:before{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.5 6.5l11 11M17.5 6.5l-11 11' stroke='%23000' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.5 6.5l11 11M17.5 6.5l-11 11' stroke='%23000' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat}
.glass-button .plus-icon:before{width:16px;height:16px}
.project-card>button .plus-icon:before{width:17px;height:17px}
.hero{text-align:center;padding:67px 20px 36px;overflow:hidden}.hero-kicker{font-size:22px;font-weight:600;letter-spacing:1px;animation:enter 1s var(--ease) both}.hero h1{font-size:clamp(56px,7.1vw,106px);line-height:1.12;margin:27px 0 26px;letter-spacing:-.065em}.hero h1 span{display:block;animation:enter 1.3s var(--ease) both;animation-delay:.12s}.hero h1 span+span{animation-delay:.24s}.color-type{background:linear-gradient(110deg,#4f071d 15%,#a42644 45%,#df8b8c 75%,#9a203a);background-clip:text;-webkit-background-clip:text;color:transparent;background-size:160% auto;animation:colorShift 8s ease-in-out infinite alternate}.hero-description{font-size:20px;line-height:1.65;color:#6e6e73;animation:enter 1.3s .35s var(--ease) both}.blue-link{color:var(--blue);font-size:17px;background:none;padding:0}.hero>.blue-link{display:inline-flex;align-items:center;gap:8px;margin-top:24px;animation:enter 1.3s .45s var(--ease) both}.blue-link span{font-size:24px}.blue-link:hover{text-decoration:underline}.scroll-cue{margin:38px 0 0;display:flex;justify-content:center;align-items:center;gap:10px;color:#6e6e73;font-size:12px;letter-spacing:2px}.scroll-cue span{height:25px;width:1px;background:#ddd;position:relative;overflow:hidden}.scroll-cue span:after{content:"";position:absolute;width:1px;height:12px;background:#777;animation:down 1.7s infinite}.cinema{height:165vh;min-height:1000px;background:#fff}.cinema-sticky{height:calc(100vh - 76px);position:sticky;top:76px;display:flex;align-items:center;justify-content:center;overflow:hidden}.cinema-frame{width:88%;height:75%;border-radius:32px;position:relative;overflow:hidden;background:#030408;will-change:width,height,border-radius}.cinema-frame>img{width:100%;height:100%;object-fit:cover;transform:scale(1.03);will-change:transform}.section-heading>p,.subwork-heading>p,.about-copy>p:not(.eyebrow),.process-grid p,.service-accordions details p,.service-accordions li,.vision-foot>p,.contact .wrap>p:not(.eyebrow){color:#6e6e73}.section-heading .eyebrow,.archive-heading .eyebrow,.about-copy>.eyebrow,.process .eyebrow,.contact .eyebrow,.rail-controls>span,.data-note,.archive>.data-note,.service-accordions summary>span,.process-grid span,.year-metrics span,.about-numbers span,.metric-row span,.dialog-metrics span,.archive-list>button i{color:#5f5f66}.cinema-shade{position:absolute;inset:0;background:linear-gradient(90deg,#04040bc4,#04040b4d 52%,transparent 88%),linear-gradient(0deg,#04040bb3,transparent 46%),linear-gradient(180deg,#04040b8c,transparent 32%)}.cinema-copy{position:absolute;top:22%;left:9%;color:#fff;opacity:0;transform:translateY(24px)}.cinema-copy>p{font-size:18px;letter-spacing:1px}.cinema-copy h2{font-size:clamp(46px,6vw,86px);line-height:1.15;margin:20px 0 35px}.glass-button{background:#ffffff24;border:1px solid #ffffff4d;color:#fff;backdrop-filter:blur(16px);display:inline-flex;gap:25px;align-items:center;padding:13px 20px;border-radius:30px;font-size:14px;transition:background .3s,transform .3s}.glass-button:hover{background:#ffffff42;transform:translateY(-2px)}.glass-button span{display:flex;align-items:center}.cinema-bottom{position:absolute;bottom:30px;left:5%;right:5%;display:flex;justify-content:space-between;color:#fffd;font-size:12px;letter-spacing:1px}.cinema-bottom span:last-child{font-size:12px}.eyebrow{font-size:17px;font-weight:600;letter-spacing:.02em;margin-bottom:25px}.vision{padding-block:145px 160px}.vision>.eyebrow{color:var(--muted)}.vision-statement{font-size:clamp(33px,4.5vw,64px);line-height:1.4;letter-spacing:-.035em}.vision-statement span{display:block;color:#a4a4ab;transition:color .5s}.vision-statement span.lit{color:#1d1d1f}.vision-foot{margin-top:50px;display:flex;justify-content:space-between;align-items:flex-end}.vision-foot>p{font-size:17px;line-height:1.85;color:#6e6e73}.vision-foot>div{display:flex;align-items:center;gap:14px;font-size:12px;color:#6e6e73}.vision-foot i{height:1px;width:20px;background:#ccc}.work-section{background:var(--paper);padding-top:120px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:70px}.section-heading h2{font-size:clamp(40px,4.8vw,64px);line-height:1.12}.section-heading .eyebrow{color:#6e6e73}.section-heading>p{font-size:19px;color:#6e6e73;line-height:1.6}.peony-story{background:white;border-radius:32px;overflow:hidden}.peony-head{text-align:center;padding:80px 20px 55px}.peony-head>.eyebrow{font-size:14px;color:var(--red)}.peony-head h3{font-size:clamp(38px,4.7vw,64px);line-height:1.16}.rose-type{color:#a34659}.peony-head>p:last-child{font-size:18px;color:#6e6e73;line-height:1.65;margin-top:25px}.peony-visual{position:relative;height:590px;margin:0 28px;border-radius:20px;overflow:hidden;background:#5d7757}.peony-visual>img{width:100%;height:100%;object-fit:cover;object-position:center 53%;filter:brightness(.88);transition:transform 1.5s var(--ease)}.peony-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0b201c88,transparent 85%)}.peony-quote{position:absolute;top:55px;left:55px;z-index:1;color:#fff}.peony-quote>span{font-size:13px;letter-spacing:3px}.peony-quote>p{font-size:65px;font-weight:650;line-height:1.1;letter-spacing:-3px;margin:28px 0 40px}.journey{padding:65px 55px;display:grid;grid-template-columns:1fr 1.05fr;gap:60px}.journey-intro>.eyebrow{font-size:12px;color:var(--red);margin-bottom:18px}.journey h4{font-size:32px;line-height:1.3}.journey-intro>p:last-child{font-size:15px;color:var(--muted);line-height:1.8;margin-top:20px}.year-tabs{display:flex;padding:4px;background:#f0f0f2;border-radius:30px;width:max-content;margin-bottom:25px}.year-tabs button{padding:9px 24px;border-radius:25px;background:transparent;font-size:14px;color:#5c5c63;transition:background .3s,box-shadow .3s}.year-tabs button[aria-selected=true]{background:#fff;color:#1d1d1f;box-shadow:0 2px 10px #0001}.year-title{font-size:22px;font-weight:600;margin-bottom:12px}.year-desc{font-size:15px;line-height:1.8;color:var(--muted);min-height:54px}.year-metrics{display:flex;gap:30px;margin-top:25px}.year-metrics strong{white-space:nowrap;font-size:36px;font-weight:600;letter-spacing:-1.8px;display:block}.year-metrics em{font-size:15px;letter-spacing:0;margin-left:3px}.year-metrics span{text-wrap:balance;font-size:12px;color:#6e6e73;display:block;margin-top:8px}.year-footnote{font-size:12px;color:var(--muted);margin-top:24px;line-height:1.7}.panel-enter{animation:enter .6s var(--ease)}.music-story{margin-top:120px;background:#08080b;color:#f5f5f7;padding:95px 0 65px;overflow:hidden}.music-top{text-align:center}.music-top .eyebrow{font-size:14px;color:#a6a6b6}.music-top h3{font-size:clamp(42px,5.3vw,76px);line-height:1.16}.music-top h3 span{color:#92929c}.music-top>p:last-child{font-size:18px;line-height:1.8;color:#a1a1a9;margin-top:30px}.music-gallery{width:min(1050px,86%);margin:60px auto 70px;display:grid;grid-template-columns:.9fr 1.1fr;gap:25px}.music-tall{height:610px;border-radius:25px;overflow:hidden}.music-tall img{width:100%;height:100%;object-fit:cover}.music-right{display:flex;flex-direction:column;gap:25px}.music-crowd{height:320px;border-radius:25px;overflow:hidden}.music-crowd img{width:100%;height:100%;object-fit:cover}.music-words{padding:20px 30px}.music-words>p{font-size:36px;font-weight:600;line-height:1.3;color:#dddde5;margin-bottom:28px}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);text-align:center}.metric-row>div+div{border-left:1px solid #ffffff20}.metric-row strong{font-size:66px;letter-spacing:-3px;font-weight:650;display:block}.metric-row strong em{font-size:28px;margin-left:5px}.metric-row span{font-size:14px;color:#97979f;display:block;margin-top:12px}.data-note{font-size:12px;line-height:1.8;color:#6e6e73}.music-story>.data-note{text-align:center;margin-top:40px;color:#9b9ba4}.subwork-heading{padding-top:120px}.subwork-heading h3{font-size:48px;line-height:1.2}.subwork-heading h3 span{color:#6e6e73}.subwork-heading>p{font-size:18px;color:#6e6e73;margin-top:25px}.work-rail{display:flex;gap:25px;padding:50px max(7%,calc((100vw - 1140px)/2)) 25px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory;scroll-behavior:smooth}.work-rail::-webkit-scrollbar{display:none}.project-card{flex:0 0 370px;height:520px;position:relative;border-radius:28px;overflow:hidden;color:#fff;scroll-snap-align:center;background:#333;isolation:isolate}.project-card>img{width:100%;height:100%;object-fit:cover;object-position:center 58%;transition:transform .8s var(--ease)}.project-card:after{content:"";position:absolute;inset:0;background:linear-gradient(#0009,transparent 65%,#0009);z-index:0}.project-card:hover>img{transform:scale(1.04)}.project-card>div{position:absolute;top:35px;left:30px;right:30px;z-index:1}.project-card p{font-size:12px;opacity:.85;margin-bottom:20px}.project-card h3{font-size:35px;line-height:1.2;margin-bottom:18px}.project-card>div>span{font-size:14px}.project-card>button{position:absolute;right:24px;bottom:24px;width:44px;height:44px;border-radius:50%;background:#ffffffdb;color:#252529;z-index:1;transition:transform .3s,background .3s}.project-card>button:hover{transform:rotate(90deg);background:#fff}.rail-controls{display:flex;align-items:center;justify-content:space-between}.rail-controls>span{color:#6e6e73;font-size:12px}.rail-controls>div{display:flex;gap:10px}.rail-controls button{width:40px;height:40px;border-radius:50%;color:#555;background:#e4e4e9;line-height:1}.rail-controls button:disabled{opacity:.35;cursor:default}.archive{padding-block:110px 90px}.archive-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:42px}.archive-heading .eyebrow{color:#6e6e73}.archive-heading h3{font-size:35px;line-height:1.3;width:60%}.archive-list>button{display:grid;width:100%;grid-template-columns:90px 1fr 100px 30px;gap:25px;padding:28px 0;border-top:1px solid #d7d7dc;background:transparent;text-align:left;align-items:center}.archive-list>button>span{font-size:14px;color:#6e6e73}.archive-list>button strong{font-size:23px;font-weight:500;letter-spacing:-.5px}.archive-list>button em{font-size:12px;color:#6e6e73}.archive-list>button i{color:#6e6e73}.archive-list>button:hover strong{color:var(--red)}.archive>.data-note{margin-top:25px}.services{padding-block:135px}.service-layout{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:start}.service-visual{height:650px;position:sticky;top:105px;border-radius:28px;overflow:hidden;background:#202925}.service-visual>img{width:100%;height:100%;object-fit:cover;transition:opacity .3s}
.service-visual>img[src*="base-night"],.service-visual>img[src*="garden"]{transform:scale(1.04)}.service-visual:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#000a)}.service-visual>div{position:absolute;bottom:35px;left:35px;right:25px;color:white;z-index:1}.service-visual span{font-size:12px;letter-spacing:2px}.service-visual p{font-size:30px;font-weight:600;letter-spacing:-1px;margin-top:18px}.service-accordions details{border-top:1px solid #d2d2d7}.service-accordions details:last-child{border-bottom:1px solid #d2d2d7}.service-accordions summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:18px;padding:30px 0}.service-accordions summary::-webkit-details-marker{display:none}.service-accordions summary>span{font-size:12px;color:#6e6e73}.service-accordions h3{font-size:25px;letter-spacing:-1px;flex:1}.service-accordions summary>i{transition:transform .4s}
.service-accordions summary>i:before{width:15px;height:15px}.service-accordions details[open] summary>i{transform:rotate(45deg)}.service-accordions details>div{padding:0 0 30px 32px;animation:enter .5s var(--ease)}.service-accordions details p{font-size:16px;line-height:1.85;color:#6e6e73}.service-accordions ul{padding:0;list-style:none;margin:20px 0}.service-accordions li{font-size:14px;line-height:2.1;color:#6e6e73}.service-accordions li:before{content:"·";margin-right:10px;color:#bbb}.service-accordions a,.service-accordions .blue-link{font-size:14px;color:var(--blue)}.process{background:#f5f5f7;padding-block:110px}.process h2{font-size:58px;line-height:1.15}.process .eyebrow{color:#6e6e73}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:38px;margin-top:70px}.process-grid article{border-top:2px solid #d3d3d8;padding-top:25px}.process-grid article:nth-child(2){transition-delay:.1s}.process-grid article:nth-child(3){transition-delay:.2s}.process-grid article:nth-child(4){transition-delay:.3s}.process-grid span{font-size:12px;color:#6e6e73}.process-grid h3{font-size:28px;margin:22px 0 15px}.process-grid p{font-size:15px;color:#6e6e73;line-height:1.8}.about{padding-block:140px;display:grid;grid-template-columns:1fr 1.2fr;gap:100px;align-items:center}.about-brand{text-align:center}.about-brand>img{width:265px;margin:auto;mix-blend-mode:multiply}.about-brand>p{font-size:36px;line-height:1.3;margin-top:38px;letter-spacing:3px}.about-copy>.eyebrow{color:#6e6e73}.about-copy h2{font-size:48px;line-height:1.2;margin-bottom:30px}.about-copy>p:not(.eyebrow){font-size:16px;line-height:1.85;color:#6e6e73;margin-top:18px}.about-numbers{display:flex;gap:65px;margin:32px 0}.about-numbers strong{font-size:55px;font-weight:600;letter-spacing:-2px;display:block}.about-numbers strong em{font-size:22px;margin-left:5px}.about-numbers span{font-size:13px;color:#6e6e73;display:block;margin-top:10px}.about-copy>p.about-principle{border-top:1px solid #ddd;padding-top:25px;color:#1d1d1f;font-size:18px;font-weight:500}.phone-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex:none}
.phone-icon:before{content:"";width:20px;height:20px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 3.5h3l1.6 4-2 1.4a12.5 12.5 0 0 0 5.9 5.9l1.4-2 4 1.6v3a2 2 0 0 1-2.2 2A16.5 16.5 0 0 1 4.6 5.7a2 2 0 0 1 2-2.2Z' stroke='%23000' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 3.5h3l1.6 4-2 1.4a12.5 12.5 0 0 0 5.9 5.9l1.4-2 4 1.6v3a2 2 0 0 1-2.2 2A16.5 16.5 0 0 1 4.6 5.7a2 2 0 0 1 2-2.2Z' stroke='%23000' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.contact-direct{display:inline-flex;align-items:center;gap:22px;flex-wrap:wrap;justify-content:center;margin-top:38px;padding:18px 26px;background:#fff;border-radius:22px;box-shadow:0 2px 20px #0000000d}
.contact-person{text-align:left;padding-right:22px;border-right:1px solid #e4e4e9}
.contact-role{display:block;font-size:12px;color:var(--muted-deep);margin-bottom:6px}
.contact-person strong{font-size:21px;font-weight:650;letter-spacing:-.01em}
.contact-phone{display:inline-flex;align-items:center;gap:11px;color:var(--ink);transition:color .2s}
.contact-phone:hover{color:var(--red)}
.contact-phone b{font-size:24px;font-weight:650;letter-spacing:.01em;font-variant-numeric:tabular-nums}
.copy-phone{padding:9px 15px;border-radius:20px;background:#f0f0f2;color:#3a3a3c;font-size:13px;transition:background .25s,color .25s}
.copy-phone:hover{background:#e4e4e9}
.copy-phone.done{background:#1d1d1f;color:#fff}
.contact-status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.contact-actions{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:26px}
.contact-actions .pill-button{margin-top:0}
.ghost-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:15px;line-height:1.25;color:#3a3a3c;border:1px solid #d2d2d7;border-radius:30px;padding:15px 24px;align-self:center;transition:border-color .25s,background .25s}
.ghost-button:hover{border-color:#1d1d1f;background:#fff}
.contact{text-align:center;background:#f5f5f7;padding-block:110px 120px;position:relative}.contact .eyebrow{color:#6e6e73}.contact h2{font-size:76px;line-height:1.16}.contact .wrap>p:not(.eyebrow){font-size:18px;line-height:1.8;color:#6e6e73;margin-top:30px}.pill-button{display:inline-flex;align-items:center;justify-content:center;gap:28px;background:#1d1d1f;color:white;font-size:15px;border-radius:30px;padding:16px 25px;margin-top:30px;line-height:1.25;align-self:center;transition:transform .3s,background .3s}.pill-button:hover{background:#38383b;transform:translateY(-2px)}
.pill-button>span{display:inline-flex;align-items:center;line-height:1;flex:none}footer{padding-block:35px 25px}.footer-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:25px}.footer-top>p{font-size:14px;color:#6e6e73}.footer-top>a:last-child{font-size:12px;color:#6e6e73}.footer-bottom{display:flex;justify-content:space-between;font-size:12px;color:#6e6e73;border-top:1px solid #ddd;padding-top:20px}.reveal{opacity:1;transform:none}.motion-ready .reveal{opacity:0;transform:translateY(36px);transition:opacity 1s var(--ease),transform 1.1s var(--ease)}.motion-ready .reveal.visible{opacity:1;transform:none}dialog{border:0;padding:0;border-radius:28px;width:min(950px,calc(100% - 30px));max-height:92vh;color:#1d1d1f;overscroll-behavior:contain}dialog[open]{animation:modalIn .5s var(--ease)}dialog::backdrop{background:#0009;backdrop-filter:blur(18px)}.dialog-close{position:sticky;top:18px;margin:18px 18px -62px auto;display:flex;align-items:center;justify-content:center;z-index:3;border-radius:50%;background:#f5f5f7ee;width:44px;height:44px;color:#555}.dialog-visual{width:100%;height:370px;object-fit:cover;object-position:center 42%}
/* 案例详情：图集、叙事时间轴、要点与认可 */
.dialog-hero{position:relative;margin:0}
.dialog-hero figcaption{position:absolute;left:0;right:0;bottom:0;padding:70px 65px 28px;color:#fff;background:linear-gradient(transparent,#000000b8)}
.dialog-hero figcaption span{display:block;font-size:12px;letter-spacing:.04em;opacity:.85;margin-bottom:8px}
.dialog-hero figcaption strong{display:block;font-size:30px;font-weight:650;letter-spacing:-.03em}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.dlg-scope-block{margin:34px 0 0}
.dlg-scope-block h3{font-size:17px;margin-bottom:16px}
.dlg-section{margin-top:36px}
.dlg-section:first-child{margin-top:0}
.dlg-section h3{font-size:25px;line-height:1.4;margin-bottom:16px}
.dlg-section p+p{margin-top:14px}
.dlg-lead{font-size:17px!important;color:#3a3a3c!important}
.dlg-notice{margin-top:20px!important;padding:14px 18px;border-radius:12px;background:#f5f5f7;font-size:13px!important;color:var(--muted-deep)!important;line-height:1.75!important}
.dlg-h3{font-size:25px;line-height:1.4;margin:38px 0 16px}
.dlg-timeline{list-style:none;padding:0;margin:38px 0 8px;border-left:2px solid #e4e4e9}
.dlg-timeline li{position:relative;padding:0 0 30px 30px}
.dlg-timeline li:last-child{padding-bottom:0}
.dlg-timeline li:before{content:"";position:absolute;left:-7px;top:6px;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid var(--red)}
.dlg-timeline span{display:block;font-size:13px;font-weight:650;letter-spacing:.02em;color:var(--red);margin-bottom:8px}
.dlg-timeline h4{font-size:19px;line-height:1.4;margin-bottom:8px}
.dlg-timeline p{margin:0}
.dlg-points{display:grid;grid-template-columns:1fr 1fr;gap:26px 34px;margin:34px 0 8px}
.dlg-points article{border-top:1px solid #e4e4e9;padding-top:18px}
.dlg-points h4{font-size:17px;margin-bottom:10px}
.dlg-points p{margin:0;font-size:15px!important;line-height:1.8!important}
.dlg-honors{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 26px}
.dlg-honors li{position:relative;padding-left:22px;font-size:15px;line-height:1.7;color:#3a3a3c}
.dlg-honors li:before{content:"";position:absolute;left:0;top:9px;width:9px;height:9px;border-radius:2px;background:var(--red);opacity:.55}
.dlg-highlights{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:10px}
.dlg-highlights li{position:relative;padding-left:24px;font-size:15px;line-height:1.7;color:#3a3a3c}
.dlg-highlights li:before{content:"›";position:absolute;left:4px;top:-1px;font-size:20px;color:var(--red)}
.dlg-gallery{display:grid;gap:12px;margin-top:34px}
.dlg-gallery-1{grid-template-columns:1fr}
.dlg-gallery-2{grid-template-columns:1fr 1fr}
.dlg-gallery-3{grid-template-columns:1.35fr 1fr 1fr}
.dlg-gallery img{width:100%;height:250px;object-fit:cover;border-radius:16px;background:#f0f0f2;align-self:start}
.dlg-gallery-1 img{height:400px}
.dlg-gallery-3 img:first-child{height:320px}
.dlg-gallery-3 img{height:153px}.dialog-body{padding:55px 65px}.dialog-body>.eyebrow{font-size:12px;color:#6e6e73}.dialog-body h2{font-size:44px;line-height:1.2}.dialog-body h3{font-size:25px;line-height:1.4;margin:32px 0 16px}.dialog-body p{font-size:16px;line-height:1.9;color:#6e6e73}.dialog-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(178px,1fr));gap:26px;padding:32px 0;border-block:1px solid #e4e4e9;margin:34px 0}.dialog-metrics strong{font-size:32px;font-weight:600;display:block;letter-spacing:-1px}.dialog-metrics span{font-size:12px;color:#6e6e73;display:block;margin-top:10px;line-height:1.7}.dialog-scope{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}.dialog-scope span{padding:8px 12px;border-radius:20px;background:#f5f5f7;font-size:12px;color:#6e6e73}.dialog-secondary{width:100%;max-height:420px;object-fit:cover;border-radius:16px;margin-top:32px;object-position:center 46%}
.dialog-secondary[src*="commerce"]{transform:scale(1.03)}.dialog-body .source-note{font-size:12px;line-height:1.8;margin-top:25px}.source-link{display:inline-block;margin-top:18px;color:var(--blue);font-size:14px}.modal-open{overflow:hidden}@keyframes enter{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@keyframes colorShift{from{background-position:0% 50%}to{background-position:100% 50%}}@keyframes down{from{transform:translateY(-15px)}to{transform:translateY(35px)}}@keyframes modalIn{from{opacity:0;transform:translateY(35px) scale(.97)}to{opacity:1;transform:none}}
@media(min-width:1600px){.hero{padding-top:90px}.hero h1{font-size:112px}.cinema-frame{max-width:1800px}}@media(max-width:1000px){.global-nav nav{gap:25px}.vision-foot{display:block}.vision-foot>div{margin-top:30px}.journey{padding:45px 35px;gap:35px}.journey h4{font-size:28px}.year-metrics{flex-wrap:wrap;gap:22px 20px}.year-metrics strong{font-size:29px}.music-tall{height:550px}.music-crowd{height:280px}.service-layout{gap:35px}.service-accordions h3{font-size:22px}.service-visual{height:570px}.process-grid{gap:24px}.process-grid h3{font-size:23px}.about{gap:55px}.about-copy h2{font-size:40px}.about-brand>img{width:220px}.metric-row strong{font-size:55px}}
@media(max-width:640px){html{scroll-padding-top:70px}.wrap{width:88%}.global-nav{height:64px;padding-inline:6%}.brand img{height:48px;width:58px}.global-nav nav{gap:22px;font-size:12px}.global-nav nav a:first-child,.global-nav nav a:last-child{display:none}.nav-cta{font-size:12px;padding:8px 11px}.nav-cta span{display:none}.hero{padding:57px 15px 20px}.hero-kicker{font-size:17px}.hero h1{font-size:clamp(44px,11vw,64px);letter-spacing:-.065em;margin:24px 0}.hero-description{font-size:16px}.hero>.blue-link{font-size:15px;margin-top:20px}.scroll-cue{margin-top:32px;font-size:12px}.cinema{height:122vh;min-height:760px}.cinema-sticky{top:64px;height:calc(100svh - 64px);min-height:480px}.cinema-frame{width:92%;height:78%;border-radius:24px}.cinema-copy{left:8%;top:23%;opacity:1;transform:none}.cinema-copy>p{font-size:13px}.cinema-copy h2{font-size:47px;margin:20px 0 28px}.cinema-bottom{bottom:24px;font-size:12px;line-height:1.5}.cinema-bottom>span:last-child{display:none}.glass-button{font-size:13px;padding:11px 17px;gap:18px}.vision{padding-block:80px 90px}.eyebrow{font-size:14px;margin-bottom:22px}.vision-statement{font-size:clamp(25px,6.5vw,39px);line-height:1.55}.vision-foot{margin-top:30px}.vision-foot>p{font-size:14px;line-height:1.9}.vision-foot>div{font-size:12px;gap:10px}.vision-foot i{width:15px}.work-section{padding-top:75px}.section-heading{display:block;margin-bottom:40px}.section-heading h2{font-size:38px}.section-heading>p{font-size:15px;margin-top:22px}.peony-story{border-radius:24px}.peony-head{padding:45px 16px 32px}.peony-head h3{font-size:clamp(27px,7.2vw,42px)}.peony-head>.eyebrow{font-size:12px}.peony-head>p:last-child{font-size:14px;margin-top:22px}.peony-visual{height:440px;margin:0 12px;border-radius:16px}.peony-quote{top:34px;left:26px}.peony-quote>p{font-size:49px}.peony-quote>span{font-size:12px}.journey{display:block;padding:35px 24px 40px}.journey h4{font-size:28px}.journey-intro>p:last-child{font-size:14px}.journey-panel{margin-top:30px}.year-tabs{width:100%}.year-tabs button{flex:1;padding-inline:10px}.year-title{font-size:20px}.year-desc{font-size:14px}.year-metrics{flex-wrap:wrap;gap:22px 20px}.year-metrics strong{font-size:30px}.year-metrics em{font-size:13px}.year-metrics span{font-size:12px}.music-story{margin-top:70px;padding-top:70px}.music-top .eyebrow{font-size:12px}.music-top h3{font-size:42px}.music-top>p:last-child{font-size:15px}.music-gallery{gap:12px;margin:35px auto 40px;width:92%;grid-template-columns:1fr}.music-tall{height:330px;border-radius:15px}.music-right{gap:12px}.music-crowd{height:230px;border-radius:15px}.music-words{padding:6px 2px 0}.music-words>p{font-size:24px;line-height:1.35;margin-bottom:22px}.music-words .glass-button{font-size:13px;gap:14px;padding:11px 15px}.metric-row{width:92%;gap:8px}.metric-row strong{font-size:30px;letter-spacing:-1px}.metric-row strong em{font-size:14px;margin-left:2px}.metric-row span{font-size:11px;line-height:1.5;margin-top:9px}.data-note{font-size:12px}.subwork-heading{padding-top:75px}.subwork-heading h3{font-size:34px}.subwork-heading>p{font-size:15px;line-height:1.7;margin-top:20px}.work-rail{gap:16px;padding:32px 6% 20px}.project-card{flex-basis:82vw;height:480px;border-radius:24px}.project-card h3{font-size:34px}.rail-controls>span{font-size:12px}.archive{padding-block:75px 60px}.archive-heading{display:block;margin-bottom:30px}.archive-heading h3{width:100%;font-size:30px}.archive-heading .eyebrow{font-size:13px}.archive-list>button{grid-template-columns:40px 1fr 20px;gap:12px;padding-block:24px}.archive-list>button>span{font-size:12px}.archive-list>button strong{font-size:17px;line-height:1.5}.archive-list>button em{display:none}.archive-list>button i .plus-icon:before{width:16px;height:16px}.archive-list>button i{font-size:20px}.services{padding-block:80px}.service-layout{display:flex;flex-direction:column;gap:35px}.service-visual{width:100%;height:330px;position:relative;top:auto}.service-visual>div{bottom:27px;left:27px}.service-visual p{font-size:27px}.service-accordions{width:100%}.service-accordions summary{padding:25px 0;gap:15px}.service-accordions h3{font-size:22px}.service-accordions details>div{padding-left:28px}.service-accordions details p{font-size:15px}.process{padding-block:75px}.process h2{font-size:38px}.process-grid{grid-template-columns:1fr 1fr;gap:32px 25px;margin-top:40px}.process-grid h3{font-size:24px}.process-grid p{font-size:13px}.process-grid span{font-size:12px}.about{padding-block:80px;grid-template-columns:1fr;gap:55px}.about-brand{display:flex;align-items:center;justify-content:center;gap:36px}.about-brand>img{width:145px;margin:0}.about-brand>p{font-size:28px;margin-top:0}.about-copy h2{font-size:38px}.about-copy>p:not(.eyebrow){font-size:15px}.about-numbers{gap:60px}.about-numbers strong{font-size:50px}.contact{padding-block:80px}.contact-direct{width:100%;padding:20px;gap:16px;margin-top:30px}.contact-person{width:100%;padding:0 0 16px;border-right:0;border-bottom:1px solid #e4e4e9;text-align:center}.contact-phone{gap:9px}.contact-phone b{font-size:20px}.copy-phone{font-size:12px;padding:8px 12px}.contact-actions{flex-direction:column;align-items:stretch}.contact-actions .pill-button,.ghost-button{justify-content:center}.contact h2{font-size:44px}.contact .wrap>p:not(.eyebrow){font-size:16px}.pill-button{font-size:14px}footer{padding-top:22px}.footer-top{flex-wrap:wrap;gap:20px}.footer-top>p{font-size:12px}.footer-top>a:last-child{font-size:12px}.footer-bottom{display:block;line-height:1.8}.footer-bottom>span{display:block;margin-bottom:5px;font-size:12px}dialog{border-radius:20px;max-height:94svh}.dialog-visual{height:230px}.dialog-hero figcaption{padding:56px 24px 20px}.dialog-hero figcaption strong{font-size:22px}.dlg-points,.dlg-honors{grid-template-columns:1fr;gap:20px}.dlg-gallery-2,.dlg-gallery-3{grid-template-columns:1fr}.dlg-gallery img,.dlg-gallery-3 img,.dlg-gallery-3 img:first-child{height:210px}.dlg-gallery-1 img{height:250px}.dlg-h3{font-size:22px}.dialog-body{padding:30px 24px}.dialog-body h2{font-size:30px}.dialog-body h3{font-size:22px}.dialog-body p{font-size:15px}.dialog-metrics{gap:12px}.dialog-metrics strong{font-size:24px}.dialog-metrics span{font-size:12px}.dialog-secondary{max-height:260px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.vision-statement span{color:#1d1d1f}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none}.cinema{height:auto;min-height:0}.cinema-sticky{position:relative;top:auto;height:650px}.cinema-copy{opacity:1!important;transform:none!important}.vision-statement span{color:#1d1d1f}.work-rail{scroll-behavior:auto}}

/* Project cooperation contact: original WeChat QR, 2026-10-23. */
.contact-wechat{display:flex;flex-direction:column;align-items:center;width:344px;max-width:100%;margin:38px auto 0;padding:24px 24px 26px;background:#fff;border:1px solid #e8e8ed;border-radius:22px;box-shadow:0 2px 20px #00000008}
.contact-wechat-label{font-size:14px;font-weight:600;color:#6e6e73;letter-spacing:.04em}
.contact-wechat-code{display:block;position:relative;width:264px;max-width:100%;aspect-ratio:1;margin:12px 0 16px;overflow:hidden;background:#fff;border-radius:4px}
.contact-wechat-code img{position:absolute;width:133.73494%;max-width:none;height:auto;left:-16.86747%;top:-42.16867%;display:block}
.contact-wechat-code:focus-visible{outline:3px solid #0066cc;outline-offset:4px}
.contact-wechat-note{font-size:18px;line-height:1.5;font-weight:600;color:#1d1d1f}
.contact-wechat-hint{margin-top:8px;font-size:12px;line-height:1.6;color:#6e6e73}
@media(max-width:600px){.contact-wechat{width:320px;margin-top:28px;padding:22px 20px 24px}.contact-wechat-code{width:252px}.contact-wechat-note{font-size:17px}}