body.reel-home{height:100svh;overflow:hidden;background:#171311;color:#eeeae5}.reel-home .studio-cover,.reel-home .bio-intro,.reel-home .studio-pair,.reel-home .gallery,.reel-home .site-footer{display:none}.music-reel{position:fixed;inset:0;overflow:hidden;isolation:isolate;touch-action:none;background:#181313}.reel-background,.reel-shade{position:absolute;inset:0;pointer-events:none}.reel-background{background-image:url('/assets/studio/room.jpg');background-size:cover;background-position:center;filter:brightness(.5) saturate(.65);transform:scale(1.04);transition:background-image .4s}.reel-shade{background:#130c1433;z-index:1}.reel-home .studio-nav{position:fixed;top:0;left:0;right:0;z-index:12;color:#f5f0e9;background:transparent;mix-blend-mode:normal}.reel-home .studio-nav a:focus-visible{outline-color:#fff}.reel-greeting{position:absolute;top:6rem;left:var(--gutter);z-index:2;font-size:.8rem;letter-spacing:.03em}.reel-track{position:absolute;inset:0;z-index:3;perspective:1000px;touch-action:none}.reel-track .cover-card{position:absolute;left:50%;top:50%;width:clamp(115px,17vh,210px);height:clamp(115px,17vh,210px);aspect-ratio:1;will-change:transform;transform-origin:center;box-shadow:0 4px 24px #0005;transition:opacity .2s,box-shadow .2s;background:#161616}.reel-track .cover-card>img{object-fit:contain}.reel-track .cover-overlay{background:linear-gradient(transparent,#000a);padding:.5rem}.reel-track .cover-caption{display:none}.reel-track .catalog-number{font-size:.75rem;top:.4rem;left:.5rem}.reel-track .play-circle{width:44px;height:44px;transform:translate(-50%,-50%)}.reel-track .cover-card.is-selected{outline:1px solid #fff;outline-offset:3px}.reel-name{position:absolute;bottom:3rem;left:1.5%;width:97%;font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;font-size:15.4vw;letter-spacing:-.035em;line-height:.82;white-space:nowrap;margin:0;color:#eeeae5;z-index:2;pointer-events:none}.reel-meta{position:absolute;bottom:1.2rem;left:var(--gutter);right:var(--gutter);z-index:4;display:flex;justify-content:space-between;align-items:center;font-size:.75rem;gap:1rem;pointer-events:none}.reel-meta p{margin:0;text-align:center}.reel-buttons{position:absolute;right:var(--gutter);top:48%;display:flex;flex-direction:column;gap:.7rem;z-index:5}.reel-buttons button{width:44px;height:44px;cursor:pointer;background:transparent;border:1px solid #fff6;border-radius:50%;color:#fff;font-size:1.3rem}.reel-buttons button:hover{background:#eee;color:#222}.reel-home .player-dock{z-index:30}.reel-view .studio-cover,.reel-view .studio-pair{display:none}.reel-view .studio-nav{position:sticky;top:0;background:var(--bg);z-index:12}.reel-info .gallery,.reel-info .site-footer{display:none}.reel-archive .bio-intro{display:none}.reel-info .bio-intro{min-height:calc(100svh - 90px)}
@media(max-width:600px){.reel-greeting{top:5rem;font-size:.75rem}.reel-name{bottom:4rem;font-size:15vw}.reel-meta{bottom:1.3rem;align-items:flex-end}.reel-meta p{max-width:52%;font-size:.75rem}.reel-meta>span:last-child{display:none}.reel-track .cover-card{width:clamp(110px,19vh,165px);height:clamp(110px,19vh,165px)}.reel-buttons{right:1rem}.reel-track .play-circle{inset:50% auto auto 50%;transform:translate(-50%,-50%)}.reel-track .cover-overlay{opacity:1;background:transparent}.reel-track .catalog-number{background:#0005;padding:.1rem .25rem}}
@media(prefers-reduced-motion:reduce){.reel-background,.reel-track .cover-card{transition:none}}