@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500&family=Josefin+Sans:wght@300;400&display=swap";@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}:root{--coal:#111318;--ivory:#e9dfd1;--gold:#c5a36a;--wine:#6b2039}*{box-sizing:border-box}html,body{background:var(--coal);max-width:100%;min-height:100%;margin:0;overflow-x:hidden}body{color:var(--ivory);font-family:Josefin Sans,sans-serif}button{font:inherit}.entry{isolation:isolate;background:#111318;width:100%;min-height:100svh;position:relative;overflow:hidden}.entry__stage{z-index:1;aspect-ratio:1672/941;width:min(100vw,177.68svh);height:min(100svh,56.28vw);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.entry__art{background:url(/exyss-web-final.png) 50%/100% 100% no-repeat;transition:transform 1.1s cubic-bezier(.7,0,.25,1),filter 1.1s;animation:1.7s cubic-bezier(.2,.75,.25,1) both reveal-art;position:absolute;inset:0;transform:scale(1.015)}.entry__grain{pointer-events:none;opacity:.055;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E");animation:.24s steps(2,end) infinite grain;position:absolute;inset:-30%}.entry__glow{opacity:.24;filter:blur(24px);background:linear-gradient(90deg,#0000,#e7c58240,#0000);width:20%;height:150%;animation:4.8s ease-in-out infinite fracture-breathe;position:absolute;top:-20%;left:57%;transform:rotate(20deg)}.entry__hotspot{z-index:5;cursor:pointer;color:#0000;background:0 0;border:0;border-radius:3px;width:21.2%;height:10%;position:absolute;top:78.2%;left:6.4%}.entry__hotspot span{block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.entry__hotspot:after{content:"";opacity:0;filter:blur(7px);background:#76243e;height:7%;transition:opacity .35s,transform .35s;position:absolute;bottom:7%;left:3%;right:3%;box-shadow:0 0 18px #76243eb3}.entry__hotspot:hover:after,.entry__hotspot:focus-visible:after{opacity:.72;transform:scaleX(1.08)}.entry__hotspot:focus-visible{outline:1px solid var(--gold);outline-offset:4px}.entry__mobile-copy{display:none}.entry__transition{z-index:9;pointer-events:none;opacity:0;background:linear-gradient(105deg,#0e1014 0 46%,#6b2039 50%,#171419 54% 100%);position:absolute;inset:0;transform:translate(-100%)}.entry--leaving .entry__art{filter:brightness(.42);transform:scale(1.08)}.entry--leaving .entry__transition{animation:1s cubic-bezier(.75,0,.2,1) both enter-wipe}@keyframes reveal-art{0%{opacity:0;transform:scale(1.045)}to{opacity:1;transform:scale(1.015)}}@keyframes fracture-breathe{0%,to{opacity:.14}50%{opacity:.34}}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(3%,-2%)}50%{transform:translate(-2%,3%)}75%{transform:translate(1%,2%)}}@keyframes enter-wipe{0%{opacity:0;transform:translate(-100%)}15%{opacity:.8}to{opacity:1;transform:translate(0)}}@media (aspect-ratio<=4/5),(width<=720px){.entry{align-items:end;min-height:100svh;display:grid}.entry__stage{aspect-ratio:auto;width:100%;height:100%}.entry__art{background-image:linear-gradient(#0000 52%,#12141959 68%,#121419 92%),url(/exyss-web-final.png);background-position:76% 0,76% 0;background-size:auto 74%,auto 74%}.entry__hotspot{display:none}.entry__glow{width:35%;left:42%}.entry__mobile-copy{z-index:4;text-align:center;background:linear-gradient(#0000 0 48%,#111318b8 64%,#111318 83%);width:100%;padding:54svh 7vw 6svh;display:block;position:relative}.entry__mobile-logo{width:min(60vw,300px);height:auto;margin:0 auto 1.5rem}.entry__mobile-copy h1{color:#d7b582;letter-spacing:.015em;text-shadow:0 2px 18px #d6b58224;margin:0;font-family:Cormorant Garamond,serif;font-size:clamp(2.25rem,11vw,4rem);font-weight:600;line-height:.86}.entry__mobile-script{color:#d2b74f;margin:.65rem 0 0;font-family:Cormorant Garamond,serif;font-size:clamp(1.6rem,8vw,2.4rem);font-style:italic;line-height:1}.entry__mobile-rule{background:linear-gradient(90deg, transparent, var(--gold), transparent);width:42%;height:1px;margin:1.35rem auto 1rem}.entry__mobile-genres{color:#d4ccc1;letter-spacing:.02em;margin:0;font-size:.78rem;line-height:1.55}.entry__mobile-cta{color:#dfc391;letter-spacing:.1em;background:#0f10145c;border:1px solid #b7945e;margin-top:1.25rem;padding:.85rem 1.35rem;position:relative;box-shadow:0 10px 24px #6b203959}.entry__mobile-cta:after{content:"";filter:blur(3px);background:#76243e;height:2px;position:absolute;bottom:-10px;left:25%;right:25%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.universe{color:#e8e0d6;background:radial-gradient(circle at 75% 8%,#691f3738,#0000 30%),radial-gradient(circle at 10% 45%,#b0844617,#0000 28%),#111318;width:100%;min-height:100vh;overflow:hidden}.universe:before{content:"";z-index:0;pointer-events:none;opacity:.12;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.45' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)' opacity='.5'/%3E%3C/svg%3E");position:fixed;inset:0}.universe__aurora{z-index:0;opacity:.5;background:linear-gradient(#0000,#dfc079 35%,#74243e 63%,#0000);width:2px;height:165vh;position:absolute;top:-40vh;right:8vw;transform:rotate(28deg);box-shadow:0 0 28px #d6ad62,0 0 90px #6f1f396b}.universe__nav{z-index:3;border-bottom:1px solid #c6a56826;justify-content:space-between;align-items:center;padding:1.4rem clamp(1.5rem,5vw,5rem);display:flex;position:relative}.universe__brand img{object-fit:contain;width:116px;height:46px;display:block}.universe__nav nav{gap:clamp(1.2rem,3vw,3rem);display:flex}.universe__nav nav a{color:#d4cabb;letter-spacing:.22em;font-size:.69rem;text-decoration:none;transition:color .25s}.universe__nav nav a:hover{color:#d8b975}.universe__hero{z-index:2;text-align:center;opacity:0;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100svh - 75px);padding:6rem 1.5rem 4rem;transition:opacity 1.1s .1s,transform 1.1s .1s;display:flex;position:relative;transform:translateY(16px)}.universe--visible .universe__hero{opacity:1;transform:none}.universe__eyebrow,.section-heading p,.archive__copy>p:first-child{color:#b9975e;letter-spacing:.35em;font-size:.67rem}.universe__hero h1{letter-spacing:.04em;color:#d7b47b;margin:.5rem 0 0;font-family:Cormorant Garamond,serif;font-size:clamp(3.7rem,8vw,8rem);font-weight:500;line-height:.8}.universe__hero h1 span{letter-spacing:.45em;color:#a88b60;margin-right:-.45em;font-family:Josefin Sans,sans-serif;font-size:.42em;display:block}.universe__lead{color:#eee6db;margin:1rem 0 0;font-family:Cormorant Garamond,serif;font-size:clamp(1.7rem,3vw,2.7rem);font-style:italic}.universe__statement{color:#9e978f;letter-spacing:.08em;margin:2rem 0 0;font-size:.82rem;line-height:1.65}.universe__down{color:#c4a878;letter-spacing:.25em;justify-items:center;gap:1rem;margin-top:3.5rem;font-size:.62rem;text-decoration:none;display:grid}.universe__down i{background:linear-gradient(#c6a467,#0000);width:1px;height:48px;display:block}.eras,.archive{z-index:2;padding:clamp(5rem,10vw,9rem) clamp(1.5rem,6vw,6rem);position:relative}.section-heading{max-width:1280px;margin:0 auto 3rem}.section-heading h2,.archive h2{color:#dfd4c6;margin:.45rem 0 0;font-family:Cormorant Garamond,serif;font-size:clamp(2.5rem,5vw,5.3rem);font-weight:500;line-height:.95}.eras__grid{border-top:1px solid #c5a36a38;border-bottom:1px solid #c5a36a38;grid-template-columns:repeat(5,1fr);max-width:1280px;margin:auto;display:grid}.era-card{appearance:none;text-align:left;cursor:pointer;background:0 0;border:0;border-right:1px solid #c5a36a2e;flex-direction:column;justify-content:space-between;min-height:330px;padding:2rem 1.5rem;text-decoration:none;display:flex;position:relative;overflow:hidden}.era-card:last-child{border-right:0}.era-card:disabled{cursor:default}.era-card:before{content:"";opacity:.2;background:radial-gradient(circle at bottom, var(--era-color), transparent 68%);height:65%;transition:opacity .5s,transform .5s;position:absolute;inset:auto 0 0}.era-card:hover:before{opacity:.48;transform:scale(1.15)}.era-card--vino{--era-color:#7a203f}.era-card--cobre{--era-color:#9a502e}.era-card--plata{--era-color:#9da1aa}.era-card--oro{--era-color:#aa7c28}.era-card--ambar{--era-color:#b16429}.era-card__number{color:#8e7450;font-family:Cormorant Garamond,serif;font-size:2rem}.era-card h3{color:#ddd2c3;margin:0;font-family:Cormorant Garamond,serif;font-size:1.35rem;font-weight:500;line-height:1.05;position:relative}.era-card p{color:#88817a;margin:.7rem 0 0;font-size:.68rem;line-height:1.5;position:relative}.era-card__action{color:#806b4d;letter-spacing:.16em;opacity:0;font-size:.52rem;transition:opacity .35s,transform .35s;position:absolute;top:2.2rem;right:1.4rem;transform:translateY(4px)}.era-card:hover .era-card__action,.era-card:focus-visible .era-card__action{opacity:1;transform:none}.era-card:focus-visible{outline-offset:-1px;outline:1px solid #b9975e}.archive{grid-template-columns:.8fr 1.2fr;align-items:center;max-width:1440px;min-height:80vh;margin:auto;display:grid}.archive__number{color:#0000;-webkit-text-stroke:1px #c5a36a3d;font-family:Cormorant Garamond,serif;font-size:clamp(10rem,25vw,23rem);line-height:.7}.archive__body{color:#99918a;max-width:650px;font-size:.85rem;line-height:1.75}.archive__status{color:#c5a36a;letter-spacing:.25em;border-bottom:1px solid #6b2039;margin-top:1.4rem;padding-bottom:.5rem;font-size:.65rem;display:inline-block}.socials{z-index:2;border-top:1px solid #c5a36a1f;max-width:1440px;margin:auto;padding:clamp(5rem,10vw,9rem) clamp(1.5rem,6vw,6rem);position:relative}.socials__grid{border-top:1px solid #c5a36a2e;margin-top:clamp(3rem,6vw,5rem)}.socials__grid a{color:#d9cfc1;border-bottom:1px solid #c5a36a2e;grid-template-columns:4rem 1fr auto;align-items:center;gap:1rem;padding:1.45rem .4rem;text-decoration:none;transition:color .3s,background .3s,padding .3s;display:grid}.socials__grid a:hover,.socials__grid a:focus-visible{color:#e2b56f;background:linear-gradient(90deg,#701f3538,#0000 68%);outline:none;padding-inline:1.1rem}.socials__grid span{color:#7e6d58;letter-spacing:.18em;font-size:.58rem}.socials__grid strong{letter-spacing:.04em;font-family:Cormorant Garamond,serif;font-size:clamp(1.7rem,4vw,3.5rem);font-weight:500}.socials__grid i{color:#9f7546;font-size:1.1rem;font-style:normal}.socials__handle{color:#766f68;letter-spacing:.25em;text-align:right;margin:2rem 0 0;font-size:.62rem}.universe__footer{z-index:2;border-top:1px solid #c5a36a26;justify-content:space-between;align-items:center;padding:2.5rem clamp(1.5rem,5vw,5rem);display:flex;position:relative}.universe__footer img{object-fit:contain;opacity:.75;width:90px;height:40px}.universe__footer p{color:#746e68;letter-spacing:.18em;margin:0;font-size:.58rem}@media (width<=820px){.universe__nav nav{gap:1rem}.universe__nav nav a{font-size:.55rem}.eras__grid{grid-template-columns:1fr}.era-card{border-bottom:1px solid #c5a36a2e;border-right:0;min-height:180px}.archive{text-align:center;grid-template-columns:1fr}.archive__number{font-size:11rem}.archive__body{margin-inline:auto}}@media (width<=520px){.universe__nav{padding-inline:1rem}.universe__brand img{width:86px}.universe__nav nav a:nth-child(3){display:none}.universe__footer{text-align:center;justify-content:center;place-items:center;gap:1rem;width:100%;padding-inline:1.5rem;display:grid}.universe__footer img{margin-inline:auto}.universe__footer p{text-align:center;width:100%;max-width:28rem;margin-inline:auto}}.era-page{color:#e7ddd0;background:radial-gradient(circle at 85% 12%,#7420314d,#0000 27%),radial-gradient(circle at 12% 35%,#9c4e2b21,#0000 30%),linear-gradient(145deg,#111419,#181316 62%,#100f13);min-height:100vh;overflow:hidden}.era-page:before{content:"";z-index:0;pointer-events:none;opacity:.08;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.era-page__flare{z-index:0;background:linear-gradient(#0000,#b38d53 40%,#77253e 68%,#0000);width:1px;height:125vh;position:absolute;top:-25vh;left:59%;transform:rotate(24deg);box-shadow:0 0 30px #c6a4647a,0 0 95px #77253e57}.era-page--dark .era-page__flare{background:linear-gradient(#0000,#8f294d 35%,#c39b61 68%,#0000);left:43%;transform:rotate(-21deg);box-shadow:0 0 36px #7e1f4294,0 0 105px #c497593d}.era-page--dark .era-page__intro h1{color:#c99f76;text-shadow:0 0 44px #791f3f47}.era-page--ballads{background:radial-gradient(circle at 78% 12%,#79254540,#0000 29%),radial-gradient(circle at 15% 46%,#72788924,#0000 34%),linear-gradient(145deg,#101319,#171318 62%,#0e0f13)}.era-page--ballads .era-page__flare{background:linear-gradient(#0000,#9da1aa 32%,#8d294d 67%,#0000);left:53%;transform:rotate(17deg);box-shadow:0 0 34px #abb0bc61,0 0 105px #7d224252}.era-page--ballads .era-page__intro h1{color:#c9c5c5;text-shadow:0 0 46px #7b27453d}.era-page--oriente{background:radial-gradient(circle at 76% 14%,#8e61263d,#0000 30%),radial-gradient(circle at 13% 44%,#5b2d3729,#0000 34%),linear-gradient(145deg,#111317,#181510 60%,#0e1013)}.era-page--oriente .era-page__flare{background:linear-gradient(#0000,#c39a55 31%,#7c3446 68%,#0000);left:58%;transform:rotate(25deg);box-shadow:0 0 35px #c79e5675,0 0 110px #712f4047}.era-page--oriente .era-page__intro h1{color:#d0aa69;text-shadow:0 0 48px #955d2540}.era-page--setenta{background:radial-gradient(circle at 80% 12%,#8a48253d,#0000 31%),radial-gradient(circle at 13% 45%,#6e1f3326,#0000 34%),linear-gradient(145deg,#141311,#1b1512 61%,#100f0f)}.era-page--setenta .era-page__flare{background:linear-gradient(#0000,#b6773d 31%,#8d3049 66%,#0000);left:47%;transform:rotate(-16deg);box-shadow:0 0 35px #b8773d70,0 0 112px #7d263e4d}.era-page--setenta .era-page__intro h1{color:#c88d55;text-shadow:0 0 50px #8e48244a}.era-page__nav{z-index:2;border-bottom:1px solid #c6a56824;justify-content:space-between;align-items:center;padding:1.4rem clamp(1.3rem,5vw,5rem);display:flex;position:relative}.era-page__back{color:#ad9b84;letter-spacing:.2em;font-size:.6rem;text-decoration:none;transition:color .25s}.era-page__back:hover{color:#d0ae70}.era-page__logo img{object-fit:contain;width:110px;height:42px;display:block}.era-page__intro{z-index:1;text-align:center;place-content:center;justify-items:center;min-height:72vh;padding:7rem 1.5rem 5rem;display:grid;position:relative}.era-page__intro>p:first-child{color:#a97c52;letter-spacing:.36em;margin:0;font-size:.66rem}.era-page__intro h1{color:#d2a66c;letter-spacing:.025em;text-shadow:0 0 40px #8c352629;margin:.65rem 0 0;font-family:Cormorant Garamond,serif;font-size:clamp(4.2rem,10vw,9.5rem);font-weight:500;line-height:.72}.era-page__intro>span{color:#eee4d8;margin-top:1.4rem;font-family:Cormorant Garamond,serif;font-size:clamp(1.5rem,3vw,2.5rem);font-style:italic}.era-page__line{background:linear-gradient(#b99258,#0000);width:1px;height:55px;margin:1.8rem 0}.era-page__description{color:#89827c;letter-spacing:.05em;max-width:490px;margin:0;font-size:.74rem;line-height:1.6}.track-list{z-index:2;background:#c29d6021;border:1px solid #c29d6021;gap:1px;max-width:1220px;margin:auto;padding:0 clamp(1.2rem,5vw,4rem) 7rem;display:grid;position:relative}.track-card{background:#0e0f13eb;grid-template-columns:230px 1fr;min-height:230px;transition:background .4s;display:grid}.track-card--playing{background:linear-gradient(90deg,#661d2e40,#0e0f13f0 48%)}.track-card__visual{background:#0a0b0e;position:relative;overflow:hidden}.track-card__visual:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 55%,#0e0f13bf);position:absolute;inset:0}.track-card__visual img{object-fit:cover;width:100%;height:100%;transition:transform .7s,filter .7s}.track-card:hover .track-card__visual img,.track-card--playing .track-card__visual img{filter:saturate(1.12);transform:scale(1.035)}.track-card__number{z-index:2;color:#e8d8c1b8;letter-spacing:.18em;font-size:.58rem;position:absolute;top:1rem;left:1rem}.track-card__play{z-index:3;color:#e2bd7a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;background:#0a0b0e7a;border:1px solid #e1bf7f9e;border-radius:50%;place-items:center;width:56px;height:56px;transition:background .3s,box-shadow .3s,transform .3s;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.track-card__play:hover,.track-card__play:focus-visible{background:#6b203980;outline:none;transform:translate(-50%,-50%)scale(1.06);box-shadow:0 0 30px #6f213773}.play-symbol{border-top:7px solid #0000;border-bottom:7px solid #0000;border-left:11px solid #e1bd7b;width:0;height:0;margin-left:4px}.pause-symbol{border-left:4px solid #e1bd7b;border-right:4px solid #e1bd7b;width:12px;height:15px}.track-card__details{align-content:center;gap:2.2rem;padding:2.2rem clamp(1.5rem,5vw,4rem);display:grid}.track-card__details p{color:#876b50;letter-spacing:.23em;margin:0 0 .55rem;font-size:.55rem}.track-card__details h2{color:#e0d6c9;margin:0;font-family:Cormorant Garamond,serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:500;line-height:1}.track-card__timeline{grid-template-columns:1fr auto;align-items:center;gap:1rem;display:grid}.track-card__timeline input{--progress:0%;appearance:none;background:linear-gradient(90deg, #b48d55 var(--progress), #c5a36a2e var(--progress));cursor:pointer;width:100%;height:2px}.track-card__timeline input::-webkit-slider-thumb{appearance:none;background:#d2ad71;border-radius:50%;width:9px;height:9px;box-shadow:0 0 12px #d2ad7173}.track-card__timeline input::-moz-range-thumb{background:#d2ad71;border:0;border-radius:50%;width:9px;height:9px}.track-card__timeline span{color:#77716b;font-variant-numeric:tabular-nums;font-size:.58rem}.era-page__spotify{z-index:1;text-align:center;place-content:center;justify-items:center;min-height:65vh;padding:5rem 1.5rem;display:grid;position:relative}.era-page__spotify p{color:#83725e;letter-spacing:.3em;font-size:.58rem}.era-page__spotify-name{color:#d2ac6f;font-family:Cormorant Garamond,serif;font-size:clamp(3.3rem,8vw,7rem);line-height:1;text-decoration:none;transition:color .3s,text-shadow .3s,transform .3s}.era-page__spotify-name:hover,.era-page__spotify-name:focus-visible{color:#e2bd7a;text-shadow:0 0 34px #72203680;outline:none;transform:translateY(-3px)}.era-page__spotify-name i{vertical-align:top;font-size:.3em;font-style:normal}.era-page__spotify small{color:#665f59;margin-top:.8rem;font-size:.62rem}@media (width<=700px){.era-page__logo img{width:86px}.track-card{grid-template-columns:1fr}.track-card__visual{aspect-ratio:4/3}.track-card__visual img{object-position:var(--mobile-cover-position)}.track-card__visual:after{background:linear-gradient(#0000 55%,#0e0f13d9)}.track-card__details{gap:1.5rem;padding:1.5rem}}