body[data-page-is-homepage] .intro{background-image:radial-gradient(rgba(0,0,0,0),rgba(0,0,0,0.6)),url("../images/static/hp-banner.jpg");background-repeat:no-repeat;background-size:cover;background-position:center;height:100svh;max-height:54rem;display:flex;align-items:center;justify-content:flex-start}body[data-page-is-homepage] .intro>.container{position:relative;height:100%;display:flex;align-items:center;justify-content:flex-start}body[data-page-is-homepage] .intro>.container .content h1{display:none}body[data-page-is-homepage] .intro>.container .content .title{font-size:5rem;line-height:1em;color:var(--color-text-inverted)}body[data-page-is-homepage] .intro>.container .content .subtitle{margin-top:1.15rem;font-size:2rem;line-height:3.6rem;color:var(--color-text-inverted)}body[data-page-is-homepage] .intro>.container .content .btns{margin-top:2.15rem}body[data-page-is-homepage] .intro>.container .socials{color:var(--color-text-inverted);gap:2.65rem;display:none;position:absolute;right:0;top:50%;transform:translateY(-50%) rotate(-90deg) translateX(50%);transform-origin:right center}@media screen and (min-width:calc(1200px + 1px)){body[data-page-is-homepage] .intro>.container .socials{display:flex}}body[data-page-is-homepage] .intro>.container .btn.go-next{position:absolute;bottom:3rem;right:0;min-width:unset;height:3.5rem;width:2.5rem;transform:translateX(50%);padding:0.5rem;display:flex;align-items:center;justify-content:center}body[data-page-is-homepage] .intro>.container .btn.go-next img{margin:0;height:2rem;width:auto}@media screen and (min-width:calc(1200px + 1px)){body[data-page-is-homepage] .intro>.container .btn.go-next:not(:hover){background-color:rgba(0,0,0,0);-webkit-backdrop-filter:unset;backdrop-filter:unset}}body[data-page-is-homepage] .why{padding-top:7.95rem;padding-bottom:4.55rem;position:relative}body[data-page-is-homepage] .why .bg1{position:absolute;bottom:0;left:0;height:30.65rem;width:30.65rem;background-image:url("../images/static/why-decor-1.png");background-size:contain;background-repeat:no-repeat;background-position:left center;transform:translateY(35%);max-width:20%;z-index:22;pointer-events:none}body[data-page-is-homepage] .why .bg2{position:absolute;bottom:0;right:0;height:33.45rem;width:33.45rem;background-image:url("../images/static/why-decor-2.png");background-size:contain;background-repeat:no-repeat;background-position:right center;transform:translateY(50%);max-width:20%;z-index:22;pointer-events:none}body[data-page-is-homepage] .why>.container{display:grid;gap:0 4.6rem}@media screen and (min-width:calc(1200px + 1px)){body[data-page-is-homepage] .why>.container{grid-template-columns:minmax(0,518fr) minmax(0,810fr)}body[data-page-is-homepage] .why>.container .title{grid-column:1/-1}}body[data-page-is-homepage] .why>.container>.img{display:none;position:relative;overflow:hidden;border-radius:0.5rem}@media screen and (min-width:calc(1200px + 1px)){body[data-page-is-homepage] .why>.container>.img{display:block}}body[data-page-is-homepage] .why>.container>.img img{position:absolute;min-height:100%;min-width:100%;top:50%;left:50%;transform:translate(-50%,-50%);object-fit:cover;object-position:center}body[data-page-is-homepage] .why .title{font-size:3rem;margin:0;margin-bottom:3.6rem}@media screen and (min-width:calc(1200px + 1px)){body[data-page-is-homepage] .why .title{margin-bottom:1.65rem}}body[data-page-is-homepage] .why .claims{display:grid;gap:3.75rem 2.8rem}@media screen and (min-width:calc(1200px + 1px)){body[data-page-is-homepage] .why .claims{margin-top:4.85rem}}@media screen and (min-width:calc(1200px + 1px)){body[data-page-is-homepage] .why .claims{grid-template-columns:repeat(2,minmax(0,1fr))}}body[data-page-is-homepage] .why .claims>* .icon{height:3.75rem;width:3.75rem;background-color:var(--color-green-100);display:flex;align-items:center;justify-content:center;border-radius:0.25rem;margin-bottom:1.8rem}body[data-page-is-homepage] .why .claims>* .icon img{max-height:2.25rem;max-width:2.25rem}body[data-page-is-homepage] .why .claims>* h3{margin:0;font-size:1.1rem}body[data-page-is-homepage] .why .claims>* p{margin-top:0.65rem}body[data-page-is-homepage] .why .btns{margin-top:2.9rem}body[data-page-is-homepage] .living{background-color:var(--color-brown-100);padding-top:5.6rem;padding-bottom:4.45rem;position:relative}body[data-page-is-homepage] .living .container>.title{margin:0;text-align:center;max-width:44.2rem;margin-left:auto;margin-right:auto;font-size:3rem;line-height:1em}body[data-page-is-homepage] .living .cards{margin-top:3.65rem;display:grid;gap:1.5rem 2.4rem}@media screen and (min-width:calc(1200px + 1px)){body[data-page-is-homepage] .living .cards{grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:4.2rem}}body[data-page-is-homepage] .living .cards>*{width:100%;height:40rem;position:relative;overflow:hidden;border-radius:0.5rem}@media screen and (min-width:calc(1200px + 1px)){body[data-page-is-homepage] .living .cards>:nth-child(2n+2){transform:translateY(4.2rem)}}body[data-page-is-homepage] .living .cards>* img{position:absolute;min-height:100%;min-width:100%;top:50%;left:50%;transform:translate(-50%,-50%);object-fit:cover;object-position:center}body[data-page-is-homepage] .living .cards>* .content{position:absolute;left:0;top:0;height:100%;width:100%;display:flex;flex-flow:column nowrap;align-items:flex-start;justify-content:flex-end;padding:2.3rem 4.85rem 2.3rem 3.35rem;background:linear-gradient(to bottom,rgba(0,0,0,0) 20%,rgba(0,0,0,0.8))}body[data-page-is-homepage] .living .cards>* .content>*{z-index:2;color:var(--color-text-inverted)}body[data-page-is-homepage] .living .cards>* .content .title{font-size:4rem;line-height:1em}body[data-page-is-homepage] .living .btns{justify-content:center;margin-top:3.2rem}body[data-page-is-homepage] .living .bg1{position:absolute;bottom:0;left:0;height:29.5rem;width:29.5rem;background-image:url("../images/static/living-decor-1.png");background-size:contain;background-repeat:no-repeat;background-position:left center;transform:translateY(35%);max-width:20%;pointer-events:none}body[data-page-is-homepage] .process{background-color:var(--color-green-700);background-image:url("../images/static/process-bg.png");background-repeat:no-repeat;background-position:left top;background-size:auto;color:var(--color-text-inverted);padding-top:6.85rem;padding-bottom:7.55rem;position:relative}@media screen and (min-width:calc(1200px + 1px)){body[data-page-is-homepage] .process .bg1{position:absolute;bottom:0;left:0;height:51.05rem;width:51.05rem;background-image:url("../images/static/process-decor-1.png");background-size:contain;background-repeat:no-repeat;background-position:left center;transform:translateY(22%);z-index:22;pointer-events:none;max-width:35%}body[data-page-is-homepage] .process .bg2{position:absolute;bottom:0;right:0;height:83.45rem;width:83.45rem;background-image:url("../images/static/process-decor-2.png");background-size:contain;background-repeat:no-repeat;background-position:right bottom;transform:translateY(12.5%);z-index:22;pointer-events:none;max-width:50%}}body[data-page-is-homepage] .process .steps{padding-left:1rem;padding-right:1rem;display:flex;flex-flow:column nowrap;align-items:stretch;justify-content:center;list-style:none;padding-top:3rem;gap:3rem}body[data-page-is-homepage] .process .steps>*{margin:0;position:relative}body[data-page-is-homepage] .process .steps>* .dot{position:absolute;top:50%;left:0;height:1.1rem;width:1.1rem;transform:translate(-50%,-50%);border-radius:50%;background-color:var(--color-green-400)}body[data-page-is-homepage] .process .steps>:before{content:"";position:absolute;top:0;left:0;width:0.1rem;height:calc(50% + 3rem / 2);transform:translateY(calc(-3rem / 2));background-color:var(--color-green-400)}body[data-page-is-homepage] .process .steps>:first-child:before{content:unset}body[data-page-is-homepage] .process .steps>:after{content:"";position:absolute;top:50%;left:0;width:0.1rem;height:calc(50% + 3rem / 2);background-color:var(--color-green-400)}body[data-page-is-homepage] .process .steps>:last-child:after{content:unset}body[data-page-is-homepage] .process .steps>* .content{margin-left:2rem;width:calc(100% - 2rem);background-color:var(--color-green-800);padding:2.1rem 1.45rem 1.2rem 1.6rem;border-radius:0.5rem;position:relative}body[data-page-is-homepage] .process .steps>* .content .index{position:absolute;left:1.6rem;top:0;font-size:4rem;line-height:1em;transform:translateY(-50%);color:transparent;-webkit-text-stroke-width:0.05rem;-webkit-text-stroke-color:var(--color-text-inverted)}body[data-page-is-homepage] .process .steps>* .content .title{font-size:1.1rem;margin:0;font-weight:900}body[data-page-is-homepage] .process .steps>* .content .description{margin-top:0.95rem;line-height:1.2rem}body[data-page-is-homepage] .process .steps>* .content:before{content:"";position:absolute;left:0;top:50%;height:1.15rem;width:1.15rem;transform:translate(-50%,-50%) rotate(45deg);background-color:var(--color-green-800)}@media screen and (min-width:calc(1200px + 1px)){body[data-page-is-homepage] .process .steps{padding-top:1rem;justify-content:center;align-items:center;gap:0}body[data-page-is-homepage] .process .steps>* .dot{left:50%}body[data-page-is-homepage] .process .steps>:before{left:50%}body[data-page-is-homepage] .process .steps>:after{left:50%}body[data-page-is-homepage] .process .steps>* .content{margin-left:0;max-width:20rem}body[data-page-is-homepage] .process .steps>:nth-child(odd) .content{transform:translateX(calc(50% + 3.5rem))}body[data-page-is-homepage] .process .steps>:nth-child(2n+2) .content{transform:translateX(calc(-50% - 1.5rem))}body[data-page-is-homepage] .process .steps>:nth-child(2n+2) .content:before{left:100%}body[data-page-is-homepage] .process .steps>:last-child{padding-top:3rem;display:flex;flex-flow:column nowrap;align-items:center;justify-content:center}body[data-page-is-homepage] .process .steps>:last-child:before{content:unset}body[data-page-is-homepage] .process .steps>:last-child .dot{position:relative;left:unset;top:unset;transform:none}body[data-page-is-homepage] .process .steps>:last-child .content{position:relative;transform:unset;background-color:rgba(0,0,0,0);text-align:center}body[data-page-is-homepage] .process .steps>:last-child .content:before{content:unset}body[data-page-is-homepage] .process .steps>:last-child .content .index{display:none}body[data-page-is-homepage] .process .steps>:nth-last-child(2):after{height:calc(50% + 3rem / 2 + 2rem)}}body[data-page-is-homepage] .process .btns{margin-top:1.6rem}@media screen and (min-width:calc(1200px + 1px)){body[data-page-is-homepage] .process .btns{justify-content:center}}body[data-page-is-homepage] .projects{padding-top:13.95rem}body[data-page-is-homepage] .projects>.container header{margin-bottom:1.6rem}body[data-page-is-homepage] .projects>.container .project{display:grid;gap:1.9rem}body[data-page-is-homepage] .projects>.container .project .img{width:100%;height:0;padding-bottom:100%;position:relative;overflow:hidden;border-radius:0.5rem}@media screen and (min-width:calc(600px + 1px)){body[data-page-is-homepage] .projects>.container .project .img{padding-bottom:calc(100% / 3 * 2)}}@media screen and (min-width:calc(900px + 1px)){body[data-page-is-homepage] .projects>.container .project .img{padding-bottom:calc(100% / 16 * 9)}}@media screen and (min-width:calc(1200px + 1px)){body[data-page-is-homepage] .projects>.container .project .img{padding-bottom:calc(100% / 1420 * 512)}}body[data-page-is-homepage] .projects>.container .project .img img{position:absolute;min-height:100%;min-width:100%;top:50%;left:50%;transform:translate(-50%,-50%);object-fit:cover;object-position:center}body[data-page-is-homepage] .projects>.container .project .content{display:grid;gap:1.6rem 2.5rem}@media screen and (min-width:calc(900px + 1px)){body[data-page-is-homepage] .projects>.container .project .content{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}body[data-page-is-homepage] .projects>.container .project .content .description{grid-column:1/-1}}@media screen and (min-width:calc(1200px + 1px)){body[data-page-is-homepage] .projects>.container .project .content{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,3fr)}body[data-page-is-homepage] .projects>.container .project .content .description{grid-column:3/4}}body[data-page-is-homepage] .projects>.container .project .content .date .label,body[data-page-is-homepage] .projects>.container .project .content .title .label{font-size:1rem;opacity:0.5}body[data-page-is-homepage] .projects>.container .project .content .date h3,body[data-page-is-homepage] .projects>.container .project .content .title h3{font-weight:500;margin:0}body[data-page-is-homepage] .projects>.container .project .content .description p:last-child a{font-weight:700}
/*# sourceMappingURL=page-home.css.map */