/* Dan's connected world: a quiet surface, with personality in the details. */
.library-station .library-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:42px}
.library-station .content-cartridge{--connection-accent:#58ffd3;position:relative;display:grid;grid-template-columns:27px minmax(0,1fr) 27px;gap:17px;min-height:98px;padding:20px 8px 20px 0;isolation:isolate;transition:border-color .25s,color .25s,background .25s}
.library-station .content-cartridge[data-kind=watch],.library-station .content-cartridge[data-kind=music]{--connection-accent:#b285ff}
.library-station .content-cartridge[data-kind=books],.library-station .content-cartridge[data-kind=tickets],.library-station .content-cartridge[data-kind=shop]{--connection-accent:#d9ff43}
.cartridge-number{font:11px/1 var(--mono);color:#82998e;align-self:center;position:relative;letter-spacing:.025em}
.library-station .cartridge-copy{display:flex;flex-direction:column;gap:7px;min-width:0}
.library-station .cartridge-copy strong{font:700 clamp(26px,2.3vw,33px)/1.08 var(--display);transition:color .25s,translate .25s}
.cartridge-note{font:11px/1.5 var(--mono);color:#9aafa4}
.library-station .cartridge-arrow{color:var(--connection-accent);font:25px/1 var(--mono);transition:translate .25s,text-shadow .25s}
.cartridge-charge{position:absolute;bottom:-1px;left:0;right:0;height:2px;pointer-events:none;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,transparent,var(--connection-accent));box-shadow:0 0 12px var(--connection-accent);opacity:0}
.library-station .content-cartridge:is(:hover,:focus-visible){color:var(--connection-accent);border-color:var(--connection-accent);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--connection-accent),transparent 97%))}
.library-station .content-cartridge:is(:hover,:focus-visible) .cartridge-copy strong{translate:3px 0}
.library-station .content-cartridge:is(:hover,:focus-visible) .cartridge-arrow{translate:3px -3px;text-shadow:0 0 12px var(--connection-accent)}
.library-station .library-filters button{border:0;border-radius:2px;min-height:40px}
.library-station .library-filters button[aria-pressed=true]{box-shadow:0 3px 0 #d9ff4328}

/* The heading is a small piece of the machine, in every collection. */
.content-drawer{border-color:#637a72;box-shadow:0 0 0 3px #16231e,0 0 0 4px #58ffd311,0 24px 100px #000c}
.content-drawer .drawer-heading{background:radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--menu-accent),transparent 94%),transparent 65%),#0b1212}
.content-drawer .drawer-heading:before{content:'';position:absolute;width:310px;height:310px;right:-60px;top:-145px;border:1px solid color-mix(in srgb,var(--menu-accent),transparent 86%);border-radius:50%;box-shadow:0 0 0 24px #58ffd303,0 0 0 25px #58ffd309,0 0 0 58px #58ffd302,0 0 0 59px #58ffd308;z-index:-1;pointer-events:none}
.content-drawer .drawer-heading #drawer-title{text-shadow:2px 2px #0b1212,3px 3px color-mix(in srgb,var(--menu-accent),transparent 75%);letter-spacing:-.015em}
.content-drawer .menu-emblem{border:1px solid #58ffd313;box-shadow:0 0 0 6px #090f1080,inset 0 0 20px #58ffd306}
.content-drawer .menu-emblem:hover{box-shadow:0 0 0 6px #58ffd309,0 0 24px #58ffd325}
.menu-rail{color:var(--menu-accent)}
.menu-rail:before{opacity:.3;box-shadow:none}
.menu-progress{position:absolute;left:0;right:0;top:4px;height:1px;background:var(--menu-accent);box-shadow:0 0 8px color-mix(in srgb,var(--menu-accent),transparent 45%);transform:scaleX(0);transform-origin:left}
.menu-spark{box-shadow:0 0 10px 2px var(--menu-accent)}
.content-drawer .drawer-section-title{display:flex;align-items:center;gap:10px}
.content-drawer .drawer-section-title:before{content:'';width:5px;height:5px;flex:0 0 5px;background:var(--menu-accent);box-shadow:0 0 8px color-mix(in srgb,var(--menu-accent),transparent 50%);rotate:45deg}
.content-drawer .resource-row,.content-drawer .social-link{position:relative}
.content-drawer .resource-row:is(:hover,:focus-visible),.content-drawer .social-link:is(:hover,:focus-visible){background:linear-gradient(90deg,color-mix(in srgb,var(--menu-accent),transparent 96%),transparent);border-color:var(--menu-accent)}
.content-drawer .resource-title,.content-drawer .social-link strong{transition:color .25s}
.content-drawer .resource-row:hover .resource-title,.content-drawer .social-link:hover strong{color:var(--menu-accent)}

/* Video edges look like film; the art stays the focus. */
.content-drawer .video-card{border-radius:6px}
.content-drawer .video-thumb{position:relative;overflow:hidden}
.content-drawer .video-thumb:before,.content-drawer .video-thumb:after{content:'';position:absolute;z-index:1;top:0;bottom:0;width:9px;border-inline:2px solid #090f10;background:repeating-linear-gradient(0deg,#090f10 0 9px,#c3c9c580 9px 15px,#090f10 15px 24px);pointer-events:none}
.content-drawer .video-thumb:before{left:0}.content-drawer .video-thumb:after{right:0}
.content-drawer .video-triangle{z-index:2}
.content-drawer .video-card:focus-visible .video-triangle{scale:1.1;box-shadow:0 0 0 9px #b285ff12}
.content-drawer .video-title{background:linear-gradient(110deg,#b285ff08,transparent 70%)}
.content-drawer .dgtv-channel-art{box-shadow:3px 3px 0 #b285ff15;transition:box-shadow .25s,rotate .25s}
.content-drawer .dgtv-channel:is(:hover,:focus-within) .dgtv-channel-art{rotate:-2deg;box-shadow:5px 5px 0 #b285ff25}

/* Records, books and tickets each have a different physical character. */
.content-drawer .book-feature{border-radius:5px 12px 12px 5px;border-left:4px solid color-mix(in srgb,var(--menu-accent),transparent 40%)}
.content-drawer .book-cover{background:radial-gradient(ellipse at 50% 90%,#d9ff4310,transparent 68%)}
.content-drawer .book-copy{border-top:1px solid #d9ff4318}
.content-drawer .book-feature:nth-child(2){border-left-color:var(--mint)}
.content-drawer .music-feature:before{width:190px;height:190px;right:19px;top:32px}
.content-drawer .music-feature:is(:hover,:focus-visible):before{translate:15px 0}
.content-drawer .show-date{border-radius:0;background:radial-gradient(circle at 0 70%,#090f10 0 4px,transparent 4.5px),radial-gradient(circle at 100% 70%,#090f10 0 4px,transparent 4.5px),#edf2b8}
.content-drawer .show-date span:last-child{margin-top:5px;padding-top:5px;border-top:1px dashed #61753f88;width:100%;text-align:center}
.content-drawer .show-buy{position:relative;border-radius:2px;box-shadow:3px 3px 0 #d9ff4320}
.content-drawer .show-buy:hover{box-shadow:5px 5px 0 #d9ff4325}
.content-drawer .show-listing:focus-within .show-date{rotate:2deg;translate:0 -2px}
.production-button>span[aria-hidden=true]:not(.energy-halo){transition:translate .25s}
.production-button:is(:hover,:focus-visible)>span[aria-hidden=true]:not(.energy-halo){translate:3px -3px}

@media(max-width:900px){.library-station .library-grid{column-gap:28px}.library-station .content-cartridge{grid-template-columns:20px minmax(0,1fr) 21px;gap:12px}.library-station .cartridge-copy strong{font-size:27px}.cartridge-note{font-size:10px}}
@media(max-width:600px){
 .library-station .library-grid{grid-template-columns:1fr}
 .library-station .content-cartridge{min-height:86px;padding:17px 5px 17px 0;grid-template-columns:24px minmax(0,1fr) 25px;gap:15px}
 .library-station .cartridge-copy strong{font-size:27px}.cartridge-note{font-size:11px}.library-station .cartridge-copy{gap:5px}
 .content-drawer .drawer-heading:before{right:-105px;top:-185px}
 .content-drawer .video-thumb:before,.content-drawer .video-thumb:after{width:7px;border-inline-width:1px;background-size:auto 19px}
}
@media(prefers-reduced-motion:reduce){.cartridge-charge{display:none}}
.less-motion .cartridge-charge{display:none}