*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;interpolate-size:allow-keywords}img,picture,video,canvas,svg{display:block;max-width:100%}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty;max-width:100%}h1,h2,h3,h4,h5,h6{text-wrap:balance}a{text-decoration:underline;color:unset}a:hover{color:var(--SecondaryColor)}ol,ul,menu{list-style:none}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0;border:0}.mt-6{margin-top:1.5rem}:root{font-size:16px;scroll-behavior:smooth;interpolate-size:allow-keywords}@media screen and (min-width: 800px){:root{font-size:18px}}.container{width:100%;max-width:1200px;margin-inline:auto}html,body{background-color:var(--PrimaryColor);line-height:1.8;font-family:Noto Sans TC,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.bigContainer{position:relative;width:100vw;overflow-x:clip}.bgContainer{z-index:1;width:100%;max-width:100vw;position:relative;margin-bottom:2rem}.bgContainer img{margin-top:6rem;margin-left:auto;margin-right:auto;max-width:1200px;width:100%}@media (max-aspect-ratio: 1/1),(max-width: 300px){.bgContainer img{margin-top:5rem}}.bgContainer{z-index:1;overflow:visible;width:100%;max-width:100vw;height:min(60vw,80vh);height:min(60vw,80dvh);max-height:650px;position:relative}.sector{pointer-events:none;mix-blend-mode:screen;will-change:transform;position:absolute;top:0;left:0;--p: 30deg;--s: 45deg;--radius: 70vmax;--swing_duration: 1.5s;--swing_deg: 150deg;--animation_delay: 1s;margin-left:calc(-1 * var(--radius));margin-top:calc(-1 * var(--radius));height:calc(2 * var(--radius));aspect-ratio:1;border-radius:50%;background-color:#eee;mask:conic-gradient(from var(--s),#0000,#000 .001deg var(--p),#0000 calc(var(--p) + .001deg));transform:rotate(0);animation:swing var(--swing_duration) alternate infinite ease-in-out;animation-delay:var(--animation_delay)}@keyframes swing{to{transform:rotate(var(--swing_deg))}}.sector1{mix-blend-mode:unset;--p: 50deg;--s: 120deg;--radius: min(100vw, 125vh);--swing_duration: 5.5s;--swing_deg: 150deg;background-color:var(--SecondaryColor);--animation_delay: 3s;animation:none}.sector2{background-color:#fff;opacity:.7;--swing_duration: 2.5s;--radius: 30vmax;--p: 40deg}.sector3{--p: 45deg;--s: 40deg;--radius: calc(50vmax + 50vmin) ;--swing_duration: 4s;--swing_deg: 150deg;background-color:var(--TertiaryColor);--animation_delay: 4s}.sector4{mix-blend-mode:color-burn;--p: 90deg;--s: 170deg;--radius: calc(50vmax + 50vmin) ;--swing_duration: 4s;--swing_deg: 150deg;background-color:var(--TertiaryColor);--animation_delay: 4s;opacity:.4;left:unset;right:-120vmax;top:5rem;animation:none}.sector5{mix-blend-mode:color-burn;--p: 90deg;--s: 100deg;--radius: calc(35vmax + 35vmin) ;--swing_duration: 4s;--swing_deg: 150deg;background-color:var(--SecondaryColor);--animation_delay: 4s;opacity:.2;top:-5rem;animation:none}@keyframes rotate_in_logo{0%{display:block;transform-origin:top left;transform:rotate(-50deg)}to{transform-origin:top left;transform:rotate(0)}}#SpotlightLogo{--curve: linear( 0, .402 7.4%, .711 15.3%, .929 23.7%, 1.008 28.2%, 1.067 33%, 1.099 36.9%, 1.12 41%, 1.13 45.4%, 1.13 50.1%, 1.111 58.5%, 1.019 83.2%, 1.004 91.3%, 1 );transform:scale(0%);isolation:isolate;width:min(81vw,108vh);max-width:900px;position:absolute;top:0;left:0;animation:rotate_in_logo .3s ease-in-out forwards;animation-delay:.5s}#SpotlightLogo .st0{fill:#009682}#SpotlightLogo .st1{fill:#fff}main{display:block;min-height:100vh;width:100%;overflow-y:clip}.relative{position:relative}section{margin-bottom:0rem;isolation:isolate;padding:1rem}section h2{font-size:2rem;font-weight:700}section p{margin-bottom:1rem}.programme_info_container{background-color:var(--TertiaryColor);min-height:15rem;padding:1rem;line-height:1.1;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(7,auto);gap:2rem}.programme_info_container .title{grid-row-start:1;grid-column-start:1;grid-column-end:7;font-size:1.75rem}.programme_info_container .date_time{grid-row-start:2;grid-column-start:1;grid-column-end:7;font-size:1.5rem}.programme_info_container .date_time span{margin:.5rem 0;display:block;font-size:1.0625rem}.programme_info_container .venue{grid-row-start:4;grid-column-start:1;grid-column-end:7;font-size:1.25rem;text-wrap:balance}.programme_info_container .price{grid-column-start:1;grid-column-end:7;font-size:1.5rem}.programme_info_container .price span{font-size:1rem}.programme_info_container .artist_sharing{grid-row-start:7;grid-column-start:1;grid-column-end:7}.programme_info_container .artist_sharing p{margin-bottom:.5rem}.programme_info_container .artist_sharing h2{margin-bottom:1rem}.programme_info_container .artist_sharing li{margin-top:.25rem}.info_buy_now{margin-top:-.5rem;text-decoration:none;display:block;cursor:pointer}.info_buy_now a{text-decoration:none}.programme_info_container .logo_tk{display:block;grid-row-start:7;grid-column-start:1;grid-column-end:7;place-self:flex-end flex-start}.programme_info_container .logo_hkjc{display:block;grid-row-start:7;grid-column-start:1;grid-column-end:7;place-self:flex-end flex-end}.programme_info_container .remarks{grid-row-start:6;grid-column-start:1;grid-column-end:7;text-wrap:pretty}.programme_info_container .remarks li{list-style-type:disc;margin-left:1rem}.programme_info_container h2{font-size:1rem}.programme_info_container li{margin-top:.5rem}@media screen and (min-width: 700px){section{padding:2rem}.programme_info_container{background-color:var(--TertiaryColor);padding:2rem;grid-template-columns:repeat(6,1fr);grid-template-rows:auto auto 1fr;gap:2rem 0}.programme_info_container .title{grid-row-start:1;grid-column-start:1;grid-column-end:5;font-size:2.5rem}.programme_info_container .date_time{grid-row-start:2;grid-column-start:1;grid-column-end:5;font-size:1.5rem}.programme_info_container .date_time span{display:block;font-size:1.125rem}.programme_info_container .venue{grid-row-start:1;grid-column-start:5;grid-column-end:7;font-size:1.5rem}.programme_info_container .price{grid-row-start:2;grid-column-start:5;grid-column-end:7;font-size:1.5rem}.programme_info_container .logo_tk{display:block;grid-row-start:5;grid-column-start:1;grid-column-end:7;place-self:flex-end flex-start}.programme_info_container .logo_hkjc{display:block;grid-row-start:5;grid-column-start:1;grid-column-end:7;place-self:flex-end flex-end}.programme_info_container .remarks{grid-row-start:4;grid-column-start:1;grid-column-end:7}.programme_info_container .remarks li{list-style-type:disc;margin-left:0}.programme_info_container .artist_sharing{grid-row-start:5;grid-column-start:1;grid-column-end:7}.programme_info_container h2{font-size:1rem}.programme_info_container li{margin-top:1rem}}.credit_container{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(420px,1fr))}.credit_container .credit_unit,.credit_container p{max-width:calc(100% - 2.5rem)}@media screen and (max-width: 420px){.credit_container{display:block}.credit_container .credit_unit{margin-bottom:3rem}}.credit_unit{margin-bottom:1rem}.credit_unit h3{font-size:1rem;font-weight:400;text-wrap:balance;margin-top:.5rem}.credit_unit li{line-height:1.2;font-size:1.25rem;margin-top:.25rem}.logo_tk,.logo_hkjc{height:63px}.artist{margin:2rem 0}.artist h3{margin-bottom:-.5rem;font-size:1.25rem}.artist_bio_content .accordion.show{margin-bottom:2rem}.artist_bio_content h3{margin-top:2rem;margin-bottom:-.5rem;font-size:1.25rem}.artist_bio_content h4{font-size:1rem;font-weight:400;line-height:1.25;text-wrap:pretty;margin-bottom:1.5rem}.artist_bio_content .img_container{width:100%;height:auto;max-width:400px;max-height:400px}.artist_bio_content img{width:400px;max-height:400px;object-fit:contain;object-position:top left}.designer_bio_content .accordion.show{margin-bottom:2rem}.designer_bio_content h3{margin-top:2rem;margin-bottom:-.5rem;font-size:1.25rem}.designer_bio_content h4{font-size:1rem;font-weight:400;line-height:1.25;text-wrap:pretty;margin-bottom:1.5rem}.designer_bio_content .img_container{width:100%;height:auto;max-width:400px;max-height:400px}.designer_bio_content img{width:400px;max-height:400px;object-fit:contain;object-position:top left}.bottom_link_container{display:flex;justify-content:center;gap:1rem;margin:2rem}.center_link{background-color:var(--TextColor);color:var(--PrimaryColor);text-align:center;position:relative;width:fit-content;min-width:10ch;text-decoration:none;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:99999px;transition:all .3s ease-in-out}.center_link:hover{background-color:var(--SecondaryColor);color:var(--TextColor)}.accordion_btn{text-wrap:balance;cursor:pointer;text-align:left;display:flex;align-items:center;width:100%}.accordion_btn h2,.accordion_btn h3{display:inline;margin:0}.accordion_btn *:nth-last-child(1){flex:1}.accordion_btn:after{content:"◂";font-size:3rem;width:1lh;height:1lh;display:inline-flex;justify-content:center;align-items:center;margin-left:-.25lh;transition:transform .3s ease-in-out}.accordion_btn.show:after{transform:rotate(-90deg)}.accordion>div{margin:1rem}.accordion{height:0;overflow:hidden;transition:height .3s ease-in-out;background:var(--TextColorHover)}.accordion.show{height:unset}.accordion img{width:100%;max-width:400px}.gallery_container{position:relative}.gallery_img_container{position:relative;width:100%;aspect-ratio:6 / 6;max-width:900px;max-height:800px;margin:0 auto}.gallery_img_container .block-img{position:absolute;top:0;left:0;width:100%;aspect-ratio:6 / 5;max-height:900px;opacity:0;transition:opacity .3s ease-in-out}.gallery_img_container .block-img.show{opacity:1}.gallery_img_container .block-img img{width:100%;height:100%;max-width:100%!important;object-fit:contain}.gallery_ui_container{position:absolute;inset:auto 0 20%;display:flex;justify-content:center;gap:1rem}.gallery_ui_button{width:1.5rem;height:1.5rem;border-radius:999999px;background-color:#fff;border:.25rem solid var(--SecondaryColor);cursor:pointer;opacity:.5;transition:opacity .3s ease-in-out}.gallery_ui_button.show{opacity:1}.floating_back_to_top{position:fixed;bottom:1rem;right:1rem}.floating_back_to_top.hide{display:none}.floating_back_to_top a{padding:.5rem;aspect-ratio:unset;border:1px solid var(--PrimaryColor)}@media (prefers-reduced-motion){*,*:before,*:after{animation-duration:0ms!important;transition-duration:0ms!important}}.programmes_container{display:grid;gap:.5rem;grid-template-columns:1fr}.programmes_link{position:relative;border-bottom-right-radius:5vw;overflow:hidden;border:2px solid rgba(255,255,255,0);transition:all .5s ease-in-out}.programmes_link span{position:absolute;inset:0;background-color:#000000bf;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease-in-out;text-align:center}.programmes_link h3{font-weight:700;font-size:1.25rem;line-height:1.5}.programmes_link h4{margin-top:2rem;font-size:1rem}.programmes_link:focus,.programmes_link:hover{border:2px solid rgba(255,255,255,1)}.programmes_link:focus span,.programmes_link:hover span{opacity:1}@media (min-width: 700px){.programmes_container{grid-template-columns:1fr 1fr}.programmes_link{position:relative;border-bottom-right-radius:2.5vw}}.taikwun_team_container{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(226px,1fr))}@media screen and (max-width: 226px){.taikwun_team_container{grid-template-columns:1fr}}.team_unit{margin-bottom:1rem}.team_unit h3{font-size:1rem;font-weight:400;text-wrap:balance;margin-top:.5rem}.team_unit li{line-height:1.2;font-size:1.25rem;margin-top:.25rem}
