@font-face{font-family:Quicksand;src:url(/demos/templates/homestay-02/assets/6xKtdSZaM9iE8KbpRA_hK1QN.woff2)format("woff2");font-weight:300 700;font-style:normal;font-display:swap}@font-face{font-family:Quicksand;src:url(/demos/templates/homestay-02/assets/6xKtdSZaM9iE8KbpRA_hJVQNcOM.woff2)format("woff2");font-weight:300 700;font-style:normal;font-display:swap;unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Quicksand;src:url(/demos/templates/homestay-02/assets/6xKtdSZaM9iE8KbpRA_hJFQNcOM.woff2)format("woff2");font-weight:300 700;font-style:normal;font-display:swap;unicode-range:U+100-2FF,U+1E00-1E9F,U+2020,U+20A0-20AB,U+2C60-2C7F,U+A720-A7FF}:root{--brown:#905b2c;--grey:#f5f6f7;--ink:#050505}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{color:var(--ink);margin:0;font-family:Quicksand,Arial,sans-serif;font-size:14px;line-height:1.7}body.menu-open{overflow:hidden}button,input{font:inherit}a{color:inherit;text-decoration:none}a:hover{color:var(--brown)}button{cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:4px;outline:3px solid #ba8553}button{color:inherit}img{object-fit:cover;width:100%;max-width:100%;display:block}h1,h2,h3,p{margin:0}button svg{width:24px;height:24px}button{border:0}button:disabled{cursor:default}.container{width:calc(100% - 60px);max-width:1270px;margin:auto}.grey{background:var(--grey)}.section{padding:90px 0}.section-title{text-transform:uppercase;margin-bottom:42px;font-size:32px;font-weight:700;line-height:1.4}.center{text-align:center}.button{background:var(--brown);color:#fff;letter-spacing:2px;text-transform:uppercase;justify-content:space-between;align-items:center;gap:38px;padding:13px 20px;font-size:12px;line-height:1.5;transition:background .2s;display:inline-flex}.button:hover{color:#fff;background:#332319}.button span{letter-spacing:0}.announcement{color:#fff;text-align:center;background:#8c5528;min-height:34px;padding:6px 50px;font-size:12px;font-weight:600;position:relative}.announcement a{font-weight:700}.announcement a:hover{color:#fff;text-decoration:underline}.announcement button{color:#fff;background:0 0;height:100%;font-size:20px;font-weight:400;position:absolute;top:0;right:6%}header{z-index:30;background:#fff;height:90px;position:sticky;top:0}.header-inner{align-items:center;width:calc(100% - 60px);max-width:1190px;height:100%;margin:auto;display:flex}.logo{width:210px;margin-right:auto}.logo img{object-fit:contain}.header-inner nav{align-items:center;gap:36px;margin-right:25px;display:flex}.header-inner nav a{text-transform:uppercase;letter-spacing:1px;font-size:13px;font-weight:700}.header-inner nav a[aria-current]{color:var(--brown)}.search-button{background:#fff;border-left:1px solid #d2d2d2;justify-content:center;align-items:center;width:52px;height:32px;padding:2px 0 2px 26px;display:flex}.menu-button{display:none}.search-panel{background:#fff;border:1px solid #eee;width:360px;padding:25px;position:absolute;top:100%;right:max(30px,50vw - 595px);box-shadow:0 4px 18px #0002}.search-panel h2{margin-bottom:20px;font-size:18px}.search-panel form>div{background:#f5f5f5;display:flex}.search-panel input[type=search]{background:0 0;border:0;width:100%;min-width:0;padding:12px}.search-panel form button{background:0 0;padding:12px}.hero{outline-offset:-4px;height:960px;position:relative;overflow:hidden}.slide{opacity:0;visibility:hidden;transition:opacity .65s;position:absolute;inset:0}.slide.active{opacity:1;visibility:visible}.hero-image{object-fit:cover;width:100%;height:100%}.hero-copy{color:#fff;width:60%;position:absolute;top:38.8%;left:20%}.hero h1{margin-bottom:24px;font-size:50px;font-weight:700;line-height:1.5}.hero p{margin-bottom:32px;font-size:14px;line-height:1.7}.hero-copy .button{min-width:154px}.hero-arrow{z-index:2;color:#fff;background:0 0;padding:0 15px;font-family:Arial,sans-serif;font-size:76px;font-weight:200;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.hero-prev{left:25px}.hero-next{right:25px}.hero-dots{justify-content:center;gap:20px;display:flex;position:absolute;bottom:26px;left:0;right:0}.hero-dots button{opacity:.65;background:#aa713c;border-radius:100%;width:13px;height:13px;padding:0}.hero-dots button[aria-pressed=true]{opacity:1;background:var(--brown)}.pause-slider{color:#fff;opacity:0;background:#0004;padding:6px 12px;position:absolute;bottom:18px;right:30px}.hero:hover .pause-slider,.pause-slider:focus-visible{opacity:1}.intro{padding:80px 0 20px}.intro-copy{grid-template-columns:400px 1fr;align-items:center;gap:30px;display:grid}.intro-copy>div:first-child{text-align:right}.intro-copy p{margin-bottom:14px;font-size:24px}.intro-copy h2{font-size:32px;line-height:1.3}.intro-copy>div:last-child{border-left:2px solid #aaa;padding:35px 30px}.watermark{text-align:right;border-right:10px solid var(--brown);margin-top:28px;padding-right:24px;line-height:1.2}.watermark strong{text-transform:uppercase;color:#e7e7e7;font-size:70px;font-weight:700;display:block}.watermark span{text-transform:uppercase;margin-top:10px;font-weight:700;display:block}.room-grid{grid-template-columns:repeat(4,1fr);gap:30px;display:grid}.room-grid img{aspect-ratio:1.5;transition:filter .2s}.room-grid a:hover img{filter:brightness(.9)}.room-grid h3{text-transform:uppercase;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:20px 0 22px;font-size:16px;font-weight:700;line-height:1.6;display:-webkit-box;overflow:hidden}.room-grid .button{gap:36px;padding:10px 18px;font-size:12px}.carousel-wrap{position:relative}.carousel-track{scrollbar-width:none;scroll-snap-type:x mandatory;gap:30px;display:flex;overflow-x:auto}.carousel-track::-webkit-scrollbar{display:none}.video-track article{scroll-snap-align:start;flex:0 0 calc(25% - 22.5px)}.video-preview{aspect-ratio:1.78;background:0 0;justify-content:center;align-items:center;width:100%;display:flex}.video-preview .play{opacity:0;transition:opacity .2s}.video-preview:hover .play,.video-preview:focus-visible .play{opacity:1}.video-track p{margin-top:16px;font-weight:500}.play{color:#fff;background:#000;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;padding-left:3px;font-family:Arial,sans-serif;font-size:24px;display:flex}.carousel-arrow{z-index:3;background:#fff;border-radius:50%;width:36px;height:36px;font-size:24px;line-height:1;position:absolute;top:43%;transform:translateY(-50%);box-shadow:0 2px 6px #0003}.carousel-arrow.previous{left:-40px}.carousel-arrow.next{right:-40px}.tiktok-track .tiktok-card{scroll-snap-align:start;background:0 0;border-radius:10px;flex:0 0 calc(25% - 22.5px);padding:0;position:relative;overflow:hidden}.tiktok-card img{aspect-ratio:9/16}.tiktok-card .play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.about-layout{grid-template-columns:420px 1fr;align-items:center;gap:70px;display:grid}.framed-image{box-shadow:-15px 15px var(--brown);margin:0 0 15px 15px;display:block}.framed-image img{aspect-ratio:1.5}.about-layout h2{margin-bottom:40px}.left-rule{border-left:2px solid #aaa;padding-left:30px}.statistics{color:#fff;background:#999 url(/demos/templates/homestay-02/assets/optimized/h-prl-one_bg.optimized-39da74b69d.webp) 50%/cover fixed;padding:90px 0;position:relative}.statistics:before{content:"";background:#0006;position:absolute;inset:0}.stats-layout{grid-template-columns:1fr 1fr;align-items:center;gap:30px;display:grid;position:relative}.numbers{text-align:center;justify-content:space-around;gap:30px;display:flex}.numbers>div{flex:1}.numbers strong{font-size:40px;line-height:1.4;display:block}.numbers strong:after{content:"";background:#fff;width:50px;height:3px;margin:12px auto 20px;display:block}.numbers span{text-transform:uppercase;display:block}.stats-story{border:10px solid #fff;padding:75px 50px;position:relative}.stats-story>p:first-child{margin-bottom:10px;font-size:24px}.stats-story h2{margin-bottom:18px}.stats-story p:last-child{font-size:14px}.policy-grid{text-align:center;grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.policy-grid img{object-fit:contain;width:80px;height:80px;margin:auto}.policy-grid h3{margin-top:18px;font-size:22px}.policy-grid h3:after{content:"";background:var(--brown);width:60px;height:2px;margin:12px auto 20px;display:block}.policy-grid p{line-height:1.8}.skills-layout{grid-template-columns:1fr 1.36fr;gap:60px;display:grid}.skill{margin-bottom:16px}.skill p{font-size:14px;font-weight:700}.skill [role=meter]{background:#e9e9e9;height:30px}.skill span{background:var(--brown);text-align:right;color:#fff;height:100%;padding:2px 10px;font-weight:700;display:block}.news{padding-bottom:20px}.news .watermark{margin-top:70px}.feature-layout{grid-template-columns:1fr 1.36fr;align-items:center;gap:60px;display:grid}.feature-layout .section-title{margin:0}.feature-preview{background:0 0;padding:0;position:relative}.feature-preview img{aspect-ratio:1.77}.feature-preview .play{opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.feature-preview:hover .play,.feature-preview:focus-visible .play{opacity:1}.contact-banner{text-align:center;color:#fff;background:#999 url(/demos/templates/homestay-02/assets/optimized/h-prl-two_bg.optimized-0ae98379e7.webp) 50%/cover fixed;padding:120px 0;position:relative}.contact-banner:before{content:"";background:#0006;position:absolute;inset:0}.contact-banner .container{position:relative}.contact-banner h2{font-size:25px;line-height:1.5}.contact-phone{color:#fff;margin-top:20px;font-size:20px;display:inline-block}.contact-phone:hover{color:#fff;text-decoration:underline}.partner-section{padding:40px 0}.partner-track a{flex:0 0 calc(25% - 22.5px)}.partner-track img{aspect-ratio:1.5}.footer-grid{grid-template-columns:repeat(4,1fr);gap:30px;padding:40px 0 25px;font-size:14px;display:grid}.footer-grid h3{text-transform:uppercase;margin-bottom:24px;font-size:16px}.footer-grid p{color:#4a4a4a;line-height:1.75}.footer-grid ul{margin:0;padding:0;list-style:none}.footer-grid li{color:#4a4a4a;overflow-wrap:anywhere;padding-left:18px;line-height:2;position:relative}.footer-grid li:before{content:"−";position:absolute;left:0}.footer-grid li strong{color:#000}.bct{object-fit:contain;width:150px;margin-top:20px}.socials{gap:12px;margin-top:24px;display:flex}.socials a{background:var(--brown);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-weight:700;display:flex}.copyright{text-align:center;border-top:1px dashed #ddd;padding:14px;font-size:14px}.back-top{background:var(--brown);color:#fff;opacity:0;pointer-events:none;z-index:10;width:40px;height:40px;font-size:26px;position:fixed;bottom:20px;right:6%}.back-top.visible{opacity:1;pointer-events:auto}.video-modal{color:#fff;background:#111;border:0;width:min(1000px,95vw);max-height:95svh;padding:40px 20px 20px;overflow:auto}.video-modal::backdrop{background:#000c}.close-video{color:#fff;background:0 0;font-size:30px;position:absolute;top:0;right:10px}.video-container{aspect-ratio:16/9}.video-container iframe{border:0;width:100%;height:100%}.video-external{color:#fff;margin-top:14px;font-size:14px;display:inline-block}.video-external:hover{color:#fff;text-decoration:underline}.video-modal.portrait{width:min(400px,95vw)}.portrait .video-container{aspect-ratio:9/16;max-height:75svh}.menu-backdrop{z-index:49;background:#0008;position:fixed;inset:0}#mobile-menu{z-index:50;background:#fff;width:min(340px,88vw);padding:25px;position:fixed;inset:0 auto 0 0;overflow-y:auto}#mobile-menu nav{flex-direction:column;margin:30px 0;display:flex}#mobile-menu nav a{text-transform:uppercase;border-bottom:1px solid #eee;padding:14px 0;font-weight:700}#mobile-menu>p{margin:25px 0 14px}#mobile-menu>a{margin:8px 0;display:block}.menu-top{align-items:center;gap:25px;display:flex}.menu-top img{width:180px}.close-menu{background:0 0;margin-left:auto;font-size:30px}[hidden]{display:none!important}@media (width>=1700px){.hero{height:calc(100vh - 124px);min-height:960px}}@media (width<=1370px){.carousel-arrow.previous{left:-18px}.carousel-arrow.next{right:-18px}.container{width:calc(100% - 80px)}}@media (width<=991px){.header-inner nav{gap:20px}.logo{width:180px}.hero{height:760px}.hero-copy{width:76%;left:12%}.hero h1{font-size:40px}.section{padding:65px 0}.section-title{font-size:28px}.room-grid{gap:20px}.room-grid h3{font-size:14px}.about-layout{grid-template-columns:1fr 1.5fr;gap:45px}.stats-story{padding:40px 30px}.stats-layout{grid-template-columns:1fr;gap:50px}.numbers{width:100%;max-width:700px;margin:auto}.footer-grid{grid-template-columns:1fr 1fr}.skills-layout,.feature-layout{grid-template-columns:1fr 1fr;gap:35px}.watermark strong{font-size:55px}.tiktok-track .tiktok-card,.video-track article{flex-basis:calc(33.3333% - 20px)}}@media (width<=767px){html{scroll-padding-top:55px}.container{width:calc(100% - 30px)}.announcement{min-height:55px;padding:7px 42px 7px 32px;line-height:20px}.announcement button{right:20px}header{height:55px}.header-inner{justify-content:space-between;width:calc(100% - 30px)}.logo{width:128px;margin:0}.header-inner nav{display:none}.menu-button{background:0 0;flex-direction:column;justify-content:space-between;width:22px;height:25px;padding:3px 0;display:flex}.menu-button span{background:#000;width:20px;height:1.5px;display:block}.search-button{border:0;width:24px;height:26px;padding:0}.search-panel{width:calc(100vw - 30px);padding:22px;right:15px}.hero{height:585px}.hero-copy{width:calc(100% - 30px);top:auto;bottom:3px;left:15px}.hero h1{margin-bottom:16px;font-size:24px;line-height:1.5}.hero p{margin-bottom:20px;font-size:14px;line-height:1.6}.hero-copy .button{letter-spacing:0;gap:0;min-width:108px;padding:11px 20px;font-size:12px}.hero-copy .button span{display:none}.hero-image{object-position:50% center}.hero-arrow{display:none}.hero-dots{gap:20px;bottom:23px;left:145px;right:auto}.hero-dots button{width:10px;height:10px}.pause-slider{font-size:12px;bottom:15px;right:15px}.intro{padding:45px 0 20px}.intro-copy{display:block}.intro-copy>div:first-child{text-align:left}.intro-copy p{margin-bottom:14px;font-size:20px}.intro-copy h2{font-size:25px;line-height:1.3}.intro-copy>div:last-child{margin-top:25px;padding:0 0 0 24px}.watermark{border-right-width:6px;margin-top:40px;padding-right:14px}.watermark strong{font-size:34px}.watermark span{margin-top:8px;font-size:10px}.section{padding:45px 0}.section-title{margin-bottom:30px;font-size:26px;line-height:1.4}.room-grid{grid-template-columns:1fr 1fr;gap:30px 15px}.room-grid img{aspect-ratio:1.5}.room-grid h3{margin:14px 0;font-size:13px;line-height:1.6}.room-grid .button{letter-spacing:1px;gap:18px;padding:10px 13px;font-size:10px}.video-track article{flex-basis:calc(50% - 7.5px)}.carousel-track{gap:15px}.video-track p{font-size:12px}.video-preview .play{opacity:.8;width:36px;height:36px;font-size:18px}.carousel-arrow{width:30px;height:30px}.carousel-arrow.previous{left:-10px}.carousel-arrow.next{right:-10px}.tiktok-track .tiktok-card{flex-basis:calc(50% - 7.5px)}.tiktok-card .play{width:40px;height:40px;font-size:20px}.about-layout{grid-template-columns:1fr;gap:45px}.framed-image{box-shadow:-12px 12px var(--brown);margin-left:12px}.about-layout h2{margin-bottom:24px}.left-rule{padding-left:24px}.statistics{background-attachment:scroll;padding:55px 0}.stats-layout{gap:40px}.numbers{gap:15px}.numbers strong{font-size:34px}.numbers span{font-size:11px}.numbers strong:after{width:35px}.stats-story{border-width:5px;padding:30px 22px}.stats-story>p:first-child{font-size:20px}.stats-story h2{font-size:25px}.policy-grid{grid-template-columns:1fr;gap:38px}.policy-grid img{width:65px;height:65px}.policy-grid h3{font-size:21px}.skills-layout{grid-template-columns:1fr;gap:30px}.skills-layout>h2{grid-row:1;margin-bottom:0}.skill:last-child{margin:0}.news{padding-bottom:20px}.news .watermark{margin-top:50px}.feature-layout{grid-template-columns:1fr;gap:30px}.feature-layout h2{font-size:24px}.contact-banner{background-attachment:scroll;padding:65px 0}.contact-banner h2{font-size:20px;line-height:1.6}.partner-section{padding:30px 0}.partner-track a{flex-basis:calc(50% - 7.5px)}.footer-grid{grid-template-columns:1fr;gap:30px;padding:35px 0}.footer-grid h3{margin-bottom:16px}.back-top{width:35px;height:35px;bottom:15px;right:15px}.copyright{font-size:12px}.video-modal{padding:35px 10px 15px}.video-external{font-size:12px}}.logo img{width:140%;max-width:none;transform:translate(-14.3%)}.policy-grid img{background:var(--brown);border-radius:10px;padding:20px}@media (width>=992px){.header-inner{max-width:1270px}.logo{margin-left:40px}.hero-copy{width:62.5%}}@media (width<=767px){.policy-grid img{padding:15px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important}}.motion-reveal{opacity:0;transition:opacity .8s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0s),translate .8s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0s),box-shadow .35s,border-color .35s;translate:0 36px}.motion-reveal.motion-visible{opacity:1;translate:0}.motion-entrance{animation:motion-enter 1s cubic-bezier(.22,1,.36,1) var(--entrance-delay,0s) both}@keyframes motion-enter{0%{opacity:0;translate:0 28px}to{opacity:1;translate:0}}.motion-card{transition:translate .5s cubic-bezier(.22,1,.36,1),box-shadow .35s,border-color .35s}.motion-card.motion-reveal{transition:opacity .8s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0s),translate .8s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0s),box-shadow .35s,border-color .35s}.motion-photo{transition:scale .9s cubic-bezier(.22,1,.36,1),filter .5s}.motion-photo.motion-reveal{transition:opacity .8s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0s),translate .8s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0s),scale .9s cubic-bezier(.22,1,.36,1),filter .5s}.slide.active .hero-copy>h1{animation:.95s cubic-bezier(.22,1,.36,1) .15s both motion-enter}.slide.active .hero-copy>p{animation:.95s cubic-bezier(.22,1,.36,1) .28s both motion-enter}.slide.active .hero-copy>.button{animation:.95s cubic-bezier(.22,1,.36,1) .4s both motion-enter}.hero{overflow:hidden}.motion-parallax{translate:0 var(--hero-shift,0px);transform-origin:50%;transition:opacity .8s,scale 8s cubic-bezier(.2,.65,.3,1);scale:1.045}.hero-slide.active.motion-parallax,.slide.active .motion-parallax{scale:1.1}header{transition:box-shadow .4s,background .4s}header.motion-scrolled{box-shadow:0 8px 30px #00000012}nav a{position:relative}nav a:after{content:"";transform-origin:0;background:currentColor;width:100%;height:1px;transition:scale .3s;position:absolute;bottom:-5px;left:0;scale:0 1}nav a:hover:after,nav a:focus-visible:after{scale:1}.button{transition:background .25s,color .25s,transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s}.button:active{transform:translateY(0)scale(.97)}.hero-arrow,.room-arrow,.carousel-arrow{transition:background .25s,box-shadow .25s}.hero-arrow:hover,.room-arrow:hover,.carousel-arrow:hover{box-shadow:0 0 0 6px #ffffff20}input,textarea,select{transition:border-color .25s,box-shadow .25s,background .25s}input:focus,textarea:focus,select:focus{box-shadow:0 0 0 4px #8f764a12}#navigation.open,nav.open{animation:.35s cubic-bezier(.22,1,.36,1) motion-menu}@keyframes motion-menu{0%{opacity:0;translate:0 -12px}to{opacity:1;translate:0}}@media (hover:hover) and (pointer:fine){.motion-card:hover,.motion-card.motion-visible:hover{border-color:#8f764a40;translate:0 -7px;box-shadow:0 16px 38px #20231f16}.motion-card:hover .motion-photo,.gallery-grid .motion-photo:hover,.gallery-grid figure:hover .motion-photo{scale:1.035}.story-image.motion-photo:hover,.framed-image:hover .motion-photo{scale:1.018}}@media (width<=767px){.motion-reveal{translate:0 22px}.motion-reveal.motion-visible{translate:0}.motion-parallax{translate:0;scale:1.035}.hero-slide.active.motion-parallax,.slide.active .motion-parallax{scale:1.065}}@media (prefers-reduced-motion:reduce){.motion-reveal,.motion-entrance{opacity:1!important;animation:none!important;translate:none!important}.motion-parallax,.motion-photo{translate:none!important;scale:1!important}*,:before,:after{transition:none!important;animation:none!important}}
