/* The Time Console: original sci-fi clockwork motifs, inspired by a certain time-travelling universe. */
body.doctor-who .hero{overflow:hidden;background:radial-gradient(circle at 84% 34%,#36799b55 0,transparent 38%),radial-gradient(circle at 82% 55%,#102f5b 0,transparent 58%),linear-gradient(145deg,#091127,#07172e 75%,#131326)}
body.doctor-who .hero::before{display:none}
body.doctor-who .hero::after{content:none}
body.doctor-who .who-console{display:block}
.who-console{display:none;position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.who-console .time-roundel{position:absolute;right:-100px;top:90px;width:min(570px,87%);aspect-ratio:1;border:2px solid #86e2ff6b;border-radius:50%;box-shadow:inset 0 0 28px #7ddaff44,0 0 28px #3bc8ff44,0 0 0 18px #88ddff0a,0 0 0 48px #c69e5833,0 0 0 52px #102a47,0 0 0 57px #83d9ff35;animation:who-gimbal 35s linear infinite}
.who-console .time-roundel::before{content:'';position:absolute;inset:10%;border-radius:50%;border:2px dashed #86d9ff88;box-shadow:0 0 0 23px #193d5855,inset 0 0 25px #50c8ff55;animation:who-gimbal-reverse 23s linear infinite}
.who-console .time-roundel::after{content:'';position:absolute;inset:26%;border-radius:50%;border:9px double #d8b77eaa;box-shadow:0 0 25px #56d7ff80,0 0 65px #489deb44,inset 0 0 27px #47bfff55;background:radial-gradient(circle,#56c9ff3b 3%,#081730 65%)}
.who-console .time-sigils{position:absolute;right:-100px;top:90px;width:min(570px,87%);aspect-ratio:1;animation:who-gimbal-reverse 52s linear infinite}
.who-console .time-sigils span{position:absolute;border:2px solid #d4b47a90;border-radius:50%;box-shadow:inset 0 0 8px #63ceff7b,0 0 15px #6cc9ff55}
.who-console .time-sigils span::after{content:'';position:absolute;border:1px solid #99e7ff91;border-radius:50%;inset:25%}
.who-console .time-sigils span:nth-child(1){width:20%;height:20%;top:4%;left:40%}
.who-console .time-sigils span:nth-child(2){width:15%;height:15%;top:43%;right:3%}
.who-console .time-sigils span:nth-child(3){width:17%;height:17%;bottom:7%;left:18%}
.who-console .time-sigils span:nth-child(4){width:10%;height:10%;top:32%;left:5%}
.who-console .time-column{position:absolute;right:115px;top:200px;width:115px;height:280px;border-left:3px solid #9edaff88;border-right:3px solid #9edaff88;background:repeating-linear-gradient(to bottom,transparent 0 36px,#8cdbfa22 37px 40px,transparent 41px 64px),linear-gradient(90deg,#1e5f8180,transparent 45%,#68dcff33 75%,#11334b77);box-shadow:0 0 27px #4dcaff5c,inset 0 0 32px #4dcaff55;transform:rotate(12deg);opacity:.7;animation:who-column 7s ease-in-out infinite alternate}
.who-console .console-caption{position:absolute;right:30px;bottom:28px;color:#b0eaffaa;font:10px 'DM Mono',monospace;letter-spacing:2px;z-index:1}
body.doctor-who .hero-overline,body.doctor-who .hero h1,body.doctor-who .hero-lede,body.doctor-who .hero-actions,body.doctor-who .hero-meta{position:relative;z-index:2}
body.doctor-who .hero h1{filter:drop-shadow(0 4px 22px #060f29)}
body.doctor-who .hero-doodle{display:none}
body.doctor-who .left-rail,body.doctor-who .right-rail{background-image:repeating-linear-gradient(0deg,transparent 0 58px,#97dfff07 59px 60px),linear-gradient(180deg,#101f3c,#09152d)}
body.doctor-who .rail-note{position:relative;overflow:hidden;border:2px solid #5b95b4;box-shadow:0 0 21px #3ab5ee22,inset 0 0 28px #74bfff12}
body.doctor-who .rail-note::after{content:'◉ ◎ ◉ ◎ ◉';position:absolute;right:-10px;bottom:-15px;color:#58bce432;font-size:40px;letter-spacing:4px;transform:rotate(-12deg)}
body.doctor-who .project-art{border:2px solid #5d8fa8;outline:1px solid #cba46a50;outline-offset:4px}
body.doctor-who .project-art::before{content:'';position:absolute;inset:9px;border:1px solid #b4eaff46;z-index:3;pointer-events:none}
body.doctor-who .section-heading .eyebrow,body.doctor-who .project-number{letter-spacing:2px}
body.doctor-who .style-control select{box-shadow:0 0 14px #5acaff22}
body.doctor-who .theme-transition{background:radial-gradient(circle at 50% 50%,#d2f8ff 0%,#4cc8ff 10%,#173f84 25%,#08142e 45%,transparent 70%)}
.theme-transition.who-jump.play{animation:who-warp .95s cubic-bezier(.21,.6,.36,1) both}
.theme-transition.who-jump::before,.theme-transition.who-jump::after{content:'';position:absolute;inset:-80%;border:2px solid #8cddff;border-radius:50%;box-shadow:0 0 35px #70d7ff,inset 0 0 50px #4098ef;opacity:0}
.theme-transition.who-jump.play::before{animation:who-warp-ring .95s ease-in forwards}
.theme-transition.who-jump.play::after{animation:who-warp-ring .95s .12s ease-in forwards}
@keyframes who-gimbal{to{transform:rotate(360deg)}}
@keyframes who-gimbal-reverse{to{transform:rotate(-360deg)}}
@keyframes who-column{to{transform:rotate(12deg) translateY(-22px);filter:brightness(1.7)}}
@keyframes who-warp{0%{opacity:0;transform:scale(1.65)}28%{opacity:.85}52%{opacity:.5;transform:scale(.8)}100%{opacity:0;transform:scale(.1)}}
@keyframes who-warp-ring{0%{opacity:0;transform:scale(.9)}30%{opacity:.8}100%{opacity:0;transform:scale(.15)}}
@media(max-width:1050px){.who-console .time-roundel,.who-console .time-sigils{right:-220px;opacity:.7}.who-console .time-column{right:-30px;opacity:.35}}
@media(max-width:700px){.who-console .time-roundel,.who-console .time-sigils{width:380px;right:-270px;top:135px;opacity:.52}.who-console .time-column{display:none}.who-console .console-caption{right:15px;bottom:12px;font-size:8px}body.doctor-who .hero::after{content:none}}
@media(prefers-reduced-motion:reduce){.who-console *,.theme-transition.who-jump.play,.theme-transition.who-jump.play::before,.theme-transition.who-jump.play::after{animation:none!important}.theme-transition{display:none!important}}