.ode-stage{position:relative;display:block;width:100%;height:100%}
.ode-stage img{position:absolute;left:50%;top:50%;width:205px;height:250px;object-fit:contain;background:#f7f4ed;box-shadow:0 6px 18px rgba(44,38,31,.16);transition:transform .55s ease,opacity .55s ease;transform:translate(-50%,-50%)}
.ode-stage img:nth-child(1){transform:translate(-45%,-53%) rotate(-8deg)}
.ode-stage img:nth-child(2){transform:translate(-47%,-52%) rotate(-5deg)}
.ode-stage img:nth-child(3){transform:translate(-49%,-51%) rotate(-3deg)}
.ode-stage img.dealing{transform:translate(24%,-62%) rotate(8deg);opacity:0}
.ode-detail .artwork-detail-intro::before{background-image:url('./assets/fashion-ode/04.png');background-position:60% 45%;filter:saturate(.7)}
.ode-detail .artwork-detail-intro::after{background:linear-gradient(90deg,rgba(247,244,237,.97),rgba(247,244,237,.91) 45%,rgba(247,244,237,.60))}
.ode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:50px 24px}.ode-grid a{display:block}.ode-grid img{width:100%;height:auto}.ode-grid a:focus-visible{outline:2px solid #62605d;outline-offset:4px}
@media(max-width:900px){.ode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.ode-detail .artwork-detail-intro::after{background:rgba(247,244,237,.87)}}
@media(max-width:520px){.ode-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.ode-stage img{transition:none}}