.brand-music{margin:32px 4vw 0;background:#38131e;color:#f5ead7;position:relative;isolation:isolate;padding:78px 5vw 0;scroll-margin-top:120px}.brand-music:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#32131df2,#38131ee8),url('./assets/floral-atelier.jpg') center/cover;z-index:-1}.music-intro>.eyebrow{color:#d5b77f}.music-heading-row{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:end}.music-heading-row h2{font-size:clamp(62px,6.8vw,106px);line-height:1.12}.brand-music em{color:#d5b77f}.music-heading-row p{font-size:22px;line-height:1.9}.music-heading-row .music-intro-small{font-size:18px;color:#d2beb8;margin-top:24px}.music-theatre{margin-top:58px;border:1px solid #aa825a85;background:#271117;box-shadow:0 30px 60px #1c060c55}.film-topline{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 25px;font-size:11px;letter-spacing:.14em;color:#cfb991}.film-topline span:first-child{font:25px var(--serif);letter-spacing:.08em;color:#f4ead7}.film-screen{aspect-ratio:16/9;background:#33121b;position:relative;overflow:hidden}.film-screen video{display:block;width:100%;height:100%;object-fit:contain}.music-tracks{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #a3825f66}.music-track{text-align:left;padding:27px 30px;display:flex;align-items:center;gap:20px;color:#c5b3ac;background:#2d1720;transition:background .25s,color .25s;border-top:2px solid transparent}.music-track+.music-track{border-left:1px solid #a3825f66}.music-track.active{background:#481d2b;color:#f7eddd;border-top-color:#d8b77d}.music-track:hover{background:#542538}.track-index{font:24px var(--serif);color:#d4b37d;align-self:flex-start;line-height:1.6}.track-text{flex:1;display:flex;flex-direction:column}.track-label{font-size:12px;letter-spacing:.13em;color:#ccb591;line-height:1.5}.track-text strong{font:36px var(--serif);margin:8px 0 10px;line-height:1.2}.track-sub{font-size:14px;line-height:1.7}.track-time{font-size:14px;align-self:flex-start;white-space:nowrap}.track-time>span{padding-left:12px;color:#d9bb86}.film-credit{text-align:center;font-size:13px;letter-spacing:.07em;color:#cbb79d;padding:18px 20px}.music-status{margin:0 20px;color:#e7bc9a;font-size:16px;text-align:center}.music-status:empty{display:none}.music-story{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;padding:80px 0 72px}.music-story .eyebrow{color:#d3b783;font-size:13px}.music-story h3{font-size:clamp(40px,3.7vw,57px);margin-bottom:28px}.music-story p:not(.eyebrow){font-size:18px;line-height:1.95;color:#ddcbc1;margin-top:22px}.music-manifesto{border-left:1px solid #b18b5c70;padding-left:12%;position:relative}.music-gem{font:56px var(--serif);color:#d4b77d;display:block;line-height:1;margin-bottom:22px}.music-manifesto blockquote{margin:0;font:clamp(30px,3vw,45px)/1.2 var(--serif)}.music-manifesto .slogan-translation{color:#dfc598!important;margin-top:15px!important}.music-source{font-size:14px;margin-top:25px;border-top:1px solid #ab875c60;padding-top:18px;color:#cbb393}.music-source summary{cursor:pointer;font-size:14px;list-style:revert}.music-source p{font-size:13px!important;line-height:1.8!important;margin-top:14px!important}.music-source a{text-decoration:underline;text-underline-offset:3px}.music-outro{text-align:center;border-top:1px solid #b18b5c70;padding:50px 0 46px}.music-outro p{font:clamp(25px,2.5vw,38px)/1.7 var(--serif)}.music-outro>span{display:block;letter-spacing:.2em;font-size:13px;color:#cfb381;margin-top:24px}.brand-music video::cue{background:#38131ee0;color:#f5ead7;font-size:22px}@media(max-width:900px){.music-heading-row{gap:5%}.music-track{padding:24px 18px;gap:12px}.track-text strong{font-size:29px}.track-time{font-size:12px}.track-sub{font-size:13px}.music-story{gap:5%}.music-manifesto{padding-left:8%}.film-topline span:last-child{display:none}}@media(max-width:650px){.brand-music{margin:20px 12px 0;padding:44px 21px 0}.music-heading-row{grid-template-columns:1fr;gap:26px}.music-heading-row h2{font-size:64px}.music-heading-row p{font-size:19px}.music-heading-row .music-intro-small{font-size:17px;margin-top:15px}.music-theatre{margin:32px -10px 0}.film-topline{padding:12px 13px;font-size:8px;letter-spacing:.08em}.film-topline span:first-child{font-size:20px}.music-tracks{grid-template-columns:1fr}.music-track{padding:20px 18px}.music-track+.music-track{border-left:0;border-top:1px solid #a3825f66}.music-track.active{box-shadow:inset 3px 0 #d8b77d}.track-index{font-size:23px}.track-text strong{font-size:31px;margin:6px 0}.track-label{font-size:11px}.track-time{font-size:13px}.track-sub{font-size:14px}.film-credit{font-size:11px;padding:15px 10px}.music-story{grid-template-columns:1fr;gap:40px;padding:48px 0}.music-story h3{font-size:39px}.music-story p:not(.eyebrow){font-size:17px}.music-manifesto{border-left:0;border-top:1px solid #b18b5c70;padding:35px 0 0}.music-manifesto blockquote{font-size:35px}.music-outro{padding:35px 0}.music-outro p{font-size:25px}.music-outro>span{font-size:11px}.brand-music video::cue{font-size:14px}}
.film-play{position:absolute;left:58%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:12px;align-items:center;color:#f7eddd}.film-play[hidden]{display:none}.film-play>span{display:grid;place-items:center;width:66px;height:66px;border:1px solid #dcc391;border-radius:50%;padding-left:4px;background:#38131e88;font-size:20px;transition:background .2s,transform .2s}.film-play:hover>span{background:#8e633cbf;transform:scale(1.05)}.film-play small{font-size:11px;letter-spacing:.12em;color:#e0c69a;white-space:nowrap}@media(max-width:650px){.film-play{gap:6px}.film-play>span{width:34px;height:34px;font-size:12px}.film-play small{font-size:8px}}
.music-invitation{margin:30px auto 0;display:inline-flex;gap:14px;align-items:center;font-size:16px;color:#6d2033;position:relative;z-index:1}@media(max-width:650px){.music-invitation{font-size:14px;gap:7px}}
html[lang=zh-CN] #music-heading{font-size:clamp(62px,6vw,92px);line-height:1.25}html[lang=zh-CN] .music-story h3{font-size:clamp(37px,3.5vw,54px);line-height:1.4}@media(max-width:650px){html[lang=zh-CN] #music-heading{font-size:50px;line-height:1.35}html[lang=zh-CN] .music-story h3{font-size:34px}}
.film-controls{display:flex;align-items:center;gap:15px;padding:12px 24px;background:#28141c;border-top:1px solid #a3825f66;color:#f6ead6}.film-controls[hidden]{display:none}.film-controls button{width:40px;height:40px;flex-shrink:0;padding:0;font-size:21px;border-radius:50%;line-height:1}.film-controls button:hover{background:#684031}.film-time{font-size:13px;white-space:nowrap;font-variant-numeric:tabular-nums;min-width:90px}.film-controls input[type=range]{--played:0%;appearance:none;-webkit-appearance:none;min-width:40px;flex:1;width:100%;height:30px;margin:0;background:transparent;cursor:pointer;touch-action:none}.film-controls input[type=range]::-webkit-slider-runnable-track{height:5px;border-radius:5px;background:linear-gradient(to right,#dec28a var(--played),#70544a var(--played))}.film-controls input[type=range]::-moz-range-track{height:5px;border-radius:5px;background:#70544a}.film-controls input[type=range]::-moz-range-progress{height:5px;background:#dec28a}.film-controls input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;height:16px;width:16px;border:2px solid #f5e6c4;border-radius:50%;background:#bd955c;margin-top:-5.5px;box-shadow:0 0 0 4px #dec28a22}.film-controls input[type=range]::-moz-range-thumb{height:13px;width:13px;border:2px solid #f5e6c4;border-radius:50%;background:#bd955c}.film-controls input:disabled{opacity:.4;cursor:wait}.film-controls input:focus-visible{outline:2px solid #dec28a;outline-offset:5px}.music-theatre:fullscreen{background:#130a0e;overflow:auto;display:flex;flex-direction:column;justify-content:center}.music-theatre:fullscreen .film-screen{flex-shrink:1;min-height:0;max-height:calc(100vh - 70px)}.music-theatre:fullscreen .film-topline,.music-theatre:fullscreen .music-tracks,.music-theatre:fullscreen .film-credit{display:none}.music-theatre:fullscreen .film-controls{flex-shrink:0}.music-status:not(:empty){padding:12px 15px}@media(max-width:650px){.film-controls{gap:6px;padding:8px 10px;flex-wrap:wrap}.film-controls button{width:34px;height:34px;font-size:19px}.film-time{font-size:12px;min-width:85px;flex:1}.film-controls input[type=range]{order:5;flex-basis:100%;height:30px}.film-controls input[type=range]::-webkit-slider-thumb{width:20px;height:20px;margin-top:-7.5px}.film-controls input[type=range]::-moz-range-thumb{width:17px;height:17px}}
