/* Retain the requested five-column professional catalogue. */
@media(min-width:1101px){.catalog-group-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:26px 17px}.catalog-group .catalog-caption h4{font-size:13px;line-height:1.5}.catalog-group .catalog-year,.catalog-group .music-artist{font-size:10px}.catalog-group .catalog-caption{gap:7px;margin-top:11px}.catalog-group .music-play-icon{width:27px;height:27px;font-size:9px;left:9px;bottom:9px}}
@media(min-width:761px) and (max-width:1100px){.catalog-group-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* A quiet, level gallery of real covers. Expansion is lateral, never a separate popup. */
.lookdev-heading{margin-top:58px;margin-bottom:25px}
#lookdevGrid{display:flex;gap:12px;align-items:stretch;height:clamp(290px,29vw,400px);padding:12px 0 20px;margin:0;isolation:isolate}
#lookdevGrid>article{position:relative;min-width:0;flex:1 1 0;transition:flex-grow .55s cubic-bezier(.22,.7,.25,1),filter .4s,transform .4s;filter:saturate(.7);transform:translateY(0)}
#lookdevGrid .lookdev-play{width:100%;height:100%;aspect-ratio:auto;background:#101720;border:1px solid #ffffff14;border-radius:5px;overflow:hidden;box-shadow:none}
#lookdevGrid .lookdev-play img{width:100%;height:100%;object-fit:cover;filter:none;transition:transform .55s ease}
#lookdevGrid .study-play-icon{width:29px;height:29px;left:11px;bottom:12px;background:#f1f3f5e6;border:0;color:#111722;opacity:.8;transition:opacity .25s}
#lookdevGrid .study-time{font-size:9px;bottom:15px;right:9px;background:#080b1080}
@media(hover:hover) and (min-width:761px){#lookdevGrid.has-selection>article:not(.is-selected){flex-grow:.82;filter:grayscale(.7) saturate(.3) brightness(.72)}#lookdevGrid>article.is-selected{flex-grow:2.2;filter:saturate(1);transform:translateY(-6px)}#lookdevGrid>article.is-selected .lookdev-play{border-color:#ffffff42}#lookdevGrid>article.is-selected .study-play-icon{opacity:1}}
#lookdevGrid .lookdev-play:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
/* Only the video and a close control; the website remains behind the lightbox. */
#reelDialog,#reelDialog.video-only{inset:0;margin:auto;width:fit-content;max-width:88vw;height:fit-content;max-height:82dvh;padding:0;border:0;border-radius:6px;background:transparent;box-shadow:0 30px 100px #0008;overflow:visible;animation:screening-open .24s ease-out}
#reelDialog::backdrop,#reelDialog.video-only::backdrop{background:#03070bd9;backdrop-filter:grayscale(.9) brightness(.6) blur(7px)}
#reelDialog .reel-dialog-bar,#reelDialog.video-only .reel-dialog-bar{display:block;position:relative;height:0;padding:0;background:none}
#reelDialog .reel-dialog-bar>div,#reelDialog .reel-dialog-footer{display:none}
#reelDialog #reelDialogClose{position:absolute;right:-14px;top:-17px;z-index:3;display:grid;place-items:center;width:35px;height:35px;min-width:35px;border:1px solid #ffffff4d;border-radius:50%;background:#111923;color:#fff;font-size:23px;line-height:1}
#reelDialog .reel-stage,#reelDialog.video-only .reel-stage{width:auto;height:auto;background:transparent;border-radius:6px;overflow:hidden}
#reelDialog .reel-stage video,#reelDialog.video-only video{display:block;width:auto;height:auto;max-width:88vw;max-height:80dvh;object-fit:contain;border:0;border-radius:6px;background:#000}
#reelDialog #reelError{max-width:70vw;left:15px;bottom:55px}
@keyframes screening-open{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}
/* Broad, faint water-light behind interaction. No cursor replacement or particles. */
.water-light{position:fixed;left:0;top:0;width:0;height:0;pointer-events:none;z-index:20;opacity:0;transition:opacity .8s;will-change:transform;mix-blend-mode:screen}
.water-light::before,.water-light::after{content:'';position:absolute;left:-320px;top:-225px;width:640px;height:450px;border-radius:50%;pointer-events:none}
.water-light::before{background:radial-gradient(ellipse at 44% 48%,#65bfd414 0%,#61b7ce09 30%,transparent 68%);filter:blur(24px)}
.water-light::after{background:radial-gradient(ellipse at center,transparent 35%,#8f9dc40c 43%,transparent 50%,#6fbacb09 56%,transparent 65%);filter:blur(15px);transform:rotate(-18deg) scaleY(.65)}
.water-light.is-visible{opacity:.7}body.modal-open .water-light{opacity:0}
@media(max-width:760px){#lookdevGrid{height:310px;overflow-x:auto;overflow-y:hidden;gap:15px;padding:8px 2px 18px;scroll-snap-type:x proximity;scrollbar-width:none;overscroll-behavior-x:contain}#lookdevGrid::-webkit-scrollbar{display:none}#lookdevGrid>article{flex:0 0 180px;scroll-snap-align:center;filter:none}#lookdevGrid .lookdev-play{border-radius:4px}#lookdevGrid .lookdev-play img{object-fit:contain}#reelDialog,#reelDialog.video-only{max-width:88vw;max-height:80dvh}#reelDialog .reel-stage video,#reelDialog.video-only video{max-width:88vw;max-height:78dvh}}
@media(pointer:coarse),(prefers-reduced-motion:reduce){.water-light{display:none}}
@media(prefers-reduced-motion:reduce){#lookdevGrid>article,#lookdevGrid .lookdev-play img,#lookdevGrid .study-play-icon{transition:none}#lookdevGrid>article.is-selected{transform:none}#reelDialog,#reelDialog.video-only{animation:none}}

.biography h3{font-size:16px;font-weight:600;color:var(--white);letter-spacing:-.3px;margin:0 0 15px}.biography h3:not(:first-child){margin-top:30px}.biography p{margin-bottom:15px}
.portrait img[src="assets/long-tiger-portrait-retouched.png"]{aspect-ratio:3/4;object-fit:cover;object-position:center;filter:none}