:root{--cream:#fff3bb;--blue:#123b65;--red:#d72a20;--amber:#ffbd55;--purple:#492d93;--charcoal:#171719}body{background:var(--charcoal);color:var(--cream);font-family:'Clash Display','Source Han Serif TC',sans-serif}html:has(.collection-picker:not([hidden])){scrollbar-gutter:auto}header{padding:0 30px;height:88px}.logo,.dialog-logo{font:600 22px 'Clash Display','Source Han Serif TC',sans-serif;letter-spacing:-.7px}.corner-link{font-family:'Bodoni Moda','Source Han Serif TC',serif;font-style:italic}#work-open,#about-open{font-size:27px;font-weight:400}.corner-icon{font-family:Arial,sans-serif;font-style:normal}.logo.corner-link{font-family:'Clash Display',sans-serif;font-style:normal}.hero-background{background:var(--charcoal)}.hero-open{position:absolute;inset:0;width:100%;height:100%;transform:none;overflow:hidden;cursor:default;background:var(--charcoal)!important}.hero-panel{position:absolute;inset:0;opacity:0;visibility:hidden;transform:scale(1);filter:none;transition:none;will-change:opacity,transform;pointer-events:none}.hero-panel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:none;transition:none}.hero-open:after{background:linear-gradient(180deg,#0003 0%,transparent 35%,#0001 65%,#0007);z-index:4}.wordmark{color:var(--cream);font-family:'Arial Black',Arial,sans-serif;font-weight:900;left:30px;right:30px;bottom:106px;width:auto;top:auto;transform:none;line-height:.9;font-size:clamp(48px,8vw,140px);letter-spacing:-.065em;text-shadow:4px 5px 0 var(--purple);z-index:5}.wordmark span{display:inline;margin:0}.home-editorial{position:absolute;top:135px;left:30px;z-index:5;font:11px/1.7 'Space Mono',monospace;color:var(--cream);text-shadow:0 1px 8px #0005}.home-side-note{position:absolute;right:28px;top:150px;writing-mode:vertical-rl;font:9px 'Space Mono',monospace;letter-spacing:.18em;z-index:5;color:var(--cream)}.home-title-detail{position:absolute;left:30px;right:30px;bottom:calc(106px + clamp(48px,8vw,140px)*.9 + 18px);z-index:5;pointer-events:none}.home-title-detail>span{font:10px 'Space Mono',monospace;letter-spacing:.15em}.home-title-detail i{position:absolute;right:4%;bottom:0;font:italic 400 clamp(38px,5vw,88px)/1 'Bodoni Moda',serif;color:var(--amber);transform:rotate(-5deg)}.hero-edge{left:30px;right:30px;bottom:28px;align-items:center;color:var(--cream);filter:none}#hero-category{font:11px 'Space Mono',monospace;letter-spacing:0;opacity:1}#about-open{background:var(--red);color:var(--cream);border-radius:2px;padding:7px 17px;margin:0}body:has(.home:not([hidden])) header{color:var(--cream)}
dialog,dialog::backdrop{background:var(--charcoal);color:var(--cream)}.dialog-head{height:48px;align-items:center}.dialog-head button[data-close]{font-family:'Bodoni Moda',serif;font-style:italic}#work{background:var(--blue);color:var(--cream);padding:24px 30px 30px}#work .dialog-logo{color:var(--cream)}.work-intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:45px 0 25px}.work-intro>span{font:10px 'Space Mono',monospace;letter-spacing:.02em}.work-intro i{font:italic 25px 'Bodoni Moda',serif;background:var(--amber);color:var(--blue);padding:5px 14px;transform:rotate(-3deg)}.work-links{margin:0}.work-links a{font-family:'Clash Display','Source Han Serif TC',sans-serif;font-size:clamp(42px,6vw,88px);font-weight:600;line-height:1.1;letter-spacing:-.04em;gap:26px;border-color:#fff3bb66;padding:15px 0;align-items:center}.work-links a:nth-child(even){font-family:'Bodoni Moda',serif;font-style:italic;font-weight:400;letter-spacing:-.025em}.work-links .work-number{font:11px 'Space Mono',monospace;align-self:start;margin-top:12px;min-width:18px}.work-links a .work-label{flex:1}.work-links a .work-arrow{font:35px Arial,sans-serif}.work-links a:hover{color:var(--amber)}.work-links a:hover .work-arrow,.work-links a:focus-visible .work-arrow{color:var(--amber)}.contact{border-color:#fff3bb55;margin-top:24px;padding-top:22px}.contact h2{font:500 25px 'Clash Display',sans-serif;letter-spacing:-.035em}.contact-details>div>span,#copy-status{font-family:'Space Mono',monospace}.contact-copy{font:12px 'Space Mono',monospace}.contact-copy>span{font:16px Arial}
#about{background:var(--blue);color:var(--cream);padding:24px 30px 40px}#about::backdrop{background:transparent}.about-nav{display:flex;align-items:center;gap:28px}#about-works{font:italic 27px 'Bodoni Moda',serif}#about-works .corner-icon{font:27px Arial}.about-nav [data-close]{font:30px Arial!important;padding:8px}.about-editorial{width:min(1200px,100%);margin:80px auto 20px}.about-tag{font:12px 'Space Mono','Source Han Serif TC',serif}.about-editorial h1{font:600 clamp(50px,7.5vw,110px)/1.05 'Clash Display','Source Han Serif TC',sans-serif;letter-spacing:-.055em;margin:55px 0 65px}.about-editorial h1 em{font-family:'Bodoni Moda',serif;font-weight:400;letter-spacing:-.04em}.about-statements{display:flex;justify-content:space-between;gap:40px;font:15px/1.95 'Space Mono','Source Han Serif TC',serif}.about-statements p{margin:0}.about-statements p[lang=zh-Hant]{font-family:'Source Han Serif TC',serif;font-weight:700;font-size:18px}
.collection-picker,.category-picker,.gallery{background:var(--charcoal);color:var(--cream)}.picker-wheel .option-wheel{font-family:'Bodoni Moda',serif;font-style:italic}.picker-wheel .option-wheel:focus-visible,.collection-cover:focus-visible{outline-color:var(--cream)}.gallery-open header{color:var(--cream)!important}.gallery .gallery-head h1{font-family:'Clash Display',sans-serif;font-weight:600}.gallery #concert-back,.pagination,.flex-carousel__count{font-family:'Space Mono',monospace}.gallery-carousel .flex-carousel__title{font:italic 22px 'Bodoni Moda',serif}.gallery-carousel .flex-carousel__count{font-size:11px;color:var(--cream);opacity:.7}#lightbox .dialog-head,#view-caption{font-family:'Space Mono',monospace}.concerts{background:var(--blue);color:var(--cream)}.concerts-open header{color:var(--cream)}.concerts h1{font-family:'Bodoni Moda',serif;font-style:italic;font-weight:400}.project h2{font-family:'Clash Display',sans-serif;font-weight:500}.story-open,.story-open header{color:var(--cream)!important;background:var(--charcoal)}.story-open header{background:transparent}.story-copy h1{font-family:'Clash Display',sans-serif}.story-copy>span,.story-footer{font-family:'Space Mono',monospace}.story-progress{background:#fff3bb33}.story-progress>div{background:var(--cream)}
@media(max-width:700px){header{height:72px;padding:0 18px}.logo,.dialog-logo{font-size:18px}#work-open,#about-open,#about-works{font-size:23px}.wordmark{left:18px;right:18px;font-size:10.5vw;bottom:100px;text-shadow:3px 3px 0 var(--purple)}.home-editorial{left:18px;top:110px;font-size:9px}.home-side-note{right:15px;top:130px;font-size:8px}.home-title-detail{left:18px;right:18px;bottom:calc(100px + 10.5vw*.9 + 20px)}.home-title-detail>span{font-size:8px}.home-title-detail i{font-size:42px;right:0;bottom:20px}.hero-edge{left:18px;right:18px;bottom:24px}#hero-category{font-size:10px}#about-open{padding:6px 13px}.hero-panel{transform:scale(1)}.hero-panel img{transform:none}#work,#about{padding:18px}.work-intro{margin:32px 0 25px;gap:12px}.work-intro>span{font-size:8px}.work-intro i{font-size:17px;padding:4px 8px}.work-links a{font-size:clamp(36px,10vw,55px);gap:16px;padding:18px 0}.work-links .work-number{font-size:9px;margin-top:8px;min-width:13px}.work-links a .work-arrow{font-size:25px}.contact{margin-top:22px;gap:20px}.contact-details{gap:16px}.contact-copy{font-size:11px}.contact h2{font-size:22px}.about-nav{gap:18px}.about-editorial{margin:60px 0 25px}.about-tag{font-size:10px}.about-editorial h1{font-size:clamp(43px,10vw,70px);margin:45px 0;letter-spacing:-.045em}.about-statements{flex-direction:column;gap:30px;font-size:12px}.about-statements p[lang=zh-Hant]{font-size:16px}.gallery-carousel .flex-carousel__title{font-size:19px}.gallery-carousel .flex-carousel__count{font-size:10px}}
@media(prefers-reduced-motion:reduce){.hero-panel,.hero-panel img{transition:none!important}.home-title-detail i{transform:none}#about[open]{animation:none}}

.dialog-logo .corner-label{transform-origin:left center}#about-works .corner-label{transform-origin:right center}

.logo.corner-link,.dialog-logo.corner-link{font-family:"Clash Display","Source Han Serif TC",sans-serif;font-style:normal;font-weight:600}.dialog-logo .corner-label{font:inherit;letter-spacing:inherit}img{user-select:none;-webkit-user-drag:none}.story-slide .story-photo{height:100%;display:block;cursor:default}@media(max-width:700px){.story-slide .story-photo{width:100%}}

#work-open,#about-open,#about-works{font-size:22px}#about-works .corner-icon{font-size:22px}.gallery-head #gallery-title{display:none}.gallery-head{justify-content:flex-end}.about-editorial h1{margin-top:0}@media(max-width:700px){#work-open,#about-open,#about-works,#about-works .corner-icon{font-size:20px}.gallery-head{align-items:flex-end}}