:root{--orange:#FF6C2B;--black:#000000}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding:0;background-color:var(--orange);color:var(--black);font-family:'Roboto Mono',monospace}h1,h2,h3{font-family:'Be Vietnam Pro',sans-serif;font-weight:900}header{position:fixed;top:0;left:0;width:100%;z-index:1000;border-bottom:3px solid var(--black);#marquee{background:var(--black);color:var(--orange);font-family:'Be Vietnam Pro',sans-serif;font-weight:700;font-size:1rem;height:2rem;width:100%;display:flex;align-items:center;overflow:hidden;white-space:nowrap;.marquee-content{display:inline-block;margin-left:0;animation:scroll-left 15s linear infinite;line-height:1.1;height:1rem}}#menu{display:flex;align-items:center;justify-content:center;min-height:2rem;max-height:2rem;width:100%;color:var(--black);background-color:var(--orange);font-family:'Be Vietnam Pro',sans-serif;font-weight:700;transition:.4s ease-out;overflow:hidden;nav{font-weight:700;font-size:1rem;display:flex;align-items:center;justify-content:center;ul{list-style:none;margin:0;display:flex;gap:2rem;line-height:1.1;height:1rem;li.active a:after{display:block;width:100%}span{height:2rem;display:none}a{color:inherit;text-decoration:none;font-weight:900;text-transform:uppercase;position:relative;&:after{content:'';display:block;border-top:2px solid var(--black);position:absolute;width:0%;top:calc(50% - 1px);transition:.4s ease-out}&:hover:after{display:block;width:100%}}li.current a:after{display:block;width:100%}}@media (max-width :1200px){display:none}}#burger{border:0;background:#fff0;padding:0;position:relative;width:1.5rem;height:15px;display:none;cursor:pointer;.bar{position:absolute;background-color:var(--black);height:3px;width:1.5rem;top:6px;transition:.4s ease-out;&:first-child{top:0}&:last-child{bottom:0;top:initial}}@media (max-width :1200px){display:flex}}}&.open-menu{#menu{flex-direction:column;align-items:start;max-height:100dvh;background-color:var(--black);nav{display:flex;ul{flex-direction:column;height:initial;padding:2rem;font-size:2rem;gap:0;span{display:block}a{color:var(--orange);&:after{border-top:4px solid var(--orange)}}}}#burger-wrapper{border-top:3px solid #000;background-color:var(--orange);color:var(--black);height:2rem;display:flex;justify-content:center;align-items:center;width:100%;.bar{width:0;transform-origin:0;&:first-child{transform:rotate(45deg);width:17px;left:2px}&:last-child{transform:rotate(-45deg);width:17px;left:2px}}}}}}.container{width:95%;max-width:var(--wrapper-width);margin-left:auto;margin-right:auto;box-sizing:border-box;@media (max-width:576px){width:calc(100% - 2rem);margin-left:1rem;margin-right:1rem;--wrapper-width:calc(100% - 2rem)}@media (min-width:576px){--wrapper-width:540px}@media (min-width:768px){--wrapper-width:720px}@media (min-width:992px){--wrapper-width:960px}@media (min-width:1200px){--wrapper-width:1140px}@media (min-width:1400px){--wrapper-width:1320px}}@keyframes scroll-left{0%{margin-left:translateX(-33%)}100%{transform:translateX(-50%)}}main{margin-top:5rem;font-size:1.25rem;line-height:1.4;@media (max-width:576px){margin-top:3.75rem}section{padding:13rem 0;@media (max-width:992px){padding:3rem 0}}#top{padding:0;@media (max-width :576px){padding-top:1rem}#home-swiper{margin-top:1rem;border:3px solid var(--black);@media (max-width:576px){margin:.25rem -1rem}.swiper-slide{aspect-ratio:16 / 9;@media (max-width:576px){aspect-ratio:1 / 1}display:flex;img[data-src]{width:100%;aspect-ratio:16 / 9;object-fit:cover;object-position:center;background-color:var(--black);@media (max-width:576px){aspect-ratio:1 / 1}}}}}#about{text-align:center;max-width:52rem;margin:auto;@media (max-width:576px){text-align:start}>.container>div{>div{margin-top:13rem;@media (max-width:576px){margin-top:5rem}}img{max-width:100%;width:100%;border:3px solid var(--black)}}}#events{background-color:var(--black);color:var(--orange);>.container{ul{list-style:none;margin:0;padding:0;max-width:52rem;margin:auto;li a{font-family:'Be Vietnam Pro',sans-serif;font-weight:900;height:4rem;border-bottom:1px solid var(--orange);display:flex;justify-content:space-between;align-items:center;text-decoration:none;color:inherit;text-transform:uppercase;position:relative;@media (max-width:576px){flex-direction:column;align-items:start;height:initial;padding:.25rem 0}>*{text-wrap:balance;&:last-child{font-weight:700}}&:after{content:'';display:block;border-top:2px solid var(--orange);position:absolute;width:0%;top:calc(50% - 1px);transition:.4s ease-out}&:hover:after{display:block;width:100%}}}}}#archive{color:var(--black);background-color:var(--orange);>.container{display:flex;justify-content:center;flex-direction:column;gap:6rem;align-items:center;ul{list-style:none;margin:0;padding:0;max-width:calc(60rem + 6rem);margin:auto;display:flex;flex-wrap:wrap;gap:5rem 3rem;justify-content:center;li{width:20rem;@media (max-width :calc(40rem + 3rem)){width:100%}a{border-bottom:1px solid var(--orange);display:flex;flex-direction:column;align-items:start;text-decoration:none;color:inherit;position:relative;gap:1rem;.placeholder{width:100%;aspect-ratio:2 / 1}.lazyload{width:100%;img.archive-featured{aspect-ratio:2 / 1;object-fit:cover;object-position:center;max-width:100%;width:100%;border:3px solid var(--black)}&.lazyloaded img{filter:grayscale(1);transition:.4s ease-out}}.title{text-transform:uppercase;font-family:'Be Vietnam Pro',sans-serif;font-weight:900}.description{font-family:'Roboto Mono',monospace}&:hover .lazyloaded img{filter:grayscale(0)}}}}.outside a{color:inherit;text-decoration:none;position:relative;&:after{content:'';display:block;border-top:2px solid var(--black);position:absolute;width:0%;top:calc(50% - 1px);transition:.4s ease-out}&:hover:after{display:block;width:100%}}}}#hifisystem{background-color:var(--black);color:var(--orange);position:relative;.container>div.half-left{width:50%;@media (max-width :992px){width:100%;padding:0}>div{margin:auto;max-width:19em;h4{text-transform:uppercase;font-family:'Be Vietnam Pro',sans-serif;font-weight:900}}}.back-img{position:absolute;width:50%;height:100%;object-fit:cover;top:0;left:50%;@media (max-width :992px){position:static;width:100%;margin:3em 0 -3em}}}#press{color:var(--black);background-color:var(--orange);>.container{display:flex;justify-content:center;flex-direction:column;gap:6rem;align-items:center;ul{list-style:none;margin:0;padding:0;max-width:52rem;margin:auto;display:flex;flex-direction:column;gap:1rem;li{a{border-bottom:2px solid var(--black);display:flex;flex-direction:column;align-items:start;text-decoration:none;color:inherit;position:relative;padding-bottom:1rem;gap:.5rem;.title{text-transform:uppercase;font-family:'Be Vietnam Pro',sans-serif;font-weight:900}.description{font-family:'Roboto Mono',monospace}}&:last-child>a{border-bottom:0!important}}}.outside a{color:inherit;text-decoration:none;position:relative;&:after{content:'';display:block;border-top:2px solid var(--black);position:absolute;width:0%;top:calc(50% - 1px);transition:.4s ease-out}&:hover:after{display:block;width:100%}}}}#podcast{color:var(--black);background-color:var(--orange);border-top:3px solid var(--black);>.container{display:flex;justify-content:center;flex-direction:column;gap:6rem;align-items:center;ul{list-style:none;margin:0;padding:0;width:52rem;max-width:100%;margin:auto;display:flex;flex-direction:column;gap:1rem;iframe{border-radius:12px;width:100%;height:152px}}.outside a{color:inherit;text-decoration:none;position:relative;&:after{content:'';display:block;border-top:2px solid var(--black);position:absolute;width:0%;top:calc(50% - 1px);transition:.4s ease-out}&:hover:after{display:block;width:100%}}}}#galeria-instagram{margin-top:1rem;background-color:var(--black);padding:1rem 0}#contact{padding:6em 0;text-align:center;.social-networks{margin-top:1em;display:flex;gap:2rem;justify-content:center;align-items:center}a{display:inline-block;text-decoration:none;color:inherit;position:relative;&:after{content:'';display:block;border-top:2px solid #000;position:absolute;width:0%;top:calc(50% - 1px);transition:.4s ease-out}&:hover:after{display:block;width:100%}}}}.post{max-width:52rem;margin:auto;text-align:center;padding:3rem 0 6rem;.content{display:flex;flex-direction:column;justify-content:center;gap:2rem;img.featured{max-width:100%;width:100%;border:3px solid var(--black)}h1{text-transform:uppercase}.info{display:flex;justify-content:center;flex-wrap:wrap;gap:2rem;font-size:1.125rem}.social-sharer{list-style:none;display:flex;gap:2rem;justify-content:center;margin:0;padding:0;font-size:1.125rem}a{text-decoration:none;color:inherit;position:relative;display:inline-block;&:after{content:'';display:block;border-top:2px solid #000;position:absolute;width:0%;top:calc(50% - 1px);transition:.4s ease-out}&:hover:after{display:block;width:100%}}>*{margin:0}}}h1{font-size:4rem;line-height:1;@media (max-width:576px){font-size:2rem;line-height:1.2;margin:0}}#instagram-swiper{.swiper-slide{width:240px;display:flex;img[data-src]{width:240px;object-fit:cover;object-position:center;background-color:var(--black)}}}#soundsystem-swiper{width:100%;height:100%;.swiper-slide{img{width:100%;height:100%;object-fit:cover;object-position:center}}}.single main section{padding:0rem 0}.archive #archive,.archive #press,.archive #podcast{padding-top:6rem;border:0}section#kit-digital{background-color:var(--black);padding:2rem}.lazyload{position:relative;img{aspect-ratio:16/9}&:after{content:url(https://www.oblicuohifibar.com/wp-content/themes/oblicuohifi/img/loading.svg);width:150px;height:150px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}.lazyloaded{img{aspect-ratio:initial}&:after{display:none}}.mobile-img{display:none;@media (max-width:576px){display:block}}section#podcast,section#archive,section#hifisystem,section#press,section#events{min-height:100dvh;display:flex;flex-direction:column;justify-content:center}footer{ul.menu{display:inline;padding:0;li{display:inline;&:after{content:', '}&:last-child:after{content:'.'}a{color:inherit;text-decoration:none}}}.cmplz-btn{background:#fff0;border:0;font-family:inherit;font-size:inherit;cursor:pointer}}@font-face{font-family:'Be Vietnam Pro';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/bevietnampro/v12/QdVMSTAyLFyeg_IDWvOJmVES_HSMIG86Rb0JcBaoUUU.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Be Vietnam Pro';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/bevietnampro/v12/QdVMSTAyLFyeg_IDWvOJmVES_HSMIG87Rb0JcBaoUUU.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Be Vietnam Pro';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/bevietnampro/v12/QdVMSTAyLFyeg_IDWvOJmVES_HSMIG81Rb0JcBao.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Be Vietnam Pro';font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/bevietnampro/v12/QdVMSTAyLFyeg_IDWvOJmVES_HS0Im86Rb0JcBaoUUU.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Be Vietnam Pro';font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/bevietnampro/v12/QdVMSTAyLFyeg_IDWvOJmVES_HS0Im87Rb0JcBaoUUU.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Be Vietnam Pro';font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/bevietnampro/v12/QdVMSTAyLFyeg_IDWvOJmVES_HS0Im81Rb0JcBao.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Roboto Mono';font-style:italic;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xoDF4xlVMF-BfR8bXMIjhOsXG-q2oeuFoqFrlVANW3CpmeTIwsa4YaDA.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Roboto Mono';font-style:italic;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xoDF4xlVMF-BfR8bXMIjhOsXG-q2oeuFoqFrlVANW-CpmeTIwsa4YaDA.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Roboto Mono';font-style:italic;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xoDF4xlVMF-BfR8bXMIjhOsXG-q2oeuFoqFrlVANW5CpmeTIwsa4YaDA.woff2) format('woff2');unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:'Roboto Mono';font-style:italic;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xoDF4xlVMF-BfR8bXMIjhOsXG-q2oeuFoqFrlVANW1CpmeTIwsa4YaDA.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Roboto Mono';font-style:italic;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xoDF4xlVMF-BfR8bXMIjhOsXG-q2oeuFoqFrlVANW0CpmeTIwsa4YaDA.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Roboto Mono';font-style:italic;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xoDF4xlVMF-BfR8bXMIjhOsXG-q2oeuFoqFrlVANW6CpmeTIwsa4Y.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Roboto Mono';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_7Pq_SeW4AJi8SJQtQ4Y.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Roboto Mono';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_7Pq_QOW4AJi8SJQtQ4Y.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Roboto Mono';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_7Pq_R-W4AJi8SJQtQ4Y.woff2) format('woff2');unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:'Roboto Mono';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_7Pq_S-W4AJi8SJQtQ4Y.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Roboto Mono';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_7Pq_SuW4AJi8SJQtQ4Y.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Roboto Mono';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_7Pq_ROW4AJi8SJQt.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}