.miya-gallery.section-pad{position:relative;min-height:calc(100svh - 76px);padding:0;background:#07050d}.miya-gallery>.container{position:relative}.miya-gallery .miya-hero-label{position:absolute;z-index:7;inset:clamp(28px,5vw,70px) auto auto clamp(24px,6vw,110px);width:min(430px,calc(100% - 48px));padding:22px 24px;display:block;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(8,6,14,.72);backdrop-filter:blur(14px);box-shadow:0 25px 70px rgba(0,0,0,.42);pointer-events:none}.miya-gallery .miya-hero-label h2{margin:10px 0 14px;font-size:clamp(34px,4vw,62px);line-height:.9;letter-spacing:-.05em}.miya-gallery .miya-hero-label .miya-library-intro{margin:0;font-size:11px;line-height:1.6}
.miya-page-mural{position:relative;height:calc(100svh - 76px);min-height:680px;padding:0;overflow:hidden;mask-image:none;-webkit-mask-image:none;background:radial-gradient(circle at 20% 10%,rgba(112,34,170,.2),transparent 35%),#08060e}
.miya-page-mural::before{content:"";position:absolute;z-index:5;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(5,4,9,.42),rgba(5,4,9,.03) 18%,rgba(5,4,9,.025) 82%,rgba(5,4,9,.38)),linear-gradient(180deg,rgba(5,4,9,.08),transparent 18%,transparent 84%,rgba(7,7,10,.62) 100%)}.miya-page-mural::after{content:"";position:absolute;z-index:6;inset:0;pointer-events:none;opacity:.045;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:64px 64px}
.miya-page-mural .miya-mural{position:absolute;inset:-13% -10% -15% -11%;width:121%;height:128%;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(250px,1fr));gap:clamp(13px,1.45vw,25px);transform:perspective(1300px) rotateX(3deg) rotateZ(-2.2deg);transform-origin:center;filter:saturate(.86)}
.miya-page-mural .mural-col{height:100%;min-height:0;padding:0;display:block;overflow:hidden;scrollbar-width:none;animation:none;cursor:grab;touch-action:pan-y;user-select:none}
.miya-page-mural .mural-track{display:flex;flex-direction:column;gap:clamp(12px,1.7vw,26px);will-change:transform}
.miya-page-mural .mural-col::-webkit-scrollbar{display:none}.miya-page-mural .mural-col.dragging{cursor:grabbing}
.miya-page-mural .mural-col button{flex:0 0 auto;width:100%;height:auto;padding:0;display:block;border:1px solid rgba(255,255,255,.13);border-radius:10px;overflow:hidden;background:#0b0a10;cursor:pointer;box-shadow:0 18px 45px rgba(0,0,0,.42);transition:border-color .25s,transform .25s,opacity .25s}
.miya-page-mural .mural-col button:hover,.miya-page-mural .mural-col button:focus-visible{z-index:2;border-color:#ff397d;transform:scale(1.025);outline:none}
.miya-page-mural .mural-col img{display:block;width:100%;height:auto;min-height:0;aspect-ratio:auto;border:0;border-radius:0;object-fit:contain;opacity:.72;filter:saturate(.8) brightness(.68);pointer-events:none;transition:filter .25s,opacity .25s}
.miya-page-mural .mural-col button:hover img,.miya-page-mural .mural-col button:focus-visible img{opacity:1;filter:none;transform:none}
.miya-selected{margin:50px clamp(12px,6vw,110px) 0;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);border:1px solid rgba(255,255,255,.15);background:#0e0e13;box-shadow:0 35px 100px rgba(0,0,0,.45);animation:miya-detail-in .45s ease both}.miya-selected[hidden]{display:none}.miya-selected-media{min-height:520px;background:#07070a}.miya-selected img{display:block;width:100%;height:100%;max-height:780px;object-fit:contain}.miya-selected figcaption{padding:clamp(30px,5vw,70px);display:flex;flex-direction:column;justify-content:flex-end;border-left:1px solid rgba(255,255,255,.12)}.miya-selected figcaption p{color:#ff397d;font:600 10px "DM Mono",monospace;letter-spacing:.14em}.miya-selected h3{margin:12px 0 30px;font-size:clamp(48px,7vw,105px);letter-spacing:-.06em}.miya-selected span{font-size:18px}.miya-selected strong{color:#ff8dbe}.miya-selected small{margin-top:12px;color:#8e8d98;line-height:1.6}@keyframes miya-detail-in{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}
@media(max-width:760px){.miya-gallery .miya-hero-label{top:22px;left:16px;padding:16px;width:min(300px,calc(100% - 32px))}.miya-gallery .miya-hero-label h2{font-size:34px}.miya-gallery .miya-hero-label .miya-library-intro{display:none}.miya-page-mural{height:720px;min-height:0}.miya-page-mural .miya-mural{inset:-5% -62% -10% -62%;width:224%;height:115%;gap:9px}.miya-page-mural .mural-col{gap:10px}.miya-selected{margin-inline:0;grid-template-columns:1fr}.miya-selected-media{min-height:340px}.miya-selected figcaption{border-left:0;border-top:1px solid rgba(255,255,255,.12)}}

/* Compact wall: more complete artworks remain visible in the viewport. */
.miya-gallery.section-pad{min-height:155svh}
.miya-page-mural{height:155svh;min-height:1180px}
.miya-page-mural .miya-mural{inset:-6% -3% -10% -3%;width:106%;height:116%;grid-template-columns:repeat(5,minmax(180px,1fr));gap:clamp(10px,1.15vw,18px);transform:perspective(1300px) rotateX(2deg) rotateZ(-1.4deg);filter:saturate(.94)}
.miya-page-mural .mural-track{gap:clamp(9px,1.15vw,17px)}
.miya-page-mural .mural-col img{opacity:.94;filter:saturate(.92) brightness(.9)}

@media(max-width:760px){
  .miya-gallery.section-pad{min-height:1220px}
  .miya-page-mural{height:1220px}
  .miya-page-mural .miya-mural{inset:-3% -38% -8% -38%;width:176%;height:111%;gap:8px}
}

.miya-selected{position:fixed;z-index:1000;inset:0;margin:0;padding:clamp(18px,4vw,60px);grid-template-columns:minmax(0,1fr) minmax(260px,360px);background:rgba(5,5,8,.94);backdrop-filter:blur(18px);overflow:auto}.miya-selected-media{display:grid;place-items:center;min-height:calc(100svh - 120px);background:transparent}.miya-selected img{width:auto;height:auto;max-width:100%;max-height:calc(100svh - 120px);object-fit:contain}.miya-selected figcaption{justify-content:center;background:#0e0e13}.miya-selected-close{position:fixed;z-index:2;top:20px;right:20px;width:46px;height:46px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:#111118;color:#fff;font-size:28px;cursor:pointer}.miya-selected-close:hover{background:#fff;color:#09090c}.miya-viewing{overflow:hidden}
@media(max-width:760px){.miya-selected{padding:58px 14px 14px;grid-template-columns:1fr}.miya-selected-media{min-height:auto}.miya-selected img{max-height:68svh}.miya-selected figcaption{padding:22px;border-top:1px solid rgba(255,255,255,.12)}.miya-selected h3{font-size:38px;margin:8px 0 16px}}