@font-face{font-family:Source;src:url("font/source-sans-pro.woff2") format("woff2");font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:68px}body{margin:0;color:#545454;background:#fff;font-family:Source,"Helvetica Neue",Arial,sans-serif;font-size:17px;line-height:1.65}a{color:inherit;text-decoration:none}a:hover{color:#c9bb95}a:focus-visible,summary:focus-visible{outline:3px solid #ae9763;outline-offset:5px}header{height:50px;background:#303030;color:#dedede;display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:10;font-size:14px}.brand{display:flex;align-items:center;gap:12px}.brand img{width:30px;height:30px;object-fit:contain}.brand span{letter-spacing:4px;font-size:13px}nav{display:flex;gap:28px}.thin,h1,h2,h3{font-family:"Helvetica Neue",Arial,sans-serif;font-weight:200}h1,h2,h3{line-height:1.2;margin:0 0 24px}h1{font-size:50px;letter-spacing:1px}h2{font-size:36px}h3{font-size:34px;text-transform:uppercase}p{margin:0 0 24px}.hero{min-height:616px;height:calc(100svh - 50px);max-height:920px;background:url("img/landing/headphones_discreet.jpg") center center/cover;color:white;display:grid;place-items:center;text-align:center;position:relative}.hero .logo{height:60px;width:auto;margin:0 0 28px}.eyebrow{font-size:18px;font-weight:300;text-transform:uppercase;line-height:1.4;margin-bottom:10px}.hero h1{margin-bottom:34px}.button{border:1px solid #baa97f;border-radius:28px;padding:10px 30px;font-size:12px;display:inline-block;color:#baa97f;text-transform:uppercase;letter-spacing:.3px;line-height:1.5}.button:hover{background:#baa97f;color:#222}.button.light{color:white;border-color:#ddd}.actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.hero .archive{position:absolute;bottom:18px;font-size:13px;color:#dedede;letter-spacing:1px}.intro{padding:48px 24px 64px;text-align:center;font-size:21px;line-height:1.8}.gold{color:#baa97f}.intro .gold{font-size:48px;line-height:1;margin:0 0 24px}.panorama{height:480px;background:url("img/landing/mac.jpg") center/cover}.section-title{text-align:center;padding:45px 20px 20px}.feature{padding:70px 28px;min-height:520px;display:flex;align-items:center}.wrap{width:100%;max-width:1100px;margin:auto}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.feature img{max-width:100%;height:auto;display:block}.feature .eyebrow{font-size:22px}.feature p{max-width:480px}.playlists{background:url("img/landing/suit.jpg") center/cover}.playlists .copy{grid-column:2;background:rgba(255,255,255,.86);padding:32px}.artists{background:url("img/landing/girl.jpg") center/cover}.artists .copy{background:rgba(255,255,255,.87);padding:30px}.artists .split{grid-template-columns: .9fr 1.6fr;gap:30px}.contact{text-align:center;padding:85px 24px;background:#f5f4f0}.contact p{max-width:640px;margin:0 auto 28px}.contact .button{font-size:15px}footer{background:#292929;color:#ddd;text-align:center;padding:28px 20px;font-size:14px}footer .links{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}footer p{margin:18px 0 0;font-size:12px;color:#aaa}.ticket-hero{background-image:url("img/ticketing/13.jpg")}.ticket-hero .hero-inner{background:rgba(0,0,0,.25);padding:36px}.ticket-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px 60px;padding:50px 0}.ticket-grid h3{font-size:23px}.ticket-mac{height:500px;background:url("img/ticketing/mac.jpg") center/cover}.ticket-photo{height:350px;background:url("img/ticketing/5.jpg") center/cover}.page{max-width:860px;padding:70px 24px;margin:auto}.page h1{font-size:42px}.page details{border-top:1px solid #ddd;padding:24px 0}.page summary{cursor:pointer;font-size:21px}.page details p{padding:18px 0 0;margin:0}.page .note{border-left:3px solid #baa97f;padding:18px 24px;background:#f6f5f1} @media(max-width:700px){header{padding:0 16px}nav{gap:16px;font-size:12px}.brand span{display:none}.hero{min-height:560px;background-position:60% center}.hero h1{font-size:34px}.hero .eyebrow{font-size:15px}.hero-inner{padding:0 18px}.intro{font-size:18px}.panorama{height:260px}.split,.artists .split{grid-template-columns:1fr;gap:30px}.playlists .copy{grid-column:auto}.feature{padding:50px 20px;min-height:0}.feature h3{font-size:29px}.feature img{max-height:470px;margin:auto;object-fit:contain}.ticket-grid{grid-template-columns:1fr;padding:24px 0}.ticket-mac{height:280px}.ticket-photo{height:220px}.page h1{font-size:34px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}/* Typography and visual measurements recovered from the original Tracks homepage. */
@font-face{font-family:GothamThin;src:url('font/gotham-thin.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Source;src:url('font/source-sans-pro-light.woff2') format('woff2');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:Source;src:url('font/source-sans-pro-semibold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:20px;font-weight:400}
h1,h2,.thin{font-family:GothamThin,'Helvetica Neue',Arial,sans-serif;font-weight:400;letter-spacing:-.035em}
h3{font-family:Source,'Helvetica Neue',Arial,sans-serif;font-weight:300;letter-spacing:-.015em}
header{font-weight:300}
.hero{height:calc(100svh - 104px);min-height:420px;max-height:none;background-position:center 12%;background-color:#3d3d3d;isolation:isolate}
.hero::before{content:'';position:absolute;inset:0;background:#000;opacity:.45;z-index:0;pointer-events:none}
.hero-inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;max-width:100%;padding:0 20px}
.hero .logo{display:block;width:60px;height:60px;margin:0 auto 20px}
.hero .eyebrow{font-size:20px;font-weight:300;line-height:22px;margin:10px 0;letter-spacing:normal}
.hero h1{font-size:50px;font-weight:400;line-height:50px;letter-spacing:0;margin:0}
.hero .actions{padding-top:35px;gap:8px}
.hero .button{font-size:10px;font-weight:600;line-height:12px;padding:12px 30px;letter-spacing:normal}
.hero .archive{font-weight:300;z-index:2;bottom:12px;font-size:12px;margin:0;opacity:.8}
.hero canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.hero .logo,.hero .eyebrow,.hero h1{animation:tracks-fade-down 1s both}
.hero .logo{animation-delay:2.5s}
.hero .eyebrow{animation-delay:1.75s}
.hero h1{animation-delay:1s}
.hero .actions{animation:tracks-fade 3s .25s both}
@keyframes tracks-fade-down{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}
@keyframes tracks-fade-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes tracks-fade{from{opacity:0}to{opacity:1}}
.intro{padding:12px 24px 15px;font-size:14px;font-weight:300;line-height:24px;color:#777}
.intro .gold{font-size:50px;line-height:60px;margin:0 0 4px;color:#c7af7f}
.panorama{height:560px;background-size:auto 100%;background-repeat:no-repeat}
.section-title{padding:25px 20px 45px}
.section-title h2{font-family:Source,sans-serif;font-weight:300;font-size:24px;letter-spacing:-.015em;line-height:26.4px;margin:0}
.wrap{max-width:1170px}
.feature{font-size:14px;font-weight:300;line-height:20px;min-height:0;padding:130px 28px}
.feature .eyebrow{font-size:14px;line-height:20px;margin:0}
.feature h3{font-family:Source,sans-serif;font-size:21px;line-height:27.3px;font-weight:600;letter-spacing:-.015em;margin:0 0 10px}
.feature p{margin-bottom:10px}
.playlists{padding-top:65px;padding-bottom:195px;color:#000;text-align:right}
.playlists .copy{background:none;padding:0 15px;width:83.333%;max-width:none}
.playlists .eyebrow,.playlists h3{color:#48435f}
.playlists .button{color:#48435f;border-color:#48435f;margin-top:20px;font-size:10px;font-weight:600;padding:12px 30px;line-height:12px}
.feature:not(.playlists):not(.artists) .copy{text-align:right}
.feature:not(.playlists):not(.artists) img{max-height:230px;max-width:100%;margin:auto}
.artists{position:relative;isolation:isolate;color:#fff}
.artists::before{content:'';position:absolute;inset:0;background:#4a4a4a;opacity:.4;z-index:-1}
.artists .copy{background:none;padding:0 15px;text-align:right}
.artists .split{grid-template-columns:1fr 2fr;gap:30px}
.artists .eyebrow,.artists h3{color:#fff}
.feature .copy,.feature img{opacity:1}
.js-motion .feature .copy,.js-motion .feature img{opacity:0}
.js-motion .feature .is-visible{animation:tracks-fade-up 1s both}
.contact{padding:95px 24px}
.contact p{font-size:16px;line-height:1.65}
.ticket-hero{background-position:center}
.ticket-hero .hero-inner{background:none}
.ticket-hero h1{line-height:1.1;margin-bottom:20px}
.ticket-hero .button{margin-top:15px}
.ticket-grid h3{font-size:21px}
.ticket-grid{gap:40px 60px}
@media(max-width:1199px){.panorama{height:500px}.wrap{max-width:970px}}
@media(max-width:991px){.panorama{height:450px}.wrap{max-width:750px}}
@media(max-width:767px){.panorama{height:350px}.hero h1{font-size:40px;line-height:40px}.hero .eyebrow{font-size:18px}.hero .archive{font-size:11px}.feature{padding:65px 24px}.split{grid-template-columns:1fr;gap:30px}.playlists{padding-top:65px;padding-bottom:100px}.playlists .copy{width:75%;margin-left:auto}.artists .split{grid-template-columns:1fr}.artists .copy{text-align:left}.feature:not(.playlists):not(.artists) .copy{text-align:left}.feature h3{font-size:21px}.hero-inner{padding:0 16px}.ticket-hero h1{font-size:36px}.ticket-hero .archive{max-width:90%;line-height:16px}.section-title{padding:30px 20px}}
@media(max-width:449px){.panorama{height:250px}.hero{min-height:460px}.hero h1{font-size:34px;line-height:34px}.hero .eyebrow{font-size:16px}.playlists .copy{width:90%}}
@media(prefers-reduced-motion:reduce){.hero .logo,.hero .eyebrow,.hero h1,.hero .actions,.js-motion .feature .is-visible{animation:none;opacity:1;transform:none}.js-motion .feature .copy,.js-motion .feature img{opacity:1}.hero canvas{display:none}}

/* Fixed player shell preserves the original 54px bottom bar without promising audio playback. */
body{padding-bottom:54px}
.music-player{height:54px;position:fixed;bottom:0;left:0;right:0;z-index:20;background:#f0f0f0;border-top:4px solid #e4e4e4;display:flex;align-items:center;gap:20px;padding:0 28px;color:#888}
.player-controls{display:flex;align-items:center;gap:12px;flex-shrink:0}
.music-player button{display:grid;place-items:center;border:0;background:none;color:#888;padding:0;width:22px;height:32px}
.music-player button:disabled{cursor:default;opacity:1}
.music-player button svg{width:16px;height:16px;fill:currentColor}
.music-player .player-play{width:30px;color:#424242}
.music-player .player-play svg{width:27px;height:27px}
.player-waveform-wrap{flex:1;min-width:0;max-width:100%;height:28px;display:flex;align-items:center}
.player-waveform{width:100%;height:24px;fill:#8e8e8e;opacity:.75}
.player-state{font-size:11px;font-weight:300;color:#929292;white-space:nowrap}
.music-player .player-volume{margin-left:0;flex-shrink:0}
.music-player .player-volume svg{width:20px;height:20px}
footer p{margin:0}
@media(max-width:600px){.music-player{gap:12px;padding:0 14px}.player-controls{gap:8px}.player-state{display:none}.player-waveform{height:22px}.music-player .player-volume{width:18px}}
/* Original homepage details and showcase links. */
@font-face{font-family:TracksIcons;src:url('font/tracks-icons.woff') format('woff');font-display:block}
.intro{background:#fff;width:100%;line-height:24px}
.panorama{width:100%;background-size:cover}
.feature p{max-width:none}
.source-medium{font-weight:600}.source-normal{font-weight:400}
.playlists .split{grid-template-columns:repeat(12,1fr);gap:0}
.playlists .copy{grid-column:7/span 5;width:100%}
.events .split{grid-template-columns:repeat(12,1fr);gap:0;min-height:96px}
.events .copy{grid-column:3/span 5;padding:0 15px}
.events img{grid-column:8/span 5;padding:0 15px}
.artists .split{grid-template-columns:repeat(12,1fr);gap:0;min-height:400px}
.artists .copy{grid-column:1/span 4}
.artists img{grid-column:5/span 8;padding:0 15px;max-height:400px;object-fit:contain;margin:auto}
.artists h3 small{font-size:16px;font-weight:300;line-height:20.8px}
.icon-heart{display:block;font-family:TracksIcons;font-size:50px;font-style:normal;font-weight:300;line-height:71.428px}
.icon-heart::before{content:'A'}
.artist-examples{padding:130px 28px;text-align:center}
.artist-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.artist-card img{display:block;width:100px;height:100px;border-radius:50%;object-fit:cover;margin:auto}
.artist-card span{display:block;font-family:GothamThin,sans-serif;font-size:14px;text-transform:uppercase;margin-top:20px}
.artist-search{position:relative;width:380px;max-width:100%;margin:96px auto 0}
.artist-search input{width:100%;height:60px;border:0;border-bottom:1px solid #ccc;border-radius:0;background:none;padding:10px;font-family:Source,sans-serif;font-size:28px;font-weight:300;color:#545454;outline-offset:4px}
.final-cta{text-align:center;padding:130px 24px}
.final-cta .button{font-weight:600;font-size:22px;line-height:31px;padding:24px 60px;border-radius:50px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.menu-search{position:relative;margin:0 auto 0 40px;flex:1;max-width:440px}
.menu-search input{border:0;background:none;color:#ddd;font-family:Source,sans-serif;font-size:24px;font-weight:300;width:100%;padding:2px 8px}
.menu-search input::placeholder{color:#aaa}
.search-results{position:absolute;top:100%;left:0;right:0;background:#fff;color:#545454;box-shadow:0 4px 12px #0002;text-align:left;z-index:30}
.search-results a{display:block;padding:12px 15px;font-size:14px;font-weight:400}
.search-results a:hover{background:#f5f5f5}
@media(max-width:767px){.playlists .split,.events .split,.artists .split{grid-template-columns:1fr;gap:30px;min-height:0}.playlists .copy,.events .copy,.events img,.artists .copy,.artists img{grid-column:auto}.playlists .copy{width:90%;margin-left:auto}.events .copy{padding:0}.artists img{padding:0}.artist-examples{padding:65px 24px}.artist-grid{grid-template-columns:repeat(2,1fr);gap:40px 12px}.artist-search{width:210px;margin-top:60px}.artist-search input{font-size:15px}.final-cta{padding:65px 24px}.final-cta .button{font-size:16px;padding:18px 35px}.menu-search{margin-left:16px;max-width:160px}.menu-search input{font-size:18px}.icon-heart{line-height:65px}}
/* Original button sizes, colours and hover states. */
.button{font-family:Source,sans-serif;font-weight:600;font-size:10px;line-height:12px;letter-spacing:normal;padding:12px 30px;border-radius:50px;color:#c7af7f;border-color:#c7af7f;background:transparent;transition:background-color .15s,color .15s,border-color .15s}
.button:hover,.button:focus-visible{background:#c7af7f;border-color:#c7af7f;color:#fff}
.hero .button.light{border-color:#aaa;color:#fff}
.hero .button.light:hover,.hero .button.light:focus-visible{background:#fff;color:#777;border-color:#fff}
.playlists .button:hover,.playlists .button:focus-visible{background:#48435f;border-color:#48435f;color:#fff}
.final-cta .button{font-size:16px;line-height:19.2px;padding:30px 85px;border-radius:50px}
.button.gray{color:#777;border-color:#545454}.button.gray:hover,.button.gray:focus-visible{color:#777;background:transparent;border-color:#c7af7f}
.button.dark{color:#fff;background:#3d3d3d;border-color:#3d3d3d}.button.dark:hover,.button.dark:focus-visible{color:#3d3d3d;background:transparent}
.button.large{font-size:15px;line-height:18px;padding:25px 80px}
/* Replace browser-blue focus outlines with subtle site-colour feedback. */
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:none}
input:focus{outline:none;box-shadow:none}
a:not(.button):focus-visible,summary:focus-visible{color:#b19a6c;text-decoration:underline;text-underline-offset:4px}
.artist-search input:focus{border-bottom-color:#c7af7f}
.menu-search input{font-family:GothamThin,sans-serif;font-size:18px}
/* The search expands from its trigger into the original pale full-screen panel. */
.search-open{overflow:hidden}
.search-modal{position:fixed;inset:0 0 54px;margin:0;padding:0;border:0;width:100%;max-width:none;height:calc(100dvh - 54px);max-height:none;background:#f7f7f7;color:#545454;overflow:auto}
.search-modal[open]{animation:search-expand .5s cubic-bezier(.7,0,.3,1) both}
.search-modal::backdrop{background:#0005;animation:tracks-fade .5s both}
.morphsearch-form{width:80%;height:285px;margin:0 auto}
.morphsearch-form input{width:100%;height:100%;border:0;border-radius:0;background:none;color:#777;font-family:GothamThin,sans-serif;font-size:130px;font-weight:400;padding:0 30px;outline:none}
.morphsearch-form input::placeholder{color:#aaa;opacity:1}
.morphsearch-form input::-webkit-search-cancel-button{display:none}
.search-close{width:36px;height:36px;position:absolute;right:16px;top:16px;cursor:pointer;border:0;background:none;padding:0;opacity:0;animation:tracks-fade .3s .5s forwards}
.search-close::before,.search-close::after{content:'';position:absolute;width:2px;height:100%;top:0;left:50%;border-radius:3px;background:#aaa;opacity:.5}
.search-close::before{transform:rotate(45deg)}.search-close::after{transform:rotate(-45deg)}
.search-close:hover::before,.search-close:hover::after,.search-close:focus-visible::before,.search-close:focus-visible::after{opacity:1;background:#c7af7f}
.modal-artists{display:grid;grid-template-columns:repeat(4,1fr);gap:35px 0;padding:0 60px 100px;opacity:0;animation:tracks-fade-up .5s .25s forwards}
.modal-artist{text-align:center;font-family:Source,sans-serif;font-weight:300;text-transform:uppercase;color:#000;padding:0 15px}
.modal-artist[hidden]{display:none}
.modal-artist img{display:block;width:70px;height:70px;border:3px solid #fff;border-radius:50%;object-fit:cover;margin:0 auto 8px}
.modal-artist:hover img,.modal-artist:focus-visible img{border-color:#c7af7f}
@keyframes search-expand{from{clip-path:inset(var(--search-y,0px) calc(100% - var(--search-x,106px) - var(--search-w,500px)) calc(100% - var(--search-y,0px) - var(--search-h,50px)) var(--search-x,106px));background:#3d3d3d}to{clip-path:inset(0);background:#f7f7f7}}
/* Restored professional landing page. */
#ticketing{text-align:center;font-weight:400}
#ticketing .wrap{padding-left:60px;padding-right:60px}
.pro-banner{height:200px;background:url('img/ticketing/13.jpg') center 20%/cover}
.pro-intro{padding-top:75px;padding-bottom:65px}
.pro-intro h1{font-size:50px;line-height:50px;color:#303030;margin:0 0 10px}
#ticketing h4{font-size:20px;line-height:22px;font-weight:300;letter-spacing:-.015em;color:#aaa;margin:10px 0}
.pro-intro .button{margin-top:15px}
.pro-mac{height:560px;background:url('img/ticketing/mac.jpg') center/auto 100% no-repeat}
.pro-features{padding-top:45px;padding-bottom:65px}
.pro-features h2{font-size:36px;line-height:36px;color:#303030;margin:20px 0 30px}
.pro-grid{display:grid;grid-template-columns:repeat(4,1fr);margin:0 -15px}
.pro-grid>div{padding:0 15px}
.pro-grid p{margin:0}
.pro-icon{display:inline-block;font-family:TracksIcons;font-style:normal;font-size:30px;width:60px;height:60px;line-height:60px;margin:20px;border-radius:50%;color:#c7af7f;background:#f8f8f8}
.pro-icon.pin::before{content:'c'}.pro-icon.headphones::before{content:'d'}.pro-icon.facebook::before{content:'l'}.pro-icon.user::before{content:'f'}
.pro-small-cta{margin:55px 30px}
.pro-list{width:270px;max-width:100%;margin:15px auto 0;text-align:left;padding-left:34px}
.pro-list ul{padding:0;margin:0;list-style-position:outside;line-height:20px}
.pro-list h4{padding:0;margin:15px 0!important}
.pro-photo{height:300px;background:url('img/ticketing/5.jpg') center 10%/cover}
.pro-pricing{padding-top:45px;padding-bottom:45px}
.price-grid{display:grid;grid-template-columns:repeat(2,1fr);width:74%;margin:0 auto 45px;color:#aaa;font-weight:300}
.price-grid>div+div{border-left:1px solid #e8e8e8}
.price-grid>div>div:first-child{color:#777}
.price{font-family:GothamThin,sans-serif;font-size:80px;line-height:80px;letter-spacing:-.035em;color:#c7af7f}
.price span{font-family:Source,sans-serif;font-weight:300;font-size:60px;color:#777}
.pro-pricing p{margin:0}.pro-pricing strong{font-weight:600;color:#000}
.pro-final{padding-top:45px;padding-bottom:45px}
@media(max-width:1199px){.pro-mac{height:500px}}
@media(max-width:991px){.pro-mac{height:450px}}
@media(max-width:767px){.morphsearch-form{height:190px;width:90%}.morphsearch-form input{font-size:63px;padding:0 10px}.modal-artists{grid-template-columns:repeat(2,1fr);padding:0 0 70px;gap:35px 0}.search-close{width:28px;height:28px}.pro-mac{height:350px}#ticketing .wrap{padding-left:24px;padding-right:24px}.pro-grid{grid-template-columns:repeat(2,1fr);gap:20px 0}.pro-intro h1{font-size:40px;line-height:40px}.pro-features h2{font-size:30px;line-height:34px}.price-grid{width:100%}.price{font-size:64px}.price span{font-size:48px}.button.large{font-size:14px;padding:25px 60px}.final-cta .button{padding:30px 65px}}
@media(max-width:449px){.morphsearch-form{height:160px}.pro-mac{height:250px}.pro-grid{grid-template-columns:1fr}.price-grid{grid-template-columns:1fr;gap:35px}.price-grid>div+div{border-left:0}.button.large{font-size:12px;padding:25px 40px}}
@media(prefers-reduced-motion:reduce){.search-modal[open],.search-modal::backdrop,.modal-artists,.search-close{animation:none;opacity:1}.button{transition:none}}
.search-modal[open].closing{animation:search-expand .4s cubic-bezier(.7,0,.3,1) reverse both}
.search-modal.closing::backdrop{animation:tracks-fade .4s reverse both}
.search-modal.closing .modal-artists,.search-modal.closing .search-close{animation:tracks-fade .2s reverse both}
@media(prefers-reduced-motion:reduce){.search-modal[open].closing{animation:none}}
@keyframes search-collapse{from{clip-path:inset(0);background:#f7f7f7}to{clip-path:inset(var(--search-y,0px) calc(100% - var(--search-x,106px) - var(--search-w,500px)) calc(100% - var(--search-y,0px) - var(--search-h,50px)) var(--search-x,106px));background:#3d3d3d}}
.search-modal[open].closing{animation:search-collapse .4s cubic-bezier(.7,0,.3,1) both}
@media(prefers-reduced-motion:reduce){.search-modal[open].closing{animation:none}}
/* Verified original motion: 3-second reveals and half-second search morphing. */
.hero .logo,.hero .eyebrow,.hero h1{animation-duration:3s;animation-timing-function:ease}
.intro{animation:tracks-fade-down 3s 2s ease both}
.js-motion .feature .is-visible,.js-motion .artist-card.is-visible,.js-motion .final-cta .button.is-visible{animation:tracks-fade-up 3s ease both}
.js-motion .artist-card,.js-motion .final-cta .button{opacity:0}
.js-motion .artist-card:nth-child(2).is-visible{animation-delay:.5s}
.js-motion .artist-card:nth-child(3).is-visible{animation-delay:1s}
.js-motion .artist-card:nth-child(4).is-visible{animation-delay:1.5s}
.button{transition:none}
.menu-search{position:absolute;left:106px;top:0;width:calc(100% - 500px);max-width:none;height:50px;margin:0}
.menu-search input{height:100%;padding:0 30px;background:#3d3d3d}
.search-modal{inset:auto;left:0;top:0}
.search-modal[open]{animation:search-grow .5s cubic-bezier(.7,0,.3,1) both}
.search-modal[open] .morphsearch-form{animation:search-form-grow .5s cubic-bezier(.7,0,.3,1) both}
.search-modal[open] .morphsearch-form input{animation:search-type-grow .5s cubic-bezier(.7,0,.3,1) both}
.modal-artists{gap:30px 0;animation:tracks-fade .5s cubic-bezier(.7,0,.3,1) forwards}
.search-modal[open].closing{animation:search-shrink .5s cubic-bezier(.7,0,.3,1) both}
.search-modal.closing .morphsearch-form{animation:search-form-shrink .5s cubic-bezier(.7,0,.3,1) both}
.search-modal.closing .morphsearch-form input{animation:search-type-shrink .5s cubic-bezier(.7,0,.3,1) both}
@keyframes search-grow{from{left:var(--search-x);top:var(--search-y);width:var(--search-w);height:var(--search-h);background:#3d3d3d}to{left:0;top:0;width:100%;height:calc(100dvh - 54px);background:#f7f7f7}}
@keyframes search-shrink{from{left:0;top:0;width:100%;height:calc(100dvh - 54px);background:#f7f7f7}to{left:var(--search-x);top:var(--search-y);width:var(--search-w);height:var(--search-h);background:#3d3d3d}}
@keyframes search-form-grow{from{width:100%;height:var(--search-h)}to{width:80%;height:285px}}
@keyframes search-form-shrink{from{width:80%;height:285px}to{width:100%;height:var(--search-h)}}
@keyframes search-type-grow{from{font-size:18px;color:#ccc}to{font-size:130px;color:#777}}
@keyframes search-type-shrink{from{font-size:130px;color:#777}to{font-size:18px;color:#ccc}}
@media(max-width:767px){.menu-search{left:70px;width:calc(100% - 240px)}.menu-search input{padding:0 12px}.modal-artists{gap:30px 0}@keyframes search-form-grow{from{width:100%;height:var(--search-h)}to{width:90%;height:190px}}@keyframes search-form-shrink{from{width:90%;height:190px}to{width:100%;height:var(--search-h)}}@keyframes search-type-grow{from{font-size:18px;color:#ccc}to{font-size:63px;color:#777}}@keyframes search-type-shrink{from{font-size:63px;color:#777}to{font-size:18px;color:#ccc}}}
@media(max-width:449px){@keyframes search-form-grow{from{width:100%;height:var(--search-h)}to{width:90%;height:160px}}@keyframes search-form-shrink{from{width:90%;height:160px}to{width:100%;height:var(--search-h)}}}
@media(prefers-reduced-motion:reduce){.intro,.hero .logo,.hero .eyebrow,.hero h1,.js-motion .artist-card.is-visible,.js-motion .final-cta .button.is-visible,.search-modal[open],.search-modal[open].closing,.search-modal[open] .morphsearch-form,.search-modal[open] .morphsearch-form input,.modal-artists{animation:none;opacity:1}.js-motion .artist-card,.js-motion .final-cta .button{opacity:1}}
.modal-artists{row-gap:22px}