@charset "UTF-8";
/* 手機直接使用輕量繪製；不靠縮放發生後才釋放大型合成圖層。 */
html,body{touch-action:pan-x pan-y pinch-zoom}
.carousel-stage{touch-action:pan-y pinch-zoom}
.lightbox-view,.lightbox-view img{touch-action:pan-x pan-y pinch-zoom}
.lightbox[open]{display:flex;flex-direction:column}
.lightbox-view{flex:1;height:auto;min-height:0}
.lightbox-bar,.lightbox-hint{flex:none}
@media(max-width:800px),(pointer:coarse){
 .site-header,.music-player,.cinema-skip,dialog::backdrop{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
 .hero .logo-seal{filter:none!important}
 .hero[data-cinematic-ready] .hero-copy{transform:none!important;filter:none!important}
 img{filter:none!important}
 .motion-ready .motion-reveal,.motion-ready .artwork.motion-reveal,.motion-ready .collab-card.motion-reveal{opacity:1;transform:none!important;transition:none!important}
 .section-heading:before,.ornament{animation:none!important;transition:none!important}
 .member-light-field,.member-ambient{display:none!important}
 .members-section{background:radial-gradient(ellipse at 25% 55%,color-mix(in srgb,var(--member-color) 13%,transparent),transparent 52%),radial-gradient(ellipse at 76% 60%,color-mix(in srgb,var(--member-color-2) 12%,transparent),transparent 50%),#0d0b0d}
 .carousel-stage{perspective:none!important}
 .motion-ready .member-card{transform-style:flat!important;filter:none!important;transition:transform .35s ease,opacity .25s ease!important}
 .motion-ready .member-card[data-position="0"]{transform:translateX(-50%)!important}
 .motion-ready .member-card[data-position="-1"]{transform:translateX(calc(-50% - 245px)) scale(.86)!important;opacity:.42}
 .motion-ready .member-card[data-position="1"]{transform:translateX(calc(-50% + 245px)) scale(.86)!important;opacity:.42}
 .motion-ready .member-card[data-position="-2"],.motion-ready .member-card[data-position="2"]{display:none!important}
 .motion-ready .card-inner,.motion-ready .member-card.is-flipped .card-inner{transform:none;transform-style:flat!important;transition:none!important}
 .member-card .card-front,.member-card .card-back{transform:none!important;backface-visibility:visible;-webkit-backface-visibility:visible;animation:none}
 .card-inner.is-mobile-turning{transform-origin:50% 50%}
 .card-inner.is-mobile-turning,.card-inner.is-mobile-turning .card-front,.card-inner.is-mobile-turning .card-back{pointer-events:none!important}
 .card-front,.card-back{box-shadow:inset 0 0 0 4px #080608,inset 0 0 0 5px #9b89664a!important}
 .member-card .card-back{display:none}
 .member-card.is-flipped .card-front{display:none}
 .member-card.is-flipped .card-back{display:flex}
 .member-backlight{filter:none!important;box-shadow:0 0 18px color-mix(in srgb,var(--member-color) 55%,transparent);transition:none}
 .artwork img,.collab-card img,.access-card,.button span,.circle-button{filter:none!important;transition:none!important}
 .artwork button:hover img,.collab-card:hover img,.access-card:hover,.circle-button:hover{transform:none!important}
 .artwork-traveler{display:none!important}
 .hero[data-cinematic-ready] .gate-scene,.hero[data-cinematic-ready] .tunnel{perspective:none!important;transform:none!important}
 .hero[data-cinematic-ready] .gate-scene{box-shadow:0 0 0 6px #090909,0 0 0 7px #af8a4d66,0 0 0 18px #191915!important}
 .hero:not(.cinema-visible) .gate-scene{visibility:hidden}
 .hero .gate-panel{box-shadow:inset 0 0 0 3px #0c090b,inset 0 0 0 4px #7d704166!important}
 .hero[data-cinematic-ready] .gate-frame,.hero[data-cinematic-ready] .gate-leaf{transform-style:flat!important}
 .cinema-wall,.cinema-ceiling,.cinema-floor,.cinema-floor-reflection,.cinema-tunnel-haze,.cinema-light-beam,.cinema-dust,.cinema-metal-sheen,.cinema-door-edge,.cinema-vignette{display:none!important}
 .hero .cinema-depth{transform:none!important;transform-style:flat!important;transition:none!important}
 .hero .cinema-arch{inset:calc(var(--arch-level) * 5%);transform:none!important;border:6px solid #20191a;box-shadow:inset 0 0 0 1px #b3976555,0 0 0 1px #b3976533;background:transparent}
 .hero .cinema-arch-crown{box-shadow:none}
 .hero .cinema-arch-light{box-shadow:0 0 6px #d8b57755;width:2px;left:3px}
 .hero .cinema-arch-light-right{left:auto;right:3px}
 .hero .cinema-inner-door{inset:34% 35%;transform:none!important;box-shadow:inset 0 0 0 3px #d9b76708;border-width:1px}
 .hero .cinema-inner-door>span{font-size:28px;text-shadow:none}
 .hero .gate-leaf{transition:transform 1.35s cubic-bezier(.3,0,.15,1)!important;backface-visibility:visible;box-shadow:inset 0 0 0 6px #0d090b,inset 0 0 0 7px #b89b5c55!important}
 .hero .gate-light{box-shadow:0 0 6px #e9cf9d66!important}
 .floor-lines{display:none!important}
 .hero .gate-handle{transform:none!important}
 .hero.cinema-active .gate-leaf,.hero.cinema-active .cinema-depth{will-change:auto!important}
 .hero .cinema-door-seam{box-shadow:none!important;transform:scaleY(1)!important}
 .hero.cinema-opening .cinema-door-seam{opacity:0}
 .den-atmosphere,.den-corridor-beams{display:none!important}
 .den-floor{display:none!important}
 .den-room-image{transform:none!important;transition:opacity .2s!important}
 .den-hotspot-pin:before,.den-ceiling:after{animation:none!important}
 .vinyl{animation:none!important}
 .music-player{bottom:calc(14px + env(safe-area-inset-bottom,0px))}
 .lightbox{height:100dvh;max-height:100dvh;margin:0;max-width:100%;box-sizing:border-box;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}
 .lightbox-bar{flex:none;min-height:70px;height:auto;padding-top:12px;padding-bottom:12px}
 .lightbox-view{min-height:0;overflow:hidden}
 .lightbox-hint{flex:none;padding:8px 10px 14px;margin:0}
}
/* 已經放大或正在用雙指縮放時，不建立額外的全景／濾鏡圖層。 */
.is-pinching .member-light-field,.is-zoomed .member-light-field,.is-pinching .member-backlight,.is-zoomed .member-backlight{display:none!important}
.is-zoomed .carousel-stage{touch-action:pan-x pan-y pinch-zoom}
.is-pinching .motion-reveal,.is-zoomed .motion-reveal{transform:none!important;opacity:1!important;transition:none!important}
.is-pinching .site-header,.is-zoomed .site-header,.is-pinching .music-player,.is-zoomed .music-player{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.is-pinching .artwork img,.is-zoomed .artwork img,.is-pinching .collab-cover img,.is-zoomed .collab-cover img{transform:none!important;filter:none!important;transition:none!important}
.is-pinching .artwork-traveler,.is-zoomed .artwork-traveler{display:none!important}
.is-pinching .den-room-image,.is-zoomed .den-room-image{transform:none!important;transition:none!important}

/* 接在 mobile.css 手機區塊之後；僅恢復兩扇門與一個有界通道的平面動畫。 */
@media(max-width:800px),(pointer:coarse){
 .hero[data-cinematic-ready] .gate-scene{overflow:hidden;isolation:isolate}
 .hero[data-cinematic-ready].cinema-active .gate-scene{visibility:visible!important}
 .hero[data-cinematic-ready] .gate-frame{overflow:hidden}
 .hero[data-cinematic-ready] .gate-leaf{transition:transform 1.45s cubic-bezier(.3,.05,.15,1)!important}
 /* 以兩片有界平面模擬外側鉸鏈：門向內收窄，金屬外緣留在門框上。 */
 .hero[data-cinematic-ready] .gate-left{transform-origin:0 50%;transform:scaleX(1) skewY(0deg)!important}
 .hero[data-cinematic-ready] .gate-right{transform-origin:100% 50%;transform:scaleX(1) skewY(0deg)!important}
 .hero[data-cinematic-ready].cinema-opening .gate-left,.hero[data-cinematic-ready].cinema-entered .gate-left{transform:scaleX(.045) skewY(7deg)!important}
 .hero[data-cinematic-ready].cinema-opening .gate-right,.hero[data-cinematic-ready].cinema-entered .gate-right{transform:scaleX(.045) skewY(-7deg)!important}
 .hero[data-cinematic-ready] .cinema-depth{transform:scale(1)!important;transform-origin:50% 47%;transition:transform 1.65s cubic-bezier(.3,.05,.2,1)!important}
 .hero[data-cinematic-ready].cinema-travelling .cinema-depth{transform:scale(1.16)!important}
 .hero[data-cinematic-ready] .cinema-arrival{background:radial-gradient(ellipse at 50% 50%,#170e12e6,#090609b8 72%);transition:opacity .65s}
 .hero[data-cinematic-ready].cinema-entered .cinema-arrival{background:radial-gradient(ellipse at 50% 48%,#090609c4,#09060966 38%,transparent 72%);transition:opacity .65s}
}
/* 系統選擇降低動態效果或使用雙指時，直接到達，不讓縮放背負額外動畫。 */
@media(prefers-reduced-motion:reduce){
 .hero[data-cinematic-ready] .gate-leaf,.hero[data-cinematic-ready] .cinema-depth{transition:none!important}
}
.is-pinching .hero[data-cinematic-ready] .gate-leaf,.is-zoomed .hero[data-cinematic-ready] .gate-leaf,.is-pinching .hero[data-cinematic-ready] .cinema-depth,.is-zoomed .hero[data-cinematic-ready] .cinema-depth{transition:none!important}

/* 兩句品牌標題各佔一行，字級配合手機左欄縮放；保留原本的 br。 */
@media(max-width:800px){
 .about-editorial{grid-template-columns:minmax(0,1fr) 45%}
 .about #about-title{min-width:0;font-size:clamp(22px,7vw,34px);letter-spacing:.04em;line-height:1.65;white-space:nowrap}
}