button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button,a{touch-action:manipulation}
#stage{width:100%;height:100%;height:100dvh;display:flex;align-items:center;justify-content:center;overflow:hidden;perspective:3000px;cursor:grab;touch-action:pan-y pinch-zoom;user-select:none;outline:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
#stage.dragging{cursor:grabbing}
#world,#ring,.card,.tile{transform-style:preserve-3d}
#world{flex-shrink:0}
#world,#ring{pointer-events:none}
#ring{position:relative;will-change:transform}
.card,.tile,.face{position:absolute;inset:0}
.tile{transition:transform .38s cubic-bezier(.2,.7,.2,1);transform:scale(1)}
.card.selected .tile{transform:translateZ(8px) scale(1.055)}
.face{overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#222;border-radius:var(--corner,24px)}.front{transform:translateZ(.5px);box-shadow:none}
.face img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
.back{transform:rotateY(180deg);background:transparent;pointer-events:none}
.card,.tile,.face{pointer-events:none}
.select-card{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer;border-radius:inherit;color:#FFF;pointer-events:auto}
.select-card:focus-visible{outline:3px solid #fff;outline-offset:-5px}
.caption{position:absolute;bottom:0;left:0;right:0;padding:64px var(--caption-padding,28px) var(--caption-padding,28px);background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.20) 45%,rgba(0,0,0,.58) 100%);pointer-events:none}
.caption h2{font-size:var(--title-size,28px);font-weight:500;line-height:1.3;letter-spacing:.01em;margin:0 0 14px;white-space:normal;overflow-wrap:anywhere;text-wrap:balance;color:#FFF;}
.more{display:inline-flex;align-items:center;justify-content:center;min-height:var(--button-height,40px);padding:5px var(--button-padding,18px);border:1px solid #ffffffd9;border-radius:999px;color:#fff;background:#ffffff08;text-decoration:none;font-size:var(--button-size,16px);line-height:1.3;transition:background .2s;pointer-events:auto}.more:hover{background:#ffffff30}.more:focus-visible{outline:2px solid #fff;outline-offset:4px}

.case-page{position:absolute;left:50%;top:50%;width:1920px;height:951px;transform-origin:center;background:#fff}
.case-title{position:absolute;top:70px;left:50%;width:348px;margin:0;transform:translateX(-50%);line-height:0;z-index:2}
.case-title svg{display:block;width:100%;height:auto;fill:#262626}
#stage{position:absolute;top:145px;left:0;width:100%;height:540px;padding:0}
.case-wordmark{position:absolute;top:706px;left:50%;margin:0;transform:translateX(-50%);font-family:"Bronova",sans-serif;font-size:212px;font-weight:400;line-height:1.1;letter-spacing:0;white-space:nowrap;color:#ebebeb;pointer-events:none;user-select:none}