/* The approved table and landscape keep their materials and composition. */
#records,#new-music,#experience{scroll-margin-top:24px}
.listening-desk .record-heading>p:last-child{max-width:265px;font:12px/1.6 var(--sans);color:#d1c5b5}
.catalog-radar{isolation:isolate;overflow:hidden;background:#171613;padding-top:95px;padding-bottom:105px}
.catalog-radar:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#161512d9,#151411ee),url('assets/listening-desk-v3.webp') center 65%/cover;opacity:.9}
.radar-heading:after{content:'recién dejadas por aquí ↙';position:absolute;right:8%;top:38px;font:26px DeskHand,cursive;color:#cbb495;transform:rotate(-4deg)}
.radar-heading{margin-bottom:45px}.radar-heading h2 em{color:#d5c3aa}
.radar-cards{gap:38px 32px}.radar-card{padding:0 6px 18px;position:relative}
.radar-art{transform:rotate(-2deg);transition:transform .35s}.radar-card:nth-child(2n) .radar-art{transform:rotate(2deg)}.radar-card:nth-child(3n) .radar-art{transform:rotate(-1deg)}
.radar-card:hover .radar-art,.radar-card:focus-within .radar-art{transform:translateY(-5px) rotate(0)}
.radar-art>button:first-child{box-shadow:2px 3px 4px #0008,6px 16px 22px #0007}
.radar-meta{margin-top:26px}.radar-table{font:22px DeskHand,cursive;color:#d1b798}.radar-card h3{font-size:25px}
.radar-toolbar{margin-bottom:46px}.radar-toolbar button{font:27px DeskHand,cursive}.radar-toolbar button[aria-pressed=true]{color:#efe2c9;border-color:#b25b51}
.radar-album{background:#0d0d0b55;padding:35px;border:1px solid #c7b39223;gap:50px}
@media(min-width:1200px){.radar-cards{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1200px;margin:auto}.radar-art{max-width:330px;margin:auto}.radar-meta{flex-direction:row}.radar-card h3{font-size:28px}}
.experience{border-top:1px solid #dbc4a82b}
.hero-rule>span{color:#e3b7a8}.hero-caption small{color:#e0b5a1}
#journey-copy{max-width:560px;line-height:1.65}.discovery-heading h2{font-size:25px}
.hero-bottom>a:last-child{font-size:8px}
@media(max-width:700px){
 .listening-desk .record-heading>p:last-child{display:block;max-width:285px;font-size:11px;margin-top:18px}
 .catalog-radar{padding:70px 6%}.radar-heading:after{font-size:21px;top:23px;right:7%}
 .radar-toolbar button{font-size:23px}.radar-cards{gap:28px 15px}.radar-card{padding:0 0 12px}.radar-card h3{font-size:21px}.radar-table{font-size:19px}.radar-meta{margin-top:18px}
 .radar-album{padding:24px 14px;gap:23px}.radar-album h3{font-size:29px}
 .experience{height:1480px;min-height:1480px}.hero-title :is(h1,h2){font-size:48px}.discovery-controls{flex-wrap:wrap}.discovery-controls #archive-open{display:none}
 .discovery-heading h2{font-size:25px}#journey-copy{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.radar-art{transition:none}}

/* Keep the introduction with the title, clear of the coffee on the right. */
@media(min-width:1101px){
 .listening-desk .record-heading{display:grid;grid-template-columns:minmax(215px,1fr) minmax(380px,2.25fr) minmax(205px,.85fr);gap:12px 30px;align-items:center}
 .listening-desk .record-heading>.tiny{grid-column:1;grid-row:1;margin:0}
 .listening-desk .record-heading :is(h1,h2){grid-column:2;grid-row:1}
 .listening-desk .record-heading>p:last-child{grid-column:2;grid-row:2;max-width:440px;margin:0}
}
@media(min-width:1600px){.listening-desk .record-heading{grid-template-columns:minmax(250px,1fr) minmax(550px,2.35fr) minmax(240px,.9fr)}}
@media(min-width:701px) and (max-width:1100px){
 .desk-scribble{display:none}
 .listening-desk .record-heading{display:block;max-width:75%}
 .listening-desk .record-heading>.tiny{margin:0 0 14px}
 .listening-desk .record-heading>p:last-child{display:block;max-width:420px;margin-top:12px;font-size:11px}
}
@media(max-width:400px){
 header{padding-inline:5%}
 header .small-brand{width:auto;flex-shrink:0;gap:8px}
 header .brand-emblem{width:25px}
 header .brand-lockup .brand-name{font-size:16px;letter-spacing:-.7px}
 header .brand-lockup small{font-size:4px;letter-spacing:1px}
 header nav{gap:9px}
 header nav .channel-link{font-size:9px;padding:8px 6px}
 #session-open{white-space:nowrap;font-size:8px}
}
/* The queue grows with wrapped titles instead of running into the footer. */
.experience{height:auto;min-height:1040px;padding-top:705px;padding-bottom:40px}
.hero-discovery{position:relative;top:auto;left:auto;right:auto;margin:0 5%}
@media(min-width:701px) and (max-width:1000px){
 .discovery-tracks{grid-template-columns:repeat(2,minmax(0,1fr))}
 .discovery-heading{align-items:flex-start;flex-direction:column}
 .discovery-controls{flex-wrap:wrap}
}
@media(max-width:700px){
 .experience{padding-top:755px;min-height:0;padding-bottom:45px}
 .hero-discovery{margin:0 6%}
}