@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";.nav__parent-container{width:100%;position:fixed;z-index:30;transition:.5s ease-in-out}.nav__container{display:flex;align-items:center;justify-content:space-between;padding:3rem;width:clamp(300px,100%,2040px);margin-inline:auto;gap:6rem}.nav__eras-container{display:flex;align-items:center;justify-content:flex-end;gap:2rem}.nav__eras-container.expand{width:100%;justify-content:start}.nav__eras-container-overflow{display:flex;gap:1.5rem;flex-wrap:wrap;align-content:space-evenly;justify-content:center}.nav__eras-container-overflow .nav__eras-link{padding-right:.5rem}.nav__logo:hover{cursor:pointer}.nav__search-field{border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;padding:.5rem 1rem;position:relative;width:15rem;gap:.5rem}.nav__search-icon{padding-top:6px}.nav__search-field input{border:none;height:2rem;width:100%;background-color:transparent}.nav__search-field.collapse{width:60.53px;gap:0}.nav__search-field.collapse:hover{cursor:pointer;transform:scale(1.1);transition-duration:.1s}.nav__search-field.expand{gap:.5rem;width:100%}.nav__search-field.expand:hover{cursor:none;transform:scale(1)}.nav__search-field.collapse input{width:0;padding:0}.nav__search-field.expand input{width:100%}.nav__search-field input:focus{outline:none}.nav__search-results{position:absolute;border-radius:var(--border-radius);top:-.7rem;left:-.7rem;right:-.7rem;z-index:-5}.nav__tracklist{overflow:auto;max-height:60vh}.nav__album-track{display:flex;align-items:center;gap:1rem;padding:.5rem}.nav__album-track:hover{cursor:pointer}.nav__album-track img{width:50px;height:50px;object-fit:cover;border-radius:5px}.nav__eras-link{white-space:nowrap}.nav__eras-link:hover{cursor:pointer;transform:scale(1.3);transition-duration:.1s}.selectedEra{padding:.5rem 1rem;border-radius:30px}.selectedEra.white{border:1px solid white}.selectedEra.black{border:1px solid black}.nav__hamburger,.nav__container-sm-close{cursor:pointer}.nav__container-sm{z-index:50;position:fixed;display:flex;flex-direction:column;top:0;right:0;height:100%;text-align:left;transition:.5s ease-in-out}.nav__container-sm.slide-in{width:35%}.nav__container-sm.slide-out{width:0}.nav__container-sm-closebtn-container{padding:1.75rem max(4vw,3rem);text-align:end;display:flex;align-items:center;flex-direction:row-reverse}.nav__container-sm-eras-container{display:flex;flex-direction:column;align-items:flex-start;gap:2.5rem;padding:1rem 2rem 2rem;flex-wrap:wrap;overflow:hidden}@media only screen and (min-width: 1723px){.nav__container{padding:var(--container-padding)}}@media only screen and (max-width: 1723px){.nav__eras-container-overflow{width:565px}}@media only screen and (max-width: 1180px){.nav__container{padding:var(--container-padding)}.nav__eras-container-overflow{width:unset}}@media only screen and (max-width: 750px){.nav__container{padding:1rem;gap:3rem}.nav__search-field{width:14rem}.nav__container-sm-closebtn-container{padding:1.25rem 1rem}.nav__container-sm.slide-in{width:75%}}@media only screen and (max-width: 550px){.nav__eras-container{gap:1rem}.nav__hamburger{z-index:20}.nav__search-results{border-radius:0;top:-1rem;left:-2rem;right:-5rem}.nav__album-track{padding-inline:1.5rem}}@media only screen and (max-width: 470px),only screen and (max-height: 470px){.nav__container-sm.slide-in{width:100%}}@media only screen and (max-width: 450px){.nav__parent-container{width:max(300px,100%)}}@font-face{font-family:RalphieTall;src:url(/assets/RalphieTall-DFibPyrH.otf) format("opentype")}@font-face{font-family:PistilliRoman;src:url(/assets/PistilliRoman-CF8RvSvd.otf) format("opentype")}:root,#root,html,body{padding:0;margin:0;box-sizing:border-box;scroll-behavior:smooth;font-family:Open Sans,sans-serif;--border-check: 1px solid black;--responsive-width: min(1600px, 100%);--container-padding: 1.5rem 3rem;--border-radius: 30px;--debut-green: #203e24;--debut-teal: #18a5bf;--debut-brown: #ae8c64}*,*:before,*:after{box-sizing:inherit}.app{background-color:#000}.loading{position:absolute;background-color:#000c;border-radius:var(--border-radius);width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:#fff;pointer-events:all;cursor:default}.loader{--c: #000;width:fit-content;font-weight:700;font-family:monospace;font-size:30px;color:#0000;overflow:hidden;text-shadow:0 0 var(--c),11ch 0 var(--c);animation:l6 2s infinite linear}.loader:before{content:"Loading..."}@keyframes l6{to{text-shadow:-11ch 0 var(--c),0ch 0 var(--c)}}.loading-circle{width:50px;padding:8px;aspect-ratio:1;border-radius:50%;background:#fff;--_m: conic-gradient(#0000 10%, #000), linear-gradient(#000 0 0) content-box;-webkit-mask:var(--_m);mask:var(--_m);-webkit-mask-composite:source-out;mask-composite:subtract;animation:l3 1s infinite linear}@keyframes l3{to{transform:rotate(1turn)}}.media-title{font-size:1rem;line-height:1.5rem;font-weight:700}iframe{border-radius:var(--border-radius);width:560px;height:315px}@media only screen and (max-width: 750px){iframe{width:450px;height:253.13px}}@media only screen and (max-width: 500px){iframe{width:400px;height:225px}}@media only screen and (max-width: 450px){.app{width:max(300px,100%)}iframe{width:300px;height:168.75px}}a{text-decoration:none}.z-100{z-index:100}::-webkit-scrollbar{width:10px;height:10px}.nowrap{white-space:nowrap}.underline{text-decoration:underline}.slightly-large-font{font-size:1.3rem;font-weight:100;line-height:2.3rem}.flex-grow{flex-grow:1}.text-center{text-align:center}.no-select{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.no-outline:focus{outline:none}.highlight{color:#f6ed95}.skipToTracks{position:fixed;bottom:2rem;right:2rem;z-index:10}@media only screen and (max-width: 300px){.skipToTracks{right:0;left:50%;transform:translate(-50%)}}.modal-open{pointer-events:none}.era-container{margin-top:.1rem}.era-hero{width:clamp(300px,100%,2040px);margin-inline:auto;position:relative}.hero-overlay{top:0;left:0;position:absolute;width:100%;height:100%;z-index:2;background-color:#000000b3}.era-hero-img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.7}.title-desc-album-photo{width:100%;display:flex;align-items:center;gap:4rem;justify-content:center;padding:10rem 3rem;position:relative;z-index:5}.title-desc{max-width:800px;text-align:center}.title-desc p{letter-spacing:.2rem;text-align:start;line-height:2rem;margin-block-end:0px;font-size:1rem}.album-photo{display:flex;flex-direction:column;gap:2rem;align-items:center;justify-content:center}.album-photo img{border-radius:var(--border-radius);width:560px;box-shadow:0 10px 100px #0000001a}.the-anthology{width:560px}@media only screen and (max-width: 1400px){.title-desc-album-photo{flex-direction:column;gap:2rem}}@media only screen and (max-width: 750px){.title-desc-album-photo{padding-inline:0}.title-desc-album-photo p{padding-inline:1rem}.the-anthology,.title-desc img,.album-photo img{width:450px}}@media only screen and (max-width: 500px){.the-anthology,.title-desc img,.album-photo img{width:400px}}@media only screen and (max-width: 450px){.the-anthology,.title-desc img,.album-photo img{width:300px}.era-container{width:max(300px,100%)}}button{padding-inline:3rem;border-radius:15px;border:2px solid;transition:background-color .2s ease-in-out}button p{font-size:1.5rem;font-weight:700;letter-spacing:.2rem;transition:color .2s ease-in-out}@media only screen and (max-width: 400px){button{padding-inline:1.5rem}button p{font-size:1rem}}.tracks__container{width:clamp(300px,100%,2040px);margin-inline:auto;padding:9rem 3rem 1.5rem}.tracks__container h1{font-size:1rem;letter-spacing:.3rem;font-weight:100;margin-bottom:2rem}.tracks__container h2{font-family:RalphieTall;font-weight:100;font-size:3rem;letter-spacing:.5rem;margin-block:2.5rem 1rem}.tracklist-h2{position:relative}.tracklist{position:absolute;left:50%;transform:translate(-50%)}.track-info-square{position:absolute;transition:.5s ease-in-out;padding:.5rem .5rem 0 0}.track-info{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;text-align:center;border-radius:15px}.track-info:hover{cursor:pointer;transform:scaleY(1.1);transition-duration:.2s;height:140%}.track-info.expand{justify-content:start;border-radius:var(--border-radius);padding-inline:1rem;gap:.5rem}.track-info.expand:hover{transform:scale(1);height:100%}.track-number-title{display:flex;align-items:center}.track-number{padding:1rem;position:relative}.track-number:after{content:"";width:1px;height:80%;position:absolute;right:0;top:50%;z-index:20;transform:translateY(-50%)}.track-info.expand .track-number:after{height:50%}.track-number-white:after{background-color:#fff}.track-number-black:after{background-color:#000}.track-title{padding:1rem;flex-grow:1}.track-title p{margin-block:0;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;white-space:normal;transition:all .3s ease-in-out}.track-info:not(.expand):hover .track-title p{text-overflow:unset;-webkit-line-clamp:unset;line-clamp:unset;overflow:visible;white-space:normal}.track-info.expand .track-title{position:relative;overflow:hidden;display:flex;align-items:center;max-width:100%}.track-info.expand .track-title p{position:absolute;white-space:nowrap;animation:ticker-animation 10s linear infinite;padding-right:20rem}@keyframes ticker-animation{0%{transform:translate(30%);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(-70%);opacity:0}}.track-iframe{opacity:0;transition:.5s ease-in-out;transition-delay:.5s;transition-property:opacity;align-self:center}.track-iframe.expand{opacity:1;position:relative}.track-iframe iframe{width:100%;height:100%;border:none;transition:.5s ease-in-out}.album-notes-container{display:flex;justify-content:center}.album-notes{display:flex;gap:4rem;padding:1rem;line-height:2rem;letter-spacing:.2rem;text-align:justify}@media only screen and (min-width: 1723px){.tracks__container{padding-top:6rem}}@media only screen and (max-width: 1400px){.album-notes{flex-direction:column;gap:1rem;text-align:start}}@media only screen and (max-width: 1180px){.tracks__container{padding-top:6rem}}@media only screen and (max-width: 750px){.tracks__container{padding:6rem 1rem 1rem}}.carousel__container{margin-top:5rem;width:100%;overflow:hidden;padding:2rem 3rem;position:relative}.carousel__img-desc{font-weight:500;font-size:1.5rem;white-space:wrap}.carousel__container img{height:250px;border-radius:var(--border-radius);cursor:pointer}.carousel__container .img-border-black:hover{border:2px solid black}.carousel__container .img-border-white:hover{border:2px solid white}.left-arrow,.right-arrow{display:flex;align-items:center;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);height:100%;width:50px}.left-arrow{left:0}.right-arrow{right:0}.left-arrow:hover,.right-arrow:hover{cursor:pointer;background-color:#6868683d}.images-wrapper{display:flex;gap:2rem;overflow-x:auto}@media only screen and (max-width: 600px){.carousel__img-desc{font-size:1.5rem;max-width:20rem}}@media only screen and (max-width: 450px){.carousel__container{width:max(300px,100%)}.carousel__img-desc{font-size:1.5rem;max-width:17rem}}.modal__container{pointer-events:all;position:fixed;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;display:flex;justify-content:center;align-items:center}.modal__overlay{position:fixed;top:0;bottom:0;left:0;right:0;z-index:999;background:#000000e5}.modal__close-btn,.modal__left-btn,.modal__right-btn{position:absolute;z-index:1000}.modal__close-btn:hover,.modal__left-btn:hover,.modal__right-btn:hover{cursor:pointer;transform:scale(1.1);transition-duration:.1s}.modal__close-btn{top:20px;right:20px}.modal__left-btn{left:20px}.modal__right-btn{right:20px}.modal__overlay .img-container{height:90%;display:flex;flex-direction:column;justify-content:center;align-items:center}.modal__overlay .img-container a{max-width:100%;max-height:100%;display:flex;justify-content:center;align-items:center}.modal__overlay .img-container img{max-width:100%;max-height:100%}.home__container{width:clamp(300px,100%,2040px);height:max(900px,100vh);position:relative;margin-inline:auto}.home__container:after{content:"";top:0;left:0;position:absolute;width:100%;height:100%;background:#0009;z-index:5}.home__hero{width:100%;height:100%;min-height:800px;object-fit:cover;position:absolute}.home__text-container{position:absolute;top:15%;z-index:10;width:50%;display:flex;flex-direction:column;padding:var(--container-padding)}.home__text-container h1{font-family:RalphieTall;font-weight:100;font-size:3rem;letter-spacing:.5rem}.taylor-swift{white-space:nowrap;color:#f6ed95}@media only screen and (min-aspect-ratio: .3/2){.home__hero{object-position:57%}}@media only screen and (min-width: 1350px){.home__text-container{width:40%}}@media only screen and (max-width: 750px){.home__text-container{padding:1rem}.home__text-container h1{font-size:2.5rem}}@media only screen and (max-width: 470px){.home__text-container{width:60%}.home__text-container h1{font-size:2rem;margin-bottom:10px}}.terms__container{width:clamp(300px,100%,2040px);margin-inline:auto;padding:6rem 3rem 1.5rem;margin-bottom:10rem;color:#fff}.terms__container h1{font-size:2rem}.terms__container p{font-size:1.5rem;line-height:2.5rem}.h1-container{text-align:center;margin-top:5rem}.h1-container h1{font-weight:500;font-size:4rem;font-family:RalphieTall;letter-spacing:.3rem;margin-block:0px}.terms__eras-tv-container{display:flex;flex-direction:column;gap:2rem;margin-top:54px}.terms__eras-tv-container h1{margin:0}.terms__ts-container,.terms__eras-container,.terms__tv-container{text-align:start;background-color:#000;border-radius:var(--border-radius)}.terms__ts-pic-text-container,.terms__eras-vid-container,.terms__tv-pics-text-container{display:flex;gap:2rem}.terms__ts-pic-text-container{margin-top:24px}.terms__ts-pic-media-title-container{display:flex;flex-direction:column;align-items:center;text-align:center}.terms__ts-pic-container{width:600px}.terms__ts-pic-container img{width:100%;border-radius:var(--border-radius)}.terms__iframe-container{text-align:center;display:flex;flex-direction:column;justify-content:center}.terms__tv-pics-media-title-container{display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center}.terms__tv-pics-container{display:grid;grid-template-columns:repeat(2,auto);grid-template-rows:repeat(2,auto);gap:1rem;align-items:center;place-content:center;width:600px}.terms__tv-pics-container img{width:100%}.eras-btns-list{margin-top:5rem}.eras-btns-grid{display:flex;margin-top:3rem;flex-wrap:wrap;gap:2rem;justify-content:center}@media only screen and (min-width: 1700px){.terms__tv-pics-text-container{margin-top:2rem}.terms__tv-pics-text-container p{margin-block:0}}@media only screen and (max-width: 1400px){.terms__ts-pic-text-container,.terms__eras-vid-container,.terms__tv-pics-text-container{flex-direction:column}.terms__ts-pic-text-container{margin-top:0}.terms__ts-pic-text-container,.terms__eras-vid-container{gap:0}.terms__about-taylor{order:-1}.terms__eras-vid-container iframe{align-self:center}.terms__tv-pics-text-container{align-items:center;margin-bottom:3rem}.terms__tv-pics-text-container p{order:-1}}@media only screen and (max-width: 750px){.terms__container{padding:6rem 1rem 1rem}.terms__ts-pic-container,.terms__tv-pics-container{width:450px}}@media only screen and (max-width: 500px){.terms__ts-pic-container,.terms__tv-pics-container{width:400px}}@media only screen and (max-width: 470px){.h1-container h1{font-size:3rem}}@media only screen and (max-width: 450px){.terms__ts-pic-container{width:300px}.terms__tv-pics-container{width:250px}}.intro__container{padding:12rem 3rem 7rem;width:clamp(300px,100%,2040px);margin-inline:auto;font-style:italic}.intro__container h1{font-weight:100}.taylorswift-grid{display:grid;grid-template-areas:"a a a a" "b b c c";gap:2rem;justify-items:center;align-items:center;color:#fff}.ts1{grid-area:a}.ts1 h1,.ts5 h1{margin-top:21px;font-size:3em}.ts2{grid-area:b;align-self:flex-start;width:100%}.ts3{grid-area:c;align-self:flex-start;width:100%}.fearlessTV-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;color:#fff}.fearlessTV{display:flex;flex-direction:column;justify-content:space-between;gap:2rem}.normal-letterSpacing{font-style:normal;letter-spacing:1rem;font-size:3rem;margin-block:0}.redTV-grid{color:#fff}.folklore-grid{display:grid;grid-template-areas:"a a a a" "b b c c" "b b d d" "e e e e";gap:2rem;justify-items:center;align-items:center;color:#000}.ts4{grid-area:d;align-self:flex-start;width:100%}.ts5{grid-area:e}.ttpd-grid{display:grid;grid-template-areas:"a a a a" "b b c c" "e e e e";gap:2rem;justify-items:center;align-items:center;color:#fff}.titleAuthor-span{font-style:normal}@media only screen and (max-width: 1000px){.ts1 h1,.ts5 h1{font-size:2em}.taylorswift-grid{grid-template-areas:"a a" "a a" "b b" "c c";justify-items:flex-start}.folklore-grid{grid-template-areas:"a" "b" "c" "d" "e";justify-items:flex-start}.ttpd-grid{grid-template-areas:"a" "b" "c" "e";justify-items:flex-start}.titleAuthor-span{font-size:1.3rem!important}}@media only screen and (max-width: 750px){.intro__container{padding:10rem 1rem 7rem}.fearlessTV-grid{grid-template-columns:1fr;gap:4rem}}@media only screen and (max-width: 400px){.intro__container h1{font-size:1.5rem}}.footer__container{color:#fff;padding:5rem 3rem 2rem;width:clamp(300px,100%,2040px);margin-inline:auto}.contact-list{display:flex;gap:3.5rem}.footer__container h2{font-weight:100;margin-block:0 .5rem}.contact-us{flex-basis:50%;display:flex;flex-direction:column;align-items:center}.footer__container .img-container{border-radius:50%;width:300px;height:300px}.footer__container .img-container img{border-radius:inherit;width:100%;height:100%;object-fit:cover}.links-container{margin-top:2rem;text-align:center}.buttons-container{margin-top:1rem;display:flex;gap:1rem;justify-content:center}.socials-container{margin-top:1rem;display:flex;gap:2rem;justify-content:center}.social-icon:hover{cursor:pointer;transform:scale(1.3);transition-duration:.1s}.copyright-message{padding:4rem 2rem 0;text-align:center}@media only screen and (max-width: 1000px){.contact-list{flex-direction:column}}@media only screen and (max-width: 750px){.footer__container{padding:5rem 1rem}}@media only screen and (max-width: 500px){.buttons-container{flex-direction:column}}@media only screen and (max-width: 400px){.footer__container h2{font-size:1.3rem}.contact-us{gap:.5rem}.footer__container .img-container{height:250px;width:250px}}