@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--ink:#100e15;--cream:#f5e9d1;--muted:#b7a9b7;--accent:#f5a85d}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--cream);font-family:'DM Sans',sans-serif;font-size:16px;padding-bottom:94px}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit;cursor:pointer}button:disabled{opacity:.35;cursor:default}button svg{width:24px;height:24px}button{border:0}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:7px}.skip{position:fixed;left:20px;top:-100px;z-index:100;background:var(--cream);color:var(--ink);padding:15px}.skip:focus{top:15px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.site-header{height:100px;position:absolute;z-index:5;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 4%;border-bottom:1px solid #f5e9d12b;background:linear-gradient(#100e15d9,#100e1522)}.wordmark{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:600;font-size:17px;line-height:.95;letter-spacing:2px}.wordmark b{font-size:29px;letter-spacing:1.3px}.wordmark span{font:10px 'DM Sans',sans-serif;vertical-align:top;margin-left:2px}.header-note{font-size:10px;letter-spacing:2px;line-height:1.6;margin-right:auto;margin-left:7%}.header-tools{display:flex;align-items:center;gap:35px}.text-control{background:none;font-size:12px;display:flex;align-items:center;gap:7px}.motion-dot{font-size:25px;animation:spin 10s linear infinite}.menu-eye{position:relative;background:none;width:74px;height:40px;display:flex;align-items:center;justify-content:center;transition:transform .3s}.menu-eye:hover{transform:scale(1.15)}.eye-image{display:block;width:70px;height:36px;border-radius:55% 45% 55% 45%;background-image:url('/assets/unknown-world.webp');background-size:235px auto;background-position:center 27%;box-shadow:0 0 20px #d76a7933;animation:breathe 6s ease-in-out infinite}.eye-hint{position:absolute;bottom:-16px;font-size:9px;letter-spacing:2px;opacity:0;transition:opacity .3s}.menu-eye:hover .eye-hint,.menu-eye:focus-visible .eye-hint{opacity:1}.home-world{position:relative;min-height:860px;height:calc(100svh - 94px);overflow:hidden;background:#140f19}.world-image{position:absolute;inset:-3%;background:url('/assets/unknown-world.webp') center 45% / cover no-repeat;animation:worldDrift 35s ease-in-out infinite alternate;filter:brightness(.75) saturate(1.1)}.world-shade{position:absolute;inset:0;background:linear-gradient(#0c08174d,transparent 55%,#120b0c7a 76%,#100e15 100%)}.home-heading{position:relative;padding-top:135px;text-align:center;z-index:1;pointer-events:none}.kicker{font-size:11px;letter-spacing:2.4px;font-weight:500}.home-heading .kicker{display:flex;justify-content:space-between;margin:0 4%;font-size:10px;color:#e8ceb5}.home-heading h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(74px,8.5vw,150px);font-weight:800;letter-spacing:-.025em;line-height:.8;margin:28px auto 0;max-width:950px;text-shadow:0 2px 25px #14072075}.home-heading h1>span{font-size:1.24em;letter-spacing:.008em;display:block;margin-top:12px;color:#ffc889}.home-heading p{font-size:10px;letter-spacing:3px;margin-top:25px;text-shadow:0 2px 6px black}.secret-eye{position:absolute;left:37%;top:45%;width:26%;height:16%;border-radius:50%;background:transparent;z-index:2}.secret-eye span{display:inline-block;border:1px solid #f5e9d166;border-radius:20px;padding:8px 12px;font-size:10px;letter-spacing:2px;background:#100e15aa;opacity:0;transform:translateY(10px);transition:.3s}.secret-eye:hover span,.secret-eye:focus-visible span{opacity:1;transform:translateY(0)}.portal-links{position:absolute;left:7%;right:7%;bottom:86px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:6%}.portal{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;min-height:210px;padding:100px 10px 14px;position:relative}.portal:before{content:'';position:absolute;inset:0 22% 48%;border:1px solid transparent;border-radius:100% 100% 0 0;box-shadow:0 0 0 transparent;transition:.5s}.portal:hover:before,.portal:focus-visible:before{border-color:var(--portal);box-shadow:0 0 50px #ffbd8244,inset 0 0 30px #ffbd8244;transform:translateY(-20px)}.portal-number{font-size:10px;letter-spacing:2px;color:var(--portal);background:#100e1599;border-radius:20px;padding:6px 10px}.portal-name{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(27px,3vw,48px);font-weight:700;line-height:1.05;margin:13px 0 15px;text-shadow:0 2px 10px #000}.portal-cta{font-size:11px;letter-spacing:1.6px;border:1px solid #f5e9d166;border-radius:28px;padding:12px 18px;background:#100e1577;display:flex;align-items:center;gap:28px;transition:.25s}.portal:hover .portal-cta{background:var(--portal);color:var(--ink);border-color:var(--portal)}.portal-cta>span{font-size:18px;line-height:1}.home-foot{position:absolute;bottom:24px;left:4%;right:4%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.8px;color:#d5c4b9}.spark{display:inline-block;font-size:22px;vertical-align:middle;margin-left:12px;animation:spin 20s linear infinite}.ambience{position:fixed;inset:0;pointer-events:none;z-index:6;opacity:.04;background-image:url('/assets/unknown-world.webp');background-size:350%;mix-blend-mode:screen}.player{position:fixed;bottom:0;left:0;right:0;z-index:20;min-height:94px;background:#151219f7;backdrop-filter:blur(25px);border-top:1px solid #f5e9d12b;padding:18px 3%;display:grid;grid-template-columns:minmax(190px,1.1fr) auto minmax(180px,1fr) 105px;gap:30px;align-items:center}.now-playing{display:flex;align-items:center;gap:13px;min-width:0}.now-playing>div:last-child{min-width:0}.player-art{width:48px;height:48px;flex-shrink:0;border:1px solid #f5e9d130;background:url('/assets/unknown-world.webp') center 27% / 260%;border-radius:50%}.is-playing .player-art{animation:spin 20s linear infinite}.tiny{font-size:9px;letter-spacing:1.5px;color:#c8b8b1}#player-title{font-size:13px;font-weight:500;margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transport{display:flex;align-items:center;gap:17px}.transport button{background:none;padding:5px;display:grid;place-items:center}.transport .main-play{width:45px;height:45px;border-radius:50%;background:var(--cream);color:var(--ink)}.transport .main-play:hover{background:var(--accent)}.transport button:not(.main-play) svg{width:15px;height:15px}.timeline{display:flex;align-items:center;gap:12px;font-size:10px;font-variant-numeric:tabular-nums;color:#c8b8b1}input[type=range]{--progress:0%;appearance:none;-webkit-appearance:none;height:3px;background:#51424b;accent-color:var(--accent);cursor:pointer;width:100%;border-radius:3px}#seek{background:linear-gradient(to right,var(--accent) var(--progress),#51424b var(--progress))}input[type=range]::-webkit-slider-thumb{appearance:none;width:9px;height:9px;background:var(--cream);border-radius:50%}input[type=range]::-moz-range-thumb{width:9px;height:9px;background:var(--cream);border:0;border-radius:50%}.volume{display:flex;align-items:center;gap:9px}.volume button{background:none;font-size:22px}.playback-error{position:absolute;bottom:100%;left:3%;right:3%;padding:12px 16px;background:#472b40;color:#fff;font-size:14px;border:1px solid #d6a6ba}dialog{position:fixed;margin:auto;width:min(900px,92vw);max-height:88svh;background:#19131f;color:var(--cream);border:1px solid #bba39470;padding:35px 45px;z-index:50;box-shadow:0 0 150px #de57ef33}dialog::backdrop{background:#0a0615db;backdrop-filter:blur(16px)}.menu-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:2px;margin-bottom:35px}.menu-top button{background:transparent;font-size:24px}dialog nav{display:flex;flex-direction:column}dialog nav a{display:flex;align-items:center;gap:20px;border-top:1px solid #ffffff30;padding:25px 0;font:600 clamp(26px,4vw,55px)/1 'Barlow Condensed',sans-serif;transition:color .2s}dialog nav a:hover{color:var(--accent)}dialog nav a>span{font:11px 'DM Sans',sans-serif;color:var(--accent)}dialog nav small{font:10px 'DM Sans',sans-serif;margin-left:auto}dialog>p{font-family:Georgia,serif;font-style:italic;color:#c7b3b9;margin-top:30px}.band-world{position:relative;isolation:isolate;min-height:calc(100svh - 94px);overflow:hidden;padding:135px 6% 65px}.band-atmosphere{position:absolute;inset:0;z-index:-1;opacity:.2;background:radial-gradient(ellipse at 10% 50%,#a0522188,transparent 60%),url('/assets/unknown-world.webp') center/cover;filter:blur(70px);animation:bandFlow 20s ease-in-out infinite alternate}.band-world:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#100e1533,#100e15d9 70%)}.band-topline{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.8px;margin-bottom:45px}.band-topline>a:hover{color:var(--accent)}.band-topline>span{color:#ac9aa5}.band-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:8%;align-items:start}.band-identity>.kicker{color:var(--accent)}.band-identity h1{font:700 clamp(65px,7.5vw,116px)/.88 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.025em;margin:20px 0 14px;color:var(--cream)}.era{font-size:12px;letter-spacing:3px}.record-scene{position:relative;max-width:380px;height:360px;margin-top:30px;display:grid;place-items:center}.art-record{position:relative;width:300px;height:300px;border-radius:50%;overflow:hidden;padding:0;background:#29162b;box-shadow:0 0 65px #fc9c5a15;animation:float 7s ease-in-out infinite}.art-record>img{width:100%;height:100%;object-fit:cover;object-position:center;filter:var(--art-filter);transition:transform 1s}.art-record:hover>img{transform:scale(1.1) rotate(5deg)}.record-label{position:absolute;inset:36%;background:#17101dc9;border:1px solid #f5e9d140;border-radius:50%;font-size:7px;letter-spacing:1px;line-height:1.5;display:flex;align-items:center;justify-content:center;flex-direction:column}.record-label b{font-size:16px;margin-top:3px;font-weight:400}.record-hint{position:absolute;bottom:45px;left:20px;right:20px;font-size:9px;letter-spacing:2px;opacity:0;text-shadow:0 2px 5px black}.art-record:hover .record-hint,.art-record:focus-visible .record-hint{opacity:1}.record-orbit{position:absolute;width:360px;height:360px;border:1px solid #f5e9d12b;border-radius:50%;transform:rotate(-25deg);animation:spin 55s linear infinite}.record-orbit:after{content:'';width:8px;height:8px;background:var(--accent);border-radius:50%;position:absolute;left:42px;top:55px;box-shadow:0 0 18px var(--accent)}.orbit-caption{position:absolute;bottom:-7px;left:5px;font-size:9px;letter-spacing:3px;transform:rotate(-8deg);color:var(--accent)}.band-note{font:italic 20px/1.5 Georgia,serif;max-width:340px;margin:25px 0 0;color:#c8b8b9}.music-panel{padding-top:10px}.music-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:35px}.music-heading .kicker{font-size:10px;color:#bdabb5}.music-heading h2{font:500 clamp(30px,3vw,44px)/1.05 'Barlow Condensed',sans-serif;margin:12px 0 0}.play-all{background:var(--accent);color:var(--ink);display:flex;align-items:center;gap:9px;padding:13px 20px;border-radius:30px;white-space:nowrap;font-size:11px;letter-spacing:1px;font-weight:700}.play-all:hover{filter:brightness(1.12)}.play-all svg{width:19px;height:19px}.track-header{display:flex;justify-content:space-between;padding:0 17px 13px 0;border-bottom:1px solid #f5e9d130;font-size:9px;letter-spacing:1.6px;color:#b6a6b2}.track{width:100%;display:grid;grid-template-columns:20px 28px 1fr 38px;gap:12px;align-items:center;background:transparent;padding:16px 13px 16px 0;border-bottom:1px solid #f5e9d11f;text-align:left;transition:background .2s,color .2s}.track:hover{background:#f5e9d109}.track.selected{color:var(--accent);background:#f5e9d10a}.track-number{font-size:10px;color:#a595a0}.track-play{border:1px solid #f5e9d14a;border-radius:50%;width:26px;height:26px;display:grid;place-items:center}.track-play svg{width:15px;height:15px}.track.playing .track-play{background:var(--accent);border-color:var(--accent);color:var(--ink)}.track-title{font-size:14px;font-weight:500}.track-duration{font-size:10px;font-variant-numeric:tabular-nums;color:#baabb5;text-align:right}.music-end{display:flex;justify-content:space-between;align-items:center;margin-top:18px;font-size:9px;letter-spacing:1.4px;color:#aa99a6}.sound-bars{display:flex;align-items:center;gap:3px;height:18px}.sound-bars i{display:block;width:2px;height:5px;background:var(--accent)}.sound-bars i:nth-child(2){height:13px}.sound-bars i:nth-child(3){height:18px}.sound-bars i:nth-child(4){height:10px}.is-playing .sound-bars i{animation:equalize .7s ease-in-out infinite alternate}.is-playing .sound-bars i:nth-child(2n){animation-delay:-.4s}.is-playing .sound-bars i:nth-child(3n){animation-delay:-.2s}.next-world{border-top:1px solid #f5e9d126;margin-top:40px;padding-top:22px;display:flex;align-items:center;justify-content:space-between;gap:20px}.next-world>span{font-size:9px;letter-spacing:1.5px;color:#ab99a4}.next-world a{font:500 22px 'Barlow Condensed',sans-serif}.next-world a:hover{color:var(--accent)}body[data-world=rootsrockbaba] .band-atmosphere{filter:blur(60px) hue-rotate(65deg);opacity:.32}body[data-world=tyr] .band-atmosphere{filter:blur(45px) hue-rotate(265deg);opacity:.38}body[data-world=tyr] .band-identity h1{font-size:190px;letter-spacing:.015em;margin:7px 0 0}body[data-world=tyr] .record-scene{margin-top:18px}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .world-image{transform:none}.load-note{font-size:16px;line-height:1.6}#main:focus{outline:0}@keyframes worldDrift{0%{transform:scale(1) translateX(-.5%);filter:brightness(.75) saturate(1.1) hue-rotate(-7deg)}100%{transform:scale(1.065) translateX(.5%);filter:brightness(.8) saturate(1.25) hue-rotate(12deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-12px) rotate(3deg)}}@keyframes breathe{50%{filter:hue-rotate(25deg) brightness(1.3);transform:scale(1.06)}}@keyframes bandFlow{to{transform:scale(1.2) rotate(8deg)}}@keyframes equalize{to{height:3px}}@media(min-width:1700px){.home-world{min-height:1050px}.home-heading{padding-top:160px}.home-heading h1{font-size:155px}.portal-links{bottom:110px}.band-grid{max-width:1500px;margin:auto}}@media(max-width:1000px){.header-note{display:none}.home-world{min-height:800px}.home-heading h1{font-size:10vw}.home-heading p{font-size:9px;letter-spacing:2px}.portal-links{left:4%;right:4%;gap:2%}.player{gap:18px;grid-template-columns:minmax(170px,1fr) auto minmax(130px,1fr)}.volume{display:none}.band-world{padding:130px 5% 50px}.band-grid{gap:5%;grid-template-columns:.9fr 1.1fr}.art-record{width:245px;height:245px}.record-scene{height:305px}.record-orbit{width:290px;height:290px}.track{gap:8px}.music-heading{align-items:flex-end}.play-all{padding:12px 14px;font-size:10px}.band-note{font-size:18px}body[data-world=tyr] .band-identity h1{font-size:150px}}@media(max-width:650px){body{padding-bottom:120px}.site-header{height:82px;padding:0 6%}.wordmark{font-size:13px}.wordmark b{font-size:23px}.header-tools{gap:18px}.text-control{font-size:10px;gap:4px}.motion-dot{font-size:20px}.menu-eye{width:48px;height:30px}.eye-image{width:47px;height:25px;background-size:165px}.eye-hint{font-size:8px;bottom:-12px;opacity:.7}.home-world{height:auto;min-height:990px}.world-image{background-size:auto 900px;background-position:center top;inset:0;animation-duration:25s}.home-heading{padding-top:110px}.home-heading .kicker{font-size:8px;margin:0 6%;letter-spacing:1px}.home-heading h1{font-size:14vw;line-height:.86;margin-top:30px}.home-heading h1>span{font-size:1.14em;margin-top:8px}.home-heading p{font-size:8px;letter-spacing:1.3px;margin:20px 10px}.secret-eye{top:290px;left:30%;width:40%;height:100px}.secret-eye span{font-size:8px;opacity:.7}.portal-links{top:440px;bottom:auto;left:7%;right:7%;grid-template-columns:1fr;gap:14px}.portal{min-height:130px;padding:20px;display:grid;grid-template-columns:1fr auto;text-align:left;justify-items:start;border:1px solid #f5e9d140;border-radius:5px;background:#140d1baa;backdrop-filter:blur(8px)}.portal-number{font-size:8px;grid-column:1;background:none;padding:0;letter-spacing:1.3px}.portal-name{font-size:32px;margin:9px 0 0;grid-column:1}.portal-cta{grid-column:2;grid-row:1/3;font-size:0;gap:0;padding:12px;border-radius:50%;background:#f5e9d116}.portal-cta>span{font-size:20px}.portal:before{display:none}.home-foot{bottom:25px;left:7%;right:7%;font-size:7px;letter-spacing:1px;gap:20px}.home-foot>span:last-child{text-align:right}.spark{font-size:16px;margin-left:3px}.player{height:120px;min-height:120px;padding:14px 5% 10px;grid-template-columns:minmax(0,1fr) auto;gap:10px 14px}.player-art{width:38px;height:38px}.now-playing{gap:10px}.tiny{font-size:8px;letter-spacing:1px}#player-title{font-size:12px;margin-top:4px}.transport{gap:10px}.transport .main-play{width:38px;height:38px}.timeline{grid-column:1/-1;font-size:9px;gap:10px}.band-world{padding:110px 7% 40px}.band-topline{font-size:8px;letter-spacing:1px;margin-bottom:30px;gap:15px}.band-grid{display:flex;flex-direction:column;gap:30px}.band-identity{width:100%;position:relative;min-height:230px}.band-identity>.kicker{font-size:8px;letter-spacing:1.5px}.band-identity h1{font-size:60px;margin-top:16px;position:relative;z-index:1;max-width:70%}.era{font-size:9px;letter-spacing:2px}.record-scene{width:180px;height:180px;position:absolute;right:-15px;top:20px;margin:0;opacity:.7;z-index:-1}.art-record{width:145px;height:145px}.record-orbit{width:172px;height:172px}.record-orbit:after{width:5px;height:5px;top:15px;left:28px}.record-label{font-size:4px}.record-label b{font-size:9px}.orbit-caption{font-size:5px;bottom:-5px}.record-hint{display:none}.band-note{font-size:16px;margin:25px 0 0;max-width:85%}.music-panel{padding:0;width:100%}.music-heading{margin-bottom:25px}.music-heading h2{font-size:34px}.music-heading .kicker{font-size:9px}.play-all{padding:12px 16px;font-size:10px}.track{padding-top:16px;padding-bottom:16px;gap:10px;grid-template-columns:18px 26px 1fr 34px}.track-title{font-size:14px}.track-duration{font-size:10px}.next-world a{font-size:20px}.next-world>span{font-size:8px}.music-end{font-size:8px}body[data-world=tyr] .band-identity h1{font-size:118px;margin-top:7px}body[data-world=tyr] .record-scene{margin:0}dialog{padding:23px;max-height:85svh}.menu-top{font-size:8px;letter-spacing:1.2px;gap:20px}dialog nav a{font-size:30px;gap:12px;padding:24px 0;flex-wrap:wrap}dialog nav small{font-size:8px}dialog nav a>span{font-size:9px}dialog>p{font-size:16px}.ambience{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

