*{box-sizing:border-box}body,html,#root{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden;background-color:#e5e5e5;font-family:Lato,sans-serif;font-weight:400;color:#555;text-transform:lowercase}.overlay-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:40px;z-index:10}.header{display:flex;justify-content:space-between;align-items:flex-start;pointer-events:auto}.branding h1{font-size:3rem;font-weight:400;color:#222;margin:0;letter-spacing:2px}.branding p{font-size:1rem;font-weight:300;color:#888;margin:5px 0 0;letter-spacing:1px}.contact{text-align:right;display:flex;flex-direction:column;gap:8px}.contact-link{color:#666;text-decoration:none;font-size:.9rem;font-weight:300;letter-spacing:1px;display:inline-flex;align-items:center;gap:10px;transition:color .3s ease}.contact-link:hover{color:#000}.contact-icon{display:none}.collective-badge{color:#999;font-size:1.1rem;font-weight:400;letter-spacing:2px;margin-top:15px;text-transform:none}.placements-container{margin-top:25px}.placements-header{font-size:.85rem;font-weight:400;color:#777;letter-spacing:2px;margin-bottom:12px;text-transform:lowercase}.placements{display:flex;gap:25px;position:relative;width:fit-content;padding-bottom:8px}.placements a{color:#555;text-decoration:none;font-size:1.1rem;font-weight:400;letter-spacing:1px;transition:color .3s ease}.placements a:hover{color:#000}.placements:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:1px;background-color:#555;transition:width .4s cubic-bezier(.4,0,.2,1),left .4s cubic-bezier(.4,0,.2,1)}.placements:hover:after{width:100%;left:0}.footer{pointer-events:auto;display:flex;justify-content:center}.spotify-embed{border-radius:8px;overflow:hidden;max-width:400px;width:100%;box-shadow:0 10px 30px #0000000d}@media (max-width: 768px){.overlay-container{justify-content:flex-start;padding:max(20px,env(safe-area-inset-top)) 18px 18px}.header{display:grid;grid-template-columns:1fr;grid-template-areas:"branding" "placements" "contact";gap:18px;align-items:flex-start}.branding{grid-area:branding}.branding h1{font-size:clamp(4rem,20vw,5.5rem);line-height:.9}.collective-badge{margin-top:10px;font-size:.95rem;letter-spacing:.16em}.placements-container{grid-area:placements;margin-top:0;width:100%}.placements-header{margin-bottom:10px}.placements{width:100%;flex-wrap:wrap;gap:10px 24px;padding-bottom:10px}.placements a{font-size:clamp(1rem,7vw,1.6rem)}.contact{position:absolute;top:max(20px,env(safe-area-inset-top));right:18px;text-align:right}.contact-text{display:none}.contact-link{padding:4px;gap:0}.contact-icon{display:block;width:24px;height:24px;stroke-width:1.75}.footer{margin-top:auto;width:100%;justify-content:center;padding-top:72px;padding-bottom:env(safe-area-inset-bottom)}.spotify-embed{max-width:min(100%,420px)}}