:root{--bg: #f6f3ee;--bg-raise: #ffffff;--ivory: #1c1916;--ivory-dim: #5e5852;--copper: #c45c28;--ink: #1c1916;--paper: #f6f3ee;--line: rgba(28, 25, 22, .12);--header-h: 4.5rem;--wrap: 1120px;color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:transparent;color:var(--ivory);font-family:"Source Sans 3",PingFang HK,Microsoft JhengHei,Noto Sans TC,sans-serif;font-size:1.0625rem;line-height:1.6}html[lang=zh-Hans] body{font-family:"Source Sans 3",PingFang SC,Microsoft YaHei,Noto Sans SC,sans-serif}img{max-width:100%;display:block}a{color:inherit}button,input,textarea{font:inherit;color:inherit}h1,h2,h3,.brand,.btn,.card-go{font-family:Barlow Condensed,Arial Narrow,PingFang HK,Microsoft JhengHei,Microsoft YaHei,sans-serif}h1,h2,h3{line-height:.95;font-weight:700;letter-spacing:-.02em;margin:0}html[lang^=zh] h1,html[lang^=zh] h2,html[lang^=zh] h3{letter-spacing:0;line-height:1.15;text-transform:none}p{margin:0}ul{margin:0;padding:0;list-style:none}.skip{position:absolute;left:1rem;top:-4rem;background:var(--copper);color:var(--ink);padding:.5rem .8rem;z-index:80}.skip:focus{top:.5rem}.wrap{width:min(var(--wrap),calc(100% - 2.5rem));margin-inline:auto}.site-header{position:sticky;top:0;z-index:50;background:#f6f3eef0;border-bottom:1px solid var(--line)}.header-inner{position:relative;display:flex;align-items:center;gap:1rem;min-height:var(--header-h)}.brand{color:var(--ivory);text-decoration:none;text-transform:uppercase;letter-spacing:.08em;font-size:1.15rem;font-weight:700;line-height:1}.site-header .brand{position:relative;z-index:70;display:inline-flex;align-items:center}.site-header .brand img{height:44px;width:auto}.header-tools{margin-left:auto;display:flex;align-items:center;gap:.75rem}.langs{display:flex;gap:.25rem}.lang{text-decoration:none;border:1px solid transparent;padding:.2rem .45rem;font-size:.85rem;letter-spacing:.04em}.lang[aria-current=true]{color:var(--copper);border-color:var(--copper)}.nav-toggle{position:relative;z-index:80;display:inline-flex;align-items:center;justify-content:center;width:3.15rem;height:3.15rem;padding:0;border:0;border-radius:999px;background:#e23b3b;color:#fff;cursor:pointer}.nav-toggle-bars,.nav-toggle-bars:before,.nav-toggle-bars:after{display:block;width:1.35rem;height:2px;background:currentColor;content:""}.nav-toggle-bars{position:relative}.nav-toggle-bars:before,.nav-toggle-bars:after{position:absolute;left:0}.nav-toggle-bars:before{top:-6px}.nav-toggle-bars:after{top:6px}.nav{display:none}@media(max-width:899px){.site-header{position:sticky;top:0;background:#fff;border-bottom:0}.header-inner{display:flex}.site-header .brand img{filter:none}.header-tools{margin-left:auto}.nav-toggle{position:relative;top:auto;right:auto;background:#e23b3b;border-radius:999px;color:#fff}main{padding-top:0}.site-header.is-home{position:fixed;top:0;right:0;left:0;background:transparent;transition:background .25s ease}.site-header.is-home.is-scrolled{background:#fff}.site-header.is-home.is-scrolled .brand img{filter:none}main .hero{margin-top:0;min-height:100svh;padding-top:calc(var(--header-h) + 1.5rem)}.site-header.is-home .brand img{filter:brightness(0) invert(1)}.nav{display:flex;position:fixed;z-index:60;inset:0;flex-direction:column;align-items:flex-start;justify-content:center;gap:.15rem;padding:5.5rem 2.25rem 2.5rem;background:#1c1916;color:#f6f3ee;overflow:hidden;transform:translate3d(100%,0,0);visibility:hidden;pointer-events:none;transition:transform .7s cubic-bezier(.25,1,.2,1),visibility 0s linear .7s}.nav.is-open{transform:translateZ(0);visibility:visible;pointer-events:auto;transition:transform .7s cubic-bezier(.25,1,.2,1),visibility 0s}.nav.is-open a:not(.lang){text-align:left}.nav.is-open .langs{justify-content:flex-start}}.nav.is-open a:not(.lang){color:#f6f3ee;text-decoration:none;text-align:left;text-transform:uppercase;letter-spacing:.08em;font-family:Barlow Condensed,Arial Narrow,sans-serif;font-size:clamp(1.7rem,7.2vw,2.35rem);font-weight:600;line-height:1.12;padding:.12rem 0}.nav.is-open a:not(.lang)[aria-current=page]{color:#fff}.nav.is-open .langs{margin-top:1.35rem;gap:.35rem}.nav.is-open .lang{color:#f6f3ee;border-color:transparent;font-size:1rem}.nav.is-open .lang[aria-current=true]{color:var(--copper);border-color:var(--copper)}.site-header.is-home:has(.nav.is-open){background:transparent;border-bottom-color:transparent}.site-header:has(.nav.is-open) .nav-toggle{color:#f6f3ee}@media(min-width:900px){.site-header{position:sticky;background:#f6f3eef0;border-bottom:1px solid var(--line)}main{padding-top:0}main .hero{margin-top:0;min-height:100svh;padding-top:calc(var(--header-h) + 2rem)}.site-header.is-home{position:fixed;inset:0 0 auto;background:transparent;border-bottom-color:transparent;color:#f6f3ee;transition:background .25s ease,color .25s ease,border-color .25s ease}.site-header.is-home .brand img{filter:brightness(0) invert(1)}.site-header.is-home .nav a:not(.lang),.site-header.is-home .lang{color:#f6f3ee;border-color:transparent}.site-header.is-home .nav a:not(.lang)[aria-current=page],.site-header.is-home .lang[aria-current=true]{color:#fff;border-color:#ffffffbf}.site-header.is-home.is-scrolled{background:#f6f3eef5;border-bottom-color:var(--line);color:var(--ivory)}.site-header.is-home.is-scrolled .brand img{filter:none}.site-header.is-home.is-scrolled .nav a:not(.lang),.site-header.is-home.is-scrolled .lang{color:inherit}.site-header.is-home.is-scrolled .nav a:not(.lang)[aria-current=page],.site-header.is-home.is-scrolled .lang[aria-current=true]{color:var(--copper);border-color:var(--copper)}.site-header .brand img{filter:none}.nav-toggle{display:none}.header-tools{margin-left:0}.brand{margin-right:auto}.nav{display:flex;position:static;flex:1;flex-direction:row;align-items:center;justify-content:flex-end;gap:1.15rem;padding:0;background:transparent;color:inherit;overflow:visible}.nav a:not(.lang){padding:0;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;font-family:Barlow Condensed,Arial Narrow,sans-serif;font-size:1.15rem;font-weight:500;line-height:1}.nav a:not(.lang)[aria-current=page]{color:var(--copper)}.nav .langs{margin-left:.35rem}.nav a.nav-contact,.site-header.is-home .nav a.nav-contact,.site-header.is-home.is-scrolled .nav a.nav-contact,.nav a.nav-contact[aria-current=page],.site-header.is-home .nav a.nav-contact[aria-current=page],.site-header.is-home.is-scrolled .nav a.nav-contact[aria-current=page]{position:relative;z-index:0;margin-left:.35rem;padding:.72rem 1.35rem;border-color:transparent;color:#fff;white-space:nowrap}.nav a.nav-contact:before{content:"";position:absolute;z-index:-1;inset:0;border-radius:999px;background-image:linear-gradient(90deg,#f8d3a4,#f0b56a,#e89a48,#f3c07a,#e07a2f 72%,#f0b56a 88%,#f8d3a4);background-size:1300% 100%;animation:contact-hue 82s linear infinite}}.hero{position:relative;isolation:isolate;min-height:calc(100svh - var(--header-h));display:flex;align-items:center;padding:3.5rem 0;overflow:hidden;background:#1c1916;color:#f6f3ee}.hero-video,.hero-scrim{position:absolute;inset:0;pointer-events:none}.hero-video{z-index:0;overflow:hidden}.hero-video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.hero-scrim{z-index:1;background:linear-gradient(90deg,#100c0ac7,#100c0a75 62%,#100c0a8c)}.hero-stage{position:relative;z-index:2;display:grid;gap:2rem;align-items:center;min-width:0}.hero-copy{position:relative;z-index:2;min-width:0}.hero-mark{background:#e15d1c66;color:#fff;padding:0 .12em;box-decoration-break:clone}.hero-card{justify-self:center;width:min(100%,22rem);background:#ffffffb8;color:#1c1916;border-radius:1.6rem;padding:1.7rem 1.5rem 1.4rem;backdrop-filter:blur(12px);display:flex;flex-direction:column;align-items:center;text-align:center}.hero-card h2{width:100%;font-family:"Source Sans 3",PingFang HK,Microsoft JhengHei,Microsoft YaHei,sans-serif;font-size:clamp(1.7rem,2.4vw,2.2rem);line-height:1.15;letter-spacing:-.03em;text-align:center;text-transform:none}.hero-card p{width:100%;margin:.75rem 0 0;color:#3d3833;text-align:center}.hero-pill{margin-top:1.35rem;margin-inline:auto;max-width:100%;border-radius:999px;background:linear-gradient(90deg,#f08a2a,#2a8f86);color:#fff;text-transform:none;letter-spacing:0;font-family:"Source Sans 3",PingFang HK,Microsoft JhengHei,Microsoft YaHei,sans-serif;font-size:1.05rem;text-align:center;justify-content:center}@media(min-width:900px){.hero-stage{grid-template-columns:minmax(0,1.35fr) minmax(240px,.75fr);gap:2.5rem}}.eyebrow{display:flex;align-items:center;gap:.75rem;color:var(--copper);letter-spacing:.14em;text-transform:uppercase;font-size:.82rem;font-weight:700;margin-bottom:1rem}.eyebrow:before{content:"";width:2rem;height:2px;background:var(--copper)}h1{font-size:clamp(3.1rem,9vw,7.2rem);text-transform:uppercase;max-width:11ch}.hero h1{color:#fff;max-width:12em;font-size:clamp(2.6rem,5.2vw,4.7rem);line-height:1.05;letter-spacing:-.03em;text-transform:none}.hero .lede{color:#f6f3eee6}.hero .eyebrow{color:#f3c2a4}.hero .eyebrow:before{background:#f3c2a4}.lede,.approach{max-width:38rem;margin-top:1.25rem;color:var(--ivory-dim);font-size:1.15rem}.genres{margin-top:1.5rem;letter-spacing:.08em;text-transform:uppercase;font-size:.95rem}.genres span{color:var(--copper);margin-right:.6rem}.hero-actions,.cta-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:3.1rem;padding:.7rem 1.2rem;background:#1c1916;color:var(--paper);text-decoration:none;text-transform:uppercase;letter-spacing:.06em;font-size:1.2rem;font-weight:700;border:0;cursor:pointer}.btn-ghost{background:transparent;color:#1c1916;border:1px solid rgba(28,25,22,.28);border-radius:999px}.btn:disabled{opacity:.45;cursor:not-allowed}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.strip ul{width:min(var(--wrap),calc(100% - 2.5rem));margin:0 auto;display:grid;grid-template-columns:1fr 1fr}.strip li{padding:1.2rem 1rem 1.2rem 0;border-top:1px solid var(--line);opacity:0}.strip.is-shown li{animation:strip-pop .62s cubic-bezier(.16,1,.3,1) forwards;animation-delay:calc(var(--i, 0) * .09s)}@keyframes strip-pop{0%{opacity:0;transform:translateY(12px) scale(.86)}65%{opacity:1;transform:translateY(0) scale(1.06)}to{opacity:1;transform:none}}.strip strong{display:block;font-family:Barlow Condensed,Arial Narrow,PingFang HK,Microsoft JhengHei,sans-serif;font-size:1.7rem;font-weight:700;letter-spacing:.02em;line-height:1}.strip span{display:block;margin-top:.35rem;color:var(--ivory-dim);font-size:.92rem}@media(min-width:900px){.strip ul{grid-template-columns:repeat(6,1fr)}.strip li{border-top:0;padding:1.5rem 1rem 1.5rem 0}}.section{padding:4.5rem 0}.section h2,.page-hero h1{font-size:clamp(2.6rem,6vw,4.8rem);text-transform:uppercase;max-width:16ch}.section-intro{max-width:38rem;color:var(--ivory-dim);margin-top:1rem}.cards{display:grid;gap:1rem;margin-top:2rem}@media(min-width:980px){.cards{grid-template-columns:repeat(3,1fr)}}.card{min-height:18rem;padding:1.6rem;display:flex;flex-direction:column;justify-content:space-between;gap:2rem;text-decoration:none;background:var(--bg-raise);border:1px solid var(--line)}.card h3{font-size:2.4rem;text-transform:uppercase}.card p{color:var(--ivory-dim)}.card-go{color:var(--copper);font-size:1.8rem;line-height:1}.card:hover{border-color:var(--copper)}.voice-memo{display:flex;align-items:center;gap:4px;height:44px;width:min(220px,100%);margin-top:1.5rem}.voice-memo span{display:block;width:2px;height:var(--h);background:#1c1916;transform-origin:center;animation:memo-pulse 2.6s ease-in-out infinite;animation-delay:var(--d)}@keyframes memo-pulse{0%,to{transform:scaleY(.45)}50%{transform:scaleY(1)}}.band{position:relative;z-index:1;background:#c56a3a;color:#f6f3ee;padding:4.5rem 0}.band h2{max-width:14ch}.band p{max-width:36rem;margin-top:1rem;font-size:1.15rem}.band .btn{background:#f6f3ee;color:#1c1916}.page-hero{padding:4.5rem 0 1rem}.about-heading{display:flex;align-items:center;gap:1.15rem;flex-wrap:wrap}.headshot{width:110px;height:110px;flex:0 0 110px;border-radius:50%;object-fit:cover}.page-hero .lede{margin-top:1.25rem}.portrait{width:min(100%,22rem);height:auto;margin-top:2rem;object-fit:contain}.stack{display:grid;gap:0}.stack article{padding:1.6rem 0;border-top:1px solid var(--line)}.stack h2{font-size:clamp(2rem,4vw,3rem);text-transform:uppercase;margin-bottom:.7rem}.stack p{max-width:40rem;color:var(--ivory-dim)}.enquiry{max-width:38rem;display:grid;gap:1rem;margin-top:1.5rem}.enquiry label{display:grid;gap:.4rem;font-weight:600}.enquiry input,.enquiry textarea{width:100%;background:var(--bg);border:1px solid rgba(243,238,230,.35);padding:.9rem 1rem;font-size:1rem}.enquiry textarea{min-height:9rem;resize:vertical}.hint,.unavailable{color:var(--ivory-dim)}.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.studio-band{background:#191919;color:#f6f3ee;padding:4.5rem 0 1.35rem}.studio-band-grid{display:grid;gap:3rem;padding-bottom:2.75rem;border-bottom:1px solid rgba(246,243,238,.28)}.studio-band h2{margin:0;max-width:16ch;color:#f6f3ee;font-family:"Source Sans 3",PingFang HK,Microsoft JhengHei,sans-serif;font-size:clamp(1.8rem,3.4vw,2.7rem);font-weight:700;letter-spacing:-.03em;line-height:1.2;text-transform:none}.studio-band h2 span{color:#e07a2f}.studio-notes h2{max-width:none}.studio-mail{display:inline-block;margin-top:1.6rem;color:#f6f3ee;text-underline-offset:.2em}.studio-social{display:flex;flex-wrap:wrap;gap:1.1rem 1.6rem;margin-top:1.4rem}.studio-social a{display:inline-flex;align-items:center;gap:.45rem;color:#f6f3ee;text-decoration:underline;text-underline-offset:.22em}.studio-notes{display:grid;gap:1.35rem;align-content:start}.studio-email input,.studio-question textarea{width:100%;min-height:3.2rem;padding:.7rem .9rem;border:1px solid rgba(246,243,238,.7);border-radius:.35rem;background:transparent;color:#f6f3ee;font:inherit;resize:vertical}.studio-question textarea{min-height:6.5rem}.studio-email input::placeholder,.studio-question textarea::placeholder{color:#f6f3ee9e}.studio-consent{display:flex;align-items:flex-start;gap:.7rem;color:#f6f3eee0;font-size:.98rem;line-height:1.45}.studio-consent input{margin-top:.25rem}.studio-status{margin:0;min-height:1.4rem;color:#f6f3ee;font-weight:700}.studio-status.is-error{color:#f0b56a}.studio-notes button{justify-self:start;min-width:8.5rem;min-height:3.1rem;padding:.55rem 1.4rem;border:1px solid #f6f3ee;border-radius:999px;background:transparent;color:#f6f3ee;font:inherit;font-weight:700;cursor:pointer}@media(min-width:860px){.studio-band-grid{position:relative;grid-template-columns:1fr 1fr;column-gap:0;align-items:center}.studio-band-grid:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:#f6f3ee38;transform:translate(-50%)}.studio-band-grid>div:first-child{padding-right:3.5rem}.studio-notes{padding-left:3.5rem;border-left:0}}.site-footer{border-top:0;padding:0}.legal{margin:1.35rem auto 0;padding-left:4.25rem;color:#f6f3eed1;font-size:.95rem}.footer-note{color:var(--ivory-dim)}.footer-nav{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem}.footer-nav a{text-decoration:none}.footer-nav a:hover,.nav a:hover,.lang:hover{color:var(--copper)}.nav a.nav-contact:hover{color:#fff}@keyframes contact-hue{0%{background-position:0 50%}to{background-position:1300% 50%}}.music-toggle{position:fixed;left:1rem;bottom:1rem;z-index:80;display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;padding:0;border:0;border-radius:999px;background:#1c1916;color:#f6f3ee;cursor:pointer}.music-toggle svg{width:32px;height:32px}.music-toggle[aria-pressed=true]{background:#c56a3a;color:#fff}.wa-widget{position:fixed;right:1rem;bottom:1rem;z-index:70;width:60px;height:60px}.wa-box{position:absolute;right:0;bottom:4.6rem;width:min(26rem,calc(100vw - 1.5rem));overflow:hidden;border-radius:1.35rem;background:#f3fbf6;color:#1c1916;box-shadow:0 12px 36px #00000038;transform-origin:calc(100% - 30px) bottom;transform:scale(.12);opacity:0;pointer-events:none;transition:transform .28s ease,opacity .2s ease}.wa-widget.is-open .wa-box{transform:scale(1);opacity:1;pointer-events:auto}.wa-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4.4rem;padding:.7rem .85rem .7rem 1.15rem;background:#25d366;color:#fff}.wa-brand{display:inline-flex;align-items:center;gap:.45rem;font-size:1.55rem;font-weight:700;letter-spacing:-.02em}.wa-body{display:flex;flex-direction:column;align-items:flex-start;gap:1.35rem;min-height:11.5rem;padding:1.35rem 1.15rem 1.15rem}.wa-bubble{position:relative;max-width:16.5rem;margin:.35rem 0 0 .35rem;padding:.85rem 1rem;border-radius:1rem;background:#fff;box-shadow:0 1px 2px #0000000f;font-size:1.05rem;line-height:1.45}.wa-bubble strong{display:block;font-weight:600}.wa-bubble:before{content:"";position:absolute;left:-.45rem;bottom:.85rem;border-top:.45rem solid transparent;border-right:.55rem solid #fff;border-bottom:.45rem solid transparent}.wa-open{display:inline-flex;align-items:center;align-self:flex-end;gap:.55rem;min-height:3.15rem;margin-top:auto;padding:.45rem 1.25rem .45rem 1.45rem;border-radius:999px;background:#25d366;color:#fff;font-size:1.2rem;font-weight:700;text-decoration:none}.wa-close{display:inline-flex;align-items:center;justify-content:center;width:2.35rem;height:2.35rem;border:0;border-radius:999px;background:#128c7e;color:#fff;font-size:1.45rem;line-height:1;cursor:pointer}.wa-float{display:inline-flex;align-items:center;justify-content:center;position:absolute;right:0;bottom:0;z-index:2;width:60px;height:60px;padding:0;border:0;border-radius:50%;background:#25d366;color:#fff;cursor:pointer;box-shadow:0 4px 14px #075e5447}.wa-float svg{display:block;width:34px;height:34px}.wa-float:hover{background:#20bd5a}@media(max-width:899px){.has-wa{padding-bottom:5rem}}:focus-visible{outline:2px solid var(--copper);outline-offset:3px}.marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:.9rem 0}.marquee-track{display:flex;gap:2.5rem;width:max-content;animation:marquee-slide 36s linear infinite;font-family:Barlow Condensed,Arial Narrow,PingFang HK,Microsoft JhengHei,sans-serif;font-size:1.35rem;letter-spacing:.08em;text-transform:uppercase}.marquee-track span{white-space:nowrap}.marquee-track span:nth-child(odd){color:var(--copper)}@keyframes marquee-slide{to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee-track,.voice-memo span,.strip li{animation:none}.strip li{opacity:1;transform:none}.card{transition:none}.nav,.nav>a,.nav>.langs{transition:none}}