/* Readable controls and deliberate image placement. */
@media(min-width:651px){.world-image{top:180px;background-position:center 28%}.world-shade{background:linear-gradient(#100e15 0%,#100e1500 38%,#120b0c45 72%,#100e15 100%)}.home-heading{padding-top:125px}.home-heading h1{font-size:clamp(74px,8vw,140px)}}
.header-note,.kicker,.home-heading .kicker,.home-heading p,.portal-number,.portal-cta,.home-foot,.tiny,.timeline,.eye-hint,.secret-eye span,.band-topline,.music-heading .kicker,.track-header,.track-number,.track-duration,.music-end,.next-world>span,.menu-top,dialog nav small{font-size:12px}.text-control,.play-all,#player-title{font-size:14px}.record-label{font-size:9px}.orbit-caption{font-size:12px;letter-spacing:1px}.home-heading p{letter-spacing:2px}.home-foot{letter-spacing:1px}.band-topline{letter-spacing:1px}
@media(max-width:650px){.world-image{top:70px}.home-heading .kicker{font-size:10px}.home-heading p{font-size:10px}.portal-cta{font-size:0}.portal-number,.band-topline,.tiny,.music-end{font-size:11px}.home-foot{font-size:10px;line-height:1.5}.text-control{font-size:12px}.eye-hint{font-size:10px}.record-label{font-size:5px}.orbit-caption{font-size:8px}.record-scene{z-index:0}.band-identity h1,.band-identity>.kicker,.era{position:relative;z-index:1}.band-note{position:relative;z-index:1}.track-title{font-size:15px}.band-topline>span{text-align:right}.portal-name{font-size:31px}.header-tools{gap:14px}}

.portal-spirit{position:absolute;top:8px;left:calc(50% - 34px);width:68px;height:68px;animation:float 5s ease-in-out infinite}.portal-spirit img,.wandering-spirit img{width:100%;height:100%;object-fit:contain}.spirit-still{display:none}.wandering-spirit{position:absolute;right:-10px;bottom:12px;width:75px;height:75px;z-index:2;animation:float 6s ease-in-out infinite}.wandering-spirit>span{position:absolute;bottom:-15px;left:-10px;white-space:nowrap;font-size:12px;color:var(--accent);opacity:0}.wandering-spirit:hover>span,.wandering-spirit:focus-visible>span{opacity:1}.motion-paused .spirit-animated{display:none}.motion-paused .spirit-still{display:block}@media(max-width:650px){.portal-spirit{width:45px;height:45px;top:16px;left:auto;right:67px;opacity:.85}.wandering-spirit{width:45px;height:45px;right:0;bottom:0}.wandering-spirit>span{font-size:10px}.portal-name{max-width:calc(100% - 20px)}}@media(prefers-reduced-motion:reduce){.spirit-animated{display:none}.spirit-still{display:block}}