@charset "UTF-8";html{font-size:62.5%;box-sizing:border-box;scroll-behavior:smooth}body{width:100%;min-height:100vh;background-color:#fff;color:#000;font-family:League Spartan,sans-serif;font-size:1.5rem;line-height:1.5;display:flex;flex-direction:column}@font-face{font-family:League Spartan;src:url(/My-practices-in-the-frontend-mentor/demo/intermediate/room-homepage-master-demo/assets/LeagueSpartan-Bold-CNtWLHjM.ttf);font-style:normal;font-weight:700;font-display:wrap}@font-face{font-family:League Spartan;src:url(/My-practices-in-the-frontend-mentor/demo/intermediate/room-homepage-master-demo/assets/LeagueSpartan-Medium-Br2rUdbo.ttf);font-style:normal;font-weight:500;font-display:wrap}@font-face{font-family:League Spartan;src:url(/My-practices-in-the-frontend-mentor/demo/intermediate/room-homepage-master-demo/assets/LeagueSpartan-SemiBold-D_7VJSBj.ttf);font-style:normal;font-weight:600;font-display:wrap}*{padding:0;margin:0}*,*:before,*:after{box-sizing:border-box}a,a:link,a:visited,a:hover{text-decoration:none;cursor:pointer}aside,nav,footer,header,section,main{display:block}ul,ol{list-style:none}li{list-style-type:none}img{vertical-align:top;max-width:100%;height:auto}svg{max-width:100%;height:auto}address{font-style:normal}input,textarea,button,select{font-family:inherit;font-size:inherit;color:inherit;background-color:transparent}input::-ms-clear{display:none}button,input[type=submit]{display:inline-block;box-shadow:none;background:none;cursor:pointer}input[type=file]{max-width:100%}input[type=text]:focus,textarea[type=text]:focus,button[type=button]:focus,select:focus{outline:none}button{border:none}.no-display{display:none}.diaply-block{display:block}.description{color:#a1a1a1;font-size:1.5rem;font-weight:500}.hero__header{flex:0 0 58.4%;aspect-ratio:840/534;background-image:url(/My-practices-in-the-frontend-mentor/demo/intermediate/room-homepage-master-demo/assets/desktop-image-hero-1-DBM1tJMd.jpg);background-size:contain;background-repeat:no-repeat;padding:6.4rem clamp(2.4rem,-21.7142857143px + 5.9523809524vw,6.4rem) clamp(0rem,-73.1428571429px + 9.5238095238vw,6.4rem)}@media (width <= 1300px){.hero__header{background-size:cover}}.hero__header.slide-2{background-image:url(/My-practices-in-the-frontend-mentor/demo/intermediate/room-homepage-master-demo/assets/desktop-image-hero-2-BSJEtSa5.jpg)}.hero__header.slide-3{background-image:url(/My-practices-in-the-frontend-mentor/demo/intermediate/room-homepage-master-demo/assets/desktop-image-hero-3-Bz1wOWsz.jpg)}@media (width <= 767.98px){.hero__header{aspect-ratio:375/360;background-image:url(/My-practices-in-the-frontend-mentor/demo/intermediate/room-homepage-master-demo/assets/mobile-image-hero-1-DkS98Ka3.jpg)}.hero__header.slide-2{background-image:url(/My-practices-in-the-frontend-mentor/demo/intermediate/room-homepage-master-demo/assets/mobile-image-hero-2-Dn5LFLCV.jpg)}.hero__header.slide-3{background-image:url(/My-practices-in-the-frontend-mentor/demo/intermediate/room-homepage-master-demo/assets/mobile-image-hero-3-BRKTKh2N.jpg)}}.burger{display:none;flex-direction:column;justify-content:space-between;width:28px;height:20px;background:none;border:none;cursor:pointer;z-index:1050;transition:transform .3s ease-in-out,z-index 0s .3s}.burger span{display:block;height:3px;width:100%;background-color:#fff;border-radius:2px;transition:transform .3s ease,opacity .3s ease,background-color .3s ease}@media (width <= 767.98px){.burger{display:flex}}.burger.active span{background-color:#a1a1a1}.burger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.burger.active span:nth-child(2){opacity:0}.burger.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.hero{width:100%;display:flex;flex-direction:row}@media (width <= 767.98px){.hero{flex-direction:column}}.hero__content{position:relative;background-color:#fff;padding:clamp(6rem,-8.5714285714px + 8.9285714286vw,12rem) clamp(5rem,-7.1428571429px + 7.4404761905vw,10rem);display:flex;flex-direction:column;justify-content:space-evenly}@media (width <= 767.98px){.hero__content{gap:2.4rem}}.hero__title{font-size:clamp(3.2rem,13.7142857143px + 2.380952381vw,4.8rem);font-weight:700;letter-spacing:-.1rem;line-height:normal}.hero__link{color:#000;text-transform:uppercase;letter-spacing:1.2rem;transition:color .2s ease-in-out}@media (any-hover: hover){.hero__link:hover{color:#a1a1a1}.hero__link:hover:after{transform:translate(3.2rem);opacity:.3}}@media (any-hover: none){.hero__link:active{color:#a1a1a1}.hero__link:active:after{transform:translate(3.2rem);opacity:.3}}.hero__link:after{content:" ";width:4rem;height:1.5rem;display:inline-block;vertical-align:middle;background-image:url("data:image/svg+xml,%3csvg%20width='40'%20height='12'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M34.05%200l5.481%205.527h.008v.008L40%206l-.461.465v.063l-.062-.001L34.049%2012l-.662-.668%204.765-4.805H0v-1h38.206l-4.82-4.86L34.05%200z'%20fill='%23000'%20fill-rule='nonzero'/%3e%3c/svg%3e");background-size:contain;background-repeat:no-repeat;transition:transform .3s ease-in-out,opacity .2s ease-in-out}.nav{position:relative;display:flex;flex-direction:row}.nav .burger{position:absolute;left:0}@media (width <= 767.98px){.nav{justify-content:center;flex-direction:row-reverse}}.nav__logo{display:flex;align-items:center;margin-right:clamp(3.2rem,5.7142857143px + 3.4226190476vw,5.5rem)}@media (width <= 767.98px){.nav__logo{margin-right:0}}.nav__list{display:flex;flex-direction:row;align-items:center;gap:clamp(1.6rem,-2.2857142857px + 2.380952381vw,3.2rem);z-index:1050}@media (width <= 767.98px){.nav__list{position:fixed;top:0;left:-100%;width:100%;height:18%;display:flex;align-items:center;justify-content:flex-end;gap:clamp(1.6rem,-18.3511450382px + 9.1603053435vw,5.2rem);background-color:#fff;padding:2rem 3.2rem;transition:left .3s ease-in-out}.nav__list.active{left:0}.nav__list.active~.burger{position:fixed;left:2.4rem;z-index:1050;transition-delay:.3s}}.nav__link{position:relative;color:#fff;font-size:clamp(1.4rem,13.2957746479px + .1877934272vw,1.6rem);padding-bottom:.4rem}@media (width > 767.98px){.nav__link:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background-color:#fff;transform:translate(-50%);transition:width .2s ease-in-out}}@media (width > 767.98px) and (any-hover: hover){.nav__link:hover:after{width:100%}}@media (width > 767.98px) and (any-hover: none){.nav__link:active:after{width:100%}}.nav__link:before{content:" ";position:absolute;inset:-1.4rem}@media (width <= 767.98px){.nav__link{font-size:2.2rem;font-weight:600;color:#000}}.hero__slider-buttons{position:absolute;bottom:0;left:0;background-color:#000;display:flex;flex-direction:row}@media (width <= 767.98px){.hero__slider-buttons{inset:-56px 0 auto auto}}.slider-button{padding:clamp(1.6rem,-2.2857142857px + 2.380952381vw,3.2rem) clamp(2.4rem,14.8571428571px + 1.1904761905vw,3.2rem);transition:background-color .2s ease-in-out}@media (any-hover: hover){.slider-button:hover{background-color:#454545}}@media (any-hover: none){.slider-button:active{background-color:#454545}}.main__content{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start}@media (width <= 767.98px){.main__content{align-items:stretch;flex-direction:column}}@media (width <= 1250px){.main__content{flex-direction:column}}.main__info{display:flex;flex-direction:column;justify-content:space-between;gap:2.4rem;padding:clamp(3.2rem,-2.2857142857px + 4.4642857143vw,6.2rem) clamp(2.4rem,-3.4285714286px + 3.5714285714vw,4.8rem)}.main__title{font-size:1.6rem;font-weight:700;line-height:normal;letter-spacing:.5rem;text-transform:uppercase}