@font-face{font-family:Marcellus Local;src:url(/fonts/marcellus-latin-400.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Hsieh Name;src:url(/fonts/hsieh-name-xie.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+8B1D}@font-face{font-family:Hsieh Name;src:url(/fonts/hsieh-name-dong.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+6771}@font-face{font-family:Hsieh Name;src:url(/fonts/hsieh-name-liang.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+826F}:root{--font-latin-display:"Marcellus Local", Georgia, serif;--font-ui:"Microsoft JhengHei", "Microsoft JhengHei UI", "PingFang TC", "Noto Sans CJK TC", "Noto Sans TC", Arial, sans-serif;--font-display-with-cjk:"Marcellus Local", Georgia, "Microsoft JhengHei", "Microsoft JhengHei UI", "PingFang TC", "Noto Sans CJK TC", "Noto Sans TC", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#08080a;scroll-padding-top:72px}body{color:#f8fafc;background:#08080a;margin:0}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}.ref-site{--ref-bg:#08080a;--ref-dark:#0d0d12;--ref-panel:#111116;--ref-gold:#c5a059;--ref-gold-light:#e8d3a2;--ref-white:#f8fafc;--ref-muted:#92929a;background:var(--ref-bg);min-height:100vh;color:var(--ref-white);font-family:var(--font-ui);font-weight:300;overflow-x:hidden}.ref-site *{box-sizing:border-box}.ref-site button,.ref-site a{font-family:inherit}.ref-site button{color:inherit}.ref-site ::selection{background:var(--ref-gold);color:var(--ref-bg)}.ref-services,.ref-about,.ref-contact{content-visibility:auto;contain-intrinsic-size:auto 900px}.ref-skip{z-index:120;background:var(--ref-gold);color:#08080a;padding:11px 16px;font-size:12px;font-weight:600;position:fixed;top:-100px;left:18px}.ref-skip:focus{top:12px}.ref-header{z-index:40;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#08080ab8;border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;width:100%;height:72px;padding:0 clamp(28px,4.2vw,58px);display:flex;position:fixed;top:0;left:0;box-shadow:0 16px 45px #0000001a}.ref-brand{white-space:nowrap;align-items:center;gap:13px;width:fit-content;display:flex}.ref-brand strong{color:var(--ref-gold);font-family:var(--font-latin-display);letter-spacing:.1em;font-size:22px;font-weight:400}.ref-brand.is-zh strong{font-family:"Hsieh Name", var(--font-ui);letter-spacing:.18em;font-weight:600}.ref-brand i{background:#c5a0597a;width:1px;height:18px}.ref-brand span{color:#e8d3a299;font-family:var(--font-ui);letter-spacing:.15em;font-size:12px;font-style:italic}.ref-nav{align-items:center;gap:36px;display:flex}.ref-nav>a,.ref-nav>button{color:#f8fafcad;letter-spacing:.1em;cursor:pointer;background:0 0;border:0;padding:10px 0;font-size:14px;font-weight:400;transition:color .2s}.ref-nav>a:hover,.ref-nav>button:hover{color:var(--ref-white)}.ref-nav .ref-contact-link{color:var(--ref-gold-light);border:1px solid #c5a0597a;padding:11px 20px}.ref-nav .ref-contact-link:hover{border-color:var(--ref-gold);color:var(--ref-gold)}.ref-mobile-trigger{cursor:pointer;background:0 0;border:0;display:none}.ref-mobile-menu{z-index:90;visibility:hidden;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#08080af7;flex-direction:column;justify-content:center;align-items:center;gap:48px;transition:opacity .28s,visibility .28s;display:flex;position:fixed;inset:0}.ref-mobile-menu.is-open{visibility:visible;opacity:1;pointer-events:auto}.ref-menu-close{color:#f8fafc9e;letter-spacing:.16em;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;font-size:11px;display:flex;position:absolute;top:24px;right:24px}.ref-mobile-menu nav{text-align:center;gap:18px;display:grid}.ref-mobile-menu nav a,.ref-mobile-menu nav button{color:var(--ref-gold-light);font-family:var(--font-display-with-cjk);letter-spacing:.13em;cursor:pointer;background:0 0;border:0;font-size:30px}.ref-hero{align-items:center;min-height:100svh;padding:118px clamp(25px,4.2vw,58px) 70px;display:flex;position:relative;overflow:hidden}.ref-hero-photo{background:#111216;position:absolute;inset:0}.ref-hero-photo img{object-fit:cover;object-position:center bottom;width:100%;height:100%;display:block}.ref-hero-shade{background:linear-gradient(#0707092e,#070709b8);position:absolute;inset:0}.ref-hero-layout{z-index:2;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:clamp(58px,7vw,104px);width:min(100%,1280px);margin:8vh auto 0;display:grid;position:relative}.ref-hero-content{justify-self:start;width:min(100%,560px);min-width:0;transform:translate(clamp(92px,7vw,116px),-56px)}.ref-hero-content>p{color:var(--ref-gold-light);letter-spacing:.3em;margin:0 0 24px;font-size:14px;font-weight:500}.ref-hero h1{color:var(--ref-gold-light);font-family:var(--font-latin-display);letter-spacing:.18em;text-shadow:0 16px 55px #00000073;margin:0;font-size:clamp(72px,8.35vw,112px);font-weight:400;line-height:1}.ref-hero-name{width:fit-content}.ref-hero-name>span{color:#e8d3a2b8;font-family:var(--font-latin-display);letter-spacing:.32em;margin-top:14px;font-size:16px;display:block}.ref-hero-name.is-zh h1{font-family:"Hsieh Name", var(--font-ui);letter-spacing:.11em;font-size:clamp(68px,7.2vw,104px);font-weight:500}.ref-hero-player{justify-self:center;width:min(100%,460px)}.ref-hero-cover-player{isolation:isolate;aspect-ratio:1;outline-offset:0;cursor:pointer;background:radial-gradient(circle at 50% 44%,#c5a05917,#0000 42%),#18181e;border:0;outline:1px solid #ffffff1c;flex-direction:column;justify-content:space-between;width:100%;padding:27px;transition:box-shadow .35s,outline-color .35s;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 85px #00000070}.ref-hero-cover-player:hover{outline-color:#e8d3a24d;box-shadow:0 34px 95px #00000080,0 0 56px #c5a05914}.ref-hero-cover-player:before,.ref-hero-cover-player:after{content:"";position:absolute}.ref-hero-cover-player:before{z-index:2;background:linear-gradient(var(--ref-gold-light), var(--ref-gold-light)) left top / 44px 1px no-repeat, linear-gradient(var(--ref-gold-light), var(--ref-gold-light)) left top / 1px 44px no-repeat, linear-gradient(var(--ref-gold-light), var(--ref-gold-light)) right top / 44px 1px no-repeat, linear-gradient(var(--ref-gold-light), var(--ref-gold-light)) right top / 1px 44px no-repeat, linear-gradient(var(--ref-gold-light), var(--ref-gold-light)) left bottom / 44px 1px no-repeat, linear-gradient(var(--ref-gold-light), var(--ref-gold-light)) left bottom / 1px 44px no-repeat, linear-gradient(var(--ref-gold-light), var(--ref-gold-light)) right bottom / 44px 1px no-repeat, linear-gradient(var(--ref-gold-light), var(--ref-gold-light)) right bottom / 1px 44px no-repeat;opacity:.43;transition:inset .35s,opacity .35s;inset:17px}.ref-hero-cover-player:after{z-index:1;opacity:0;background:linear-gradient(112deg,#0000 36%,#e8d3a21a 50%,#0000 64%);transition:transform .75s,opacity .35s;inset:-30%;transform:translate(-48%)}.ref-hero-cover-player:hover:before{opacity:.78;inset:12px}.ref-hero-cover-player:hover:after{opacity:1;transform:translate(48%)}.ref-hero-cover-player>span,.ref-hero-cover-player>small{z-index:1;color:#ffffff47;letter-spacing:.18em;font-size:8px;position:relative}.ref-hero-cover-player>small{align-self:flex-end}.ref-hero-cover-player>b{z-index:1;color:#e8d3a278;font-family:var(--font-latin-display);letter-spacing:.08em;align-self:center;font-size:clamp(76px,7.2vw,108px);font-weight:400;position:relative}.ref-hero-cover-player>img{object-fit:cover;opacity:.8;width:100%;height:100%;position:absolute;inset:0}.ref-hero-cover-player>img~span,.ref-hero-cover-player>img~small{color:#ffffffb8;text-shadow:0 2px 12px #000}.ref-cover-play{z-index:3;width:66px;height:66px;color:var(--ref-gold-light);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#08080ac7;border:1px solid #e8d3a2cc;border-radius:50%;place-items:center;font-style:normal;transition:background .3s,color .3s,transform .35s,box-shadow .35s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ref-cover-play:after{content:"";opacity:0;border:1px solid #e8d3a280;border-radius:50%;transition:opacity .35s,transform .45s;position:absolute;inset:-12px;transform:scale(.72)}.ref-cover-play svg{transform:translate(1px)}.ref-hero-cover-player:hover .ref-cover-play{color:var(--ref-bg);background:#c5a059f2;transform:translate(-50%,-50%)scale(1.04);box-shadow:0 0 38px #c5a05933}.ref-hero-cover-player:hover .ref-cover-play:after{opacity:.72;transform:scale(1)}.ref-hero-player .ref-track-picker{margin:20px auto 0}.ref-hero-player .ref-track-menu{left:auto;right:50%;transform:translate(50%)}.ref-disciplines{align-items:center;gap:21px;margin-top:34px;display:flex}.ref-disciplines em{color:#f8fafcb8;font-family:var(--font-ui);font-size:19px;font-style:italic;font-weight:400}.ref-disciplines i{background:#c5a05985;width:1px;height:19px}.ref-hero-actions{gap:22px;width:fit-content;margin:48px 0 0;display:flex}.ref-hero-actions button,.ref-hero-actions a{min-width:190px;min-height:54px;color:var(--ref-white);letter-spacing:.12em;cursor:pointer;background:#08080a7a;border:1px solid #ffffff40;justify-content:center;align-items:center;font-size:14px;font-weight:400;transition:border-color .2s,color .2s,background .2s;display:inline-flex}.ref-hero-actions a{color:var(--ref-gold);border-color:#c5a0598f}.ref-hero-actions button:hover,.ref-hero-actions a:hover{border-color:var(--ref-gold);color:var(--ref-gold-light);background:#c5a05924}.ref-track-picker{width:fit-content;margin-top:26px;position:relative}.ref-track-picker>button{color:var(--ref-gold-light);letter-spacing:.1em;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #c5a05999;align-items:center;gap:10px;padding:12px 0;font-size:12px;display:inline-flex}.ref-track-picker>button svg{transition:transform .2s}.ref-track-picker>button[aria-expanded=true] svg{transform:rotate(180deg)}.ref-track-menu{z-index:8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#08080afa;border:1px solid #c5a0593d;width:min(520px,82vw);padding:8px;position:absolute;top:calc(100% + 10px);left:0;box-shadow:0 26px 80px #0000007a}.ref-track-menu button{text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #ffffff12;grid-template-columns:33px 1fr auto;align-items:center;gap:14px;width:100%;padding:13px 12px;display:grid}.ref-track-menu button:last-child{border:0}.ref-track-menu button:hover,.ref-track-menu button.is-active{background:#c5a05917}.ref-track-menu button>span{color:var(--ref-gold);font-size:9px}.ref-track-menu button>strong{font-family:var(--font-display-with-cjk);font-size:14px;font-weight:400}.ref-track-menu button>small{color:var(--ref-muted);font-size:9px}.ref-about{background:var(--ref-dark);padding:128px clamp(28px,4.2vw,58px)}.ref-about-inner{grid-template-columns:1fr 1.05fr;align-items:center;gap:clamp(55px,7vw,95px);width:min(100%,1235px);margin:0 auto;display:grid}.ref-about-photo{aspect-ratio:.98;background:#18181e;border:1px solid #ffffff17;flex-direction:column;justify-content:space-between;padding:27px;display:flex;position:relative;box-shadow:16px 16px #c5a05912}.ref-about-photo:before,.ref-about-photo:after{content:"";background:#ffffff0d;position:absolute}.ref-about-photo:before{height:1px;top:50%;left:20px;right:20px}.ref-about-photo:after{width:1px;top:20px;bottom:20px;left:50%}.ref-about-photo span,.ref-about-photo small{z-index:1;color:#ffffff42;letter-spacing:.18em;font-size:9px;position:relative}.ref-about-photo small{align-self:flex-end}.ref-about-photo>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.ref-about-copy h2{color:var(--ref-white);font-family:var(--font-display-with-cjk);letter-spacing:.07em;margin:0;font-size:clamp(38px,4vw,54px);font-weight:400;line-height:1.18}.ref-about-copy h3{color:var(--ref-gold);letter-spacing:.14em;margin:13px 0 0;font-size:13px;font-weight:400}.ref-about-copy>i{background:var(--ref-gold);width:48px;height:1px;margin:28px 0 31px;display:block}.ref-about-copy p{color:#f8fafc91;margin:0 0 24px;font-size:15px;line-height:1.85}.ref-services{background:var(--ref-bg);border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;padding:128px clamp(28px,4.2vw,58px) 142px}.ref-services-heading{text-align:center}.ref-services-heading h2{color:var(--ref-white);font-family:var(--font-ui);margin:0;font-size:clamp(43px,5vw,63px);font-weight:400}.ref-services-heading h2 em{color:var(--ref-gold);font-style:italic}.ref-services-heading p{color:#f8fafc5e;letter-spacing:.18em;margin:14px 0 0;font-size:11px;font-weight:500}.ref-services-grid{grid-template-columns:repeat(3,1fr);gap:24px;width:min(100%,1220px);margin:82px auto 0;display:grid}.ref-services-grid article{background:#ffffff04;border:1px solid #ffffff12;flex-direction:column;min-height:310px;padding:38px 35px;transition:border-color .24s,background .24s,transform .24s;display:flex}.ref-services-grid article:hover{background:#c5a05906;border-color:#c5a05957;transform:translateY(-3px)}.ref-services-grid article>svg{color:var(--ref-gold)}.ref-services-grid h3{font-family:var(--font-ui);margin:35px 0 0;font-size:23px;font-weight:400}.ref-services-grid h4{color:var(--ref-gold);letter-spacing:.13em;margin:12px 0 0;font-size:10px;font-weight:500}.ref-services-grid p{color:#f8fafc73;margin:22px 0 0;font-size:13px;line-height:1.75}.ref-contact{background:linear-gradient(120deg,#0d0d12,#09090c);border-top:1px solid #ffffff0d;grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);align-items:center;gap:clamp(60px,9vw,150px);padding:120px max(5vw,50vw - 620px);display:grid}.ref-contact-heading>p{color:var(--ref-gold);letter-spacing:.22em;margin:0 0 22px;font-size:10px;font-weight:500}.ref-contact-heading h2{max-width:650px;color:var(--ref-white);font-family:var(--font-ui);margin:0;font-size:clamp(42px,5vw,66px);font-weight:400;line-height:1.2}.ref-contact-heading h2 em{color:var(--ref-gold);font-style:italic;display:block}.ref-contact-heading>span{color:#f8fafc7a;max-width:570px;margin-top:28px;font-size:14px;line-height:1.85;display:block}.ref-contact-card{background:#ffffff04;border:1px solid #c5a05947;box-shadow:14px 14px #c5a0590d}.ref-contact-card>div{border-bottom:1px solid #ffffff13;padding:25px 29px}.ref-contact-card>div:last-child{border-bottom:0}.ref-contact-card small{color:var(--ref-gold);letter-spacing:.19em;margin-bottom:10px;font-size:8px;font-weight:500;display:block}.ref-contact-card strong{color:#f8fafcb8;font-family:var(--font-display-with-cjk);letter-spacing:.03em;align-items:center;gap:10px;font-size:15px;font-weight:400;display:flex}.ref-contact-card strong a{color:inherit;text-decoration:none}.ref-contact-card svg{color:var(--ref-gold)}.ref-footer{background:#060607;justify-content:space-between;align-items:center;gap:50px;min-height:170px;padding:45px clamp(28px,4.2vw,58px);display:flex}.ref-footer p{color:#f8fafc4d;margin:0 0 11px;font-size:10px}.ref-footer strong{color:var(--ref-gold);font-family:var(--font-latin-display);letter-spacing:.16em;font-size:13px;font-weight:400}.ref-footer-contact{color:#f8fafc73;justify-items:end;gap:11px;font-size:11px;display:grid}.ref-footer-contact span{align-items:center;gap:8px;display:flex}.ref-footer-contact svg{color:var(--ref-gold)}.ref-back-top{z-index:35;background:var(--ref-gold);color:#08080a;cursor:pointer;border:0;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;position:fixed;bottom:28px;right:28px;box-shadow:0 10px 35px #00000052}.ref-dock-player{z-index:120;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#08080af7;border-top:1px solid #c5a05959;grid-template-columns:88px minmax(180px,260px) 52px minmax(280px,1fr) minmax(120px,170px) 48px;align-items:center;min-height:88px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -14px 48px #00000061}.ref-dock-cover{width:88px;height:88px;color:var(--ref-gold);font:400 27px/1 var(--font-latin-display);background:#29241c;place-items:center;display:grid}.ref-dock-cover img{object-fit:cover;width:100%;height:100%}.ref-dock-copy{min-width:0;padding:0 24px}.ref-dock-copy span{color:var(--ref-gold);letter-spacing:.18em;font-size:8px;display:block}.ref-dock-copy strong{font-family:var(--font-display-with-cjk);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:15px;font-weight:400;display:block;overflow:hidden}.ref-dock-copy small{color:#f8fafc61;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:9px;display:block;overflow:hidden}.ref-dock-toggle{width:46px;height:46px;color:var(--ref-gold-light);cursor:pointer;background:#c5a05914;border:1px solid #c5a0599e;border-radius:50%;place-items:center;transition:background .2s,color .2s,transform .2s;display:grid}.ref-dock-toggle:hover{background:var(--ref-gold);color:var(--ref-bg);transform:scale(1.04)}.ref-player-spinner{animation:.8s linear infinite ref-player-spin}.ref-dock-timeline{grid-template-columns:42px minmax(120px,1fr) 42px;align-items:center;gap:12px;min-width:0;padding:0 22px;display:grid}.ref-dock-timeline time{color:#f8fafc6b;font:9px/1 var(--font-ui);font-variant-numeric:tabular-nums;white-space:nowrap}.ref-dock-timeline time:first-child{text-align:right}.ref-waveform{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;align-items:center;gap:2px;min-width:0;height:46px;display:flex}.ref-waveform i{pointer-events:none;background:#f8fafc33;border-radius:999px;flex:1 1 0;min-width:1px;transition:background .12s}.ref-waveform i.is-played{background:var(--ref-gold-light)}.ref-waveform:hover i:not(.is-played){background:#f8fafc4d}.ref-waveform.is-loading i{animation:1.1s ease-in-out infinite alternate ref-wave-loading}.ref-waveform.is-loading i:nth-child(3n){animation-delay:.18s}.ref-waveform.is-loading i:nth-child(4n){animation-delay:.34s}.ref-dock-volume{align-items:center;gap:10px;padding:0 18px 0 8px;display:flex}.ref-dock-volume button{color:#e8d3a2bf;cursor:pointer;background:0 0;border:0;flex:none;place-items:center;width:32px;height:32px;display:grid}.ref-dock-volume input{-webkit-appearance:none;appearance:none;width:100%;height:3px;accent-color:var(--ref-gold);cursor:pointer;background:#f8fafc2e;border-radius:999px;outline:0}.ref-dock-volume input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--ref-gold-light);border:0;border-radius:50%;width:12px;height:12px}.ref-dock-volume input::-moz-range-thumb{background:var(--ref-gold-light);border:0;border-radius:50%;width:12px;height:12px}.ref-dock-close{color:#f8fafc80;cursor:pointer;background:0 0;border:0;border-left:1px solid #ffffff14;height:88px}@keyframes ref-player-spin{to{transform:rotate(360deg)}}@keyframes ref-wave-loading{0%{opacity:.35}to{opacity:.8}}.ref-toast{z-index:130;color:var(--ref-gold-light);opacity:0;pointer-events:none;background:#08080af5;border:1px solid #c5a05961;padding:13px 18px;font-size:11px;transition:opacity .2s,transform .2s;position:fixed;bottom:30px;left:50%;transform:translate(-50%,18px)}.ref-toast.is-visible{opacity:1;transform:translate(-50%)}.ref-catalogue{z-index:80;visibility:hidden;background:var(--ref-bg);opacity:0;pointer-events:none;transition:opacity .25s,visibility .25s;position:fixed;inset:0}.ref-catalogue.is-open{visibility:visible;opacity:1;pointer-events:auto}.ref-catalogue-header{z-index:3;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#08080ae6;border-bottom:1px solid #ffffff1c;justify-content:center;align-items:center;height:78px;padding:0 54px;display:flex;position:absolute;top:0;left:0;right:0}.ref-catalogue-title{align-items:center;gap:24px;display:flex}.ref-catalogue-header button{width:fit-content;color:var(--ref-gold);letter-spacing:.1em;cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;padding:10px 0;font-size:12px;display:flex}.ref-catalogue-header strong{color:var(--ref-white);font-family:var(--font-latin-display);letter-spacing:.11em;font-size:16px;font-weight:400}.ref-catalogue-scroll{overscroll-behavior:contain;position:absolute;inset:0;overflow-y:auto}.ref-catalogue-intro{text-align:center;padding:145px 54px 52px}.ref-catalogue-intro>p{color:var(--ref-gold);letter-spacing:.2em;margin:0 0 14px;font-size:9px}.ref-catalogue-intro h2{font-family:var(--font-latin-display);letter-spacing:.05em;margin:0;font-size:clamp(51px,6vw,76px);font-weight:400}.ref-catalogue-intro>span{color:#f8fafc6b;letter-spacing:.08em;margin-top:11px;font-size:12px;display:block}.ref-filters{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:36px;display:flex}.ref-filters button{color:#f8fafc80;letter-spacing:.08em;cursor:pointer;background:0 0;border:1px solid #ffffff1a;padding:9px 15px;font-size:10px}.ref-filters button:hover,.ref-filters button.is-active{border-color:var(--ref-gold);color:var(--ref-gold-light);background:#c5a05917}.ref-catalogue-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 24px;width:min(100%,1220px);margin:0 auto;padding:0 28px 118px;display:grid}.ref-catalogue-grid>button{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.ref-poster-placeholder{aspect-ratio:.72;background:#18181e;border:1px solid #ffffff14;flex-direction:column;justify-content:space-between;width:100%;padding:20px;transition:border-color .25s,transform .25s,background .25s;display:flex;position:relative;overflow:hidden}.ref-poster-placeholder:before,.ref-poster-placeholder:after{content:"";background:#ffffff0b;position:absolute}.ref-poster-placeholder:before{height:1px;top:50%;left:15px;right:15px}.ref-poster-placeholder:after{width:1px;top:15px;bottom:15px;left:50%}.ref-catalogue-grid button:hover .ref-poster-placeholder,.ref-catalogue-grid button.is-active .ref-poster-placeholder{background:#1d1b1b;border-color:#c5a059a6;transform:translateY(-4px);box-shadow:0 14px 34px #00000047}.ref-poster-placeholder small{z-index:1;color:#ffffff40;letter-spacing:.16em;align-self:flex-end;font-size:8px;font-style:normal;position:relative}.ref-poster-placeholder b{z-index:1;color:#e8d3a280;font-family:var(--font-latin-display);align-self:center;font-size:72px;font-weight:400;position:relative}.ref-poster-placeholder>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.ref-catalogue-grid>button>em{color:var(--ref-gold);letter-spacing:.14em;margin-top:17px;font-size:9px;font-style:normal;display:block}.ref-catalogue-grid>button>strong{color:var(--ref-white);font-family:var(--font-display-with-cjk);white-space:nowrap;text-overflow:ellipsis;margin-top:8px;font-size:18px;font-weight:400;line-height:1.35;display:block;overflow:hidden}.ref-catalogue-empty{color:#e8d3a28c;border:1px solid #ffffff14;grid-column:1/-1;align-content:center;place-items:center;gap:16px;min-height:260px;display:grid}.ref-catalogue-empty strong{color:#f8fafc73;letter-spacing:.14em;font-size:12px;font-weight:400}.ref-catalogue-scroll>footer{min-height:115px;color:var(--ref-gold);font-family:var(--font-latin-display);letter-spacing:.18em;border-top:1px solid #ffffff14;place-items:center;font-size:11px;display:grid}:is(.ref-site a:focus-visible,.ref-site button:focus-visible){outline:2px solid var(--ref-gold);outline-offset:4px}@media (max-width:1000px){.ref-hero-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px}.ref-hero-content{transform:translate(28px,-56px)}.ref-hero h1{font-size:clamp(58px,7vw,78px)}.ref-services-grid{gap:14px}.ref-services-grid article{padding:32px 25px}.ref-dock-player{grid-template-columns:80px minmax(150px,210px) 48px minmax(230px,1fr) 48px}.ref-dock-cover{width:80px}.ref-dock-volume{display:none}}@media (max-width:760px){.ref-header{height:68px;padding:0 20px}.ref-brand{gap:8px}.ref-brand strong{font-size:17px}.ref-brand span{display:none}.ref-brand i{height:14px}.ref-nav{display:none}.ref-mobile-trigger{place-items:center;padding:8px;display:grid}.ref-hero{min-height:auto;padding:106px 22px 88px}.ref-hero-photo img{object-position:47% bottom}.ref-hero-shade{background:linear-gradient(#07070926,#070709cc)}.ref-hero-layout{grid-template-columns:1fr;gap:54px;margin:5vh 0 0}.ref-hero-content{transform:none}.ref-hero-content>p{letter-spacing:.22em;margin-bottom:20px;font-size:10px;line-height:1.6}.ref-hero h1{letter-spacing:.08em;font-size:clamp(52px,16vw,75px)}.ref-hero-name.is-zh h1{font-size:clamp(52px,15vw,72px)}.ref-hero-name>span{letter-spacing:.25em;margin-top:10px;font-size:13px}.ref-disciplines{flex-wrap:wrap;gap:11px;margin-top:25px}.ref-disciplines em{font-size:14px}.ref-disciplines i{height:14px}.ref-hero-actions{flex-direction:column;gap:11px;width:100%;margin-top:38px}.ref-hero-actions button,.ref-hero-actions a{width:100%;min-height:51px}.ref-hero-player{justify-self:start;width:min(100%,440px)}.ref-hero-cover-player{padding:21px}.ref-hero-player .ref-track-menu{left:0;right:auto;transform:none}.ref-track-menu{width:calc(100vw - 40px)}.ref-about{padding:84px 20px}.ref-about-inner{grid-template-columns:1fr;gap:55px}.ref-about-copy h2{font-size:39px}.ref-about-copy p{font-size:14px}.ref-services{padding:84px 20px 92px}.ref-services-heading h2{font-size:40px}.ref-services-grid{grid-template-columns:1fr;gap:13px;margin-top:53px}.ref-services-grid article{min-height:260px}.ref-contact{grid-template-columns:1fr;gap:50px;padding:84px 20px 94px}.ref-contact-heading h2{font-size:41px}.ref-contact-card strong{font-size:14px}.ref-footer{flex-direction:column;align-items:flex-start;gap:30px;padding:48px 20px 130px}.ref-footer-contact{justify-items:start}.ref-back-top{width:45px;height:45px;bottom:17px;right:17px}.ref-catalogue-header{height:68px;padding:0 14px}.ref-catalogue-title{gap:12px}.ref-catalogue-header button{letter-spacing:.05em;gap:6px;font-size:10px}.ref-catalogue-header strong{letter-spacing:.08em;font-size:9px}.ref-catalogue-intro{padding:115px 20px 45px}.ref-catalogue-intro h2{font-size:49px}.ref-filters{gap:5px;margin-top:29px}.ref-filters button{padding:8px 10px;font-size:9px}.ref-catalogue-grid{grid-template-columns:1fr 1fr;gap:25px 12px;padding:0 16px 145px}.ref-poster-placeholder{padding:13px}.ref-poster-placeholder b{font-size:51px}.ref-catalogue-grid>button>strong{font-size:14px}.ref-dock-player{grid-template:"cover copy toggle close"68px"timeline timeline timeline timeline"50px/68px minmax(0,1fr) 44px 42px;min-height:118px}.ref-dock-cover{grid-area:cover;width:68px;height:68px}.ref-dock-copy{grid-area:copy;padding:0 12px}.ref-dock-copy span,.ref-dock-copy small{display:none}.ref-dock-copy strong{font-size:13px}.ref-dock-toggle{grid-area:toggle;width:38px;height:38px}.ref-dock-timeline{border-top:1px solid #ffffff0e;grid-area:timeline;grid-template-columns:34px minmax(0,1fr) 34px;align-self:stretch;gap:8px;padding:0 12px}.ref-waveform{gap:1px;height:38px}.ref-dock-close{grid-area:close;height:68px}.ref-toast{bottom:132px}}@media (max-width:420px){.ref-hero h1{font-size:54px}.ref-disciplines{max-width:310px}.ref-catalogue-grid{grid-template-columns:1fr;gap:30px}.ref-poster-placeholder{aspect-ratio:.82}}@media (prefers-reduced-motion:reduce){.ref-site *,.ref-site :before,.ref-site :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}