.row{display:flex;box-sizing:border-box}.column,.col{display:flex;flex-direction:column;box-sizing:border-box}.as-fe{align-self:flex-end}.g-25{gap:25px}.w-10{width:10%}.w-20{width:20%}.w-30{width:30%}.w-40{width:40%}.w-50{width:50%}.w-60{width:60%}.w-70{width:70%}.w-80{width:80%}.w-90{width:90%}.w-100{width:100%}@media screen and (max-width: 768px){.bp-w-100{width:100%}}.p-25{padding:25px}.mt-25{margin-top:25px}.mt-50{margin-top:50px}.mb-50{margin-bottom:50px}.mb-25{margin-bottom:25px}.bc-dark1{background-color:#100e0f}.bc-dark2{background-color:#151314}.bc-dark3{background-color:#181818}.bc-medium{background-color:#413e40}.bc-green{background-color:#3f5e42;color:#100e0f}.c-white{color:#fff}.c-gray{color:#76776d}body{background-color:#dde1cb;margin:0;color:#272825;font-family:Neue Haas Grotesk Light;letter-spacing:1px;display:flex;justify-content:center;font-size:16px}body *{display:flex}a{text-decoration:none}a:visited{color:inherit}.main{width:100%;justify-content:center}.main .content{width:100%;max-width:1600px;flex-direction:column}button.main-but{cursor:pointer;text-transform:uppercase;border:1px solid #272825;display:flex;color:inherit;background:none;font-family:neue haas grotesk medium;letter-spacing:5px;padding:10px 25px;transition:all 1s}button.main-but:hover{background-color:#272825;color:#dde1cb}.sec-3 button.main-but{border-color:#989981}.sec-3 button.main-but:hover{background-color:#dde1cb;color:#272825}h1,h2,h3{letter-spacing:1px;margin:0}img{width:100%}nav{display:flex;justify-content:space-between;padding:15px;z-index:1;width:100%;position:fixed;background-color:#dde1cb;transition:background-color 2s;margin-left:-25px}nav.sticky{position:fixed;background-color:#dde1cb}nav arts-logo{width:100px;margin-left:25px}nav arts-logo svg path{fill:#272825}header,arts-header{flex-direction:column;display:flex;justify-content:flex-end}header .text-container,arts-header .text-container{display:flex;flex-direction:column;position:absolute;justify-content:flex-end;margin:0 0 2% 2%;align-items:flex-start}header .text-container .sub-header,arts-header .text-container .sub-header{color:#e2c693;letter-spacing:3px;background-color:#100e0f;padding:10px}header .text-container h1,arts-header .text-container h1{color:#e2c693;font-family:Neue Haas Grotesk Bold;letter-spacing:5px;text-transform:uppercase;margin:0;font-size:3vw}@media screen and (max-width: 768px){header .text-container h1,arts-header .text-container h1{font-size:6.5vw}}header .text-container .byline,arts-header .text-container .byline{color:#100e0f;font-family:Neue Haas Grotesk Bold;background-color:#e2c693;padding:10px 25px;text-transform:uppercase;letter-spacing:10px;align-items:center;justify-content:center;font-size:1vw;margin-top:1%}@media screen and (max-width: 768px){header .text-container .byline,arts-header .text-container .byline{font-size:2.5vw}}section{display:flex;min-height:500px;width:100%}@media screen and (max-width: 768px){section{flex-direction:column;height:inherit}}.section-header{text-transform:uppercase;font-family:neue haas grotesk bold;color:inherit;font-size:12px;letter-spacing:1px;margin-bottom:50px}.album-tracks{display:flex;flex-direction:column;width:100%}.album-tracks .album-track{display:flex;align-items:center;letter-spacing:1px;min-height:30px;padding:2px 0}.album-tracks .album-track .track-name{display:flex;letter-spacing:1.5px;gap:5px}.album-tracks .album-track .track-name .track-composer{color:#76776d}.album-tracks .album-track .track-no{display:flex;justify-content:center;align-items:center;height:100%;margin-right:10px}.album-tracks .album-track .track-details{display:flex;justify-content:space-between;width:100%}.album-tracks .album-track .track-details .track-length{align-items:center;margin-right:5px}.sec-1{background-color:inherit;color:#272825}.sec-2{background-color:#989981;color:#272825}.sec-3{background-color:#272825;color:#989981}.sec-4{background-color:#d0d3bc}.pr-25{position:relative;left:25px}@media screen and (max-width: 768px){.pr-25{left:inherit}}.pr--25{position:relative;left:-25px}@media screen and (max-width: 768px){.pr--25{left:inherit}}.pr-50{position:relative;left:50px}@media screen and (max-width: 768px){.pr-50{left:inherit}}.pr--50{position:relative;left:-50px}@media screen and (max-width: 768px){.pr--50{left:inherit}}.pr-100{position:relative;left:100px}@media screen and (max-width: 768px){.pr-100{left:inherit}}.pr--100{position:relative;left:-100px}@media screen and (max-width: 768px){.pr--100{left:inherit}}.main-page{display:flex}.main-page .left{display:flex;flex-direction:column;width:75%;justify-content:flex-start;align-items:flex-start}.main-page .left .text-content{display:flex;flex-direction:column;padding-right:20%;align-items:flex-start}@media screen and (max-width: 768px){.main-page .left{width:100%}}.main-page .right{width:25%;display:flex;flex-direction:column}.main-page .right .album-container{display:flex;flex-direction:column}.main-page .right .album-container .album-cover img{width:100%}.main-page .right .album-container .album-text{display:flex;flex-direction:column;color:#e6e7e8;padding-top:15px}.main-page .right .album-container .album-text span{color:#e2c693}@media screen and (max-width: 768px){.main-page .right{width:100%}}arts-front-page{display:flex;flex-direction:column}album-detail{display:flex;margin-top:50px}album-detail .left{width:60%;display:flex;flex-direction:column}@media screen and (max-width: 768px){album-detail .left{width:100%}}album-detail .right{width:40%;display:flex;flex-direction:column}album-detail .right img{width:100%}@media screen and (max-width: 768px){album-detail .right{width:100%}}garden-of-sounds-liner-notes{display:flex;flex-direction:column}player{display:flex;margin:0 auto;color:#272825;width:80%}@media screen and (max-width: 768px){player{flex-direction:column;align-items:center;width:100%;padding-top:25px}}player .hidden{opacity:0;display:none}player .player-cover{width:40%}player .player-cover img{width:100%}@media screen and (max-width: 768px){player .player-cover{width:80%}}player .player-container{display:flex;flex-direction:column;width:70%;align-items:center;justify-content:center}@media screen and (max-width: 768px){player .player-container{width:100%;margin-top:25px}}player .player-container .progress-container{display:flex;align-items:center;gap:10px}player .player-container .progress-container .load-container{border:1px solid #413e40;width:200px;height:10px;display:flex}player .player-container .progress-container .load-container .load-bar{display:flex;background-color:#413e40;width:0}player button.play{border:2px solid #272825;background:none;width:100px;height:100px;border-radius:50%;display:flex;justify-content:center;align-items:center;margin:25px 0;cursor:pointer}player button.play :hover{opacity:.9}player button.play play-icon{height:50px;position:relative;left:5px}player button.play pause-icon{height:50px}player button.play svg rect,player button.play svg path{fill:#272825}.song-title{font-size:24px;font-family:neue haas grotesk medium;letter-spacing:1px;text-align:center}.band-name{color:#76776d;font-size:24px;font-family:neue haas grotesk medium;letter-spacing:1px;text-align:center}.slide-container{margin-top:60px}.slide-container .slide{display:flex;justify-content:flex-start;position:relative;margin:auto;align-items:flex-end;display:none}.slide-container .slide.image-active{display:flex}.slide-container .slide.fade{animation:fade 1.5s}.slide-container .slide img{width:100%}@media screen and (max-width: 768px){.slide-container .slide img.landscape{display:none}}.slide-container .slide img.portrait{display:none}@media screen and (max-width: 768px){.slide-container .slide img.portrait{display:flex}}.slide-container .slide .dot-container{display:flex;justify-content:center;position:absolute;bottom:15px;gap:10px;width:100%}.slide-container .slide .dot-container__dot{cursor:pointer;height:13px;width:13px;border-radius:50%;background-color:#fff3;transition:all .6s ease}.slide-container .slide .dot-container__dot.active{background-color:#fff;pointer-events:none}.slide-container .slide .dot-container__dot:hover{background-color:#fff;animation:button .5s ease-in-out}.slide-container .slide button.arrow{display:flex;position:absolute;justify-content:center;align-items:center;top:calc(50% - 8px);background-color:#fff3;border:none;width:32px;height:32px;border-radius:50%;padding:12px;cursor:pointer}.slide-container .slide button.arrow arrow-icon{width:100%;position:relative}.slide-container .slide button.arrow--prev{left:15px}.slide-container .slide button.arrow--prev arrow-icon{left:-1px;transform:rotate(180deg)}.slide-container .slide button.arrow--next{right:15px}.slide-container .slide button.arrow--next arrow-icon{left:1px}.slide-container .slide button.arrow:hover{animation:button .5s ease-in-out}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes button{0%{transform:scale(1)}80%{transform:scale(1.1)}to{transform:scale(1)}}.album-container{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;padding:15px}.album-container .album-cover{position:relative}.album-container .album-cover img{width:100%}.album-container button.read-more{display:flex;justify-content:center;align-items:center;width:42px;height:42px;border-radius:36px;background-color:#e2c693;border:none;position:absolute;cursor:pointer}.album-container button.read-more link-icon{position:relative;left:1px;height:24px}@font-face{font-family:Neue Haas Grotesk Light;src:url(47e29da7-7a58-44de-8b3c-db20c65f6c3f.563ba220fbed3bab.woff2) format("woff2"),url(b760d559-b712-4db0-a54c-0d0f8c10495b.5c1e8165ecdad30b.woff) format("woff")}@font-face{font-family:Neue Haas Grotesk;src:url(408d741e-b96a-486f-907a-770f7e11d6d3.8a353b64646b6e0c.woff2) format("woff2"),url(ec7b458e-6d24-4b3d-9c7f-43321a10ffe4.a40b168a94a3e44d.woff) format("woff")}@font-face{font-family:Neue Haas Grotesk Bold;src:url(caaf0104-b666-4bce-adb5-a02b66b53c98.ff16de50c0b2622e.woff2) format("woff2"),url(4e700c89-4fa6-4042-8e11-b5c43528e0cc.148052c2f28112d9.woff) format("woff")}@font-face{font-family:Neue Haas Grotesk Black;src:url(a6d38046-3354-4bce-bdd4-edf89c350792.527c7b88c70c447a.woff2) format("woff2"),url(05d81da2-9c52-4a30-b5d8-448cb03ee584.a62b24b068f2978f.woff) format("woff")}@font-face{font-family:Neue Haas Grotesk Medium;src:url(6e329389-9c44-48b0-8291-f918840fe862.6cab044620470ee5.woff2) format("woff2"),url(dc6a6646-e0ac-4deb-b3c0-19e5dc30bf6a.7a11776b28266e4b.woff) format("woff")}
