.explore main{max-width:1350px}.page-intro{padding:75px 0 50px}.page-intro h1{font-size:clamp(48px,8vw,110px);line-height:.94;letter-spacing:-.065em;margin:25px 0}.page-intro em{font-style:normal;color:#b7aac7}.challenge{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9%;padding:20px 0 80px}.challenge form{align-content:start}.challenge label{margin:0}.challenge .muted{font-size:12px}.card-area{min-width:0}canvas{display:block;width:100%;height:auto;border:1px solid #554d60;box-shadow:0 24px 80px #0008}.card-actions{display:flex;gap:12px;margin-top:20px}.card-actions button{flex:1}#card-status{font-size:13px;color:#bbb}.page-outro{padding:70px 0 100px;border-top:1px solid #444}.page-outro h2{font-size:clamp(40px,6vw,76px);line-height:1;letter-spacing:-2px;margin:0 0 25px}.text-link{display:inline-block;margin:20px}.night-steps article{display:grid;grid-template-columns:150px 1fr;gap:30px;border-top:1px solid #444;padding:50px 0}.night-steps article>span{font-size:70px;color:#6b6178;letter-spacing:-5px}.night-steps h2{font-size:clamp(32px,5vw,60px);line-height:1.05;letter-spacing:-2px;margin:15px 0}.night-steps p{max-width:650px;color:#bbb}.night-steps .eyebrow{color:#c9ff66}.faqs details{border-top:1px solid #444;padding:20px 0}.faqs summary{cursor:pointer;font-size:19px}.faqs details p{color:#bbb;max-width:700px}.explore header nav a:last-child{display:block}@media(max-width:760px){.challenge{grid-template-columns:minmax(0,1fr);gap:35px}.page-intro{padding:45px 0 25px}.night-steps article{grid-template-columns:50px minmax(0,1fr);gap:15px}.night-steps article>span{font-size:38px;letter-spacing:-2px}.explore header nav{flex-wrap:wrap;justify-content:flex-end;gap:8px 14px}.explore header nav a:first-child{display:block}.explore header nav a{font-size:10px}.night-steps h2{letter-spacing:-1px}.page-outro{padding:50px 0}}
/* Keep the standalone pages within the viewport at every browser width. */
.explore{width:100%;min-width:0;overflow-x:hidden}
.explore header{width:100%;max-width:1500px;box-sizing:border-box;gap:20px;flex-wrap:nowrap}
.explore header .wordmark{flex:0 0 116px;max-width:116px}
.explore header nav{display:flex;flex:1 1 auto;min-width:0;flex-wrap:wrap;justify-content:flex-end;gap:12px 24px;margin-left:auto}
.explore header nav a{white-space:nowrap}
.explore main{width:100%;max-width:1350px;box-sizing:border-box;padding-inline:5%;min-width:0}
.explore main>section,.challenge>*,.night-steps article>div{min-width:0;max-width:100%}
.explore .page-intro h1{font-size:clamp(42px,7.3vw,100px);overflow-wrap:break-word}
.explore .intro{width:100%;max-width:540px}
.explore canvas{max-width:100%}
.explore footer{width:100%;box-sizing:border-box;gap:20px;flex-wrap:wrap}
@media(max-width:760px){.explore header{gap:12px}.explore header .wordmark{flex-basis:78px;max-width:78px}.explore header nav{gap:8px 12px}.explore header nav a{font-size:10px}.explore .page-intro h1{font-size:clamp(38px,9vw,68px)}.explore .card-actions{flex-wrap:wrap}.explore .card-actions button{min-width:120px}}
.explore header{width:100%;max-width:none;padding-inline:max(5%,calc((100% - 1215px)/2));}
.music-search{border:1px solid #51475e;padding:18px;display:grid;gap:12px}.music-search button{margin:0}.music-search p{font-size:12px;color:#bbb;margin:0}#music-results{display:grid;gap:8px;max-height:340px;overflow:auto}.music-result{display:flex;gap:12px;align-items:center;text-align:left;background:#19151e;color:#eee;border:1px solid #49404f;padding:10px}.music-result img{width:50px;height:50px;object-fit:cover;flex-shrink:0}.music-result span{overflow-wrap:anywhere;font-size:12px}#apple-link{font-size:12px}